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

package/ui-fireui copy/components/u-round-progress/u-round-progress.vue

@@ -1,306 +0,0 @@
-<template>
-  <view class="up-circular-container" :style="{ width: diam + 'px', height: (height || diam) + 'px' }">
-    <canvas
-      :start="percent"
-      :change:start="parse.initDraw"
-      :data-width="diam"
-      :data-height="height"
-      :data-lineWidth="lineWidth"
-      :data-lineCap="lineCap"
-      :data-fontSize="fontSize"
-      :data-fontColor="fontColor"
-      :data-fontShow="fontShow"
-      :data-percentText="percentText"
-      :data-defaultShow="defaultShow"
-      :data-defaultColor="defaultColor"
-      :data-progressColor="progressColor"
-      :data-gradualColor="gradualColor"
-      :data-sAngle="sAngle"
-      :data-counterclockwise="counterclockwise"
-      :data-multiple="multiple"
-      :data-speed="speed"
-      :data-activeMode="activeMode"
-      :data-cid="progressCanvasId"
-      :canvas-id="progressCanvasId"
-      :class="[progressCanvasId]"
-      :style="{ width: diam + 'px', height: (height || diam) + 'px' }"
-    ></canvas>
-    <slot></slot>
-  </view>
-</template>
-<script module="parse" lang="renderjs">
-export default {
-  methods: {
-    formatStr(str) {
-      if (!str) return str;
-      return str.replace(/\"/g, '');
-    },
-    bool(str) {
-      return str === 'true' || str == true ? true : false;
-    },
-    //初始化绘制
-    initDraw(percentage, oldPercentage, owner, ins) {
-      let state = ins.getState();
-      let res = ins.getDataset();
-      const activeMode = this.formatStr(res.activemode);
-      let start = activeMode === 'backwards' ? 0 : state.startPercentage || 0;
-      if (!state.progressContext || !state.canvas) {
-        const width = res.width;
-        const height = res.height == 0 ? res.width : res.height;
-        let ele = `.${res.cid}>canvas`;
-        const canvas = document.querySelectorAll(this.formatStr(ele))[0];
-        const ctx = canvas.getContext('2d');
-        // const dpr =uni.getSystemInfoSync().pixelRatio;
-        // canvas.style.width=width+'px';
-        // canvas.style.height=height+'px';
-        // canvas.width = width * dpr;
-        // canvas.height = height * dpr;
-        // ctx.scale(dpr, dpr);
-        state.progressContext = ctx;
-        state.canvas = canvas;
-        this.drawProgressCircular(start, ctx, canvas, percentage, res, state, owner);
-      } else {
-        this.drawProgressCircular(start, state.progressContext, state.canvas, percentage, res, state, owner);
-      }
-    },
-    //默认(背景)圆环
-    drawDefaultCircular(ctx, canvas, res) {
-      //终止弧度
-      let sangle = Number(res.sangle) * Math.PI;
-      let eAngle = Math.PI * (res.height != 0 ? 1 : 2) + sangle;
-      this.drawArc(ctx, eAngle, this.formatStr(res.defaultcolor), res);
-    },
-    drawPercentage(ctx, percentage, res) {
-      ctx.save(); //save和restore可以保证样式属性只运用于该段canvas元素
-      ctx.beginPath();
-      ctx.fillStyle = this.formatStr(res.fontcolor);
-      ctx.font = res.fontsize + 'px Arial'; //设置字体大小和字体
-      ctx.textAlign = 'center';
-      ctx.textBaseline = 'middle';
-      let radius = res.width / 2;
-      let percenttext = this.formatStr(res.percenttext);
-      if (!percenttext) {
-        let multiple = Number(res.multiple);
-        percentage = this.bool(res.counterclockwise) ? 100 - percentage * multiple : percentage * multiple;
-        percentage = percentage.toFixed(0) + '%';
-      } else {
-        percentage = percenttext;
-      }
-      ctx.fillText(percentage, radius, radius);
-      ctx.stroke();
-      ctx.restore();
-    },
-    //进度圆环
-    drawProgressCircular(startPercentage, ctx, canvas, percentage, res, state, owner) {
-      if (!ctx || !canvas) return;
-      let that = this;
-      let gradient = ctx.createLinearGradient(0, 0, Number(res.width), 0);
-      gradient.addColorStop(0, this.formatStr(res.progresscolor));
-      let gradualColor = this.formatStr(res.gradualcolor);
-      if (gradualColor) {
-        gradient.addColorStop('1', gradualColor);
-      }
-      let requestId = null;
-      let renderLoop = () => {
-        drawFrame((res) => {
-          if (res) {
-            requestId = requestAnimationFrame(renderLoop);
-          } else {
-            cancelAnimationFrame(requestId);
-            requestId = null;
-            renderLoop = null;
-          }
-        });
-      };
-      requestId = requestAnimationFrame(renderLoop);
-
-      function drawFrame(callback) {
-        ctx.clearRect(0, 0, canvas.width, canvas.height);
-        if (that.bool(res.defaultshow)) {
-          that.drawDefaultCircular(ctx, canvas, res);
-        }
-        if (that.bool(res.fontshow)) {
-          that.drawPercentage(ctx, startPercentage, res);
-        }
-        if (percentage === 0 || (that.bool(res.counterclockwise) && startPercentage === 100)) return;
-        let sangle = Number(res.sangle) * Math.PI;
-        let eAngle = ((2 * Math.PI) / 100) * startPercentage + sangle;
-        that.drawArc(ctx, eAngle, gradient, res);
-        owner.callMethod('change', {
-          percentage: startPercentage
-        });
-        if (startPercentage >= percentage) {
-          state.startPercentage = startPercentage;
-          owner.callMethod('end', {
-            canvasId: that.formatStr(res.canvasid)
-          });
-          cancelAnimationFrame(requestId);
-          callback && callback(false);
-          return;
-        }
-        let num = startPercentage + Number(res.speed);
-        startPercentage = num > percentage ? percentage : num;
-        callback && callback(true);
-      }
-    },
-    //创建弧线
-    drawArc(ctx, eAngle, strokeStyle, res) {
-      ctx.save();
-      ctx.beginPath();
-      ctx.lineCap = this.formatStr(res.linecap);
-      ctx.lineWidth = Number(res.linewidth);
-      ctx.strokeStyle = strokeStyle;
-      let radius = res.width / 2; //x=y
-      let sangle = Number(res.sangle) * Math.PI;
-      ctx.arc(radius, radius, radius - res.linewidth, sangle, eAngle, this.bool(res.counterclockwise));
-      ctx.stroke();
-      ctx.closePath();
-      ctx.restore();
-    }
-  }
-};
-</script>
-<script>
-export default {
-  name: 'fuiRoundProgress',
-  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: ''
-    },
-    //起始弧度，单位弧度 实际  Math.PI * sAngle
-    sAngle: {
-      type: Number,
-      default: -0.5
-    },
-    //指定弧度的方向是逆时针还是顺时针。默认是false，即顺时针
-    counterclockwise: {
-      type: Boolean,
-      default: false
-    },
-    //进度百分比 [10% 传值 10]
-    percentage: {
-      type: Number,
-      default: 0
-    },
-    //进度百分比缩放倍数[使用半弧为100%时，则可传2]
-    multiple: {
-      type: Number,
-      default: 1
-    },
-    //动画执行速度，值越大动画越快（0.1~100）
-    speed: {
-      type: [Number, String],
-      default: 1
-    },
-    //backwards: 动画从头播；forwards：动画从上次结束点接着播
-    activeMode: {
-      type: String,
-      default: 'backwards'
-    }
-  },
-  watch: {
-    percentage(val) {
-      this.percent = val;
-    }
-  },
-  mounted() {
-    setTimeout(() => {
-      this.percent = this.percentage;
-    }, 50);
-  },
-  data() {
-    return {
-      percent: -1,
-      progressCanvasId: this.getCanvasId()
-    };
-  },
-  methods: {
-    getCanvasId() {
-      return 'fui' + new Date().getTime() + (Math.random() * 100000).toFixed(0);
-    },
-    change(e) {
-      //绘制进度
-      this.$emit('change', e);
-    },
-    end(e) {
-      //绘制完成
-      this.$emit('end', e);
-    }
-  }
-};
-</script>
-
-<style scoped>
-.up-circular-container {
-  position: relative;
-}
-</style>

package/ui-fireui copy/components/u-scroll-top/u-scroll-top.vue

@@ -1,189 +0,0 @@
-<template>
-  <view
-    class="up-scroll-top_box"
-    v-show="isIndex || isShare || (visible && toggle)"
-    :style="{ bottom: bottom + 'rpx', right: right + 'rpx' }"
-  >
-    <view class="up-scroll-top_item" v-if="isIndex" @tap.stop="goIndex">
-      <image class="up-scroll-top_img" :src="indexIcon"></image>
-      <view class="up-scroll-top_text">首页</view>
-    </view>
-    <button open-type="share" class="up-share-btn" v-if="isShare && !customShare">
-      <view class="up-scroll-top_item" :class="{ 'up-scroll-item_top': isIndex }">
-        <image class="up-scroll-top_img" :src="shareIcon"></image>
-      </view>
-    </button>
-    <view class="up-scroll-top_item" :class="{ 'up-scroll-item_top': isIndex }" v-if="isShare && customShare" @tap.stop="share">
-      <image class="up-scroll-top_img" :src="shareIcon"></image>
-    </view>
-    <view
-      class="up-scroll-top_item"
-      :class="{ 'up-scroll-item_top': isIndex || isShare }"
-      v-show="visible && toggle"
-      @tap.stop="goTop"
-    >
-      <image class="up-scroll-top_img" :src="topIcon"></image>
-      <view class="up-scroll-top_text up-color-white">顶部</view>
-    </view>
-  </view>
-</template>
-
-<script>
-/**
- * 注意：组件中使用的图片地址，将文件复制到自己项目中
- * 如果图片位置与组件同级，编译成小程序时图片会丢失
- * 拷贝static下整个components文件夹
- * 也可直接转成base64（不建议）
- * */
-export default {
-  name: 'fuiScrollTop',
-  props: {
-    //回顶部按钮距离底部距离 rpx
-    bottom: {
-      type: Number,
-      default: 180
-    },
-    //回顶部按钮距离右侧距离 rpx
-    right: {
-      type: Number,
-      default: 25
-    },
-    //距离顶部多少距离显示 px
-    top: {
-      type: Number,
-      default: 200
-    },
-    //滚动距离
-    scrollTop: {
-      type: Number
-    },
-    //回顶部滚动时间
-    duration: {
-      type: Number,
-      default: 120
-    },
-    //是否显示返回首页按钮
-    isIndex: {
-      type: Boolean,
-      default: false
-    },
-    //是否显示分享图标
-    isShare: {
-      type: Boolean,
-      default: false
-    },
-    //自定义分享(小程序可使用button=>open-type="share")
-    customShare: {
-      type: Boolean,
-      default: false
-    },
-    //回顶部icon
-    topIcon: {
-      type: String,
-      default: '/static/components/scroll-top/icon_top_3x.png'
-    },
-    //回首页icon
-    indexIcon: {
-      type: String,
-      default: '/static/components/scroll-top/icon_index_3x.png'
-    },
-    //分享icon
-    shareIcon: {
-      type: String,
-      default: '/static/components/scroll-top/icon_share_3x.png'
-    }
-  },
-  watch: {
-    scrollTop(newValue, oldValue) {
-      this.change();
-    }
-  },
-  data() {
-    return {
-      //判断是否显示
-      visible: false,
-      //控制显示，主要解决调用api滚到顶部fixed元素抖动的问题
-      toggle: true
-    };
-  },
-  methods: {
-    goTop() {
-      this.toggle = false;
-      uni.pageScrollTo({
-        scrollTop: 0,
-        duration: this.duration
-      });
-      setTimeout(() => {
-        this.toggle = true;
-      }, 220);
-    },
-    goIndex() {
-      this.$emit('index', {});
-    },
-    share() {
-      this.$emit('share', {});
-    },
-    change() {
-      let show = this.scrollTop > this.top;
-      if ((show && this.visible) || (!show && !this.visible)) {
-        return;
-      }
-      this.visible = show;
-    }
-  }
-};
-</script>
-
-<style scoped>
-.up-scroll-top_box {
-  width: 80rpx;
-  height: 270rpx;
-  position: fixed;
-  z-index: 9999;
-  right: 30rpx;
-  bottom: 30rpx;
-  font-weight: 400;
-}
-
-.up-scroll-top_item {
-  width: 80rpx;
-  height: 80rpx;
-  position: relative;
-}
-
-.up-scroll-item_top {
-  margin-top: 30rpx;
-}
-
-.up-scroll-top_img {
-  width: 80rpx;
-  height: 80rpx;
-  display: block;
-}
-
-.up-scroll-top_text {
-  width: 80rpx;
-  text-align: center;
-  font-size: 24rpx;
-  line-height: 24rpx;
-  transform: scale(0.92);
-  transform-origin: center center;
-  position: absolute;
-  left: 0;
-  bottom: 15rpx;
-}
-
-.up-color-white {
-  color: #fff;
-}
-.up-share-btn {
-  background: transparent !important;
-  padding: 0;
-  margin: 0;
-  display: inline;
-  border: 0;
-}
-.up-share-btn::after {
-  border: 0;
-}
-</style>

package/ui-fireui copy/components/u-share-model/u-share-model.vue

@@ -1,181 +0,0 @@
-<template>
-  <!--底部分享弹窗-->
-  <up-bottom-popup :show="popupShow">
-    <view class="up-share">
-      <view class="up-share-title">分享到</view>
-      <view class="share-main" style="padding-right: 20upx">
-        <view class="up-share-top" style="display: flex; align-items: center; justify-content: center">
-          <view
-            class="up-share-item"
-            style="width: 50%"
-            :class="[shareList[0].share.length - 1 === index ? 'up-item-last' : '']"
-            v-for="(item, index) in shareList[0].share"
-            :key="index"
-            :data-index="index"
-            @tap="sharbutton($event)"
-          >
-            <view class="up-share-icon" hover-class="up-hover" :hover-stay-time="150">
-              <iconfont :className="item.icon" :color="item.color" :size="item.size ? item.size : 36" />
-              <!-- <up-icon :name="item.icon" :color="item.color" :size="item.size?item.size:36"></up-icon> -->
-            </view>
-            <view class="up-share-text">{{ item.name }}</view>
-          </view>
-          <view class="up-empty">!</view>
-        </view>
-      </view>
-
-      <view class="up-btn-cancle" @tap="popup">取消</view>
-    </view>
-  </up-bottom-popup>
-  <!--底部分享弹窗-->
-</template>
-
-<script>
-export default {
-  name: 'fuiSharemodel',
-  data() {
-    return {
-      popupShowstatus: false,
-      shareList: [
-        {
-          share: [
-            {
-              name: '微信',
-              icon: 'base-weixin',
-              color: '#80D640'
-            }
-            // , {
-            // 	name: "海报",
-            // 	icon: "icon-haibaofenxiang",
-            // 	color: "#80D640",
-            // 	size: 32
-            // },
-          ]
-        }
-      ]
-    };
-  },
-  props: {
-    //是否显示分享model
-    popupShow: {
-      type: Boolean,
-      default: false
-    },
-    contentHeight: {
-      type: Number,
-      default: 0
-    },
-    //是否是tabbar页面
-    hasTabbar: {
-      type: Boolean,
-      default: false
-    }
-    // shareList:{
-    // 	type: Array,
-    // default: () => {
-    // 		return [];
-    // 	}
-    // }
-  },
-  created() {
-    this.popupShowstatus = this.popupShow;
-    console.log('当前状态', this.popupShow);
-  },
-  methods: {
-    popup() {
-      this.popupShow = !this.popupShow;
-    },
-    sharbutton(event) {
-      console.log(event, event.currentTarget.dataset.index);
-      this.$emit('sharbutton', event.currentTarget.dataset.index);
-    }
-  }
-};
-</script>
-
-<style>
-.share-main {
-  min-height: 125rpx;
-  padding-bottom: 120rpx;
-}
-.up-share {
-  background: #e8e8e8;
-  position: relative;
-  padding-bottom: env(safe-area-inset-bottom);
-}
-
-.up-share-title {
-  font-size: 26rpx;
-  color: #7e7e7e;
-  text-align: center;
-  line-height: 26rpx;
-  padding: 20rpx 0 50rpx 0;
-}
-
-.up-share-top,
-.up-share-bottom {
-  min-width: 101%;
-  padding: 0 20rpx 0 30rpx;
-  white-space: nowrap;
-}
-
-.up-mt {
-  margin-top: 30rpx;
-  padding-bottom: 150rpx;
-}
-
-.up-share-item {
-  /* width: 126rpx;
-		display: inline-block;
-		margin-right: 24rpx; */
-  text-align: center;
-}
-
-.up-item-last {
-  margin: 0;
-}
-
-.up-empty {
-  display: inline-block;
-  width: 30rpx;
-  visibility: hidden;
-}
-
-.up-share-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: #fafafa;
-  height: 126rpx;
-  width: 126rpx;
-  border-radius: 32rpx;
-  margin: 0 auto;
-}
-
-.up-share-text {
-  font-size: 24rpx;
-  color: #7e7e7e;
-  line-height: 24rpx;
-  padding: 20rpx 0;
-  white-space: nowrap;
-}
-
-.up-btn-cancle {
-  width: 100%;
-  height: 100rpx;
-  position: absolute;
-  left: 0;
-  bottom: 0;
-  background: #f6f6f6;
-  font-size: 36rpx;
-  color: #3e3e3e;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding-bottom: env(safe-area-inset-bottom);
-}
-
-.up-hover {
-  background: rgba(0, 0, 0, 0.2);
-}
-</style>