@10yun/cv-mobile-ui 0.5.44 → 0.5.46

package/uview-ui/components/u-steps-item/props.js

@@ -1,25 +0,0 @@
-import defprops from '../../libs/config/props';
-export default {
-  props: {
-    // 标题
-    title: {
-      type: [String, Number],
-      default: defprops.stepsItem.title
-    },
-    // 描述文本
-    desc: {
-      type: [String, Number],
-      default: defprops.stepsItem.desc
-    },
-    // 图标大小
-    iconSize: {
-      type: [String, Number],
-      default: defprops.stepsItem.iconSize
-    },
-    // 当前步骤是否处于失败状态
-    error: {
-      type: Boolean,
-      default: defprops.stepsItem.error
-    }
-  }
-};

package/uview-ui/components/u-steps-item/style.css

@@ -1,119 +0,0 @@
-/* #ifndef APP-NVUE */
-view, scroll-view, swiper-item {
-  display: flex;
-  flex-direction: column;
-  flex-shrink: 0;
-  flex-grow: 0;
-  flex-basis: auto;
-  align-items: stretch;
-  align-content: flex-start;
-}
-/* #endif */
-.u-steps-item {
-  flex: 1;
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-}
-.u-steps-item--row {
-  flex-direction: column;
-  align-items: center;
-  position: relative;
-}
-.u-steps-item--column {
-  position: relative;
-  flex-direction: row;
-  justify-content: flex-start;
-  padding-bottom: 5px;
-}
-.u-steps-item__wrapper {
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-  background-color: #fff;
-}
-.u-steps-item__wrapper--column {
-  width: 20px;
-  height: 32px;
-}
-.u-steps-item__wrapper--column--dot {
-  height: 20px;
-  width: 20px;
-}
-.u-steps-item__wrapper--row {
-  width: 32px;
-  height: 20px;
-}
-.u-steps-item__wrapper--row--dot {
-  width: 20px;
-  height: 20px;
-}
-.u-steps-item__wrapper__circle {
-  width: 20px;
-  height: 20px;
-  /* #ifndef APP-NVUE */
-  box-sizing: border-box;
-  flex-shrink: 0;
-  /* #endif */
-  border-radius: 100px;
-  border-width: 1px;
-  border-color: var(--u-tips-color);
-  border-style: solid;
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  transition: background-color 0.3s;
-}
-.u-steps-item__wrapper__circle__text {
-  color: var(--u-tips-color);
-  font-size: 11px;
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  line-height: 11px;
-}
-.u-steps-item__wrapper__dot {
-  width: 10px;
-  height: 10px;
-  border-radius: 100px;
-  background-color: var(--u-content-color);
-}
-.u-steps-item__content {
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-  flex: 1;
-}
-.u-steps-item__content--row {
-  flex-direction: column;
-  align-items: center;
-}
-.u-steps-item__content--column {
-  flex-direction: column;
-  margin-left: 6px;
-}
-.u-steps-item__line {
-  position: absolute;
-  background: var(--u-tips-color);
-}
-.u-steps-item__line--row {
-  top: 10px;
-  height: 1px;
-}
-.u-steps-item__line--column {
-  width: 1px;
-  left: 10px;
-}

package/uview-ui/components/u-steps-item/style.scss

@@ -1,111 +0,0 @@
-@import '../../libs/css/components.scss';
-
-.u-steps-item {
-  flex: 1;
-  @include flex;
-
-  &--row {
-    flex-direction: column;
-    align-items: center;
-    position: relative;
-  }
-
-  &--column {
-    position: relative;
-    flex-direction: row;
-    justify-content: flex-start;
-    padding-bottom: 5px;
-  }
-
-  &__wrapper {
-    @include flex;
-    justify-content: center;
-    align-items: center;
-    position: relative;
-    background-color: #fff;
-
-    &--column {
-      width: 20px;
-      height: 32px;
-
-      &--dot {
-        height: 20px;
-        width: 20px;
-      }
-    }
-
-    &--row {
-      width: 32px;
-      height: 20px;
-
-      &--dot {
-        width: 20px;
-        height: 20px;
-      }
-    }
-
-    &__circle {
-      width: 20px;
-      height: 20px;
-      /* #ifndef APP-NVUE */
-      box-sizing: border-box;
-      flex-shrink: 0;
-      /* #endif */
-      border-radius: 100px;
-      border-width: 1px;
-      border-color: $u-tips-color;
-      border-style: solid;
-      @include flex(row);
-      align-items: center;
-      justify-content: center;
-      transition: background-color 0.3s;
-
-      &__text {
-        color: $u-tips-color;
-        font-size: 11px;
-        @include flex(row);
-        align-items: center;
-        justify-content: center;
-        text-align: center;
-        line-height: 11px;
-      }
-    }
-
-    &__dot {
-      width: 10px;
-      height: 10px;
-      border-radius: 100px;
-      background-color: $u-content-color;
-    }
-  }
-
-  &__content {
-    @include flex;
-    flex: 1;
-
-    &--row {
-      flex-direction: column;
-      align-items: center;
-    }
-
-    &--column {
-      flex-direction: column;
-      margin-left: 6px;
-    }
-  }
-
-  &__line {
-    position: absolute;
-    background: $u-tips-color;
-
-    &--row {
-      top: 10px;
-      height: 1px;
-    }
-
-    &--column {
-      width: 1px;
-      left: 10px;
-    }
-  }
-}

package/uview-ui/components/u-steps-item/u-steps-item.vue

@@ -1,225 +0,0 @@
-<template>
-  <view class="u-steps-item" ref="u-steps-item" :class="[`u-steps-item--${parentData.direction}`]">
-    <view
-      class="u-steps-item__line"
-      v-if="index + 1 < childLength"
-      :class="[`u-steps-item__line--${parentData.direction}`]"
-      :style="[lineStyle]"
-    ></view>
-    <view
-      class="u-steps-item__wrapper"
-      :class="[
-        `u-steps-item__wrapper--${parentData.direction}`,
-        parentData.dot && `u-steps-item__wrapper--${parentData.direction}--dot`
-      ]"
-    >
-      <slot name="icon">
-        <view
-          class="u-steps-item__wrapper__dot"
-          v-if="parentData.dot"
-          :style="{
-            backgroundColor: statusColor
-          }"
-        ></view>
-        <view class="u-steps-item__wrapper__icon" v-else-if="parentData.activeIcon || parentData.inactiveIcon">
-          <u-icon
-            :name="index <= parentData.current ? parentData.activeIcon : parentData.inactiveIcon"
-            :size="iconSize"
-            :color="index <= parentData.current ? parentData.activeColor : parentData.inactiveColor"
-          ></u-icon>
-        </view>
-        <view
-          v-else
-          :style="{
-            backgroundColor: statusClass === 'process' ? parentData.activeColor : 'transparent',
-            borderColor: statusColor
-          }"
-          class="u-steps-item__wrapper__circle"
-        >
-          <text
-            v-if="statusClass === 'process' || statusClass === 'wait'"
-            class="u-steps-item__wrapper__circle__text"
-            :style="{
-              color: index == parentData.current ? '#ffffff' : parentData.inactiveColor
-            }"
-          >
-            {{ index + 1 }}
-          </text>
-          <u-icon
-            v-else
-            :color="statusClass === 'error' ? 'error' : parentData.activeColor"
-            size="12"
-            :name="statusClass === 'error' ? 'close' : 'checkmark'"
-          ></u-icon>
-        </view>
-      </slot>
-    </view>
-    <view class="u-steps-item__content" :class="[`u-steps-item__content--${parentData.direction}`]" :style="[contentStyle]">
-      <u--text
-        :text="title"
-        :type="parentData.current == index ? 'main' : 'content'"
-        lineHeight="20px"
-        :size="parentData.current == index ? 14 : 13"
-      ></u--text>
-      <slot name="desc">
-        <u--text :text="desc" type="tips" size="12"></u--text>
-      </slot>
-    </view>
-    <!-- <view
-		    class="u-steps-item__line"
-		    v-if="showLine && parentData.direction === 'column'"
-			:class="[`u-steps-item__line--${parentData.direction}`]"
-		    :style="[lineStyle]"
-		></view> -->
-  </view>
-</template>
-<script>
-import props from './props.js';
-import mpMixin from '../../libs/mixin/mpMixin.js';
-import mixin from '../../libs/mixin/mixin.js';
-// #ifdef APP-NVUE
-const dom = uni.requireNativePlugin('dom');
-// #endif
-/**
- * StepsItem 步骤条的子组件
- * @description 本组件需要和u-steps配合使用
- * @tutorial https://uviewui.com/components/steps.html
- * @property {String}			title			标题文字
- * @property {String}			current			描述文本
- * @property {String | Number}	iconSize		图标大小  (默认 17 )
- * @property {Boolean}			error			当前步骤是否处于失败状态  (默认 false )
- * @example <u-steps current="0"><u-steps-item title="已出库" desc="10:35" ></u-steps-item></u-steps>
- */
-export default {
-  name: 'u-steps-item',
-  mixins: [mpMixin, mixin, props],
-  data() {
-    return {
-      index: 0,
-      childLength: 0,
-      showLine: false,
-      size: {
-        height: 0,
-        width: 0
-      },
-      parentData: {
-        direction: 'row',
-        current: 0,
-        activeColor: '',
-        inactiveColor: '',
-        activeIcon: '',
-        inactiveIcon: '',
-        dot: false
-      }
-    };
-  },
-  watch: {
-    parentData(newValue, oldValue) {}
-  },
-  created() {
-    this.init();
-  },
-  computed: {
-    lineStyle() {
-      const style = {};
-      if (this.parentData.direction === 'row') {
-        style.width = this.size.width + 'px';
-        style.left = this.size.width / 2 + 'px';
-      } else {
-        style.height = this.size.height + 'px';
-        // style.top = this.size.height / 2 + 'px'
-      }
-      style.backgroundColor = this.parent.children?.[this.index + 1]?.error
-        ? uni.$u.color.error
-        : this.index < this.parentData.current
-          ? this.parentData.activeColor
-          : this.parentData.inactiveColor;
-      return style;
-    },
-    statusClass() {
-      const { index, error } = this;
-      const { current } = this.parentData;
-      if (current == index) {
-        return error === true ? 'error' : 'process';
-      } else if (error) {
-        return 'error';
-      } else if (current > index) {
-        return 'finish';
-      } else {
-        return 'wait';
-      }
-    },
-    statusColor() {
-      let color = '';
-      switch (this.statusClass) {
-        case 'finish':
-          color = this.parentData.activeColor;
-          break;
-        case 'error':
-          color = uni.$u.color.error;
-          break;
-        case 'process':
-          color = this.parentData.dot ? this.parentData.activeColor : 'transparent';
-          break;
-        default:
-          color = this.parentData.inactiveColor;
-          break;
-      }
-      return color;
-    },
-    contentStyle() {
-      const style = {};
-      if (this.parentData.direction === 'column') {
-        style.marginLeft = this.parentData.dot ? '2px' : '6px';
-        style.marginTop = this.parentData.dot ? '0px' : '6px';
-      } else {
-        style.marginTop = this.parentData.dot ? '2px' : '6px';
-        style.marginLeft = this.parentData.dot ? '2px' : '6px';
-      }
-      return style;
-    }
-  },
-  mounted() {
-    this.parent && this.parent.updateFromChild();
-    uni.$u.sleep().then(() => {
-      this.getStepsItemRect();
-    });
-  },
-  methods: {
-    init() {
-      // 初始化数据
-      this.updateParentData();
-      if (!this.parent) {
-        return uni.$u.error('u-steps-item必须要搭配u-steps组件使用');
-      }
-      this.index = this.parent.children.indexOf(this);
-      this.childLength = this.parent.children.length;
-    },
-    updateParentData() {
-      // 此方法在mixin中
-      this.getParentData('u-steps');
-    },
-    // 父组件数据发生变化
-    updateFromParent() {
-      this.init();
-    },
-    // 获取组件的尺寸，用于设置横线的位置
-    getStepsItemRect() {
-      // #ifndef APP-NVUE
-      this.$uGetRect('.u-steps-item').then((size) => {
-        this.size = size;
-      });
-      // #endif
-      // #ifdef APP-NVUE
-      dom.getComponentRect(this.$refs['u-steps-item'], (res) => {
-        const { size } = res;
-        this.size = size;
-      });
-      // #endif
-    }
-  }
-};
-</script>
-<style scoped>
-@import './style.css';
-</style>

package/uview-ui/components/u-sticky/props.js

@@ -1,41 +0,0 @@
-import defprops from '../../libs/config/props';
-export default {
-  props: {
-    // 吸顶容器到顶部某个距离的时候，进行吸顶，在H5平台，NavigationBar为44px
-    offsetTop: {
-      type: [String, Number],
-      default: defprops.sticky.offsetTop
-    },
-    // 自定义导航栏的高度
-    customNavHeight: {
-      type: [String, Number],
-      // #ifdef H5
-      // H5端的导航栏属于“自定义”导航栏的范畴，因为它是非原生的，与普通元素一致
-      default: 44,
-      // #endif
-      // #ifndef H5
-      default: defprops.sticky.customNavHeight
-      // #endif
-    },
-    // 是否开启吸顶功能
-    disabled: {
-      type: Boolean,
-      default: defprops.sticky.disabled
-    },
-    // 吸顶区域的背景颜色
-    bgColor: {
-      type: String,
-      default: defprops.sticky.bgColor
-    },
-    // z-index值
-    zIndex: {
-      type: [String, Number],
-      default: defprops.sticky.zIndex
-    },
-    // 列表中的索引值
-    index: {
-      type: [String, Number],
-      default: defprops.sticky.index
-    }
-  }
-};

package/uview-ui/components/u-sticky/style.css

@@ -1,5 +0,0 @@
-.u-sticky {
-  /* #ifdef APP-VUE || MP-WEIXIN */
-  position: sticky;
-  /* #endif */
-}

package/uview-ui/components/u-sticky/style.scss

@@ -1,6 +0,0 @@
-.u-sticky {
-  /* #ifdef APP-VUE || MP-WEIXIN */
-  // 此处默认写sticky属性，是为了给微信和APP通过uni.createSelectorQuery查询是否支持css sticky使用
-  position: sticky;
-  /* #endif */
-}