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

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

@@ -1,95 +1,95 @@
 <template>
-  <view class="fui-datetime-picker">
+  <view class="up-datetime-picker">
     <view
-      class="fui-mask"
-      :class="{ 'fui-mask-show': isShow }"
+      class="up-mask"
+      :class="{ 'up-mask-show': isShow }"
       @touchmove.stop.prevent="stop"
       catchtouchmove="stop"
       @tap="hide"
     ></view>
-    <view class="fui-header" :class="{ 'fui-show': isShow }">
-      <view class="fui-picker-header" :class="{ 'fui-date-radius': radius }" @touchmove.stop.prevent="stop" catchtouchmove="stop">
-        <view class="fui-btn-picker" :style="{ color: cancelColor }" hover-class="fui-opacity" :hover-stay-time="150" @tap="hide">
+    <view class="up-header" :class="{ 'up-show': isShow }">
+      <view class="up-picker-header" :class="{ 'up-date-radius': radius }" @touchmove.stop.prevent="stop" catchtouchmove="stop">
+        <view class="up-btn-picker" :style="{ color: cancelColor }" hover-class="up-opacity" :hover-stay-time="150" @click="hide">
           取消
         </view>
-        <view class="fui-btn-picker" :style="{ color: color }" hover-class="fui-opacity" :hover-stay-time="150" @tap="btnFix">
+        <view class="up-btn-picker" :style="{ color: color }" hover-class="up-opacity" :hover-stay-time="150" @click="btnFix">
           确定
         </view>
       </view>
-      <view class="fui-date-header" v-if="unitTop">
-        <view class="fui-date-unit" v-if="type < 4 || type == 7">年</view>
-        <view class="fui-date-unit" v-if="type < 4 || type == 7">月</view>
-        <view class="fui-date-unit" v-if="type == 1 || type == 2 || type == 7">日</view>
-        <view class="fui-date-unit" v-if="type == 1 || type == 4 || type == 5 || type == 7">时</view>
-        <view class="fui-date-unit" v-if="type == 1 || type > 3">分</view>
-        <view class="fui-date-unit" v-if="type > 4">秒</view>
+      <view class="up-date-header" v-if="unitTop">
+        <view class="up-date-unit" v-if="type < 4 || type == 7">年</view>
+        <view class="up-date-unit" v-if="type < 4 || type == 7">月</view>
+        <view class="up-date-unit" v-if="type == 1 || type == 2 || type == 7">日</view>
+        <view class="up-date-unit" v-if="type == 1 || type == 4 || type == 5 || type == 7">时</view>
+        <view class="up-date-unit" v-if="type == 1 || type > 3">分</view>
+        <view class="up-date-unit" v-if="type > 4">秒</view>
       </view>
-      <view class="fui-picker-body">
-        <picker-view :value="value" @change="change" class="fui-picker-view">
+      <view class="up-picker-body">
+        <picker-view :value="value" @change="change" class="up-picker-view">
           <picker-view-column v-if="!reset && (type < 4 || type == 7)">
             <view
-              class="fui-column-item"
-              :class="{ 'fui-font-size_32': !unitTop && type == 7 }"
+              class="up-column-item"
+              :class="{ 'up-font-size_32': !unitTop && type == 7 }"
               v-for="(item, index) in years"
               :key="index"
             >
               {{ item }}
-              <text class="fui-unit-text" v-if="!unitTop">年</text>
+              <text class="up-unit-text" v-if="!unitTop">年</text>
             </view>
           </picker-view-column>
           <picker-view-column v-if="!reset && (type < 4 || type == 7)">
             <view
-              class="fui-column-item"
-              :class="{ 'fui-font-size_32': !unitTop && type == 7 }"
+              class="up-column-item"
+              :class="{ 'up-font-size_32': !unitTop && type == 7 }"
               v-for="(item, index) in months"
               :key="index"
             >
               {{ formatNum(item) }}
-              <text class="fui-unit-text" v-if="!unitTop">月</text>
+              <text class="up-unit-text" v-if="!unitTop">月</text>
             </view>
           </picker-view-column>
           <picker-view-column v-if="!reset && (type == 1 || type == 2 || type == 7)">
             <view
-              class="fui-column-item"
-              :class="{ 'fui-font-size_32': !unitTop && type == 7 }"
+              class="up-column-item"
+              :class="{ 'up-font-size_32': !unitTop && type == 7 }"
               v-for="(item, index) in days"
               :key="index"
             >
               {{ formatNum(item) }}
-              <text class="fui-unit-text" v-if="!unitTop">日</text>
+              <text class="up-unit-text" v-if="!unitTop">日</text>
             </view>
           </picker-view-column>
           <picker-view-column v-if="!reset && (type == 1 || type == 4 || type == 5 || type == 7)">
             <view
-              class="fui-column-item"
-              :class="{ 'fui-font-size_32': !unitTop && type == 7 }"
+              class="up-column-item"
+              :class="{ 'up-font-size_32': !unitTop && type == 7 }"
               v-for="(item, index) in hours"
               :key="index"
             >
               {{ formatNum(item) }}
-              <text class="fui-unit-text" v-if="!unitTop">时</text>
+              <text class="up-unit-text" v-if="!unitTop">时</text>
             </view>
           </picker-view-column>
           <picker-view-column v-if="!reset && (type == 1 || type > 3)">
             <view
-              class="fui-column-item"
-              :class="{ 'fui-font-size_32': !unitTop && type == 7 }"
+              class="up-column-item"
+              :class="{ 'up-font-size_32': !unitTop && type == 7 }"
               v-for="(item, index) in minutes"
               :key="index"
             >
               {{ formatNum(item) }}
-              <text class="fui-unit-text" v-if="!unitTop">分</text>
+              <text class="up-unit-text" v-if="!unitTop">分</text>
             </view>
           </picker-view-column>
           <picker-view-column v-if="!reset && type > 4">
             <view
-              class="fui-column-item"
-              :class="{ 'fui-font-size_32': !unitTop && type == 7 }"
+              class="up-column-item"
+              :class="{ 'up-font-size_32': !unitTop && type == 7 }"
               v-for="(item, index) in seconds"
               :key="index"
             >
               {{ formatNum(item) }}
-              <text class="fui-unit-text" v-if="!unitTop">秒</text>
+              <text class="up-unit-text" v-if="!unitTop">秒</text>
             </view>
           </picker-view-column>
         </picker-view>
@@ -436,17 +436,17 @@ export default {
 </script>
 
 <style scoped>
-.fui-datetime-picker {
+.up-datetime-picker {
   position: relative;
   z-index: 999;
 }
 
-.fui-picker-view {
+.up-picker-view {
   height: 100%;
   box-sizing: border-box;
 }
 
-.fui-mask {
+.up-mask {
   position: fixed;
   z-index: 9998;
   top: 0;
@@ -459,12 +459,12 @@ export default {
   transition: all 0.3s ease-in-out;
 }
 
-.fui-mask-show {
+.up-mask-show {
   visibility: visible !important;
   opacity: 1 !important;
 }
 
-.fui-header {
+.up-header {
   z-index: 9999;
   position: fixed;
   bottom: 0;
@@ -474,7 +474,7 @@ export default {
   transform: translateY(100%);
 }
 
-.fui-date-header {
+.up-date-header {
   width: 100%;
   height: 52rpx;
   display: flex;
@@ -494,16 +494,16 @@ export default {
   z-index: 2;
 }
 
-.fui-date-unit {
+.up-date-unit {
   flex: 1;
   text-align: center;
 }
 
-.fui-show {
+.up-show {
   transform: translateY(0);
 }
 
-.fui-picker-header {
+.up-picker-header {
   width: 100%;
   height: 90rpx;
   padding: 0 40rpx;
@@ -516,13 +516,13 @@ export default {
   position: relative;
 }
 
-.fui-date-radius {
+.up-date-radius {
   border-top-left-radius: 20rpx;
   border-top-right-radius: 20rpx;
   overflow: hidden;
 }
 
-.fui-picker-header::after {
+.up-picker-header::after {
   content: '';
   position: absolute;
   border-bottom: 1rpx solid #eaeef1;
@@ -533,14 +533,14 @@ export default {
   left: 0;
 }
 
-.fui-picker-body {
+.up-picker-body {
   width: 100%;
   height: 520rpx;
   overflow: hidden;
   background-color: #fff;
 }
 
-.fui-column-item {
+.up-column-item {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -548,23 +548,23 @@ export default {
   color: #333;
 }
 
-.fui-font-size_32 {
+.up-font-size_32 {
   font-size: 32rpx !important;
 }
 
-.fui-unit-text {
+.up-unit-text {
   font-size: 24rpx !important;
   padding-left: 8rpx;
 }
 
-.fui-btn-picker {
+.up-btn-picker {
   padding: 16rpx;
   box-sizing: border-box;
   text-align: center;
   text-decoration: none;
 }
 
-.fui-opacity {
+.up-opacity {
   opacity: 0.5;
 }
 </style>

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

@@ -1,8 +1,8 @@
 <template>
-  <view class="fui-divider" :style="{ height: height + 'rpx' }">
-    <view class="fui-divider-line" :style="{ width: width, background: getBgColor(gradual, gradualColor, dividerColor) }"></view>
+  <view class="up-divider" :style="{ height: height + 'rpx' }">
+    <view class="up-divider-line" :style="{ width: width, background: getBgColor(gradual, gradualColor, dividerColor) }"></view>
     <view
-      class="fui-divider-text"
+      class="up-divider-text"
       :style="{
         color: color,
         fontSize: size + 'rpx',
@@ -89,7 +89,7 @@ export default {
 </script>
 
 <style scoped>
-.fui-divider {
+.up-divider {
   width: 100%;
   position: relative;
   text-align: center;
@@ -100,7 +100,7 @@ export default {
   overflow: hidden;
 }
 
-.fui-divider-line {
+.up-divider-line {
   position: absolute;
   height: 1rpx;
   top: 50%;
@@ -109,7 +109,7 @@ export default {
   transform: scaleY(0.5) translateX(-50%) translateZ(0);
 }
 
-.fui-divider-text {
+.up-divider-text {
   position: relative;
   text-align: center;
   padding: 0 18rpx;

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

@@ -1,11 +1,11 @@
 <template>
   <view @touchmove.stop.prevent>
-    <view v-if="mask" class="fui-drawer-mask" :class="{ 'fui-drawer-mask_show': visible }" @tap="handleMaskClick"></view>
+    <view v-if="mask" class="up-drawer-mask" :class="{ 'up-drawer-mask_show': visible }" @tap="handleMaskClick"></view>
     <view
-      class="fui-drawer-container"
+      class="up-drawer-container"
       :class="[
-        mode == 'left' ? 'fui-drawer-container_left' : 'fui-drawer-container_right',
-        visible ? 'fui-drawer-container_show' : ''
+        mode == 'left' ? 'up-drawer-container_left' : 'up-drawer-container_right',
+        visible ? 'up-drawer-container_show' : ''
       ]"
     >
       <slot></slot>
@@ -34,7 +34,7 @@ export default {
     },
     mode: {
       type: String,
-      default: 'true' // left right
+      default: 'left' // left right
     }
   },
   methods: {
@@ -49,7 +49,7 @@ export default {
 </script>
 
 <style scoped>
-.fui-drawer-mask {
+.up-drawer-mask {
   opacity: 0;
   visibility: hidden;
   position: fixed;
@@ -61,13 +61,13 @@ export default {
   background-color: rgba(0, 0, 0, 0.6);
   transition: all 0.3s ease-in-out;
 }
-.fui-drawer-mask_show {
+.up-drawer-mask_show {
   display: block;
   visibility: visible;
   opacity: 1;
 }
 
-.fui-drawer-container {
+.up-drawer-container {
   position: fixed;
   left: 50%;
   height: 100.2%;
@@ -84,19 +84,19 @@ export default {
   -ms-scroll-chaining: none;
   -ms-scroll-limit: 0 50 0 50;
 }
-.fui-drawer-container_left {
+.up-drawer-container_left {
   left: 0;
   top: 50%;
   transform: translate3d(-100%, -50%, 0);
 }
 
-.fui-drawer-container_right {
+.up-drawer-container_right {
   right: 0;
   top: 50%;
   left: auto;
   transform: translate3d(100%, -50%, 0);
 }
-.fui-drawer-container_show {
+.up-drawer-container_show {
   opacity: 1;
   transform: translate3d(0, -50%, 0);
 }

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

@@ -1,10 +1,11 @@
 <template>
-  <view class="fui-selected-class fui-dropdown-list" :style="{ height: selectHeight ? selectHeight + 'rpx' : 'auto' }">
+  <view class="up-selected-class up-dropdown-list" :style="{ height: selectHeight ? selectHeight + 'rpx' : 'auto' }">
     <slot name="selectionbox"></slot>
     <view
-      class="fui-dropdown-view"
-      :class="[show ? 'fui-dropdownlist-show' : '']"
+      class="up-dropdown-view"
+      :class="[show ? 'up-dropdownlist-show' : '']"
       :style="{ backgroundColor: backgroundColor, height: show ? height + 'rpx' : 0, top: top + 'rpx' }"
+      :style2="{ background: bgcolor, height: show ? height + 'rpx' : 0, top: top + 'rpx' }
     >
       <slot name="dropdownbox"></slot>
     </view>
@@ -25,6 +26,10 @@ export default {
       type: String,
       default: '#fff'
     },
+    bgcolor: {
+      type: String,
+      default: 'none'
+    },
     //top  rpx
     top: {
       type: Number,
@@ -46,12 +51,12 @@ export default {
 </script>
 
 <style scoped>
-.fui-dropdown-list {
+.up-dropdown-list {
   position: relative;
   width: 100%;
 }
 
-.fui-dropdown-view {
+.up-dropdown-view {
   width: 100%;
   overflow: hidden;
   position: absolute;
@@ -62,7 +67,7 @@ export default {
   transition: all 0.2s ease-in-out;
 }
 
-.fui-dropdownlist-show {
+.up-dropdownlist-show {
   opacity: 1;
   z-index: 996;
   /* visibility: visible; */

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

@@ -1,35 +1,35 @@
 <template>
   <view @touchmove.stop.prevent>
     <view
-      class="fui-fab-box"
-      :class="{ 'fui-fab-right': !left || (left && right) }"
+      class="up-fab-box"
+      :class="{ 'up-fab-right': !left || (left && right) }"
       :style="{ left: getLeft(), right: getRight(), bottom: bottom + 'rpx' }"
     >
-      <view class="fui-fab-btn" :class="{ 'fui-visible': isOpen, 'fui-fab-hidden': hidden }">
+      <view class="up-fab-btn" :class="{ 'up-visible': isOpen, 'up-fab-hidden': hidden }">
         <view
-          class="fui-fab-item-box"
-          :class="{ 'fui-fab-item-left': left && !right && item.imgUrl }"
+          class="up-fab-item-box"
+          :class="{ 'up-fab-item-left': left && !right && item.imgUrl }"
           v-for="(item, index) in btnList"
           :key="index"
           @tap.stop="handleClick(index)"
         >
           <view
-            :class="[left && !right ? 'fui-text-left' : 'fui-text-right']"
+            :class="[left && !right ? 'up-text-left' : 'up-text-right']"
             v-if="item.imgUrl"
             :style="{ fontSize: item.fontSize + 'rpx', color: item.color }"
           >
             {{ item.text || '' }}
           </view>
           <view
-            class="fui-fab-item"
+            class="up-fab-item"
             :style="{ width: width + 'rpx', height: height + 'rpx', background: item.bgColor || bgColor, borderRadius: radius }"
           >
-            <view class="fui-fab-title" v-if="!item.imgUrl" :style="{ fontSize: item.fontSize + 'rpx', color: item.color }">
+            <view class="up-fab-title" v-if="!item.imgUrl" :style="{ fontSize: item.fontSize + 'rpx', color: item.color }">
               {{ item.text || '' }}
             </view>
             <image
               :src="item.imgUrl"
-              class="fui-fab-img"
+              class="up-fab-img"
               v-else
               :style="{ width: item.imgWidth + 'rpx', height: item.imgHeight + 'rpx' }"
             ></image>
@@ -37,15 +37,15 @@
         </view>
       </view>
       <view
-        class="fui-fab-item"
-        :class="{ 'fui-active': isOpen }"
+        class="up-fab-item"
+        :class="{ 'up-active': isOpen }"
         :style="{ width: width + 'rpx', height: height + 'rpx', borderRadius: radius, background: bgColor, color: color }"
         @tap.stop="handleClick(-1)"
       >
-        <view class="fui-fab-icon fui-icon-plus"></view>
+        <view class="up-fab-icon up-icon-plus"></view>
       </view>
     </view>
-    <view class="fui-fab-mask" :class="{ 'fui-visible': isOpen }" @tap="handleClickCancel"></view>
+    <view class="up-fab-mask" :class="{ 'up-visible': isOpen }" @tap="handleClickCancel"></view>
   </view>
 </template>
 
@@ -180,7 +180,7 @@ export default {
   font-style: normal;
 }
 
-.fui-fab-icon {
+.up-fab-icon {
   font-family: 'fuifab' !important;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
@@ -188,11 +188,11 @@ export default {
   padding: 10rpx;
 }
 
-.fui-icon-plus:before {
+.up-icon-plus:before {
   content: '\e613';
 }
 
-.fui-fab-box {
+.up-fab-box {
   display: flex;
   justify-content: center;
   flex-direction: column;
@@ -200,34 +200,34 @@ export default {
   z-index: 99997;
 }
 
-.fui-fab-right {
+.up-fab-right {
   align-items: flex-end;
 }
 
-.fui-fab-btn {
+.up-fab-btn {
   transform: scale(0);
   transition: all 0.2s ease-in-out;
   opacity: 0;
   visibility: hidden;
 }
 
-.fui-fab-hidden {
+.up-fab-hidden {
   height: 0;
   width: 0;
 }
 
-.fui-fab-item-box {
+.up-fab-item-box {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   padding-bottom: 40rpx;
 }
 
-.fui-fab-item-left {
+.up-fab-item-left {
   flex-flow: row-reverse;
 }
 
-.fui-fab-title {
+.up-fab-title {
   width: 90%;
   text-align: center;
   white-space: nowrap;
@@ -235,19 +235,19 @@ export default {
   text-overflow: ellipsis;
 }
 
-.fui-text-left {
+.up-text-left {
   padding-left: 28rpx;
 }
 
-.fui-text-right {
+.up-text-right {
   padding-right: 28rpx;
 }
 
-.fui-fab-img {
+.up-fab-img {
   display: block;
 }
 
-.fui-fab-item {
+.up-fab-item {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -255,15 +255,15 @@ export default {
   transition: all 0.2s linear;
 }
 
-.fui-radius {
+.up-radius {
   border-radius: 50%;
 }
 
-.fui-active {
+.up-active {
   transform: rotate(135deg);
 }
 
-.fui-fab-mask {
+.up-fab-mask {
   position: fixed;
   top: 0;
   left: 0;
@@ -276,7 +276,7 @@ export default {
   visibility: hidden;
 }
 
-.fui-visible {
+.up-visible {
   visibility: visible;
   opacity: 1;
   transform: scale(1);