@10yun/cv-mobile-ui 0.3.24 → 0.3.26

package/ui-cv/cv-picker-region/cv-picker-region.vue

@@ -1,14 +1,31 @@
 <template>
-  <cv-form-item :label="label" :message="message" :messageDisplay="messageDisplay" :labelWidth="localLabelWidth" :layout="localLayout" :isIcon="true"
-    :iconTop="iconTop">
+  <cv-form-item
+    :label="label"
+    :message="message"
+    :messageDisplay="messageDisplay"
+    :labelWidth="localLabelWidth"
+    :layout="localLayout"
+    :isIcon="true"
+    :iconTop="iconTop"
+  >
     <view class="cv-picker">
-      <picker class="cv-picker-item" mode="multiSelector" :range="range_data" range-key="text" :value="items_index" @change="bindPickerChange"
-        @columnchange="bindPickerColumnchange" @cancel="onCancel" @click="changeIconTop">
+      <picker
+        class="cv-picker-item"
+        mode="multiSelector"
+        :range="range_data"
+        range-key="text"
+        :value="items_index"
+        @change="bindPickerChange"
+        @columnchange="bindPickerColumnchange"
+        @cancel="onCancel"
+        @click="changeIconTop"
+      >
         <view class="cv-picker-item-text" v-if="localVal.length > 0">
-          {{last_range_data[0][lastRetDataIndex[0]].text}}{{joint||' '}}{{last_range_data[1][lastRetDataIndex[1]].text}}{{joint||' '}}
-          {{last_range_data[2][lastRetDataIndex[2]].text}}
+          {{ last_range_data[0][lastRetDataIndex[0]].text }}{{ joint || ' ' }}{{ last_range_data[1][lastRetDataIndex[1]].text
+          }}{{ joint || ' ' }}
+          {{ last_range_data[2][lastRetDataIndex[2]].text }}
         </view>
-        <view class="cv-picker-item-placeholder" v-else>{{placeholder}}</view>
+        <view class="cv-picker-item-placeholder" v-else>{{ placeholder }}</view>
       </picker>
     </view>
   </cv-form-item>
@@ -21,12 +38,12 @@ import city from '../dict/area-city.js';
 import county from '../dict/area-county.js';
 export default {
   mixins: [MixinsPicker],
-  name: "cvPickerRegion",
+  name: 'cvPickerRegion',
   props: {
     //默认输入框内容
     value: {
       type: Array,
-      default: () => { }
+      default: () => {}
     },
     dataType: {
       type: String,
@@ -41,29 +58,28 @@ export default {
     value(newVal) {
       this.localVal = newVal;
       this.itemsSortOut();
-    },
+    }
   },
   data() {
     return {
       iconTop: false,
       localVal: '',
-      range_data: [],//弹窗临时数组
-      last_range_data: [],//最终显示页面数组
-      items_index: [0, 0, 0],//当前下标
-      lastRetDataIndex: [0, 0, 0],// 最终确定选中的下标
+      range_data: [], //弹窗临时数组
+      last_range_data: [], //最终显示页面数组
+      items_index: [0, 0, 0], //当前下标
+      lastRetDataIndex: [0, 0, 0], // 最终确定选中的下标
       localDataType: 'text',
       dataValue: 'value',
       dataText: 'label',
       localProvince: {},
       localCity: {},
-      localCounty: {},
+      localCounty: {}
     };
   },
   created: function () {
     this.localVal = this.value;
     this.localDataType = this.dataType != 'value' ? 'text' : 'value';
     this.itemsSortOut();
-
   },
   methods: {
     initReginData(data) {
@@ -72,9 +88,9 @@ export default {
         localData.push({
           text: data[key],
           value: key
-        })
+        });
       }
-      return localData
+      return localData;
     },
     itemsSortOut: function () {
       const localProvince = this.initReginData(province);
@@ -108,14 +124,13 @@ export default {
       for (const key in date) {
         if (date[key].value.substr(0, length) == star.substr(0, length)) {
           localData.push(date[key]);
-
         }
       }
       return localData;
     },
     /* 获取默认值的key */
     _getKey(data, localValue) {
-      let localKey = 0
+      let localKey = 0;
       if (localValue) {
         /* 便利省级列表 找出省级的位置 */
         for (const key in data) {
@@ -124,22 +139,22 @@ export default {
           }
         }
       }
-      return localKey
+      return localKey;
     },
     bindPickerChange: function (e) {
       let items_index = e.detail.value;
       this.items_index = items_index;
       this.updatelocalVal();
-      this.iconTop = false
+      this.iconTop = false;
     },
     /* 取消选择 */
     onCancel(e) {
-      this.iconTop = false
+      this.iconTop = false;
       this.range_data = [...this.last_range_data];
       this.items_index = [...this.lastRetDataIndex];
     },
     bindPickerColumnchange: function (e) {
-      let items_index = this.items_index
+      let items_index = this.items_index;
       let range_data = this.range_data;
       if (e.detail.column == 2) {
         //滑动三级
@@ -150,7 +165,7 @@ export default {
         items_index[2] = 0;
         //更新区级列表
         //this.range_data[2] = this._screenRegion(this.localCounty, this.range_data[1][this.items_index[1]].value, 4);
-        this.$set(this.range_data, 2, this._screenRegion(this.localCounty, this.range_data[1][this.items_index[1]].value, 4))
+        this.$set(this.range_data, 2, this._screenRegion(this.localCounty, this.range_data[1][this.items_index[1]].value, 4));
       } else if (e.detail.column == 0) {
         //滑动一级
         items_index[0] = e.detail.value;
@@ -170,7 +185,7 @@ export default {
     updatelocalVal() {
       let items_index = this.items_index;
       this.last_range_data = [...this.range_data];
-      this.lastRetDataIndex = [...items_index]
+      this.lastRetDataIndex = [...items_index];
       let value = [];
       let items = this.items;
       if (this.localDataType == 'text') {
@@ -184,15 +199,14 @@ export default {
       }
       this.$emit('input', value);
 
-
       // 把选中的3个数组传递出去
 
       let selectAllArr = {
-        'province': this.range_data[0][items_index[0]],
-        'city': this.range_data[1][items_index[1]],
-        'district': this.range_data[2][items_index[2]]
+        province: this.range_data[0][items_index[0]],
+        city: this.range_data[1][items_index[1]],
+        district: this.range_data[2][items_index[2]]
       };
-      this.$emit('onChoose', selectAllArr)
+      this.$emit('onChoose', selectAllArr);
     }
   }
 };
@@ -213,4 +227,4 @@ export default {
 .cv-picker-item-placeholder {
   color: grey;
 }
-</style>
+</style>

package/ui-cv/cv-picker-time/cv-picker-time.vue

@@ -1,11 +1,26 @@
 <template>
-  <cv-form-item :label="label" :message="message" :messageDisplay="messageDisplay" :labelWidth="localLabelWidth" :layout="localLayout" :isIcon="true"
-    :iconTop="iconTop">
+  <cv-form-item
+    :label="label"
+    :message="message"
+    :messageDisplay="messageDisplay"
+    :labelWidth="localLabelWidth"
+    :layout="localLayout"
+    :isIcon="true"
+    :iconTop="iconTop"
+  >
     <view class="cv-picker-time">
-      <picker class="cv-picker-time-item" mode="time" :value="localVal" :start="startTime" :end="endTime" @change="bindTimeChange"
-        @cancel="bindPickerCancel" @click="changeIconTop">
-        <view class="cv-picker-time-text" v-if="localVal!=''">{{localVal}}</view>
-        <view class="cv-picker-time-placeholder" v-else>{{placeholder}}</view>
+      <picker
+        class="cv-picker-time-item"
+        mode="time"
+        :value="localVal"
+        :start="startTime"
+        :end="endTime"
+        @change="bindTimeChange"
+        @cancel="bindPickerCancel"
+        @click="changeIconTop"
+      >
+        <view class="cv-picker-time-text" v-if="localVal != ''">{{ localVal }}</view>
+        <view class="cv-picker-time-placeholder" v-else>{{ placeholder }}</view>
       </picker>
     </view>
   </cv-form-item>
@@ -15,20 +30,20 @@
 import MixinsPicker from '../mixins/mixins-picker.js';
 export default {
   mixins: [MixinsPicker],
-  name: "cvPickerTime",
+  name: 'cvPickerTime',
   props: {
     //默认输入框
     value: {
       type: String,
-      default: ""
+      default: ''
     },
     startTime: {
       type: String,
-      default: ""
+      default: ''
     },
     endTime: {
       type: String,
-      default: ""
+      default: ''
     }
   },
   data() {
@@ -44,7 +59,7 @@ export default {
     bindTimeChange: function (e) {
       this.localVal = e.detail.value;
       this.$emit('input', this.localVal);
-      this.iconTop = false
+      this.iconTop = false;
     }
   }
 };

package/ui-cv/cv-picker1/cv-picker1.vue

@@ -1,11 +1,27 @@
 <template>
-  <cv-form-item :tip="tip" :must="must" :label="label" :message="message" :messageDisplay="messageDisplay" :labelWidth="localLabelWidth"
-    :layout="localLayout" :isIcon="true" :iconTop="iconTop">
+  <cv-form-item
+    :tip="tip"
+    :must="must"
+    :label="label"
+    :message="message"
+    :messageDisplay="messageDisplay"
+    :labelWidth="localLabelWidth"
+    :layout="localLayout"
+    :isIcon="true"
+    :iconTop="iconTop"
+  >
     <view class="cv-picker">
-      <picker class="cv-picker-item" @change="bindPickerChange" @cancel="bindPickerCancel" :range="localArr" :value="localIndex" range-key="text"
-        @click="changeIconTop">
-        <view class="cv-picker-item-text" v-if=" localIndex != null">{{localArr[localIndex].text}}</view>
-        <view class="cv-picker-item-placeholder" v-else>{{placeholder}}</view>
+      <picker
+        class="cv-picker-item"
+        @change="bindPickerChange"
+        @cancel="bindPickerCancel"
+        :range="localArr"
+        :value="localIndex"
+        range-key="text"
+        @click="changeIconTop"
+      >
+        <view class="cv-picker-item-text" v-if="localIndex != null">{{ localArr[localIndex].text }}</view>
+        <view class="cv-picker-item-placeholder" v-else>{{ placeholder }}</view>
       </picker>
     </view>
   </cv-form-item>
@@ -15,12 +31,12 @@
 import MixinsPicker from '../mixins/mixins-picker.js';
 export default {
   mixins: [MixinsPicker],
-  name: "cvPicker1",
+  name: 'cvPicker1',
   props: {
     //默认输入框内容
     value: {
       type: [Number, String],
-      default: ""
+      default: ''
     },
     dataType: {
       type: String,
@@ -69,7 +85,7 @@ export default {
     value(newVal) {
       this.localVal = newVal;
       this._dealValue();
-    },
+    }
   },
   created: function () {
     this.localVal = this.value;
@@ -86,17 +102,16 @@ export default {
       //判断 dataLists 是否有length属性，有则是数组，没有则不是
       if (dataLists.length) {
         // 判断是否一维数组
-        if (typeof (dataLists[0]) != "object") {
+        if (typeof dataLists[0] != 'object') {
           for (let i in dataLists) {
             newArr.push({
               text: dataLists[i],
-              value: i.toString(),
+              value: i.toString()
             });
           }
         } else {
           newArr = dataLists;
         }
-
       }
       return newArr;
     },
@@ -110,9 +125,9 @@ export default {
       let localIndex = null;
       for (let index = 0; index < tempArr.length; index++) {
         if (this.dataType == 'text' && this.localVal == tempArr[index].text) {
-          localIndex = index
+          localIndex = index;
         } else if (this.dataType == 'value' && this.localVal == tempArr[index].value) {
-          localIndex = index
+          localIndex = index;
         }
       }
       this.localIndex = localIndex;
@@ -148,7 +163,7 @@ export default {
         tempArr.push({
           value: data[dataValue],
           text: data[dataText]
-        })
+        });
       }
       return tempArr;
     },
@@ -163,7 +178,7 @@ export default {
         this.localVal = rowData.value;
       }
       this.$emit('input', this.localVal);
-      this.iconTop = false
+      this.iconTop = false;
     }
   }
 };
@@ -183,4 +198,4 @@ export default {
 .cv-picker-item-placeholder {
   color: grey;
 }
-</style>
+</style>

package/ui-cv/cv-picker2/cv-picker2.vue

@@ -1,24 +1,42 @@
 <template>
-  <cv-form-item :label="label" :message="message" :messageDisplay="messageDisplay" :labelWidth="localLabelWidth" :layout="localLayout" :isIcon="true"
-    :iconTop="iconTop">
+  <cv-form-item
+    :label="label"
+    :message="message"
+    :messageDisplay="messageDisplay"
+    :labelWidth="localLabelWidth"
+    :layout="localLayout"
+    :isIcon="true"
+    :iconTop="iconTop"
+  >
     <view class="cv-picker">
-      <picker class="cv-picker-item" mode="multiSelector" :range="range_data" range-key="text" :value="items_index" @change="bindPickerChange"
-        @columnchange="bindPickerColumnchange" @cancel="onCancel" @click="changeIconTop">
-        <view class="cv-picker-item-text" v-if="last_range_data[0]&&lastRetDataIndex[0]&&last_range_data[1]&&lastRetDataIndex[1]">
-          {{last_range_data[0][lastRetDataIndex[0]].text}}{{joint||' '}}{{last_range_data[1][lastRetDataIndex[1]].text}}
+      <picker
+        class="cv-picker-item"
+        mode="multiSelector"
+        :range="range_data"
+        range-key="text"
+        :value="items_index"
+        @change="bindPickerChange"
+        @columnchange="bindPickerColumnchange"
+        @cancel="onCancel"
+        @click="changeIconTop"
+      >
+        <view
+          class="cv-picker-item-text"
+          v-if="last_range_data[0] && lastRetDataIndex[0] && last_range_data[1] && lastRetDataIndex[1]"
+        >
+          {{ last_range_data[0][lastRetDataIndex[0]].text }}{{ joint || ' ' }}{{ last_range_data[1][lastRetDataIndex[1]].text }}
         </view>
-        <view class="cv-picker-item-placeholder" v-else>{{placeholder}}</view>
+        <view class="cv-picker-item-placeholder" v-else>{{ placeholder }}</view>
       </picker>
     </view>
   </cv-form-item>
 </template>
 
 <script>
-
 import MixinsPicker from '../mixins/mixins-picker.js';
 export default {
   mixins: [MixinsPicker],
-  name: "cvPicker2",
+  name: 'cvPicker2',
   props: {
     //默认输入框内容
     value: {
@@ -68,18 +86,18 @@ export default {
     value(newVal) {
       this.localVal = newVal;
       this.itemsSortOut();
-    },
+    }
   },
   data() {
     return {
       iconTop: false,
       localVal: [],
-      items: [],//全部数据
-      range_data: [],//弹窗临时数组
-      last_range_data: [],//最终显示页面数组
+      items: [], //全部数据
+      range_data: [], //弹窗临时数组
+      last_range_data: [], //最终显示页面数组
       items_sub: [],
-      items_index: [0, 0],//当前下标
-      lastRetDataIndex: [0, 0],// 最终确定选中的下标
+      items_index: [0, 0], //当前下标
+      lastRetDataIndex: [0, 0], // 最终确定选中的下标
       localDataType: ''
     };
   },
@@ -107,7 +125,7 @@ export default {
         original = JSON.parse(original);
       }
       if (!original || original.length <= 0) {
-        console.warn('original 暂无数据', original)
+        console.warn('original 暂无数据', original);
         return;
       }
       //整理数据
@@ -122,34 +140,34 @@ export default {
         //查找一级绑定参数
         if (this.localVal[0]) {
           if (dataType == 'text' && this.localVal[0] == data[dataText]) {
-            items_index[0] = i
+            items_index[0] = i;
           } else if (dataType == 'value' && this.localVal[0] == data[dataValue]) {
-            items_index[0] = i
+            items_index[0] = i;
           }
         }
 
         items.push({
           value: data[dataValue].toString(),
           text: data[dataText]
-        })
+        });
         if (original[i][free]) {
           let free_data = original[i][free];
           let temp = [];
           for (const ii in free_data) {
-            let data = free_data[ii]
+            let data = free_data[ii];
 
             //查找二级绑定参数
             if (this.localVal[1]) {
               if (dataType == 'text' && this.localVal[1] == data[dataText]) {
-                items_index[1] = ii
+                items_index[1] = ii;
               } else if (dataType == 'value' && this.localVal[1] == data[dataValue]) {
-                items_index[1] = ii
+                items_index[1] = ii;
               }
             }
             temp.push({
               value: data[dataValue].toString(),
               text: data[dataText]
-            })
+            });
           }
           items[i].free = temp;
         }
@@ -171,16 +189,16 @@ export default {
       let items_index = e.detail.value;
       this.items_index = items_index;
       this.updateLocalVal();
-      this.iconTop = false
+      this.iconTop = false;
     },
     /* 取消选择 */
     onCancel(e) {
-      this.iconTop = false
+      this.iconTop = false;
       this.range_data = [...this.last_range_data];
       this.items_index = [...this.lastRetDataIndex];
     },
     bindPickerColumnchange: function (e) {
-      let items_index = this.items_index
+      let items_index = this.items_index;
       if (e.detail.column == 1) {
         items_index[1] = e.detail.value;
       } else if (e.detail.column == 0) {
@@ -196,7 +214,7 @@ export default {
     updateLocalVal() {
       let items_index = this.items_index;
       this.last_range_data = [...this.range_data];
-      this.lastRetDataIndex = [...items_index]
+      this.lastRetDataIndex = [...items_index];
       let value = [];
       let items = this.items;
       if (this.dataType == 'text') {
@@ -227,4 +245,4 @@ export default {
 .cv-picker-item-placeholder {
   color: grey;
 }
-</style>
+</style>