@tdesign/uniapp 0.7.3 → 0.8.0

package/dist/cascader/props.ts

@@ -25,7 +25,12 @@ export default {
   /** 未选中时的提示文案 */
   placeholder: {
     type: String,
-    default: '选择选项',
+    default: '',
+  },
+  /** 透传 Popup 组件全部属性 */
+  popupProps: {
+    type: Object,
+    default: () => ({}),
   },
   /** 每级展示的次标题 */
   subTitles: {

package/dist/cascader/type.ts

@@ -4,6 +4,7 @@
  * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
  * */
 
+import type { TdPopupProps as PopupProps } from '../popup/type';
 import type { TreeOptionData, TreeKeysType } from '../common/common';
 
 export interface TdCascaderProps<CascaderOption extends TreeOptionData = TreeOptionData> {
@@ -31,6 +32,11 @@ export interface TdCascaderProps<CascaderOption extends TreeOptionData = TreeOpt
    * @default 选择选项
    */
   placeholder?: string;
+  /**
+   * 透传 Popup 组件全部属性
+   * @default {}
+   */
+  popupProps?: PopupProps;
   /**
    * 每级展示的次标题
    * @default []

package/dist/cell/cell.vue

@@ -1,9 +1,9 @@
 <template>
   <view
-    :style="tools._style([customStyle])"
+    :style="'' + tools._style([customStyle])"
     :class="[
       tClass,
-      tools.cls(classPrefix, [['bordered', bordered || isLastChild]])
+      tools.cls(classPrefix, [['bordered', bordered || isLastChild]]),
     ]"
     :hover-class="hover ? classPrefix + '--hover' : ''"
     hover-stay-time="70"
@@ -44,7 +44,7 @@
           classPrefix + '__title-text ',
           tClassTitle
         ]"
-        :style="tools._style(titleStyle)"
+        :style="'' + tools._style(titleStyle)"
       >
         <block v-if="title">
           {{ title }}
@@ -79,7 +79,7 @@
         classPrefix + '__note ',
         tClassNote
       ]"
-      :style="tools._style(noteStyle)"
+      :style="'' + tools._style(noteStyle)"
     >
       <text v-if="note">
         {{ note }}
@@ -88,8 +88,8 @@
     </view>
     <view
       :class="[
-        tools.cls(classPrefix + '__right', [align]),
-        tClassRight
+        tools.cls(`${classPrefix}__right`, [align]),
+        tClassRight,
       ]"
     >
       <t-icon
@@ -144,133 +144,139 @@ const COMMON_RIGHT_ICON_STYLE = {
   fontSize: 'var(--td-cell-right-icon-font-size, 24px)',
 };
 
-export default uniComponent({
-  name,
-  options: {
-    styleIsolation: 'shared',
-  },
-  externalClasses: [
-    `${prefix}-class`,
-    `${prefix}-class-title`,
-    `${prefix}-class-description`,
-    `${prefix}-class-note`,
-    `${prefix}-class-hover`,
-    `${prefix}-class-image`,
-    `${prefix}-class-left`,
-    `${prefix}-class-left-icon`,
-    `${prefix}-class-center`,
-    `${prefix}-class-right`,
-    `${prefix}-class-right-icon`,
-  ],
-  mixins: [ChildrenMixin(RELATION_MAP.Cell)],
+export default {
   components: {
     TIcon,
     TImage,
   },
-  props: {
-    ...props,
-  },
-  emits: [
-    'click',
-  ],
-  data() {
-    return {
-      prefix,
-      classPrefix: name,
-      rightArrow: null,
-      iRightIcon: null,
-      iLeftIcon: null,
-      isLastChild: false,
-      tools,
-    };
-  },
-  computed: {
-    rightArrowCustomStyle() {
-      return tools._style([
-        {
-          color: this.rightArrow.color
-            ? this.rightArrow.color
-            : COMMON_RIGHT_ICON_STYLE.color,
-          fontSize: this.rightArrow.size
-            ? addUnit(this.rightArrow.size)
-            : COMMON_RIGHT_ICON_STYLE.fontSize,
-        },
-        this.rightIconStyle || '',
-        this.rightArrow.style || '',
-      ]);
+  ...uniComponent({
+    name,
+    options: {
+      styleIsolation: 'shared',
     },
-    rightIconCustomStyle() {
-      return tools._style([
-        {
-          color: this.iRightIcon.color
-            ? this.iRightIcon.color
-            : COMMON_RIGHT_ICON_STYLE.color,
-          fontSize: this.iRightIcon.size
-            ? addUnit(this.iRightIcon.size)
-            : COMMON_RIGHT_ICON_STYLE.fontSize,
-        },
-        this.rightIconStyle || '',
-        this.iRightIcon.style || '',
-      ]);
-    },
-    leftIconCustomStyle() {
-      return tools._style([
-        {
-          color: this.iLeftIcon.color
-            ? this.iLeftIcon.color
-            : 'var(--td-cell-left-icon-color, var(--td-brand-color, var(--td-primary-color-7, #0052d9)))',
-          fontSize: this.iLeftIcon.size
-            ? addUnit(this.iLeftIcon.size)
-            : 'var(--td-cell-left-icon-font-size, 24px)',
-        },
-        this.iLeftIcon.style || '',
-      ]);
+    externalClasses: [
+      `${prefix}-class`,
+      `${prefix}-class-title`,
+      `${prefix}-class-description`,
+      `${prefix}-class-note`,
+      `${prefix}-class-hover`,
+      `${prefix}-class-image`,
+      `${prefix}-class-left`,
+      `${prefix}-class-left-icon`,
+      `${prefix}-class-center`,
+      `${prefix}-class-right`,
+      `${prefix}-class-right-icon`,
+    ],
+    mixins: [ChildrenMixin(RELATION_MAP.Cell)],
+    props: {
+      ...props,
     },
-    leftImageCustomStyle() {
-      return tools._style({
-        height: 'var(--td-cell-image-height, 48px)',
-        width: 'var(--td-cell-image-width, 48px)',
-      });
+    emits: [
+      'click',
+    ],
+    data() {
+      return {
+        prefix,
+        classPrefix: name,
+        rightArrow: null,
+        iRightIcon: null,
+        iLeftIcon: null,
+        isLastChild: false,
+        tools,
+      };
     },
-  },
-  watch: {
-    leftIcon: {
-      handler(e) {
-        this.setIcon('iLeftIcon', e, '');
+    computed: {
+      rightArrowCustomStyle() {
+        if (!this.rightArrow) return '';
+        return tools._style([
+          {
+            color: this.rightArrow.color
+              ? this.rightArrow.color
+              : COMMON_RIGHT_ICON_STYLE.color,
+            fontSize: this.rightArrow.size
+              ? addUnit(this.rightArrow.size)
+              : COMMON_RIGHT_ICON_STYLE.fontSize,
+          },
+          this.rightIconStyle || '',
+          this.rightArrow.style || '',
+        ]);
       },
-      immediate: true,
-    },
-    rightIcon: {
-      handler(e) {
-        this.setIcon('iRightIcon', e, '');
+      rightIconCustomStyle() {
+        if (!this.iRightIcon) return '';
+        return tools._style([
+          {
+            color: this.iRightIcon.color
+              ? this.iRightIcon.color
+              : COMMON_RIGHT_ICON_STYLE.color,
+            fontSize: this.iRightIcon.size
+              ? addUnit(this.iRightIcon.size)
+              : COMMON_RIGHT_ICON_STYLE.fontSize,
+          },
+          this.rightIconStyle || '',
+          this.iRightIcon.style || '',
+        ]);
       },
-      immediate: true,
-    },
-    arrow: {
-      handler(e) {
-        this.setIcon('rightArrow', e, 'chevron-right');
+      leftIconCustomStyle() {
+        if (!this.iLeftIcon) return '';
+
+        return tools._style([
+          {
+            color: this.iLeftIcon.color
+              ? this.iLeftIcon.color
+              : 'var(--td-cell-left-icon-color, var(--td-brand-color, var(--td-primary-color-7, #0052d9)))',
+            fontSize: this.iLeftIcon.size
+              ? addUnit(this.iLeftIcon.size)
+              : 'var(--td-cell-left-icon-font-size, 24px)',
+          },
+          this.iLeftIcon.style || '',
+        ]);
+      },
+      leftImageCustomStyle() {
+        return tools._style({
+          height: 'var(--td-cell-image-height, 48px)',
+          width: 'var(--td-cell-image-width, 48px)',
+        });
       },
-      immediate: true,
-    },
-  },
-  methods: {
-    setIcon(e, t, s) {
-      this[e] = calcIcon(t, s);
     },
-    onClick(e) {
-      this.$emit('click', e);
-      this.jumpLink();
+    watch: {
+      leftIcon: {
+        handler(e) {
+          this.setIcon('iLeftIcon', e, '');
+        },
+        immediate: true,
+      },
+      rightIcon: {
+        handler(e) {
+          this.setIcon('iRightIcon', e, '');
+        },
+        immediate: true,
+      },
+      arrow: {
+        handler(e) {
+          this.setIcon('rightArrow', e, 'chevron-right');
+        },
+        immediate: true,
+      },
     },
-    jumpLink(e = 'url', t = 'jumpType') {
-      const s = this[e];
-      const i = this[t];
-      if (s) {
-        uni[i]({
-          url: s,
-        });
-      }
+    methods: {
+      setIcon(e, t, s) {
+        this[e] = calcIcon(t, s);
+      },
+      onClick(e) {
+        this.$emit('click', e);
+        this.jumpLink();
+      },
+      jumpLink(e = 'url', t = 'jumpType') {
+        const s = this[e];
+        const i = this[t];
+        if (s) {
+          uni[i]({
+            url: s,
+          });
+        }
+      },
     },
-  },
-});
+  }),
+};
 </script>
 <style scoped src="./cell.css"></style>

package/dist/cell-group/cell-group.vue

@@ -10,7 +10,7 @@
       {{ title }}
     </view>
     <view
-      :style="tools._style([customStyle])"
+      :style="'' + tools._style([customStyle])"
       :class="[
         tools.cls(classPrefix, [['bordered', bordered], theme]),
         tClass
@@ -31,37 +31,39 @@ import { ParentMixin, RELATION_MAP } from '../common/relation';
 const name = `${prefix}-cell-group`;
 
 
-export default uniComponent({
-  name,
-  options: {
-    styleIsolation: 'shared',
-  },
-  externalClasses: [`${prefix}-class`, `${prefix}-class-title`],
-  mixins: [ParentMixin(RELATION_MAP.Cell)],
-  props: {
-    ...props,
-  },
-  data() {
-    return {
-      prefix,
-      classPrefix: name,
-      tools,
-    };
-  },
-  methods: {
-    innerAfterLinked() {
-      this.updateLastChid();
+export default {
+  ...uniComponent({
+    name,
+    options: {
+      styleIsolation: 'shared',
     },
-    innerAfterUnLinked() {
-      this.updateLastChid();
+    externalClasses: [`${prefix}-class`, `${prefix}-class-title`],
+    mixins: [ParentMixin(RELATION_MAP.Cell)],
+    props: {
+      ...props,
     },
-    updateLastChid() {
-      const { children } = this;
-      children.forEach((child, index) => {
-        child.isLastChild = index === children.length - 1;
-      });
+    data() {
+      return {
+        prefix,
+        classPrefix: name,
+        tools,
+      };
     },
-  },
-});
+    methods: {
+      innerAfterLinked() {
+        this.updateLastChid();
+      },
+      innerAfterUnLinked() {
+        this.updateLastChid();
+      },
+      updateLastChid() {
+        const { children } = this;
+        children.forEach((child, index) => {
+          child.isLastChild = index === children.length - 1;
+        });
+      },
+    },
+  }),
+};
 </script>
 <style scoped src="./cell-group.css"></style>

package/dist/check-tag/check-tag.vue

@@ -1,6 +1,6 @@
 <template>
   <view
-    :style="tools._style([customStyle])"
+    :style="'' + tools._style([customStyle])"
     :class="className + ' ' + tClass"
     @click="onClick"
   >
@@ -59,88 +59,90 @@ import tools from '../common/utils.wxs';
 const name = `${prefix}-tag`;
 
 
-export default uniComponent({
-  name,
-  options: {
-    styleIsolation: 'shared',
-  },
-  controlledProps: [{
-    key: 'checked',
-    event: 'change',
-  }],
-  externalClasses: [
-    `${prefix}-class`,
-
-  ],
+export default {
   components: {
     TIcon,
   },
-  props: {
-    ...props,
-  },
-  data() {
-    return {
-      prefix,
-      classPrefix: name,
-      className: '',
-      tools,
-      innerIcon: null,
+  ...uniComponent({
+    name,
+    options: {
+      styleIsolation: 'shared',
+    },
+    controlledProps: [{
+      key: 'checked',
+      event: 'change',
+    }],
+    externalClasses: [
+      `${prefix}-class`,
 
-      dataChecked: coalesce(this.checked, this.defaultChecked),
-    };
-  },
-  watch: {
-    size: 'setClass',
-    disabled: 'setClass',
-    dataChecked: 'setClass',
-    icon: {
-      handler(e) {
-        this.innerIcon = calcIcon(e);
-      },
-      immediate: true,
+    ],
+    props: {
+      ...props,
+    },
+    data() {
+      return {
+        prefix,
+        classPrefix: name,
+        className: '',
+        tools,
+        innerIcon: null,
+
+        dataChecked: coalesce(this.checked, this.defaultChecked),
+      };
     },
-    checked: {
-      handler(value) {
-        this.dataChecked = value;
+    watch: {
+      size: 'setClass',
+      disabled: 'setClass',
+      dataChecked: 'setClass',
+      icon: {
+        handler(e) {
+          this.innerIcon = calcIcon(e);
+        },
+        immediate: true,
+      },
+      checked: {
+        handler(value) {
+          this.dataChecked = value;
+        },
+        immediate: true,
       },
-      immediate: true,
     },
-  },
-  mounted() {
-    this.setClass();
-  },
-  methods: {
-    setClass() {
-      const { classPrefix } = this;
-      const { size, variant, disabled, dataChecked, shape } = this;
-      const tagClass = [
-        classPrefix,
-        `${classPrefix}--checkable`,
-        disabled ? `${classPrefix}--disabled` : '',
-        dataChecked ? `${classPrefix}--checked` : '',
-        `${classPrefix}--${dataChecked ? 'primary' : 'default'}`,
-        `${classPrefix}--${size}`,
-        `${classPrefix}--${variant}`,
-        `${classPrefix}--${shape}`,
-      ];
-      const className = classNames(tagClass);
-      this.className = className;
+    mounted() {
+      this.setClass();
     },
+    methods: {
+      setClass() {
+        const { classPrefix } = this;
+        const { size, variant, disabled, dataChecked, shape } = this;
+        const tagClass = [
+          classPrefix,
+          `${classPrefix}--checkable`,
+          disabled ? `${classPrefix}--disabled` : '',
+          dataChecked ? `${classPrefix}--checked` : '',
+          `${classPrefix}--${dataChecked ? 'primary' : 'default'}`,
+          `${classPrefix}--${size}`,
+          `${classPrefix}--${variant}`,
+          `${classPrefix}--${shape}`,
+        ];
+        const className = classNames(tagClass);
+        this.className = className;
+      },
 
-    onClick() {
-      if (this.disabled) return;
-      const { dataChecked } = this;
+      onClick() {
+        if (this.disabled) return;
+        const { dataChecked } = this;
 
-      this._trigger('click');
-      this._trigger('change', { checked: !dataChecked });
-    },
+        this._trigger('click');
+        this._trigger('change', { checked: !dataChecked });
+      },
 
-    onClose(e) {
-      if (this.disabled) return;
-      this._trigger('close', e);
+      onClose(e) {
+        if (this.disabled) return;
+        this._trigger('close', e);
+      },
     },
-  },
-});
+  }),
+};
 
 </script>
 <style scoped src="./check-tag.css"></style>