From b515fae43490ab20977d559e19d4e5f63a4fd96d Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期五, 25 四月 2025 16:42:39 +0800 Subject: [PATCH] 应急线索模块 --- miniprogram_npm/tdesign-miniprogram/upload/README.en-US.md | 24 ++++++++++++++++++++++-- 1 files changed, 22 insertions(+), 2 deletions(-) diff --git a/miniprogram_npm/tdesign-miniprogram/upload/README.en-US.md b/miniprogram_npm/tdesign-miniprogram/upload/README.en-US.md index 2fc525d..27e4831 100644 --- a/miniprogram_npm/tdesign-miniprogram/upload/README.en-US.md +++ b/miniprogram_npm/tdesign-miniprogram/upload/README.en-US.md @@ -8,9 +8,10 @@ add-content | String / Slot | - | \- | N allow-upload-duplicate-file | Boolean | false | \- | 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/src/upload/type.ts) | N +disabled | Boolean | false | \- | N file-list-display | Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts) | N -files | Array | - | 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/src/upload/type.ts) | N -default-files | Array | undefined | uncontrolled property銆俆ypescript锛歚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/src/upload/type.ts) | N +files | Array | - | Typescript锛歚Array<UploadFile>` `interface UploadFile { url: string; name?: string; size?: number; type?: 'image' \| 'video'; percent?: number; status: 'loading' \| 'reload' \| 'failed' \| 'done'; thumb?: string }`銆俒see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts) | N +default-files | Array | undefined | uncontrolled property銆俆ypescript锛歚Array<UploadFile>` `interface UploadFile { url: string; name?: string; size?: number; type?: 'image' \| 'video'; percent?: number; status: 'loading' \| 'reload' \| 'failed' \| 'done'; thumb?: string }`銆俒see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/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/src/upload/type.ts) | N @@ -19,6 +20,8 @@ request-method | Function | - | \- | N size-limit | Number / Object | - | 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/src/upload/type.ts) | N source | String | media | options锛歮edia/messageFile | N +draggable | Boolean / Object | - | Does it support drag and drop sorting. Whether it vibrates during long periods of time and whether it vibrates during collisions銆傘�俒see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts) | N +transition | Object | `{ backTransition: true, duration: 300, timingFunction: 'ease' }` | Transition parameters when dragging and moving positions銆俒see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts) | N ### Upload Events @@ -30,3 +33,20 @@ remove | `(index: number; file: UploadFile)` | \- select-change | `(currentSelectedFiles: MediaContext[])` | \- success | `(files: MediaContext)` | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/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 | `(file: VideoContext \| ImageContext)` | - +drop | `(files: MediaContext)` | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/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/> + + +### CSS Variables +The component provides the following CSS variables, which can be used to customize styles. +Name | Default Value | Description +-- | -- | -- +--td-upload-add-bg-color | @bg-color-secondarycontainer | - +--td-upload-add-color | @font-gray-3 | - +--td-upload-add-disabled-bg-color | @bg-color-component-disabled | - +--td-upload-add-icon-disabled-color | @text-color-disabled | - +--td-upload-add-icon-font-size | 56rpx | - +--td-upload-disabled-mask | rgba(255, 255, 255, 0.55) | - +--td-upload-radius | @radius-default | - +--td-upload-drag-z-index | 999 | - -- Gitblit v1.9.3