@10yun/cv-mobile-ui 0.5.50 → 0.5.52

package/ui-fireui/components/{fui-card/fui-card.vue → u-card/u-card.vue}

@@ -1,22 +1,22 @@
 <template>
   <view
-    class="fui-card-class fui-card"
-    :class="[full ? 'fui-card-full' : '', border ? 'fui-card-border' : '']"
+    class="up-card-class up-card"
+    :class="[full ? 'up-card-full' : '', border ? 'up-card-border' : '']"
     @tap="handleClick"
     @longtap="longTap"
   >
-    <view class="fui-card-header" :class="{ 'fui-header-line': header.line }" :style="{ background: header.bgcolor || '#fff' }">
-      <view class="fui-header-left">
+    <view class="up-card-header" :class="{ 'up-header-line': header.line }" :style="{ background: header.bgcolor || '#fff' }">
+      <view class="up-header-left">
         <image
           :src="image.url"
-          class="fui-header-thumb"
-          :class="{ 'fui-thumb-circle': image.circle }"
+          class="up-header-thumb"
+          :class="{ 'up-thumb-circle': image.circle }"
           mode="widthFix"
           v-if="image.url"
           :style="{ height: (image.height || 60) + 'rpx', width: (image.width || 60) + 'rpx' }"
         ></image>
         <text
-          class="fui-header-title"
+          class="up-header-title"
           :style="{ fontSize: (title.size || 30) + 'rpx', color: title.color || '#7A7A7A' }"
           v-if="title.text"
         >
@@ -24,17 +24,17 @@
         </text>
       </view>
       <view
-        class="fui-header-right"
+        class="up-header-right"
         :style="{ fontSize: (tag.size || 24) + 'rpx', color: tag.color || '#b2b2b2' }"
         v-if="tag.text"
       >
         {{ tag.text }}
       </view>
     </view>
-    <view class="fui-card-body">
+    <view class="up-card-body">
       <slot name="body"></slot>
     </view>
-    <view class="fui-card-footer">
+    <view class="up-card-footer">
       <slot name="footer"></slot>
     </view>
   </view>
@@ -117,7 +117,7 @@ export default {
 </script>
 
 <style scoped>
-.fui-card {
+.up-card {
   margin: 0 40rpx;
   font-size: 28rpx;
   background-color: #fff;
@@ -127,21 +127,21 @@ export default {
   overflow: hidden;
 }
 
-.fui-card-full {
+.up-card-full {
   margin: 0 !important;
   border-radius: 0 !important;
 }
 
-.fui-card-full::after {
+.up-card-full::after {
   border-radius: 0 !important;
 }
 
-.fui-card-border {
+.up-card-border {
   position: relative;
   box-shadow: none !important;
 }
 
-.fui-card-border::after {
+.up-card-border::after {
   content: ' ';
   position: absolute;
   height: 200%;
@@ -158,7 +158,7 @@ export default {
   pointer-events: none;
 }
 
-.fui-card-header {
+.up-card-header {
   width: 100%;
   padding: 20rpx;
   display: flex;
@@ -171,7 +171,7 @@ export default {
   border-top-right-radius: 10rpx;
 }
 
-.fui-card-header::after {
+.up-card-header::after {
   content: '';
   position: absolute;
   border-bottom: 1rpx solid #eaeef1;
@@ -183,11 +183,11 @@ export default {
   pointer-events: none;
 }
 
-.fui-header-line::after {
+.up-header-line::after {
   border-bottom: 0 !important;
 }
 
-.fui-header-thumb {
+.up-header-thumb {
   height: 60rpx;
   width: 60rpx;
   vertical-align: middle;
@@ -195,11 +195,11 @@ export default {
   border-radius: 6rpx;
 }
 
-.fui-thumb-circle {
+.up-thumb-circle {
   border-radius: 50% !important;
 }
 
-.fui-header-title {
+.up-header-title {
   display: inline-block;
   font-size: 30rpx;
   color: #7a7a7a;
@@ -210,18 +210,18 @@ export default {
   text-overflow: ellipsis;
 }
 
-.fui-header-right {
+.up-header-right {
   font-size: 24rpx;
   color: #b2b2b2;
 }
 
-.fui-card-body {
+.up-card-body {
   font-size: 32rpx;
   color: #262b3a;
   box-sizing: border-box;
 }
 
-.fui-card-footer {
+.up-card-footer {
   font-size: 28rpx;
   color: #596d96;
   border-bottom-left-radius: 10rpx;

package/ui-fireui/components/{fui-cascade-selection/fui-cascade-selection.vue → u-cascade-selection/u-cascade-selection.vue}

@@ -1,17 +1,17 @@
 <template>
-  <view class="fui-cascade-selection">
+  <view class="up-cascade-selection">
     <scroll-view
       scroll-x
       scroll-with-animation
       :scroll-into-view="scrollViewId"
       :style="{ backgroundColor: headerBgColor }"
-      class="fui-bottom-line"
-      :class="{ 'fui-btm-none': !headerLine }"
+      class="up-bottom-line"
+      :class="{ 'up-btm-none': !headerLine }"
     >
-      <view class="fui-selection-header" :style="{ height: tabsHeight, backgroundColor: backgroundColor }">
+      <view class="up-selection-header" :style="{ height: tabsHeight, backgroundColor: backgroundColor }">
         <view
-          class="fui-header-item"
-          :class="{ 'fui-font-bold': index === currentTab && bold }"
+          class="up-header-item"
+          :class="{ 'up-font-bold': index === currentTab && bold }"
           :style="{ color: index === currentTab ? activeColor : color, fontSize: size + 'rpx' }"
           :id="`id_${index}`"
           @tap.stop="swichNav"
@@ -20,22 +20,22 @@
           :key="index"
         >
           {{ item.text }}
-          <view class="fui-active-line" :style="{ backgroundColor: lineColor }" v-if="index === currentTab && showLine"></view>
+          <view class="up-active-line" :style="{ backgroundColor: lineColor }" v-if="index === currentTab && showLine"></view>
         </view>
       </view>
     </scroll-view>
     <swiper
-      class="fui-selection-list"
+      class="up-selection-list"
       :current="currentTab"
       duration="300"
       @change="switchTab"
       :style="{ height: height, backgroundColor: backgroundColor }"
     >
       <swiper-item v-for="(item, index) in selectedArr" :key="index">
-        <scroll-view scroll-y :scroll-into-view="item.scrollViewId" class="fui-selection-item" :style="{ height: height }">
-          <view class="fui-first-item" :style="{ height: firstItemTop }"></view>
+        <scroll-view scroll-y :scroll-into-view="item.scrollViewId" class="up-selection-item" :style="{ height: height }">
+          <view class="up-first-item" :style="{ height: firstItemTop }"></view>
           <view
-            class="fui-selection-cell"
+            class="up-selection-cell"
             :style="{ padding: padding, backgroundColor: backgroundColor }"
             :id="`id_${subIndex}`"
             v-for="(subItem, subIndex) in item.list"
@@ -47,23 +47,23 @@
               v-if="item.index === subIndex"
               :color="checkMarkColor"
               :size="checkMarkSize"
-              class="fui-icon-success"
+              class="up-icon-success"
             ></icon>
             <image
               :src="subItem.src"
               v-if="subItem.src"
-              class="fui-cell-img"
+              class="up-cell-img"
               :style="{ width: imgWidth, height: imgHeight, borderRadius: radius }"
             ></image>
             <view
-              class="fui-cell-title"
-              :class="{ 'fui-font-bold': item.index === subIndex && textBold, 'fui-flex-shrink': nowrap }"
+              class="up-cell-title"
+              :class="{ 'up-font-bold': item.index === subIndex && textBold, 'up-flex-shrink': nowrap }"
               :style="{ color: item.index === subIndex ? textActiveColor : textColor, fontSize: textSize + 'rpx' }"
             >
               {{ subItem.text }}
             </view>
             <view
-              class="fui-cell-sub_title"
+              class="up-cell-sub_title"
               :style="{ color: subTextColor, fontSize: subTextSize + 'rpx' }"
               v-if="subItem.subText"
             >
@@ -440,12 +440,12 @@ export default {
 </script>
 
 <style scoped>
-.fui-cascade-selection {
+.up-cascade-selection {
   width: 100%;
   box-sizing: border-box;
 }
 
-.fui-selection-header {
+.up-selection-header {
   width: 100%;
   display: flex;
   align-items: center;
@@ -453,11 +453,11 @@ export default {
   box-sizing: border-box;
 }
 
-.fui-bottom-line {
+.up-bottom-line {
   position: relative;
 }
 
-.fui-bottom-line::after {
+.up-bottom-line::after {
   width: 100%;
   content: '';
   position: absolute;
@@ -470,11 +470,11 @@ export default {
   left: 0;
 }
 
-.fui-btm-none::after {
+.up-btm-none::after {
   border-bottom: 0 !important;
 }
 
-.fui-header-item {
+.up-header-item {
   max-width: 240rpx;
   padding: 15rpx 30rpx;
   box-sizing: border-box;
@@ -485,11 +485,11 @@ export default {
   position: relative;
 }
 
-.fui-font-bold {
+.up-font-bold {
   font-weight: bold;
 }
 
-.fui-active-line {
+.up-active-line {
   width: 60rpx;
   height: 6rpx;
   border-radius: 4rpx;
@@ -500,39 +500,39 @@ export default {
   transform: translateX(-50%);
 }
 
-.fui-selection-cell {
+.up-selection-cell {
   width: 100%;
   box-sizing: border-box;
   display: flex;
   align-items: center;
 }
 
-.fui-icon-success {
+.up-icon-success {
   margin-right: 12rpx;
 }
 
-.fui-cell-img {
+.up-cell-img {
   margin-right: 12rpx;
   flex-shrink: 0;
 }
 
-.fui-cell-title {
+.up-cell-title {
   word-break: break-all;
 }
 
-.fui-flex-shrink {
+.up-flex-shrink {
   flex-shrink: 0;
 }
 
-.fui-font-bold {
+.up-font-bold {
   font-weight: bold;
 }
 
-.fui-cell-sub_title {
+.up-cell-sub_title {
   margin-left: 20rpx;
   word-break: break-all;
 }
-.fui-first-item {
+.up-first-item {
   width: 100%;
 }
 </style>

package/ui-fireui/components/{fui-circular-progress/fui-circular-progress.vue → u-circular-progress/u-circular-progress.vue}

@@ -1,14 +1,14 @@
 <template>
-  <view class="fui-circular-container" :style="{ width: diam + 'px', height: (height || diam) + 'px' }">
+  <view class="up-circular-container" :style="{ width: diam + 'px', height: (height || diam) + 'px' }">
     <canvas
-      class="fui-circular-default"
+      class="up-circular-default"
       :canvas-id="defaultCanvasId"
       :id="defaultCanvasId"
       :style="{ width: diam + 'px', height: (height || diam) + 'px' }"
       v-if="defaultShow"
     ></canvas>
     <canvas
-      class="fui-circular-progress"
+      class="up-circular-progress"
       :canvas-id="progressCanvasId"
       :id="progressCanvasId"
       :style="{ width: diam + 'px', height: (height || diam) + 'px' }"
@@ -124,9 +124,17 @@ export default {
       default: 'backwards'
     }
   },
+  computed: {
+    canvasChange() {
+      return `${this.diam},${this.height},${this.lineWidth}`;
+    }
+  },
   watch: {
     percentage(val) {
       this.initDraw();
+    },
+    canvasChange() {
+      this.initDraw(true);
     }
   },
   data() {
@@ -247,12 +255,12 @@ export default {
 </script>
 
 <style scoped>
-.fui-circular-container,
-.fui-circular-default {
+.up-circular-container,
+.up-circular-default {
   position: relative;
 }
 
-.fui-circular-progress {
+.up-circular-progress {
   position: absolute;
   left: 0;
   top: 0;

package/ui-fireui/components/{fui-collapse/fui-collapse.vue → u-collapse/u-collapse.vue}

@@ -1,24 +1,24 @@
 <template>
   <view
-    class="fui-collapse"
+    class="up-collapse"
     style="margin-left: 20upx; margin-right: 20upx; border-radius: 11upx"
     :style="{ backgroundColor: bgColor }"
   >
-    <view class="fui-collapse-head" :style="{ backgroundColor: hdBgColor }" @tap.stop="handleClick">
-      <view class="fui-header" :class="{ 'fui-opacity': disabled }">
+    <view class="up-collapse-head" :style="{ backgroundColor: hdBgColor }" @tap.stop="handleClick">
+      <view class="up-header" :class="{ 'up-opacity': disabled }">
         <slot name="title"></slot>
         <view
-          class="fui-collapse-icon fui-icon-arrow"
-          :class="{ 'fui-icon-active': isOpen }"
+          class="up-collapse-icon up-icon-arrow"
+          :class="{ 'up-icon-active': isOpen }"
           :style="{ color: arrowColor }"
           v-if="arrow"
         ></view>
       </view>
     </view>
-    <view class="fui-collapse-body_box" :style="{ backgroundColor: bdBgColor, height: isOpen ? height : '0rpx' }">
+    <view class="up-collapse-body_box" :style="{ backgroundColor: bdBgColor, height: isOpen ? height : '0rpx' }">
       <view
-        class="fui-collapse-body"
-        :class="{ 'fui-collapse-transform': height == 'auto', 'fui-collapse-body_show': isOpen && height == 'auto' }"
+        class="up-collapse-body"
+        :class="{ 'up-collapse-transform': height == 'auto', 'up-collapse-body_show': isOpen && height == 'auto' }"
       >
         <slot name="content"></slot>
       </view>
@@ -112,18 +112,18 @@ export default {
   font-style: normal;
 }
 
-.fui-collapse-icon {
+.up-collapse-icon {
   font-family: 'fuiCollapse' !important;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
-.fui-icon-arrow:before {
+.up-icon-arrow:before {
   content: '\e600';
 }
 
-.fui-icon-arrow {
+.up-icon-arrow {
   font-size: 32rpx;
   transform: rotate(0);
   transform-origin: center center;
@@ -134,46 +134,46 @@ export default {
   right: 30rpx;
 }
 
-.fui-arrow-padding {
+.up-arrow-padding {
   padding-right: 62rpx;
   box-sizing: border-box;
 }
 
-.fui-icon-active {
+.up-icon-active {
   transform: rotate(180deg);
   transform-origin: center center;
 }
 
-.fui-header {
+.up-header {
   position: relative;
   z-index: 2;
 }
-.fui-collapse-body_box {
+.up-collapse-body_box {
   transition: all 0.25s;
   overflow: hidden;
 }
-.fui-collapse-body {
+.up-collapse-body {
   transition: all 0.25s;
   overflow: hidden;
   position: relative;
   z-index: 1;
 }
 
-.fui-collapse-transform {
+.up-collapse-transform {
   opacity: 0;
   visibility: hidden;
   -webkit-transform: translateY(-40%);
   transform: translateY(-40%);
 }
 
-.fui-collapse-body_show {
+.up-collapse-body_show {
   opacity: 1;
   visibility: visible;
   -webkit-transform: translateY(0);
   transform: translateY(0);
 }
 
-.fui-opacity {
+.up-opacity {
   opacity: 0.6;
 }
 </style>

package/ui-fireui/components/{fui-countdown/fui-countdown.vue → u-countdown/u-countdown.vue}

@@ -1,7 +1,7 @@
 <template>
-  <view class="fui-countdown-box">
+  <view class="up-countdown-box">
     <view
-      class="fui-countdown-item"
+      class="up-countdown-item"
       :style="{
         background: backgroundColor,
         borderColor: borderColor,
@@ -11,23 +11,23 @@
       v-if="days"
     >
       <view
-        class="fui-countdown-time"
-        :class="[scale ? 'fui-countdown-scale' : '']"
+        class="up-countdown-time"
+        :class="[scale ? 'up-countdown-scale' : '']"
         :style="{ fontSize: size + 'rpx', color: color, lineHeight: size + 'rpx' }"
       >
         {{ d }}
       </view>
     </view>
     <view
-      class="fui-countdown-colon"
-      :class="{ 'fui-colon-pad': borderColor == 'transparent' }"
+      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="fui-countdown-item"
+      class="up-countdown-item"
       :style="{
         background: backgroundColor,
         borderColor: borderColor,
@@ -37,23 +37,23 @@
       v-if="hours"
     >
       <view
-        class="fui-countdown-time"
-        :class="[scale ? 'fui-countdown-scale' : '']"
+        class="up-countdown-time"
+        :class="[scale ? 'up-countdown-scale' : '']"
         :style="{ fontSize: size + 'rpx', color: color, lineHeight: size + 'rpx' }"
       >
         {{ h }}
       </view>
     </view>
     <view
-      class="fui-countdown-colon"
-      :class="{ 'fui-colon-pad': borderColor == 'transparent' }"
+      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="fui-countdown-item"
+      class="up-countdown-item"
       :style="{
         background: backgroundColor,
         borderColor: borderColor,
@@ -63,23 +63,23 @@
       v-if="minutes"
     >
       <view
-        class="fui-countdown-time"
-        :class="[scale ? 'fui-countdown-scale' : '']"
+        class="up-countdown-time"
+        :class="[scale ? 'up-countdown-scale' : '']"
         :style="{ fontSize: size + 'rpx', color: color, lineHeight: size + 'rpx' }"
       >
         {{ i }}
       </view>
     </view>
     <view
-      class="fui-countdown-colon"
-      :class="{ 'fui-colon-pad': borderColor == 'transparent' }"
+      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="fui-countdown-item"
+      class="up-countdown-item"
       :style="{
         background: backgroundColor,
         borderColor: borderColor,
@@ -89,16 +89,16 @@
       v-if="seconds"
     >
       <view
-        class="fui-countdown-time"
-        :class="[scale ? 'fui-countdown-scale' : '']"
+        class="up-countdown-time"
+        :class="[scale ? 'up-countdown-scale' : '']"
         :style="{ fontSize: size + 'rpx', color: color, lineHeight: size + 'rpx' }"
       >
         {{ s }}
       </view>
     </view>
     <view
-      class="fui-countdown-colon"
-      :class="{ 'fui-colon-pad': borderColor == 'transparent' }"
+      class="up-countdown-colon"
+      :class="{ 'up-colon-pad': borderColor == 'transparent' }"
       :style="{ lineHeight: colonSize + 'rpx', fontSize: colonSize + 'rpx', color: colonColor }"
       v-if="seconds && !isColon"
     >
@@ -258,17 +258,17 @@ export default {
 </script>
 
 <style scoped>
-.fui-countdown-box {
+.up-countdown-box {
   display: flex;
   align-items: center;
 }
 
-.fui-countdown-box {
+.up-countdown-box {
   display: flex;
   align-items: center;
 }
 
-.fui-countdown-item {
+.up-countdown-item {
   border: 1rpx solid;
   display: flex;
   align-items: center;
@@ -279,22 +279,22 @@ export default {
   transform: translateZ(0);
 }
 
-.fui-countdown-time {
+.up-countdown-time {
   margin: 0;
   padding: 0;
 }
 
-.fui-countdown-colon {
+.up-countdown-colon {
   display: flex;
   justify-content: center;
   padding: 0 5rpx;
 }
 
-.fui-colon-pad {
+.up-colon-pad {
   padding: 0 !important;
 }
 
-.fui-countdown-scale {
+.up-countdown-scale {
   transform: scale(0.9);
   transform-origin: center center;
 }