From dd362b6e1f51f6d94eca51a925eac6b88c5336dc Mon Sep 17 00:00:00 2001
From: infeng <fzhihao@outlook.com>
Date: Wed, 10 Apr 2019 17:52:37 +0800
Subject: [PATCH] feat: set viewer min height in inline mode

---
 demo/index.less      |  4 ++--
 src/ViewerCore.tsx   | 14 +++++++++++++-
 src/style/index.less |  1 +
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/demo/index.less b/demo/index.less
index c054904..ed0fc02 100644
--- a/demo/index.less
+++ b/demo/index.less
@@ -101,8 +101,8 @@ ul, li {
 }
 .inline-container {
   display: none;
-  width: 600px;
-  height: 400px;
+  // width: 600px;
+  // height: 400px;
   margin: 0 auto;
 
   &.show {
diff --git a/src/ViewerCore.tsx b/src/ViewerCore.tsx
index c60a390..458796f 100644
--- a/src/ViewerCore.tsx
+++ b/src/ViewerCore.tsx
@@ -89,6 +89,14 @@ export default class ViewerCore extends React.Component<ViewerProps, ViewerCoreS
     if (this.props.container) {
       this.containerWidth = this.props.container.offsetWidth;
       this.containerHeight = this.props.container.offsetHeight;
+      this.setInlineContainerHeight();
+    }
+  }
+
+  setInlineContainerHeight() {
+    const core = (this.refs['viewerCore'] as HTMLDivElement);
+    if (core) {
+      this.containerHeight = core.offsetHeight;
     }
   }
 
@@ -119,11 +127,15 @@ export default class ViewerCore extends React.Component<ViewerProps, ViewerCoreS
   }
 
   componentDidMount() {
-    (this.refs['viewerCore'] as HTMLDivElement).addEventListener(
+    const core = (this.refs['viewerCore'] as HTMLDivElement);
+    core.addEventListener(
       'transitionend',
       this.handleTransitionEnd,
       false
     );
+    if (this.containerHeight === 0) {
+      this.setInlineContainerHeight();
+    }
     this.startVisible(this.state.activeIndex);
   }
 
diff --git a/src/style/index.less b/src/style/index.less
index 27817e9..9b896a7 100644
--- a/src/style/index.less
+++ b/src/style/index.less
@@ -17,6 +17,7 @@
     position: relative;
     width: 100%;
     height: 100%;
+    min-height: 400px;
   }
 
   @zIndex: 1000;