@10yun/cv-mobile-ui 0.5.27 → 0.5.29

package/uview-plus/components/u-avatar/props.js

@@ -1,79 +1,81 @@
-import defprops from '../../libs/config/props';
-export default {
+import { defineMixin } from '../../libs/vue';
+import defProps from '../../libs/config/props.js';
+import test from '../../libs/function/test';
+export const props = defineMixin({
   props: {
     // 头像图片路径(不能为相对路径)
     src: {
       type: String,
-      default: defprops.avatar.src
+      default: () => defProps.avatar.src
     },
     // 头像形状，circle-圆形，square-方形
     shape: {
       type: String,
-      default: defprops.avatar.shape
+      default: () => defProps.avatar.shape
     },
     // 头像尺寸
     size: {
       type: [String, Number],
-      default: defprops.avatar.size
+      default: () => defProps.avatar.size
     },
     // 裁剪模式
     mode: {
       type: String,
-      default: defprops.avatar.mode
+      default: () => defProps.avatar.mode
     },
     // 显示的文字
     text: {
       type: String,
-      default: defprops.avatar.text
+      default: () => defProps.avatar.text
     },
     // 背景色
     bgColor: {
       type: String,
-      default: defprops.avatar.bgColor
+      default: () => defProps.avatar.bgColor
     },
     // 文字颜色
     color: {
       type: String,
-      default: defprops.avatar.color
+      default: () => defProps.avatar.color
     },
     // 文字大小
     fontSize: {
       type: [String, Number],
-      default: defprops.avatar.fontSize
+      default: () => defProps.avatar.fontSize
     },
     // 显示的图标
     icon: {
       type: String,
-      default: defprops.avatar.icon
+      default: () => defProps.avatar.icon
     },
     // 显示小程序头像，只对百度，微信，QQ小程序有效
     mpAvatar: {
       type: Boolean,
-      default: defprops.avatar.mpAvatar
+      default: () => defProps.avatar.mpAvatar
     },
     // 是否使用随机背景色
     randomBgColor: {
       type: Boolean,
-      default: defprops.avatar.randomBgColor
+      default: () => defProps.avatar.randomBgColor
     },
     // 加载失败的默认头像(组件有内置默认图片)
     defaultUrl: {
       type: String,
-      default: defprops.avatar.defaultUrl
+      default: () => defProps.avatar.defaultUrl
     },
     // 如果配置了randomBgColor为true，且配置了此值，则从默认的背景色数组中取出对应索引的颜色值，取值0-19之间
     colorIndex: {
       type: [String, Number],
       // 校验参数规则，索引在0-19之间
       validator(n) {
-        return uni.$u.test.range(n, [0, 19]) || n === '';
+        return test.range(n, [0, 19]) || n === '';
       },
-      default: defprops.avatar.colorIndex
+      default: () => defProps.avatar.colorIndex
     },
     // 组件标识符
     name: {
       type: String,
-      default: defprops.avatar.name
+      default: () => defProps.avatar.name
     }
   }
-};
+});

package/uview-plus/components/u-avatar/style.css

@@ -1,5 +1,20 @@
 /* #ifndef APP-NVUE */
-view, scroll-view, swiper-item {
+.u-empty,
+.u-empty__wrap,
+.u-tabs,
+.u-tabs__wrapper,
+.u-tabs__wrapper__scroll-view-wrapper,
+.u-tabs__wrapper__scroll-view,
+.u-tabs__wrapper__nav,
+.u-tabs__wrapper__nav__line,
+.up-empty,
+.up-empty__wrap,
+.up-tabs,
+.up-tabs__wrapper,
+.up-tabs__wrapper__scroll-view-wrapper,
+.up-tabs__wrapper__scroll-view,
+.up-tabs__wrapper__nav,
+.up-tabs__wrapper__nav__line {
   display: flex;
   flex-direction: column;
   flex-shrink: 0;
@@ -25,7 +40,8 @@ view, scroll-view, swiper-item {
 }
 .u-avatar__image--circle {
   border-radius: 100px;
+  overflow: hidden;
 }
 .u-avatar__image--square {
   border-radius: 4px;
-}
+}

package/uview-plus/components/u-avatar/style.scss

@@ -16,6 +16,7 @@
   &__image {
     &--circle {
       border-radius: 100px;
+      overflow: hidden;
     }
 
     &--square {

package/uview-plus/components/u-avatar/u-avatar.vue

@@ -5,11 +5,11 @@
     :style="[
       {
         backgroundColor:
-          text || icon ? (randomBgColor ? colors[colorIndex !== '' ? colorIndex : $u.random(0, 19)] : bgColor) : 'transparent',
-        width: $u.addUnit(size),
-        height: $u.addUnit(size)
+          text || icon ? (randomBgColor ? colors[colorIndex !== '' ? colorIndex : random(0, 19)] : bgColor) : 'transparent',
+        width: addUnit(size),
+        height: addUnit(size)
       },
-      $u.addStyle(customStyle)
+      addStyle(customStyle)
     ]"
     @tap="clickHandler"
   >
@@ -20,8 +20,8 @@
         type="userAvatarUrl"
         :style="[
           {
-            width: $u.addUnit(size),
-            height: $u.addUnit(size)
+            width: addUnit(size),
+            height: addUnit(size)
           }
         ]"
       />
@@ -30,14 +30,14 @@
       <template v-if="mpAvatar && allowMp"></template>
       <!-- #endif -->
       <u-icon v-else-if="icon" :name="icon" :size="fontSize" :color="color"></u-icon>
-      <u--text
+      <up-text
         v-else-if="text"
         :text="text"
         :size="fontSize"
         :color="color"
         align="center"
         customStyle="justify-content: center"
-      ></u--text>
+      ></up-text>
       <image
         class="u-avatar__image"
         v-else
@@ -47,8 +47,8 @@
         @error="errorHandler"
         :style="[
           {
-            width: $u.addUnit(size),
-            height: $u.addUnit(size)
+            width: addUnit(size),
+            height: addUnit(size)
           }
         ]"
       ></image>
@@ -56,9 +56,10 @@
   </view>
 </template>
 <script>
-import props from './props.js';
-import mpMixin from '../../libs/mixin/mpMixin.js';
-import mixin from '../../libs/mixin/mixin.js';
+import { props } from './props';
+import { mpMixin } from '../../libs/mixin/mpMixin';
+import { mixin } from '../../libs/mixin/mixin';
+import { addStyle, addUnit, random } from '../../libs/function/index';
 const base64Avatar =
   'data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjREMEQwRkY0RjgwNDExRUE5OTY2RDgxODY3NkJFODMxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjREMEQwRkY1RjgwNDExRUE5OTY2RDgxODY3NkJFODMxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEQwRDBGRjJGODA0MTFFQTk5NjZEODE4Njc2QkU4MzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEQwRDBGRjNGODA0MTFFQTk5NjZEODE4Njc2QkU4MzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAGBAQEBQQGBQUGCQYFBgkLCAYG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';
 /**
@@ -140,7 +141,11 @@ export default {
   created() {
     this.init();
   },
+  emits: ['click'],
   methods: {
+    addStyle,
+    addUnit,
+    random,
     init() {
       // 目前只有这几个小程序平台具有open-data标签
       // 其他平台可以通过uni.getUserInfo类似接口获取信息，但是需要弹窗授权(首次)，不合符组件逻辑
@@ -157,8 +162,8 @@ export default {
     errorHandler() {
       this.avatarUrl = this.defaultUrl || base64Avatar;
     },
-    clickHandler() {
-      this.$emit('click', this.name);
+    clickHandler(e) {
+      this.$emit('click', this.name, e);
     }
   }
 };

package/uview-plus/{libs/config/props → components/u-avatar-group}/avatarGroup.js

@@ -10,7 +10,7 @@
 export default {
     // avatarGroup 组件
     avatarGroup: {
-        urls: () => [],
+        urls: [],
         maxCount: 5,
         shape: 'circle',
         mode: 'scaleToFill',

package/uview-plus/components/u-avatar-group/props.js

@@ -1,40 +1,41 @@
-import defprops from '../../libs/config/props';
-export default {
+import { defineMixin } from '../../libs/vue';
+import defProps from '../../libs/config/props.js';
+export const props = defineMixin({
   props: {
     // 头像图片组
     urls: {
       type: Array,
-      default: defprops.avatarGroup.urls
+      default: () => defProps.avatarGroup.urls
     },
     // 最多展示的头像数量
     maxCount: {
       type: [String, Number],
-      default: defprops.avatarGroup.maxCount
+      default: () => defProps.avatarGroup.maxCount
     },
     // 头像形状
     shape: {
       type: String,
-      default: defprops.avatarGroup.shape
+      default: () => defProps.avatarGroup.shape
     },
     // 图片裁剪模式
     mode: {
       type: String,
-      default: defprops.avatarGroup.mode
+      default: () => defProps.avatarGroup.mode
     },
     // 超出maxCount时是否显示查看更多的提示
     showMore: {
       type: Boolean,
-      default: defprops.avatarGroup.showMore
+      default: () => defProps.avatarGroup.showMore
     },
     // 头像大小
     size: {
       type: [String, Number],
-      default: defprops.avatarGroup.size
+      default: () => defProps.avatarGroup.size
     },
     // 指定从数组的对象元素中读取哪个属性作为图片地址
     keyName: {
       type: String,
-      default: defprops.avatarGroup.keyName
+      default: () => defProps.avatarGroup.keyName
     },
     // 头像之间的遮挡比例
     gap: {
@@ -42,12 +43,12 @@ export default {
       validator(value) {
         return value >= 0 && value <= 1;
       },
-      default: defprops.avatarGroup.gap
+      default: () => defProps.avatarGroup.gap
     },
     // 需额外显示的值
     extraValue: {
       type: [Number, String],
-      default: defprops.avatarGroup.extraValue
+      default: () => defProps.avatarGroup.extraValue
     }
   }
-};
+});

package/uview-plus/components/u-avatar-group/style.css

@@ -1,5 +1,20 @@
 /* #ifndef APP-NVUE */
-view, scroll-view, swiper-item {
+.u-empty,
+.u-empty__wrap,
+.u-tabs,
+.u-tabs__wrapper,
+.u-tabs__wrapper__scroll-view-wrapper,
+.u-tabs__wrapper__scroll-view,
+.u-tabs__wrapper__nav,
+.u-tabs__wrapper__nav__line,
+.up-empty,
+.up-empty__wrap,
+.up-tabs,
+.up-tabs__wrapper,
+.up-tabs__wrapper__scroll-view-wrapper,
+.up-tabs__wrapper__scroll-view,
+.up-tabs__wrapper__nav,
+.up-tabs__wrapper__nav__line {
   display: flex;
   flex-direction: column;
   flex-shrink: 0;
@@ -36,4 +51,4 @@ view, scroll-view, swiper-item {
   align-items: center;
   justify-content: center;
   border-radius: 100px;
-}
+}

package/uview-plus/components/u-avatar-group/u-avatar-group.vue

@@ -1,74 +1,3 @@
-<template>
-  <view class="u-avatar-group">
-    <view
-      class="u-avatar-group__item"
-      v-for="(item, index) in showUrl"
-      :key="index"
-      :style="{
-        marginLeft: index === 0 ? 0 : $u.addUnit(-size * gap)
-      }"
-    >
-      <u-avatar
-        :size="size"
-        :shape="shape"
-        :mode="mode"
-        :src="$u.test.object(item) ? (keyName && item[keyName]) || item.url : item"
-      ></u-avatar>
-      <view
-        class="u-avatar-group__item__show-more"
-        v-if="showMore && index === showUrl.length - 1 && (urls.length > maxCount || extraValue > 0)"
-        @tap="clickHandler"
-      >
-        <u--text
-          color="#ffffff"
-          :size="size * 0.4"
-          :text="`+${extraValue || urls.length - showUrl.length}`"
-          align="center"
-          customStyle="justify-content: center"
-        ></u--text>
-      </view>
-    </view>
-  </view>
-</template>
-<script>
-import props from './props.js';
-import mpMixin from '../../libs/mixin/mpMixin.js';
-import mixin from '../../libs/mixin/mixin.js';
-/**
- * AvatarGroup  头像组
- * @description 本组件一般用于展示头像的地方，如个人中心，或者评论列表页的用户头像展示等场所。
- * @tutorial https://ijry.github.io/uview-plus/components/avatar.html
- *
- * @property {Array}           urls     头像图片组 （默认 [] ）
- * @property {String | Number} maxCount 最多展示的头像数量 （ 默认 5 ）
- * @property {String}          shape    头像形状（ 'circle' (默认) | 'square' ）
- * @property {String}          mode     图片裁剪模式（默认 'scaleToFill' ）
- * @property {Boolean}         showMore 超出maxCount时是否显示查看更多的提示 （默认 true ）
- * @property {String | Number} size      头像大小 （默认 40 ）
- * @property {String}          keyName  指定从数组的对象元素中读取哪个属性作为图片地址
- * @property {String | Number} gap      头像之间的遮挡比例（0.4代表遮挡40%）  （默认 0.5 ）
- * @property {String | Number} extraValue  需额外显示的值
- * @event    {Function}        showMore 头像组更多点击
- * @example  <u-avatar-group:urls="urls" size="35" gap="0.4" ></u-avatar-group:urls=>
- */
-export default {
-  name: 'u-avatar-group',
-  mixins: [mpMixin, mixin, props],
-  data() {
-    return {};
-  },
-  computed: {
-    showUrl() {
-      return this.urls.slice(0, this.maxCount);
-    }
-  },
-  methods: {
-    clickHandler() {
-      this.$emit('showMore');
-    }
-  }
-};
-</script>
-<style scoped>
+<template>
  <view class="u-avatar-group">
    <view
      class="u-avatar-group__item"
      v-for="(item, index) in showUrl"
      :key="index"
      :style="{
        marginLeft: index === 0 ? 0 : addUnit(-size * gap)
      }"
    >
      <u-avatar
        :size="size"
        :shape="shape"
        :mode="mode"
        :src="testObject(item) ? (keyName && item[keyName]) || item.url : item"
      ></u-avatar>
      <view
        class="u-avatar-group__item__show-more"
        v-if="showMore && index === showUrl.length - 1 && (urls.length > maxCount || extraValue > 0)"
        @tap="clickHandler"
      >
        <up-text
          color="#ffffff"
          :size="size * 0.4"
          :text="`+${extraValue || urls.length - showUrl.length}`"
          align="center"
          customStyle="justify-content: center"
        ></up-text>
      </view>
    </view>
  </view>
 * AvatarGroup  头像组
 * @description 本组件一般用于展示头像的地方，如个人中心，或者评论列表页的用户头像展示等场所。
 * @tutorial https://ijry.github.io/uview-plus/components/avatar.html
 *
 * @property {Array}           urls     头像图片组 （默认 [] ）
 * @property {String | Number} maxCount 最多展示的头像数量 （ 默认 5 ）
 * @property {String}          shape    头像形状（ 'circle' (默认) | 'square' ）
 * @property {String}          mode     图片裁剪模式（默认 'scaleToFill' ）
 * @property {Boolean}         showMore 超出maxCount时是否显示查看更多的提示 （默认 true ）
 * @property {String | Number} size      头像大小 （默认 40 ）
 * @property {String}          keyName  指定从数组的对象元素中读取哪个属性作为图片地址
 * @property {String | Number} gap      头像之间的遮挡比例（0.4代表遮挡40%）  （默认 0.5 ）
 * @property {String | Number} extraValue  需额外显示的值
 * @event    {Function}        showMore 头像组更多点击
 * @example  <u-avatar-group:urls="urls" size="35" gap="0.4" ></u-avatar-group:urls=>
 */
  name: 'u-avatar-group',
  mixins: [mpMixin, mixin, props],
  data() {
    return {};
  },
  computed: {
    showUrl() {
      return this.urls.slice(0, this.maxCount);
    }
  },
  emits: ['showMore'],
  methods: {
    addUnit,
    testObject: test.object,
    clickHandler() {
      this.$emit('showMore');
    }
  }
 @import './style.css';
-</style>
+</style>

package/uview-plus/{libs/config/props → components/u-back-top}/backtop.js

@@ -19,9 +19,9 @@ export default {
         bottom: 100,
         right: 20,
         zIndex: 9,
-        iconStyle: () => ({
+        iconStyle: {
             color: '#909399',
             fontSize: '19px'
-        })
+        }
     }
 }

package/uview-plus/components/u-back-top/props.js

@@ -1,55 +1,56 @@
-import defprops from '../../libs/config/props';
-export default {
+import { defineMixin } from '../../libs/vue';
+import defProps from '../../libs/config/props.js';
+export const props = defineMixin({
   props: {
     // 返回顶部的形状，circle-圆形，square-方形
     mode: {
       type: String,
-      default: defprops.backtop.mode
+      default: () => defProps.backtop.mode
     },
     // 自定义图标
     icon: {
       type: String,
-      default: defprops.backtop.icon
+      default: () => defProps.backtop.icon
     },
     // 提示文字
     text: {
       type: String,
-      default: defprops.backtop.text
+      default: () => defProps.backtop.text
     },
     // 返回顶部滚动时间
     duration: {
       type: [String, Number],
-      default: defprops.backtop.duration
+      default: () => defProps.backtop.duration
     },
     // 滚动距离
     scrollTop: {
       type: [String, Number],
-      default: defprops.backtop.scrollTop
+      default: () => defProps.backtop.scrollTop
     },
     // 距离顶部多少距离显示，单位px
     top: {
       type: [String, Number],
-      default: defprops.backtop.top
+      default: () => defProps.backtop.top
     },
     // 返回顶部按钮到底部的距离，单位px
     bottom: {
       type: [String, Number],
-      default: defprops.backtop.bottom
+      default: () => defProps.backtop.bottom
     },
     // 返回顶部按钮到右边的距离，单位px
     right: {
       type: [String, Number],
-      default: defprops.backtop.right
+      default: () => defProps.backtop.right
     },
     // 层级
     zIndex: {
       type: [String, Number],
-      default: defprops.backtop.zIndex
+      default: () => defProps.backtop.zIndex
     },
     // 图标的样式，对象形式
     iconStyle: {
       type: Object,
-      default: defprops.backtop.iconStyle
+      default: () => defProps.backtop.iconStyle
     }
   }
-};
+});

package/uview-plus/components/u-back-top/style.css

@@ -1,5 +1,20 @@
 /* #ifndef APP-NVUE */
-view, scroll-view, swiper-item {
+.u-empty,
+.u-empty__wrap,
+.u-tabs,
+.u-tabs__wrapper,
+.u-tabs__wrapper__scroll-view-wrapper,
+.u-tabs__wrapper__scroll-view,
+.u-tabs__wrapper__nav,
+.u-tabs__wrapper__nav__line,
+.up-empty,
+.up-empty__wrap,
+.up-tabs,
+.up-tabs__wrapper,
+.up-tabs__wrapper__scroll-view-wrapper,
+.up-tabs__wrapper__scroll-view,
+.up-tabs__wrapper__nav,
+.up-tabs__wrapper__nav__line {
   display: flex;
   flex-direction: column;
   flex-shrink: 0;
@@ -24,4 +39,4 @@ view, scroll-view, swiper-item {
 .u-back-top__tips {
   font-size: 12px;
   transform: scale(0.8);
-}
+}

package/uview-plus/components/u-back-top/u-back-top.vue

@@ -8,16 +8,17 @@
   </u-transition>
 </template>
 <script>
-import props from './props.js';
-import mpMixin from '../../libs/mixin/mpMixin.js';
-import mixin from '../../libs/mixin/mixin.js';
+import { props } from './props';
+import { mpMixin } from '../../libs/mixin/mpMixin';
+import { mixin } from '../../libs/mixin/mixin';
+import { addUnit, addStyle, getPx, deepMerge, error } from '../../libs/function/index';
 // #ifdef APP-NVUE
 const dom = weex.requireModule('dom');
 // #endif
 /**
  * backTop 返回顶部
  * @description 本组件一个用于长页面，滑动一定距离后，出现返回顶部按钮，方便快速返回顶部的场景。
- * @tutorial https://uviewui.com/components/backTop.html
+ * @tutorial https://uview-plus.jiangruyi.com/components/backTop.html
  *
  * @property {String}			mode  		返回顶部的形状，circle-圆形，square-方形 （默认 'circle' ）
  * @property {String} 			icon 		自定义图标 （默认 'arrow-upward' ） 见官方文档示例
@@ -40,8 +41,8 @@ export default {
     backTopStyle() {
       // 动画组件样式
       const style = {
-        bottom: uni.$u.addUnit(this.bottom),
-        right: uni.$u.addUnit(this.right),
+        bottom: addUnit(this.bottom),
+        right: addUnit(this.right),
         width: '40px',
         height: '40px',
         position: 'fixed',
@@ -50,7 +51,7 @@ export default {
       return style;
     },
     show() {
-      return uni.$u.getPx(this.scrollTop) > uni.$u.getPx(this.top);
+      return getPx(this.scrollTop) > getPx(this.top);
     },
     contentStyle() {
       const style = {};
@@ -66,14 +67,15 @@ export default {
       style.borderTopRightRadius = radius;
       style.borderBottomLeftRadius = radius;
       style.borderBottomRightRadius = radius;
-      return uni.$u.deepMerge(style, uni.$u.addStyle(this.customStyle));
+      return deepMerge(style, addStyle(this.customStyle));
     }
   },
+  emits: ['click'],
   methods: {
     backToTop() {
       // #ifdef APP-NVUE
       if (!this.$parent.$refs['u-back-top']) {
-        uni.$u.error(`nvue页面需要给页面最外层元素设置"ref='u-back-top'`);
+        error(`nvue页面需要给页面最外层元素设置"ref='u-back-top'`);
       }
       dom.scrollToElement(this.$parent.$refs['u-back-top'], {
         offset: 0

package/uview-plus/{libs/config/props → components/u-badge}/badge.js

@@ -20,7 +20,7 @@ export default {
         color: null,
         shape: 'circle',
         numberType: 'overflow',
-        offset: () => [],
+        offset: [],
         inverted: false,
         absolute: false
     }