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

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

@@ -1,248 +0,0 @@
-<template>
-  <view
-    class="up-skeleton-cmomon up-skeleton-box"
-    :style="{ width: winWidth + 'px', height: winHeight + 'px', backgroundColor: backgroundColor }"
-  >
-    <view
-      class="up-skeleton-cmomon"
-      v-for="(item, index) in skeletonElements"
-      :key="index"
-      :style="{
-        width: item.width + 'px',
-        height: item.height + 'px',
-        left: item.left + 'px',
-        top: item.top + 'px',
-        backgroundColor: skeletonBgColor,
-        borderRadius: getRadius(item.skeletonType, borderRadius)
-      }"
-    ></view>
-    <view class="up-loading" :class="[getLoadingType(loadingType)]" v-if="isLoading"></view>
-  </view>
-</template>
-
-<script>
-export default {
-  name: 'fuiSkeleton',
-  props: {
-    //选择器(外层容器)
-    selector: {
-      type: String,
-      default: 'up-skeleton'
-    },
-    //外层容器背景颜色
-    backgroundColor: {
-      type: String,
-      default: '#fff'
-    },
-    //骨架元素背景颜色
-    skeletonBgColor: {
-      type: String,
-      default: '#e9e9e9'
-    },
-    //骨架元素类型：矩形，圆形，带圆角矩形["rect","circular","fillet"]
-    //默认所有，根据页面情况进行传值
-    //页面对应元素class为：up-skeleton-rect，up-skeleton-circular，up-skeleton-fillet
-    //如果传入的值不在下列数组中，则为自定义class值，默认按矩形渲染
-    skeletonType: {
-      type: Array,
-      default() {
-        return ['rect', 'circular', 'fillet'];
-      }
-    },
-    //圆角值，skeletonType=fillet时生效
-    borderRadius: {
-      type: String,
-      default: '16rpx'
-    },
-    //骨架屏预生成数据：提前生成好的数据，当传入该属性值时，则不会再次查找子节点信息
-    preloadData: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    //是否需要loading
-    isLoading: {
-      type: Boolean,
-      default: true
-    },
-    //loading类型[1-10]
-    loadingType: {
-      type: Number,
-      default: 1
-    }
-  },
-  created() {
-    const res = uni.getSystemInfoSync();
-    this.winWidth = res.windowWidth;
-    this.winHeight = res.windowHeight;
-    //如果有预生成数据，则直接使用
-    this.isPreload(true);
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.nodesRef(`.${this.selector}`).then((res) => {
-        if (res && res[0]) {
-          this.winHeight = res[0].height + Math.abs(res[0].top);
-        }
-      });
-      !this.isPreload() && this.selectorQuery();
-    });
-  },
-  data() {
-    return {
-      winWidth: 375,
-      winHeight: 800,
-      skeletonElements: []
-    };
-  },
-  methods: {
-    getLoadingType(type) {
-      let value = 1;
-      if (type && type > 0 && type < 11) {
-        value = type;
-      }
-      return 'up-loading-' + value;
-    },
-    getRadius(type, val) {
-      let radius = '0';
-      if (type == 'circular') {
-        radius = '50%';
-      } else if (type == 'fillet') {
-        radius = val;
-      }
-      return radius;
-    },
-    isPreload(init) {
-      let preloadData = this.preloadData || [];
-      if (preloadData.length) {
-        init && (this.skeletonElements = preloadData);
-        return true;
-      }
-      return false;
-    },
-    async selectorQuery() {
-      let skeletonType = this.skeletonType || [];
-      let nodes = [];
-      for (let item of skeletonType) {
-        let className = `.${item}`;
-        if (~'rect_circular_fillet'.indexOf(item)) {
-          className = `.${this.selector}-${item}`;
-        }
-        await this.nodesRef(className).then((res) => {
-          res.map((d) => {
-            d.skeletonType = item;
-          });
-          nodes = nodes.concat(res);
-        });
-      }
-      this.skeletonElements = nodes;
-    },
-    async nodesRef(className) {
-      return await new Promise((resolve, reject) => {
-        uni
-          .createSelectorQuery()
-          .selectAll(className)
-          .boundingClientRect((res) => {
-            if (res) {
-              resolve(res);
-            } else {
-              reject(res);
-            }
-          })
-          .exec();
-      });
-    }
-  }
-};
-</script>
-
-<style scoped>
-.up-skeleton-cmomon {
-  position: absolute;
-  z-index: 99999;
-  overflow: hidden;
-}
-
-.up-skeleton-box {
-  left: 0;
-  top: 0;
-}
-
-.up-loading {
-  display: inline-block;
-  vertical-align: middle;
-  width: 40rpx;
-  height: 40rpx;
-  background: 0 0;
-  border-radius: 50%;
-  border: 2px solid;
-  animation: up-rotate 0.7s linear infinite;
-  position: fixed;
-  z-index: 999999;
-  left: 50%;
-  top: 50%;
-  margin-left: -20rpx;
-  margin-top: -20rpx;
-}
-
-.up-loading-1 {
-  border-color: #e5e5e5 #e5e5e5 #e5e5e5 #5677fc;
-}
-
-.up-loading-2 {
-  border-color: #e5e5e5 #e5e5e5 #e5e5e5 #8f8d8e;
-}
-
-.up-loading-3 {
-  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #fff;
-}
-
-.up-loading-4 {
-  border-color: #e5e5e5 #e5e5e5 #e5e5e5 #35b06a;
-}
-
-.up-loading-5 {
-  border-color: #e5e5e5 #e5e5e5 #e5e5e5 #fc872d;
-}
-
-.up-loading-6 {
-  border-color: #e5e5e5 #e5e5e5 #e5e5e5 #eb0909;
-}
-
-.up-loading-7 {
-  border-color: #5677fc transparent #5677fc transparent;
-}
-
-.up-loading-8 {
-  border-color: #35b06a transparent #35b06a transparent;
-}
-
-.up-loading-9 {
-  border-color: #fc872d transparent #fc872d transparent;
-}
-
-.up-loading-10 {
-  border-color: #eb0909 transparent #eb0909 transparent;
-}
-
-@-webkit-keyframes up-rotate {
-  0% {
-    transform: rotate(0);
-  }
-
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes up-rotate {
-  0% {
-    transform: rotate(0);
-  }
-
-  100% {
-    transform: rotate(360deg);
-  }
-}
-</style>

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

@@ -1,214 +0,0 @@
-<template>
-  <view class="up-steps-box" :class="{ 'up-steps-column': direction === 'column' }">
-    <view
-      class="up-step-item"
-      :style="{ width: direction === 'column' ? '100%' : spacing }"
-      :class="[direction === 'row' ? 'up-step-horizontal' : 'up-step-vertical']"
-      v-for="(item, index) in items"
-      :key="index"
-    >
-      <view class="up-step-item-ico" :style="{ width: direction === 'column' ? '36rpx' : '100%' }">
-        <view
-          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',
-            backgroundColor: index <= activeSteps ? activeColor : type == 2 ? '#fff' : deactiveColor,
-            borderColor: index <= activeSteps ? activeColor : deactiveColor
-          }"
-        >
-          <!-- <icon type="success_no_circle" :size="12"  color="#fff"></icon> -->
-          <text v-if="activeSteps !== index" :style="{ color: index <= activeSteps ? '#fff' : '' }">
-            {{ type == 1 ? '' : index + 1 }}
-          </text>
-          <up-icon name="check" :size="16" color="#fff" v-if="activeSteps === index"></up-icon>
-        </view>
-        <view
-          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="up-step-item-main" :class="['up-step-' + direction + '_item_main']">
-        <view
-          class="up-step-item-title"
-          :style="{
-            color: index <= activeSteps ? activeColor : deactiveColor,
-            fontSize: titleSize + 'rpx',
-            lineHeight: titleSize + 'rpx',
-            fontWeight: bold ? 'bold' : 'normal'
-          }"
-        >
-          {{ item.title }}
-        </view>
-        <view
-          class="up-step-item-content"
-          :style="{ color: index <= activeSteps ? activeColor : deactiveColor, fontSize: descSize + 'rpx' }"
-        >
-          {{ item.desc }}
-        </view>
-      </view>
-    </view>
-  </view>
-</template>
-
-<script>
-//如果自定义传入图标内容，则需要拆分组件
-export default {
-  name: 'fuiSteps',
-  props: {
-    // 1-默认步骤 2-数字步骤
-    type: {
-      type: Number,
-      default: 1
-    },
-    spacing: {
-      type: String,
-      default: '160rpx'
-    },
-    // 方向 row column
-    direction: {
-      type: String,
-      default: 'row'
-    },
-    // 激活状态成功颜色
-    activeColor: {
-      type: String,
-      default: '#5677fc'
-    },
-    // 未激活状态颜色
-    deactiveColor: {
-      type: String,
-      default: '#999999'
-    },
-    //title字体大小
-    titleSize: {
-      type: Number,
-      default: 28
-    },
-    //title是否粗体
-    bold: {
-      type: Boolean,
-      default: false
-    },
-    //desc字体大小
-    descSize: {
-      type: Number,
-      default: 24
-    },
-    // 当前步骤
-    activeSteps: {
-      type: Number,
-      default: -1
-    },
-    /**
-			 * [{
-					title: "标题",
-					desc: "描述"
-				}]
-			 * */
-    items: {
-      type: Array,
-      default() {
-        return [];
-      }
-    }
-  },
-  data() {
-    return {};
-  }
-};
-</script>
-
-<style scoped>
-.up-steps-box {
-  width: 100%;
-  display: flex;
-  justify-content: center;
-}
-
-.up-steps-column {
-  flex-direction: column;
-}
-
-.up-step-ico {
-  border-radius: 40rpx;
-  position: relative;
-  z-index: 3;
-  margin: 0 auto;
-  border-width: 1rpx;
-  border-style: solid;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.up-step-row_ico {
-  top: 50%;
-  transform: translateY(-50%);
-}
-
-.up-step-column_ico {
-  top: 0;
-}
-
-.up-step-line {
-  position: absolute;
-  left: 50%;
-  top: 20rpx;
-  width: 100%;
-  height: 1rpx;
-}
-
-.up-step-row_item_main {
-  text-align: center;
-}
-
-.up-step-item {
-  font-size: 24rpx;
-  position: relative;
-  box-sizing: border-box;
-}
-
-.up-step-item-ico {
-  height: 36rpx;
-  line-height: 36rpx;
-  text-align: center;
-}
-
-.up-step-item-main {
-  margin-top: 16rpx;
-  clear: both;
-}
-
-.up-step-item-title {
-  word-break: break-all;
-}
-
-.up-step-item-content {
-  margin-top: 8rpx;
-  word-break: break-all;
-}
-
-.up-step-vertical {
-  width: 100%;
-  display: flex;
-  padding-bottom: 60rpx;
-}
-
-.up-step-column_item_main {
-  margin-top: 0;
-  padding-left: 20rpx;
-}
-
-.up-step-column_line {
-  position: absolute;
-  height: 100%;
-  top: 0;
-  left: 18rpx;
-  margin: 0;
-  width: 1rpx;
-}
-</style>

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

@@ -1,155 +0,0 @@
-<template>
-  <view class="up-sticky-class">
-    <!--sticky 容器-->
-    <view :style="{ height: stickyHeight, backgroundColor: backgroundColor }" v-if="isFixed"></view>
-    <view :class="{ 'up-sticky-fixed': isFixed }" :style="{ top: isFixed ? stickyTop + 'px' : 'auto' }">
-      <slot name="header"></slot>
-    </view>
-    <!--sticky 容器-->
-    <!--内容-->
-    <slot name="content"></slot>
-  </view>
-</template>
-
-<script>
-export default {
-  name: 'fuiSticky',
-  props: {
-    scrollTop: {
-      type: Number
-    },
-    //吸顶时与顶部的距离，单位px
-    stickyTop: {
-      type: [Number, String],
-      // #ifndef H5
-      default: 0,
-      // #endif
-      // #ifdef H5
-      default: 44
-      // #endif
-    },
-    //是否指定容器，即内容放置插槽content内
-    container: {
-      type: Boolean,
-      default: false
-    },
-    //是否是原生自带header
-    isNativeHeader: {
-      type: Boolean,
-      default: true
-    },
-    //吸顶容器 高度 rpx
-    stickyHeight: {
-      type: String,
-      default: 'auto'
-    },
-    //占位容器背景颜色
-    backgroundColor: {
-      type: String,
-      default: 'transparent'
-    },
-    //是否重新计算[有异步加载时使用,设置大于0的数]
-    recalc: {
-      type: Number,
-      default: 0
-    },
-    //列表中的索引值
-    index: {
-      type: [Number, String],
-      default: 0
-    }
-  },
-  watch: {
-    scrollTop(newValue, oldValue) {
-      if (this.initialize != 0) {
-        this.updateScrollChange(() => {
-          this.updateStickyChange();
-          this.initialize = 0;
-        });
-      } else {
-        this.updateStickyChange();
-      }
-    },
-    recalc(newValue, oldValue) {
-      this.updateScrollChange(() => {
-        this.updateStickyChange();
-        this.initialize = 0;
-      });
-    }
-  },
-  created() {
-    this.initialize = this.recalc;
-  },
-  mounted() {
-    setTimeout(() => {
-      this.updateScrollChange();
-    }, 20);
-  },
-  data() {
-    return {
-      timer: null,
-      top: 0,
-      height: 0,
-      isFixed: false,
-      initialize: 0 //重新初始化
-    };
-  },
-  methods: {
-    updateStickyChange() {
-      const top = this.top;
-      const height = this.height;
-      const scrollTop = this.scrollTop;
-      let stickyTop = this.stickyTop;
-      // #ifdef H5
-      if (this.isNativeHeader) {
-        stickyTop = stickyTop - 44;
-        stickyTop = stickyTop < 0 ? 0 : stickyTop;
-      }
-      // #endif
-      if (this.container) {
-        this.isFixed = scrollTop + stickyTop >= top && scrollTop + stickyTop < top + height ? true : false;
-      } else {
-        this.isFixed = scrollTop + stickyTop >= top ? true : false;
-      }
-      //是否吸顶
-      this.$emit('sticky', {
-        isFixed: this.isFixed,
-        index: this.index
-      });
-    },
-    updateScrollChange(callback) {
-      if (this.timer) {
-        clearTimeout(this.timer);
-        this.timer = null;
-      }
-      this.timer = setTimeout(() => {
-        const className = '.up-sticky-class';
-        const query = uni.createSelectorQuery().in(this);
-        query
-          .select(className)
-          .boundingClientRect((res) => {
-            if (res) {
-              this.top = res.top + (this.scrollTop || 0);
-              this.height = res.height;
-              callback && callback();
-              this.$emit('change', {
-                index: Number(this.index),
-                top: this.top
-              });
-            }
-          })
-          .exec();
-      }, 0);
-    }
-  }
-};
-</script>
-
-<style scoped>
-.up-sticky-fixed {
-  width: 100%;
-  position: fixed;
-  left: 0;
-  z-index: 888;
-}
-</style>