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

package/ui-cv/cv-picker3/cv-picker3.vue

@@ -1,18 +1,43 @@
 <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[2]&&lastRetDataIndex[2]">
-          {{last_range_data[0][lastRetDataIndex[0]].text||''}}
-          {{joint||' '}}
-          {{last_range_data[1][lastRetDataIndex[1]].text||''}}
-          {{joint||' '}}
-          {{last_range_data[2][lastRetDataIndex[2]].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[2] &&
+            lastRetDataIndex[2]
+          "
+        >
+          {{ 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>
@@ -22,12 +47,12 @@
 import MixinsPicker from '../mixins/mixins-picker.js';
 export default {
   mixins: [MixinsPicker],
-  name: "cvPicker3",
+  name: 'cvPicker3',
   props: {
     //默认输入框内容
     value: {
       type: Array,
-      default: () => { }
+      default: () => {}
     },
     dataType: {
       type: String,
@@ -72,19 +97,19 @@ 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_sub2: [],
-      items_index: [0, 0, 0],//当前下标
-      lastRetDataIndex: [0, 0, 0],// 最终确定选中的下标
+      items_index: [0, 0, 0], //当前下标
+      lastRetDataIndex: [0, 0, 0], // 最终确定选中的下标
       localDataType: ''
     };
   },
@@ -92,7 +117,6 @@ export default {
     this.localVal = this.value;
     this.localDataType = this.dataType != 'text' ? 'value' : 'text';
     this.itemsSortOut();
-
   },
   methods: {
     itemsSortOut: function () {
@@ -128,54 +152,61 @@ export default {
 
         if (this.localVal.length >= 1) {
           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.length >= 2) {
               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]
-            })
-
+            });
+            if (free_data[ii][free] == undefined) {
+              free_data[ii][free] = [{}];
+            }
             if (free_data[ii][free]) {
               let free_data2 = free_data[ii][free];
               let temp2 = [];
               for (const iii in free_data2) {
-                let data = free_data2[iii]
+                let data = free_data2[iii];
                 //查找三级绑定参数
                 if (this.localVal.length >= 3) {
                   if (dataType == 'text' && this.localVal[2] == data[dataText]) {
-                    items_index[2] = iii
+                    items_index[2] = iii;
                   } else if (dataType == 'value' && this.localVal[2] == data[dataValue]) {
-                    items_index[2] = iii
+                    items_index[2] = iii;
                   }
                 }
-
+                // 2022-07-22,修复三级选项为空时取值异常
+                if (data[dataValue] == undefined) {
+                  data[dataValue] = '';
+                }
+                if (data[dataText] == undefined) {
+                  data[dataText] = '';
+                }
                 temp2.push({
                   value: data[dataValue].toString(),
                   text: data[dataText]
-                })
+                });
               }
               temp[ii].free = temp2;
             }
@@ -201,16 +232,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];
       let range_data = [...this.range_data];
       if (e.detail.column == 2) {
         //滑动三级
@@ -221,7 +252,6 @@ export default {
         items_index[2] = 0;
         range_data[2] = range_data[1][items_index[1]].free || [];
         // this.range_data = range_data;
-
       } else if (e.detail.column == 0) {
         //滑动一级
         items_index[0] = e.detail.value;
@@ -231,11 +261,10 @@ export default {
         range_data[2] = range_data[1][items_index[1]].free || [];
         // this.range_data = range_data;
       }
-      this.$set(this, 'range_data', range_data)
-      console.log(range_data);
+      this.$set(this, 'range_data', range_data);
       // this.items_index = items_index;
-      this.$set(this, 'items_index', items_index)
-      this.$forceUpdate()
+      this.$set(this, 'items_index', items_index);
+      this.$forceUpdate();
       // this.updateInput();
     },
     updatelocalVal() {
@@ -244,6 +273,10 @@ export default {
       this.lastRetDataIndex = [...items_index];
       let value = [];
       let items = this.items;
+      // 2022-07-22,修复三级选项为空时取值异常
+      if (!items[items_index[0]].free[items_index[1]].free || items[items_index[0]].free[items_index[1]].free.length == 0) {
+        items[items_index[0]].free[items_index[1]].free = [{ text: '', value: '' }];
+      }
       if (this.dataType == 'text') {
         value[0] = items[items_index[0]].text;
         value[1] = items[items_index[0]].free[items_index[1]].text;
@@ -273,4 +306,4 @@ export default {
 .cv-picker-item-placeholder {
   color: grey;
 }
-</style>
+</style>

package/ui-cv/cv-radio/cv-radio.vue

@@ -1,13 +1,20 @@
 <template>
-  <cv-form-item :tip="tip" :must="must" :label="label" :message="message" :messageDisplay="messageDisplay" :labelWidth="localLabelWidth"
-    :layout="localLayout">
+  <cv-form-item
+    :tip="tip"
+    :must="must"
+    :label="label"
+    :message="message"
+    :messageDisplay="messageDisplay"
+    :labelWidth="localLabelWidth"
+    :layout="localLayout"
+  >
     <view class="cv-radio-sex">
       <radio-group @change="radioChange">
-        <label class="cv-radio-sex-item" v-for="(item) in items" :key="item.value">
+        <label class="cv-radio-sex-item" v-for="item in items" :key="item.value">
           <view class="">
-            <radio :value="item.value" :checked="item.value == itemsValue " style="transform:scale(0.7)" />
+            <radio :value="item.value" :checked="item.value == itemsValue" style="transform: scale(0.7)" />
           </view>
-          <view>{{item.text}}</view>
+          <view>{{ item.text }}</view>
         </label>
       </radio-group>
     </view>
@@ -18,11 +25,11 @@
 import MixinsRadio from '../mixins/mixins-radio.js';
 export default {
   mixins: [MixinsRadio],
-  name: "cvRadio",
+  name: 'cvRadio',
   inject: {
     cvFormGroup: {
       default() {
-        return null
+        return null;
       }
     }
   },
@@ -30,13 +37,13 @@ export default {
     dataLists: {
       type: [Array, String],
       default: []
-    },
+    }
   },
   data() {
     return {
       localVal: '',
       items: [],
-      itemsValue: '',
+      itemsValue: ''
     };
   },
   watch: {
@@ -82,7 +89,7 @@ export default {
         items.push({
           value: data[dataValue].toString(),
           text: data[dataText]
-        })
+        });
       }
       return items;
     }

package/ui-cv/cv-radio-sex/cv-radio-sex.vue

@@ -1,13 +1,20 @@
 <template>
-  <cv-form-item :tip="tip" :must="must" :label="label" :message="message" :messageDisplay="messageDisplay" :labelWidth="localLabelWidth"
-    :layout="localLayout">
+  <cv-form-item
+    :tip="tip"
+    :must="must"
+    :label="label"
+    :message="message"
+    :messageDisplay="messageDisplay"
+    :labelWidth="localLabelWidth"
+    :layout="localLayout"
+  >
     <view class="cv-radio-sex">
       <radio-group @change="radioChange">
-        <label class="cv-radio-sex-item" v-for="(item) in items" :key="item.value">
+        <label class="cv-radio-sex-item" v-for="item in items" :key="item.value">
           <view class="">
-            <radio :value="item.value" :checked="item.value == itemsValue" style="transform:scale(0.7)" />
+            <radio :value="item.value" :checked="item.value == itemsValue" style="transform: scale(0.7)" />
           </view>
-          <view>{{item.text}}</view>
+          <view>{{ item.text }}</view>
         </label>
       </radio-group>
     </view>
@@ -18,33 +25,29 @@
 import MixinsRadio from '../mixins/mixins-radio.js';
 export default {
   mixins: [MixinsRadio],
-  name: "cvRadioSex",
+  name: 'cvRadioSex',
   inject: {
     cvFormGroup: {
       default() {
-        return null
+        return null;
       }
     }
   },
   props: {
-
     //是否关闭保密选项
     unsecrecy: {
       type: Boolean,
       default: false
-    },
-
-  },
-  watch: {
-
+    }
   },
+  watch: {},
   data() {
     return {
       localVal: '',
       items: [
         { value: '0', text: '保密' },
         { value: '1', text: '男' },
-        { value: '2', text: '女' },
+        { value: '2', text: '女' }
       ],
       itemsValue: ''
     };
@@ -54,16 +57,12 @@ export default {
     if (this.unsecrecy == true) {
       this.items = [
         { value: '1', text: '男' },
-        { value: '2', text: '女' },
-      ]
+        { value: '2', text: '女' }
+      ];
     }
     this._dealValue();
   },
-  methods: {
-
-
-
-  }
+  methods: {}
 };
 </script>
 

package/ui-cv/cv-radio-tag/cv-radio-tag.vue

@@ -1,14 +1,25 @@
 <template>
-  <cv-form-item :tip="tip" :must="must" :label="label" :message="message" :messageDisplay="messageDisplay" :labelWidth="localLabelWidth"
-    :layout="localLayout">
+  <cv-form-item
+    :tip="tip"
+    :must="must"
+    :label="label"
+    :message="message"
+    :messageDisplay="messageDisplay"
+    :labelWidth="localLabelWidth"
+    :layout="localLayout"
+  >
     <view class="cv-radio-sex">
       <radio-group @change="radioChange">
-        <label class="cv-radio-tag-item cv-radio-tag-item-tag" v-for="(item) in items" :key="item.value"
-          :class="item.value === itemsValue?'radio-checked':''">
+        <label
+          class="cv-radio-tag-item cv-radio-tag-item-tag"
+          v-for="item in items"
+          :key="item.value"
+          :class="item.value === itemsValue ? 'radio-checked' : ''"
+        >
           <view>
-            <radio :value="item.value" :checked="item.value == itemsValue" style="transform:scale(0.7)" />
+            <radio :value="item.value" :checked="item.value == itemsValue" style="transform: scale(0.7)" />
           </view>
-          <view>{{item.text}}</view>
+          <view>{{ item.text }}</view>
         </label>
       </radio-group>
     </view>
@@ -19,11 +30,11 @@
 import MixinsRadio from '../mixins/mixins-radio.js';
 export default {
   mixins: [MixinsRadio],
-  name: "cvRadioTag",
+  name: 'cvRadioTag',
   inject: {
     cvFormGroup: {
       default() {
-        return null
+        return null;
       }
     }
   },
@@ -31,13 +42,13 @@ export default {
     dataLists: {
       type: [Array, String],
       default: []
-    },
+    }
   },
   data() {
     return {
       localVal: '',
       items: [],
-      itemsValue: '',
+      itemsValue: ''
     };
   },
   watch: {
@@ -83,7 +94,7 @@ export default {
         items.push({
           value: data[dataValue].toString(),
           text: data[dataText]
-        })
+        });
       }
       return items;
     }

package/ui-cv/cv-rate/cv-rate.vue

@@ -1,9 +1,15 @@
 <template>
   <cv-form-item :label="label" :labelWidth="localLabelWidth" :layout="localLayout" rtip="">
     <view class="cv-rate-area">
-      <view class="cv-rate-item" v-for="i in parseInt(max)" :key="i" v-bind:style="i <=locaValue?starSelected:starStyle" :data-value="i"
-        @tap="click_star">
-        <template v-if="isFill==true && i >locaValue">☆</template>
+      <view
+        class="cv-rate-item"
+        v-for="i in parseInt(max)"
+        :key="i"
+        v-bind:style="i <= locaValue ? starSelected : starStyle"
+        :data-value="i"
+        @tap="click_star"
+      >
+        <template v-if="isFill == true && i > locaValue">☆</template>
         <template v-else>★</template>
       </view>
     </view>
@@ -11,14 +17,14 @@
 </template>
 
 <script>
-import MixinsCommon from '../mixins/mixins-common'
+import MixinsCommon from '../mixins/mixins-common';
 export default {
   mixins: [MixinsCommon],
-  name: "cvRate",
+  name: 'cvRate',
   inject: {
     cvFormGroup: {
       default() {
-        return null
+        return null;
       }
     }
   },
@@ -31,12 +37,12 @@ export default {
     color: {
       // 星星的颜色
       type: String,
-      default: "#ececec"
+      default: '#ececec'
     },
     activeColor: {
       // 星星选中状态颜色
       type: String,
-      default: "#ffca3e"
+      default: '#ffca3e'
     },
     size: {
       // 星星的大小
@@ -72,13 +78,11 @@ export default {
     };
   },
   watch: {
-    value(newVal) {
-    }
+    value(newVal) {}
   },
   created: function () {
     this.locaValue = this.value || 1;
     this._dealStyle();
-
   },
   methods: {
     _dealStyle() {
@@ -87,7 +91,7 @@ export default {
         starStyle += 'color:' + this.color + ';';
         starStyle += 'margin-right:' + this.margin + 'px;';
         let starSelected = starStyle;
-        starSelected += 'color:' + this.activeColor + ';'
+        starSelected += 'color:' + this.activeColor + ';';
         this.starStyle = starStyle;
         this.starSelected = starSelected;
       }
@@ -96,7 +100,7 @@ export default {
       if (this.disabled) return;
       let value = e.target.dataset.value;
       this.locaValue = value;
-      this.$emit('input', value)
+      this.$emit('input', value);
     }
   }
 };

package/ui-cv/cv-search/cv-search.vue

@@ -1,6 +1,6 @@
 <template>
   <view class="cv-search">
-    <view class="cv-search-left-box" :style="isSlotDefaule==false?'padding-right:0;':''">
+    <view class="cv-search-left-box" :style="isSlotDefaule == false ? 'padding-right:0;' : ''">
       <view class="cv-search-left-item" ref="cvSearchLeftItem">
         <slot name="default" />
       </view>
@@ -11,31 +11,36 @@
         <view class="cv-search-center-icon-line"></view>
       </view>
       <view class="cv-search-center-input-box">
-        <input class="cv-search-center-input-item" v-model="localVal" placeholder-class="cv-search-center-input-item-placeholder" type="text"
-          :placeholder="placeholder" @input="updateInput" @confirm="onSearch">
+        <input
+          class="cv-search-center-input-item"
+          v-model="localVal"
+          placeholder-class="cv-search-center-input-item-placeholder"
+          type="text"
+          :placeholder="placeholder"
+          @input="updateInput"
+          @confirm="onSearch"
+        />
       </view>
       <view class="cv-search-center-empty" @tap="onEmpty" v-show="localVal">
         <view class="cv-search-center-empty-t"></view>
         <view class="cv-search-center-empty-d"></view>
       </view>
     </view>
-    <view class="cv-search-right-box" @tap="onSearch">
-      搜索
-    </view>
+    <view class="cv-search-right-box" @tap="onSearch">搜索</view>
   </view>
 </template>
 
 <script>
 export default {
   component: true,
-  name: "cvSearch",
+  name: 'cvSearch',
   options: {
-    addGlobalClass: true,
+    addGlobalClass: true
   },
   props: {
     value: {
       type: String,
-      default: ""
+      default: ''
     },
     placeholder: {
       type: String,
@@ -74,13 +79,13 @@ export default {
       this.updateInput();
     },
     onSearch() {
-      this.$emit('search', this.localVal)
+      this.$emit('search', this.localVal);
       this.$emit('input', this.localVal);
     }
   }
 };
-</script> 
-<style >
+</script>
+<style>
 .cv-search {
   height: 40px;
   background-color: #ffffff;