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

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

@@ -1,21 +1,21 @@
 <template>
   <view @touchmove.stop.prevent="stop">
-    <view class="fui-bottom-navigation" :class="{ 'fui-navigation-fixed': isFixed, 'fui-remove-splitLine': unlined }">
+    <view class="up-bottom-navigation" :class="{ 'up-navigation-fixed': isFixed, 'up-remove-splitLine': unlined }">
       <view
-        class="fui-navigation-item"
-        :class="{ 'fui-item-after_height': splitLineScale, 'fui-last-item': index == itemList.length - 1 }"
+        class="up-navigation-item"
+        :class="{ 'up-item-after_height': splitLineScale, 'up-last-item': index == itemList.length - 1 }"
         :style="{ backgroundColor: isDarkMode ? '#202020' : backgroundColor }"
         v-for="(item, index) in itemList"
         :key="index"
       >
-        <view class="fui-item-inner" @tap="menuClick(index, item.parameter, item.type)">
+        <view class="up-item-inner" @tap="menuClick(index, item.parameter, item.type)">
           <image
             :src="current | getIcon(index, item)"
-            class="fui-navigation-img"
+            class="up-navigation-img"
             v-if="item.iconPath || (current == index && item.selectedIconPath && item.type == 1)"
           ></image>
           <text
-            class="fui-navigation-text"
+            class="up-navigation-text"
             :style="{
               color: isDarkMode ? '#fff' : current == index && item.type == 1 ? selectedColor : item.color || color,
               fontWeight: current == index && bold && item.type == 1 ? 'bold' : 'normal',
@@ -26,32 +26,32 @@
           </text>
         </view>
         <view
-          class="fui-navigation-popup"
-          :class="{ 'fui-navigation-popup_show': showMenuIndex == index }"
+          class="up-navigation-popup"
+          :class="{ 'up-navigation-popup_show': showMenuIndex == index }"
           :style="{ backgroundColor: isDarkMode ? '#4c4c4c' : subMenuBgColor, left: item.popupLeft || '50%' }"
           v-if="item.itemList"
         >
           <view
-            class="fui-popup-cell"
-            :class="{ 'fui-first-cell': subIndex === 0, 'fui-last-cell': subIndex === item.itemList.length - 1 }"
-            :hover-class="subMenuHover ? (isDarkMode ? 'fui-item-dark_hover' : 'fui-item-hover') : ''"
+            class="up-popup-cell"
+            :class="{ 'up-first-cell': subIndex === 0, 'up-last-cell': subIndex === item.itemList.length - 1 }"
+            :hover-class="subMenuHover ? (isDarkMode ? 'up-item-dark_hover' : 'up-item-hover') : ''"
             :hover-stay-time="150"
             v-for="(subItem, subIndex) in item.itemList || []"
             :key="subIndex"
             @tap="subMenuClick(index, item.type, subIndex, subItem.parameter)"
           >
             <text
-              class="fui-ellipsis"
+              class="up-ellipsis"
               :style="{ color: isDarkMode ? '#fff' : subMenuColor, fontSize: subMenufontSize, lineHeight: subMenufontSize }"
             >
               {{ subItem.text }}
             </text>
           </view>
-          <view class="fui-popup-triangle" :style="{ borderTopColor: isDarkMode ? '#4c4c4c' : subMenuBgColor }"></view>
+          <view class="up-popup-triangle" :style="{ borderTopColor: isDarkMode ? '#4c4c4c' : subMenuBgColor }"></view>
         </view>
       </view>
     </view>
-    <view class="fui-navigation-mask" :class="{ 'fui-navigation-mask_show': showMenuIndex != -1 }" @tap="handleClose"></view>
+    <view class="up-navigation-mask" :class="{ 'up-navigation-mask_show': showMenuIndex != -1 }" @tap="handleClose"></view>
   </view>
 </template>
 
@@ -163,15 +163,7 @@ export default {
       default: false
     }
   },
-  filters: {
-    getIcon(current, index, item) {
-      let url = item.iconPath;
-      if (item.type == 1) {
-        url = current == index ? item.selectedIconPath || item.iconPath : item.iconPath;
-      }
-      return url;
-    }
-  },
+
   data() {
     return {
       showMenuIndex: -1 //显示的菜单index
@@ -207,13 +199,20 @@ export default {
         subIndex: subIndex,
         parameter: parameter || ''
       });
+    },
+    getIcon(current, index, item) {
+      let url = item.iconPath;
+      if (item.type == 1) {
+        url = current == index ? item.selectedIconPath || item.iconPath : item.iconPath;
+      }
+      return url;
     }
   }
 };
 </script>
 
 <style scoped>
-.fui-bottom-navigation {
+.up-bottom-navigation {
   width: 100%;
   height: 100rpx;
   display: flex;
@@ -223,14 +222,14 @@ export default {
   z-index: 999;
 }
 
-.fui-navigation-fixed {
+.up-navigation-fixed {
   position: fixed !important;
   left: 0;
   bottom: 0;
   padding-bottom: env(safe-area-inset-bottom);
 }
 
-.fui-bottom-navigation::after {
+.up-bottom-navigation::after {
   content: '';
   width: 100%;
   border-top: 1rpx solid #bfbfbf;
@@ -239,20 +238,22 @@ export default {
   left: 0;
   transform: scaleY(0.5) translateZ(0);
   transform-origin: 0 0;
+    transform-origin: 0 100%;
   z-index: 1000;
 }
-.fui-remove-splitLine::before {
+.up-remove-splitLine::before {
   border-top: 0 !important;
 }
 
-.fui-navigation-item {
+.up-navigation-item {
   flex: 1;
   height: 100rpx;
   position: relative;
   box-sizing: border-box;
+  position: relative;
 }
 
-.fui-item-inner {
+.up-item-inner {
   width: 100%;
   height: 100rpx;
   display: flex;
@@ -261,7 +262,7 @@ export default {
   justify-content: center;
 }
 
-.fui-navigation-item::after {
+.up-navigation-item::after {
   height: 100%;
   content: '';
   position: absolute;
@@ -271,22 +272,22 @@ export default {
   top: 0;
 }
 
-.fui-item-after_height::after {
+.up-item-after_height::after {
   height: 40% !important;
   top: 30% !important;
 }
 
-.fui-last-item::after {
+.up-last-item::after {
   border-right: 0 !important;
 }
 
-.fui-navigation-img {
+.up-navigation-img {
   width: 32rpx;
   height: 32rpx;
   margin-right: 8rpx;
 }
 
-.fui-navigation-popup {
+.up-navigation-popup {
   max-width: 160%;
   width: auto;
   position: absolute;
@@ -300,13 +301,13 @@ export default {
   z-index: -1;
 }
 
-.fui-navigation-popup_show {
+.up-navigation-popup_show {
   transform: translate3d(-50%, -124rpx, 0);
   visibility: visible;
   opacity: 1;
 }
 
-.fui-popup-triangle {
+.up-popup-triangle {
   position: absolute;
   width: 0;
   height: 0;
@@ -320,7 +321,7 @@ export default {
   z-index: 997;
 }
 
-.fui-popup-cell {
+.up-popup-cell {
   width: 100%;
   padding: 32rpx 20rpx;
   box-sizing: border-box;
@@ -331,13 +332,13 @@ export default {
   position: relative;
 }
 
-.fui-ellipsis {
+.up-ellipsis {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-.fui-popup-cell::after {
+.up-popup-cell::after {
   content: '';
   position: absolute;
   border-bottom: 1rpx solid #eaeef1;
@@ -348,29 +349,29 @@ export default {
   left: 24rpx;
 }
 
-.fui-item-hover {
+.up-item-hover {
   background-color: #f1f1f1;
 }
 
-.fui-item-dark_hover {
+.up-item-dark_hover {
   background-color: #555;
 }
 
-.fui-first-cell {
+.up-first-cell {
   border-top-left-radius: 8rpx;
   border-top-right-radius: 8rpx;
 }
 
-.fui-last-cell {
+.up-last-cell {
   border-bottom-left-radius: 8rpx;
   border-bottom-right-radius: 8rpx;
 }
 
-.fui-last-cell::after {
+.up-last-cell::after {
   border-bottom: 0 !important;
 }
 
-.fui-navigation-mask {
+.up-navigation-mask {
   position: fixed;
   top: 0;
   left: 0;
@@ -383,7 +384,7 @@ export default {
   background-color: rgba(0, 0, 0, 0);
 }
 
-.fui-navigation-mask_show {
+.up-navigation-mask_show {
   opacity: 1;
   visibility: visible;
 }

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

@@ -1,13 +1,14 @@
 <template>
   <view @touchmove.stop.prevent>
     <view
-      class="fui-popup-class fui-bottom-popup"
-      :class="{ 'fui-popup-show': show, 'fui-popup-radius': radius }"
+      class="up-popup-class up-bottom-popup"
+      :class="{ 'up-popup-show': show, 'up-popup-radius': radius }"
+         :class2="{ 'up-hidden': !show, 'up-popup-show': show, 'up-popup-radius': radius }"
       :style="{ backgroundColor: backgroundColor, height: height ? height + 'rpx' : 'auto' }"
     >
       <slot></slot>
     </view>
-    <view class="fui-popup-mask" :class="[show ? 'fui-mask-show' : '']" v-if="mask" @tap="handleClose"></view>
+    <view class="up-popup-mask" :class="[show ? 'up-mask-show' : '']" v-if="mask" @tap="handleClose"></view>
   </view>
 </template>
 
@@ -53,7 +54,7 @@ export default {
 </script>
 
 <style scoped>
-.fui-bottom-popup {
+.up-bottom-popup {
   width: 100%;
   position: fixed;
   left: 0;
@@ -67,20 +68,20 @@ export default {
   transition: all 0.3s ease-in-out;
   min-height: 20rpx;
 }
-.fui-popup-radius {
+.up-popup-radius {
   border-top-left-radius: 24rpx;
   border-top-right-radius: 24rpx;
   padding-bottom: env(safe-area-inset-bottom);
   overflow: hidden;
 }
 
-.fui-popup-show {
+.up-popup-show {
   transform: translate3d(0, 0, 0);
   opacity: 1;
   /* visibility: visible; */
 }
 
-.fui-popup-mask {
+.up-popup-mask {
   position: fixed;
   top: 0;
   left: 0;
@@ -93,7 +94,7 @@ export default {
   visibility: hidden;
 }
 
-.fui-mask-show {
+.up-mask-show {
   opacity: 1;
   visibility: visible;
 }

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

@@ -1,8 +1,8 @@
 <template>
-  <view :class="{ 'fui-flex-end': flexEnd }">
+  <view :class="{ 'up-flex-end': flexEnd }">
     <view
-      class="fui-popup-list"
-      :class="{ 'fui-popup-show': show, 'fui-z_index': show && position != 'relative' }"
+      class="up-popup-list"
+      :class="{ 'up-popup-show': show, 'up-z_index': show && position != 'relative' }"
       :style="{
         width: width,
         backgroundColor: backgroundColor,
@@ -17,7 +17,7 @@
       }"
     >
       <view
-        class="fui-triangle"
+        class="up-triangle"
         :style="{
           borderWidth: borderWidth,
           borderColor: `transparent transparent ${backgroundColor} transparent`,
@@ -29,7 +29,7 @@
         v-if="direction == 'top'"
       ></view>
       <view
-        class="fui-triangle"
+        class="up-triangle"
         :style="{
           borderWidth: borderWidth,
           borderColor: `${backgroundColor}  transparent transparent transparent`,
@@ -41,7 +41,7 @@
         v-if="direction == 'bottom'"
       ></view>
       <view
-        class="fui-triangle"
+        class="up-triangle"
         :style="{
           borderWidth: borderWidth,
           borderColor: `transparent  ${backgroundColor} transparent transparent`,
@@ -53,7 +53,7 @@
         v-if="direction == 'left'"
       ></view>
       <view
-        class="fui-triangle"
+        class="up-triangle"
         :style="{
           borderWidth: borderWidth,
           borderColor: `transparent transparent  transparent ${backgroundColor}`,
@@ -68,8 +68,8 @@
     </view>
     <view
       @touchmove.stop.prevent="stop"
-      class="fui-popup-mask"
-      :class="{ 'fui-popup-show': show }"
+      class="up-popup-mask"
+      :class="{ 'up-popup-show': show }"
       :style="{ backgroundColor: maskBgColor }"
       v-if="mask"
       @tap="handleClose"
@@ -118,6 +118,7 @@ export default {
     //背景颜色
     backgroundColor: {
       type: String,
+      // 5c8dff
       default: '#4c4c4c'
     },
     //字体颜色
@@ -192,28 +193,31 @@ export default {
 </script>
 
 <style scoped>
-.fui-popup-list {
+.up-popup-list {
   z-index: 1;
   transition: all 0.3s ease-in-out;
   opacity: 0;
   visibility: hidden;
 }
 
-.fui-flex-end {
+.up-flex-end {
   width: 100%;
   display: flex;
   justify-content: flex-end;
 }
 
-.fui-triangle {
+.up-triangle {
   position: absolute;
   width: 0;
   height: 0;
   border-style: solid;
   z-index: 997;
+  border: 16rpx solid;
+
+
 }
 
-.fui-popup-mask {
+.up-popup-mask {
   position: fixed;
   top: 0;
   left: 0;
@@ -225,12 +229,12 @@ export default {
   visibility: hidden;
 }
 
-.fui-popup-show {
+.up-popup-show {
   opacity: 1;
   visibility: visible;
 }
 
-.fui-z_index {
+.up-z_index {
   z-index: 996;
 }
 </style>