@10yun/cv-mobile-ui 0.5.53 → 0.5.55

package/ui-fireui copy/components/u-alert/u-alert.vue

@@ -1,141 +0,0 @@
-<template>
-  <view>
-    <view class="up-alert-class up-alert-box" :class="[show ? 'up-alert-show' : '']">
-      <view class="up-alert-content" :style="{ fontSize: size + 'rpx', color: color }">
-        <slot></slot>
-      </view>
-      <view
-        class="up-alert-btn"
-        :style="{ color: btnColor }"
-        hover-class="up-alert-btn-hover"
-        :hover-stay-time="150"
-        @tap.stop="handleClick"
-      >
-        {{ btnText }}
-      </view>
-    </view>
-    <view class="up-alert-mask" :class="[show ? 'up-alert-mask-show' : '']" @tap.stop="handleClickCancel"></view>
-  </view>
-</template>
-
-<script>
-export default {
-  name: 'fuiAlert',
-  props: {
-    //控制显示
-    show: {
-      type: Boolean,
-      default: false
-    },
-    //提示信息字体大小
-    size: {
-      type: Number,
-      default: 30
-    },
-    //提示信息字体颜色
-    color: {
-      type: String,
-      default: '#333'
-    },
-    //按钮字体颜色
-    btnColor: {
-      type: String,
-      default: '#EB0909'
-    },
-    btnText: {
-      type: String,
-      default: '确定'
-    },
-    //点击遮罩 是否可关闭
-    maskClosable: {
-      type: Boolean,
-      default: false
-    }
-  },
-  methods: {
-    handleClick(e) {
-      if (!this.show) return;
-      this.$emit('click', {});
-    },
-    handleClickCancel() {
-      if (!this.maskClosable) return;
-      this.$emit('cancel');
-    }
-  }
-};
-</script>
-
-<style scoped>
-.up-alert-box {
-  position: fixed;
-  width: 560rpx;
-  left: 50%;
-  top: 50%;
-  background-color: #fff;
-  transition: all 0.3s ease-in-out;
-  transform: translate(-50%, -50%) scale(0);
-  opacity: 0;
-  border-radius: 6rpx;
-  overflow: hidden;
-  z-index: 99998;
-}
-
-.up-alert-show {
-  transform: translate(-50%, -50%) scale(1);
-  opacity: 1;
-}
-
-.up-alert-mask {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: rgba(0, 0, 0, 0.5);
-  z-index: 99996;
-  transition: all 0.3s ease-in-out;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.up-alert-mask-show {
-  visibility: visible;
-  opacity: 1;
-}
-
-.up-alert-content {
-  text-align: center;
-  color: #333333;
-  padding: 98rpx 48rpx 92rpx 48rpx;
-  box-sizing: border-box;
-  word-break: break-all;
-}
-
-.up-alert-btn {
-  width: 100%;
-  height: 90rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: #fff;
-  box-sizing: border-box;
-  position: relative;
-  font-size: 32rpx;
-  line-height: 32rpx;
-}
-
-.up-alert-btn-hover {
-  background-color: #f7f7f7;
-}
-
-.up-alert-btn::before {
-  width: 100%;
-  content: '';
-  position: absolute;
-  border-top: 1rpx solid #e0e0e0;
-  -webkit-transform: scaleY(0.5);
-  transform: scaleY(0.5);
-  left: 0;
-  top: 0;
-}
-</style>

package/ui-fireui copy/components/u-badge/u-badge.vue

@@ -1,158 +0,0 @@
-<template>
-  <view
-    :class="[dot ? 'up-badge-dot' : 'up-badge', 'up-' + type, !dot ? 'up-badge-scale' : '']"
-    :style="{ top: top, right: right, position: absolute ? 'absolute' : 'static', transform: getStyle, margin: margin }"
-    @tap="handleClick"
-  >
-    <slot></slot>
-  </view>
-</template>
-
-<script>
-export default {
-  name: 'fuiBadge',
-  props: {
-    //primary,warning,green,danger,white，black，gray,white_red
-    type: {
-      type: String,
-      default: 'primary'
-    },
-    //是否是圆点
-    dot: {
-      type: Boolean,
-      default: false
-    },
-    margin: {
-      type: String,
-      default: '0'
-    },
-    //是否绝对定位
-    absolute: {
-      type: Boolean,
-      default: false
-    },
-    top: {
-      type: String,
-      default: '-8rpx'
-    },
-    right: {
-      type: String,
-      default: '0'
-    },
-    //缩放比例
-    scaleRatio: {
-      type: Number,
-      default: 1
-    },
-    //水平方向移动距离
-    translateX: {
-      type: String,
-      default: '0'
-    }
-  },
-  computed: {
-    getStyle() {
-      return `scale(${this.scaleRatio}) translateX(${this.translateX})`;
-    }
-  },
-  methods: {
-    handleClick() {
-      this.$emit('click', {});
-    }
-  }
-};
-</script>
-
-<style scoped>
-/* color start*/
-
-.up-primary {
-  background-color: #5677fc;
-  color: #fff;
-}
-
-.up-danger {
-  background-color: #ed3f14;
-  color: #fff;
-}
-
-.up-red {
-  background-color: #f74d54;
-  color: #fff;
-}
-
-.up-warning {
-  background-color: #ff7900;
-  color: #fff;
-}
-
-.up-green {
-  background-color: #19be6b;
-  color: #fff;
-}
-
-.up-white {
-  background-color: #fff;
-  color: #333;
-}
-
-.up-white_red {
-  background-color: #fff;
-  color: #f74d54;
-}
-
-.up-white_primary {
-  background-color: #fff;
-  color: #5677fc;
-}
-
-.up-white_green {
-  background-color: #fff;
-  color: #19be6b;
-}
-
-.up-white_warning {
-  background-color: #fff;
-  color: #ff7900;
-}
-
-.up-black {
-  background-color: #000;
-  color: #fff;
-}
-
-.up-gray {
-  background-color: #ededed;
-  color: #999;
-}
-
-/* color end*/
-
-/* badge start*/
-
-.up-badge-dot {
-  height: 8px;
-  width: 8px;
-  border-radius: 50%;
-}
-
-.up-badge {
-  font-size: 24rpx;
-  line-height: 24rpx;
-  height: 36rpx;
-  min-width: 36rpx;
-  padding: 0 10rpx;
-  box-sizing: border-box;
-  border-radius: 100rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 10;
-}
-
-.up-badge-scale {
-  transform-origin: center center;
-}
-
-/* badge end*/
-</style>

package/ui-fireui copy/components/u-bottom-navigation/u-bottom-navigation.vue

@@ -1,391 +0,0 @@
-<template>
-  <view @touchmove.stop.prevent="stop">
-    <view class="up-bottom-navigation" :class="{ 'up-navigation-fixed': isFixed, 'up-remove-splitLine': unlined }">
-      <view
-        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="up-item-inner" @tap="menuClick(index, item.parameter, item.type)">
-          <image
-            :src="current | getIcon(index, item)"
-            class="up-navigation-img"
-            v-if="item.iconPath || (current == index && item.selectedIconPath && item.type == 1)"
-          ></image>
-          <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',
-              fontSize: fontSize
-            }"
-          >
-            {{ item.text }}
-          </text>
-        </view>
-        <view
-          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="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="up-ellipsis"
-              :style="{ color: isDarkMode ? '#fff' : subMenuColor, fontSize: subMenufontSize, lineHeight: subMenufontSize }"
-            >
-              {{ subItem.text }}
-            </text>
-          </view>
-          <view class="up-popup-triangle" :style="{ borderTopColor: isDarkMode ? '#4c4c4c' : subMenuBgColor }"></view>
-        </view>
-      </view>
-    </view>
-    <view class="up-navigation-mask" :class="{ 'up-navigation-mask_show': showMenuIndex != -1 }" @tap="handleClose"></view>
-  </view>
-</template>
-
-<script>
-export default {
-  name: 'fuiBottomNavigation',
-  props: {
-    //当前索引
-    current: {
-      type: Number,
-      default: 0
-    },
-    /**
-		 * {
-				text: 'ThorUI',
-				iconPath: '/static/images/common/icon_menu_gray.png',
-				selectedIconPath: '/static/images/common/icon_menu_gray.png',
-				color: '#666',
-				//1-选中切换，2-跳转、请求、其他操作，3-菜单
-				type: 3,
-				//自定义参数，类型自定义
-				parameter: null,
-				//子菜单left值,不传默认50%,当菜单贴近左右两边可用此参数调整
-				popupLeft: '',
-				itemList: [
-					{
-						//不建议超过6个字，请自行控制
-						text: '自定义参',
-						//自定义参数，类型自定义
-						parameter: null
-					},
-					{
-						text: '自定义参数',
-						//自定义参数，类型自定义
-						parameter: null
-					}
-				]
-			}
-		 * 
-		 * */
-    itemList: {
-      type: Array,
-      default: () => {
-        return [];
-      }
-    },
-    //颜色
-    color: {
-      type: String,
-      default: '#666'
-    },
-    //选中颜色
-    selectedColor: {
-      type: String,
-      default: '#5677fc'
-    },
-    fontSize: {
-      type: String,
-      default: '28rpx'
-    },
-    //选中后字体是否加粗
-    bold: {
-      type: Boolean,
-      default: true
-    },
-    //导航条背景颜色
-    backgroundColor: {
-      type: String,
-      default: '#F8F8F8'
-    },
-    //item分割线高度是否缩小
-    splitLineScale: {
-      type: Boolean,
-      default: true
-    },
-    //二级菜单字体颜色
-    subMenuColor: {
-      type: String,
-      default: '#333'
-    },
-    //二级菜单字体大小
-    subMenufontSize: {
-      type: String,
-      default: '28rpx'
-    },
-    //二级菜单背景色  深色：#4c4c4c
-    subMenuBgColor: {
-      type: String,
-      default: '#fff'
-    },
-    //二级菜单是否有点击效果
-    subMenuHover: {
-      type: Boolean,
-      default: true
-    },
-    //是否固定在底部
-    isFixed: {
-      type: Boolean,
-      default: true
-    },
-    //去除导航栏顶部的线条
-    unlined: {
-      type: Boolean,
-      default: false
-    },
-    //是否暗黑模式 (true：所有设置颜色失效)
-    isDarkMode: {
-      type: Boolean,
-      default: false
-    }
-  },
-
-  data() {
-    return {
-      showMenuIndex: -1 //显示的菜单index
-    };
-  },
-  methods: {
-    stop() {
-      return false;
-    },
-    handleClose() {
-      this.showMenuIndex = -1;
-    },
-    menuClick(index, parameter, type) {
-      //type：1-选中切换，2-跳转、请求、其他操作，3-菜单
-      if (type == 3) {
-        this.showMenuIndex = this.showMenuIndex == index ? -1 : index;
-      } else {
-        this.showMenuIndex = -1;
-        this.$emit('click', {
-          menu: 'main', //main,sub 主菜单，子菜单
-          type: type,
-          index: index,
-          parameter: parameter || ''
-        });
-      }
-    },
-    subMenuClick(index, type, subIndex, parameter) {
-      this.showMenuIndex = -1;
-      this.$emit('click', {
-        menu: 'sub', //main,sub 主菜单，子菜单
-        type: type,
-        index: index,
-        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>
-.up-bottom-navigation {
-  width: 100%;
-  height: 100rpx;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  position: relative;
-  z-index: 999;
-}
-
-.up-navigation-fixed {
-  position: fixed !important;
-  left: 0;
-  bottom: 0;
-  padding-bottom: env(safe-area-inset-bottom);
-}
-
-.up-bottom-navigation::after {
-  content: '';
-  width: 100%;
-  border-top: 1rpx solid #bfbfbf;
-  position: absolute;
-  top: 0;
-  left: 0;
-  transform: scaleY(0.5) translateZ(0);
-  transform-origin: 0 0;
-    transform-origin: 0 100%;
-  z-index: 1000;
-}
-.up-remove-splitLine::before {
-  border-top: 0 !important;
-}
-
-.up-navigation-item {
-  flex: 1;
-  height: 100rpx;
-  position: relative;
-  box-sizing: border-box;
-  position: relative;
-}
-
-.up-item-inner {
-  width: 100%;
-  height: 100rpx;
-  display: flex;
-  text-align: center;
-  align-items: center;
-  justify-content: center;
-}
-
-.up-navigation-item::after {
-  height: 100%;
-  content: '';
-  position: absolute;
-  border-right: 1rpx solid #bfbfbf;
-  transform: scaleX(0.5) translateZ(0);
-  right: 0;
-  top: 0;
-}
-
-.up-item-after_height::after {
-  height: 40% !important;
-  top: 30% !important;
-}
-
-.up-last-item::after {
-  border-right: 0 !important;
-}
-
-.up-navigation-img {
-  width: 32rpx;
-  height: 32rpx;
-  margin-right: 8rpx;
-}
-
-.up-navigation-popup {
-  max-width: 160%;
-  width: auto;
-  position: absolute;
-  border-radius: 8rpx;
-  visibility: hidden;
-  opacity: 0;
-  transform: translate3d(-50%, 0, 0);
-  transform-origin: center;
-  transition: all 0.12s ease-in-out;
-  bottom: 0;
-  z-index: -1;
-}
-
-.up-navigation-popup_show {
-  transform: translate3d(-50%, -124rpx, 0);
-  visibility: visible;
-  opacity: 1;
-}
-
-.up-popup-triangle {
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-left: 9rpx solid transparent;
-  border-right: 9rpx solid transparent;
-  border-top: 18rpx solid;
-  left: 50%;
-  bottom: -18rpx;
-  -webkit-transform: translateX(-50%);
-  transform: translateX(-50%);
-  z-index: 997;
-}
-
-.up-popup-cell {
-  width: 100%;
-  padding: 32rpx 20rpx;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex: 1;
-  position: relative;
-}
-
-.up-ellipsis {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.up-popup-cell::after {
-  content: '';
-  position: absolute;
-  border-bottom: 1rpx solid #eaeef1;
-  -webkit-transform: scaleY(0.5);
-  transform: scaleY(0.5);
-  bottom: 0;
-  right: 24rpx;
-  left: 24rpx;
-}
-
-.up-item-hover {
-  background-color: #f1f1f1;
-}
-
-.up-item-dark_hover {
-  background-color: #555;
-}
-
-.up-first-cell {
-  border-top-left-radius: 8rpx;
-  border-top-right-radius: 8rpx;
-}
-
-.up-last-cell {
-  border-bottom-left-radius: 8rpx;
-  border-bottom-right-radius: 8rpx;
-}
-
-.up-last-cell::after {
-  border-bottom: 0 !important;
-}
-
-.up-navigation-mask {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 995;
-  transition: all 0.3s ease-in-out;
-  opacity: 0;
-  visibility: hidden;
-  background-color: rgba(0, 0, 0, 0);
-}
-
-.up-navigation-mask_show {
-  opacity: 1;
-  visibility: visible;
-}
-</style>