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

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

@@ -1,18 +1,18 @@
 <template>
-  <view class="fui-container" @touchmove.stop.prevent="stop">
-    <view class="fui-image-cropper" @touchend="cutTouchEnd" @touchstart="cutTouchStart" @touchmove="cutTouchMove">
-      <view class="fui-content">
+  <view class="up-container" @touchmove.stop.prevent="stop">
+    <view class="up-image-cropper" @touchend="cutTouchEnd" @touchstart="cutTouchStart" @touchmove="cutTouchMove">
+      <view class="up-content">
         <view
-          class="fui-content-top fui-bg-transparent"
+          class="up-content-top up-bg-transparent"
           :style="{ height: cutY + 'px', transitionProperty: cutAnimation ? '' : 'background' }"
         ></view>
-        <view class="fui-content-middle" :style="{ height: canvasHeight + 'px' }">
+        <view class="up-content-middle" :style="{ height: canvasHeight + 'px' }">
           <view
-            class="fui-bg-transparent"
+            class="up-bg-transparent"
             :style="{ width: cutX + 'px', transitionProperty: cutAnimation ? '' : 'background' }"
           ></view>
           <view
-            class="fui-cropper-box"
+            class="up-cropper-box"
             :style="{
               width: canvasWidth + 'px',
               height: canvasHeight + 'px',
@@ -23,8 +23,8 @@
             <view
               v-for="(item, index) in 4"
               :key="index"
-              class="fui-edge"
-              :class="[`fui-${index < 2 ? 'top' : 'bottom'}-${index === 0 || index === 2 ? 'left' : 'right'}`]"
+              class="up-edge"
+              :class="[`up-${index < 2 ? 'top' : 'bottom'}-${index === 0 || index === 2 ? 'left' : 'right'}`]"
               :style="{
                 width: edgeWidth,
                 height: edgeWidth,
@@ -37,9 +37,9 @@
               }"
             ></view>
           </view>
-          <view class="fui-flex-auto fui-bg-transparent" :style="{ transitionProperty: cutAnimation ? '' : 'background' }"></view>
+          <view class="up-flex-auto up-bg-transparent" :style="{ transitionProperty: cutAnimation ? '' : 'background' }"></view>
         </view>
-        <view class="fui-flex-auto fui-bg-transparent" :style="{ transitionProperty: cutAnimation ? '' : 'background' }"></view>
+        <view class="up-flex-auto up-bg-transparent" :style="{ transitionProperty: cutAnimation ? '' : 'background' }"></view>
       </view>
       <image
         @load="imageLoad"
@@ -53,23 +53,23 @@
           transform: imgTransform,
           transitionDuration: (cutAnimation ? 0.35 : 0) + 's'
         }"
-        class="fui-cropper-image"
+        class="up-cropper-image"
         :src="imageUrl"
         v-if="imageUrl"
         mode="widthFix"
       ></image>
     </view>
     <canvas
-      canvas-id="fui-image-cropper"
-      id="fui-image-cropper"
+      canvas-id="up-image-cropper"
+      id="up-image-cropper"
       :disable-scroll="true"
       :style="{ width: CROPPER_WIDTH * scaleRatio + 'px', height: CROPPER_HEIGHT * scaleRatio + 'px' }"
-      class="fui-cropper-canvas"
+      class="up-cropper-canvas"
     ></canvas>
-    <view class="fui-cropper-tabbar" v-if="!custom">
-      <view class="fui-op-btn" @tap.stop="back">取消</view>
-      <image :src="rotateImg" class="fui-rotate-img" @tap="setAngle"></image>
-      <view class="fui-op-btn" @tap.stop="getImage">完成</view>
+    <view class="up-cropper-tabbar" v-if="!custom">
+      <view class="up-op-btn" @tap.stop="back">取消</view>
+      <image :src="rotateImg" class="up-rotate-img" @tap="setAngle"></image>
+      <view class="up-op-btn" @tap.stop="getImage">完成</view>
     </view>
   </view>
 </template>
@@ -168,12 +168,12 @@ export default {
     //生成的图片尺寸相对剪裁框的比例
     scaleRatio: {
       type: Number,
-      default: 2
+      default: 2 // 3
     },
     //图片的质量，取值范围为 (0, 1]，不在范围内时当作1.0处理
     quality: {
       type: Number,
-      default: 0.8
+      default: 0.8 //1
     },
     //图片旋转角度
     rotateAngle: {
@@ -352,7 +352,7 @@ export default {
     this.CROPPER_HEIGHT = this.height;
     this.canvasHeight = this.height;
     this.canvasWidth = this.width;
-    this.ctx = uni.createCanvasContext('fui-image-cropper', this);
+    this.ctx = uni.createCanvasContext('up-image-cropper', this);
     this.setCutCenter();
     //设置裁剪框大小>设置图片尺寸>绘制canvas
     this.computeCutSize();
@@ -425,7 +425,7 @@ export default {
           // #endif
           if (this.isBase64) {
             uni.canvasGetImageData({
-              canvasId: 'fui-image-cropper',
+              canvasId: 'up-image-cropper',
               x: 0,
               y: 0,
               width: this.canvasWidth * this.scaleRatio,
@@ -433,7 +433,7 @@ export default {
               success: (res) => {
                 const arrayBuffer = new Uint8Array(res.data);
                 const base64 = uni.arrayBufferToBase64(arrayBuffer);
-                data.base64 = base64;
+                data.base64 = base64; // dataURL
                 this.loadding && uni.hideLoading();
                 this.$emit('cropper', data);
               }
@@ -442,7 +442,7 @@ export default {
             uni.canvasToTempFilePath(
               {
                 ...params,
-                canvasId: 'fui-image-cropper',
+                canvasId: 'up-image-cropper',
                 success: (res) => {
                   data.url = res.tempFilePath;
                   // #ifdef H5
@@ -916,7 +916,7 @@ export default {
 </script>
 
 <style scoped>
-.fui-container {
+.up-container {
   width: 100vw;
   height: 100vh;
   background-color: rgba(0, 0, 0, 0.6);
@@ -926,13 +926,13 @@ export default {
   z-index: 1;
 }
 
-.fui-image-cropper {
+.up-image-cropper {
   width: 100vw;
   height: 100vh;
   position: absolute;
 }
 
-.fui-content {
+.up-content {
   width: 100vw;
   height: 100vh;
   position: absolute;
@@ -942,23 +942,23 @@ export default {
   pointer-events: none;
 }
 
-.fui-bg-transparent {
+.up-bg-transparent {
   background-color: rgba(0, 0, 0, 0.6);
   transition-duration: 0.35s;
 }
 
-.fui-content-top {
+.up-content-top {
   pointer-events: none;
 }
 
-.fui-content-middle {
+.up-content-middle {
   width: 100%;
   height: 200px;
   display: flex;
   box-sizing: border-box;
 }
 
-.fui-cropper-box {
+.up-cropper-box {
   position: relative;
   /* transition-duration: 0.3s; */
   border-style: solid;
@@ -966,11 +966,11 @@ export default {
   box-sizing: border-box;
 }
 
-.fui-flex-auto {
+.up-flex-auto {
   flex: auto;
 }
 
-.fui-cropper-image {
+.up-cropper-image {
   width: 100%;
   border-style: none;
   position: absolute;
@@ -982,7 +982,7 @@ export default {
   transform-origin: center;
 }
 
-.fui-cropper-canvas {
+.up-cropper-canvas {
   position: fixed;
   z-index: 10;
   left: -2000px;
@@ -990,34 +990,34 @@ export default {
   pointer-events: none;
 }
 
-.fui-edge {
+.up-edge {
   border-style: solid;
   pointer-events: auto;
   position: absolute;
   box-sizing: border-box;
 }
 
-.fui-top-left {
+.up-top-left {
   border-bottom-width: 0 !important;
   border-right-width: 0 !important;
 }
 
-.fui-top-right {
+.up-top-right {
   border-bottom-width: 0 !important;
   border-left-width: 0 !important;
 }
 
-.fui-bottom-left {
+.up-bottom-left {
   border-top-width: 0 !important;
   border-right-width: 0 !important;
 }
 
-.fui-bottom-right {
+.up-bottom-right {
   border-top-width: 0 !important;
   border-left-width: 0 !important;
 }
 
-.fui-cropper-tabbar {
+.up-cropper-tabbar {
   width: 100%;
   height: 120rpx;
   padding: 0 40rpx;
@@ -1033,7 +1033,7 @@ export default {
   font-size: 32rpx;
 }
 
-.fui-cropper-tabbar::after {
+.up-cropper-tabbar::after {
   content: ' ';
   position: absolute;
   top: 0;
@@ -1045,13 +1045,13 @@ export default {
   transform-origin: 0 100%;
 }
 
-.fui-op-btn {
+.up-op-btn {
   height: 80rpx;
   display: flex;
   align-items: center;
 }
 
-.fui-rotate-img {
+.up-rotate-img {
   width: 44rpx;
   height: 44rpx;
 }

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

@@ -1,9 +1,9 @@
 <template>
-  <view class="fui-image-container" :class="{ 'fui-image-direction': direction == 'column' }">
+  <view class="up-image-container" :class="{ 'up-image-direction': direction == 'column' }">
     <view
       v-for="(item, index) in imageList"
       :key="index"
-      class="fui-image-item_box"
+      class="up-image-item_box"
       :style="{
         width: width,
         height: height,
@@ -14,7 +14,7 @@
       @tap="bindClick(index, item.id)"
     >
       <image
-        class="fui-image-item"
+        class="up-image-item"
         :mode="mode"
         :lazy-load="lazyLoad"
         fade-show="fadeShow"
@@ -131,17 +131,17 @@ export default {
 </script>
 
 <style scoped>
-.fui-image-container {
+.up-image-container {
   display: inline-flex;
   align-items: center;
 }
-.fui-image-direction {
+.up-image-direction {
   flex-direction: column;
 }
-.fui-image-item_box {
+.up-image-item_box {
   position: relative;
 }
-.fui-image-item {
+.up-image-item {
   border-style: solid;
   flex-shrink: 0;
   display: block;

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

@@ -1,28 +1,25 @@
 <template>
   <view>
-    <view class="fui-keyboard-mask" :class="[show ? 'fui-mask-show' : '']" v-if="mask" @tap="handleClose"></view>
-    <view
-      class="fui-keyboard"
-      :class="{ 'fui-keyboard-radius': radius, 'fui-keyboard-action': action, 'fui-keyboard-show': show }"
-    >
+    <view class="up-keyboard-mask" :class="[show ? 'up-mask-show' : '']" v-if="mask" @tap="handleClose"></view>
+    <view class="up-keyboard" :class="{ 'up-keyboard-radius': radius, 'up-keyboard-action': action, 'up-keyboard-show': show }">
       <slot></slot>
-      <view class="fui-keyboard-grids">
-        <!--{{(index==9 || index==10 || index==11)?'fui-grid-bottom':''}}-->
+      <view class="up-keyboard-grids">
+        <!--{{(index==9 || index==10 || index==11)?'up-grid-bottom':''}}-->
         <view
-          class="fui-keyboard-grid"
-          :class="{ 'fui-bg-gray': index == 9 || index == 11 }"
+          class="up-keyboard-grid"
+          :class="{ 'up-bg-gray': index == 9 || index == 11 }"
           v-for="(item, index) in itemList"
           :key="index"
-          hover-class="fui-keyboard-hover"
+          hover-class="up-keyboard-hover"
           :hover-stay-time="150"
           @tap="handleClick"
           :data-index="index"
         >
-          <view v-if="index < 11" class="fui-keyboard-item" :class="{ 'fui-fontsize-32': index == 9 }">
+          <view v-if="index < 11" class="up-keyboard-item" :class="{ 'up-fontsize-32': index == 9 }">
             {{ getKeyBoard(index, action) }}
           </view>
-          <view v-else class="fui-keyboard-item">
-            <view class="fui-icon fui-keyboard-delete"></view>
+          <view v-else class="up-keyboard-item">
+            <view class="up-icon up-keyboard-delete"></view>
           </view>
         </view>
       </view>
@@ -99,7 +96,7 @@ export default {
   font-style: normal;
 }
 
-.fui-icon {
+.up-icon {
   font-family: 'keyboardFont' !important;
   font-size: 22px;
   font-style: normal;
@@ -109,11 +106,11 @@ export default {
   color: #333;
 }
 
-.fui-keyboard-delete:before {
+.up-keyboard-delete:before {
   content: '\e7b8';
 }
 
-.fui-keyboard-mask {
+.up-keyboard-mask {
   position: fixed;
   top: 0;
   left: 0;
@@ -126,12 +123,12 @@ export default {
   visibility: hidden;
 }
 
-.fui-mask-show {
+.up-mask-show {
   opacity: 1;
   visibility: visible;
 }
 
-.fui-keyboard {
+.up-keyboard {
   width: 100%;
   position: fixed;
   left: 0;
@@ -142,29 +139,29 @@ export default {
   background-color: #fff;
 }
 
-.fui-keyboard-radius {
+.up-keyboard-radius {
   border-top-left-radius: 16rpx;
   border-top-right-radius: 16rpx;
   overflow: hidden;
 }
 
-.fui-keyboard-action {
+.up-keyboard-action {
   visibility: hidden;
   transform: translate3d(0, 100%, 0);
   transform-origin: center;
   transition: all 0.3s ease-in-out;
 }
 
-.fui-keyboard-show {
+.up-keyboard-show {
   transform: translate3d(0, 0, 0);
   visibility: visible;
 }
 
-.fui-bg-gray {
+.up-bg-gray {
   background-color: #e7e6eb !important;
 }
 
-.fui-keyboard-grids {
+.up-keyboard-grids {
   width: 100%;
   position: relative;
   overflow: hidden;
@@ -174,7 +171,7 @@ export default {
   flex-wrap: wrap;
 }
 
-.fui-keyboard-grids::after {
+.up-keyboard-grids::after {
   content: ' ';
   position: absolute;
   left: 0;
@@ -188,7 +185,7 @@ export default {
   transform: scaleY(0.5);
 }
 
-.fui-keyboard-grid {
+.up-keyboard-grid {
   position: relative;
   padding: 24rpx 20rpx;
   box-sizing: border-box;
@@ -196,12 +193,12 @@ export default {
   width: 33.33333333%;
 }
 
-.fui-keyboard-grid:nth-of-type(3n)::before {
+.up-keyboard-grid:nth-of-type(3n)::before {
   width: 0;
   border-right: 0;
 }
 
-.fui-keyboard-grid::before {
+.up-keyboard-grid::before {
   content: ' ';
   position: absolute;
   right: 0;
@@ -215,7 +212,7 @@ export default {
   transform: scaleX(0.5);
 }
 
-.fui-keyboard-grid::after {
+.up-keyboard-grid::after {
   content: ' ';
   position: absolute;
   left: 0;
@@ -229,16 +226,16 @@ export default {
   transform: scaleY(0.5);
 }
 
-.fui-grid-bottom::after {
+.up-grid-bottom::after {
   height: 0 !important;
   border-bottom: 0 !important;
 }
 
-.fui-keyboard-hover {
+.up-keyboard-hover {
   background-color: #f7f7f9 !important;
 }
 
-.fui-keyboard-item {
+.up-keyboard-item {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -247,7 +244,7 @@ export default {
   color: #000;
 }
 
-.fui-fontsize-32 {
+.up-fontsize-32 {
   font-size: 32rpx;
   color: #333 !important;
 }

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

@@ -1,9 +1,9 @@
 <template>
-  <view class="fui-keyboard-input fui-pwd-box" :style="{ backgroundColor: backgroundColor }">
-    <view class="fui-inner-box">
+  <view class="up-keyboard-input up-pwd-box" :style="{ backgroundColor: backgroundColor }">
+    <view class="up-inner-box">
       <view
-        class="fui-input"
-        :class="[inputvalue.length === 4 ? 'fui-margin-right' : '']"
+        class="up-input"
+        :class="[inputvalue.length === 4 ? 'up-margin-right' : '']"
         :style="{ fontSize: size + 'rpx', color: color, width: (inputvalue.length === 4 ? 90 : 70) + 'rpx' }"
         v-for="(item, index) in inputvalue"
         :key="index"
@@ -44,7 +44,7 @@ export default {
 </script>
 
 <style scoped>
-.fui-pwd-box {
+.up-pwd-box {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -52,13 +52,13 @@ export default {
   vertical-align: top;
 }
 
-.fui-inner-box {
+.up-inner-box {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
-.fui-input {
+.up-input {
   height: 80rpx;
   position: relative;
   display: flex;
@@ -68,11 +68,11 @@ export default {
   border-bottom: 2px solid #666;
 }
 
-.fui-margin-right {
+.up-margin-right {
   margin-right: 30rpx;
 }
 
-.fui-input:last-child {
+.up-input:last-child {
   margin-right: 0 !important;
 }
 </style>

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

@@ -1,16 +1,16 @@
 <template>
   <view
-    class="fui-list-class fui-list-cell"
+    class="up-list-class up-list-cell"
     :class="[
-      arrow ? 'fui-cell-arrow' : '',
-      arrow && arrowRight ? '' : 'fui-arrow-right',
-      unlined ? 'fui-cell-unlined' : '',
-      lineLeft ? 'fui-line-left' : '',
-      lineRight ? 'fui-line-right' : '',
-      arrow && arrowColor ? 'fui-arrow-' + arrowColor : '',
-      radius ? 'fui-radius' : ''
+      arrow ? 'up-cell-arrow' : '',
+      arrow && arrowRight ? '' : 'up-arrow-right',
+      unlined ? 'up-cell-unlined' : '',
+      lineLeft ? 'up-line-left' : '',
+      lineRight ? 'up-line-right' : '',
+      arrow && arrowColor ? 'up-arrow-' + arrowColor : '',
+      radius ? 'up-radius' : ''
     ]"
-    :hover-class="hover ? 'fui-cell-hover' : ''"
+    :hover-class="hover ? 'up-cell-hover' : ''"
     :style="{ backgroundColor: backgroundColor, fontSize: size + 'rpx', color: color, padding: padding }"
     :hover-stay-time="150"
     @tap="handleClick"
@@ -98,22 +98,22 @@ export default {
 </script>
 
 <style scoped>
-.fui-list-cell {
+.up-list-cell {
   position: relative;
   width: 100%;
   box-sizing: border-box;
 }
 
-.fui-radius {
+.up-radius {
   border-radius: 6rpx;
   overflow: hidden;
 }
 
-.fui-cell-hover {
+.up-cell-hover {
   background-color: #f1f1f1 !important;
 }
 
-.fui-list-cell::after {
+.up-list-cell::after {
   content: '';
   position: absolute;
   border-bottom: 1px solid #eaeef1;
@@ -125,19 +125,19 @@ export default {
   left: 0;
 }
 
-.fui-line-left::after {
+.up-line-left::after {
   left: 30rpx !important;
 }
 
-.fui-line-right::after {
+.up-line-right::after {
   right: 30rpx !important;
 }
 
-.fui-cell-unlined::after {
+.up-cell-unlined::after {
   border-bottom: 0 !important;
 }
 
-.fui-cell-arrow::before {
+.up-cell-arrow::before {
   content: ' ';
   height: 10px;
   width: 10px;
@@ -152,27 +152,27 @@ export default {
   right: 30rpx;
 }
 
-.fui-arrow-right::before {
+.up-arrow-right::before {
   right: 0 !important;
 }
 
-.fui-arrow-gray::before {
+.up-arrow-gray::before {
   border-color: #666666 !important;
 }
 
-.fui-arrow-white::before {
+.up-arrow-white::before {
   border-color: #ffffff !important;
 }
 
-.fui-arrow-warning::before {
+.up-arrow-warning::before {
   border-color: #ff7900 !important;
 }
 
-.fui-arrow-success::before {
+.up-arrow-success::before {
   border-color: #19be6b !important;
 }
 
-.fui-arrow-danger::before {
+.up-arrow-danger::before {
   border-color: #eb0909 !important;
 }
 </style>