仿互站小程序

vant/checkbox/index.js

@@ -0,0 +1,47 @@
+(0, require("../common/component").VantComponent)({
+    field: !0,
+    relation: {
+        name: "checkbox-group",
+        type: "ancestor"
+    },
+    classes: [ "icon-class", "label-class" ],
+    props: {
+        value: null,
+        disabled: Boolean,
+        useIconSlot: Boolean,
+        checkedClass: String,
+        checkedColor: String,
+        noColor: String,
+        labelPosition: String,
+        labelDisabled: Boolean,
+        shape: {
+            type: String,
+            value: "round"
+        }
+    },
+    methods: {
+        emitChange: function(e) {
+            var a = this.getRelationNodes("../checkbox-group/index")[0];
+            a ? this.setParentValue(a, e) : (this.$emit("input", e), this.$emit("change", {
+                checked: e,
+                name: this.data.name
+            }));
+        },
+        toggle: function() {
+            this.data.disabled || this.emitChange(!this.data.value);
+        },
+        onClickLabel: function() {
+            this.data.disabled || this.data.labelDisabled || this.emitChange(!this.data.value);
+        },
+        setParentValue: function(e, a) {
+            var t = e.data.value.slice(), i = this.data.name;
+            if (a) {
+                if (e.data.max && t.length >= e.data.max) return;
+                -1 === t.indexOf(i) && (t.push(i), e.$emit("input", t), e.$emit("change", t));
+            } else {
+                var n = t.indexOf(i);
+                -1 !== n && (t.splice(n, 1), e.$emit("input", t), e.$emit("change", t));
+            }
+        }
+    }
+});