[improvement] SwipeItem: jsx (#2652)

2019-01-30 20:27:47 +08:00
parent 76e23aefc6
commit 70caee3dd5
2 changed files with 35 additions and 42 deletions
@@ -0,0 +1,35 @@
+import { use } from '../utils';
+
+const [sfc, bem] = use('swipe-item');
+
+export default sfc({
+  data() {
+    return {
+      offset: 0
+    };
+  },
+
+  beforeCreate() {
+    this.$parent.swipes.push(this);
+  },
+
+  destroyed() {
+    this.$parent.swipes.splice(this.$parent.swipes.indexOf(this), 1);
+  },
+
+  render(h) {
+    const { vertical } = this.$parent;
+
+    const style = {
+      width: this.computedWidth + 'px',
+      height: vertical ? this.computedHeight + 'px' : '100%',
+      transform: `translate${vertical ? 'Y' : 'X'}(${this.offset}px)`
+    };
+
+    return (
+      <div class={bem()} style={style}>
+        {this.$slots.default}
+      </div>
+    );
+  }
+});