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

package/uview-plus/components/u-text/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;
@@ -16,10 +31,6 @@ view, scroll-view, swiper-item {
   flex-direction: row;
   align-items: center;
   flex-wrap: nowrap;
-  flex: 1;
-  /* #ifndef APP-NVUE */
-  width: 100%;
-  /* #endif */
 }
 .u-text__price {
   font-size: 14px;
@@ -62,4 +73,4 @@ view, scroll-view, swiper-item {
 }
 .u-text__value--light {
   color: var(--u-light-color);
-}
+}

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

@@ -1,62 +1,58 @@
-@import '../../libs/css/components.scss';
-
-.u-text {
-  @include flex(row);
-  align-items: center;
-  flex-wrap: nowrap;
-  flex: 1;
-  /* #ifndef APP-NVUE */
-  width: 100%;
-  /* #endif */
-
-  &__price {
-    font-size: 14px;
-    color: $u-content-color;
-  }
-
-  &__value {
-    font-size: 14px;
-    @include flex;
-    color: $u-content-color;
-    flex-wrap: wrap;
-    // flex: 1;
-    text-overflow: ellipsis;
-    align-items: center;
-
-    &--primary {
-      color: $u-primary;
-    }
-
-    &--warning {
-      color: $u-warning;
-    }
-
-    &--success {
-      color: $u-success;
-    }
-
-    &--info {
-      color: $u-info;
-    }
-
-    &--error {
-      color: $u-error;
-    }
-
-    &--main {
-      color: $u-main-color;
-    }
-
-    &--content {
-      color: $u-content-color;
-    }
-
-    &--tips {
-      color: $u-tips-color;
-    }
-
-    &--light {
-      color: $u-light-color;
-    }
-  }
-}
+@import '../../libs/css/components.scss';
+
+.u-text {
+  @include flex(row);
+  align-items: center;
+  flex-wrap: nowrap;
+
+  &__price {
+    font-size: 14px;
+    color: $u-content-color;
+  }
+
+  &__value {
+    font-size: 14px;
+    @include flex;
+    color: $u-content-color;
+    flex-wrap: wrap;
+    // flex: 1;
+    text-overflow: ellipsis;
+    align-items: center;
+
+    &--primary {
+      color: $u-primary;
+    }
+
+    &--warning {
+      color: $u-warning;
+    }
+
+    &--success {
+      color: $u-success;
+    }
+
+    &--info {
+      color: $u-info;
+    }
+
+    &--error {
+      color: $u-error;
+    }
+
+    &--main {
+      color: $u-main-color;
+    }
+
+    &--content {
+      color: $u-content-color;
+    }
+
+    &--tips {
+      color: $u-tips-color;
+    }
+
+    &--light {
+      color: $u-light-color;
+    }
+  }
+}

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

@@ -25,14 +25,15 @@ export default {
         lines: '',
         color: '#303133',
         size: 15,
-        iconStyle: () => ({
+        iconStyle: {
             fontSize: '15px'
-        }),
+        },
         decoration: 'none',
         margin: 0,
         lineHeight: '',
         align: 'left',
-        wordWrap: 'normal'
+        wordWrap: 'normal',
+		flex1: true
     }
 
 }

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

@@ -1,144 +1,3 @@
-<template>
-  <view
-    class="u-text"
-    :class="[]"
-    v-if="show"
-    :style="{
-      margin: margin,
-      justifyContent: align === 'left' ? 'flex-start' : align === 'center' ? 'center' : 'flex-end'
-    }"
-    @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="$u.addStyle(iconStyle)"></u-icon>
-    </view>
-    <u-link v-if="mode === 'link'" :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="$u.addStyle(iconStyle)"></u-icon>
-    </view>
-  </view>
-</template>
-<script>
-import value from './value.js';
-import mpMixin from '../../libs/mixin/mpMixin.js';
-import mixin from '../../libs/mixin/mixin.js';
-import button from '../../libs/mixin/button.js';
-import openType from '../../libs/mixin/openType.js';
-import props from './props.js';
-/**
- * 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 <u--text text="我用十年青春,赴你最后之约"></u--text>
- */
-export default {
-  name: 'u--text',
-  // #ifdef MP
-  mixins: [mpMixin, mixin, value, button, openType, props],
-  // #endif
-  // #ifndef MP
-  mixins: [mpMixin, mixin, value, props],
-  // #endif
-  emits: ['click'],
-  computed: {
-    valueStyle() {
-      const style = {
-        textDecoration: this.decoration,
-        fontWeight: this.bold ? 'bold' : 'normal',
-        wordWrap: this.wordWrap,
-        fontSize: uni.$u.addUnit(this.size)
-      };
-      !this.type && (style.color = this.color);
-      this.isNvue && this.lines && (style.lines = this.lines);
-      this.lineHeight && (style.lineHeight = uni.$u.addUnit(this.lineHeight));
-      !this.isNvue && this.block && (style.display = 'block');
-      return uni.$u.deepMerge(style, uni.$u.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: {
-    clickHandler() {
-      // 如果为手机号模式，拨打电话
-      if (this.call && this.mode === 'phone') {
-        uni.makePhoneCall({
-          phoneNumber: this.text
-        });
-      }
-      this.$emit('click');
-    }
-  }
-};
-</script>
-<style scoped>
+<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>
+</style>

package/uview-plus/components/u-text/value.js

@@ -1,3 +1,5 @@
+import { error, priceFormat, timeFormat } from '../../libs/function/index';
+import test from '../../libs/function/test';
 export default {
     computed: {
         // 经处理后需要显示的值
@@ -12,32 +14,32 @@ export default {
             if (mode === 'price') {
                 // 如果text不为金额进行提示
                 if (!/^\d+(\.\d+)?$/.test(text)) {
-                    uni.$u.error('金额模式下，text参数需要为金额格式');
+                    error('金额模式下，text参数需要为金额格式');
                 }
                 // 进行格式化，判断用户传入的format参数为正则，或者函数，如果没有传入format，则使用默认的金额格式化处理
-                if (uni.$u.test.func(format)) {
+                if (test.func(format)) {
                     // 如果用户传入的是函数，使用函数格式化
                     return format(text)
                 }
                 // 如果format非正则，非函数，则使用默认的金额格式化方法进行操作
-                return uni.$u.priceFormat(text, 2)
+                return priceFormat(text, 2)
             } if (mode === 'date') {
                 // 判断是否合法的日期或者时间戳
-                !uni.$u.test.date(text) && uni.$u.error('日期模式下，text参数需要为日期或时间戳格式')
+                !test.date(text) && error('日期模式下，text参数需要为日期或时间戳格式')
                 // 进行格式化，判断用户传入的format参数为正则，或者函数，如果没有传入format，则使用默认的格式化处理
-                if (uni.$u.test.func(format)) {
+                if (test.func(format)) {
                     // 如果用户传入的是函数，使用函数格式化
                     return format(text)
                 } if (format) {
                     // 如果format非正则，非函数，则使用默认的时间格式化方法进行操作
-                    return uni.$u.timeFormat(text, format)
+                    return timeFormat(text, format)
                 }
                 // 如果没有设置format，则设置为默认的时间格式化形式
-                return uni.$u.timeFormat(text, 'yyyy-mm-dd')
+                return timeFormat(text, 'yyyy-mm-dd')
             } if (mode === 'phone') {
                 // 判断是否合法的手机号
-                // !uni.$u.test.mobile(text) && uni.$u.error('手机号模式下，text参数需要为手机号码格式')
-                if (uni.$u.test.func(format)) {
+                // !test.mobile(text) && error('手机号模式下，text参数需要为手机号码格式')
+                if (test.func(format)) {
                     // 如果用户传入的是函数，使用函数格式化
                     return format(text)
                 } if (format === 'encrypt') {
@@ -47,8 +49,8 @@ export default {
                 return text
             } if (mode === 'name') {
                 // 判断是否合法的字符粗
-                !(typeof (text) === 'string') && uni.$u.error('姓名模式下，text参数需要为字符串格式')
-                if (uni.$u.test.func(format)) {
+                !(typeof (text) === 'string') && error('姓名模式下，text参数需要为字符串格式')
+                if (test.func(format)) {
                     // 如果用户传入的是函数，使用函数格式化
                     return format(text)
                 } if (format === 'encrypt') {
@@ -58,7 +60,7 @@ export default {
                 return text
             } if (mode === 'link') {
                 // 判断是否合法的字符粗
-                !uni.$u.test.url(href) && uni.$u.error('超链接模式下，href参数需要为URL格式')
+                !test.url(href) && error('超链接模式下，href参数需要为URL格式')
                 return text
             }
             return text