增加微信小程序版

liferestartWX/utils/wux/checkbox/index.js

@@ -0,0 +1,93 @@
+import baseComponent from '../helpers/baseComponent'
+import classNames from '../helpers/classNames'
+
+baseComponent({
+    relations: {
+        '../checkbox-group/index': {
+            type: 'ancestor',
+        },
+    },
+    properties: {
+        prefixCls: {
+            type: String,
+            value: 'wux-checkbox',
+        },
+        cellPrefixCls: {
+            type: String,
+            value: 'wux-cell',
+        },
+        selectablePrefixCls: {
+            type: String,
+            value: 'wux-selectable',
+        },
+        title: {
+            type: String,
+            value: '',
+        },
+        label: {
+            type: String,
+            value: '',
+        },
+        extra: {
+            type: String,
+            value: '',
+        },
+        value: {
+            type: String,
+            value: '',
+        },
+        checked: {
+            type: Boolean,
+            value: false,
+            observer(newVal) {
+                this.setData({
+                    inputChecked: newVal,
+                })
+            },
+        },
+        disabled: {
+            type: Boolean,
+            value: false,
+        },
+        color: {
+            type: String,
+            value: 'balanced',
+        },
+    },
+    data: {
+        index: 0,
+        inputChecked: false,
+    },
+    computed: {
+        classes: ['prefixCls', function(prefixCls) {
+            const cell = classNames(prefixCls)
+            const selectable = `${prefixCls}__selectable`
+
+            return {
+                cell,
+                selectable,
+            }
+        }],
+    },
+    methods: {
+        checkboxChange(e) {
+            const { value, index, disabled } = this.data
+            const parent = this.getRelationNodes('../checkbox-group/index')[0]
+            const item = {
+                checked: e.detail.checked,
+                value,
+                index,
+            }
+
+            if (disabled) return
+
+            parent ? parent.onChange(item) : this.triggerEvent('change', item)
+        },
+        changeValue(inputChecked = false, index = 0) {
+            this.setData({
+                inputChecked,
+                index,
+            })
+        },
+    },
+})

liferestartWX/utils/wux/checkbox/index.json

@@ -0,0 +1,7 @@
+{
+    "component": true,
+    "usingComponents": {
+        "wux-cell": "../cell/index",
+        "wux-selectable": "../selectable/index"
+    }
+}

liferestartWX/utils/wux/checkbox/index.wxml

@@ -0,0 +1,3 @@
+<wux-cell wux-class="{{ classes.cell }}" prefixCls="{{ cellPrefixCls }}" title="{{ title }}" label="{{ label }}" extra="{{ extra }}">
+    <wux-selectable slot="header" wux-class="{{ classes.selectable }}" prefixCls="{{ selectablePrefixCls }}" value="{{ value }}" checked="{{ inputChecked }}" color="{{ color }}" disabled="{{ disabled }}" controlled bind:change="checkboxChange" />
+</wux-cell>

liferestartWX/utils/wux/checkbox/index.wxss

@@ -0,0 +1,3 @@
+.wux-checkbox__selectable {
+  position: static!important
+}