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

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

@@ -1,76 +0,0 @@
-import defprops from '../../libs/config/props';
-export default {
-  props: {
-    // 控制是否出现滚动条，仅nvue有效
-    showScrollbar: {
-      type: Boolean,
-      default: defprops.list.showScrollbar
-    },
-    // 距底部多少时触发scrolltolower事件
-    lowerThreshold: {
-      type: [String, Number],
-      default: defprops.list.lowerThreshold
-    },
-    // 距顶部多少时触发scrolltoupper事件，非nvue有效
-    upperThreshold: {
-      type: [String, Number],
-      default: defprops.list.upperThreshold
-    },
-    // 设置竖向滚动条位置
-    scrollTop: {
-      type: [String, Number],
-      default: defprops.list.scrollTop
-    },
-    // 控制 onscroll 事件触发的频率，仅nvue有效
-    offsetAccuracy: {
-      type: [String, Number],
-      default: defprops.list.offsetAccuracy
-    },
-    // 启用 flexbox 布局。开启后，当前节点声明了display: flex就会成为flex container，并作用于其孩子节点，仅微信小程序有效
-    enableFlex: {
-      type: Boolean,
-      default: defprops.list.enableFlex
-    },
-    // 是否按分页模式显示List，默认值false
-    pagingEnabled: {
-      type: Boolean,
-      default: defprops.list.pagingEnabled
-    },
-    // 是否允许List滚动
-    scrollable: {
-      type: Boolean,
-      default: defprops.list.scrollable
-    },
-    // 值应为某子元素id（id不能以数字开头）
-    scrollIntoView: {
-      type: String,
-      default: defprops.list.scrollIntoView
-    },
-    // 在设置滚动条位置时使用动画过渡
-    scrollWithAnimation: {
-      type: Boolean,
-      default: defprops.list.scrollWithAnimation
-    },
-    // iOS点击顶部状态栏、安卓双击标题栏时，滚动条返回顶部，只对微信小程序有效
-    enableBackToTop: {
-      type: Boolean,
-      default: defprops.list.enableBackToTop
-    },
-    // 列表的高度
-    height: {
-      type: [String, Number],
-      default: defprops.list.height
-    },
-    // 列表宽度
-    width: {
-      type: [String, Number],
-      default: defprops.list.width
-    },
-    // 列表前后预渲染的屏数，1代表一个屏幕的高度，1.5代表1个半屏幕高度
-    preLoadScreen: {
-      type: [String, Number],
-      default: defprops.list.preLoadScreen
-    }
-    // vue下，是否开启虚拟列表
-  }
-};

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

@@ -1,17 +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-list {
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: column;
-}

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

@@ -1,5 +0,0 @@
-@import '../../libs/css/components.scss';
-
-.u-list {
-  @include flex(column);
-}

package/uview-ui/components/u-list/u-list.vue

@@ -1,152 +0,0 @@
-<template>
-  <!-- #ifdef APP-NVUE -->
-  <list
-    class="u-list"
-    :enableBackToTop="enableBackToTop"
-    :loadmoreoffset="lowerThreshold"
-    :showScrollbar="showScrollbar"
-    :style="[listStyle]"
-    :offset-accuracy="Number(offsetAccuracy)"
-    @scroll="onScroll"
-    @loadmore="scrolltolower"
-  >
-    <slot />
-  </list>
-  <!-- #endif -->
-  <!-- #ifndef APP-NVUE -->
-  <scroll-view
-    class="u-list"
-    :scroll-into-view="scrollIntoView"
-    :style="[listStyle]"
-    scroll-y
-    :scroll-top="Number(scrollTop)"
-    :lower-threshold="Number(lowerThreshold)"
-    :upper-threshold="Number(upperThreshold)"
-    :show-scrollbar="showScrollbar"
-    :enable-back-to-top="enableBackToTop"
-    :scroll-with-animation="scrollWithAnimation"
-    @scroll="onScroll"
-    @scrolltolower="scrolltolower"
-    @scrolltoupper="scrolltoupper"
-  >
-    <view>
-      <slot />
-    </view>
-  </scroll-view>
-  <!-- #endif -->
-</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
-/**
- * List 列表
- * @description 该组件为高性能列表组件
- * @tutorial https://ijry.github.io/uview-plus/components/list.html
- * @property {Boolean}			showScrollbar		控制是否出现滚动条，仅nvue有效 （默认 false ）
- * @property {String ｜ Number}	lowerThreshold		距底部多少时触发scrolltolower事件 （默认 50 ）
- * @property {String ｜ Number}	upperThreshold		距顶部多少时触发scrolltoupper事件，非nvue有效 （默认 0 ）
- * @property {String ｜ Number}	scrollTop			设置竖向滚动条位置（默认 0 ）
- * @property {String ｜ Number}	offsetAccuracy		控制 onscroll 事件触发的频率，仅nvue有效（默认 10 ）
- * @property {Boolean}			enableFlex			启用 flexbox 布局。开启后，当前节点声明了display: flex就会成为flex container，并作用于其孩子节点，仅微信小程序有效（默认 false ）
- * @property {Boolean}			pagingEnabled		是否按分页模式显示List，（默认 false ）
- * @property {Boolean}			scrollable			是否允许List滚动（默认 true ）
- * @property {String}			scrollIntoView		值应为某子元素id（id不能以数字开头）
- * @property {Boolean}			scrollWithAnimation	在设置滚动条位置时使用动画过渡 （默认 false ）
- * @property {Boolean}			enableBackToTop		iOS点击顶部状态栏、安卓双击标题栏时，滚动条返回顶部，只对微信小程序有效 （默认 false ）
- * @property {String ｜ Number}	height				列表的高度 （默认 0 ）
- * @property {String ｜ Number}	width				列表宽度 （默认 0 ）
- * @property {String ｜ Number}	preLoadScreen		列表前后预渲染的屏数，1代表一个屏幕的高度，1.5代表1个半屏幕高度  （默认 1 ）
- * @property {Object}			customStyle			定义需要用到的外部样式
- *
- * @example <u-list @scrolltolower="scrolltolower"></u-list>
- */
-export default {
-  name: 'u-list',
-  mixins: [mpMixin, mixin, props],
-  watch: {
-    scrollIntoView(n) {
-      this.scrollIntoViewById(n);
-    }
-  },
-  data() {
-    return {
-      // 记录内部滚动的距离
-      innerScrollTop: 0,
-      // vue下，scroll-view在上拉加载时的偏移值
-      offset: 0,
-      sys: uni.$u.sys()
-    };
-  },
-  computed: {
-    listStyle() {
-      const style = {},
-        addUnit = uni.$u.addUnit;
-      if (this.width != 0) style.width = addUnit(this.width);
-      if (this.height != 0) style.height = addUnit(this.height);
-      // 如果没有定义列表高度，则默认使用屏幕高度
-      if (!style.height) style.height = addUnit(this.sys.windowHeight, 'px');
-      return uni.$u.deepMerge(style, uni.$u.addStyle(this.customStyle));
-    }
-  },
-  provide() {
-    return {
-      uList: this
-    };
-  },
-  created() {
-    this.refs = [];
-    this.children = [];
-    this.anchors = [];
-  },
-  mounted() {},
-  methods: {
-    updateOffsetFromChild(top) {
-      this.offset = top;
-    },
-    onScroll(e) {
-      let scrollTop = 0;
-      // #ifdef APP-NVUE
-      scrollTop = e.contentOffset.y;
-      // #endif
-      // #ifndef APP-NVUE
-      scrollTop = e.detail.scrollTop;
-      // #endif
-      this.innerScrollTop = scrollTop;
-      this.$emit('scroll', Math.abs(scrollTop));
-    },
-    scrollIntoViewById(id) {
-      // #ifdef APP-NVUE
-      // 根据id参数，找到所有u-list-item中匹配的节点，再通过dom模块滚动到对应的位置
-      const item = this.refs.find((item) => (item.$refs[id] ? true : false));
-      dom.scrollToElement(item.$refs[id], {
-        // 是否需要滚动动画
-        animated: this.scrollWithAnimation
-      });
-      // #endif
-    },
-    // 滚动到底部触发事件
-    scrolltolower(e) {
-      uni.$u.sleep(30).then(() => {
-        this.$emit('scrolltolower');
-      });
-    },
-    // #ifndef APP-NVUE
-    // 滚动到底部时触发，非nvue有效
-    scrolltoupper(e) {
-      uni.$u.sleep(30).then(() => {
-        this.$emit('scrolltoupper');
-        // 这一句很重要，能绝对保证在性功能障碍的webview，滚动条到顶时，取消偏移值，让页面置顶
-        this.offset = 0;
-      });
-    }
-    // #endif
-  }
-};
-</script>
-<style scoped>
-@import './style.css';
-</style>

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

@@ -1,10 +0,0 @@
-import defprops from '../../libs/config/props';
-export default {
-  props: {
-    // 用于滚动到指定item
-    anchor: {
-      type: [String, Number],
-      default: defprops.listItem.anchor
-    }
-  }
-};

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

@@ -1,11 +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 */

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

@@ -1,4 +0,0 @@
-@import '../../libs/css/components.scss';
-
-.u-list-item {
-}

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

@@ -1,105 +0,0 @@
-<template>
-  <!-- #ifdef APP-NVUE -->
-  <cell>
-    <!-- #endif -->
-    <view class="u-list-item" :ref="`u-list-item-${anchor}`" :anchor="`u-list-item-${anchor}`" :class="[`u-list-item-${anchor}`]">
-      <slot />
-    </view>
-    <!-- #ifdef APP-NVUE -->
-  </cell>
-  <!-- #endif -->
-</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
-/**
- * List 列表
- * @description 该组件为高性能列表组件
- * @tutorial https://ijry.github.io/uview-plus/components/list.html
- * @property {String | Number}	anchor	用于滚动到指定item
- * @example <u-list-ite v-for="(item, index) in indexList" :key="index" ></u-list-item>
- */
-export default {
-  name: 'u-list-item',
-  mixins: [mpMixin, mixin, props],
-  data() {
-    return {
-      // 节点信息
-      rect: {},
-      index: 0,
-      show: true,
-      sys: uni.$u.sys()
-    };
-  },
-  computed: {},
-  inject: ['uList'],
-  watch: {
-    // #ifndef APP-NVUE
-    'uList.innerScrollTop'(n) {
-      const preLoadScreen = this.uList.preLoadScreen;
-      const windowHeight = this.sys.windowHeight;
-      if (n <= windowHeight * preLoadScreen) {
-        this.parent.updateOffsetFromChild(0);
-      } else if (this.rect.top <= n - windowHeight * preLoadScreen) {
-        this.parent.updateOffsetFromChild(this.rect.top);
-      }
-    }
-    // #endif
-  },
-  created() {
-    this.parent = {};
-  },
-  mounted() {
-    this.init();
-  },
-  methods: {
-    init() {
-      // 初始化数据
-      this.updateParentData();
-      this.index = this.parent.children.indexOf(this);
-      this.resize();
-    },
-    updateParentData() {
-      // 此方法在mixin中
-      this.getParentData('u-list');
-    },
-    resize() {
-      this.queryRect(`u-list-item-${this.anchor}`).then((size) => {
-        const lastChild = this.parent.children[this.index - 1];
-        this.rect = size;
-        const preLoadScreen = this.uList.preLoadScreen;
-        const windowHeight = this.sys.windowHeight;
-        // #ifndef APP-NVUE
-        if (lastChild) {
-          this.rect.top = lastChild.rect.top + lastChild.rect.height;
-        }
-        if (size.top >= this.uList.innerScrollTop + (1 + preLoadScreen) * windowHeight) this.show = false;
-        // #endif
-      });
-    },
-    // 查询元素尺寸
-    queryRect(el) {
-      return new Promise((resolve) => {
-        // #ifndef APP-NVUE
-        this.$uGetRect(`.${el}`).then((size) => {
-          resolve(size);
-        });
-        // #endif
-        // #ifdef APP-NVUE
-        const ref = this.$refs[el];
-        dom.getComponentRect(ref, (res) => {
-          resolve(res.size);
-        });
-        // #endif
-      });
-    }
-  }
-};
-</script>
-<style scoped>
-@import './style.css';
-</style>

package/uview-ui/components/u-loading-icon/props.js

@@ -1,60 +0,0 @@
-import defprops from '../../libs/config/props';
-export default {
-  props: {
-    // 是否显示组件
-    show: {
-      type: Boolean,
-      default: defprops.loadingIcon.show
-    },
-    // 颜色
-    color: {
-      type: String,
-      default: defprops.loadingIcon.color
-    },
-    // 提示文字颜色
-    textColor: {
-      type: String,
-      default: defprops.loadingIcon.textColor
-    },
-    // 文字和图标是否垂直排列
-    vertical: {
-      type: Boolean,
-      default: defprops.loadingIcon.vertical
-    },
-    // 模式选择，circle-圆形，spinner-花朵形，semicircle-半圆形
-    mode: {
-      type: String,
-      default: defprops.loadingIcon.mode
-    },
-    // 图标大小，单位默认px
-    size: {
-      type: [String, Number],
-      default: defprops.loadingIcon.size
-    },
-    // 文字大小
-    textSize: {
-      type: [String, Number],
-      default: defprops.loadingIcon.textSize
-    },
-    // 文字内容
-    text: {
-      type: [String, Number],
-      default: defprops.loadingIcon.text
-    },
-    // 动画模式
-    timingFunction: {
-      type: String,
-      default: defprops.loadingIcon.timingFunction
-    },
-    // 动画执行周期时间
-    duration: {
-      type: [String, Number],
-      default: defprops.loadingIcon.duration
-    },
-    // mode=circle时的暗边颜色
-    inactiveColor: {
-      type: String,
-      default: defprops.loadingIcon.inactiveColor
-    }
-  }
-};

package/uview-ui/components/u-loading-icon/style.css

@@ -1,148 +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-loading-icon {
-  /* #ifndef APP-NVUE */
-  /* #endif */
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  color: #c8c9cc;
-}
-.u-loading-icon__text {
-  margin-left: 4px;
-  color: var(--u-content-color);
-  font-size: 14px;
-  line-height: 20px;
-}
-.u-loading-icon__spinner {
-  width: 30px;
-  height: 30px;
-  position: relative;
-  /* #ifndef APP-NVUE */
-  box-sizing: border-box;
-  max-width: 100%;
-  max-height: 100%;
-  animation: u-rotate 1s linear infinite;
-  /* #endif */
-}
-.u-loading-icon__spinner--semicircle {
-  border-width: 2px;
-  border-color: transparent;
-  border-top-right-radius: 100px;
-  border-top-left-radius: 100px;
-  border-bottom-left-radius: 100px;
-  border-bottom-right-radius: 100px;
-  border-style: solid;
-}
-.u-loading-icon__spinner--circle {
-  border-top-right-radius: 100px;
-  border-top-left-radius: 100px;
-  border-bottom-left-radius: 100px;
-  border-bottom-right-radius: 100px;
-  border-width: 2px;
-  border-top-color: #e5e5e5;
-  border-right-color: #e5e5e5;
-  border-bottom-color: #e5e5e5;
-  border-left-color: #e5e5e5;
-  border-style: solid;
-}
-.u-loading-icon--vertical {
-  flex-direction: column;
-}
-/* #ifndef APP-NVUE */
-:host {
-  font-size: 0px;
-  line-height: 1;
-}
-.u-loading-icon__spinner--spinner {
-  animation-timing-function: steps(12);
-}
-.u-loading-icon__text:empty {
-  display: none;
-}
-.u-loading-icon--vertical .u-loading-icon__text {
-  margin: 6px 0 0;
-  color: var(--u-content-color);
-}
-.u-loading-icon__dot {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-.u-loading-icon__dot:before {
-  display: block;
-  width: 2px;
-  height: 25%;
-  margin: 0 auto;
-  background-color: currentColor;
-  border-radius: 40%;
-  content: " ";
-}
-.u-loading-icon__dot:nth-of-type(1) {
-  transform: rotate(30deg);
-  opacity: 1;
-}
-.u-loading-icon__dot:nth-of-type(2) {
-  transform: rotate(60deg);
-  opacity: 0.9375;
-}
-.u-loading-icon__dot:nth-of-type(3) {
-  transform: rotate(90deg);
-  opacity: 0.875;
-}
-.u-loading-icon__dot:nth-of-type(4) {
-  transform: rotate(120deg);
-  opacity: 0.8125;
-}
-.u-loading-icon__dot:nth-of-type(5) {
-  transform: rotate(150deg);
-  opacity: 0.75;
-}
-.u-loading-icon__dot:nth-of-type(6) {
-  transform: rotate(180deg);
-  opacity: 0.6875;
-}
-.u-loading-icon__dot:nth-of-type(7) {
-  transform: rotate(210deg);
-  opacity: 0.625;
-}
-.u-loading-icon__dot:nth-of-type(8) {
-  transform: rotate(240deg);
-  opacity: 0.5625;
-}
-.u-loading-icon__dot:nth-of-type(9) {
-  transform: rotate(270deg);
-  opacity: 0.5;
-}
-.u-loading-icon__dot:nth-of-type(10) {
-  transform: rotate(300deg);
-  opacity: 0.4375;
-}
-.u-loading-icon__dot:nth-of-type(11) {
-  transform: rotate(330deg);
-  opacity: 0.375;
-}
-.u-loading-icon__dot:nth-of-type(12) {
-  transform: rotate(360deg);
-  opacity: 0.3125;
-}
-@keyframes u-rotate {
-  0% {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(1turn);
-  }
-}
-/* #endif */