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

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

@@ -1,5 +1,5 @@
 <template>
-  <u-transition mode="fade" :show="show" style="display: inline-flex">
+  <up-transition mode="fade" :show="show" style="display: inline-flex">
     <view class="u-tag-wrapper cursor-pointer">
       <view
         class="u-tag"
@@ -22,7 +22,7 @@
         <slot name="icon">
           <view class="u-tag__icon" v-if="icon">
             <image v-if="testImage(icon)" :src="icon" :style="[imgStyle]"></image>
-            <u-icon v-else :color="elIconColor" :name="icon" :size="iconSize"></u-icon>
+            <up-icon v-else :color="elIconColor" :name="icon" :size="iconSize"></up-icon>
           </view>
         </slot>
         <view class="u-tag__content">
@@ -54,10 +54,10 @@
         @tap.stop="closeHandler"
         :style="{ backgroundColor: closeColor }"
       >
-        <u-icon name="close" :size="closeSize" color="#ffffff"></u-icon>
+        <up-icon name="close" :size="closeSize" color="#ffffff"></up-icon>
       </view>
     </view>
-  </u-transition>
+  </up-transition>
 </template>
 <script>
 import { props } from './props';
@@ -86,7 +86,7 @@ import { addUnit, genLightColor } from '../../libs/function/index';
  * @property {String}			icon		内置图标，或绝对路径的图片
  * @event {Function(index)} click 点击标签时触发 index: 传递的index参数值
  * @event {Function(index)} close closable为true时，点击标签关闭按钮触发 index: 传递的index参数值
- * @example <u-tag text="标签" type="error" plain plainFill></u-tag>
+ * @example <up-tag text="标签" type="error" plain plainFill></up-tag>
  */
 export default {
   name: 'u-tag',

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

@@ -1,3 +1,159 @@
-<template>
  <view class="u-text" :class="[customClass]" v-if="show" :style="wrapStyle" @tap="clickHandler">
    <text :class="['u-text__price', type && `u-text__value--${type}`]" v-if="mode === 'price'" :style="[valueStyle]">￥</text>
    <view class="u-text__prefix-icon" v-if="prefixIcon">
      <u-icon :name="prefixIcon" :customStyle="addStyle(iconStyle)"></u-icon>
    </view>
    <u-link
      v-if="mode === 'link'"
      class="u-text__value"
      :style="{ fontWeight: valueStyle.fontWeight, wordWrap: valueStyle.wordWrap, fontSize: valueStyle.fontSize }"
      :class="[type && `u-text__value--${type}`, lines && `u-line-${lines}`]"
      :text="value"
      :href="href"
      underLine
    ></u-link>
    <template v-else-if="openType && isMp">
      <button
        class="u-reset-button u-text__value"
        :style="[valueStyle]"
        :data-index="index"
        :openType="openType"
        @getuserinfo="onGetUserInfo"
        @contact="onContact"
        @getphonenumber="onGetPhoneNumber"
        @error="onError"
        @launchapp="onLaunchApp"
        @opensetting="onOpenSetting"
        :lang="lang"
        :session-from="sessionFrom"
        :send-message-title="sendMessageTitle"
        :send-message-path="sendMessagePath"
        :send-message-img="sendMessageImg"
        :show-message-card="showMessageCard"
        :app-parameter="appParameter"
      >
        {{ value }}
      </button>
    </template>
    <text
      v-else
      class="u-text__value"
      :style="[valueStyle]"
      :class="[type && `u-text__value--${type}`, lines && `u-line-${lines}`]"
    >
      {{ value }}
    </text>
    <view class="u-text__suffix-icon" v-if="suffixIcon">
      <u-icon :name="suffixIcon" :customStyle="addStyle(iconStyle)"></u-icon>
    </view>
  </view>
 * Text 文本
 * @description 此组件集成了文本类在项目中的常用功能，包括状态，拨打电话，格式化日期，*替换，超链接...等功能。 您大可不必在使用特殊文本时自己定义，text组件几乎涵盖您能使用的大部分场景。
 * @tutorial https://ijry.github.io/uview-plus/components/loading.html
 * @property {String} 					type		主题颜色
 * @property {Boolean} 					show		是否显示（默认 true ）
 * @property {String | Number}			text		显示的值
 * @property {String}					prefixIcon	前置图标
 * @property {String} 					suffixIcon	后置图标
 * @property {String} 					mode		文本处理的匹配模式 text-普通文本，price-价格，phone-手机号，name-姓名，date-日期，link-超链接
 * @property {String} 					href		mode=link下，配置的链接
 * @property {String | Function} 		format		格式化规则
 * @property {Boolean} 					call		mode=phone时，点击文本是否拨打电话（默认 false ）
 * @property {String} 					openType	小程序的打开方式
 * @property {Boolean} 					bold		是否粗体，默认normal（默认 false ）
 * @property {Boolean} 					block		是否块状（默认 false ）
 * @property {String | Number} 			lines		文本显示的行数，如果设置，超出此行数，将会显示省略号
 * @property {String} 					color		文本颜色（默认 '#303133' ）
 * @property {String | Number} 			size		字体大小（默认 15 ）
 * @property {Object | String} 			iconStyle	图标的样式 （默认 {fontSize: '15px'} ）
 * @property {String} 					decoration	文字装饰，下划线，中划线等，可选值 none|underline|line-through（默认 'none' ）
 * @property {Object | String | Number}	margin		外边距，对象、字符串，数值形式均可（默认 0 ）
 * @property {String | Number} 			lineHeight	文本行高
 * @property {String} 					align		文本对齐方式，可选值left|center|right（默认 'left' ）
 * @property {String} 					wordWrap	文字换行，可选值break-word|normal|anywhere（默认 'normal' ）
 * @event {Function} click  点击触发事件
 * @example <up-text text="我用十年青春,赴你最后之约"></up-text>
 */
  name: 'up-text',
  // #ifdef MP
  mixins: [mpMixin, mixin, value, buttonMixin, openType, props],
  // #endif
  // #ifndef MP
  mixins: [mpMixin, mixin, value, props],
  // #endif
  emits: ['click'],
  computed: {
    wrapStyle() {
      let style = {
        margin: this.margin,
        justifyContent: this.align === 'left' ? 'flex-start' : this.align === 'center' ? 'center' : 'flex-end'
      };
      // 占满剩余空间
      if (this.flex1) {
        style.flex = 1;
        // #ifndef APP-NVUE
        style.width = '100%';
        // #endif
      }
      return style;
    },
    valueStyle() {
      const style = {
        textDecoration: this.decoration,
        fontWeight: this.bold ? 'bold' : 'normal',
        wordWrap: this.wordWrap,
        fontSize: addUnit(this.size)
      };
      !this.type && (style.color = this.color);
      this.isNvue && this.lines && (style.lines = this.lines);
      this.lineHeight && (style.lineHeight = addUnit(this.lineHeight));
      !this.isNvue && this.block && (style.display = 'block');
      return deepMerge(style, addStyle(this.customStyle));
    },
    isNvue() {
      let nvue = false;
      // #ifdef APP-NVUE
      nvue = true;
      // #endif
      return nvue;
    },
    isMp() {
      let mp = false;
      // #ifdef MP
      mp = true;
      // #endif
      return mp;
    }
  },
  data() {
    return {};
  },
  methods: {
    addStyle,
    clickHandler(e) {
      // 如果为手机号模式，拨打电话
      if (this.call && this.mode === 'phone') {
        uni.makePhoneCall({
          phoneNumber: this.text
        });
      }
      this.$emit('click', e);
    }
  }
-@import './style.css';
-</style>
+<template>
+  <view class="u-text" :class="[customClass]" v-if="show" :style="wrapStyle" @tap="clickHandler">
+    <text :class="['u-text__price', type && `u-text__value--${type}`]" v-if="mode === 'price'" :style="[valueStyle]">￥</text>
+    <view class="u-text__prefix-icon" v-if="prefixIcon">
+      <up-icon :name="prefixIcon" :customStyle="addStyle(iconStyle)"></up-icon>
+    </view>
+    <up-link
+      v-if="mode === 'link'"
+      class="u-text__value"
+      :style="{ fontWeight: valueStyle.fontWeight, wordWrap: valueStyle.wordWrap, fontSize: valueStyle.fontSize }"
+      :class="[type && `u-text__value--${type}`, lines && `u-line-${lines}`]"
+      :text="value"
+      :href="href"
+      underLine
+    ></up-link>
+    <template v-else-if="openType && isMp">
+      <button
+        class="u-reset-button u-text__value"
+        :style="[valueStyle]"
+        :data-index="index"
+        :openType="openType"
+        @getuserinfo="onGetUserInfo"
+        @contact="onContact"
+        @getphonenumber="onGetPhoneNumber"
+        @error="onError"
+        @launchapp="onLaunchApp"
+        @opensetting="onOpenSetting"
+        :lang="lang"
+        :session-from="sessionFrom"
+        :send-message-title="sendMessageTitle"
+        :send-message-path="sendMessagePath"
+        :send-message-img="sendMessageImg"
+        :show-message-card="showMessageCard"
+        :app-parameter="appParameter"
+      >
+        {{ value }}
+      </button>
+    </template>
+    <text
+      v-else
+      class="u-text__value"
+      :style="[valueStyle]"
+      :class="[type && `u-text__value--${type}`, lines && `u-line-${lines}`]"
+    >
+      {{ value }}
+    </text>
+    <view class="u-text__suffix-icon" v-if="suffixIcon">
+      <up-icon :name="suffixIcon" :customStyle="addStyle(iconStyle)"></up-icon>
+    </view>
+  </view>
+</template>
+<script>
+import { props } from './props';
+import value from './value.js';
+import { mpMixin } from '../../libs/mixin/mpMixin';
+import { mixin } from '../../libs/mixin/mixin';
+import { buttonMixin } from '../../libs/mixin/button';
+import { openType } from '../../libs/mixin/openType';
+import { addStyle, addUnit, deepMerge } from '../../libs/function/index';
+/**
+ * Text 文本
+ * @description 此组件集成了文本类在项目中的常用功能，包括状态，拨打电话，格式化日期，*替换，超链接...等功能。 您大可不必在使用特殊文本时自己定义，text组件几乎涵盖您能使用的大部分场景。
+ * @tutorial https://ijry.github.io/uview-plus/components/loading.html
+ * @property {String} 					type		主题颜色
+ * @property {Boolean} 					show		是否显示（默认 true ）
+ * @property {String | Number}			text		显示的值
+ * @property {String}					prefixIcon	前置图标
+ * @property {String} 					suffixIcon	后置图标
+ * @property {String} 					mode		文本处理的匹配模式 text-普通文本，price-价格，phone-手机号，name-姓名，date-日期，link-超链接
+ * @property {String} 					href		mode=link下，配置的链接
+ * @property {String | Function} 		format		格式化规则
+ * @property {Boolean} 					call		mode=phone时，点击文本是否拨打电话（默认 false ）
+ * @property {String} 					openType	小程序的打开方式
+ * @property {Boolean} 					bold		是否粗体，默认normal（默认 false ）
+ * @property {Boolean} 					block		是否块状（默认 false ）
+ * @property {String | Number} 			lines		文本显示的行数，如果设置，超出此行数，将会显示省略号
+ * @property {String} 					color		文本颜色（默认 '#303133' ）
+ * @property {String | Number} 			size		字体大小（默认 15 ）
+ * @property {Object | String} 			iconStyle	图标的样式 （默认 {fontSize: '15px'} ）
+ * @property {String} 					decoration	文字装饰，下划线，中划线等，可选值 none|underline|line-through（默认 'none' ）
+ * @property {Object | String | Number}	margin		外边距，对象、字符串，数值形式均可（默认 0 ）
+ * @property {String | Number} 			lineHeight	文本行高
+ * @property {String} 					align		文本对齐方式，可选值left|center|right（默认 'left' ）
+ * @property {String} 					wordWrap	文字换行，可选值break-word|normal|anywhere（默认 'normal' ）
+ * @event {Function} click  点击触发事件
+ * @example <up-text text="我用十年青春,赴你最后之约"></up-text>
+ */
+export default {
+  name: 'up-text',
+  // #ifdef MP
+  mixins: [mpMixin, mixin, value, buttonMixin, openType, props],
+  // #endif
+  // #ifndef MP
+  mixins: [mpMixin, mixin, value, props],
+  // #endif
+  emits: ['click'],
+  computed: {
+    wrapStyle() {
+      let style = {
+        margin: this.margin,
+        justifyContent: this.align === 'left' ? 'flex-start' : this.align === 'center' ? 'center' : 'flex-end'
+      };
+      // 占满剩余空间
+      if (this.flex1) {
+        style.flex = 1;
+        // #ifndef APP-NVUE
+        style.width = '100%';
+        // #endif
+      }
+      return style;
+    },
+    valueStyle() {
+      const style = {
+        textDecoration: this.decoration,
+        fontWeight: this.bold ? 'bold' : 'normal',
+        wordWrap: this.wordWrap,
+        fontSize: addUnit(this.size)
+      };
+      !this.type && (style.color = this.color);
+      this.isNvue && this.lines && (style.lines = this.lines);
+      this.lineHeight && (style.lineHeight = addUnit(this.lineHeight));
+      !this.isNvue && this.block && (style.display = 'block');
+      return deepMerge(style, addStyle(this.customStyle));
+    },
+    isNvue() {
+      let nvue = false;
+      // #ifdef APP-NVUE
+      nvue = true;
+      // #endif
+      return nvue;
+    },
+    isMp() {
+      let mp = false;
+      // #ifdef MP
+      mp = true;
+      // #endif
+      return mp;
+    }
+  },
+  data() {
+    return {};
+  },
+  methods: {
+    addStyle,
+    clickHandler(e) {
+      // 如果为手机号模式，拨打电话
+      if (this.call && this.mode === 'phone') {
+        uni.makePhoneCall({
+          phoneNumber: this.text
+        });
+      }
+      this.$emit('click', e);
+    }
+  }
+};
+</script>
+<style scoped>
+@import './style.css';
+</style>

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

@@ -1,6 +1,6 @@
 <template>
   <view class="u-toast">
-    <u-overlay :show="isShow" :zIndex="tmpConfig.overlay ? 10070 : -1" :custom-style="overlayStyle">
+    <up-overlay :show="isShow" :zIndex="tmpConfig.overlay ? 10070 : -1" :custom-style="overlayStyle">
       <view
         class="u-toast__content"
         :style="[contentStyle]"
@@ -9,26 +9,26 @@
           tmpConfig.type === 'loading' || tmpConfig.loading ? 'u-toast__content--loading' : ''
         ]"
       >
-        <u-loading-icon
+        <up-loading-icon
           v-if="tmpConfig.type === 'loading'"
           mode="circle"
           color="rgb(255, 255, 255)"
           inactiveColor="rgb(120, 120, 120)"
           size="25"
-        ></u-loading-icon>
-        <u-icon
+        ></up-loading-icon>
+        <up-icon
           v-else-if="tmpConfig.type !== 'defalut' && iconName"
           :name="iconName"
           size="17"
           :color="tmpConfig.type"
           :customStyle="iconStyle"
-        ></u-icon>
-        <u-gap v-if="tmpConfig.type === 'loading' || tmpConfig.loading" height="12" bgColor="transparent"></u-gap>
+        ></up-icon>
+        <up-gap v-if="tmpConfig.type === 'loading' || tmpConfig.loading" height="12" bgColor="transparent"></up-gap>
         <text class="u-toast__content__text" :class="['u-toast__content__text--' + tmpConfig.type]" style="max-width: 400rpx">
           {{ tmpConfig.message }}
         </text>
       </view>
-    </u-overlay>
+    </up-overlay>
   </view>
 </template>
 <script>
@@ -57,7 +57,7 @@ import { hexToRgb } from '../../libs/function/colorGradient';
  * @property {Boolean}			back		结束toast是否自动返回上一页 （默认 false ）
  * @property {Object}			customStyle	组件的样式，对象形式
  * @event {Function} show 显示toast，如需一进入页面就显示toast，请在onReady生命周期调用
- * @example <u-toast ref="uToast" />
+ * @example <up-toast ref="uToast" />
  */
 export default {
   name: 'u-toast',

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

@@ -1,10 +1,10 @@
 <template>
   <view class="u-tooltip" :style="[addStyle(customStyle)]">
-    <u-overlay
+    <up-overlay
       :show="showTooltip && tooltipTop !== -10000 && overlay"
       customStyle="backgroundColor: rgba(0, 0, 0, 0)"
       @click="overlayClickHandler"
-    ></u-overlay>
+    ></up-overlay>
     <view class="u-tooltip__wrapper">
       <text
         class="u-tooltip__wrapper__text"
@@ -20,7 +20,7 @@
       >
         {{ text }}
       </text>
-      <u-transition
+      <up-transition
         mode="fade"
         :show="showTooltip"
         duration="300"
@@ -55,16 +55,16 @@
             >
               <text class="u-tooltip__wrapper__popup__list__btn__text">复制</text>
             </view>
-            <u-line direction="column" color="#8d8e90" v-if="showCopy && buttons.length > 0" length="18"></u-line>
+            <up-line direction="column" color="#8d8e90" v-if="showCopy && buttons.length > 0" length="18"></up-line>
             <block v-for="(item, index) in buttons" :key="index">
               <view class="u-tooltip__wrapper__popup__list__btn" hover-class="u-tooltip__wrapper__popup__list__btn--hover">
                 <text class="u-tooltip__wrapper__popup__list__btn__text" @tap="btnClickHandler(index)">{{ item }}</text>
               </view>
-              <u-line direction="column" color="#8d8e90" v-if="index < buttons.length - 1" length="18"></u-line>
+              <up-line direction="column" color="#8d8e90" v-if="index < buttons.length - 1" length="18"></up-line>
             </block>
           </view>
         </view>
-      </u-transition>
+      </up-transition>
     </view>
   </view>
 </template>

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

@@ -37,12 +37,12 @@
                 }
               ]"
             />
-            <u-icon
+            <up-icon
               v-else
               color="#80CBF9"
               size="26"
               :name="item.isVideo || (item.type && item.type === 'video') ? 'movie' : 'file-text'"
-            ></u-icon>
+            ></up-icon>
             <view v-if="item.status === 'success'" class="u-upload__wrap__play" @tap="onClickPreview(item, index)">
               <slot name="playIcon"></slot>
               <up-icon v-if="!$slots['playIcon']" class="u-upload__wrap__play__icon" name="play-right" size="22px"></up-icon>
@@ -59,19 +59,19 @@
               }
             ]"
           >
-            <u-icon
+            <up-icon
               color="#80CBF9"
               size="26"
               :name="item.isVideo || (item.type && item.type === 'video') ? 'movie' : 'folder'"
-            ></u-icon>
+            ></up-icon>
             <text class="u-upload__wrap__preview__other__text">
               {{ item.isVideo || (item.type && item.type === 'video') ? item.name || '视频' : item.name || '文件' }}
             </text>
           </view>
           <view class="u-upload__status" v-if="item.status === 'uploading' || item.status === 'failed'">
             <view class="u-upload__status__icon">
-              <u-icon v-if="item.status === 'failed'" name="close-circle" color="#ffffff" size="25" />
-              <u-loading-icon size="22" mode="circle" v-else />
+              <up-icon v-if="item.status === 'failed'" name="close-circle" color="#ffffff" size="25" />
+              <up-loading-icon size="22" mode="circle" v-else />
             </view>
             <text v-if="item.message" class="u-upload__status__message">{{ item.message }}</text>
             <up-gap class="u-upload__progress" height="3px" :style="{ width: item.progress + '%' }"></up-gap>
@@ -82,7 +82,7 @@
             @tap.stop="deleteItem(index)"
           >
             <view class="u-upload__deletable__icon">
-              <u-icon name="close" color="#ffffff" size="10"></u-icon>
+              <up-icon name="close" color="#ffffff" size="10"></up-icon>
             </view>
           </view>
           <slot name="success">
@@ -92,7 +92,7 @@
               <!-- #endif -->
               <!-- #ifndef APP-NVUE -->
               <view class="u-upload__success__icon">
-                <u-icon name="checkmark" color="#ffffff" size="12"></u-icon>
+                <up-icon name="checkmark" color="#ffffff" size="12"></up-icon>
               </view>
               <!-- #endif -->
             </view>
@@ -121,7 +121,7 @@
             }
           ]"
         >
-          <u-icon :name="uploadIcon" size="26" :color="uploadIconColor"></u-icon>
+          <up-icon :name="uploadIcon" size="26" :color="uploadIconColor"></up-icon>
           <text v-if="uploadText" class="u-upload__button__text">{{ uploadText }}</text>
         </view>
       </template>
@@ -185,7 +185,7 @@ import test from '../../libs/function/test';
  * @event {Function} oversize		文件超出大小限制
  * @event {Function} clickPreview	点击预览图片
  * @event {Function} delete 		删除图片
- * @example <u-upload :action="action" :fileList="fileList" ></u-upload>
+ * @example <up-upload :action="action" :fileList="fileList" ></up-upload>
  */
 export default {
   name: 'u-upload',