仿互站小程序

vant/collapse-item/index.js

@@ -0,0 +1,85 @@
+var t = function() {
+    return new Promise(function(t) {
+        return setTimeout(t, 20);
+    });
+};
+
+(0, require("../common/component").VantComponent)({
+    classes: [ "title-class", "content-class" ],
+    relation: {
+        name: "collapse",
+        type: "ancestor",
+        linked: function(t) {
+            this.parent = t;
+        }
+    },
+    props: {
+        name: null,
+        title: null,
+        value: null,
+        icon: String,
+        label: String,
+        disabled: Boolean,
+        clickable: Boolean,
+        border: {
+            type: Boolean,
+            value: !0
+        },
+        isLink: {
+            type: Boolean,
+            value: !0
+        }
+    },
+    data: {
+        contentHeight: 0,
+        expanded: !1,
+        transition: !1
+    },
+    mounted: function() {
+        var n = this;
+        this.updateExpanded().then(t).then(function() {
+            n.set({
+                transition: !0
+            });
+        });
+    },
+    methods: {
+        updateExpanded: function() {
+            if (!this.parent) return Promise.resolve();
+            var t = this.parent.data, n = t.value, e = t.accordion, i = this.parent.children, a = void 0 === i ? [] : i, o = this.data.name, s = a.indexOf(this), r = null == o ? s : o, l = e ? n === r : (n || []).some(function(t) {
+                return t === r;
+            }), u = [];
+            return l !== this.data.expanded && u.push(this.updateStyle(l)), u.push(this.set({
+                index: s,
+                expanded: l
+            })), Promise.all(u);
+        },
+        updateStyle: function(n) {
+            var e = this;
+            return this.getRect(".van-collapse-item__content").then(function(t) {
+                return t.height;
+            }).then(function(i) {
+                return n ? e.set({
+                    contentHeight: i ? i + "px" : "auto"
+                }) : e.set({
+                    contentHeight: i + "px"
+                }).then(t).then(function() {
+                    return e.set({
+                        contentHeight: 0
+                    });
+                });
+            });
+        },
+        onClick: function() {
+            if (!this.data.disabled) {
+                var t = this.data, n = t.name, e = t.expanded, i = this.parent.children.indexOf(this), a = null == n ? i : n;
+                this.parent.switch(a, !e);
+            }
+        },
+        onTransitionEnd: function() {
+            this.data.expanded && this.set({
+                contentHeight: "auto"
+            });
+        }
+    }
+});