@10yun/cv-mobile-ui 0.3.23 → 0.3.25

package/{lib → 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>

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

@@ -0,0 +1,58 @@
+<template>
+  <cv-form-item
+    :label="label"
+    :message="message"
+    :messageDisplay="messageDisplay"
+    :labelWidth="localLabelWidth"
+    :layout="localLayout"
+    :onQClear="onQClear"
+    :tip="tip"
+    :rtip="rtip"
+    :must="must"
+    :input-value="localVal"
+  >
+    <view class="cv-input-text">
+      <input
+        class="cv-input-text-item"
+        placeholder-class="cv-input-text-item-placeholder"
+        v-model="localVal"
+        type="digit"
+        :placeholder="placeholder"
+        :maxlength="maxlength"
+        :disabled="disabled"
+        @input="updateInput"
+        @blur="onBlur"
+      />
+    </view>
+  </cv-form-item>
+</template>
+
+<script>
+import MixinsInput from '../mixins/mixins-input.js';
+export default {
+  mixins: [MixinsInput],
+  name: 'cvInputDigit',
+  inject: {
+    cvFormGroup: {
+      default() {
+        return null;
+      }
+    }
+  },
+  props: {},
+  // 监听动态数据变化
+  watch: {},
+  data() {
+    return {};
+  },
+  created: function () {},
+  methods: {}
+};
+</script>
+<style>
+.cv-input-text-item {
+  height: 35px;
+  line-height: 35px;
+  font-size: 14px;
+}
+</style>

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

@@ -0,0 +1,58 @@
+<template>
+  <cv-form-item
+    :tip="tip"
+    :must="must"
+    :label="label"
+    :message="message"
+    :messageDisplay="messageDisplay"
+    :labelWidth="localLabelWidth"
+    :layout="localLayout"
+    :onQClear="onQClear"
+    :rtip="rtip"
+    :input-value="localVal"
+  >
+    <view class="cv-input-text">
+      <input
+        class="cv-input-text-item"
+        placeholder-class="cv-input-text-item-placeholder"
+        v-model="localVal"
+        type="idcard"
+        :maxlength="maxlength"
+        :disabled="disabled"
+        :placeholder="placeholder"
+        @input="updateInput"
+        @blur="onBlur"
+      />
+    </view>
+  </cv-form-item>
+</template>
+
+<script>
+import MixinsInput from '../mixins/mixins-input.js';
+export default {
+  mixins: [MixinsInput],
+  name: 'cvInputIdcard',
+  inject: {
+    cvFormGroup: {
+      default() {
+        return null;
+      }
+    }
+  },
+  props: {},
+  data() {
+    return {};
+  },
+  watch: {},
+  created: function () {},
+  methods: {}
+};
+</script>
+
+<style>
+.cv-input-text-item {
+  height: 35px;
+  line-height: 35px;
+  font-size: 14px;
+}
+</style>

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

@@ -0,0 +1,72 @@
+<template>
+  <cv-form-item
+    :tip="tip"
+    :must="must"
+    :label="label"
+    :message="message"
+    :messageDisplay="messageDisplay"
+    :labelWidth="localLabelWidth"
+    :layout="localLayout"
+    :onQClear="onQClear"
+    :rtip="rtip"
+    :input-value="localVal"
+  >
+    <view class="cv-input-text">
+      <input
+        class="cv-input-text-item"
+        placeholder-class="cv-input-text-item-placeholder"
+        v-model="localVal"
+        type="number"
+        :maxlength="maxlength"
+        :disabled="disabled"
+        :placeholder="placeholder"
+        @input="updateInput"
+        @blur="onBlur"
+      />
+    </view>
+  </cv-form-item>
+</template>
+
+<script>
+import MixinsInput from '../mixins/mixins-input.js';
+export default {
+  mixins: [MixinsInput],
+  name: 'cvInputNumber',
+  inject: {
+    cvFormGroup: {
+      default() {
+        return null;
+      }
+    }
+  },
+  props: {},
+  data() {
+    return {};
+  },
+  watch: {
+    value(newVal) {
+      this.localVal = this._dealValue(newVal);
+    }
+  },
+  created: function () {
+    this.localVal = this._dealValue(this.value);
+  },
+  methods: {
+    _dealValue(value) {
+      if (Object.prototype.toString.call(value) === '[object Number]') {
+        return value.toString();
+      } else {
+        return value;
+      }
+    }
+  }
+};
+</script>
+
+<style>
+.cv-input-text-item {
+  height: 35px;
+  line-height: 35px;
+  font-size: 14px;
+}
+</style>

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

@@ -0,0 +1,57 @@
+<template>
+  <cv-form-item
+    :tip="tip"
+    :must="must"
+    :label="label"
+    :message="message"
+    :messageDisplay="messageDisplay"
+    :labelWidth="localLabelWidth"
+    :layout="localLayout"
+    :onQClear="onQClear"
+    :input-value="localVal"
+  >
+    <view class="cv-input-text">
+      <input
+        class="cv-input-text-item"
+        placeholder-class="cv-input-text-item-placeholder"
+        v-model="localVal"
+        type="text"
+        :maxlength="maxlength"
+        :disabled="disabled"
+        password
+        :placeholder="placeholder"
+        @input="updateInput"
+        @blur="onBlur"
+      />
+    </view>
+  </cv-form-item>
+</template>
+
+<script>
+import MixinsInput from '../mixins/mixins-input.js';
+export default {
+  mixins: [MixinsInput],
+  name: 'cvInputPassword',
+  inject: {
+    cvFormGroup: {
+      default() {
+        return null;
+      }
+    }
+  },
+  props: {},
+  watch: {},
+  data() {
+    return {};
+  },
+  created: function () {},
+  methods: {}
+};
+</script>
+<style>
+.cv-input-text-item {
+  height: 35px;
+  line-height: 35px;
+  font-size: 14px;
+}
+</style>

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

@@ -0,0 +1,67 @@
+<template>
+  <cv-form-item
+    :tip="tip"
+    :label="label"
+    :message="message"
+    :must="must"
+    :messageDisplay="messageDisplay"
+    :labelWidth="localLabelWidth"
+    :layout="localLayout"
+    :onQClear="onQClear"
+    :rtip="rtip"
+    :inputValue="localVal"
+  >
+    <view class="cv-input-text" ref="onEmpty">
+      <input
+        class="cv-input-text-item"
+        :style="localItemStyle"
+        placeholder-class="cv-input-text-item-placeholder"
+        v-model="localVal"
+        type="text"
+        :placeholder="placeholder"
+        :maxlength="maxlength"
+        :disabled="disabled"
+        @input="updateInput"
+        @blur="onBlur"
+      />
+    </view>
+  </cv-form-item>
+</template>
+
+<script>
+import MixinsInput from '../mixins/mixins-input.js';
+export default {
+  mixins: [MixinsInput],
+  name: 'cvInputText',
+  options: {
+    addGlobalClass: true
+  },
+  props: {
+    rtip: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {};
+  },
+  created: function () {},
+  methods: {}
+};
+</script>
+<style>
+.cv-input-text-item {
+  height: 35px;
+  line-height: 35px;
+  font-size: 14px;
+}
+.cv-input-text-rtip {
+  color: #999;
+  width: 50rpx;
+  padding: 10rpx 0rpx 10rpx 0;
+  position: absolute;
+  right: 0;
+  top: -7px;
+  overflow: hidden;
+}
+</style>

package/{lib → ui-cv}/cv-link/cv-link.vue

@@ -1,5 +1,5 @@
 <template>
-  <text style="text-decoration:underline;" :href="href" @click="openURL" :inWhiteList="inWhiteList">{{text}}</text>
+  <text style="text-decoration: underline" :href="href" @click="openURL" :inWhiteList="inWhiteList">{{ text }}</text>
 </template>
 
 <script>
@@ -29,13 +29,14 @@ export default {
   methods: {
     openURL() {
       // #ifdef APP-PLUS
-      plus.runtime.openURL(this.href) //这里默认使用外部浏览器打开而不是内部web-view组件打开
+      plus.runtime.openURL(this.href); //这里默认使用外部浏览器打开而不是内部web-view组件打开
       // #endif
       // #ifdef H5
-      window.open(this.href)
+      window.open(this.href);
       // #endif
       // #ifdef MP
-      if (this.inWhiteList) { //如果在小程序的网址白名单中，会走内置webview打开，否则会复制网址提示在外部浏览器打开
+      if (this.inWhiteList) {
+        //如果在小程序的网址白名单中，会走内置webview打开，否则会复制网址提示在外部浏览器打开
         uni.navigateTo({
           url: '/pages/component/web-view/web-view?url=' + this.href
         });
@@ -51,8 +52,7 @@ export default {
       // #endif
     }
   }
-}
+};
 </script>
 
-<style>
-</style>
+<style></style>