fix ant-design/ant-motion#222

react-component · Jul 23, 2019 · 88c992e · 88c992e
1 parent 4c17eb0
commit 88c992e
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 11 deletions.
diff --git a/assets/index.less b/assets/index.less
@@ -23,6 +23,7 @@
       width: 20px;
       height: 60px;
       margin-top: -30px;
+      top: 50%;
       background: fade(#000, 30);
       &.next {
         right: 0;

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rc-banner-anim",
-  "version": "2.2.8",
+  "version": "2.2.9",
   "description": "banner-anim animation component for react",
   "keywords": [
     "react",

diff --git a/src/Arrow.jsx b/src/Arrow.jsx
@@ -18,12 +18,10 @@ class Arrow extends Component {
     const props = { ...this.props, ...this.props.componentProps };
     [
       'arrowType', 'next', 'prev',
-      'elemHeight', 'component', 'componentProps', 'default', 'prefixCls',
+      'component', 'componentProps', 'default', 'prefixCls',
     ].forEach(key => delete props[key]);
     props.className = className;
     props.onClick = this.onClick;
-    props.style = props.style || {};
-    props.style.top = `${this.props.elemHeight / 2}px`;
     return React.createElement(this.props.component, props, this.props.children);
   }
 }
@@ -38,7 +36,6 @@ Arrow.propTypes = {
   default: PropTypes.bool,
   next: PropTypes.func,
   prev: PropTypes.func,
-  elemHeight: PropTypes.number,
   componentProps: PropTypes.object,
 };
 Arrow.defaultProps = {

diff --git a/src/BannerAnim.jsx b/src/BannerAnim.jsx
@@ -253,12 +253,8 @@ class BannerAnim extends Component {
     if (elem.length > 1) {
       if (!arrow.length && this.props.arrow) {
         arrow.push(
-          <Arrow arrowType="prev" key="arrowPrev" next={this.next} prev={this.prev} default
-            elemHeight={this.state.wrapperHeight}
-          />,
-          <Arrow arrowType="next" key="arrowNext" next={this.next} prev={this.prev} default
-            elemHeight={this.state.wrapperHeight}
-          />
+          <Arrow arrowType="prev" key="arrowPrev" next={this.next} prev={this.prev} default />,
+          <Arrow arrowType="next" key="arrowNext" next={this.next} prev={this.prev} default />
         );
       }
       if (!thumb && this.props.thumb) {