@10yun/cv-mobile-ui 0.5.53 → 0.5.55

package/ui-cv/components/cv-draw-gesture-lock/style.css

@@ -1,39 +0,0 @@
-.gesture-lock {
-  margin: 0 auto;
-  position: relative;
-  box-sizing: border-box;
-  overflow: auto;
-}
-
-.gesture-lock .cycle {
-  box-sizing: border-box;
-  position: absolute;
-  border: 2px solid #66aaff;
-  border-radius: 50%;
-}
-
-.gesture-lock .cycle.check:after {
-  content: '';
-  display: block;
-  position: absolute;
-  width: 32%;
-  height: 32%;
-  border: 2px solid #66aaff;
-  border-radius: 50%;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-
-.gesture-lock .line {
-  height: 0;
-  border-top: 2px solid #66aaff;
-  position: absolute;
-  transform-origin: left center;
-}
-
-.gesture-lock.error .cycle.check,
-.gesture-lock.error .cycle.check:after,
-.gesture-lock.error .line {
-  border-color: #ffa197;
-}

package/ui-cv/components/cv-geo-region/style.css

@@ -1,77 +0,0 @@
-.pickerMask {
-  position: fixed;
-  z-index: 1000;
-  top: 0;
-  right: 0;
-  left: 0;
-  bottom: 0;
-  background: rgba(0, 0, 0, 0.6);
-}
-
-.mpvue-picker-content {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  transition: all 0.3s ease;
-  transform: translateY(100%);
-  z-index: 3000;
-}
-
-.mpvue-picker-view-show {
-  transform: translateY(0);
-}
-
-.mpvue-picker__hd {
-  display: flex;
-  padding: 9px 15px;
-  background-color: #fff;
-  position: relative;
-  text-align: center;
-  font-size: 17px;
-}
-
-.mpvue-picker__hd:after {
-  content: ' ';
-  position: absolute;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  height: 1px;
-  border-bottom: 1px solid #e5e5e5;
-  color: #e5e5e5;
-  transform-origin: 0 100%;
-  transform: scaleY(0.5);
-}
-
-.mpvue-picker__action {
-  display: block;
-  flex: 1;
-  color: #1aad19;
-}
-
-.mpvue-picker__action:first-child {
-  text-align: left;
-  color: #888;
-}
-
-.mpvue-picker__action:last-child {
-  text-align: right;
-}
-
-.picker-item {
-  text-align: center;
-  line-height: 40px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: 16px;
-}
-
-.mpvue-picker-view {
-  position: relative;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 238px;
-  background-color: rgba(255, 255, 255, 1);
-}

package/ui-fireui/components/u-circular-progress/u-circular-progress.vue

@@ -1,269 +0,0 @@
-<template>
-  <view class="up-circular-container" :style="{ width: diam + 'px', height: (height || diam) + 'px' }">
-    <canvas
-      class="up-circular-default"
-      :canvas-id="defaultCanvasId"
-      :id="defaultCanvasId"
-      :style="{ width: diam + 'px', height: (height || diam) + 'px' }"
-      v-if="defaultShow"
-    ></canvas>
-    <canvas
-      class="up-circular-progress"
-      :canvas-id="progressCanvasId"
-      :id="progressCanvasId"
-      :style="{ width: diam + 'px', height: (height || diam) + 'px' }"
-    ></canvas>
-    <slot />
-  </view>
-</template>
-
-<script>
-export default {
-  name: 'fuiCircularProgress',
-  props: {
-    /*
-			  传值需使用rpx进行转换保证各终端兼容
-			  px = rpx / 750 * wx.getSystemInfoSync().windowWidth
-			  圆形进度条(画布)宽度，直径 [px]
-			*/
-    diam: {
-      type: Number,
-      default: 60
-    },
-    //圆形进度条(画布)高度，默认取diam值[当画半弧时传值，height有值时则取height]
-    height: {
-      type: Number,
-      default: 0
-    },
-    //进度条线条宽度[px]
-    lineWidth: {
-      type: Number,
-      default: 4
-    },
-    /*
-			 线条的端点样式
-			 butt：向线条的每个末端添加平直的边缘
-			 round	向线条的每个末端添加圆形线帽
-			 square	向线条的每个末端添加正方形线帽
-			*/
-    lineCap: {
-      type: String,
-      default: 'round'
-    },
-    //圆环进度字体大小 [px]
-    fontSize: {
-      type: Number,
-      default: 12
-    },
-    //圆环进度字体颜色
-    fontColor: {
-      type: String,
-      default: '#5677fc'
-    },
-    //是否显示进度文字
-    fontShow: {
-      type: Boolean,
-      default: true
-    },
-    /*
-			 自定义显示文字[默认为空，显示百分比，fontShow=true时生效]
-			 可以使用 slot自定义显示内容
-			*/
-    percentText: {
-      type: String,
-      default: ''
-    },
-    //是否显示默认(背景)进度条
-    defaultShow: {
-      type: Boolean,
-      default: true
-    },
-    //默认进度条颜色
-    defaultColor: {
-      type: String,
-      default: '#CCC'
-    },
-    //进度条颜色
-    progressColor: {
-      type: String,
-      default: '#5677fc'
-    },
-    //进度条渐变颜色[结合progressColor使用，默认为空]
-    gradualColor: {
-      type: String,
-      default: ''
-    },
-    //起始弧度，单位弧度
-    sAngle: {
-      type: Number,
-      default: -Math.PI / 2
-    },
-    //指定弧度的方向是逆时针还是顺时针。默认是false，即顺时针
-    counterclockwise: {
-      type: Boolean,
-      default: false
-    },
-    //进度百分比 [10% 传值 10]
-    percentage: {
-      type: Number,
-      default: 0
-    },
-    //进度百分比缩放倍数[使用半弧为100%时，则可传2]
-    multiple: {
-      type: Number,
-      default: 1
-    },
-    //动画执行时间[单位毫秒，低于50无动画]
-    duration: {
-      type: Number,
-      default: 800
-    },
-    //backwards: 动画从头播；forwards：动画从上次结束点接着播
-    activeMode: {
-      type: String,
-      default: 'backwards'
-    }
-  },
-  computed: {
-    canvasChange() {
-      return `${this.diam},${this.height},${this.lineWidth}`;
-    }
-  },
-  watch: {
-    percentage(val) {
-      this.initDraw();
-    },
-    canvasChange() {
-      this.initDraw(true);
-    }
-  },
-  data() {
-    return {
-      // #ifdef MP-WEIXIN
-      progressCanvasId: 'progressCanvasId',
-      defaultCanvasId: 'defaultCanvasId',
-      // #endif
-      // #ifndef MP-WEIXIN
-      progressCanvasId: this.getCanvasId(),
-      defaultCanvasId: this.getCanvasId(),
-      // #endif
-      progressContext: null,
-      linearGradient: null,
-      //起始百分比
-      startPercentage: 0
-      // dpi
-      //pixelRatio: uni.getSystemInfoSync().pixelRatio
-    };
-  },
-  mounted() {
-    this.initDraw(true);
-  },
-  methods: {
-    //初始化绘制
-    initDraw(init) {
-      let start = this.activeMode === 'backwards' ? 0 : this.startPercentage;
-      if (this.defaultShow && init) {
-        this.drawDefaultCircular();
-      }
-      this.drawProgressCircular(start);
-    },
-    //默认(背景)圆环
-    drawDefaultCircular() {
-      let ctx = uni.createCanvasContext(this.defaultCanvasId, this);
-      ctx.setLineWidth(this.lineWidth);
-      ctx.setStrokeStyle(this.defaultColor);
-      //终止弧度
-      let eAngle = Math.PI * (this.height ? 1 : 2) + this.sAngle;
-      this.drawArc(ctx, eAngle);
-    },
-    //进度圆环
-    drawProgressCircular(startPercentage) {
-      let ctx = this.progressContext;
-      let gradient = this.linearGradient;
-      if (!ctx) {
-        ctx = uni.createCanvasContext(this.progressCanvasId, this);
-        //创建一个线性的渐变颜色 CanvasGradient对象
-        gradient = ctx.createLinearGradient(0, 0, this.diam, 0);
-        gradient.addColorStop('0', this.progressColor);
-        if (this.gradualColor) {
-          gradient.addColorStop('1', this.gradualColor);
-        }
-        this.progressContext = ctx;
-        this.linearGradient = gradient;
-      }
-      ctx.setLineWidth(this.lineWidth);
-      ctx.setStrokeStyle(gradient);
-      let time = this.duration / this.percentage;
-      if (this.percentage > 0 || !this.fontShow) {
-        startPercentage = this.duration < 50 ? this.percentage - 1 : startPercentage;
-        startPercentage++;
-        if (startPercentage > this.percentage) {
-          this.$emit('end', {
-            canvasId: this.progressCanvasId
-          });
-          return;
-        }
-      }
-      if (this.fontShow) {
-        ctx.setFontSize(this.fontSize);
-        ctx.setFillStyle(this.fontColor);
-        ctx.setTextAlign('center');
-        ctx.setTextBaseline('middle');
-        let percentage = this.percentText;
-        if (!percentage) {
-          percentage = this.counterclockwise ? 100 - startPercentage * this.multiple : startPercentage * this.multiple;
-          percentage = `${percentage}%`;
-        }
-        let radius = this.diam / 2;
-        ctx.fillText(percentage, radius, radius);
-        if (this.percentage === 0 || (this.counterclockwise && startPercentage === 100)) {
-          ctx.draw();
-          return;
-        }
-      }
-      let eAngle = ((2 * Math.PI) / 100) * startPercentage + this.sAngle;
-      this.drawArc(ctx, eAngle);
-      setTimeout(() => {
-        this.startPercentage = startPercentage;
-        this.drawProgressCircular(startPercentage);
-        this.$emit('change', {
-          percentage: startPercentage
-        });
-      }, time);
-      // #ifdef H5
-      // requestAnimationFrame(()=>{})
-      // #endif
-    },
-    //创建弧线
-    drawArc(ctx, eAngle) {
-      ctx.setLineCap(this.lineCap);
-      ctx.beginPath();
-      let radius = this.diam / 2; //x=y
-      ctx.arc(radius, radius, radius - this.lineWidth, this.sAngle, eAngle, this.counterclockwise);
-      ctx.stroke();
-      ctx.draw();
-    },
-    //生成canvasId
-    getCanvasId() {
-      let uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
-        return (c === 'x' ? (Math.random() * 16) | 0 : 'r&0x3' | '0x8').toString(16);
-      });
-      return uuid;
-    }
-  }
-};
-</script>
-
-<style scoped>
-.up-circular-container,
-.up-circular-default {
-  position: relative;
-}
-
-.up-circular-progress {
-  position: absolute;
-  left: 0;
-  top: 0;
-  z-index: 10;
-}
-</style>

package/ui-fireui/components/u-countdown/u-countdown.vue

@@ -1,301 +0,0 @@
-<template>
-  <view class="up-countdown-box">
-    <view
-      class="up-countdown-item"
-      :style="{
-        background: backgroundColor,
-        borderColor: borderColor,
-        width: getWidth(d, width) + 'rpx',
-        height: height + 'rpx'
-      }"
-      v-if="days"
-    >
-      <view
-        class="up-countdown-time"
-        :class="[scale ? 'up-countdown-scale' : '']"
-        :style="{ fontSize: size + 'rpx', color: color, lineHeight: size + 'rpx' }"
-      >
-        {{ d }}
-      </view>
-    </view>
-    <view
-      class="up-countdown-colon"
-      :class="{ 'up-colon-pad': borderColor == 'transparent' }"
-      :style="{ lineHeight: colonSize + 'rpx', fontSize: colonSize + 'rpx', color: colonColor }"
-      v-if="days"
-    >
-      {{ isColon ? ':' : '天' }}
-    </view>
-    <view
-      class="up-countdown-item"
-      :style="{
-        background: backgroundColor,
-        borderColor: borderColor,
-        width: getWidth(h, width) + 'rpx',
-        height: height + 'rpx'
-      }"
-      v-if="hours"
-    >
-      <view
-        class="up-countdown-time"
-        :class="[scale ? 'up-countdown-scale' : '']"
-        :style="{ fontSize: size + 'rpx', color: color, lineHeight: size + 'rpx' }"
-      >
-        {{ h }}
-      </view>
-    </view>
-    <view
-      class="up-countdown-colon"
-      :class="{ 'up-colon-pad': borderColor == 'transparent' }"
-      :style="{ lineHeight: colonSize + 'rpx', fontSize: colonSize + 'rpx', color: colonColor }"
-      v-if="hours"
-    >
-      {{ isColon ? ':' : '时' }}
-    </view>
-    <view
-      class="up-countdown-item"
-      :style="{
-        background: backgroundColor,
-        borderColor: borderColor,
-        width: getWidth(i, width) + 'rpx',
-        height: height + 'rpx'
-      }"
-      v-if="minutes"
-    >
-      <view
-        class="up-countdown-time"
-        :class="[scale ? 'up-countdown-scale' : '']"
-        :style="{ fontSize: size + 'rpx', color: color, lineHeight: size + 'rpx' }"
-      >
-        {{ i }}
-      </view>
-    </view>
-    <view
-      class="up-countdown-colon"
-      :class="{ 'up-colon-pad': borderColor == 'transparent' }"
-      :style="{ lineHeight: colonSize + 'rpx', fontSize: colonSize + 'rpx', color: colonColor }"
-      v-if="minutes"
-    >
-      {{ isColon ? ':' : '分' }}
-    </view>
-    <view
-      class="up-countdown-item"
-      :style="{
-        background: backgroundColor,
-        borderColor: borderColor,
-        width: getWidth(s, width) + 'rpx',
-        height: height + 'rpx'
-      }"
-      v-if="seconds"
-    >
-      <view
-        class="up-countdown-time"
-        :class="[scale ? 'up-countdown-scale' : '']"
-        :style="{ fontSize: size + 'rpx', color: color, lineHeight: size + 'rpx' }"
-      >
-        {{ s }}
-      </view>
-    </view>
-    <view
-      class="up-countdown-colon"
-      :class="{ 'up-colon-pad': borderColor == 'transparent' }"
-      :style="{ lineHeight: colonSize + 'rpx', fontSize: colonSize + 'rpx', color: colonColor }"
-      v-if="seconds && !isColon"
-    >
-      {{ unitEn ? 's' : '秒' }}
-    </view>
-  </view>
-</template>
-
-<script>
-export default {
-  name: 'fuiCountdown',
-  props: {
-    //数字框宽度
-    width: {
-      type: Number,
-      default: 25
-    },
-    //数字框高度
-    height: {
-      type: Number,
-      default: 25
-    },
-    //数字框border颜色
-    borderColor: {
-      type: String,
-      default: '#333'
-    },
-    //数字框背景颜色
-    backgroundColor: {
-      type: String,
-      default: '#fff'
-    },
-    //数字框字体大小
-    size: {
-      type: Number,
-      default: 24
-    },
-    //数字框字体颜色
-    color: {
-      type: String,
-      default: '#333'
-    },
-    //是否缩放 0.9
-    scale: {
-      type: Boolean,
-      default: false
-    },
-    //冒号大小
-    colonSize: {
-      type: Number,
-      default: 28
-    },
-    //冒号颜色
-    colonColor: {
-      type: String,
-      default: '#333'
-    },
-    //剩余时间 (单位：秒)
-    time: {
-      type: Number,
-      default: 0
-    },
-    //是否包含天
-    days: {
-      type: Boolean,
-      default: false
-    },
-    //是否包含小时
-    hours: {
-      type: Boolean,
-      default: true
-    },
-    //是否包含分钟
-    minutes: {
-      type: Boolean,
-      default: true
-    },
-    //是否包含秒
-    seconds: {
-      type: Boolean,
-      default: true
-    },
-    //单位用英文缩写表示 仅seconds秒数有效
-    unitEn: {
-      type: Boolean,
-      default: false
-    },
-    //是否展示为冒号,false为文字
-    isColon: {
-      type: Boolean,
-      default: true
-    }
-  },
-  watch: {
-    time(val) {
-      clearInterval(this.countdown);
-      this.doLoop();
-    }
-  },
-  data() {
-    return {
-      countdown: null,
-      d: '0',
-      h: '00',
-      i: '00',
-      s: '00'
-    };
-  },
-  created() {
-    this.doLoop();
-  },
-  beforeDestroy() {
-    clearInterval(this.countdown);
-    this.countdown = null;
-  },
-  methods: {
-    getWidth(num, width) {
-      return num > 99 ? (width / 2) * num.toString().length : width;
-    },
-    endOfTime() {
-      clearInterval(this.countdown);
-      this.countdown = null;
-      this.$emit('end', {});
-    },
-    doLoop() {
-      let seconds = this.time || 0;
-      this.countDown(seconds);
-      this.countdown = setInterval(() => {
-        seconds--;
-        if (seconds < 0) {
-          this.endOfTime();
-          return;
-        }
-        this.countDown(seconds);
-      }, 1000);
-    },
-    countDown(seconds) {
-      let [day, hour, minute, second] = [0, 0, 0, 0];
-      if (seconds > 0) {
-        day = this.days ? Math.floor(seconds / (60 * 60 * 24)) : 0;
-        hour = this.hours ? Math.floor(seconds / (60 * 60)) - day * 24 : 0;
-        minute = this.minutes ? Math.floor(seconds / 60) - hour * 60 - day * 24 * 60 : 0;
-        second = Math.floor(seconds) - day * 24 * 60 * 60 - hour * 60 * 60 - minute * 60;
-      } else {
-        this.endOfTime();
-      }
-      hour = hour < 10 ? '0' + hour : hour;
-      minute = minute < 10 ? '0' + minute : minute;
-      second = second < 10 ? '0' + second : second;
-      this.d = day;
-      this.h = hour;
-      this.i = minute;
-      this.s = second;
-    }
-  }
-};
-</script>
-
-<style scoped>
-.up-countdown-box {
-  display: flex;
-  align-items: center;
-}
-
-.up-countdown-box {
-  display: flex;
-  align-items: center;
-}
-
-.up-countdown-item {
-  border: 1rpx solid;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 2rpx;
-  border-radius: 6rpx;
-  white-space: nowrap;
-  transform: translateZ(0);
-}
-
-.up-countdown-time {
-  margin: 0;
-  padding: 0;
-}
-
-.up-countdown-colon {
-  display: flex;
-  justify-content: center;
-  padding: 0 5rpx;
-}
-
-.up-colon-pad {
-  padding: 0 !important;
-}
-
-.up-countdown-scale {
-  transform: scale(0.9);
-  transform-origin: center center;
-}
-</style>