build: Travis CI automatic compilation

Author: juzi214032

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

@@ -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>

examples/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}