@10yun/cv-mobile-ui 0.5.30 → 0.5.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@10yun/cv-mobile-ui",
-  "version": "0.5.30",
+  "version": "0.5.31",
   "description": "十云cvjs移动端ui，适用uniapp",
   "author": "10yun",
   "license": "Apache-2.0",
@@ -13,6 +13,10 @@
     "url": "https://gitee.com/cvjs/cv-mobile-ui"
   },
   "scripts": {},
+  "dependencies": {
+    "clipboard": "^2.0.11",
+    "dayjs": "^1.11.13"
+  },
   "browserslist": [
     "Android >= 7",
     "ios >= 9"

package/ui-cv/components/cv-btn-base/cv-btn-base.vue

@@ -2,7 +2,7 @@
   <button class="cv-button-wrap" :type="type" :size="size" @click="parentClick" :disabled="loadingStatus">
     <view class="cv-button-box">
       <view :class="loadingStatus ? 'cv-button-rotateloop' : ''">
-        <u-loading-icon v-if="loadingStatus" size="20"></u-loading-icon>
+        <up-loading-icon v-if="loadingStatus" size="20"></up-loading-icon>
       </view>
       <slot>{{ text }}</slot>
     </view>

package/uview-plus/README.md

@@ -65,7 +65,7 @@ uview-plus现已推出免费可视化设计，可以方便的进行页面可视
 
 ```html
 <template>
-	<u-button text="按钮"></u-button>
+	<up-button text="按钮"></up-button>
 </template>
 ```
 

package/uview-plus/components/u-action-sheet/u-action-sheet.vue

@@ -1,10 +1,10 @@
 <template>
-  <u-popup :show="show" mode="bottom" @close="closeHandler" :safeAreaInsetBottom="safeAreaInsetBottom" :round="round">
+  <up-popup :show="show" mode="bottom" @close="closeHandler" :safeAreaInsetBottom="safeAreaInsetBottom" :round="round">
     <view class="u-action-sheet">
       <view class="u-action-sheet__header" v-if="title">
         <text class="u-action-sheet__header__title u-line-1">{{ title }}</text>
         <view class="u-action-sheet__header__icon-wrap" @tap.stop="cancel">
-          <u-icon name="close" size="17" color="#c8c9cc" bold></u-icon>
+          <up-icon name="close" size="17" color="#c8c9cc" bold></up-icon>
         </view>
       </view>
       <text
@@ -19,7 +19,7 @@
         {{ description }}
       </text>
       <slot>
-        <u-line v-if="description"></u-line>
+        <up-line v-if="description"></up-line>
         <scroll-view scroll-y class="u-action-sheet__item-wrap" :style="{ maxHeight: wrapMaxHeight }">
           <view :key="index" v-for="(item, index) in actions">
             <!-- #ifdef MP -->
@@ -53,16 +53,16 @@
                   <text class="u-action-sheet__item-wrap__item__name" :style="[itemStyle(index)]">{{ item.name }}</text>
                   <text v-if="item.subname" class="u-action-sheet__item-wrap__item__subname">{{ item.subname }}</text>
                 </template>
-                <u-loading-icon v-else custom-class="van-action-sheet__loading" size="18" mode="circle" />
+                <up-loading-icon v-else custom-class="van-action-sheet__loading" size="18" mode="circle" />
               </view>
               <!-- #ifdef MP -->
             </button>
             <!-- #endif -->
-            <u-line v-if="index !== actions.length - 1"></u-line>
+            <up-line v-if="index !== actions.length - 1"></up-line>
           </view>
         </scroll-view>
       </slot>
-      <u-gap bgColor="#eaeaec" height="6" v-if="cancelText"></u-gap>
+      <up-gap bgColor="#eaeaec" height="6" v-if="cancelText"></up-gap>
       <view
         class="u-action-sheet__item-wrap__item u-action-sheet__cancel"
         hover-class="u-action-sheet--hover"
@@ -72,7 +72,7 @@
         <text @touchmove.stop.prevent :hover-stay-time="150" class="u-action-sheet__cancel-text">{{ cancelText }}</text>
       </view>
     </view>
-  </u-popup>
+  </up-popup>
 </template>
 <script>
 import { openType } from '../../libs/mixin/openType';
@@ -112,7 +112,7 @@ import { addUnit } from '../../libs/function/index';
  * @event {Function} error			当使用开放能力时，发生错误的回调，openType="error"时有效
  * @event {Function} launchapp		打开 APP 成功的回调，openType="launchApp"时有效
  * @event {Function} opensetting	在打开授权设置页后回调，openType="openSetting"时有效
- * @example <u-action-sheet :actions="list" :title="title" :show="show"></u-action-sheet>
+ * @example <up-action-sheet :actions="list" :title="title" :show="show"></up-action-sheet>
  */
 export default {
   name: 'u-action-sheet',

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

@@ -81,7 +81,7 @@ const dom = uni.requireNativePlugin('dom');
  * @property {Boolean}         autoWrap         自适应换行模式，不受rowCount限制，图片会自动换行 （默认 false ）
  * @property {String}          unit             图片单位 （默认 px ）
  * @event    {Function}        albumWidth       某些特殊的情况下，需要让文字与相册的宽度相等，这里事件的形式对外发送  （回调参数 width ）
- * @example <u-album :urls="urls2" @albumWidth="width => albumWidth = width" multipleSize="68" ></u-album>
+ * @example <up-album :urls="urls2" @albumWidth="width => albumWidth = width" multipleSize="68" ></up-album>
  */
 export default {
   name: 'u-album',

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

@@ -1,8 +1,8 @@
 <template>
-  <u-transition mode="fade" :show="show">
+  <up-transition mode="fade" :show="show">
     <view class="u-alert" :class="[`u-alert--${type}--${effect}`]" @tap.stop="clickHandler" :style="[addStyle(customStyle)]">
       <view class="u-alert__icon" v-if="showIcon">
-        <u-icon :name="iconName" size="18" :color="iconColor"></u-icon>
+        <up-icon :name="iconName" size="18" :color="iconColor"></up-icon>
       </view>
       <view
         class="u-alert__content"
@@ -40,10 +40,10 @@
         </text>
       </view>
       <view class="u-alert__close" v-if="closable" @tap.stop="closeHandler">
-        <u-icon name="close" :color="iconColor" size="15"></u-icon>
+        <up-icon name="close" :color="iconColor" size="15"></up-icon>
       </view>
     </view>
-  </u-transition>
+  </up-transition>
 </template>
 <script>
 import { props } from './props';
@@ -66,7 +66,7 @@ import { addUnit, addStyle } from '../../libs/function/index';
  * @property {Object}			customStyle	定义需要用到的外部样式
  * @event    {Function}        click       点击组件时触发
  * @event    {Function}        close       点击关闭按钮时触发
- * @example  <u-alert :title="title"  type = "warning" :closable="closable" :description = "description"></u-alert>
+ * @example  <up-alert :title="title"  type = "warning" :closable="closable" :description = "description"></up-alert>
  */
 export default {
   name: 'u-alert',

package/uview-plus/components/u-app-update/u-app-update.vue

@@ -3,14 +3,14 @@
     <uni-popup ref="popup" type="center" :isMaskClick="false" @touchmove.stop.prevent>
       <view class="content_popup" :style="{ backgroundColor: bgColor }">
         <!-- 关闭app -->
-        <u-icon
+        <up-icon
           v-if="!isForceUpdata"
           class="close"
           name="close"
           :color="closeIconColor"
           :size="closeIconSize"
           @click="closeUpdate"
-        ></u-icon>
+        ></up-icon>
         <!-- 版本提示 -->
         <view class="version" :style="{ color: versionColor }">v{{ version }}</view>
         <!-- 背景 -->

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

@@ -29,7 +29,7 @@
       <!-- #ifndef MP-WEIXIN && MP-QQ && MP-BAIDU  -->
       <template v-if="mpAvatar && allowMp"></template>
       <!-- #endif -->
-      <u-icon v-else-if="icon" :name="icon" :size="fontSize" :color="color"></u-icon>
+      <up-icon v-else-if="icon" :name="icon" :size="fontSize" :color="color"></up-icon>
       <up-text
         v-else-if="text"
         :text="text"
@@ -84,7 +84,7 @@ const base64Avatar =
  * @property {Object}			customStyle		定义需要用到的外部样式
  *
  * @event    {Function}        click       点击组件时触发   index: 用户传递的标识符
- * @example  <u-avatar :src="src" mode="square"></u-avatar>
+ * @example  <up-avatar :src="src" mode="square"></up-avatar>
  */
 export default {
   name: 'u-avatar',

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

@@ -1,3 +1,79 @@
-<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>
+<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)
+      }"
+    >
+      <up-avatar
+        :size="size"
+        :shape="shape"
+        :mode="mode"
+        :src="testObject(item) ? (keyName && item[keyName]) || item.url : item"
+      ></up-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>
+</template>
+<script>
+import { props } from './props';
+import { mpMixin } from '../../libs/mixin/mpMixin';
+import { mixin } from '../../libs/mixin/mixin';
+import { addUnit } from '../../libs/function/index';
+import test from '../../libs/function/test';
+/**
+ * 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  <up-avatar-group :urls="urls" size="35" gap="0.4" ></up-avatar-group>
+ */
+export default {
+  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');
+    }
+  }
+};
+</script>
+<style scoped>
+@import './style.css';
+</style>

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

@@ -1,11 +1,11 @@
 <template>
-  <u-transition mode="fade" :customStyle="backTopStyle" :show="show">
+  <up-transition mode="fade" :customStyle="backTopStyle" :show="show">
     <view class="u-back-top" :style="[contentStyle]" v-if="!$slots.default && !$slots.$default" @click="backToTop">
-      <u-icon :name="icon" :custom-style="iconStyle"></u-icon>
+      <up-icon :name="icon" :custom-style="iconStyle"></up-icon>
       <text v-if="text" class="u-back-top__text">{{ text }}</text>
     </view>
     <slot v-else />
-  </u-transition>
+  </up-transition>
 </template>
 <script>
 import { props } from './props';
@@ -32,7 +32,7 @@ const dom = weex.requireModule('dom');
  * @property {Object<Object>}  	iconStyle 	图标的样式，对象形式   （默认 {color: '#909399',fontSize: '19px'}）
  * @property {Object}			customStyle	定义需要用到的外部样式
  *
- * @example <u-back-top :scrollTop="scrollTop"></u-back-top>
+ * @example <up-back-top :scrollTop="scrollTop"></up-back-top>
  */
 export default {
   name: 'u-back-top',

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

@@ -37,7 +37,7 @@ import { addStyle, addUnit } from '../../libs/function/index';
  * @property {Boolean} 			inverted	是否反转背景和字体颜色（默认 false ）
  * @property {Boolean} 			absolute	是否绝对定位（默认 false ）
  * @property {Object}			customStyle	定义需要用到的外部样式
- * @example <u-badge :type="type" :count="count"></u-badge>
+ * @example <up-badge :type="type" :count="count"></up-badge>
  */
 export default {
   name: 'u-badge',

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

@@ -27,17 +27,17 @@
     :class="bemClass"
   >
     <template v-if="loading">
-      <u-loading-icon :mode="loadingMode" :size="loadingSize * 1.15" :color="loadingColor"></u-loading-icon>
+      <up-loading-icon :mode="loadingMode" :size="loadingSize * 1.15" :color="loadingColor"></up-loading-icon>
       <text class="u-button__loading-text" :style="[{ fontSize: textSize + 'px' }]">{{ loadingText || text }}</text>
     </template>
     <template v-else>
-      <u-icon
+      <up-icon
         v-if="icon"
         :name="icon"
         :color="iconColorCom"
         :size="textSize * 1.35"
         :customStyle="{ marginRight: '2px' }"
-      ></u-icon>
+      ></up-icon>
       <slot>
         <text class="u-button__text" :style="[{ fontSize: textSize + 'px' }]">{{ text }}</text>
       </slot>
@@ -53,21 +53,21 @@
       !disabled && !loading && !color && (plain || type === 'info')
         ? 'u-button--active--plain'
         : !disabled && !loading && !plain
-          ? 'u-button--active'
-          : ''
+        ? 'u-button--active'
+        : ''
     "
     @tap="clickHandler"
     :class="bemClass"
     :style="[baseColor, addStyle(customStyle)]"
   >
     <template v-if="loading">
-      <u-loading-icon :mode="loadingMode" :size="loadingSize * 1.15" :color="loadingColor"></u-loading-icon>
+      <up-loading-icon :mode="loadingMode" :size="loadingSize * 1.15" :color="loadingColor"></up-loading-icon>
       <text class="u-button__loading-text" :style="[nvueTextStyle]" :class="[plain && `u-button__text--plain--${type}`]">
         {{ loadingText || text }}
       </text>
     </template>
     <template v-else>
-      <u-icon v-if="icon" :name="icon" :color="iconColorCom" :size="textSize * 1.35"></u-icon>
+      <up-icon v-if="icon" :name="icon" :color="iconColorCom" :size="textSize * 1.35"></up-icon>
       <text
         class="u-button__text"
         :style="[
@@ -135,7 +135,7 @@ import color from '../../libs/config/color';
  * @event {Function}	opensetting		在打开授权设置页并关闭后回调
  * @event {Function}	launchapp		打开 APP 成功的回调
  * @event {Function}	agreeprivacyauthorization	用户同意隐私协议事件回调
- * @example <u-button>月落</u-button>
+ * @example <up-button>月落</up-button>
  */
 export default {
   name: 'u-button',

package/uview-plus/components/u-button-wu/u-button-wu.vue

@@ -37,19 +37,19 @@
       :class="bemClass"
     >
       <template v-if="loading">
-        <u-loading-icon :mode="loadingMode" :size="loadingSize * 1.15" :color="loadingColor"></u-loading-icon>
+        <up-loading-icon :mode="loadingMode" :size="loadingSize * 1.15" :color="loadingColor"></up-loading-icon>
         <text class="u-button__loading-text" :style="[{ fontSize: textSize + 'px' }, addStyle(customTextStyle)]">
           {{ loadingText || text }}
         </text>
       </template>
       <template v-else>
-        <u-icon
+        <up-icon
           v-if="icon"
           :name="icon"
           :color="iconColorCom"
           :size="textSize * 1.35"
           :customStyle="{ marginRight: '2px' }"
-        ></u-icon>
+        ></up-icon>
         <slot>
           <text class="u-button__text" :style="[{ fontSize: textSize + 'px' }, addStyle(customTextStyle)]">{{ text }}</text>
         </slot>
@@ -78,19 +78,19 @@
       :class="bemClass"
     >
       <template v-if="loading">
-        <u-loading-icon :mode="loadingMode" :size="loadingSize * 1.15" :color="loadingColor"></u-loading-icon>
+        <up-loading-icon :mode="loadingMode" :size="loadingSize * 1.15" :color="loadingColor"></up-loading-icon>
         <text class="u-button__loading-text" :style="[{ fontSize: textSize + 'px' }, addStyle(customTextStyle)]">
           {{ loadingText || text }}
         </text>
       </template>
       <template v-else>
-        <u-icon
+        <up-icon
           v-if="icon"
           :name="icon"
           :color="iconColorCom"
           :size="textSize * 1.35"
           :customStyle="{ marginRight: '2px' }"
-        ></u-icon>
+        ></up-icon>
         <slot>
           <text class="u-button__text" :style="[{ fontSize: textSize + 'px' }, addStyle(customTextStyle)]">{{ text }}</text>
         </slot>
@@ -116,7 +116,7 @@
       :style="[baseColor, addStyle(customStyle)]"
     >
       <template v-if="loading">
-        <u-loading-icon :mode="loadingMode" :size="loadingSize * 1.15" :color="loadingColor"></u-loading-icon>
+        <up-loading-icon :mode="loadingMode" :size="loadingSize * 1.15" :color="loadingColor"></up-loading-icon>
         <text
           class="u-button__loading-text"
           :style="[nvueTextStyle, addStyle(customTextStyle)]"
@@ -126,7 +126,7 @@
         </text>
       </template>
       <template v-else>
-        <u-icon v-if="icon" :name="icon" :color="iconColorCom" :size="textSize * 1.35"></u-icon>
+        <up-icon v-if="icon" :name="icon" :color="iconColorCom" :size="textSize * 1.35"></up-icon>
         <text
           class="u-button__text"
           :style="[
@@ -202,7 +202,7 @@ import props from './props.js';
  * @event {Function}	error			当使用开放能力时，发生错误的回调
  * @event {Function}	opensetting		在打开授权设置页并关闭后回调
  * @event {Function}	launchapp		打开 APP 成功的回调
- * @example <u-button>千金散尽还复来</u-button>
+ * @example <up-button>千金散尽还复来</up-button>
  */
 export default {
   name: 'u-button',

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

@@ -1,5 +1,5 @@
 <template>
-  <u-popup :show="show" mode="bottom" closeable @close="close" :round="round" :closeOnClickOverlay="closeOnClickOverlay">
+  <up-popup :show="show" mode="bottom" closeable @close="close" :round="round" :closeOnClickOverlay="closeOnClickOverlay">
     <view class="u-calendar">
       <uHeader
         :title="title"
@@ -44,17 +44,17 @@
       </scroll-view>
       <slot name="footer" v-if="showConfirm">
         <view class="u-calendar__confirm">
-          <u-button
+          <up-button
             shape="circle"
             :text="buttonDisabled ? confirmDisabledText : confirmText"
             :color="color"
             @click="confirm"
             :disabled="buttonDisabled"
-          ></u-button>
+          ></up-button>
         </view>
       </slot>
     </view>
-  </u-popup>
+  </up-popup>
 </template>
 <script>
 import uHeader from './header.vue';
@@ -103,8 +103,7 @@ import test from '../../libs/function/test';
  *
  * @event {Function()} confirm 		点击确定按钮时触发		选择日期相关的返回参数
  * @event {Function()} close 		日历关闭时触发			可定义页面关闭时的回调事件
- * @example <u-calendar  :defaultDate="defaultDateMultiple" :show="show" mode="multiple" @confirm="confirm">
-	</u-calendar>
+ * @example <up-calendar  :defaultDate="defaultDateMultiple" :show="show" mode="multiple" @confirm="confirm"></up-calendar>
  * */
 export default {
   name: 'u-calendar',

package/uview-plus/components/u-car-keyboard/u-car-keyboard.vue

@@ -41,7 +41,7 @@
       </view>
       <view v-if="i === 3" @touchstart="backspaceClick" @touchend="clearTimer" class="u-keyboard__button__inner-wrapper">
         <view class="u-keyboard__button__inner-wrapper__right" hover-class="u-hover-class" :hover-stay-time="200">
-          <u-icon size="28" name="backspace" color="#303133"></u-icon>
+          <up-icon size="28" name="backspace" color="#303133"></up-icon>
         </view>
       </view>
     </view>
@@ -59,7 +59,7 @@ import { randomArray, sleep } from '../../libs/function/index';
  * @property {Boolean} random 是否打乱键盘的顺序
  * @event {Function} change 点击键盘触发
  * @event {Function} backspace 点击退格键触发
- * @example <u-keyboard ref="uKeyboard" mode="car" v-model="show"></u-keyboard>
+ * @example <up-keyboard ref="uKeyboard" mode="car" v-model="show"></up-keyboard>
  */
 export default {
   name: 'u-car-keyboard',