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

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

@@ -1 +1,177 @@
-<template>
  <u-transition mode="fade" :show="show" style="display: inline-flex">
    <view class="u-tag-wrapper">
      <view
        class="u-tag"
        :class="[
          `u-tag--${shape}`,
          !plain && `u-tag--${type}`,
          plain && `u-tag--${type}--plain`,
          `u-tag--${size}`,
          plain && plainFill && `u-tag--${type}--plain--fill`
        ]"
        @tap.stop="clickHandler"
        :style="[
          {
            marginRight: closable ? '10px' : 0,
            marginTop: closable ? '10px' : 0
          },
          style
        ]"
      >
        <slot name="icon">
          <view class="u-tag__icon" v-if="icon">
            <image v-if="$u.test.image(icon)" :src="icon" :style="[imgStyle]"></image>
            <u-icon v-else :color="elIconColor" :name="icon" :size="iconSize"></u-icon>
          </view>
        </slot>
        <text
          class="u-tag__text"
          :style="[textColor]"
          :class="[`u-tag__text--${type}`, plain && `u-tag__text--${type}--plain`, `u-tag__text--${size}`]"
        >
          {{ text }}
        </text>
      </view>
      <view
        class="u-tag__close"
        :class="[`u-tag__close--${size}`]"
        v-if="closable"
        @tap.stop="closeHandler"
        :style="{ backgroundColor: closeColor }"
      >
        <u-icon name="close" :size="closeSize" color="#ffffff"></u-icon>
      </view>
    </view>
  </u-transition>
 * Tag 标签
 * @description tag组件一般用于标记和选择，我们提供了更加丰富的表现形式，能够较全面的涵盖您的使用场景
 * @tutorial https://ijry.github.io/uview-plus/components/tag.html
 * @property {String}			type		标签类型info、primary、success、warning、error （默认 'primary' ）
 * @property {Boolean | String}	disabled	不可用（默认 false ）
 * @property {String}			size		标签的大小，large，medium，mini （默认 'medium' ）
 * @property {String}			shape		tag的形状，circle（两边半圆形）, square（方形，带圆角）（默认 'square' ）
 * @property {String | Number}	text		标签的文字内容
 * @property {String}			bgColor		背景颜色，默认为空字符串，即不处理
 * @property {String}			color		标签字体颜色，默认为空字符串，即不处理
 * @property {String}			borderColor	镂空形式标签的边框颜色
 * @property {String}			closeColor	关闭按钮图标的颜色（默认 #C6C7CB）
 * @property {String | Number}	name		点击时返回的索引值，用于区分例遍的数组哪个元素被点击了
 * @property {Boolean}			plainFill	镂空时是否填充背景色（默认 false ）
 * @property {Boolean}			plain		是否镂空（默认 false ）
 * @property {Boolean}			closable	是否可关闭，设置为true，文字右边会出现一个关闭图标（默认 false ）
 * @property {Boolean}			show		标签显示与否（默认 true ）
 * @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>
 */
  name: 'u-tag',
  mixins: [mpMixin, mixin, props],
  data() {
    return {};
  },
  computed: {
    style() {
      const style = {};
      if (this.bgColor) {
        style.backgroundColor = this.bgColor;
      }
      if (this.color) {
        style.color = this.color;
      }
      if (this.borderColor) {
        style.borderColor = this.borderColor;
      }
      return style;
    },
    // nvue下，文本颜色无法继承父元素
    textColor() {
      const style = {};
      if (this.color) {
        style.color = this.color;
      }
      return style;
    },
    imgStyle() {
      const width = this.size === 'large' ? '17px' : this.size === 'medium' ? '15px' : '13px';
      return {
        width,
        height: width
      };
    },
    // 文本的样式
    closeSize() {
      const size = this.size === 'large' ? 15 : this.size === 'medium' ? 13 : 12;
      return size;
    },
    // 图标大小
    iconSize() {
      const size = this.size === 'large' ? 21 : this.size === 'medium' ? 19 : 16;
      return size;
    },
    // 图标颜色
    elIconColor() {
      return this.iconColor ? this.iconColor : this.plain ? this.type : '#ffffff';
    }
  },
  methods: {
    // 点击关闭按钮
    closeHandler() {
      this.$emit('close', this.name);
    },
    // 点击标签
    clickHandler() {
      this.$emit('click', this.name);
    }
  }
+<template>
+  <u-transition mode="fade" :show="show" style="display: inline-flex">
+    <view class="u-tag-wrapper cursor-pointer">
+      <view
+        class="u-tag"
+        :class="[
+          `u-tag--${shape}`,
+          !plain && `u-tag--${type}`,
+          plain && `u-tag--${type}--plain`,
+          `u-tag--${size}`,
+          plain && plainFill && `u-tag--${type}--plain--fill`
+        ]"
+        @tap.stop="clickHandler"
+        :style="[
+          {
+            marginRight: closable ? '10px' : 0,
+            marginTop: closable ? '10px' : 0
+          },
+          style
+        ]"
+      >
+        <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>
+          </view>
+        </slot>
+        <view class="u-tag__content">
+          <slot name="content"></slot>
+          <template v-if="!$slots.content">
+            <text
+              v-if="!$slots.default && !$slots.$default"
+              class="u-tag__text"
+              :style="[textColor]"
+              :class="[`u-tag__text--${type}`, plain && `u-tag__text--${type}--plain`, `u-tag__text--${size}`]"
+            >
+              {{ text }}
+            </text>
+            <text
+              v-else
+              class="u-tag__text"
+              :style="[textColor]"
+              :class="[`u-tag__text--${type}`, plain && `u-tag__text--${type}--plain`, `u-tag__text--${size}`]"
+            >
+              <slot></slot>
+            </text>
+          </template>
+        </view>
+      </view>
+      <view
+        class="u-tag__close"
+        :class="[`u-tag__close--${size}`]"
+        v-if="closable"
+        @tap.stop="closeHandler"
+        :style="{ backgroundColor: closeColor }"
+      >
+        <u-icon name="close" :size="closeSize" color="#ffffff"></u-icon>
+      </view>
+    </view>
+  </u-transition>
+</template>
+<script>
+import { props } from './props';
+import { mpMixin } from '../../libs/mixin/mpMixin';
+import { mixin } from '../../libs/mixin/mixin';
+import test from '../../libs/function/test';
+import { addUnit, genLightColor } from '../../libs/function/index';
+/**
+ * Tag 标签
+ * @description tag组件一般用于标记和选择，我们提供了更加丰富的表现形式，能够较全面的涵盖您的使用场景
+ * @tutorial https://ijry.github.io/uview-plus/components/tag.html
+ * @property {String}			type		标签类型info、primary、success、warning、error （默认 'primary' ）
+ * @property {Boolean | String}	disabled	不可用（默认 false ）
+ * @property {String}			size		标签的大小，large，medium，mini （默认 'medium' ）
+ * @property {String}			shape		tag的形状，circle（两边半圆形）, square（方形，带圆角）（默认 'square' ）
+ * @property {String | Number}	text		标签的文字内容
+ * @property {String}			bgColor		背景颜色，默认为空字符串，即不处理
+ * @property {String}			color		标签字体颜色，默认为空字符串，即不处理
+ * @property {String}			borderColor	镂空形式标签的边框颜色
+ * @property {String}			closeColor	关闭按钮图标的颜色（默认 #C6C7CB）
+ * @property {String | Number}	name		点击时返回的索引值，用于区分例遍的数组哪个元素被点击了
+ * @property {Boolean}			plainFill	镂空时是否填充背景色（默认 false ）
+ * @property {Boolean}			plain		是否镂空（默认 false ）
+ * @property {Boolean}			closable	是否可关闭，设置为true，文字右边会出现一个关闭图标（默认 false ）
+ * @property {Boolean}			show		标签显示与否（默认 true ）
+ * @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>
+ */
+export default {
+  name: 'u-tag',
+  mixins: [mpMixin, mixin, props],
+  data() {
+    return {};
+  },
+  computed: {
+    style() {
+      const style = {};
+      if (this.bgColor) {
+        style.backgroundColor = this.bgColor;
+      }
+      if (this.color) {
+        style.color = this.color;
+      }
+      if (this.borderColor) {
+        style.borderColor = this.borderColor;
+      }
+      if (this.height) {
+        style.height = addUnit(this.height);
+        style.lineHeight = addUnit(this.height);
+      }
+      if (this.padding) {
+        style.padding = this.padding;
+      }
+      if (this.borderRadius) {
+        style.borderRadius = addUnit(this.borderRadius);
+      }
+      if (this.autoBgColor > 0 && this.color) {
+        style.backgroundColor = this.getBagColor(this.color);
+      }
+      return style;
+    },
+    // nvue下，文本颜色无法继承父元素
+    textColor() {
+      const style = {};
+      if (this.color) {
+        style.color = this.color;
+      }
+      if (this.textSize) {
+        style.textSize = addUnit(this.textSize);
+      }
+      return style;
+    },
+    imgStyle() {
+      const width = this.size === 'large' ? '17px' : this.size === 'medium' ? '15px' : '13px';
+      return {
+        width,
+        height: width
+      };
+    },
+    // 文本的样式
+    closeSize() {
+      const size = this.size === 'large' ? 15 : this.size === 'medium' ? 13 : 12;
+      return size;
+    },
+    // 图标大小
+    iconSize() {
+      const size = this.size === 'large' ? 21 : this.size === 'medium' ? 19 : 16;
+      return size;
+    },
+    // 图标颜色
+    elIconColor() {
+      return this.iconColor ? this.iconColor : this.plain ? this.type : '#ffffff';
+    }
+  },
+  emits: ['click', 'close'],
+  methods: {
+    testImage: test.image,
+    // 点击关闭按钮
+    closeHandler() {
+      this.$emit('close', this.name);
+    },
+    // 点击标签
+    clickHandler() {
+      this.$emit('click', this.name);
+    },
+    // 根据颜色计算浅色作为背景
+    getBagColor(darkColor) {
+      return genLightColor(darkColor, this.autoBgColor);
+    }
+  }
+};
+</script>
+<style scoped>
+@import './style.css';
+</style>

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

@@ -1,4 +1,5 @@
-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: {}
-};
+});

package/uview-plus/components/u-td/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;
@@ -8,4 +23,4 @@ view, scroll-view, swiper-item {
   align-items: stretch;
   align-content: flex-start;
 }
-/* #endif */
+/* #endif */

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

@@ -2,9 +2,9 @@
   <view class="u-td"></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';
 /**
  * Td 表格中的单元格
  * @description

package/uview-plus/components/u-text/_doc/changelog.md

@@ -0,0 +1,10 @@
+## 1.0.4（2024-05-08）
+更新域名
+## 1.0.3（2023-09-11）
+自定义事件声明
+## 1.0.2（2023-08-12）
+增加选项说明
+## 1.0.1（2023-08-10）
+修复链接依赖引入错误
+## 1.0.0（2023-08-10）
+集成了文本类在项目中的常用功能，包括状态，拨打电话，格式化日期，*替换，超链接...等功能。 您大可不必在使用特殊文本时自己定义，text组件几乎涵盖您能使用的大部分场景。

package/uview-plus/components/u-text/_doc/package.json

@@ -0,0 +1,89 @@
+{
+  "id": "u-text",
+  "displayName": "u-text 文本，全端兼容，无论平台，一直体验",
+  "version": "1.0.4",
+  "description": "u-text 集成了文本类在项目中的常用功能，包括状态，拨打电话，格式化日期，*替换，超链接...等功能。 您大可不必在使用特殊文本时自己定义，text组件几乎涵盖您能使用的大部分场景。",
+  "keywords": [
+    "u-text",
+    "wuui",
+    "u-ui",
+    "文本",
+    "全端兼容"
+  ],
+  "repository": "",
+  "engines": {
+    "HBuilderX": "^3.4.15"
+  },
+  "dcloudext": {
+    "type": "component-vue",
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "插件不采集任何数据",
+      "permissions": "无"
+    },
+    "npmurl": ""
+  },
+  "uni_modules": {
+    "dependencies": [
+      "u-icon",
+      "u-link"
+    ],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "y",
+        "aliyun": "y",
+        "alipay": "n"
+      },
+      "client": {
+        "Vue": {
+          "vue2": "y",
+          "vue3": "y"
+        },
+        "App": {
+          "app-vue": "y",
+          "app-nvue": "y"
+        },
+        "H5-mobile": {
+          "Safari": "y",
+          "Android Browser": "y",
+          "微信浏览器(Android)": "y",
+          "QQ浏览器(Android)": "y"
+        },
+        "H5-pc": {
+          "Chrome": "y",
+          "IE": "y",
+          "Edge": "y",
+          "Firefox": "y",
+          "Safari": "y"
+        },
+        "小程序": {
+          "微信": "y",
+          "阿里": "y",
+          "百度": "y",
+          "字节跳动": "y",
+          "QQ": "y",
+          "钉钉": "u",
+          "快手": "u",
+          "飞书": "u",
+          "京东": "u"
+        },
+        "快应用": {
+          "华为": "u",
+          "联盟": "u"
+        }
+      }
+    }
+  }
+}

package/uview-plus/components/u-text/_doc/readme.md

@@ -0,0 +1,20 @@
+## u-text 按钮
+
+> **组件名：u-text**
+
+u-text 集成了文本类在项目中的常用功能，包括状态，拨打电话，格式化日期，*替换，超链接...等功能。 您大可不必在使用特殊文本时自己定义，text组件几乎涵盖您能使用的大部分场景。
+
+## [查看文档](https://ijry.github.io/uview-plus/components/text.html)
+
+## [更多组件, 请查看 `u-ui` 组件库](https://ext.dcloud.net.cn/plugin?name=u--ui)
+
+**如使用过程中有任何问题，或者您对u-ui有一些好的建议。<br>欢迎加入 [u-ui 交流群](https://ijry.github.io/uview-plus/components/qqFeedBack.html)**
+
+
+
+
+
+
+
+
+

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

@@ -1,111 +1,117 @@
-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: {
     // 主题颜色
     type: {
       type: String,
-      default: defprops.text.type
+      default: () => defProps.text.type
     },
     // 是否显示
     show: {
       type: Boolean,
-      default: defprops.text.show
+      default: () => defProps.text.show
     },
     // 显示的值
     text: {
       type: [String, Number],
-      default: defprops.text.text
+      default: () => defProps.text.text
     },
     // 前置图标
     prefixIcon: {
       type: String,
-      default: defprops.text.prefixIcon
+      default: () => defProps.text.prefixIcon
     },
     // 后置图标
     suffixIcon: {
       type: String,
-      default: defprops.text.suffixIcon
+      default: () => defProps.text.suffixIcon
     },
     // 文本处理的匹配模式
     // text-普通文本，price-价格，phone-手机号，name-姓名，date-日期，link-超链接
     mode: {
       type: String,
-      default: defprops.text.mode
+      default: () => defProps.text.mode
     },
     // mode=link下，配置的链接
     href: {
       type: String,
-      default: defprops.text.href
+      default: () => defProps.text.href
     },
     // 格式化规则
     format: {
       type: [String, Function],
-      default: defprops.text.format
+      default: () => defProps.text.format
     },
     // mode=phone时，点击文本是否拨打电话
     call: {
       type: Boolean,
-      default: defprops.text.call
+      default: () => defProps.text.call
     },
     // 小程序的打开方式
     openType: {
       type: String,
-      default: defprops.text.openType
+      default: () => defProps.text.openType
     },
     // 是否粗体，默认normal
     bold: {
       type: Boolean,
-      default: defprops.text.bold
+      default: () => defProps.text.bold
     },
     // 是否块状
     block: {
       type: Boolean,
-      default: defprops.text.block
+      default: () => defProps.text.block
     },
     // 文本显示的行数，如果设置，超出此行数，将会显示省略号
     lines: {
       type: [String, Number],
-      default: defprops.text.lines
+      default: () => defProps.text.lines
     },
     // 文本颜色
     color: {
       type: String,
-      default: defprops.text.color
+      default: () => defProps.text.color
     },
     // 字体大小
     size: {
       type: [String, Number],
-      default: defprops.text.size
+      default: () => defProps.text.size
     },
     // 图标的样式
     iconStyle: {
       type: [Object, String],
-      default: defprops.text.iconStyle
+      default: () => defProps.text.iconStyle
     },
     // 文字装饰，下划线，中划线等，可选值 none|underline|line-through
     decoration: {
       tepe: String,
-      default: defprops.text.decoration
+      default: () => defProps.text.decoration
     },
     // 外边距，对象、字符串，数值形式均可
     margin: {
       type: [Object, String, Number],
-      default: defprops.text.margin
+      default: () => defProps.text.margin
     },
     // 文本行高
     lineHeight: {
       type: [String, Number],
-      default: defprops.text.lineHeight
+      default: () => defProps.text.lineHeight
     },
     // 文本对齐方式，可选值left|center|right
     align: {
       type: String,
-      default: defprops.text.align
+      default: () => defProps.text.align
     },
     // 文字换行，可选值break-word|normal|anywhere
     wordWrap: {
       type: String,
-      default: defprops.text.wordWrap
+      default: () => defProps.text.wordWrap
+    },
+    // 占满剩余空间
+    flex1: {
+      type: Boolean,
+      default: () => defProps.text.flex1
     }
   }
-};
+});

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);
-}
+}