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

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

@@ -1,15 +1,16 @@
 <template>
   <view class="cv-form-group">
     <view class="cv-form-group-title" v-if="label">
-      <view class="cv-form-group-title-item" :style="getStyle"><text>{{label}}</text></view>
+      <view class="cv-form-group-title-item" :style="getStyle">
+        <text>{{ label }}</text>
+      </view>
     </view>
     <slot />
   </view>
 </template>
 <script>
-
 export default {
-  name: "cvFormGroup",
+  name: 'cvFormGroup',
   props: {
     label: {
       type: String,
@@ -34,23 +35,20 @@ export default {
     };
   },
   data() {
-    return {
-    };
-  },
-  created: function () {
+    return {};
   },
+  created: function () {},
   computed: {
     getStyle() {
       let style = {};
       // 如果没有自定义高度，就根据type为input还是textare来分配一个默认的高度
-      style.textAlign = this.labelAlign
+      style.textAlign = this.labelAlign;
       return style;
-    },
-
-  },
+    }
+  }
 };
 </script>
-    
+
 <style>
 .cv-form-group {
   margin-bottom: 10px;
@@ -76,7 +74,7 @@ export default {
   top: 12px;
   left: -10px;
   position: absolute;
-  content: " ";
+  content: ' ';
   background: #22cec0;
 }
 </style>

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

@@ -1,21 +1,29 @@
 <template>
-  <view class="cv-form-item" :class="localLayout=='col'?'cv-form-item-col':'cv-form-item-row'">
+  <view class="cv-form-item" :class="localLayout == 'col' ? 'cv-form-item-col' : 'cv-form-item-row'">
     <text class="cv-form-item-lebel-title-must" v-if="must == true">*</text>
     <view class="cv-form-item-area">
-      <view :class="localLayout=='col'?'cv-form-item-area-col':'cv-form-item-area-row'">
-        <view class="cv-form-item-label" :class="localLayout=='col'?'cv-form-item-right-col':'cv-form-item-right-row'" v-bind:style="labelStyle">
+      <view :class="localLayout == 'col' ? 'cv-form-item-area-col' : 'cv-form-item-area-row'">
+        <view
+          class="cv-form-item-label"
+          :class="localLayout == 'col' ? 'cv-form-item-right-col' : 'cv-form-item-right-row'"
+          v-bind:style="labelStyle"
+        >
           <view class="cv-form-item-lebel-title">
-            <text>{{label}}</text>
-            <text class="cv-form-item-lebel-tip" v-if="localLayout=='col'&&tip!=''">（{{tip}}）</text>
+            <text>{{ label }}</text>
+            <text class="cv-form-item-lebel-tip" v-if="localLayout == 'col' && tip != ''">（{{ tip }}）</text>
           </view>
         </view>
-        <view class="cv-form-item-right" :class="localLayout=='col'?'cv-form-item-right-col':'cv-form-item-right-row'" v-bind:style="labelRightStyle">
+        <view
+          class="cv-form-item-right"
+          :class="localLayout == 'col' ? 'cv-form-item-right-col' : 'cv-form-item-right-row'"
+          v-bind:style="labelRightStyle"
+        >
           <view class="cv-form-item-right-item">
             <!-- 插槽 -->
             <slot />
             <!-- 三角形图标 -->
             <view class="cv-form-item-right-item-icon" v-if="isIcon">
-              <view class="cv-form-item-right-item-icon-box" :class="iconTop?'cv-form-item-right-item-icon-box-top':''">
+              <view class="cv-form-item-right-item-icon-box" :class="iconTop ? 'cv-form-item-right-item-icon-box-top' : ''">
                 <view class="cv-form-item-right-item-icon-item"></view>
               </view>
             </view>
@@ -23,17 +31,21 @@
             <view class="cv-form-item-right-item-right">
               <!-- 一键清空 -->
               <view class="cv-form-item-right-item-right-rtip" v-if="rtip != ''">
-                {{rtip}}
+                {{ rtip }}
               </view>
-              <view class="cv-form-item-right-item-empty-icon" @click="onEmpty" v-if="onQClear==true &&inputValue!=''">
+              <view class="cv-form-item-right-item-empty-icon" @click="onEmpty" v-if="onQClear == true && inputValue != ''">
                 X
               </view>
             </view>
           </view>
-          <view class="cv-form-item-right-message" v-if="messageDisplay == true"><text>{{message}}</text></view>
+          <view class="cv-form-item-right-message" v-if="messageDisplay == true">
+            <text>{{ message }}</text>
+          </view>
         </view>
       </view>
-      <view class="cv-form-item-right-tip" v-if="localLayout=='row'&&tip!=''"><text>{{tip}}</text></view>
+      <view class="cv-form-item-right-tip" v-if="localLayout == 'row' && tip != ''">
+        <text>{{ tip }}</text>
+      </view>
     </view>
   </view>
 </template>
@@ -41,7 +53,7 @@
 import MixinsCommon from '../mixins/mixins-common.js';
 export default {
   mixins: [MixinsCommon],
-  name: "cvFormItem",
+  name: 'cvFormItem',
   props: {
     isIcon: {
       type: Boolean,
@@ -68,22 +80,26 @@ export default {
     },
     message: {
       type: String,
-      default: ""
+      default: ''
     },
     messageDisplay: {
       type: Boolean,
       default: false
-    },
+    }
   },
   data() {
     return {
-      labelStyle: '',
+      labelStyle: ''
     };
   },
   created: function () {
-    this.localLayout = this.layout == "col" ? "col" : "row";
-    this.labelStyle = this.localLayout == 'row' ? (this.labelWidth > 0 ? 'width:' + this.labelWidth + 'px;' : 'display:none;') : '';
-    this.labelRightStyle = this.localLayout == 'row' && this.labelWidth > 0 ? 'width:' + 'calc(100% - 8px - 20px - ' + this.labelWidth + 'px);' : 'padding-left:0;';
+    this.localLayout = this.layout == 'col' ? 'col' : 'row';
+    this.labelStyle =
+      this.localLayout == 'row' ? (this.labelWidth > 0 ? 'width:' + this.labelWidth + 'px;' : 'display:none;') : '';
+    this.labelRightStyle =
+      this.localLayout == 'row' && this.labelWidth > 0
+        ? 'width:' + 'calc(100% - 8px - 20px - ' + this.labelWidth + 'px);'
+        : 'padding-left:0;';
     this.$forceUpdate();
   },
   methods: {
@@ -93,7 +109,7 @@ export default {
   }
 };
 </script>
-    
+
 <style>
 .cv-form-item {
   font-size: 14px;
@@ -220,4 +236,3 @@ export default {
   color: rgba(0, 0, 0, 0.6);
 }
 </style>
-

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

@@ -4,21 +4,16 @@
   </view>
 </template>
 <script>
-
 export default {
-  name: "cvFormMerge",
-  props: {
-
-  },
+  name: 'cvFormMerge',
+  props: {},
   data() {
-    return {
-    };
+    return {};
   },
-  created: function () {
-  }
+  created: function () {}
 };
 </script>
-    
+
 <style>
 .cv-form-merge {
   margin-bottom: 10px;

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

@@ -1,18 +1,40 @@
 <template>
   <view class="cv-geo-local-wrap">
-    <cv-form-item :tip="tip" :label="label" :message="message" :must="must" :messageDisplay="messageDisplay" :labelWidth="localLabelWidth"
-      :layout="localLayout" :onQClear="onQClear" :input-value="localVal">
+    <cv-form-item
+      :tip="tip"
+      :label="label"
+      :message="message"
+      :must="must"
+      :messageDisplay="messageDisplay"
+      :labelWidth="localLabelWidth"
+      :layout="localLayout"
+      :onQClear="onQClear"
+      :input-value="localVal"
+    >
       <view class="cv-geo-local" ref="onEmpty">
-        <textarea class="cv-geo-local-item" v-model="localVal" :maxlength="maxlength" :placeholder="placeholder"
-          placeholder-class="cv-geo-local-placeholder" @input="updateInput" auto-height />
+        <textarea
+          class="cv-geo-local-item"
+          v-model="localVal"
+          :maxlength="maxlength"
+          :placeholder="placeholder"
+          placeholder-class="cv-geo-local-placeholder"
+          @input="updateInput"
+          auto-height
+        />
         <view @tap="chooseLocation" class="cv-geo-local-button">
           <cv-icons type="action-search" size="20" color="#999999" />
         </view>
       </view>
     </cv-form-item>
     <view class="cv-geo-local-map" v-if="isShowMap">
-      <map style="width:100%; height: 342rpx;" :longitude="map_location.longitude" :latitude="map_location.latitude" :scale="scale" show-location
-        :markers="markers"></map>
+      <map
+        style="width: 100%; height: 342rpx"
+        :longitude="map_location.longitude"
+        :latitude="map_location.latitude"
+        :scale="scale"
+        show-location
+        :markers="markers"
+      ></map>
     </view>
   </view>
 </template>
@@ -21,47 +43,48 @@
 import MixinsInput from '../mixins/mixins-input.js';
 export default {
   mixins: [MixinsInput],
-  name: "cvGeoLocal",
+  name: 'cvGeoLocal',
   options: {
-    addGlobalClass: true,
+    addGlobalClass: true
   },
   props: {
     placeholder: {
       type: String,
-      default: "小区、门牌号等"
+      default: '小区、门牌号等'
     },
     isShowMap: {
       type: Boolean,
       default() {
-        return false
+        return false;
       }
     },
     location: {
       type: Object,
       default() {
-        return {}
+        return {};
       }
     }
   },
   watch: {
-    map_location: { //监听的对象
+    map_location: {
+      //监听的对象
       deep: true, //深度监听设置为 true
       handler(n) {
         if (this.isShowMap) {
-          this.initMarkers()
+          this.initMarkers();
         }
       }
     },
     location(n) {
       if (this.isShowMap) {
-        console.log('change:location')
-        this.initLocation()
+        console.log('change:location');
+        this.initLocation();
       }
     },
     value(n) {
       if (this.isShowMap) {
-        console.log('change:value')
-        this.initLocation()
+        console.log('change:value');
+        this.initLocation();
       }
     }
   },
@@ -72,7 +95,7 @@ export default {
       scale: 12,
       map_location: {
         longitude: 116.397486,
-        latitude: 39.908650
+        latitude: 39.90865
       }
     };
   },
@@ -85,26 +108,26 @@ export default {
         this.map_location = this.location;
       }
       if (this.value) {
-        this.$set(this.map_location, 'address', this.value)
+        this.$set(this.map_location, 'address', this.value);
       }
     },
     chooseLocation() {
       uni.chooseLocation({
-        keyword: '小区 写字楼',//搜索关键字，仅App平台支持
+        keyword: '小区 写字楼', //搜索关键字，仅App平台支持
         success: (res) => {
-          if (res.errMsg == "chooseLocation:ok") {
-            this.localVal = res.address
+          if (res.errMsg == 'chooseLocation:ok') {
+            this.localVal = res.address;
             this.map_location = { ...res };
             this.scale = 16;
-            this.$emit('location', { ...res })
-            this.$emit('input', this.localVal)
+            this.$emit('location', { ...res });
+            this.$emit('input', this.localVal);
           }
         }
-      })
+      });
     },
     initMarkers() {
       let markers = [];
-      let map_location = this.map_location
+      let map_location = this.map_location;
       markers.push({
         latitude: map_location.latitude,
         longitude: map_location.longitude,
@@ -123,7 +146,7 @@ export default {
     }
   }
 };
-</script> 
+</script>
 <style>
 .cv-geo-local-wrap {
   display: contents;

package/ui-cv/cv-icons/cv-icons.vue

@@ -1,6 +1,12 @@
 <template>
-  <text :style="{ color: color, 'font-size': size + 'px' }" class="cv-icons" :class="rotate?'cv-icons-turn':''"
-    @click="_onClick">{{icons[type]}}</text>
+  <text
+    :style="{ color: color, 'font-size': size + 'px' }"
+    class="cv-icons"
+    :class="rotate ? 'cv-icons-turn' : ''"
+    @click="_onClick"
+  >
+    {{ icons[type] }}
+  </text>
 </template>
 
 <script>
@@ -65,51 +71,50 @@ export default {
   data() {
     return {
       icons: icons
-    }
-  },
-  created: function () {
+    };
   },
+  created: function () {},
   methods: {
     _onClick() {
-      this.$emit('click')
+      this.$emit('click');
     }
   }
-}
+};
 </script>
 
 <style>
 /* #ifndef APP-NVUE */
 /* 基础相关图标库 */
-@import url("./iconfont/font-base.css");
+@import url('./iconfont/font-base.css');
 
 /* 箭头相关图标库 */
-@import url("./iconfont/font-arrow.css");
+@import url('./iconfont/font-arrow.css');
 
 /* 钱包相关图标库 */
-@import url("./iconfont/font-wallet.css");
+@import url('./iconfont/font-wallet.css');
 
 /* 状态相关图标库 */
-@import url("./iconfont/font-status.css");
+@import url('./iconfont/font-status.css');
 
 /* 订单相关图标库 */
-@import url("./iconfont/font-order.css");
+@import url('./iconfont/font-order.css');
 
 /* 行为相关图标库 */
-@import url("./iconfont/font-action.css");
+@import url('./iconfont/font-action.css');
 
 /* 人物相关图标库 */
-@import url("./iconfont/font-people.css");
+@import url('./iconfont/font-people.css');
 
 /* 媒体相关图标库 */
-@import url("./iconfont/font-media.css");
+@import url('./iconfont/font-media.css');
 
 /* 商城相关图标库 */
-@import url("./iconfont/font-mall.css");
+@import url('./iconfont/font-mall.css');
 /* #endif */
 
 .cv-icons {
-  font-family: cv-icon-base, cv-icon-arrow, cv-icon-wallet, cv-icon-status,
-    cv-icon-order, cv-icon-action, cv-icon-people, cv-icon-media, cv-icon-mall;
+  font-family: cv-icon-base, cv-icon-arrow, cv-icon-wallet, cv-icon-status, cv-icon-order, cv-icon-action, cv-icon-people,
+    cv-icon-media, cv-icon-mall;
   text-decoration: none;
   text-align: center;
 }
@@ -134,4 +139,4 @@ export default {
     transform: rotate(360deg);
   }
 }
-</style>
+</style>

package/ui-cv/cv-info/cv-info.vue

@@ -2,36 +2,36 @@
   <cv-form-item :label="label" :labelWidth="localLabelWidth" :layout="localLayout" :rtip="rtip">
     <view class="cv-info-area" ref="onEmpty" v-bind:style="cvInfoArea">
       <view class="cv-info-item">
-        <text>{{info}}</text>
+        <text>{{ info }}</text>
       </view>
     </view>
   </cv-form-item>
 </template>
 
 <script>
-import MixinsCommon from '../mixins/mixins-common'
+import MixinsCommon from '../mixins/mixins-common';
 export default {
   mixins: [MixinsCommon],
-  name: "cvInfo",
+  name: 'cvInfo',
   inject: {
     cvFormGroup: {
       default() {
-        return null
+        return null;
       }
     }
   },
   props: {
     info: {
       type: [Number, String],
-      default: ""
+      default: ''
     },
     rtip: {
       type: String,
-      default: ""
+      default: ''
     },
     infoAlign: {
       type: String,
-      default: "right"
+      default: 'right'
     }
   },
   data() {
@@ -40,18 +40,16 @@ export default {
     };
   },
   watch: {
-    value(newVal) {
-    }
+    value(newVal) {}
   },
   created: function () {
     this._dealStyle();
   },
   methods: {
-
     _dealStyle() {
       this.cvInfoArea = {
         textAlign: this.infoAlign
-      }
+      };
     }
   }
 };

package/ui-cv/cv-input-btn/cv-input-btn.vue

@@ -1,12 +1,33 @@
 <template>
-  <cv-form-item :tip="tip" :label="label" :message="message" :messageDisplay="messageDisplay" :labelWidth="localLabelWidth" :layout="localLayout">
+  <cv-form-item
+    :tip="tip"
+    :label="label"
+    :message="message"
+    :messageDisplay="messageDisplay"
+    :labelWidth="localLabelWidth"
+    :layout="localLayout"
+  >
     <view class="cv-code-area">
       <view class="cv-code-input-area" v-bind:style="inputAreaStyle">
-        <input class="cv-code-input-item" placeholder-class="cv-code-input-item-placeholder" v-model="localVal" :maxlength="maxlength"
-          :placeholder="placeholder" @input="updateInput" @blur="onBlur" />
+        <input
+          class="cv-code-input-item"
+          placeholder-class="cv-code-input-item-placeholder"
+          v-model="localVal"
+          :maxlength="maxlength"
+          :placeholder="placeholder"
+          @input="updateInput"
+          @blur="onBlur"
+        />
       </view>
       <view class="cv-code-button-area" v-bind:style="buttonAreaStyle">
-        <button class="cv-code-button-item " :class="btnDisabled?'cv-code-button-wait':''" :disabled="btnDisabled" @tap="click">{{btnText}}</button>
+        <button
+          class="cv-code-button-item"
+          :class="btnDisabled ? 'cv-code-button-wait' : ''"
+          :disabled="btnDisabled"
+          @tap="click"
+        >
+          {{ btnText }}
+        </button>
       </view>
     </view>
   </cv-form-item>
@@ -15,18 +36,18 @@
 import MixinsCommon from '../mixins/mixins-common.js';
 export default {
   mixins: [MixinsCommon],
-  name: "cvInputBtn",
+  name: 'cvInputBtn',
   inject: {
     cvFormGroup: {
       default() {
-        return null
+        return null;
       }
     }
   },
   props: {
     label: {
       type: String,
-      default: ""
+      default: ''
     },
     maxlength: {
       type: [Number, String],
@@ -34,11 +55,11 @@ export default {
     },
     value: {
       type: [Number, String],
-      default: ""
+      default: ''
     },
     btnText: {
       type: String,
-      default: "发送"
+      default: '发送'
     },
     btnWidth: {
       type: Number,
@@ -46,7 +67,7 @@ export default {
     },
     message: {
       type: String,
-      default: ""
+      default: ''
     },
     messageDisplay: {
       type: Boolean,
@@ -55,13 +76,13 @@ export default {
     btnDisabled: {
       type: Boolean,
       default: false
-    },
+    }
   },
   data() {
     return {
       localVal: '',
       buttonAreaStyle: '',
-      inputAreaStyle: '',
+      inputAreaStyle: ''
     };
   },
   watch: {
@@ -120,4 +141,4 @@ export default {
   background-color: #007aff;
   color: #ffffff;
 }
-</style>
+</style>