From 5702be360a7e3e191f4d062e38573f170dd626d2 Mon Sep 17 00:00:00 2001
From: infeng <fzhihao@outlook.com>
Date: Wed, 28 Dec 2016 10:35:15 +0800
Subject: [PATCH] feature: add attribute prop

---
 demo/index.tsx        |  1 +
 src/ViewerCore.tsx    |  2 ++
 src/ViewerProps.ts    |  2 ++
 src/ViewerToolbar.tsx | 10 +++++++---
 4 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/demo/index.tsx b/demo/index.tsx
index 6bbb246..e425cd3 100644
--- a/demo/index.tsx
+++ b/demo/index.tsx
@@ -66,6 +66,7 @@ class App extends React.Component<any, any> {
           onClose={() => { this.setState({ visible: false }); } }
           images={images}
           activeIndex={this.state.activeIndex}
+          attribute={false}
           />
         </div>
         <div className="footer">
diff --git a/src/ViewerCore.tsx b/src/ViewerCore.tsx
index 56856eb..eca5bca 100644
--- a/src/ViewerCore.tsx
+++ b/src/ViewerCore.tsx
@@ -35,6 +35,7 @@ export default class ViewerCore extends React.Component<ViewerProps, ViewerCoreS
     activeIndex: 0,
     zIndex: 1000,
     drag: true,
+    attribute: true,
   };
 
   private prefixCls: string;
@@ -470,6 +471,7 @@ export default class ViewerCore extends React.Component<ViewerProps, ViewerCoreS
           alt={activeImg.alt}
           width={this.state.imageWidth}
           height={this.state.imageHeight}
+          attribute={this.props.attribute}
           />
           <ViewerNav
           prefixCls={this.prefixCls}
diff --git a/src/ViewerProps.ts b/src/ViewerProps.ts
index 99bfa3e..8bb49bf 100644
--- a/src/ViewerProps.ts
+++ b/src/ViewerProps.ts
@@ -18,6 +18,8 @@ interface ViewerProps {
   container?: HTMLElement;
   /** 图片是否可拖动 */
   drag?: boolean;
+  /** 是否显示图片属性 */
+  attribute?: boolean;
 }
 
 export default ViewerProps;
diff --git a/src/ViewerToolbar.tsx b/src/ViewerToolbar.tsx
index 3b8b0f5..d2a380f 100644
--- a/src/ViewerToolbar.tsx
+++ b/src/ViewerToolbar.tsx
@@ -7,6 +7,7 @@ export interface ViewerToolbarProps {
   alt: string;
   width: number;
   height: number;
+  attribute: boolean;
 }
 
 export default class ViewerToolbar extends React.Component<ViewerToolbarProps, any> {
@@ -20,11 +21,14 @@ export default class ViewerToolbar extends React.Component<ViewerToolbarProps, a
   }
 
   render() {
+    let attributeNode = this.props.attribute ? (
+      <p className={`${this.props.prefixCls}-attribute`}>
+        {`${this.props.alt}(${this.props.width} x ${this.props.height})`}
+      </p>
+    ) : null;
     return (
       <div>
-        <p className={`${this.props.prefixCls}-attribute`}>
-          {`${this.props.alt}(${this.props.width} x ${this.props.height})`}
-        </p>
+        {attributeNode}
         <ul className={`${this.props.prefixCls}-toolbar`}>
           <li className={`${this.props.prefixCls}-btn`} onClick={() => {this.handleAction(ActionType.zoomIn);}}>
             <Icon type={ActionType.zoomIn}/>