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

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

@@ -1,7 +1,7 @@
 <template>
-  <view class="fui-nomore-class fui-loadmore-none">
-    <view :class="[isDot ? 'fui-nomore-dot' : 'fui-nomore']">
-      <view :style="{ backgroundColor: backgroundColor }" :class="[isDot ? 'fui-dot-text' : 'fui-nomore-text']">
+  <view class="up-nomore-class up-loadmore-none">
+    <view :class="[isDot ? 'up-nomore-dot' : 'up-nomore']">
+      <view :style="{ backgroundColor: backgroundColor }" :class="[isDot ? 'up-dot-text' : 'up-nomore-text']">
         {{ isDot ? dotText : text }}
       </view>
     </view>
@@ -36,7 +36,7 @@ export default {
 </script>
 
 <style scoped>
-.fui-loadmore-none {
+.up-loadmore-none {
   width: 50%;
   margin: 1.5em auto;
   line-height: 1.5em;
@@ -45,7 +45,7 @@ export default {
   justify-content: center;
 }
 
-.fui-nomore {
+.up-nomore {
   width: 100%;
   height: 100%;
   position: relative;
@@ -55,7 +55,7 @@ export default {
   padding-bottom: 6rpx;
 }
 
-.fui-nomore::before {
+.up-nomore::before {
   content: ' ';
   position: absolute;
   border-bottom: 1rpx solid #333;
@@ -66,7 +66,7 @@ export default {
   left: 0;
 }
 
-.fui-nomore-text {
+.up-nomore-text {
   color: #999;
   font-size: 28rpx;
   text-align: center;
@@ -77,7 +77,7 @@ export default {
   z-index: 1;
 }
 
-.fui-nomore-dot {
+.up-nomore-dot {
   position: relative;
   text-align: center;
   -webkit-display: flex;
@@ -88,7 +88,7 @@ export default {
   padding-bottom: 6rpx;
 }
 
-.fui-nomore-dot::before {
+.up-nomore-dot::before {
   content: '';
   position: absolute;
   border-bottom: 1rpx solid #e5e5e5;
@@ -99,7 +99,7 @@ export default {
   left: 50%;
 }
 
-.fui-dot-text {
+.up-dot-text {
   position: relative;
   color: #e5e5e5;
   font-size: 10px;

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

@@ -1,8 +1,8 @@
 <template>
-  <view class="fui-numberbox">
+  <view class="up-numberbox">
     <view
-      class="fui-numbox-icon fui-icon-reduce"
-      :class="[disabled || min >= value ? 'fui-disabled' : '']"
+      class="up-numbox-icon up-icon-reduce"
+      :class="[disabled || min >= value ? 'up-disabled' : '']"
       @tap="reduce"
       :style="{ color: iconColor, fontSize: iconSize + 'rpx' }"
     ></view>
@@ -11,7 +11,7 @@
       v-model="inputValue"
       :disabled="disabled"
       @blur="blur"
-      class="fui-num-input"
+      class="up-num-input"
       :style="{
         color: color,
         fontSize: size + 'rpx',
@@ -22,8 +22,8 @@
       }"
     />
     <view
-      class="fui-numbox-icon fui-icon-plus"
-      :class="[disabled || value >= max ? 'fui-disabled' : '']"
+      class="up-numbox-icon up-icon-plus"
+      :class="[disabled || value >= max ? 'up-disabled' : '']"
       @tap="plus"
       :style="{ color: iconColor, fontSize: iconSize + 'rpx' }"
     ></view>
@@ -195,7 +195,7 @@ export default {
   font-style: normal;
 }
 
-.fui-numbox-icon {
+.up-numbox-icon {
   font-family: 'numberbox' !important;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
@@ -206,28 +206,28 @@ export default {
   margin: 0 5px;
 }
 
-.fui-icon-reduce:before {
+.up-icon-reduce:before {
   content: '\e691';
 }
 
-.fui-icon-plus:before {
+.up-icon-plus:before {
   content: '\e605';
 }
 
-.fui-numberbox {
+.up-numberbox {
   display: -webkit-inline-flex;
   display: inline-flex;
   align-items: center;
 }
 
-.fui-num-input {
+.up-num-input {
   text-align: center;
   background: #ffffff;
   border-radius: 3px;
   border: 1px solid #d4d4d4;
 }
 
-.fui-disabled {
+.up-disabled {
   color: #ededed !important;
   border-color: #ededed !important;
 }

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

@@ -1,8 +1,8 @@
 <template>
-  <view class="fui-numberbox">
+  <view class="up-numberbox">
     <view
       style="padding-left: 20upx"
-      :class="[disabled || value >= max ? 'fui-disabled' : '']"
+      :class="[disabled || value >= max ? 'up-disabled' : '']"
       @tap="reduce"
       :style="{ color: iconColor, fontSize: iconSize + 'rpx' }"
     >
@@ -13,7 +13,7 @@
       v-model="inputValue"
       :disabled="disabled"
       @blur="blur"
-      class="fui-num-input"
+      class="up-num-input"
       :style="{
         color: color,
         fontSize: size + 'rpx',
@@ -24,7 +24,7 @@
       }"
     />
     <view
-      :class="[disabled || min >= value ? 'fui-disabled' : '']"
+      :class="[disabled || min >= value ? 'up-disabled' : '']"
       @tap="plus"
       style="padding-right: 20upx"
       :style="{ color: iconColor, fontSize: iconSize + 'rpx' }"
@@ -198,7 +198,7 @@ export default {
   font-style: normal;
 }
 
-.fui-numbox-icon {
+.up-numbox-icon {
   font-family: 'numberbox' !important;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
@@ -206,15 +206,15 @@ export default {
   padding: 5rpx;
 }
 
-.fui-icon-reduce:before {
+.up-icon-reduce:before {
   content: '\e691';
 }
 
-.fui-icon-plus:before {
+.up-icon-plus:before {
   content: '\e605';
 }
 
-.fui-numberbox {
+.up-numberbox {
   display: -webkit-inline-flex;
   display: inline-flex;
   align-items: center;
@@ -222,11 +222,11 @@ export default {
   border: 1px solid #dbdbdb;
 }
 
-.fui-num-input {
+.up-num-input {
   text-align: center;
 }
 
-.fui-disabled {
+.up-disabled {
   color: #00afc7 !important;
 }
 </style>

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

@@ -1,7 +1,7 @@
 <template>
-  <view class="fui-container" @touchmove.stop.prevent="stop">
+  <view class="up-container" @touchmove.stop.prevent="stop">
     <view
-      class="fui-image-cropper"
+      class="up-image-cropper"
       :change:prop="parse.propsChange"
       :prop="props"
       :data-lockRatio="lockRatio"
@@ -25,19 +25,19 @@
       @touchstart.stop="parse.cutTouchStart"
       @touchmove.stop="parse.cutTouchMove"
     >
-      <view class="fui-content">
-        <view class="fui-content-top fui-bg-transparent" :style="{ transitionProperty: cutAnimation ? '' : 'background' }"></view>
-        <view class="fui-content-middle">
-          <view class="fui-bg-transparent fui-wxs-bg" :style="{ transitionProperty: cutAnimation ? '' : 'background' }"></view>
+      <view class="up-content">
+        <view class="up-content-top up-bg-transparent" :style="{ transitionProperty: cutAnimation ? '' : 'background' }"></view>
+        <view class="up-content-middle">
+          <view class="up-bg-transparent up-wxs-bg" :style="{ transitionProperty: cutAnimation ? '' : 'background' }"></view>
           <view
-            class="fui-cropper-box"
+            class="up-cropper-box"
             :style="{ borderColor: borderColor, transitionProperty: cutAnimation ? '' : 'background' }"
           >
             <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,
@@ -50,9 +50,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"
@@ -68,27 +68,27 @@
           height: imgHeight ? imgHeight + 'px' : 'auto',
           transitionDuration: (cutAnimation ? 0.3 : 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>
-<script src="./fui-picture-cropper.wxs" module="parse" lang="wxs"></script>
+<script src="./up-picture-cropper.wxs" module="parse" lang="wxs"></script>
 <script>
 /**
  * 注意：组件中使用的图片地址，将文件复制到自己项目中
@@ -327,7 +327,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);
     //初始化
     setTimeout(() => {
       this.props = '1,1';
@@ -399,7 +399,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,
@@ -416,7 +416,7 @@ export default {
             uni.canvasToTempFilePath(
               {
                 ...params,
-                canvasId: 'fui-image-cropper',
+                canvasId: 'up-image-cropper',
                 success: (res) => {
                   data.url = res.tempFilePath;
                   // #ifdef H5
@@ -540,7 +540,7 @@ export default {
 </script>
 
 <style scoped>
-.fui-container {
+.up-container {
   width: 100vw;
   height: 100vh;
   background-color: rgba(0, 0, 0, 0.6);
@@ -550,13 +550,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;
@@ -566,23 +566,23 @@ export default {
   pointer-events: none;
 }
 
-.fui-bg-transparent {
+.up-bg-transparent {
   background-color: rgba(0, 0, 0, 0.6);
   transition-duration: 0.3s;
 }
 
-.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.2s; */
   border-style: solid;
@@ -590,11 +590,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;
@@ -606,7 +606,7 @@ export default {
   transform-origin: center;
 }
 
-.fui-cropper-canvas {
+.up-cropper-canvas {
   position: fixed;
   z-index: 10;
   left: -2000px;
@@ -614,34 +614,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;
@@ -657,7 +657,7 @@ export default {
   font-size: 32rpx;
 }
 
-.fui-cropper-tabbar::after {
+.up-cropper-tabbar::after {
   content: ' ';
   position: absolute;
   top: 0;
@@ -669,13 +669,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;
 }