[improvement] Popup: jsx (#2614)

2019-01-25 20:24:18 +08:00
parent 6505ae7705
commit 335cc46e37
5 changed files with 62 additions and 65 deletions
@@ -0,0 +1,38 @@
+import { use } from '../utils';
+import Popup from '../mixins/popup';
+
+const [sfc, bem] = use('popup');
+
+export default sfc({
+  mixins: [Popup],
+
+  props: {
+    position: String,
+    transition: String,
+    overlay: {
+      type: Boolean,
+      default: true
+    },
+    closeOnClickOverlay: {
+      type: Boolean,
+      default: true
+    }
+  },
+
+  render(h) {
+    if (!this.shouldRender) {
+      return;
+    }
+
+    const { position } = this;
+    const transitionName = this.transition || (position ? `van-popup-slide-${position}` : 'van-fade');
+
+    return (
+      <transition name={transitionName}>
+        <div vShow={this.value} class={bem({ [position]: position })}>
+          {this.$slots.default}
+        </div>
+      </transition>
+    );
+  }
+});