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

package/ui-fireui/components/u-fab/u-fab.vue

@@ -1,284 +0,0 @@
-<template>
-  <view @touchmove.stop.prevent>
-    <view
-      class="up-fab-box"
-      :class="{ 'up-fab-right': !left || (left && right) }"
-      :style="{ left: getLeft(), right: getRight(), bottom: bottom + 'rpx' }"
-    >
-      <view class="up-fab-btn" :class="{ 'up-visible': isOpen, 'up-fab-hidden': hidden }">
-        <view
-          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 ? 'up-text-left' : 'up-text-right']"
-            v-if="item.imgUrl"
-            :style="{ fontSize: item.fontSize + 'rpx', color: item.color }"
-          >
-            {{ item.text || '' }}
-          </view>
-          <view
-            class="up-fab-item"
-            :style="{ width: width + 'rpx', height: height + 'rpx', background: item.bgColor || bgColor, borderRadius: radius }"
-          >
-            <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="up-fab-img"
-              v-else
-              :style="{ width: item.imgWidth + 'rpx', height: item.imgHeight + 'rpx' }"
-            ></image>
-          </view>
-        </view>
-      </view>
-      <view
-        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="up-fab-icon up-icon-plus"></view>
-      </view>
-    </view>
-    <view class="up-fab-mask" :class="{ 'up-visible': isOpen }" @tap="handleClickCancel"></view>
-  </view>
-</template>
-
-<script>
-//拓展出来的按钮不应多于6个，否则违反了作为悬浮按钮的快速、高效的原则
-export default {
-  name: 'fuiFab',
-  props: {
-    //rpx 为0时值为auto
-    left: {
-      type: Number,
-      default: 0
-    },
-    //rpx 当为0时且left不为0，值为auto
-    right: {
-      type: Number,
-      default: 80
-    },
-    //rpx bottom值
-    bottom: {
-      type: Number,
-      default: 100
-    },
-    //默认按钮 宽度 rpx
-    width: {
-      type: Number,
-      default: 108
-    },
-    //默认按钮 高度 rpx
-    height: {
-      type: Number,
-      default: 108
-    },
-    //圆角值
-    radius: {
-      type: String,
-      default: '50%'
-    },
-    //默认按钮背景颜色
-    bgColor: {
-      type: String,
-      default: '#5677fc'
-    },
-    //字体颜色
-    color: {
-      type: String,
-      default: '#fff'
-    },
-    //拓展按钮
-    // bgColor: "#5677fc",
-    // //图标/图片地址
-    // imgUrl: "/static/images/fab/fab_reward.png",
-    // //图片高度 rpx
-    // imgHeight: 60,
-    // //图片宽度 rpx
-    // imgWidth: 60,
-    // //名称
-    // text: "名称",
-    // //字体大小
-    // fontSize: 30,
-    // //字体颜色
-    // color: "#fff"
-    btnList: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    //点击遮罩 是否可关闭
-    maskClosable: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    return {
-      isOpen: false,
-      hidden: true,
-      timer: null
-    };
-  },
-  methods: {
-    getLeft() {
-      let val = 'auto';
-      if (this.left && !this.right) {
-        val = this.left + 'rpx';
-      }
-      return val;
-    },
-    getRight() {
-      let val = this.right + 'rpx';
-      if (this.left && !this.right) {
-        val = 'auto';
-      }
-      return val;
-    },
-    handleClick(index) {
-      this.hidden = false;
-      clearTimeout(this.timer);
-      if (index == -1 && this.btnList.length) {
-        this.isOpen = !this.isOpen;
-      } else {
-        this.$emit('click', {
-          index: index
-        });
-        this.isOpen = false;
-      }
-      if (!this.isOpen) {
-        this.timer = setTimeout(() => {
-          this.hidden = true;
-        }, 200);
-      }
-    },
-    handleClickCancel() {
-      if (!this.maskClosable) return;
-      this.isOpen = false;
-    }
-  },
-  beforeDestroy() {
-    clearTimeout(this.timer);
-    this.timer = null;
-  }
-};
-</script>
-
-<style scoped>
-@font-face {
-  font-family: 'fuifab';
-  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAREAA0AAAAABnAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEKAAAABoAAAAciPExJUdERUYAAAQIAAAAHgAAAB4AKQAKT1MvMgAAAaAAAABCAAAAVjyBSAVjbWFwAAAB9AAAAD4AAAFCAA/pvmdhc3AAAAQAAAAACAAAAAj//wADZ2x5ZgAAAkAAAABRAAAAYFkYQQNoZWFkAAABMAAAADAAAAA2Fm5OF2hoZWEAAAFgAAAAHQAAACQH3QOFaG10eAAAAeQAAAAPAAAAEAwAAANsb2NhAAACNAAAAAoAAAAKADAAAG1heHAAAAGAAAAAHwAAACABDwAobmFtZQAAApQAAAFJAAACiCnmEVVwb3N0AAAD4AAAAB8AAAAx2XRuznjaY2BkYGAAYtGolt54fpuvDNwsDCBwc1krH5xm/t/I/J+5FsjlYGACiQIAGAEKZHjaY2BkYGBu+N/AEMPCAALM/xkYGVABCwBZ4wNrAAAAeNpjYGRgYGBhkGEA0QwMTEDMBYQMDP/BfAYAC4kBOAB42mNgZGFgnMDAysDA1Ml0hoGBoR9CM75mMGLkAIoysDIzYAUBaa4pDA7PhJ8JMzf8b2CIYW5gaAAKM4LkAN21DAEAAHjaY2GAABYIZgYAAIMAEAB42mNgYGBmgGAZBkYGELAB8hjBfBYGBSDNAoRA/jPh//8hpOQHqEoGRjYGGJOBkQlIMDGgAkaGYQ8AUSIHswAAAAAAAAAAAAAAMAAAeNpjYGRg/t/I/J+5lkGagYFRUVCPUYmNXVCRj1FETFxRUI7RyMxcUNGO0USN+fS/HEY5XTnGfznicnLijFPAHMYpYnJyjFvBlBgWBQBNJxKpAAAAeNp9kD1OAzEQhZ/zByQSQiCoXVEA2vyUKRMp9Ailo0g23pBo1155nUg5AS0VB6DlGByAGyDRcgpelkmTImvt6PObmeexAZzjGwr/3yXuhBWO8ShcwREy4Sr1F+Ea+V24jhY+hRvUf4SbuFUD4RYu1BsdVO2Eu5vSbcsKZxgIV3CKJ+Eq9ZVwjfwqXMcVPoQb1L+EmxjjV7iFa2WpDOFhMEFgnEFjig3jAjEcLJIyBtahOfRmEsxMTzd6ETubOBso71dilwMeaDnngCntPbdmvkon/mDLgdSYbh4FS7YpjS4idCgbXyyc1d2oc7D9nu22tNi/a4E1x+xRDWzU/D3bM9JIbAyvkJI18jK3pBJTj2hrrPG7ZynW814IiU68y/SIx5o0dTr3bmniwOLn8owcfbS5kj33qBw+Y1kIeb/dTsQgil2GP5PYcRkAAAB42mNgYoAALjDJyIAOWMCiTIxMbFmZiRmJ+QALXAKKAAAAAAH//wACAAEAAAAMAAAAFgAAAAIAAQADAAMAAQAEAAAAAgAAAAB42mNgYGBkAIKrS9Q5QPTNZa18MBoAPbcFzgAA)
-    format('woff');
-  font-weight: normal;
-  font-style: normal;
-}
-
-.up-fab-icon {
-  font-family: 'fuifab' !important;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  padding: 10rpx;
-}
-
-.up-icon-plus:before {
-  content: '\e613';
-}
-
-.up-fab-box {
-  display: flex;
-  justify-content: center;
-  flex-direction: column;
-  position: fixed;
-  z-index: 99997;
-}
-
-.up-fab-right {
-  align-items: flex-end;
-}
-
-.up-fab-btn {
-  transform: scale(0);
-  transition: all 0.2s ease-in-out;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.up-fab-hidden {
-  height: 0;
-  width: 0;
-}
-
-.up-fab-item-box {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  padding-bottom: 40rpx;
-}
-
-.up-fab-item-left {
-  flex-flow: row-reverse;
-}
-
-.up-fab-title {
-  width: 90%;
-  text-align: center;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.up-text-left {
-  padding-left: 28rpx;
-}
-
-.up-text-right {
-  padding-right: 28rpx;
-}
-
-.up-fab-img {
-  display: block;
-}
-
-.up-fab-item {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
-  transition: all 0.2s linear;
-}
-
-.up-radius {
-  border-radius: 50%;
-}
-
-.up-active {
-  transform: rotate(135deg);
-}
-
-.up-fab-mask {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: rgba(0, 0, 0, 0.75);
-  z-index: 99996;
-  transition: all 0.2s ease-in-out;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.up-visible {
-  visibility: visible;
-  opacity: 1;
-  transform: scale(1);
-}
-</style>

package/ui-fireui/components/u-icon/style.css

@@ -1,63 +0,0 @@
-/* #ifdef APP || MP-QQ || MP-TOUTIAO || MP-BAIDU || MP-KUAISHOU || MP-XHS */
-@font-face {
-  font-family: "uicon-iconfont";
-  src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
-}
-/* #endif */
-.u-icon {
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  align-items: center;
-}
-.u-icon--left {
-  flex-direction: row-reverse;
-  align-items: center;
-}
-.u-icon--right {
-  flex-direction: row;
-  align-items: center;
-}
-.u-icon--top {
-  flex-direction: column-reverse;
-  justify-content: center;
-}
-.u-icon--bottom {
-  flex-direction: column;
-  justify-content: center;
-}
-.u-icon__icon {
-  font-family: uicon-iconfont;
-  position: relative;
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-  align-items: center;
-}
-.u-icon__icon--primary {
-  color: var(--u-primary);
-}
-.u-icon__icon--success {
-  color: var(--u-success);
-}
-.u-icon__icon--error {
-  color: var(--u-error);
-}
-.u-icon__icon--warning {
-  color: var(--u-warning);
-}
-.u-icon__icon--info {
-  color: var(--u-info);
-}
-.u-icon__img {
-  /* #ifndef APP-NVUE */
-  height: auto;
-  will-change: transform;
-  /* #endif */
-}
-.u-icon__label {
-  /* #ifndef APP-NVUE */
-  line-height: 1;
-  /* #endif */
-}

package/ui-fireui/components/u-image-group/u-image-group.vue

@@ -1,149 +0,0 @@
-<template>
-  <view class="up-image-container" :class="{ 'up-image-direction': direction == 'column' }">
-    <view
-      v-for="(item, index) in imageList"
-      :key="index"
-      class="up-image-item_box"
-      :style="{
-        width: width,
-        height: height,
-        borderRadius: radius,
-        marginLeft: direction == 'column' ? 0 : (index && distance) + 'rpx',
-        marginTop: direction == 'row' ? 0 : (index && distance) + 'rpx'
-      }"
-      @tap="bindClick(index, item.id)"
-    >
-      <image
-        class="up-image-item"
-        :mode="mode"
-        :lazy-load="lazyLoad"
-        fade-show="fadeShow"
-        :webp="webp"
-        :show-menu-by-longpress="longpress"
-        @error="error"
-        @load="load"
-        :style="{ width: width, height: height, borderRadius: radius, borderWidth: borderWidth, borderColor: borderColor }"
-        :src="item.src"
-      ></image>
-      <slot />
-    </view>
-  </view>
-</template>
-
-<script>
-export default {
-  name: 'fuiImageGroup',
-  props: {
-    //图片集合
-    /*
-		  [{id:1,src:"1.png"}]
-		*/
-    imageList: {
-      type: Array,
-      default: () => {
-        return [];
-      }
-    },
-    //图片宽度
-    width: {
-      type: String,
-      default: '120rpx'
-    },
-    //图片高度
-    height: {
-      type: String,
-      default: '120rpx'
-    },
-    //图片边框宽度 rpx
-    borderWidth: {
-      type: String,
-      default: '0'
-    },
-    //图片边框颜色 可传rgba
-    borderColor: {
-      type: String,
-      default: '#fff'
-    },
-    //图片圆角
-    radius: {
-      type: String,
-      default: '50%'
-    },
-    //图片裁剪、缩放的模式
-    mode: {
-      type: String,
-      default: 'scaleToFill'
-    },
-    //图片懒加载。只针对page与scroll-view下的image有效
-    lazyLoad: {
-      type: Boolean,
-      default: true
-    },
-    //图片显示动画效果 | 仅App-nvue 2.3.4+ Android有效
-    fadeShow: {
-      type: Boolean,
-      default: true
-    },
-    //默认不解析 webP 格式，只支持网络资源 | 微信小程序2.9.0
-    webp: {
-      type: Boolean,
-      default: false
-    },
-    //开启长按图片显示识别小程序码菜单 | 微信小程序2.7.0
-    longpress: {
-      type: Boolean,
-      default: false
-    },
-    //是否组合排列
-    isGroup: {
-      type: Boolean,
-      default: false
-    },
-    //排列方向 row ，column
-    direction: {
-      type: String,
-      default: 'row'
-    },
-    //偏移距离 rpx
-    distance: {
-      type: [Number, String],
-      default: -16
-    }
-  },
-  data() {
-    return {};
-  },
-  methods: {
-    error(e) {
-      this.$emit('errorEvent', e);
-    },
-    load(e) {
-      this.$emit('loaded', e);
-    },
-    bindClick(index, id) {
-      this.$emit('click', {
-        index: index,
-        id: id || ''
-      });
-    }
-  }
-};
-</script>
-
-<style scoped>
-.up-image-container {
-  display: inline-flex;
-  align-items: center;
-}
-.up-image-direction {
-  flex-direction: column;
-}
-.up-image-item_box {
-  position: relative;
-}
-.up-image-item {
-  border-style: solid;
-  flex-shrink: 0;
-  display: block;
-}
-</style>

package/ui-fireui copy/components/u-action-sheet/u-action-sheet.vue

@@ -1,202 +0,0 @@
-<template>
-  <view @touchmove.stop.prevent>
-    <view class="up-actionsheet" :class="{ 'up-actionsheet-show': show, 'up-actionsheet-radius': radius }">
-      <view class="up-actionsheet-tips" :style="{ fontSize: size + 'rpx', color: color }" v-if="tips">
-        {{ tips }}
-      </view>
-      <view :class="[isCancel ? 'up-operate-box' : '']">
-        <block v-for="(item, index) in itemList" :key="index">
-          <view
-            class="up-actionsheet-btn up-actionsheet-divider"
-            :class="{ 'up-btn-last': !isCancel && index == itemList.length - 1 }"
-            hover-class="up-actionsheet-hover"
-            :hover-stay-time="150"
-            :data-index="index"
-            :style="{ color: item.color || '#2B2B2B' }"
-            @tap="handleClickItem"
-          >
-            {{ item.text }}
-          </view>
-        </block>
-      </view>
-      <view
-        class="up-actionsheet-btn up-actionsheet-cancel"
-        hover-class="up-actionsheet-hover"
-        :hover-stay-time="150"
-        v-if="isCancel"
-        @tap="handleClickCancel"
-      >
-        取消
-      </view>
-    </view>
-    <view class="up-actionsheet-mask" :class="{ 'up-mask-show': show }" @tap="handleClickMask"></view>
-  </view>
-</template>
-
-<script>
-export default {
-  name: 'fuiActionsheet',
-  props: {
-    //点击遮罩 是否可关闭
-    maskClosable: {
-      type: Boolean,
-      default: true
-    },
-    //显示操作菜单
-    show: {
-      type: Boolean,
-      default: false
-    },
-    //菜单按钮数组，自定义文本颜色，红色参考色：#e53a37
-    itemList: {
-      type: Array,
-      default: () => {
-        return [
-          {
-            text: '确定',
-            color: '#2B2B2B'
-          }
-        ];
-      }
-    },
-    //提示文字
-    tips: {
-      type: String,
-      default: ''
-    },
-    //提示文字颜色
-    color: {
-      type: String,
-      default: '#808080'
-    },
-    //提示文字大小 rpx
-    size: {
-      type: Number,
-      default: 26
-    },
-    //是否需要圆角
-    radius: {
-      type: Boolean,
-      default: true
-    },
-    //是否需要取消按钮
-    isCancel: {
-      type: Boolean,
-      default: true
-    }
-  },
-  methods: {
-    handleClickMask() {
-      if (!this.maskClosable) return;
-      this.handleClickCancel();
-    },
-    handleClickItem(e) {
-      if (!this.show) return;
-      const dataset = e.currentTarget.dataset;
-      this.$emit('click', {
-        index: Number(dataset.index)
-      });
-    },
-    handleClickCancel() {
-      this.$emit('cancel');
-    }
-  }
-};
-</script>
-
-<style scoped>
-.up-actionsheet {
-  width: 100%;
-  position: fixed;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 9999;
-  visibility: hidden;
-  transform: translate3d(0, 100%, 0);
-  transform-origin: center;
-  transition: all 0.25s ease-in-out;
-  background-color: #f7f7f7;
-  min-height: 100rpx;
-}
-
-.up-actionsheet-radius {
-  border-top-left-radius: 20rpx;
-  border-top-right-radius: 20rpx;
-  overflow: hidden;
-}
-
-.up-actionsheet-show {
-  transform: translate3d(0, 0, 0);
-  visibility: visible;
-}
-
-.up-actionsheet-tips {
-  width: 100%;
-  padding: 40rpx 60rpx;
-  box-sizing: border-box;
-  text-align: center;
-  background-color: #fff;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.up-operate-box {
-  padding-bottom: 12rpx;
-}
-
-.up-actionsheet-btn {
-  width: 100%;
-  height: 100rpx;
-  background-color: #fff;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  font-size: 34rpx;
-  position: relative;
-}
-
-.up-btn-last {
-  padding-bottom: env(safe-area-inset-bottom);
-}
-
-.up-actionsheet-divider::before {
-  content: '';
-  width: 100%;
-  border-top: 1rpx solid #e7e7e7;
-  position: absolute;
-  top: 0;
-  left: 0;
-  -webkit-transform: scaleY(0.5);
-  transform: scaleY(0.5);
-}
-
-.up-actionsheet-cancel {
-  color: #1a1a1a;
-  padding-bottom: env(safe-area-inset-bottom);
-}
-
-.up-actionsheet-hover {
-  background-color: #f7f7f9;
-}
-
-.up-actionsheet-mask {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: rgba(0, 0, 0, 0.6);
-  z-index: 9996;
-  transition: all 0.3s ease-in-out;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.up-mask-show {
-  opacity: 1;
-  visibility: visible;
-}
-</style>