Merge pull request #1473 from TaleLin/develop

chore: 升级版本 0.9.7

Author: smileShirmy

.gitignore

@@ -19,5 +19,6 @@ yarn-error.log
 .vscode
 package-lock.json
 examples/project.config.json
+examples/project.private.config.json
 /.run
 yarn.lock

commitlint.config.js

@@ -75,7 +75,8 @@ module.exports = {
         'TabBar',
         'DynamicBuild',
         'Calendar',
-        'Script'
+        'Script',
+        'Switch'
       ]
     ]
   }

dist/switch/index.js

@@ -0,0 +1 @@
+{"component":true,"usingComponents":{}}

dist/switch/index.json

@@ -0,0 +1,3 @@
+<view class="switch {{disabled ? 'switch-disabled l-disabled-class' : 'l-class'}} {{ checked === activeValue ? 'switch-on' : '' }}" style="background-color:{{checked === activeValue ? selectColor : color}};font-size:{{size}};" bind:tap="onClick">
+  <view class="switch-node"></view>
+</view>

dist/switch/index.wxml

@@ -0,0 +1 @@
+.switch{position:relative;display:inline-block;box-sizing:content-box;width:2em;height:1em;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:1em;transition:background-color .3s}.switch-node{position:absolute;top:0;left:0;border-radius:100%;z-index:1;width:1em;height:1em;background-color:#fff;box-shadow:0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05);transition:.3s cubic-bezier(.3,1.05,.4,1.05)}.switch-on .switch-node{transform:translateX(calc(1em))}.switch-disabled{opacity:.5}

dist/switch/index.wxss

@@ -93,6 +93,7 @@
     {
       "root": "pages/components/form",
       "pages": [
+        "pages/switch/index",
         "pages/input/index",
         "pages/radio/index",
         "pages/checkbox/index",

examples/app.json

@@ -0,0 +1,67 @@
+import eventBus from '../core/utils/event-bus';
+
+Component({
+  externalClasses: ['l-class', 'l-disabled-class'],
+  properties: {
+    checked: {
+      type: null,
+      optionalTypes: [Boolean, String, Number],
+      value: false
+    },
+    size: {
+      type: String,
+      value: '38rpx'
+    },
+    color: {
+      type: String,
+      value: '#fff'
+    },
+    //  选中后的颜色
+    selectColor: {
+      type: String,
+      value: '#3963BC'
+    },
+    activeValue: {
+      type: null,
+      value: true,
+    },
+    inactiveValue: {
+      type: null,
+      value: false,
+    },
+    // 不可选状态
+    disabled: {
+      type: Boolean,
+      value: false
+    },
+  },
+  methods: {
+    onClick() {
+      const { activeValue, inactiveValue, disabled } = this.data;
+
+      if (disabled) {
+        return;
+      }
+
+      const checked = this.data.checked === activeValue;
+      const value = checked ? inactiveValue : activeValue;
+
+      this.setData({
+        checked: value
+      });
+
+      this.triggerEvent('linchange', { checked: value });
+      eventBus.emit(`lin-form-change-${this.id}`, this.id);
+    },
+
+    getValues() {
+      return this.data.checked;
+    },
+
+    reset() {
+      this.setData({
+        checked: this.data.inactiveValue
+      });
+    }
+  }
+});

examples/dist/switch/index.js

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

examples/dist/switch/index.json

@@ -0,0 +1,6 @@
+<view 
+  class="switch {{disabled ? 'switch-disabled l-disabled-class' : 'l-class'}} {{ checked === activeValue ? 'switch-on' : '' }}"
+  style="background-color:{{checked === activeValue ? selectColor : color}};font-size:{{size}};"
+  bind:tap="onClick">
+  <view class="switch-node"></view>
+</view>