@10yun/cv-mobile-ui 0.5.20 → 0.5.22

package/uni-ui/lib/uni-tag/uni-tag.vue

@@ -1 +1,100 @@
-<template>
  <text class="uni-tag" v-if="text" :class="classes" :style="customStyle" @click="onClick">{{ text }}</text>
 * Tag 标签
 * @description 用于展示1个或多个文字标签，可点击切换选中、不选中的状态
 * @tutorial https://ext.dcloud.net.cn/plugin?id=35
 * @property {String} text 标签内容
 * @property {String} size = [default|small|mini] 大小尺寸
 * 	@value default 正常
 * 	@value small 小尺寸
 * 	@value mini 迷你尺寸
 * @property {String} type = [default|primary|success｜warning｜error]  颜色类型
 * 	@value default 灰色
 * 	@value primary 蓝色
 * 	@value success 绿色
 * 	@value warning 黄色
 * 	@value error 红色
 * @property {Boolean} disabled = [true|false] 是否为禁用状态
 * @property {Boolean} inverted = [true|false] 是否无需背景颜色（空心标签）
 * @property {Boolean} circle = [true|false] 是否为圆角
 * @event {Function} click 点击 Tag 触发事件
 */
  name: 'UniTag',
  emits: ['click'],
  props: {
    type: {
      // 标签类型default、primary、success、warning、error、royal
      type: String,
      default: 'default'
    },
    size: {
      // 标签大小 normal, small
      type: String,
      default: 'normal'
    },
    // 标签内容
    text: {
      type: String,
      default: ''
    },
    disabled: {
      // 是否为禁用状态
      type: [Boolean, String],
      default: false
    },
    inverted: {
      // 是否为空心
      type: [Boolean, String],
      default: false
    },
    circle: {
      // 是否为圆角样式
      type: [Boolean, String],
      default: false
    },
    mark: {
      // 是否为标记样式
      type: [Boolean, String],
      default: false
    },
    customStyle: {
      type: String,
      default: ''
    }
  },
  computed: {
    classes() {
      const { type, disabled, inverted, circle, mark, size, isTrue } = this;
      const classArr = [
        'uni-tag--' + type,
        'uni-tag--' + size,
        isTrue(disabled) ? 'uni-tag--disabled' : '',
        isTrue(inverted) ? 'uni-tag--' + type + '--inverted' : '',
        isTrue(circle) ? 'uni-tag--circle' : '',
        isTrue(mark) ? 'uni-tag--mark' : '',
        // type === 'default' ? 'uni-tag--default' : 'uni-tag-text',
        isTrue(inverted) ? 'uni-tag--inverted uni-tag-text--' + type : '',
        size === 'small' ? 'uni-tag-text--small' : ''
      ];
      // 返回类的字符串，兼容字节小程序
      return classArr.join(' ');
    }
  },
  methods: {
    isTrue(value) {
      return value === true || value === 'true';
    },
    onClick() {
      if (this.isTrue(this.disabled)) return;
      this.$emit('click');
    }
  }
+<template>
+  <text class="uni-tag" v-if="text" :class="classes" :style="customStyle" @click="onClick">{{ text }}</text>
+</template>
+<script>
+/**
+ * Tag 标签
+ * @description 用于展示1个或多个文字标签，可点击切换选中、不选中的状态
+ * @tutorial https://ext.dcloud.net.cn/plugin?id=35
+ * @property {String} text 标签内容
+ * @property {String} size = [default|small|mini] 大小尺寸
+ * 	@value default 正常
+ * 	@value small 小尺寸
+ * 	@value mini 迷你尺寸
+ * @property {String} type = [default|primary|success｜warning｜error]  颜色类型
+ * 	@value default 灰色
+ * 	@value primary 蓝色
+ * 	@value success 绿色
+ * 	@value warning 黄色
+ * 	@value error 红色
+ * @property {Boolean} disabled = [true|false] 是否为禁用状态
+ * @property {Boolean} inverted = [true|false] 是否无需背景颜色（空心标签）
+ * @property {Boolean} circle = [true|false] 是否为圆角
+ * @event {Function} click 点击 Tag 触发事件
+ */
+export default {
+  name: 'UniTag',
+  emits: ['click'],
+  props: {
+    type: {
+      // 标签类型default、primary、success、warning、error、royal
+      type: String,
+      default: 'default'
+    },
+    size: {
+      // 标签大小 normal, small
+      type: String,
+      default: 'normal'
+    },
+    // 标签内容
+    text: {
+      type: String,
+      default: ''
+    },
+    disabled: {
+      // 是否为禁用状态
+      type: [Boolean, String],
+      default: false
+    },
+    inverted: {
+      // 是否为空心
+      type: [Boolean, String],
+      default: false
+    },
+    circle: {
+      // 是否为圆角样式
+      type: [Boolean, String],
+      default: false
+    },
+    mark: {
+      // 是否为标记样式
+      type: [Boolean, String],
+      default: false
+    },
+    customStyle: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    classes() {
+      const { type, disabled, inverted, circle, mark, size, isTrue } = this;
+      const classArr = [
+        'uni-tag--' + type,
+        'uni-tag--' + size,
+        isTrue(disabled) ? 'uni-tag--disabled' : '',
+        isTrue(inverted) ? 'uni-tag--' + type + '--inverted' : '',
+        isTrue(circle) ? 'uni-tag--circle' : '',
+        isTrue(mark) ? 'uni-tag--mark' : '',
+        // type === 'default' ? 'uni-tag--default' : 'uni-tag-text',
+        isTrue(inverted) ? 'uni-tag--inverted uni-tag-text--' + type : '',
+        size === 'small' ? 'uni-tag-text--small' : ''
+      ];
+      // 返回类的字符串，兼容字节小程序
+      return classArr.join(' ');
+    }
+  },
+  methods: {
+    isTrue(value) {
+      return value === true || value === 'true';
+    },
+    onClick() {
+      if (this.isTrue(this.disabled)) return;
+      this.$emit('click');
+    }
+  }
+};
+</script>
+<style>
+@import 'style.css';
+</style>

package/uni-ui/lib/uni-td/uni-td.vue

@@ -1 +1,78 @@
-<template>
  <!-- #ifdef H5 -->
  <td
    class="uni-table-td"
    :rowspan="rowspan"
    :colspan="colspan"
    :class="{ 'table--border': border }"
    :style="{ width: width + 'px', 'text-align': align }"
  >
    <slot></slot>
  </td>
  <!-- #endif -->
  <!-- #ifndef H5 -->
  <!-- :class="{'table--border':border}"  -->
  <view class="uni-table-td" :class="{ 'table--border': border }" :style="{ width: width + 'px', 'text-align': align }">
    <slot></slot>
  </view>
  <!-- #endif -->
 * Td 单元格
 * @description 表格中的标准单元格组件
 * @tutorial https://ext.dcloud.net.cn/plugin?id=3270
 * @property {Number} 	align = [left|center|right]	单元格对齐方式
 */
  name: 'uniTd',
  options: {
    virtualHost: true
  },
  props: {
    width: {
      type: [String, Number],
      default: ''
    },
    align: {
      type: String,
      default: 'left'
    },
    rowspan: {
      type: [Number, String],
      default: 1
    },
    colspan: {
      type: [Number, String],
      default: 1
    }
  },
  data() {
    return {
      border: false
    };
  },
  created() {
    this.root = this.getTable();
    this.border = this.root.border;
  },
  methods: {
    /**
     * 获取父元素实例
     */
    getTable() {
      let parent = this.$parent;
      let parentName = parent.$options.name;
      while (parentName !== 'uniTable') {
        parent = parent.$parent;
        if (!parent) return false;
        parentName = parent.$options.name;
      }
      return parent;
    }
  }
+<template>
+  <!-- #ifdef H5 -->
+  <td
+    class="uni-table-td"
+    :rowspan="rowspan"
+    :colspan="colspan"
+    :class="{ 'table--border': border }"
+    :style="{ width: width + 'px', 'text-align': align }"
+  >
+    <slot></slot>
+  </td>
+  <!-- #endif -->
+  <!-- #ifndef H5 -->
+  <!-- :class="{'table--border':border}"  -->
+  <view class="uni-table-td" :class="{ 'table--border': border }" :style="{ width: width + 'px', 'text-align': align }">
+    <slot></slot>
+  </view>
+  <!-- #endif -->
+</template>
+<script>
+/**
+ * Td 单元格
+ * @description 表格中的标准单元格组件
+ * @tutorial https://ext.dcloud.net.cn/plugin?id=3270
+ * @property {Number} 	align = [left|center|right]	单元格对齐方式
+ */
+export default {
+  name: 'uniTd',
+  options: {
+    virtualHost: true
+  },
+  props: {
+    width: {
+      type: [String, Number],
+      default: ''
+    },
+    align: {
+      type: String,
+      default: 'left'
+    },
+    rowspan: {
+      type: [Number, String],
+      default: 1
+    },
+    colspan: {
+      type: [Number, String],
+      default: 1
+    }
+  },
+  data() {
+    return {
+      border: false
+    };
+  },
+  created() {
+    this.root = this.getTable();
+    this.border = this.root.border;
+  },
+  methods: {
+    /**
+     * 获取父元素实例
+     */
+    getTable() {
+      let parent = this.$parent;
+      let parentName = parent.$options.name;
+      while (parentName !== 'uniTable') {
+        parent = parent.$parent;
+        if (!parent) return false;
+        parentName = parent.$options.name;
+      }
+      return parent;
+    }
+  }
+};
+</script>
+<style>
+@import 'style.css';
+</style>

package/uni-ui/lib/uni-th/filter-dropdown.vue

@@ -295,5 +295,5 @@ export default {
 };
 </script>
 <style>
-@import './style.css';
+@import 'style.css';
 </style>