@10yun/cv-mobile-ui 0.5.3 → 0.5.5

package/ui-cv/cv-datetime-base/cv-datetime-base.vue

@@ -25,15 +25,12 @@
       @cancel="bindPickerCancel"
     >
       <view class="cv-time-base-text" v-if="localVal_time != ''">{{ localVal_time }}</view>
-      <view class="cv-picker-item-placeholder" v-else>{{ placeholder }}</view>
+      <view class="cv-picker-item-placeholder" v-else>{{ placeholder2 }}</view>
     </picker>
   </view>
 </template>
-
 <script>
-import MixinsPicker from '../mixins/mixins-picker.js';
 export default {
-  mixins: [MixinsPicker],
   name: 'cvPickerDatetime',
   props: {
     //默认输入框
@@ -41,6 +38,10 @@ export default {
       type: String,
       default: ''
     },
+    modelValue: {
+      type: String,
+      default: ''
+    },
     startDate: {
       type: String,
       default: ''
@@ -60,11 +61,22 @@ export default {
     fields: {
       type: String,
       default: 'day'
+    },
+    // 占位符
+    placeholder: {
+      type: String,
+      default: '请选择日期'
+    },
+    // 占位符
+    placeholder2: {
+      type: String,
+      default: '请选择时间'
     }
   },
   watch: {
-    value(newValue) {
+    value(newVal) {
       this.localVal = this.value;
+      this.localVal = newVal;
       this.localVal_date = this.localVal.split(' ')[0] || '';
       this.localVal_time = this.localVal.split(' ')[1] || '';
     }
@@ -78,11 +90,16 @@ export default {
     };
   },
   created() {
-    this.localVal = this.value;
+    this.localVal = this.doValueGet();
     this.localVal_date = this.localVal.split(' ')[0] || '';
     this.localVal_time = this.localVal.split(' ')[1] || '';
   },
   methods: {
+    doValueGet() {
+      if (this.value === '') return this.modelValue;
+      if (this.modelValue === '') return this.value;
+      return this.value;
+    },
     bindTimeChange: function (e) {
       let value = e.detail.value;
       this.localVal_time = value;
@@ -93,10 +110,17 @@ export default {
       this.localVal_date = value;
       this.mergeDateTime();
     },
+    bindPickerCancel() {
+      this.iconTop = false;
+    },
     mergeDateTime() {
       this.localVal = this.localVal_date + ' ' + this.localVal_time;
-      this.$emit('input', this.localVal);
       this.iconTop = false;
+      this.$emit('input', this.localVal);
+      this.$emit('update:modelValue', this.localVal);
+    },
+    changeIconTop() {
+      this.iconTop = true;
     }
   }
 };

package/ui-cv/cv-datetime5-base/cv-datetime5-base.vue

@@ -17,19 +17,18 @@
     </picker>
   </view>
 </template>
-
 <script>
-import MixinsPicker from '../mixins/mixins-picker.js';
 export default {
-  mixins: [MixinsPicker],
   name: 'cvPickerDatetime5',
   props: {
     //默认输入框内容
     value: {
       type: String,
-      default: () => {
-        return '';
-      }
+      default: ''
+    },
+    modelValue: {
+      type: String,
+      default: ''
     },
     dataType: {
       type: String,
@@ -46,12 +45,21 @@ export default {
     end: {
       type: String,
       default: ''
+    },
+    // 占位符
+    placeholder: {
+      type: String,
+      default: '请选择'
     }
   },
   watch: {
     value(newVal) {
       this.localVal = newVal;
       this.itemsSortOut();
+    },
+    modelValue(newVal) {
+      this.localVal = newVal;
+      this.itemsSortOut();
     }
   },
   data() {
@@ -74,7 +82,7 @@ export default {
     };
   },
   created() {
-    this.localVal = this.value;
+    this.localVal = this.doValueGet();
     this.localDataType = this.dataType != 'value' ? 'text' : 'value';
     this.localJoint = this.joint;
 
@@ -84,6 +92,11 @@ export default {
     this.itemsSortOut();
   },
   methods: {
+    doValueGet() {
+      if (this.value === '') return this.modelValue;
+      if (this.modelValue === '') return this.value;
+      return this.value;
+    },
     initReginData(data) {
       let localData = [];
       for (const key in data) {
@@ -377,6 +390,9 @@ export default {
       this.updatelocalVal();
       this.iconTop = false;
     },
+    changeIconTop() {
+      this.iconTop = true;
+    },
     /* 取消选择 */
     onCancel(e) {
       this.iconTop = false;
@@ -444,6 +460,7 @@ export default {
         ':' +
         lastDatetimeArr[4];
       this.$emit('input', this.localVal);
+      this.$emit('update:modelValue', this.localVal);
     }
   }
 };

package/ui-cv/cv-dialog-share/cv-dialog-share.vue

@@ -61,6 +61,7 @@ export default {
       this.shareClass = 'show';
       this.localIsShow = 1;
       this.$emit('input', this.localIsShow);
+      this.$emit('update:modelValue', this.localIsShow);
     },
     shareDiaHide() {
       this.shareClass = 'hide';
@@ -69,6 +70,7 @@ export default {
         this.shareClass = 'none';
       }, 150);
       this.$emit('input', this.localIsShow);
+      this.$emit('update:modelValue', this.localIsShow);
     }
   }
 };

package/ui-cv/cv-editor-quill/cv-editor-quill.vue

@@ -149,28 +149,19 @@ export default {
   components: {
     helangCompress
   },
-  name: 'cvEditor',
-  inject: {
-    cvFormGroup: {
-      default() {
-        return null;
-      }
-    }
-  },
+  name: 'cvEditorQuill',
   props: {
     value: {
       type: String,
       default: ''
     },
-    tip: {
+    modelValue: {
       type: String,
       default: ''
     },
     placeholder: {
       type: String,
-      default() {
-        return '开始输入...';
-      }
+      default: '开始输入...'
     },
     upload: {
       type: Object,
@@ -196,10 +187,14 @@ export default {
     value(newVal) {
       this.localVal = newVal;
       this.setContents();
+    },
+    modelValue(newVal) {
+      this.localVal = newVal;
+      this.setContents();
     }
   },
   created() {
-    this.localVal = this.value;
+    this.localVal = this.doValueGet();
     /* uni.loadFontFace({
       family: 'Pacifico',
       source: 'url("https://sungd.github.io/Pacifico.ttf")'
@@ -207,6 +202,11 @@ export default {
     // console.log(this.upload)
   },
   methods: {
+    doValueGet() {
+      if (this.value === '') return this.modelValue;
+      if (this.modelValue === '') return this.value;
+      return this.value;
+    },
     onBlur(e) {
       this.getContents();
     },
@@ -216,6 +216,7 @@ export default {
         success: (res) => {
           this.localVal = res.html;
           this.$emit('input', this.localVal);
+          this.$emit('update:modelValue', this.localVal);
         }
       });
     },

package/ui-cv/cv-form-base/cv-form-base.vue

@@ -265,9 +265,9 @@ export default {
         }
       });
 
+      this.$emit('reset', event);
       this.$emit('input', this.formData);
       this.$emit('update:modelValue', this.formData);
-      this.$emit('reset', event);
     },
 
     /**

package/ui-cv/cv-form-item/cv-form-item.vue

@@ -451,7 +451,8 @@ export default {
   align-items: center;
   width: 65px;
   padding: 5px 0;
-  height: 36px;
+  min-height: 36px;
+  font-weight: 500;
 }
 
 .cv-form-item__label .label-text {
@@ -467,11 +468,13 @@ export default {
   /* #ifndef APP-NVUE */
   width: 100%;
   box-sizing: border-box;
-  min-height: 36px;
+  min-height: 40px;
   /* #endif */
   flex: 1;
   display: flex;
   align-items: center;
+  justify-content: space-between;
+  flex-direction: row;
 }
 
 .label-icon {

package/ui-cv/cv-geo-local/cv-geo-local.vue

@@ -1,9 +1,10 @@
 <template>
   <view class="cv-geo-local-wrap">
-    <view class="cv-geo-local" ref="onEmpty">
+    <view class="cv-geo-local-info" ref="onEmpty">
       <textarea
-        class="cv-geo-local-item"
+        class="cv-geo-local-content"
         v-model="localVal"
+        :value="localVal"
         :maxlength="maxlength"
         :placeholder="placeholder"
         placeholder-class="cv-geo-local-placeholder"
@@ -16,41 +17,60 @@
     </view>
     <view class="cv-geo-local-map" v-if="isShowMap">
       <map
-        style="width: 100%; height: 342rpx"
+        style="width: 100%; height: 170px"
         :longitude="map_location.longitude"
         :latitude="map_location.latitude"
-        :scale="scale"
+        :scale="localScale"
         show-location
         :markers="markers"
       ></map>
     </view>
   </view>
 </template>
-
 <script>
-import MixinsInput from '../mixins/mixins-input.js';
 export default {
-  mixins: [MixinsInput],
   name: 'cvGeoLocal',
   options: {
     addGlobalClass: true
   },
   props: {
+    value: {
+      type: [Number, String],
+      default: ''
+    },
+    modelValue: {
+      type: [Number, String],
+      default: ''
+    },
     placeholder: {
-      type: String,
-      default: '小区、门牌号等'
+      type: [String],
+      default: '请输入定位地址'
+    },
+    disabled: {
+      type: [Boolean],
+      default: false
+    },
+    clearable: {
+      type: [Boolean],
+      default: false
+    },
+    maxlength: {
+      type: [Number, String],
+      default: 5
     },
     isShowMap: {
       type: Boolean,
-      default() {
-        return false;
-      }
+      default: false
     },
     location: {
       type: Object,
       default() {
         return {};
       }
+    },
+    scale: {
+      type: [Number, String],
+      default: 14
     }
   },
   watch: {
@@ -69,7 +89,15 @@ export default {
         this.initLocation();
       }
     },
-    value(n) {
+    value(newVal) {
+      this.localVal = newVal;
+      if (this.isShowMap) {
+        console.log('change:value');
+        this.initLocation();
+      }
+    },
+    modelValue(newVal) {
+      this.localVal = newVal;
       if (this.isShowMap) {
         console.log('change:value');
         this.initLocation();
@@ -78,37 +106,92 @@ export default {
   },
   data() {
     return {
+      localStyle: '',
+      localVal: '',
       markers: [],
       //当前选择的位置
-      scale: 12,
+      localScale: 14,
       map_location: {
-        longitude: 116.397486,
-        latitude: 39.90865
-      }
+        longitude: 119.296411,
+        latitude: 26.074286
+      },
+      parentObj: null
     };
   },
   created() {
+    this.localVal = this.doValueGet();
+    this.localScale = this.scale;
     this.initLocation();
   },
+  mounted() {
+    this.parentObj = this.getParent();
+    this._itemStyle();
+    console.log(this.parentObj);
+  },
   methods: {
+    doValueGet() {
+      if (this.value === '') return this.modelValue;
+      if (this.modelValue === '') return this.value;
+      return this.value;
+    },
+    /**
+     * 获取父元素实例
+     */
+    getParent(name = 'cvFormItem') {
+      let parent = this.$parent;
+      let parentName = parent.$options.name;
+      while (parentName !== name) {
+        parent = parent.$parent;
+        if (!parent) return false;
+        parentName = parent.$options.name;
+      }
+      return parent;
+    },
+    _itemStyle() {
+      /**计算label宽度 */
+      let styleWidth = '';
+      if (this.parentObj.labelPosition) {
+        styleWidth = 'width:calc( 100% - 33px);';
+      } else {
+        let itemWidth = this.parentObj.labelWidth || 70;
+        styleWidth = `width:calc( 100% - 33px - ${itemWidth}px);`;
+      }
+      this.localStyle = styleWidth;
+    },
+    onBlur(e) {
+      this.localVal = e.detail.value;
+      this.funcOnInput();
+    },
+    funcOnInput(e) {
+      console.log('-----funcOnInput---', this.localVal);
+      this.$emit('input', this.localVal);
+      this.$emit('update:modelValue', this.localVal);
+    },
+    /* 监听自己清除按钮点击事件 */
+    onEmpty() {
+      this.localVal = '';
+      this.funcOnInput();
+    },
     initLocation() {
       if (this.location.longitude && this.location.latitude) {
         this.map_location = this.location;
       }
-      if (this.value) {
-        this.$set(this.map_location, 'address', this.value);
+      console.log('--', this.map_location);
+      if (this.localVal) {
+        this.$set(this.map_location, 'address', this.localVal);
       }
     },
     chooseLocation() {
       uni.chooseLocation({
         keyword: '小区 写字楼', //搜索关键字，仅App平台支持
         success: (res) => {
+          console.log(res);
           if (res.errMsg == 'chooseLocation:ok') {
-            this.localVal = res.address;
+            this.localVal = res.address || '';
             this.map_location = { ...res };
-            this.scale = 16;
+            this.localScale = 16;
             this.$emit('location', { ...res });
-            this.$emit('input', this.localVal);
+            this.funcOnInput();
           }
         }
       });
@@ -138,9 +221,18 @@ export default {
 <style>
 .cv-geo-local-wrap {
   display: contents;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+.cv-geo-local-info {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
 }
-.cv-geo-local-item {
-  min-height: 60px;
+.cv-geo-local-content {
+  min-height: 46px;
   line-height: 1.5em;
   font-size: 14px;
   padding: 7px 30px 0 0;
@@ -148,8 +240,8 @@ export default {
 }
 .cv-geo-local-rtip {
   color: #999;
-  width: 50rpx;
-  padding: 10rpx 0rpx 10rpx 0;
+  width: 25px;
+  padding: 5 0 5 0;
   position: absolute;
   right: 0;
   top: -7px;
@@ -167,7 +259,6 @@ export default {
   right: 3px;
 }
 .cv-geo-local-map {
-  padding: 10px 15px;
   background-color: #ffffff;
 }
 </style>

package/ui-cv/{cv-picker-region/cv-picker-region.vue → cv-geo-region/cv-geo-region.vue}

@@ -20,20 +20,20 @@
     </picker>
   </view>
 </template>
-
 <script>
-import MixinsPicker from '../mixins/mixins-picker.js';
 import province from '../dict/area-province.js';
 import city from '../dict/area-city.js';
 import county from '../dict/area-county.js';
 export default {
-  mixins: [MixinsPicker],
   name: 'cvPickerRegion',
   props: {
-    //默认输入框内容
     value: {
-      type: Array,
-      default: () => {}
+      type: [Array, Object],
+      default: () => []
+    },
+    modelValue: {
+      type: [Array, Object],
+      default: () => []
     },
     dataType: {
       type: String,
@@ -42,18 +42,27 @@ export default {
     joint: {
       type: String,
       default: ''
+    },
+    // 占位符
+    placeholder: {
+      type: String,
+      default: '请选择'
     }
   },
   watch: {
     value(newVal) {
       this.localVal = newVal;
       this.itemsSortOut();
+    },
+    modelValue(newVal) {
+      this.localVal = newVal;
+      this.itemsSortOut();
     }
   },
   data() {
     return {
       iconTop: false,
-      localVal: '',
+      localVal: [],
       range_data: [], //弹窗临时数组
       last_range_data: [], //最终显示页面数组
       items_index: [0, 0, 0], //当前下标
@@ -67,11 +76,20 @@ export default {
     };
   },
   created() {
-    this.localVal = this.value;
+    this.localVal = this.doValueGet();
     this.localDataType = this.dataType != 'value' ? 'text' : 'value';
     this.itemsSortOut();
   },
   methods: {
+    doValueGet() {
+      if (this.value === '' || (Array.prototype.isPrototypeOf(this.value) && this.value.length === 0)) {
+        return this.modelValue;
+      }
+      if (this.modelValue === '' || (Array.prototype.isPrototypeOf(this.modelValue) && this.modelValue.length === 0)) {
+        return this.value;
+      }
+      return this.value;
+    },
     initReginData(data) {
       let localData = [];
       for (const key in data) {
@@ -137,6 +155,9 @@ export default {
       this.updatelocalVal();
       this.iconTop = false;
     },
+    changeIconTop() {
+      this.iconTop = true;
+    },
     /* 取消选择 */
     onCancel(e) {
       this.iconTop = false;
@@ -188,6 +209,7 @@ export default {
         value[2] = this.range_data[2][items_index[2]].value;
       }
       this.$emit('input', value);
+      this.$emit('update:modelValue', value);
 
       // 把选中的3个数组传递出去