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

package/ui-fireui/components/{fui-sharemodel/fui-sharemodel.vue → u-share-model/u-share-model.vue}

@@ -1,32 +1,32 @@
 <template>
   <!--底部分享弹窗-->
-  <fui-bottom-popup :show="popupShow">
-    <view class="fui-share">
-      <view class="fui-share-title">分享到</view>
+  <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="fui-share-top" style="display: flex; align-items: center; justify-content: center">
+        <view class="up-share-top" style="display: flex; align-items: center; justify-content: center">
           <view
-            class="fui-share-item"
+            class="up-share-item"
             style="width: 50%"
-            :class="[shareList[0].share.length - 1 === index ? 'fui-item-last' : '']"
+            :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="fui-share-icon" hover-class="fui-hover" :hover-stay-time="150">
+            <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" />
-              <!-- <fui-icon :name="item.icon" :color="item.color" :size="item.size?item.size:36"></fui-icon> -->
+              <!-- <up-icon :name="item.icon" :color="item.color" :size="item.size?item.size:36"></up-icon> -->
             </view>
-            <view class="fui-share-text">{{ item.name }}</view>
+            <view class="up-share-text">{{ item.name }}</view>
           </view>
-          <view class="fui-empty">!</view>
+          <view class="up-empty">!</view>
         </view>
       </view>
 
-      <view class="fui-btn-cancle" @tap="popup">取消</view>
+      <view class="up-btn-cancle" @tap="popup">取消</view>
     </view>
-  </fui-bottom-popup>
+  </up-bottom-popup>
   <!--底部分享弹窗-->
 </template>
 
@@ -98,13 +98,13 @@ export default {
   min-height: 125rpx;
   padding-bottom: 120rpx;
 }
-.fui-share {
+.up-share {
   background: #e8e8e8;
   position: relative;
   padding-bottom: env(safe-area-inset-bottom);
 }
 
-.fui-share-title {
+.up-share-title {
   font-size: 26rpx;
   color: #7e7e7e;
   text-align: center;
@@ -112,36 +112,36 @@ export default {
   padding: 20rpx 0 50rpx 0;
 }
 
-.fui-share-top,
-.fui-share-bottom {
+.up-share-top,
+.up-share-bottom {
   min-width: 101%;
   padding: 0 20rpx 0 30rpx;
   white-space: nowrap;
 }
 
-.fui-mt {
+.up-mt {
   margin-top: 30rpx;
   padding-bottom: 150rpx;
 }
 
-.fui-share-item {
+.up-share-item {
   /* width: 126rpx;
 		display: inline-block;
 		margin-right: 24rpx; */
   text-align: center;
 }
 
-.fui-item-last {
+.up-item-last {
   margin: 0;
 }
 
-.fui-empty {
+.up-empty {
   display: inline-block;
   width: 30rpx;
   visibility: hidden;
 }
 
-.fui-share-icon {
+.up-share-icon {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -152,7 +152,7 @@ export default {
   margin: 0 auto;
 }
 
-.fui-share-text {
+.up-share-text {
   font-size: 24rpx;
   color: #7e7e7e;
   line-height: 24rpx;
@@ -160,7 +160,7 @@ export default {
   white-space: nowrap;
 }
 
-.fui-btn-cancle {
+.up-btn-cancle {
   width: 100%;
   height: 100rpx;
   position: absolute;
@@ -175,7 +175,7 @@ export default {
   padding-bottom: env(safe-area-inset-bottom);
 }
 
-.fui-hover {
+.up-hover {
   background: rgba(0, 0, 0, 0.2);
 }
 </style>

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

@@ -1,10 +1,10 @@
 <template>
   <view
-    class="fui-skeleton-cmomon fui-skeleton-box"
+    class="up-skeleton-cmomon up-skeleton-box"
     :style="{ width: winWidth + 'px', height: winHeight + 'px', backgroundColor: backgroundColor }"
   >
     <view
-      class="fui-skeleton-cmomon"
+      class="up-skeleton-cmomon"
       v-for="(item, index) in skeletonElements"
       :key="index"
       :style="{
@@ -16,7 +16,7 @@
         borderRadius: getRadius(item.skeletonType, borderRadius)
       }"
     ></view>
-    <view class="fui-loading" :class="[getLoadingType(loadingType)]" v-if="isLoading"></view>
+    <view class="up-loading" :class="[getLoadingType(loadingType)]" v-if="isLoading"></view>
   </view>
 </template>
 
@@ -27,7 +27,7 @@ export default {
     //选择器(外层容器)
     selector: {
       type: String,
-      default: 'fui-skeleton'
+      default: 'up-skeleton'
     },
     //外层容器背景颜色
     backgroundColor: {
@@ -41,7 +41,7 @@ export default {
     },
     //骨架元素类型：矩形，圆形，带圆角矩形["rect","circular","fillet"]
     //默认所有，根据页面情况进行传值
-    //页面对应元素class为：fui-skeleton-rect，fui-skeleton-circular，fui-skeleton-fillet
+    //页面对应元素class为：up-skeleton-rect，up-skeleton-circular，up-skeleton-fillet
     //如果传入的值不在下列数组中，则为自定义class值，默认按矩形渲染
     skeletonType: {
       type: Array,
@@ -102,7 +102,7 @@ export default {
       if (type && type > 0 && type < 11) {
         value = type;
       }
-      return 'fui-loading-' + value;
+      return 'up-loading-' + value;
     },
     getRadius(type, val) {
       let radius = '0';
@@ -158,18 +158,18 @@ export default {
 </script>
 
 <style scoped>
-.fui-skeleton-cmomon {
+.up-skeleton-cmomon {
   position: absolute;
   z-index: 99999;
   overflow: hidden;
 }
 
-.fui-skeleton-box {
+.up-skeleton-box {
   left: 0;
   top: 0;
 }
 
-.fui-loading {
+.up-loading {
   display: inline-block;
   vertical-align: middle;
   width: 40rpx;
@@ -177,7 +177,7 @@ export default {
   background: 0 0;
   border-radius: 50%;
   border: 2px solid;
-  animation: fui-rotate 0.7s linear infinite;
+  animation: up-rotate 0.7s linear infinite;
   position: fixed;
   z-index: 999999;
   left: 50%;
@@ -186,47 +186,47 @@ export default {
   margin-top: -20rpx;
 }
 
-.fui-loading-1 {
+.up-loading-1 {
   border-color: #e5e5e5 #e5e5e5 #e5e5e5 #5677fc;
 }
 
-.fui-loading-2 {
+.up-loading-2 {
   border-color: #e5e5e5 #e5e5e5 #e5e5e5 #8f8d8e;
 }
 
-.fui-loading-3 {
+.up-loading-3 {
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #fff;
 }
 
-.fui-loading-4 {
+.up-loading-4 {
   border-color: #e5e5e5 #e5e5e5 #e5e5e5 #35b06a;
 }
 
-.fui-loading-5 {
+.up-loading-5 {
   border-color: #e5e5e5 #e5e5e5 #e5e5e5 #fc872d;
 }
 
-.fui-loading-6 {
+.up-loading-6 {
   border-color: #e5e5e5 #e5e5e5 #e5e5e5 #eb0909;
 }
 
-.fui-loading-7 {
+.up-loading-7 {
   border-color: #5677fc transparent #5677fc transparent;
 }
 
-.fui-loading-8 {
+.up-loading-8 {
   border-color: #35b06a transparent #35b06a transparent;
 }
 
-.fui-loading-9 {
+.up-loading-9 {
   border-color: #fc872d transparent #fc872d transparent;
 }
 
-.fui-loading-10 {
+.up-loading-10 {
   border-color: #eb0909 transparent #eb0909 transparent;
 }
 
-@-webkit-keyframes fui-rotate {
+@-webkit-keyframes up-rotate {
   0% {
     transform: rotate(0);
   }
@@ -236,7 +236,7 @@ export default {
   }
 }
 
-@keyframes fui-rotate {
+@keyframes up-rotate {
   0% {
     transform: rotate(0);
   }

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

@@ -1,16 +1,16 @@
 <template>
-  <view class="fui-steps-box" :class="{ 'fui-steps-column': direction === 'column' }">
+  <view class="up-steps-box" :class="{ 'up-steps-column': direction === 'column' }">
     <view
-      class="fui-step-item"
+      class="up-step-item"
       :style="{ width: direction === 'column' ? '100%' : spacing }"
-      :class="[direction === 'row' ? 'fui-step-horizontal' : 'fui-step-vertical']"
+      :class="[direction === 'row' ? 'up-step-horizontal' : 'up-step-vertical']"
       v-for="(item, index) in items"
       :key="index"
     >
-      <view class="fui-step-item-ico" :style="{ width: direction === 'column' ? '36rpx' : '100%' }">
+      <view class="up-step-item-ico" :style="{ width: direction === 'column' ? '36rpx' : '100%' }">
         <view
-          class="fui-step-ico"
-          :class="[direction === 'column' ? 'fui-step-column_ico' : 'fui-step-row_ico']"
+          class="up-step-ico"
+          :class="[direction === 'column' ? 'up-step-column_ico' : 'up-step-row_ico']"
           :style="{
             width: type == 2 || activeSteps === index ? '36rpx' : '16rpx',
             height: type == 2 || activeSteps === index ? '36rpx' : '16rpx',
@@ -22,18 +22,18 @@
           <text v-if="activeSteps !== index" :style="{ color: index <= activeSteps ? '#fff' : '' }">
             {{ type == 1 ? '' : index + 1 }}
           </text>
-          <fui-icon name="check" :size="16" color="#fff" v-if="activeSteps === index"></fui-icon>
+          <up-icon name="check" :size="16" color="#fff" v-if="activeSteps === index"></up-icon>
         </view>
         <view
-          class="fui-step-line"
-          :class="['fui-step-' + direction + '_line']"
+          class="up-step-line"
+          :class="['up-step-' + direction + '_line']"
           :style="{ backgroundColor: index <= activeSteps - 1 ? activeColor : deactiveColor }"
           v-if="index != items.length - 1"
         ></view>
       </view>
-      <view class="fui-step-item-main" :class="['fui-step-' + direction + '_item_main']">
+      <view class="up-step-item-main" :class="['up-step-' + direction + '_item_main']">
         <view
-          class="fui-step-item-title"
+          class="up-step-item-title"
           :style="{
             color: index <= activeSteps ? activeColor : deactiveColor,
             fontSize: titleSize + 'rpx',
@@ -44,7 +44,7 @@
           {{ item.title }}
         </view>
         <view
-          class="fui-step-item-content"
+          class="up-step-item-content"
           :style="{ color: index <= activeSteps ? activeColor : deactiveColor, fontSize: descSize + 'rpx' }"
         >
           {{ item.desc }}
@@ -123,17 +123,17 @@ export default {
 </script>
 
 <style scoped>
-.fui-steps-box {
+.up-steps-box {
   width: 100%;
   display: flex;
   justify-content: center;
 }
 
-.fui-steps-column {
+.up-steps-column {
   flex-direction: column;
 }
 
-.fui-step-ico {
+.up-step-ico {
   border-radius: 40rpx;
   position: relative;
   z-index: 3;
@@ -145,16 +145,16 @@ export default {
   justify-content: center;
 }
 
-.fui-step-row_ico {
+.up-step-row_ico {
   top: 50%;
   transform: translateY(-50%);
 }
 
-.fui-step-column_ico {
+.up-step-column_ico {
   top: 0;
 }
 
-.fui-step-line {
+.up-step-line {
   position: absolute;
   left: 50%;
   top: 20rpx;
@@ -162,48 +162,48 @@ export default {
   height: 1rpx;
 }
 
-.fui-step-row_item_main {
+.up-step-row_item_main {
   text-align: center;
 }
 
-.fui-step-item {
+.up-step-item {
   font-size: 24rpx;
   position: relative;
   box-sizing: border-box;
 }
 
-.fui-step-item-ico {
+.up-step-item-ico {
   height: 36rpx;
   line-height: 36rpx;
   text-align: center;
 }
 
-.fui-step-item-main {
+.up-step-item-main {
   margin-top: 16rpx;
   clear: both;
 }
 
-.fui-step-item-title {
+.up-step-item-title {
   word-break: break-all;
 }
 
-.fui-step-item-content {
+.up-step-item-content {
   margin-top: 8rpx;
   word-break: break-all;
 }
 
-.fui-step-vertical {
+.up-step-vertical {
   width: 100%;
   display: flex;
   padding-bottom: 60rpx;
 }
 
-.fui-step-column_item_main {
+.up-step-column_item_main {
   margin-top: 0;
   padding-left: 20rpx;
 }
 
-.fui-step-column_line {
+.up-step-column_line {
   position: absolute;
   height: 100%;
   top: 0;

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

@@ -1,8 +1,8 @@
 <template>
-  <view class="fui-sticky-class">
+  <view class="up-sticky-class">
     <!--sticky 容器-->
     <view :style="{ height: stickyHeight, backgroundColor: backgroundColor }" v-if="isFixed"></view>
-    <view :class="{ 'fui-sticky-fixed': isFixed }" :style="{ top: isFixed ? stickyTop + 'px' : 'auto' }">
+    <view :class="{ 'up-sticky-fixed': isFixed }" :style="{ top: isFixed ? stickyTop + 'px' : 'auto' }">
       <slot name="header"></slot>
     </view>
     <!--sticky 容器-->
@@ -123,7 +123,7 @@ export default {
         this.timer = null;
       }
       this.timer = setTimeout(() => {
-        const className = '.fui-sticky-class';
+        const className = '.up-sticky-class';
         const query = uni.createSelectorQuery().in(this);
         query
           .select(className)
@@ -146,7 +146,7 @@ export default {
 </script>
 
 <style scoped>
-.fui-sticky-fixed {
+.up-sticky-fixed {
   width: 100%;
   position: fixed;
   left: 0;

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

@@ -1,6 +1,6 @@
 <template>
   <view
-    class="fui-sticky-class"
+    class="up-sticky-class"
     :change:prop="parse.stickyChange"
     :prop="scrollTop"
     :data-top="top"
@@ -11,8 +11,8 @@
     :data-index="index"
   >
     <!--sticky 容器-->
-    <view class="fui-sticky-seat" :style="{ height: stickyHeight, backgroundColor: backgroundColor }"></view>
-    <view class="fui-sticky-bar">
+    <view class="up-sticky-seat" :style="{ height: stickyHeight, backgroundColor: backgroundColor }"></view>
+    <view class="up-sticky-bar">
       <slot name="header"></slot>
     </view>
     <!--sticky 容器-->
@@ -20,7 +20,7 @@
     <slot name="content"></slot>
   </view>
 </template>
-<script src="./fui-sticky.wxs" module="parse" lang="wxs"></script>
+<script src="./up-sticky.wxs" module="parse" lang="wxs"></script>
 <script>
 export default {
   name: 'fuiStickyWxs',
@@ -97,7 +97,7 @@ export default {
         this.timer = null;
       }
       this.timer = setTimeout(() => {
-        const className = '.fui-sticky-class';
+        const className = '.up-sticky-class';
         const query = uni.createSelectorQuery().in(this);
         query
           .select(className)
@@ -120,14 +120,14 @@ export default {
 </script>
 
 <style scoped>
-.fui-sticky-fixed {
+.up-sticky-fixed {
   width: 100%;
   position: fixed;
   left: 0;
   z-index: 998;
 }
 
-.fui-sticky-seat {
+.up-sticky-seat {
   display: none;
 }
 </style>

package/ui-fireui/components/u-sticky-wxs/u-sticky.wxs

@@ -0,0 +1,46 @@
+var stickyChange = function (scrollTop, oldScrollTop, ownerInstance, ins) {
+if(!oldScrollTop) return false;
+var dataset = ins.getDataset()
+var top =+dataset.top;
+var height = + dataset.height;
+var stickyTop = +dataset.stickytop;
+var isNativeHeader=dataset.isnativeheader;
+var isFixed = false;
+var distance=stickyTop
+// #ifdef H5
+if (isNativeHeader) {
+distance = distance - 44
+distance = distance
+< 0 ? 0 : distance
+  }
+  // #endif
+  if (dataset.container) {
+    isFixed = (scrollTop + distance>= top && scrollTop + distance
+< top + height) ? true : false
+  } else {
+    isFixed = scrollTop + distance >= top ? true : false
+  }
+  if (isFixed) {
+    ownerInstance.selectComponent('.up-sticky-bar').setStyle({
+      "top": stickyTop + 'px'
+    }).addClass('up-sticky-fixed')
+    ownerInstance.selectComponent('.up-sticky-seat').setStyle({
+      "display": 'block'
+    })
+  } else {
+    ownerInstance.selectComponent('.up-sticky-bar').setStyle({
+      "top": 'auto'
+    }).removeClass('up-sticky-fixed')
+    ownerInstance.selectComponent('.up-sticky-seat').setStyle({
+      "display": 'none'
+    })
+  }
+  ownerInstance.triggerEvent("sticky", {
+    isFixed: isFixed,
+    index: parseInt(dataset.index)
+  })
+}
+
+export default {
+  stickyChange: stickyChange
+}

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

@@ -1,19 +1,19 @@
 <template>
-  <view class="fui-swipeout-wrap" :class="swipeoutClass">
+  <view class="up-swipeout-wrap" :class="swipeoutClass">
     <view
-      class="fui-swipeout-item"
+      class="up-swipeout-item"
       :class="[isShowBtn ? 'swipe-action-show' : '']"
       @touchstart="handlerTouchstart"
       @touchmove="handlerTouchmove"
       @touchend="handlerTouchend"
       :style="{ transform: 'translate(' + position.pageX + 'px,0)' }"
     >
-      <view class="fui-swipeout-content">
+      <view class="up-swipeout-content">
         <slot name="content"></slot>
       </view>
-      <view class="fui-swipeout-button-right-group" v-if="actions.length > 0" @touchend.stop="loop">
+      <view class="up-swipeout-button-right-group" v-if="actions.length > 0" @touchend.stop="loop">
         <view
-          class="fui-swipeout-button-right-item"
+          class="up-swipeout-button-right-item"
           v-for="(item, index) in actions"
           :key="index"
           :style="{ backgroundColor: item.background || '#f7f7f7', color: item.color, width: item.width + 'px' }"
@@ -26,7 +26,7 @@
       </view>
       <!--actions长度设置为0，可直接传按钮进来-->
       <view
-        class="fui-swipeout-button-right-group"
+        class="up-swipeout-button-right-group"
         @touchend.stop="loop"
         @tap="handlerParentButton"
         v-if="actions.length === 0"
@@ -244,7 +244,7 @@ export default {
 </script>
 
 <style scoped>
-.fui-swipeout-wrap {
+.up-swipeout-wrap {
   background-color: #fff;
   position: relative;
   overflow: hidden;
@@ -255,7 +255,7 @@ export default {
   z-index: 998;
 }
 
-.fui-swipeout-item {
+.up-swipeout-item {
   width: 100%;
   /* padding: 15px 20px; */
   box-sizing: border-box;
@@ -263,12 +263,12 @@ export default {
   font-size: 14px;
 }
 
-.fui-swipeout-content {
+.up-swipeout-content {
   white-space: nowrap;
   overflow: hidden;
 }
 
-.fui-swipeout-button-right-group {
+.up-swipeout-button-right-group {
   position: absolute;
   right: -100%;
   top: 0;
@@ -277,7 +277,7 @@ export default {
   width: 100%;
 }
 
-.fui-swipeout-button-right-item {
+.up-swipeout-button-right-item {
   height: 100%;
   float: left;
   white-space: nowrap;