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

package/lib/cv-draw-progress/cv-draw-progress.vue

@@ -1,136 +0,0 @@
-<template>
-  <view class="de-re-frame">
-    <canvas :canvas-id="canvasId" :style="'height:'+cSize+'px;width:'+cSize+'px;'"></canvas>
-    <view class="de-re-place" :style="'height:'+cSize+'px;width:'+cSize+'px;'">
-      <template v-if="cPlaceContent">
-        <view class="de-re-progress de-re-progress_1" v-if="cBili<100">
-          <view class="de-re-progress_yi">已抢</view>
-          <view class="de-re-progress_zhi">{{cBili}}%</view>
-        </view>
-        <view class="de-re-progress de-re-progress_2" v-else>已抢光</view>
-      </template>
-      <template v-else>
-        <slot></slot>
-      </template>
-    </view>
-  </view>
-</template>
-
-<script>
-export default {
-  name: "cvDrawProgress",
-  props: {
-    canvasId: {				//画布的id 同个页面需要多个画布需要定义不同id
-      type: String,
-      default: 'cv-draw-progress-canvas',
-    },
-    cSize: {			//圆的大小 单位px 取偶数
-      type: Number,
-      default: 80
-    },
-    cBackground: {	//进度条背景底色
-      type: String,
-      default: '#f4f4f4'
-    },
-    cColor: {	//进度条颜色
-      type: String,
-      default: '#fe9b25'
-    },
-    lineWidth: {		//进度条线的宽度   注意：因为圆的半径设置为画布大小的一半-2  所以注意进度条线的粗细会不会超过圆的大小
-      type: Number,
-      default: 8
-    },
-    cBili: {			//进度条的占比
-      type: [Number, String],
-      validator: function (val) {		//验证器
-        return val >= 0 && val <= 100
-      },
-      default: 100
-    },
-    cPlaceContent: {		//是否显示默认提示内容
-      type: Boolean,
-      default: true
-    }
-  },
-  data() {
-    return {
-
-    }
-  },
-  watch: {
-    cBili(val) {		//监听比例数值的改变
-      this.drawProgress();
-    }
-  },
-  created() {
-    this.drawProgress();
-  },
-  mounted() {
-
-  },
-  methods: {
-    drawProgress() {
-      let yX = this.cSize / 2;	//圆心 x坐标
-      let yY = this.cSize / 2;	//圆心 y坐标
-      let yBanJ = this.cSize / 2 - 4;	//圆的半径  减2是因为有线条宽度
-
-      const ctx = uni.createCanvasContext(this.canvasId, this)
-
-      ctx.beginPath();		//画背景
-      ctx.arc(yX, yY, yBanJ, 0.7 * Math.PI, 2.3 * Math.PI);//坐标40，40 半径38  
-      ctx.setStrokeStyle(this.cBackground);		//画颜色
-      ctx.setLineWidth(this.lineWidth);
-      ctx.stroke();		//填充 画弧线
-
-      let value = (this.cBili / 100).toFixed(4)
-      let bX = 0.70 * Math.PI;		//进度条开始的位置 一直都是0.7
-      let eX = (0.70 + (1.6 * value)) * Math.PI;		//进度条结束的位置 100%是2.3
-      ctx.beginPath();
-      ctx.arc(yX, yY, yBanJ, bX, eX);  //范围是0.7-2.3之间是百分百
-      ctx.setStrokeStyle(this.cColor);
-      ctx.stroke();
-
-      setTimeout(() => {	//必须延迟执行 不然H5不显示
-        ctx.draw();		//画在画布上
-      }, 20)
-
-    }
-  }
-}
-</script>
-
-<style>
-.de-re-frame {
-  position: relative;
-}
-.de-re-place {
-  position: absolute;
-  top: 0;
-  width: 80px;
-  height: 80px;
-}
-.de-re-progress {
-  width: 100%;
-  height: 100%;
-  display: flex;
-}
-.de-re-progress_1 {
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-.de-re-progress_2 {
-  justify-content: center;
-  align-items: center;
-  color: #959595;
-  font-size: 12px;
-}
-.de-re-progress_yi {
-  color: #959595;
-  font-size: 14px;
-}
-.de-re-progress_zhi {
-  color: #181818;
-  font-size: 14px;
-}
-</style>

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

@@ -1,45 +0,0 @@
-<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/lib/cv-input-idcard/cv-input-idcard.vue

@@ -1,48 +0,0 @@
-<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/lib/cv-input-number/cv-input-number.vue

@@ -1,57 +0,0 @@
-<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/lib/cv-input-password/cv-input-password.vue

@@ -1,46 +0,0 @@
-<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/lib/cv-input-text/cv-input-text.vue

@@ -1,52 +0,0 @@
-<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>