@tdesign/uniapp 0.7.3 → 0.8.1

package/dist/tree-select/tree-select.vue

@@ -1,13 +1,13 @@
 <template>
   <view
     :class="classPrefix"
-    :style="tools._style(['height:' + tools.addUnit(height), customStyle])"
+    :style="'' + tools._style([`height:${tools.addUnit(height)}`, customStyle])"
   >
     <t-scroll-view
       v-for="(item, level) in treeOptions"
       :key="level"
       :t-class="getScrollViewTClass(level)"
-      :class="getScrollViewClass(level)"
+      :class="'' + getScrollViewClass(level)"
       :scroll-into-view="scrollIntoView && scrollIntoView[level] ? 'scroll-to-' + scrollIntoView[level] : ''"
     >
       <t-side-bar
@@ -28,14 +28,14 @@
         />
       </t-side-bar>
 
-      <block v-else-if="level != leafLevel">
+      <template v-else-if="level != leafLevel">
         <view
           v-for="(treeItem, index) in treeOptions[level]"
           :key="`view-${level}-${index}`"
           :data-level="level"
           :data-value="treeItem.value"
           :class="
-            tools.cls(classPrefix + '__item', [
+            '' + tools.cls(classPrefix + '__item', [
               ['active', treeItem.value === innerValue[level]],
               ['disabled', treeItem.disabled]
             ]) +
@@ -49,7 +49,7 @@
             {{ treeItem.label }}
           </view>
         </view>
-      </block>
+      </template>
 
       <t-radio-group
         v-else-if="!multiple"
@@ -124,26 +124,7 @@ import { canUseVirtualHost } from '../common/version';
 
 const name = `${prefix}-tree-select`;
 
-export default uniComponent({
-  name,
-  options: {
-    styleIsolation: 'shared',
-  },
-  controlledProps: [
-    {
-      key: 'value',
-      event: 'change',
-    },
-  ],
-  externalClasses: [
-    `${prefix}-class`,
-    `${prefix}-class-left-column`,
-    `${prefix}-class-left-item`,
-    `${prefix}-class-middle-item`,
-    `${prefix}-class-right-column`,
-    `${prefix}-class-right-item`,
-    `${prefix}-class-right-item-label`,
-  ],
+export default {
   components: {
     TRadio,
     TRadioGroup,
@@ -153,164 +134,183 @@ export default uniComponent({
     TSideBarItem,
     TScrollView,
   },
-  props: {
-    ...props,
-  },
-  data() {
-    return {
-      prefix,
-      classPrefix: name,
-      scrollIntoView: null,
-      tools,
-
-      innerValue: coalesce(this.value, this.defaultValue),
-      treeOptions: [],
-    };
-  },
-  computed: {
-
-  },
-  watch: {
-    value: {
-      handler() {
-        this.buildTreeOptions();
-      },
-      deep: true,
-      immediate: true,
-    },
+  ...uniComponent({
+    name,
     options: {
-      handler() {
-        this.buildTreeOptions();
+      styleIsolation: 'shared',
+    },
+    controlledProps: [
+      {
+        key: 'value',
+        event: 'change',
       },
-      deep: true,
-      immediate: true,
+    ],
+    externalClasses: [
+      `${prefix}-class`,
+      `${prefix}-class-left-column`,
+      `${prefix}-class-left-item`,
+      `${prefix}-class-middle-item`,
+      `${prefix}-class-right-column`,
+      `${prefix}-class-right-item`,
+      `${prefix}-class-right-item-label`,
+    ],
+    props: {
+      ...props,
+    },
+    data() {
+      return {
+        prefix,
+        classPrefix: name,
+        scrollIntoView: null,
+        tools,
+
+        innerValue: coalesce(this.value, this.defaultValue),
+        treeOptions: [],
+        leafLevel: -1,
+      };
     },
-    keys: {
-      handler() {
-        this.buildTreeOptions();
+    watch: {
+      value: {
+        handler() {
+          this.buildTreeOptions();
+        },
+        deep: true,
+        immediate: true,
+      },
+      options: {
+        handler() {
+          this.buildTreeOptions();
+        },
+        deep: true,
+        immediate: true,
+      },
+      keys: {
+        handler() {
+          this.buildTreeOptions();
+        },
+        deep: true,
+        immediate: true,
       },
-      deep: true,
-      immediate: true,
+      multiple: 'buildTreeOptions',
     },
-    multiple: 'buildTreeOptions',
-  },
-  mounted() {
-    nextTick().then(() => {
-      this.getScrollIntoView('init');
-    });
-  },
-  methods: {
-    getTreeClass,
-    buildTreeOptions() {
-      const { options, innerValue: value, customValue, multiple, keys } = this;
+    mounted() {
+      nextTick().then(() => {
+        this.getScrollIntoView('init');
+      });
+    },
+    methods: {
+      getTreeClass,
+      buildTreeOptions() {
+        const { options, innerValue: value, customValue, multiple, keys } = this;
 
-      if (!options.length) return;
+        if (!options.length) return;
 
-      const treeOptions = [];
+        const treeOptions = [];
 
-      let level = -1;
-      let currentNode = { children: options };
+        let level = -1;
+        let currentNode = { children: options };
 
-      while (currentNode?.children) {
-        level += 1;
-        const currentLevelOptions = currentNode.children.map(item => ({
-          label: item[keys?.label || 'label'],
-          value: item[keys?.value || 'value'],
-          disabled: item[keys?.disabled || 'disabled'],
-          children: item[keys?.children || 'children'],
-        }));
+        while (currentNode?.children) {
+          level += 1;
+          const currentLevelOptions = currentNode.children.map(item => ({
+            label: item[keys?.label || 'label'],
+            value: item[keys?.value || 'value'],
+            disabled: item[keys?.disabled || 'disabled'],
+            children: item[keys?.children || 'children'],
+          }));
 
-        treeOptions.push(currentLevelOptions);
+          treeOptions.push(currentLevelOptions);
 
-        const currentValue = coalesce(customValue?.[level], value?.[level]);
-        currentNode = currentValue
-          ? coalesce(currentLevelOptions.find(child => child.value === currentValue), currentLevelOptions[0])
-          : currentLevelOptions[0];
-      }
+          const currentValue = coalesce(customValue?.[level], value?.[level]);
+          currentNode = currentValue
+            ? coalesce(currentLevelOptions.find(child => child.value === currentValue), currentLevelOptions[0])
+            : currentLevelOptions[0];
+        }
 
-      const depth = getTreeDepth(options, keys?.children);
+        const depth = getTreeDepth(options, keys?.children);
 
-      // 补齐 treeOptions 长度到 depth
-      while (treeOptions.length < depth) {
-        treeOptions.push([]);
-        level += 1;
-      }
+        // 补齐 treeOptions 长度到 depth
+        while (treeOptions.length < depth) {
+          treeOptions.push([]);
+          level += 1;
+        }
 
-      const leafLevel = Math.max(0, level);
-      const innerValue = customValue
+        const leafLevel = Math.max(0, level);
+        const innerValue = customValue
         || treeOptions.map((levelOptions, idx) => {
           const isLastLevel = idx === treeOptions.length - 1;
           const defaultValue = isLastLevel && multiple ? [levelOptions[0]?.value] : levelOptions[0]?.value;
           return coalesce(value?.[idx], defaultValue);
         });
 
-      this.innerValue = innerValue;
-      this.leafLevel = leafLevel;
-      this.treeOptions = treeOptions;
-    },
+        this.innerValue = innerValue;
+        this.leafLevel = leafLevel;
+        this.treeOptions = treeOptions;
+      },
 
-    getScrollIntoView(status) {
-      const { innerValue: value, customValue, scrollIntoView } = this;
-      if (status === 'init') {
-        const innerValue = customValue || value;
-        const scrollIntoView = Array.isArray(innerValue)
-          ? innerValue.map(item => (Array.isArray(item) ? item[0] : item))
-          : [innerValue];
+      getScrollIntoView(status) {
+        const { innerValue: value, customValue, scrollIntoView } = this;
+        if (status === 'init') {
+          const innerValue = customValue || value;
+          const scrollIntoView = Array.isArray(innerValue)
+            ? innerValue.map(item => (Array.isArray(item) ? item[0] : item))
+            : [innerValue];
 
-        this.scrollIntoView = scrollIntoView;
-      } else {
-        if (scrollIntoView === null) return;
-        this.scrollIntoView = null;
-      }
-    },
+          this.scrollIntoView = scrollIntoView;
+        } else {
+          if (scrollIntoView === null) return;
+          this.scrollIntoView = null;
+        }
+      },
 
-    onRootChange(e) {
-      const { innerValue } = this;
-      const { value: itemValue } = e;
+      onRootChange(e) {
+        const { innerValue } = this;
+        const { value: itemValue } = e;
 
-      this.getScrollIntoView('none');
-      innerValue[0] = itemValue;
+        this.getScrollIntoView('none');
+        innerValue[0] = itemValue;
 
-      this._trigger('change', { value: innerValue, level: 0 });
-    },
+        this._trigger('change', { value: innerValue, level: 0 });
+      },
 
-    handleTreeClick(e) {
-      const { level, value: itemValue } = e.currentTarget.dataset;
-      const { innerValue } = this;
+      handleTreeClick(e) {
+        const { level, value: itemValue } = e.currentTarget.dataset;
+        const { innerValue } = this;
 
-      innerValue[level] = itemValue;
-      this.getScrollIntoView('none');
-      this._trigger('change', { value: innerValue, level: 1 });
-    },
+        innerValue[level] = itemValue;
+        this.getScrollIntoView('none');
+        this._trigger('change', { value: innerValue, level: 1 });
+      },
 
-    handleChange({ level, type, value }) {
-      const { innerValue } = this;
+      handleChange({ level, type, value }) {
+        const { innerValue } = this;
 
-      if (type === 'multiple') {
-        if (!isDef(innerValue[level])) {
-          innerValue[level] = [];
+        if (type === 'multiple') {
+          if (!isDef(innerValue[level])) {
+            innerValue[level] = [];
+          }
+          const index = innerValue[level].indexOf(value);
+          index === -1 ? innerValue[level].push(value) : innerValue[level].splice(index, 1);
+        } else {
+          innerValue[level] = value;
         }
-        const index = innerValue[level].indexOf(value);
-        index === -1 ? innerValue[level].push(value) : innerValue[level].splice(index, 1);
-      } else {
-        innerValue[level] = value;
-      }
 
-      this.getScrollIntoView('none');
-      this._trigger('change', { value: innerValue, level });
-    },
+        this.getScrollIntoView('none');
+        this._trigger('change', { value: innerValue, level });
+      },
 
-    getScrollViewTClass(level) {
-      return canUseVirtualHost() ? this.getScrollViewRealClass(level) : '';
-    },
-    getScrollViewClass(level) {
-      return !canUseVirtualHost() ? this.getScrollViewRealClass(level) : '';
-    },
-    getScrollViewRealClass(level) {
-      const { classPrefix, leafLevel, treeOptions, tClass } = this;
-      return `${tools.cls(`${classPrefix}__column`, [getTreeClass(leafLevel - level, treeOptions.length)])} ${tClass}`;
+      getScrollViewTClass(level) {
+        return canUseVirtualHost() ? this.getScrollViewRealClass(level) : '';
+      },
+      getScrollViewClass(level) {
+        return !canUseVirtualHost() ? this.getScrollViewRealClass(level) : '';
+      },
+      getScrollViewRealClass(level) {
+        const { classPrefix, leafLevel, treeOptions, tClass } = this;
+        return `${tools.cls(`${classPrefix}__column`, [getTreeClass(leafLevel - level, treeOptions.length)])} ${tClass}`;
+      },
     },
-  },
-});
+  }),
+};
 </script>
 <style scoped src="./tree-select.css"></style>

package/dist/types/config-provider.d.ts

@@ -0,0 +1,7 @@
+import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
+import type { TdConfigProviderProps } from '../config-provider/type';
+
+export type ConfigProviderProps = ExtractNonOnProps<TdConfigProviderProps>;
+export type ConfigProviderEmits = TransformEventHandlers<TdConfigProviderProps, true>;
+declare const ConfigProviderComponent: import('vue').DefineComponent<ConfigProviderProps, {}, {}, {}, {}, {}, {}, ConfigProviderEmits, any>;
+export default ConfigProviderComponent;

package/dist/types/index.d.ts

@@ -15,6 +15,7 @@ export * from '../col/type';
 export * from '../collapse/type';
 export * from '../collapse-panel/type';
 export * from '../color-picker/type';
+export * from '../config-provider/type';
 export * from '../count-down/type';
 export * from '../date-time-picker/type';
 export * from '../dialog/type';
@@ -43,6 +44,7 @@ export * from '../notice-bar/type';
 export * from '../overlay/type';
 export * from '../picker/type';
 export * from '../picker-item/type';
+export * from '../popover/type';
 export * from '../popup/type';
 export * from '../progress/type';
 export * from '../pull-down-refresh/type';
@@ -75,3 +77,18 @@ export * from '../toast/type';
 export * from '../tree-select/type';
 export * from '../upload/type';
 export * from '../watermark/type';
+
+// mixins
+export { handlePageScroll } from '../mixins/page-scroll';
+
+// 函数式调用
+export { default as DialogPlugin } from '../dialog/index';
+export { default as Dialog } from '../dialog/index';
+export { default as MessagePlugin } from '../message/index';
+export { default as Message } from '../message/index';
+export { default as Toast, showToast, hideToast } from '../toast/index';
+export { default as ToastPlugin } from '../toast/index';
+export type { ToastOptionsType } from '../toast/index';
+export { default as ActionSheetPlugin, ActionSheetTheme } from '../action-sheet/index';
+export { default as ActionSheet } from '../action-sheet/index';
+export type { ActionSheetShowOption } from '../action-sheet/show';

package/dist/types/popover.d.ts

@@ -0,0 +1,7 @@
+import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
+import type { TdPopoverProps } from '../popover/type';
+
+export type PopoverProps = ExtractNonOnProps<TdPopoverProps>;
+export type PopoverEmits = TransformEventHandlers<TdPopoverProps, true>;
+declare const PopoverComponent: import('vue').DefineComponent<PopoverProps, {}, {}, {}, {}, {}, {}, PopoverEmits, any>;
+export default PopoverComponent;

package/dist/upload/README.en-US.md

@@ -9,36 +9,35 @@ name | type | default | description | required
 custom-style | Object | - | CSS(Cascading Style Sheets) | N
 add-btn | Boolean | true | \- | N
 add-content | String | - | \- | N
-allow-upload-duplicate-file | Boolean | false | allow to upload duplicate name files | N
-config | Object | - | Typescript：`UploadMpConfig` `type UploadMpConfig = ImageConfig \| VideoConfig` `interface ImageConfig { count?: number; sizeType?: Array<SizeTypeValues>; sourceType?: Array<SourceTypeValues> }` `type SizeTypeValues = 'original' \| 'compressed'` `type SourceTypeValues = 'album' \| 'camera'` `interface VideoConfig { sourceType?: Array<SourceTypeValues>; compressed?: boolean; maxDuration?: number; camera?: 'back' \| 'front' }`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/packages/uniapp-components/upload/type.ts) | N
+config | Object | - | Typescript: `UploadMpConfig` `type UploadMpConfig = UploadImageConfig \| UploadVideoConfig` `interface UploadImageConfig { count?: number; sizeType?: Array<SizeTypeValues>; sourceType?: Array<SourceTypeValues> }` `type SizeTypeValues = 'original' \| 'compressed'` `type SourceTypeValues = 'album' \| 'camera'` `interface UploadVideoConfig { sourceType?: Array<SourceTypeValues>; compressed?: boolean; maxDuration?: number; camera?: 'back' \| 'front' }`。[see more ts definition](https://github.com/tencent/tdesign-miniprogram/blob/develop/packages/uniapp-components/upload/type.ts) | N
 disabled | Boolean | undefined | make upload to be disabled | N
-draggable | Boolean / Object | - | Typescript：`boolean \| {vibrate?: boolean; collisionVibrate?: boolean}` | N
-files | Array | - | `v-model:files` is supported。Typescript：`Array<UploadFile>` `interface UploadFile { url: string; name?: string; size?: number; type?: 'image' \| 'video'; percent?: number; status: 'loading' \| 'reload' \| 'failed' \| 'done' }`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/packages/uniapp-components/upload/type.ts) | N
-default-files | Array | - | uncontrolled property。Typescript：`Array<UploadFile>` `interface UploadFile { url: string; name?: string; size?: number; type?: 'image' \| 'video'; percent?: number; status: 'loading' \| 'reload' \| 'failed' \| 'done' }`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/packages/uniapp-components/upload/type.ts) | N
-grid-config | Object | - | Typescript：`{column?: number;  width?: number; height?: number;}` | N
+draggable | Boolean / Object | - | Typescript: `boolean \| {vibrate?: boolean; collisionVibrate?: boolean}` | N
+files | Array | - | `v-model:files` is supported。Typescript: `Array<UploadFile>` `interface UploadFile { url: string; name?: string; size?: number; type?: 'image' \| 'video'; percent?: number; status: 'loading' \| 'reload' \| 'failed' \| 'done' }`。[see more ts definition](https://github.com/tencent/tdesign-miniprogram/blob/develop/packages/uniapp-components/upload/type.ts) | N
+default-files | Array | - | uncontrolled property。Typescript: `Array<UploadFile>` `interface UploadFile { url: string; name?: string; size?: number; type?: 'image' \| 'video'; percent?: number; status: 'loading' \| 'reload' \| 'failed' \| 'done' }`。[see more ts definition](https://github.com/tencent/tdesign-miniprogram/blob/develop/packages/uniapp-components/upload/type.ts) | N
+grid-config | Object | - | Typescript: `{column?: number;  width?: number; height?: number;}` | N
 gutter | Number | 16 | \- | N
-image-props | Object | - | Typescript：`ImageProps`，[Image API Documents](./image?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/packages/uniapp-components/upload/type.ts) | N
+image-props | Object | - | Typescript: `ImageProps`，[Image API Documents](./image?tab=api)。[see more ts definition](https://github.com/tencent/tdesign-miniprogram/blob/develop/packages/uniapp-components/upload/type.ts) | N
 max | Number | 0 | max count of files limit | N
-media-type | Array | ['image', 'video'] | Typescript：`Array<MediaType>` `type MediaType = 'image' \| 'video'`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/packages/uniapp-components/upload/type.ts) | N
+media-type | Array | ['image', 'video'] | Typescript: `Array<MediaType>` `type MediaType = 'image' \| 'video'`。[see more ts definition](https://github.com/tencent/tdesign-miniprogram/blob/develop/packages/uniapp-components/upload/type.ts) | N
 preview | Boolean | true | \- | N
 remove-btn | Boolean | true | \- | N
-request-method | Function | - | Typescript：`any` | N
-size-limit | Number / Object | - | files size limit。Typescript：`number \| SizeLimitObj` `interface SizeLimitObj { size: number; unit: SizeUnit ; message?: string }` `type SizeUnitArray = ['B', 'KB', 'MB', 'GB']` `type SizeUnit = SizeUnitArray[number]`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/packages/uniapp-components/upload/type.ts) | N
+request-method | Function | - | Typescript: `(files: UploadFile \| UploadFile[]) => Promise<RequestMethodResponse>` `interface RequestMethodResponse { status: 'success' \| 'fail'; error?: string; response: { url?: string; files?: UploadFile[]; [key: string]: any } }`。[see more ts definition](https://github.com/tencent/tdesign-miniprogram/blob/develop/packages/uniapp-components/upload/type.ts) | N
+size-limit | Number / Object | - | files size limit。Typescript: `number \| SizeLimitObj` `interface SizeLimitObj { size: number; unit: SizeUnit ; message?: string }` `type SizeUnitArray = ['B', 'KB', 'MB', 'GB']` `type SizeUnit = SizeUnitArray[number]`。[see more ts definition](https://github.com/tencent/tdesign-miniprogram/blob/develop/packages/uniapp-components/upload/type.ts) | N
 source | String | media | options: media/messageFile | N
-transition | Object | `{backTransition: true, duration: 300, timingFunction: 'ease'}` | Typescript：`Transition` `interface Transition { backTransition?: boolean, duration?: number, timingFunction?: string }`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/packages/uniapp-components/upload/type.ts) | N
+transition | Object | { backTransition: true, duration: 300, timingFunction: 'ease' } | Typescript: `Transition` `interface Transition { backTransition?: boolean, duration?: number, timingFunction?: string }`。[see more ts definition](https://github.com/tencent/tdesign-miniprogram/blob/develop/packages/uniapp-components/upload/type.ts) | N
 
 ### Upload Events
 
 name | params | description
 -- | -- | --
-add | `(context: { files: MediaContext })` | \-
+add | `(context: { files: MediaContext })` | [see more ts definition](https://github.com/tencent/tdesign-miniprogram/blob/develop/packages/uniapp-components/upload/type.ts)。<br/>`type MediaContext = VideoContext[] \| ImageContext[]`<br/><br/>`interface VideoContext { name?: string; type?: string; url?: string; duration?: number; size?: number; width?: number; height?: number; thumb: string; progress: number }`<br/><br/>`interface ImageContext { name: string; type: string; url: string;  size: number; width: number; height: number; progress: number  }`<br/>
 click | `(context: { index: number; file: VideoContext \| ImageContext })` | \-
 complete | \- | \-
 drop | `(context: { files: MediaContext }) ` | \-
 fail | \- | \-
 remove | `(context: { index: number; file: UploadFile })` | \-
 select-change | `(context: { files: MediaContext[]; currentSelectedFiles: MediaContext[] })` | \-
-success | `(context: { files: MediaContext })` | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/packages/uniapp-components/upload/type.ts)。<br/>`type MediaContext = VideoContext[] \| ImageContext[]`<br/><br/>`interface VideoContext { name?: string; type?: string; url?: string; duration?: number; size?: number; width?: number; height?: number; thumb: string; progress: number }`<br/><br/>`interface ImageContext { name: string; type: string; url: string;  size: number; width: number; height: number; progress: number  }`<br/>
+success | `(context: { files: MediaContext })` | \-
 
 ### Upload Slots
 
@@ -56,7 +55,7 @@ Name | Default Value | Description
 --td-upload-add-disabled-bg-color | @bg-color-component-disabled | -
 --td-upload-add-icon-disabled-color | @text-color-disabled | -
 --td-upload-add-icon-size | 56rpx | -
---td-upload-disabled-mask | rgba(0, 0.6) | -
+--td-upload-disabled-mask | rgba(0, 0, 0, 0.6) | -
 --td-upload-drag-transition-duration | --td-upload-drag-transition-duration | -
 --td-upload-drag-transition-timing-function | --td-upload-drag-transition-timing-function | -
 --td-upload-drag-z-index | 999 | -

package/dist/upload/README.md

@@ -8,7 +8,9 @@ isComponent: true
 
 ## 引入
 
-可在 `main.ts` 或在需要使用的页面或组件中引入。
+推荐使用 easycom 模式引入组件，配置后无需手动 import 即可直接在模板中使用 `<t-upload />`。详细配置请参考 [快速开始](../getting-started)。
+
+如需手动引入：
 
 ```js
 import TUpload from '@tdesign/uniapp/upload/upload.vue';
@@ -62,36 +64,35 @@ import TUpload from '@tdesign/uniapp/upload/upload.vue';
 custom-style | Object | - | 自定义样式 | N
 add-btn | Boolean | true | 添加按钮 | N
 add-content | String | - | 添加按钮内容 | N
-allow-upload-duplicate-file | Boolean | false | 是否允许重复上传相同文件名的文件 | N
-config | Object | - | 图片上传配置，视频上传配置，文件上传配置等，包含图片尺寸、图片来源、视频来源、视频拍摄最长时间等。更多细节查看小程序官网。[图片上传](https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.chooseImage.html)。[视频上传](https://developers.weixin.qq.com/miniprogram/dev/api/media/video/wx.chooseVideo.html)。TS 类型：`UploadMpConfig` `type UploadMpConfig = ImageConfig \| VideoConfig` `interface ImageConfig { count?: number; sizeType?: Array<SizeTypeValues>; sourceType?: Array<SourceTypeValues> }` `type SizeTypeValues = 'original' \| 'compressed'` `type SourceTypeValues = 'album' \| 'camera'` `interface VideoConfig { sourceType?: Array<SourceTypeValues>; compressed?: boolean; maxDuration?: number; camera?: 'back' \| 'front' }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/packages/uniapp-components/upload/type.ts) | N
+config | Object | - | 图片上传配置，视频上传配置，文件上传配置等，包含图片尺寸、图片来源、视频来源、视频拍摄最长时间等。更多细节查看小程序官网。[图片上传](https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.chooseImage.html)。[视频上传](https://developers.weixin.qq.com/miniprogram/dev/api/media/video/wx.chooseVideo.html)。TS 类型：`UploadMpConfig` `type UploadMpConfig = UploadImageConfig \| UploadVideoConfig` `interface UploadImageConfig { count?: number; sizeType?: Array<SizeTypeValues>; sourceType?: Array<SourceTypeValues> }` `type SizeTypeValues = 'original' \| 'compressed'` `type SourceTypeValues = 'album' \| 'camera'` `interface UploadVideoConfig { sourceType?: Array<SourceTypeValues>; compressed?: boolean; maxDuration?: number; camera?: 'back' \| 'front' }`。[详细类型定义](https://github.com/tencent/tdesign-miniprogram/blob/develop/packages/uniapp-components/upload/type.ts) | N
 disabled | Boolean | undefined | 是否禁用组件 | N
 draggable | Boolean / Object | - | 是否支持拖拽排序。长按时是否振动，碰撞时是否振动。示例一：`true`。示例二：`{ vibrate: true, collisionVibrate: true }`。TS 类型：`boolean \| {vibrate?: boolean; collisionVibrate?: boolean}` | N
-files | Array | - | 已上传文件列表。支持语法糖 `v-model:files`。TS 类型：`Array<UploadFile>` `interface UploadFile { url: string; name?: string; size?: number; type?: 'image' \| 'video'; percent?: number; status: 'loading' \| 'reload' \| 'failed' \| 'done' }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/packages/uniapp-components/upload/type.ts) | N
-default-files | Array | - | 已上传文件列表。非受控属性。TS 类型：`Array<UploadFile>` `interface UploadFile { url: string; name?: string; size?: number; type?: 'image' \| 'video'; percent?: number; status: 'loading' \| 'reload' \| 'failed' \| 'done' }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/packages/uniapp-components/upload/type.ts) | N
+files | Array | - | 已上传文件列表。支持语法糖 `v-model:files`。TS 类型：`Array<UploadFile>` `interface UploadFile { url: string; name?: string; size?: number; type?: 'image' \| 'video'; percent?: number; status: 'loading' \| 'reload' \| 'failed' \| 'done' }`。[详细类型定义](https://github.com/tencent/tdesign-miniprogram/blob/develop/packages/uniapp-components/upload/type.ts) | N
+default-files | Array | - | 已上传文件列表。非受控属性。TS 类型：`Array<UploadFile>` `interface UploadFile { url: string; name?: string; size?: number; type?: 'image' \| 'video'; percent?: number; status: 'loading' \| 'reload' \| 'failed' \| 'done' }`。[详细类型定义](https://github.com/tencent/tdesign-miniprogram/blob/develop/packages/uniapp-components/upload/type.ts) | N
 grid-config | Object | - | upload组件每行上传图片列数以及图片的宽度和高度。TS 类型：`{column?: number;  width?: number; height?: number;}` | N
 gutter | Number | 16 | 预览窗格的 `gutter` 大小，单位 rpx | N
-image-props | Object | - | 透传 Image 组件全部属性。TS 类型：`ImageProps`，[Image API Documents](./image?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/packages/uniapp-components/upload/type.ts) | N
+image-props | Object | - | 透传 Image 组件全部属性。TS 类型：`ImageProps`，[Image API Documents](./image?tab=api)。[详细类型定义](https://github.com/tencent/tdesign-miniprogram/blob/develop/packages/uniapp-components/upload/type.ts) | N
 max | Number | 0 | 用于控制文件上传数量，值为 0 则不限制 | N
-media-type | Array | ['image', 'video'] | 支持上传的文件类型，图片或视频。TS 类型：`Array<MediaType>` `type MediaType = 'image' \| 'video'`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/packages/uniapp-components/upload/type.ts) | N
+media-type | Array | ['image', 'video'] | 支持上传的文件类型，图片或视频。TS 类型：`Array<MediaType>` `type MediaType = 'image' \| 'video'`。[详细类型定义](https://github.com/tencent/tdesign-miniprogram/blob/develop/packages/uniapp-components/upload/type.ts) | N
 preview | Boolean | true | 是否支持图片预览，文件没有预览 | N
 remove-btn | Boolean | true | 移除按钮 | N
-request-method | Function | - | 自定义上传方法。TS 类型：`any` | N
-size-limit | Number / Object | - | 图片文件大小限制，默认单位 KB。可选单位有：`'B' \| 'KB' \| 'MB' \| 'GB'`。示例一：`1000`。示例二：`{ size: 2, unit: 'MB', message: '图片大小不超过 {sizeLimit} MB' }`。TS 类型：`number \| SizeLimitObj` `interface SizeLimitObj { size: number; unit: SizeUnit ; message?: string }` `type SizeUnitArray = ['B', 'KB', 'MB', 'GB']` `type SizeUnit = SizeUnitArray[number]`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/packages/uniapp-components/upload/type.ts) | N
+request-method | Function | - | 自定义上传方法。TS 类型：`(files: UploadFile \| UploadFile[]) => Promise<RequestMethodResponse>` `interface RequestMethodResponse { status: 'success' \| 'fail'; error?: string; response: { url?: string; files?: UploadFile[]; [key: string]: any } }`。[详细类型定义](https://github.com/tencent/tdesign-miniprogram/blob/develop/packages/uniapp-components/upload/type.ts) | N
+size-limit | Number / Object | - | 图片文件大小限制，默认单位 KB。可选单位有：`'B' \| 'KB' \| 'MB' \| 'GB'`。示例一：`1000`。示例二：`{ size: 2, unit: 'MB', message: '图片大小不超过 {sizeLimit} MB' }`。TS 类型：`number \| SizeLimitObj` `interface SizeLimitObj { size: number; unit: SizeUnit ; message?: string }` `type SizeUnitArray = ['B', 'KB', 'MB', 'GB']` `type SizeUnit = SizeUnitArray[number]`。[详细类型定义](https://github.com/tencent/tdesign-miniprogram/blob/develop/packages/uniapp-components/upload/type.ts) | N
 source | String | media | 来源。可选项：media/messageFile | N
-transition | Object | `{backTransition: true, duration: 300, timingFunction: 'ease'}` | 拖拽位置移动时的过渡参数,`duration`单位为ms。TS 类型：`Transition` `interface Transition { backTransition?: boolean, duration?: number, timingFunction?: string }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/packages/uniapp-components/upload/type.ts) | N
+transition | Object | { backTransition: true, duration: 300, timingFunction: 'ease' } | 拖拽位置移动时的过渡参数,`duration`单位为ms。TS 类型：`Transition` `interface Transition { backTransition?: boolean, duration?: number, timingFunction?: string }`。[详细类型定义](https://github.com/tencent/tdesign-miniprogram/blob/develop/packages/uniapp-components/upload/type.ts) | N
 
 ### Upload Events
 
 名称 | 参数 | 描述
 -- | -- | --
-add | `(context: { files: MediaContext })` | 选择后触发，仅包含本次选择的照片；`url` 表示选定视频的临时文件路径 (本地路径)。`duration` 表示选定视频的时间长度。`size`选定视频的数据量大小。更多描述参考 wx.chooseMedia 小程序官网描述
+add | `(context: { files: MediaContext })` | 选择后触发，仅包含本次选择的照片；`url` 表示选定视频的临时文件路径 (本地路径)。`duration` 表示选定视频的时间长度。`size`选定视频的数据量大小。更多描述参考 wx.chooseMedia 小程序官网描述。[详细类型定义](https://github.com/tencent/tdesign-miniprogram/blob/develop/packages/uniapp-components/upload/type.ts)。<br/>`type MediaContext = VideoContext[] \| ImageContext[]`<br/><br/>`interface VideoContext { name?: string; type?: string; url?: string; duration?: number; size?: number; width?: number; height?: number; thumb: string; progress: number }`<br/><br/>`interface ImageContext { name: string; type: string; url: string;  size: number; width: number; height: number; progress: number  }`<br/>
 click | `(context: { index: number; file: VideoContext \| ImageContext })` | 点击已选文件时触发；常用于重新上传
 complete | \- | 上传成功或失败后触发
 drop | `(context: { files: MediaContext }) ` | 拖拽结束后触发，包含所有上传的文件（拖拽后的文件顺序）；`url` 表示选定视频的临时文件路径 (本地路径)。`duration` 表示选定视频的时间长度。`size` 选定视频的数据量大小。更多描述参考 wx.chooseMedia 小程序官网描述
 fail | \- | 上传失败后触发
 remove | `(context: { index: number; file: UploadFile })` | 移除文件时触发
 select-change | `(context: { files: MediaContext[]; currentSelectedFiles: MediaContext[] })` | 选择文件或图片之后，上传之前，触发该事件。<br />`files` 表示之前已经上传完成的文件列表。<br />`currentSelectedFiles` 表示本次上传选中的文件列表
-success | `(context: { files: MediaContext })` | 上传成功后触发，包含所有上传的文件；`url` 表示选定视频的临时文件路径 (本地路径)。`duration` 表示选定视频的时间长度。`size`选定视频的数据量大小。更多描述参考 wx.chooseMedia 小程序官网描述。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/packages/uniapp-components/upload/type.ts)。<br/>`type MediaContext = VideoContext[] \| ImageContext[]`<br/><br/>`interface VideoContext { name?: string; type?: string; url?: string; duration?: number; size?: number; width?: number; height?: number; thumb: string; progress: number }`<br/><br/>`interface ImageContext { name: string; type: string; url: string;  size: number; width: number; height: number; progress: number  }`<br/>
+success | `(context: { files: MediaContext })` | 上传成功后触发，包含所有上传的文件；`url` 表示选定视频的临时文件路径 (本地路径)。`duration` 表示选定视频的时间长度。`size`选定视频的数据量大小。更多描述参考 wx.chooseMedia 小程序官网描述
 
 ### Upload Slots
 
@@ -109,7 +110,7 @@ add-content | 自定义 `add-content` 显示内容
 --td-upload-add-disabled-bg-color | @bg-color-component-disabled | -
 --td-upload-add-icon-disabled-color | @text-color-disabled | -
 --td-upload-add-icon-size | 56rpx | -
---td-upload-disabled-mask | rgba(0, 0.6) | -
+--td-upload-disabled-mask | rgba(0, 0, 0, 0.6) | -
 --td-upload-drag-transition-duration | --td-upload-drag-transition-duration | -
 --td-upload-drag-transition-timing-function | --td-upload-drag-transition-timing-function | -
 --td-upload-drag-z-index | 999 | -

package/dist/upload/props.ts

@@ -15,16 +15,14 @@ export default {
   addContent: {
     type: String,
   },
-  /** 是否允许重复上传相同文件名的文件 */
-  allowUploadDuplicateFile: Boolean,
   /** 图片上传配置，视频上传配置，文件上传配置等，包含图片尺寸、图片来源、视频来源、视频拍摄最长时间等。更多细节查看小程序官网。[图片上传](https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.chooseImage.html)。[视频上传](https://developers.weixin.qq.com/miniprogram/dev/api/media/video/wx.chooseVideo.html) */
   config: {
     type: Object,
   },
   /** 是否禁用组件 */
   disabled: {
-    type: Boolean,
-    default: undefined,
+    type: [Boolean, null],
+    default: null as TdUploadProps['disabled'],
   },
   /** 是否支持拖拽排序。长按时是否振动，碰撞时是否振动。示例一：`true`。示例二：`{ vibrate: true, collisionVibrate: true }` */
   draggable: {