tdesign-react 0.18.2 → 0.19.0

package/cjs/upload/themes/single-file.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -14,20 +14,19 @@ var tdesignIconsReact = require('tdesign-icons-react');
 var loading_index = require('../../loading/index.js');
 var _util_useConfig = require('../../_util/useConfig.js');
 require('../../loading/loading.js');
-require('../../_chunks/dep-3690810b.js');
-require('../../_chunks/dep-7555b3cd.js');
-require('../../_chunks/dep-3a707dd3.js');
+require('../../_chunks/dep-4c7f195b.js');
+require('../../_chunks/dep-40a2cedf.js');
+require('../../_chunks/dep-e8ae5c27.js');
 require('react-dom');
 require('../../_util/dom.js');
 require('raf');
-require('../../_chunks/dep-d0bc53f1.js');
-require('../../_chunks/dep-2bf84a94.js');
-require('../../_chunks/dep-d2731646.js');
-require('../../_chunks/dep-3e8d1212.js');
-require('../../_chunks/dep-39714d3a.js');
+require('../../_chunks/dep-3df5c5b3.js');
+require('../../_chunks/dep-a67a7b7d.js');
+require('../../_chunks/dep-abac90a1.js');
+require('../../_chunks/dep-7d18dcc4.js');
+require('../../_chunks/dep-bbf1db9b.js');
 require('../../_util/easing.js');
 require('../../common/Portal.js');
-require('../../_chunks/dep-7a3bfc35.js');
 require('../../config-provider/ConfigContext.js');
 require('../../locale/zh_CN.js');
 

package/cjs/upload/themes/single-file.js.map

@@ -1 +1 @@
-{"version":3,"file":"single-file.js","sources":["../../../src/upload/themes/single-file.tsx"],"sourcesContent":["import React, { FC, useCallback } from 'react';\nimport classNames from 'classnames';\nimport { CloseCircleFilledIcon, ErrorCircleFilledIcon } from 'tdesign-icons-react';\nimport Loading from '../../loading';\nimport { UploadFile, UploadRemoveContext } from '../../_type/components/upload';\nimport useConfig from '../../_util/useConfig';\n\nexport interface SingleFileProps {\n  file?: UploadFile;\n  display?: string;\n  placeholder?: string;\n  onRemove?: (context: UploadRemoveContext) => void;\n}\n\nconst SingleFile: FC<SingleFileProps> = (props) => {\n  const { display = 'file', onRemove, file } = props;\n  const { classPrefix } = useConfig();\n\n  const fileClass = classNames(`${classPrefix}-upload__single`, `${classPrefix}-upload__single-${display}`);\n\n  const showProgress = file && file.status !== 'success';\n\n  const inputName = file?.name;\n\n  const handleRemove = useCallback(\n    (e) => {\n      onRemove?.({\n        e,\n        file,\n        index: 0,\n      });\n    },\n    [file, onRemove],\n  );\n\n  const renderProgress = useCallback(() => {\n    if (file?.status === 'fail') {\n      return <ErrorCircleFilledIcon />;\n    }\n\n    return (\n      <div className={`${classPrefix}-upload__single-progress`}>\n        <Loading loading={true} size=\"small\" />\n        <span className={`${classPrefix}-upload__single-percent`}>{Math.min(file?.percent || 0, 99)}%</span>\n      </div>\n    );\n  }, [classPrefix, file]);\n\n  // 文本型预览\n  const renderFilePreviewAsText = useCallback(() => {\n    if (!inputName) return;\n    return (\n      <div className={`${classPrefix}-upload__single-display-text ${classPrefix}-display-text--margin`}>\n        <span className={`${classPrefix}-upload__single-name`}>{inputName}</span>\n        {showProgress ? (\n          renderProgress()\n        ) : (\n          <CloseCircleFilledIcon className={`${classPrefix}-upload-icon-delete`} onClick={handleRemove} />\n        )}\n      </div>\n    );\n  }, [classPrefix, inputName, renderProgress, showProgress, handleRemove]);\n\n  return (\n    <div className={fileClass}>\n      {props.children}\n      {display === 'file' && renderFilePreviewAsText()}\n    </div>\n  );\n};\n\nexport default SingleFile;\n"],"names":["SingleFile","props","display","onRemove","file","useConfig","classPrefix","fileClass","classNames","showProgress","status","inputName","name","handleRemove","useCallback","e","index","renderProgress","ErrorCircleFilledIcon","className","Loading","loading","size","Math","min","percent","renderFilePreviewAsText","CloseCircleFilledIcon","onClick","children"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAcMA,aAAkC,SAAlCA,UAAkC,CAACC,KAAD,EAAW;uBACJA,MAArCC;MAAAA,sCAAU;MAAQC,WAAmBF,MAAnBE;MAAUC,OAASH,MAATG;;mBACZC;MAAhBC,yBAAAA;;MAEFC,YAAYC,yCAAcF,2CAAiCA,wCAA8BJ;MAEzFO,eAAeL,QAAQA,KAAKM,MAAL,KAAgB;MAEvCC,YAAYP,iBAAAA,2BAAAA,KAAMQ;MAElBC,eAAeC,kBACnB,UAACC,CAAD,EAAO;iEACM;AACTA,MAAAA,GAAAA,CADS;AAETX,MAAAA,MAAAA,IAFS;AAGTY,MAAAA,OAAO;AAHE;KAMb,CAACZ,IAAD,EAAOD,QAAP;MAGIc,iBAAiBH,kBAAY,YAAM;QACnC,CAAAV,aAAA,IAAAA,eAAA,YAAAA,KAAMM,MAAN,MAAiB,QAAQ;oEACnBQ,yCAAD;;;kEAIN,OAAD;AAAKC,MAAAA,qBAAcb;AAAnB,8DACGc,uBAAD;AAASC,MAAAA,SAAS,IAAlB;AAAwBC,MAAAA,MAAK;AAA7B,+DACC,QAAD;AAAMH,MAAAA,qBAAcb;AAApB,OAA2DiB,KAAKC,GAAL,CAAS,CAAApB,aAAA,IAAAA,eAAA,YAAAA,KAAMqB,OAAN,KAAiB,CAA1B,EAA6B,EAA7B,GAAiC;KAG/F,CAACnB,WAAD,EAAcF,IAAd;MAGGsB,0BAA0BZ,kBAAY,YAAM;QAC5C,CAACH;kEAEF,OAAD;AAAKQ,MAAAA,qBAAcb,qDAA2CA;AAA9D,8DACG,QAAD;AAAMa,MAAAA,qBAAcb;AAApB,OAAwDK,YACvDF,eACCQ,0EAECU,yCAAD;AAAuBR,MAAAA,qBAAcb,mCAArC;AAAuEsB,MAAAA,SAASf;AAAhF;KAIL,CAACP,WAAD,EAAcK,SAAd,EAAyBM,cAAzB,EAAyCR,YAAzC,EAAuDI,YAAvD;gEAGA,OAAD;AAAKM,IAAAA,WAAWZ;AAAhB,KACGN,MAAM4B,UACN3B,YAAY,MAAZ,IAAsBwB;;;;;"}
+{"version":3,"file":"single-file.js","sources":["../../../src/upload/themes/single-file.tsx"],"sourcesContent":["import React, { FC, useCallback } from 'react';\nimport classNames from 'classnames';\nimport { CloseCircleFilledIcon, ErrorCircleFilledIcon } from 'tdesign-icons-react';\nimport Loading from '../../loading';\nimport { UploadFile, UploadRemoveContext } from '../type';\nimport useConfig from '../../_util/useConfig';\n\nexport interface SingleFileProps {\n  file?: UploadFile;\n  display?: string;\n  placeholder?: string;\n  onRemove?: (context: UploadRemoveContext) => void;\n}\n\nconst SingleFile: FC<SingleFileProps> = (props) => {\n  const { display = 'file', onRemove, file } = props;\n  const { classPrefix } = useConfig();\n\n  const fileClass = classNames(`${classPrefix}-upload__single`, `${classPrefix}-upload__single-${display}`);\n\n  const showProgress = file && file.status !== 'success';\n\n  const inputName = file?.name;\n\n  const handleRemove = useCallback(\n    (e) => {\n      onRemove?.({\n        e,\n        file,\n        index: 0,\n      });\n    },\n    [file, onRemove],\n  );\n\n  const renderProgress = useCallback(() => {\n    if (file?.status === 'fail') {\n      return <ErrorCircleFilledIcon />;\n    }\n\n    return (\n      <div className={`${classPrefix}-upload__single-progress`}>\n        <Loading loading={true} size=\"small\" />\n        <span className={`${classPrefix}-upload__single-percent`}>{Math.min(file?.percent || 0, 99)}%</span>\n      </div>\n    );\n  }, [classPrefix, file]);\n\n  // 文本型预览\n  const renderFilePreviewAsText = useCallback(() => {\n    if (!inputName) return;\n    return (\n      <div className={`${classPrefix}-upload__single-display-text ${classPrefix}-display-text--margin`}>\n        <span className={`${classPrefix}-upload__single-name`}>{inputName}</span>\n        {showProgress ? (\n          renderProgress()\n        ) : (\n          <CloseCircleFilledIcon className={`${classPrefix}-upload-icon-delete`} onClick={handleRemove} />\n        )}\n      </div>\n    );\n  }, [classPrefix, inputName, renderProgress, showProgress, handleRemove]);\n\n  return (\n    <div className={fileClass}>\n      {props.children}\n      {display === 'file' && renderFilePreviewAsText()}\n    </div>\n  );\n};\n\nexport default SingleFile;\n"],"names":["SingleFile","props","display","onRemove","file","useConfig","classPrefix","fileClass","classNames","showProgress","status","inputName","name","handleRemove","useCallback","e","index","renderProgress","ErrorCircleFilledIcon","className","Loading","loading","size","Math","min","percent","renderFilePreviewAsText","CloseCircleFilledIcon","onClick","children"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAcMA,aAAkC,SAAlCA,UAAkC,CAACC,KAAD,EAAW;uBACJA,MAArCC;MAAAA,sCAAU;MAAQC,WAAmBF,MAAnBE;MAAUC,OAASH,MAATG;;mBACZC;MAAhBC,yBAAAA;;MAEFC,YAAYC,yCAAcF,2CAAiCA,wCAA8BJ;MAEzFO,eAAeL,QAAQA,KAAKM,MAAL,KAAgB;MAEvCC,YAAYP,iBAAAA,2BAAAA,KAAMQ;MAElBC,eAAeC,kBACnB,UAACC,CAAD,EAAO;iEACM;AACTA,MAAAA,GAAAA,CADS;AAETX,MAAAA,MAAAA,IAFS;AAGTY,MAAAA,OAAO;AAHE;KAMb,CAACZ,IAAD,EAAOD,QAAP;MAGIc,iBAAiBH,kBAAY,YAAM;QACnC,CAAAV,aAAA,IAAAA,eAAA,YAAAA,KAAMM,MAAN,MAAiB,QAAQ;oEACnBQ,yCAAD;;;kEAIN,OAAD;AAAKC,MAAAA,qBAAcb;AAAnB,8DACGc,uBAAD;AAASC,MAAAA,SAAS,IAAlB;AAAwBC,MAAAA,MAAK;AAA7B,+DACC,QAAD;AAAMH,MAAAA,qBAAcb;AAApB,OAA2DiB,KAAKC,GAAL,CAAS,CAAApB,aAAA,IAAAA,eAAA,YAAAA,KAAMqB,OAAN,KAAiB,CAA1B,EAA6B,EAA7B,GAAiC;KAG/F,CAACnB,WAAD,EAAcF,IAAd;MAGGsB,0BAA0BZ,kBAAY,YAAM;QAC5C,CAACH;kEAEF,OAAD;AAAKQ,MAAAA,qBAAcb,qDAA2CA;AAA9D,8DACG,QAAD;AAAMa,MAAAA,qBAAcb;AAApB,OAAwDK,YACvDF,eACCQ,0EAECU,yCAAD;AAAuBR,MAAAA,qBAAcb,mCAArC;AAAuEsB,MAAAA,SAASf;AAAhF;KAIL,CAACP,WAAD,EAAcK,SAAd,EAAyBM,cAAzB,EAAyCR,YAAzC,EAAuDI,YAAvD;gEAGA,OAAD;AAAKM,IAAAA,WAAWZ;AAAhB,KACGN,MAAM4B,UACN3B,YAAY,MAAZ,IAAsBwB;;;;;"}

package/cjs/upload/tips.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */

package/cjs/upload/type.d.ts

@@ -0,0 +1,267 @@
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * updated at 2021-12-01 14:46:40
+ * */
+import { TNode } from '../common';
+import { MouseEvent, DragEvent } from 'react';
+export interface TdUploadProps {
+    /**
+     * 接受上传的文件类型，[查看 W3C示例](https://www.w3schools.com/tags/att_input_accept.asp)，[查看 MDN 示例](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/file)
+     * @default ''
+     */
+    accept?: string;
+    /**
+     * 上传接口
+     * @default ''
+     */
+    action?: string;
+    /**
+     * 是否选取文件后自动上传
+     * @default true
+     */
+    autoUpload?: boolean;
+    /**
+     * 上传文件之前的钩子，参数为上传的文件，返回值决定是否上传
+     */
+    beforeUpload?: (file: File | UploadFile) => boolean | Promise<boolean>;
+    /**
+     * 触发上传的内容，同 trigger
+     */
+    children?: TNode;
+    /**
+     * 上传文件时所需的额外数据
+     */
+    data?: Record<string, any> | ((file: File) => Record<string, any>);
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 是否启用拖拽上传
+     * @default false
+     */
+    draggable?: boolean;
+    /**
+     * 已上传文件列表
+     */
+    files?: Array<UploadFile>;
+    /**
+     * 已上传文件列表，非受控属性
+     */
+    defaultFiles?: Array<UploadFile>;
+    /**
+     * 文件上传前转换文件数据
+     */
+    format?: (file: File) => UploadFile;
+    /**
+     * 用于格式化文件上传后的响应数据。error 用于显示错误提示，如果 error 值为真，组件会判定为上传失败；url 用于上传文件/图片地址。
+     */
+    formatResponse?: (response: any, context: FormatResponseContext) => ResponseType;
+    /**
+     * 设置上传的请求头部
+     */
+    headers?: {
+        [key: string]: string;
+    };
+    /**
+     * 用于控制文件上传数量，值为 0 则不限制
+     * @default 0
+     */
+    max?: number;
+    /**
+     * HTTP 请求类型
+     * @default POST
+     */
+    method?: 'POST' | 'GET' | 'PUT' | 'OPTION';
+    /**
+     * 是否支持多选文件
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * 文件上传时的名称
+     * @default 'file'
+     */
+    name?: string;
+    /**
+     * 占位符
+     * @default ''
+     */
+    placeholder?: string;
+    /**
+     * 自定义上传方法。返回值 status 表示上传成功或失败，error 表示上传失败的原因，response 表示请求上传成功后的返回数据，response.url 表示上传成功后的图片地址。示例一：`{ status: 'fail', error: '上传失败', response }`。示例二：`{ status: 'success', response: { url: 'https://tdesign.gtimg.com/site/avatar.jpg' } }`
+     */
+    requestMethod?: (files: UploadFile) => Promise<RequestMethodResponse>;
+    /**
+     * 是否显示上传进度
+     * @default true
+     */
+    showUploadProgress?: boolean;
+    /**
+     * 图片文件大小限制，单位 KB。可选单位有：`'B' | 'KB' | 'MB' | 'GB'`。示例一：`1000`。示例二：`{ size: 2, unit: 'MB', message: '图片大小不超过 {sizeLimit} MB' }`
+     */
+    sizeLimit?: number | SizeLimitObj;
+    /**
+     * 组件风格。custom 表示完全自定义风格；file 表示默认文件上传风格；file-input 表示输入框形式的文件上传；file-flow 表示文件批量上传；image 表示默认图片上传风格；image-flow 表示图片批量上传
+     * @default file
+     */
+    theme?: 'custom' | 'file' | 'file-input' | 'file-flow' | 'image' | 'image-flow';
+    /**
+     * 小文本提示
+     * @default ''
+     */
+    tips?: string;
+    /**
+     * 触发上传的内容
+     */
+    trigger?: string | TNode<TriggerContext>;
+    /**
+     * 是否显示为模拟进度。上传进度有模拟进度和真实进度两种。一般大小的文件上传，真实的上传进度只有 0 和 100，不利于交互呈现，因此组件内置模拟上传进度。真实上传进度一般用于大文件上传
+     * @default true
+     */
+    useMockProgress?: boolean;
+    /**
+     * 上传请求时是否携带 cookie
+     * @default false
+     */
+    withCredentials?: boolean;
+    /**
+     * 点击「取消上传」时触发
+     */
+    onCancelUpload?: () => void;
+    /**
+     * 已上传文件列表发生变化时触发
+     */
+    onChange?: (value: Array<UploadFile>, context: UploadChangeContext) => void;
+    /**
+     * 进入拖拽区域时触发
+     */
+    onDragenter?: (context: {
+        e: DragEvent<Element>;
+    }) => void;
+    /**
+     * 拖拽结束时触发
+     */
+    onDragleave?: (context: {
+        e: DragEvent<Element>;
+    }) => void;
+    /**
+     * 上传失败后触发
+     */
+    onFail?: (options: {
+        e: ProgressEvent;
+        file: UploadFile;
+    }) => void;
+    /**
+     * 点击预览时触发
+     */
+    onPreview?: (options: {
+        file: UploadFile;
+        e: MouseEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 上传进度变化时触发，真实进度和模拟进度都会触发。type 值为 real 表示真实上传进度，type 值为 mock 表示模拟上传进度
+     */
+    onProgress?: (options: ProgressContext) => void;
+    /**
+     * 移除文件时触发
+     */
+    onRemove?: (context: UploadRemoveContext) => void;
+    /**
+     * 上传成功后触发
+     */
+    onSuccess?: (context: SuccessContext) => void;
+}
+export interface UploadFile extends File {
+    /**
+     * 上一次变更的时间
+     */
+    lastModified: number;
+    /**
+     * 文件名称
+     * @default ''
+     */
+    name: string;
+    /**
+     * 下载进度
+     */
+    percent?: number;
+    /**
+     * 原始文件对象
+     */
+    raw?: File;
+    /**
+     * 上传接口返回的数据
+     */
+    response?: object;
+    /**
+     * 文件大小
+     */
+    size: number;
+    /**
+     * 文件上传状态：上传成功，上传失败，上传中，等待上传
+     * @default ''
+     */
+    status?: 'success' | 'fail' | 'progress' | 'waiting';
+    /**
+     * 文件类型
+     * @default ''
+     */
+    type: string;
+    /**
+     * 文件上传成功后的下载/访问地址
+     * @default ''
+     */
+    url?: string;
+}
+export declare type ResponseType = {
+    error?: string;
+    url?: string;
+} & Record<string, any>;
+export interface FormatResponseContext {
+    file: UploadFile;
+}
+export interface RequestMethodResponse {
+    status: 'success' | 'fail';
+    error?: string;
+    response: {
+        url?: string;
+        [key: string]: any;
+    };
+}
+export interface SizeLimitObj {
+    size: number;
+    unit: SizeUnit;
+    message?: string;
+}
+export declare type SizeUnit = 'B' | 'KB' | 'MB' | 'GB';
+export interface TriggerContext {
+    dragActive?: boolean;
+    uploadingFile?: UploadFile | Array<UploadFile>;
+}
+export interface UploadChangeContext {
+    e?: MouseEvent<HTMLDivElement> | ProgressEvent;
+    response?: any;
+    trigger: string;
+    index?: number;
+    file?: UploadFile;
+}
+export interface ProgressContext {
+    e?: ProgressEvent;
+    file: UploadFile;
+    percent: number;
+    type: UploadProgressType;
+}
+export declare type UploadProgressType = 'real' | 'mock';
+export interface UploadRemoveContext {
+    index?: number;
+    file?: UploadFile;
+    e: MouseEvent<HTMLDivElement | SVGElement>;
+}
+export interface SuccessContext {
+    e: ProgressEvent;
+    file: UploadFile;
+    fileList: UploadFile[];
+    response: any;
+}

package/cjs/upload/type.js

@@ -0,0 +1,9 @@
+/**
+ * tdesign v0.19.0
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+//# sourceMappingURL=type.js.map

package/cjs/upload/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/cjs/upload/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { UploadFile, ProgressContext, TdUploadProps } from '../_type/components/upload';
+import { UploadFile, ProgressContext, TdUploadProps } from './type';
 export interface XhrSuccessContext {
     e: ProgressEvent;
     file: UploadFile;

package/cjs/upload/types.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */

package/cjs/upload/upload-trigger.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -15,27 +15,26 @@ var button_index = require('../button/index.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
 require('../button/Button.js');
-require('../_chunks/dep-3690810b.js');
-require('../_chunks/dep-76f334ae.js');
+require('../_chunks/dep-4c7f195b.js');
+require('../_chunks/dep-3d292398.js');
 require('classnames');
 require('../_util/noop.js');
 require('../_util/useRipple.js');
 require('../_util/setStyle.js');
 require('../loading/index.js');
 require('../loading/loading.js');
-require('../_chunks/dep-7555b3cd.js');
-require('../_chunks/dep-3a707dd3.js');
+require('../_chunks/dep-40a2cedf.js');
+require('../_chunks/dep-e8ae5c27.js');
 require('react-dom');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-d0bc53f1.js');
-require('../_chunks/dep-2bf84a94.js');
-require('../_chunks/dep-d2731646.js');
-require('../_chunks/dep-3e8d1212.js');
-require('../_chunks/dep-39714d3a.js');
+require('../_chunks/dep-3df5c5b3.js');
+require('../_chunks/dep-a67a7b7d.js');
+require('../_chunks/dep-abac90a1.js');
+require('../_chunks/dep-7d18dcc4.js');
+require('../_chunks/dep-bbf1db9b.js');
 require('../_util/easing.js');
 require('../common/Portal.js');
-require('../_chunks/dep-7a3bfc35.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/upload/upload-trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload-trigger.js","sources":["../../src/upload/upload-trigger.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { UploadIcon } from 'tdesign-icons-react';\nimport useConfig from '../_util/useConfig';\nimport Button from '../button';\n\nexport interface UploadTriggerProps {\n  onClick?: () => void;\n}\n\nconst UploadTrigger: FC<UploadTriggerProps> = (props) => {\n  const { classPrefix } = useConfig();\n\n  return (\n    <div className={`${classPrefix}-upload__trigger`} onClick={props.onClick}>\n      {props.children ? (\n        props.children\n      ) : (\n        <Button icon={<UploadIcon />} variant=\"outline\">\n          选择文件\n        </Button>\n      )}\n    </div>\n  );\n};\n\nexport default UploadTrigger;\n"],"names":["UploadTrigger","props","useConfig","classPrefix","className","onClick","children","Button","icon","UploadIcon","variant"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASMA,gBAAwC,SAAxCA,aAAwC,CAACC,KAAD,EAAW;mBAC/BC;MAAhBC,yBAAAA;;gEAGL,OAAD;AAAKC,IAAAA,qBAAcD,gCAAnB;AAAkDE,IAAAA,SAASJ,MAAMI;AAAjE,KACGJ,MAAMK,QAAN,GACCL,MAAMK,QADP,0DAGEC,qBAAD;AAAQC,IAAAA,6DAAOC,8BAAD,KAAd;AAA8BC,IAAAA,SAAQ;AAAtC,KAAgD;;;;;"}
+{"version":3,"file":"upload-trigger.js","sources":["../../src/upload/upload-trigger.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { UploadIcon } from 'tdesign-icons-react';\nimport useConfig from '../_util/useConfig';\nimport Button from '../button';\n\nexport interface UploadTriggerProps {\n  onClick?: () => void;\n}\n\nconst UploadTrigger: FC<UploadTriggerProps> = (props) => {\n  const { classPrefix } = useConfig();\n\n  return (\n    <div className={`${classPrefix}-upload__trigger`} onClick={props.onClick}>\n      {props.children ? (\n        props.children\n      ) : (\n        <Button icon={<UploadIcon />} variant=\"outline\">\n          选择文件\n        </Button>\n      )}\n    </div>\n  );\n};\n\nexport default UploadTrigger;\n"],"names":["UploadTrigger","props","useConfig","classPrefix","className","onClick","children","Button","icon","UploadIcon","variant"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASMA,gBAAwC,SAAxCA,aAAwC,CAACC,KAAD,EAAW;mBAC/BC;MAAhBC,yBAAAA;;gEAGL,OAAD;AAAKC,IAAAA,qBAAcD,gCAAnB;AAAkDE,IAAAA,SAASJ,MAAMI;AAAjE,KACGJ,MAAMK,QAAN,GACCL,MAAMK,QADP,0DAGEC,qBAAD;AAAQC,IAAAA,6DAAOC,8BAAD,KAAd;AAA8BC,IAAAA,SAAQ;AAAtC,KAAgD;;;;;"}

package/cjs/upload/upload.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { TdUploadProps } from '../_type/components/upload';
+import { TdUploadProps } from './type';
 declare const _default: React.ForwardRefExoticComponent<TdUploadProps & React.RefAttributes<unknown>>;
 export default _default;

package/cjs/upload/upload.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,38 +8,38 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-3690810b.js');
-var slicedToArray = require('../_chunks/dep-7555b3cd.js');
+var defineProperty = require('../_chunks/dep-4c7f195b.js');
+var slicedToArray = require('../_chunks/dep-40a2cedf.js');
 var React = require('react');
-var isEmpty = require('../_chunks/dep-d3f123c2.js');
+var isEmpty = require('../_chunks/dep-35d0bd22.js');
 var upload_dragger = require('./dragger.js');
 var upload_uploadTrigger = require('./upload-trigger.js');
 var upload_tips = require('./tips.js');
-var upload_utils_request = require('./utils/request.js');
+var _common_js_upload_xhr = require('../_common/js/upload/xhr.js');
 var _util_useConfig = require('../_util/useConfig.js');
 var upload_themes_singleFile = require('./themes/single-file.js');
 var upload_themes_imageCard = require('./themes/image-card.js');
 var upload_util = require('./util.js');
 var upload_hooks_useDefaultValue = require('./hooks/useDefaultValue.js');
-require('../_chunks/dep-3a707dd3.js');
-require('../_chunks/dep-c66ba301.js');
-require('../_chunks/dep-2bf84a94.js');
-require('../_chunks/dep-d2731646.js');
-require('../_chunks/dep-cfa0c25c.js');
-require('../_chunks/dep-39714d3a.js');
-require('../_chunks/dep-dedf3e86.js');
-require('../_chunks/dep-213765c2.js');
-require('../_chunks/dep-45c93631.js');
-require('../_chunks/dep-d3e9cd11.js');
-require('../_chunks/dep-bfe5e12b.js');
-require('../_chunks/dep-3e8d1212.js');
-require('../_chunks/dep-cd4964a2.js');
+require('../_chunks/dep-e8ae5c27.js');
+require('../_chunks/dep-de1454af.js');
+require('../_chunks/dep-a67a7b7d.js');
+require('../_chunks/dep-abac90a1.js');
+require('../_chunks/dep-4662ee8b.js');
+require('../_chunks/dep-bbf1db9b.js');
+require('../_chunks/dep-753d11ad.js');
+require('../_chunks/dep-b7472311.js');
+require('../_chunks/dep-a3eb13e7.js');
+require('../_chunks/dep-79f85966.js');
+require('../_chunks/dep-64a234c7.js');
+require('../_chunks/dep-7d18dcc4.js');
+require('../_chunks/dep-0ad6381b.js');
 require('classnames');
 require('./themes/dragger-progress.js');
 require('tdesign-icons-react');
 require('../button/index.js');
 require('../button/Button.js');
-require('../_chunks/dep-76f334ae.js');
+require('../_chunks/dep-3d292398.js');
 require('../_util/noop.js');
 require('../_util/useRipple.js');
 require('../_util/setStyle.js');
@@ -48,10 +48,9 @@ require('../loading/loading.js');
 require('react-dom');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-d0bc53f1.js');
+require('../_chunks/dep-3df5c5b3.js');
 require('../_util/easing.js');
 require('../common/Portal.js');
-require('../_chunks/dep-7a3bfc35.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
 require('../dialog/index.js');
@@ -61,7 +60,7 @@ require('../dialog/RenderDialog.js');
 require('react-transition-group');
 require('../_util/useSetState.js');
 require('../dialog/plugin.js');
-require('../_chunks/dep-26d8057f.js');
+require('../_chunks/dep-90f7aaf9.js');
 require('../_util/useDefault.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -84,6 +83,8 @@ var Upload = function Upload(props, ref) {
       theme = _useDefaultValue$them === void 0 ? "file" : _useDefaultValue$them,
       _useDefaultValue$max = _useDefaultValue.max,
       max = _useDefaultValue$max === void 0 ? 0 : _useDefaultValue$max,
+      _useDefaultValue$name = _useDefaultValue.name,
+      name = _useDefaultValue$name === void 0 ? "file" : _useDefaultValue$name,
       action = _useDefaultValue.action,
       tips = _useDefaultValue.tips,
       format = _useDefaultValue.format,
@@ -151,7 +152,9 @@ var Upload = function Upload(props, ref) {
     var res = response;
 
     if (typeof formatResponse === "function") {
-      res = formatResponse(response);
+      res = formatResponse(response, {
+        file: file
+      });
     }
 
     setErrorMsg(((_res = res) === null || _res === void 0 ? void 0 : _res.error) || "\u4E0A\u4F20\u5931\u8D25");
@@ -205,7 +208,9 @@ var Upload = function Upload(props, ref) {
   var handleProgress = React.useCallback(function (_ref2) {
     var e = _ref2.e,
         file = _ref2.file,
-        percent = _ref2.percent;
+        percent = _ref2.percent,
+        _ref2$type = _ref2.type,
+        type = _ref2$type === void 0 ? "mock" : _ref2$type;
 
     var tmpFile = _objectSpread({}, file);
 
@@ -213,7 +218,8 @@ var Upload = function Upload(props, ref) {
     var progressCtx = {
       percent: percent,
       e: e,
-      file: tmpFile
+      file: tmpFile,
+      type: type
     };
     var nextFileList = upload_util.updateFileList(tmpFile, fileList);
     onChange === null || onChange === void 0 ? void 0 : onChange(nextFileList, {
@@ -235,18 +241,18 @@ var Upload = function Upload(props, ref) {
 
     setErrorMsg("");
     file.status = "progress";
-    upload_utils_request["default"]({
+    _common_js_upload_xhr["default"]({
       action: action,
       data: data,
       file: file,
-      name: "file",
+      name: name,
       onError: onError,
       headers: headers,
       withCredentials: withCredentials,
       onProgress: handleProgress,
       onSuccess: handleSuccess
     });
-  }, [action, data, handleProgress, handleSuccess, headers, onError, withCredentials]);
+  }, [action, data, handleProgress, handleSuccess, headers, name, onError, withCredentials]);
 
   var formatFiles = function formatFiles() {
     var files = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];