tdesign-react 0.18.2 → 0.19.0

package/lib/tree-select/type.d.ts

@@ -0,0 +1,159 @@
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * updated at 2021-12-01 14:46:40
+ * */
+import { PopupProps } from '../popup';
+import { TreeProps, TreeNodeModel } from '../tree';
+import { TNode, TElement, TreeOptionData } from '../common';
+import { MouseEvent, FocusEvent } from 'react';
+export interface TdTreeSelectProps<DataOption extends TreeOptionData = TreeOptionData> {
+    /**
+     * 是否允许清空
+     * @default false
+     */
+    clearable?: boolean;
+    /**
+     * 多选情况下，用于设置折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 collapsedItems 自定义
+     */
+    collapsedItems?: TNode<{
+        value: DataOption[];
+        collapsedSelectedItems: DataOption[];
+        count: number;
+    }>;
+    /**
+     * 数据
+     * @default []
+     */
+    data?: Array<DataOption>;
+    /**
+     * 是否禁用组件
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 当下拉列表为空时显示的内容
+     * @default ''
+     */
+    empty?: TNode;
+    /**
+     * 过滤方法，用于对现有数据进行搜索过滤，判断是否过滤某一项数据
+     */
+    filter?: (filterWords: string, option: DataOption) => boolean;
+    /**
+     * 是否可搜索
+     * @default false
+     */
+    filterable?: boolean;
+    /**
+     * 是否正在加载数据
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * 远程加载时显示的文字，支持自定义。如加上超链接
+     * @default ''
+     */
+    loadingText?: TNode;
+    /**
+     * 用于控制多选数量，值为 0 则不限制
+     * @default 0
+     */
+    max?: number;
+    /**
+     * 最小折叠数量，用于多选情况下折叠选中项，超出该数值的选中项折叠。值为 0 则表示不折叠
+     * @default 0
+     */
+    minCollapsedNum?: number;
+    /**
+     * 是否允许多选
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * 占位符
+     * @default ''
+     */
+    placeholder?: string;
+    /**
+     * 透传给 popup 组件的参数
+     */
+    popupProps?: PopupProps;
+    /**
+     * 组件前置图标
+     */
+    prefixIcon?: TElement;
+    /**
+     * 【讨论中】是否显示全选
+     * @default false
+     */
+    showCheckAlll?: boolean;
+    /**
+     * 尺寸
+     * @default medium
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * 透传 Tree 组件属性
+     */
+    treeProps?: TreeProps;
+    /**
+     * 选中值
+     */
+    value?: TreeSelectValue;
+    /**
+     * 选中值，非受控属性
+     */
+    defaultValue?: TreeSelectValue;
+    /**
+     * 自定义选中项呈现方式
+     */
+    valueDisplay?: TNode<{
+        value: DataOption[];
+        onClose: () => void;
+    }>;
+    /**
+     * 用于控制选中值的类型。假设数据选项为：[{ label: '姓名', value: 'name' }]，value 表示值仅返回数据选项中的 value， object 表示值返回全部数据
+     * @default value
+     */
+    valueType?: 'value' | 'object';
+    /**
+     * 输入框失去焦点时触发
+     */
+    onBlur?: (context: {
+        value: TreeSelectValue;
+        e: FocusEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 节点选中状态变化时触发，context.node 表示当前变化的选项
+     */
+    onChange?: (value: TreeSelectValue, context: {
+        node: TreeNodeModel<DataOption>;
+    }) => void;
+    /**
+     * 点击清除按钮时触发
+     */
+    onClear?: (context: {
+        e: MouseEvent<SVGElement>;
+    }) => void;
+    /**
+     * 输入框获得焦点时触发
+     */
+    onFocus?: (context: {
+        value: TreeSelectValue;
+        e: FocusEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 多选模式下，选中数据被移除时触发
+     */
+    onRemove?: (options: RemoveOptions<DataOption>) => void;
+    /**
+     * 输入值变化时，触发搜索事件。主要用于远程搜索新数据
+     */
+    onSearch?: (filterWords: string) => void;
+}
+export declare type TreeSelectValue = string | number | object | Array<TreeSelectValue>;
+export interface RemoveOptions<T> {
+    value: string | number | object;
+    data: T;
+    e: MouseEvent<SVGElement | HTMLDivElement>;
+}

package/lib/tree-select/type.js

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

package/lib/tree-select/type.js.map

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

package/lib/tree-select/useTreeSelectConfig.d.ts

@@ -1,4 +1,4 @@
-import { TdTreeSelectProps } from '../_type/components/tree-select';
+import { TdTreeSelectProps } from './type';
 import { PopupProps } from '../popup';
 export interface TreeSelectConfigProps extends TdTreeSelectProps {
     visible: boolean;

package/lib/tree-select/useTreeSelectConfig.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
+import { _ as _defineProperty } from '../_chunks/dep-53c6c586.js';
 import { useMemo } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';

package/lib/tree-select/useTreeSelectConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTreeSelectConfig.js","sources":["../../src/tree-select/useTreeSelectConfig.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\nimport useCommonClassName from '../_util/useCommonClassName';\nimport { TdTreeSelectProps } from '../_type/components/tree-select';\nimport { PopupProps } from '../popup';\n\nconst defaultPopupProps: PopupProps = {\n  trigger: 'click',\n  placement: 'bottom-left',\n  overlayClassName: '',\n  overlayStyle: (trigger) => ({\n    width: `${trigger.offsetWidth}px`,\n  }),\n};\n\nexport interface TreeSelectConfigProps extends TdTreeSelectProps {\n  visible: boolean;\n}\n\nexport default function useTreeSelectConfig(props: TreeSelectConfigProps) {\n  const { classPrefix: prefix } = useConfig();\n  const CLASSNAMES = useCommonClassName();\n\n  const { disabled, prefixIcon, size, visible, popupProps } = props;\n\n  return useMemo(() => {\n\n    const selectClassName = classNames(`${prefix}-select`, {\n      [CLASSNAMES.STATUS.disabled]: disabled,\n      [CLASSNAMES.STATUS.active]: visible,\n      [CLASSNAMES.SIZE[size]]: size,\n      [`${prefix}-has-prefix`]: prefixIcon,\n    });\n\n    const popupObject = Object.assign(defaultPopupProps, popupProps);\n\n    const popupClassName = classNames(popupObject.overlayClassName, `${prefix}-select-dropdown`, 'narrow-scrollbar');\n\n    return {\n      selectClassName,\n      popupClassName,\n      popupObject,\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [prefix, size, prefixIcon, disabled, visible, popupProps]);\n}\n"],"names":["defaultPopupProps","trigger","placement","overlayClassName","overlayStyle","width","offsetWidth","props","useConfig","prefix","classPrefix","CLASSNAMES","useCommonClassName","disabled","prefixIcon","size","visible","popupProps","useMemo","selectClassName","classNames","STATUS","active","SIZE","popupObject","Object","assign","popupClassName"],"mappings":";;;;;;;;;;;;;;AAOA,IAAMA,oBAAgC;AACpCC,EAAAA,SAAS,OAD2B;AAEpCC,EAAAA,WAAW,aAFyB;AAGpCC,EAAAA,kBAAkB,EAHkB;AAIpCC,EAAAA,cAAc,sBAACH,OAAD;AAAA;AACZI,MAAAA,iBAAUJ,QAAQK;KADN;AAAA;AAJsB,CAAtC;6BAa4CC,OAA8B;mBACxCC;MAAXC,oBAAbC;;MACFC,aAAaC;MAEXC,WAAoDN,MAApDM;MAAUC,aAA0CP,MAA1CO;MAAYC,OAA8BR,MAA9BQ;MAAMC,UAAwBT,MAAxBS;MAASC,aAAeV,MAAfU;SAEtCC,QAAQ,YAAM;AAAA;;QAEbC,kBAAkBC,qBAAcX,oEACnCE,WAAWU,MAAX,CAAkBR,UAAWA,wCAC7BF,WAAWU,MAAX,CAAkBC,QAASN,uCAC3BL,WAAWY,IAAX,CAAgBR,IAAhB,GAAwBA,8CACrBN,wBAAsBK;QAGtBU,cAAcC,OAAOC,MAAP,CAAc1B,iBAAd,EAAiCiB,UAAjC;QAEdU,iBAAiBP,WAAWI,YAAYrB,4BAAqBM,6BAA0B;WAEtF;AACLU,MAAAA,iBAAAA,eADK;AAELQ,MAAAA,gBAAAA,cAFK;AAGLH,MAAAA,aAAAA;AAHK;KAMN,CAACf,MAAD,EAASM,IAAT,EAAeD,UAAf,EAA2BD,QAA3B,EAAqCG,OAArC,EAA8CC,UAA9C;;;;;"}
+{"version":3,"file":"useTreeSelectConfig.js","sources":["../../src/tree-select/useTreeSelectConfig.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\nimport useCommonClassName from '../_util/useCommonClassName';\nimport { TdTreeSelectProps } from './type';\nimport { PopupProps } from '../popup';\n\nconst defaultPopupProps: PopupProps = {\n  trigger: 'click',\n  placement: 'bottom-left',\n  overlayClassName: '',\n  overlayStyle: (trigger) => ({\n    width: `${trigger.offsetWidth}px`,\n  }),\n};\n\nexport interface TreeSelectConfigProps extends TdTreeSelectProps {\n  visible: boolean;\n}\n\nexport default function useTreeSelectConfig(props: TreeSelectConfigProps) {\n  const { classPrefix: prefix } = useConfig();\n  const CLASSNAMES = useCommonClassName();\n\n  const { disabled, prefixIcon, size, visible, popupProps } = props;\n\n  return useMemo(() => {\n    const selectClassName = classNames(`${prefix}-select`, {\n      [CLASSNAMES.STATUS.disabled]: disabled,\n      [CLASSNAMES.STATUS.active]: visible,\n      [CLASSNAMES.SIZE[size]]: size,\n      [`${prefix}-has-prefix`]: prefixIcon,\n    });\n\n    const popupObject = Object.assign(defaultPopupProps, popupProps);\n\n    const popupClassName = classNames(popupObject.overlayClassName, `${prefix}-select-dropdown`, 'narrow-scrollbar');\n\n    return {\n      selectClassName,\n      popupClassName,\n      popupObject,\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [prefix, size, prefixIcon, disabled, visible, popupProps]);\n}\n"],"names":["defaultPopupProps","trigger","placement","overlayClassName","overlayStyle","width","offsetWidth","props","useConfig","prefix","classPrefix","CLASSNAMES","useCommonClassName","disabled","prefixIcon","size","visible","popupProps","useMemo","selectClassName","classNames","STATUS","active","SIZE","popupObject","Object","assign","popupClassName"],"mappings":";;;;;;;;;;;;;;AAOA,IAAMA,oBAAgC;AACpCC,EAAAA,SAAS,OAD2B;AAEpCC,EAAAA,WAAW,aAFyB;AAGpCC,EAAAA,kBAAkB,EAHkB;AAIpCC,EAAAA,cAAc,sBAACH,OAAD;AAAA;AACZI,MAAAA,iBAAUJ,QAAQK;KADN;AAAA;AAJsB,CAAtC;6BAa4CC,OAA8B;mBACxCC;MAAXC,oBAAbC;;MACFC,aAAaC;MAEXC,WAAoDN,MAApDM;MAAUC,aAA0CP,MAA1CO;MAAYC,OAA8BR,MAA9BQ;MAAMC,UAAwBT,MAAxBS;MAASC,aAAeV,MAAfU;SAEtCC,QAAQ,YAAM;AAAA;;QACbC,kBAAkBC,qBAAcX,oEACnCE,WAAWU,MAAX,CAAkBR,UAAWA,wCAC7BF,WAAWU,MAAX,CAAkBC,QAASN,uCAC3BL,WAAWY,IAAX,CAAgBR,IAAhB,GAAwBA,8CACrBN,wBAAsBK;QAGtBU,cAAcC,OAAOC,MAAP,CAAc1B,iBAAd,EAAiCiB,UAAjC;QAEdU,iBAAiBP,WAAWI,YAAYrB,4BAAqBM,6BAA0B;WAEtF;AACLU,MAAAA,iBAAAA,eADK;AAELQ,MAAAA,gBAAAA,cAFK;AAGLH,MAAAA,aAAAA;AAHK;KAMN,CAACf,MAAD,EAASM,IAAT,EAAeD,UAAf,EAA2BD,QAA3B,EAAqCG,OAArC,EAA8CC,UAA9C;;;;;"}

package/lib/upload/dragger.d.ts

@@ -1,6 +1,6 @@
 import { FC, DragEvent } from 'react';
-import { TNode } from '../_type/common';
-import { TriggerContext, UploadFile, UploadRemoveContext } from '../_type/components/upload';
+import { TNode } from '../common';
+import { TriggerContext, UploadFile, UploadRemoveContext } from './type';
 export interface DraggerProps {
     file?: UploadFile;
     display?: string;

package/lib/upload/dragger.js

@@ -1,22 +1,22 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _slicedToArray } from '../_chunks/dep-2f008905.js';
+import { _ as _slicedToArray } from '../_chunks/dep-fff59b5a.js';
 import React__default, { useState } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
 import DraggerProgress from './themes/dragger-progress.js';
-import '../_chunks/dep-6a5b1968.js';
+import '../_chunks/dep-4c3606c3.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import 'tdesign-icons-react';
 import '../button/index.js';
 import '../button/Button.js';
-import '../_chunks/dep-efe7433b.js';
-import '../_chunks/dep-016d27a7.js';
+import '../_chunks/dep-53c6c586.js';
+import '../_chunks/dep-b3d60655.js';
 import '../_util/noop.js';
 import '../_util/useRipple.js';
 import '../_util/setStyle.js';
@@ -25,16 +25,15 @@ import '../loading/loading.js';
 import 'react-dom';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-748f57d4.js';
-import '../_chunks/dep-f879eead.js';
-import '../_chunks/dep-1189939f.js';
-import '../_chunks/dep-074cf15e.js';
-import '../_chunks/dep-4c6e8221.js';
+import '../_chunks/dep-0cdc5a07.js';
+import '../_chunks/dep-3072ff80.js';
+import '../_chunks/dep-601473bd.js';
+import '../_chunks/dep-785f8869.js';
+import '../_chunks/dep-aa8beec4.js';
 import '../_util/easing.js';
 import '../common/Portal.js';
-import '../_chunks/dep-65c183dc.js';
 import './util.js';
-import '../_chunks/dep-2eeaa58b.js';
+import '../_chunks/dep-f405fda4.js';
 
 var Dragger = function Dragger(props) {
   var file = props.file,

package/lib/upload/dragger.js.map

@@ -1 +1 @@
-{"version":3,"file":"dragger.js","sources":["../../src/upload/dragger.tsx"],"sourcesContent":["import React, { FC, useState, DragEvent } from 'react';\nimport classNames from 'classnames';\nimport { TNode } from '../_type/common';\nimport { TriggerContext, UploadFile, UploadRemoveContext } from '../_type/components/upload';\nimport useConfig from '../_util/useConfig';\nimport DraggerProgress from './themes/dragger-progress';\n\nexport interface DraggerProps {\n  file?: UploadFile;\n  display?: string;\n  trigger?: string | TNode<TriggerContext>;\n  onCancel?: () => void;\n  onTrigger?: () => void;\n  onRemove?: (context: UploadRemoveContext) => void;\n  onUpload?: (uploadFile: UploadFile) => void;\n  onChange?: (files: FileList) => void;\n  onDragenter?: (e: DragEvent) => void;\n  onDragleave?: (e: DragEvent) => void;\n}\n\nconst Dragger: FC<DraggerProps> = (props) => {\n  const { file, display, onUpload, onRemove } = props;\n  const { classPrefix } = useConfig();\n  const [dragActive, setDragActive] = useState(false);\n  const target = React.useRef();\n\n  const classes = classNames(\n    `${classPrefix}-upload__dragger`,\n    !file ? `${classPrefix}-upload__dragger-center` : '',\n    file?.status === 'fail' ? `${classPrefix}-upload__dragger-error` : '',\n  );\n\n  const defaultDragElement = React.useMemo(() => {\n    const unActiveElement = (\n      <div>\n        <span className={`${classPrefix}-upload__highlight`}>点击上传</span>\n        <span>&nbsp;&nbsp;/&nbsp;&nbsp;拖拽到此区域</span>\n      </div>\n    );\n    const activeElement = <div>释放鼠标</div>;\n    return dragActive ? activeElement : unActiveElement;\n  }, [classPrefix, dragActive]);\n\n  const dragElement = React.useMemo(() => {\n    let content: React.ReactNode;\n    if (file && display !== 'custom') {\n      content = (\n        <DraggerProgress\n          onRemove={onRemove}\n          display={display}\n          onTrigger={props.onTrigger}\n          file={file}\n          onUpload={() => {\n            onUpload?.(file);\n          }}\n        />\n      );\n    } else {\n      content = (\n        <div className={`${classPrefix}-upload__trigger`} onClick={props.onTrigger}>\n          {props.children || defaultDragElement}\n        </div>\n      );\n    }\n\n    return content;\n  }, [classPrefix, defaultDragElement, display, file, onRemove, onUpload, props.children, props.onTrigger]);\n\n  const handleDrop = (event: DragEvent) => {\n    event.preventDefault();\n    props.onChange?.(event.dataTransfer.files);\n    props.onDragleave?.(event);\n    setDragActive(false);\n  };\n\n  const handleDragenter = (event: DragEvent) => {\n    event.preventDefault();\n    props.onDragenter?.(event);\n    setDragActive(true);\n  };\n\n  const handleDragleave = (event: DragEvent) => {\n    if (!target.current) return;\n    event.preventDefault();\n    props.onDragleave?.(event);\n    setDragActive(false);\n  };\n\n  const handleDragover = (event: DragEvent) => {\n    event.preventDefault();\n  };\n\n  return (\n    <div\n      ref={target}\n      className={classes}\n      onDrop={handleDrop}\n      onDragEnter={handleDragenter}\n      onDragOver={handleDragover}\n      onDragLeave={handleDragleave}\n    >\n      {dragElement}\n    </div>\n  );\n};\n\nexport default Dragger;\n"],"names":["Dragger","props","file","display","onUpload","onRemove","useConfig","classPrefix","useState","dragActive","setDragActive","target","React","useRef","classes","classNames","status","defaultDragElement","useMemo","unActiveElement","className","activeElement","dragElement","content","DraggerProgress","onTrigger","onClick","children","handleDrop","event","preventDefault","onChange","dataTransfer","files","onDragleave","handleDragenter","onDragenter","handleDragleave","current","handleDragover","ref","onDrop","onDragEnter","onDragOver","onDragLeave"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoBMA,UAA4B,SAA5BA,OAA4B,CAACC,KAAD,EAAW;MACnCC,OAAsCD,MAAtCC;MAAMC,UAAgCF,MAAhCE;MAASC,YAAuBH,MAAvBG;MAAUC,WAAaJ,MAAbI;;mBACTC;MAAhBC,yBAAAA;;kBAC4BC,SAAS;;MAAtCC;MAAYC;;MACbC,SAASC,eAAMC,MAAN;MAETC,UAAUC,qBACXR,kCACH,CAACL,IAAD,aAAWK,WAAX,+BAAkD,IAClD,CAAAL,aAAA,IAAAA,eAAA,YAAAA,KAAMc,MAAN,MAAiB,MAAjB,aAA6BT,WAA7B,8BAAmE;MAG/DU,qBAAqBL,eAAMM,OAAN,CAAc,YAAM;QACvCC,8DACH,OAAD,kDACG,QAAD;AAAMC,MAAAA,qBAAcb;AAApB,OAAqD,yEACpD,QAAD,MAAM;QAGJc,4DAAiB,OAAD,MAAK;WACpBZ,aAAaY,gBAAgBF;GARX,EASxB,CAACZ,WAAD,EAAcE,UAAd,CATwB;MAWrBa,cAAcV,eAAMM,OAAN,CAAc,YAAM;QAClCK;;QACArB,QAAQC,YAAY,UAAU;4DAE7BqB,iBAAD;AACEnB,QAAAA,UAAAA,QADF;AAEEF,QAAAA,SAAAA,OAFF;AAGEsB,QAAAA,WAAWxB,MAAMwB,SAHnB;AAIEvB,QAAAA,MAAAA,IAJF;AAKEE,QAAAA,UAAU,oBAAM;0EACHF;;AANf;WAUG;4DAEF,OAAD;AAAKkB,QAAAA,qBAAcb,gCAAnB;AAAkDmB,QAAAA,SAASzB,MAAMwB;AAAjE,SACGxB,MAAM0B,QAAN,IAAkBV;;;WAKlBM;GAtBW,EAuBjB,CAAChB,WAAD,EAAcU,kBAAd,EAAkCd,OAAlC,EAA2CD,IAA3C,EAAiDG,QAAjD,EAA2DD,SAA3D,EAAqEH,MAAM0B,QAA3E,EAAqF1B,MAAMwB,SAA3F,CAvBiB;;MAyBdG,aAAa,SAAbA,UAAa,CAACC,KAAD,EAAsB;AAAA;;UACjCC;6BACAC,wFAAWF,MAAMG,YAAN,CAAmBC;gCAC9BC,iGAAcL;kBACN;;;MAGVM,kBAAkB,SAAlBA,eAAkB,CAACN,KAAD,EAAsB;AAAA;;UACtCC;gCACAM,iGAAcP;kBACN;;;MAGVQ,kBAAkB,SAAlBA,eAAkB,CAACR,KAAD,EAAsB;AAAA;;QACxC,CAAClB,OAAO2B;UACNR;iCACAI,mGAAcL;kBACN;;;MAGVU,iBAAiB,SAAjBA,cAAiB,CAACV,KAAD,EAAsB;UACrCC;;;qDAIL,OAAD;AACEU,IAAAA,KAAK7B,MADP;AAEES,IAAAA,WAAWN,OAFb;AAGE2B,IAAAA,QAAQb,UAHV;AAIEc,IAAAA,aAAaP,eAJf;AAKEQ,IAAAA,YAAYJ,cALd;AAMEK,IAAAA,aAAaP;AANf,KAQGf;;;;;"}
+{"version":3,"file":"dragger.js","sources":["../../src/upload/dragger.tsx"],"sourcesContent":["import React, { FC, useState, DragEvent } from 'react';\nimport classNames from 'classnames';\nimport { TNode } from '../common';\nimport { TriggerContext, UploadFile, UploadRemoveContext } from './type';\nimport useConfig from '../_util/useConfig';\nimport DraggerProgress from './themes/dragger-progress';\n\nexport interface DraggerProps {\n  file?: UploadFile;\n  display?: string;\n  trigger?: string | TNode<TriggerContext>;\n  onCancel?: () => void;\n  onTrigger?: () => void;\n  onRemove?: (context: UploadRemoveContext) => void;\n  onUpload?: (uploadFile: UploadFile) => void;\n  onChange?: (files: FileList) => void;\n  onDragenter?: (e: DragEvent) => void;\n  onDragleave?: (e: DragEvent) => void;\n}\n\nconst Dragger: FC<DraggerProps> = (props) => {\n  const { file, display, onUpload, onRemove } = props;\n  const { classPrefix } = useConfig();\n  const [dragActive, setDragActive] = useState(false);\n  const target = React.useRef();\n\n  const classes = classNames(\n    `${classPrefix}-upload__dragger`,\n    !file ? `${classPrefix}-upload__dragger-center` : '',\n    file?.status === 'fail' ? `${classPrefix}-upload__dragger-error` : '',\n  );\n\n  const defaultDragElement = React.useMemo(() => {\n    const unActiveElement = (\n      <div>\n        <span className={`${classPrefix}-upload__highlight`}>点击上传</span>\n        <span>&nbsp;&nbsp;/&nbsp;&nbsp;拖拽到此区域</span>\n      </div>\n    );\n    const activeElement = <div>释放鼠标</div>;\n    return dragActive ? activeElement : unActiveElement;\n  }, [classPrefix, dragActive]);\n\n  const dragElement = React.useMemo(() => {\n    let content: React.ReactNode;\n    if (file && display !== 'custom') {\n      content = (\n        <DraggerProgress\n          onRemove={onRemove}\n          display={display}\n          onTrigger={props.onTrigger}\n          file={file}\n          onUpload={() => {\n            onUpload?.(file);\n          }}\n        />\n      );\n    } else {\n      content = (\n        <div className={`${classPrefix}-upload__trigger`} onClick={props.onTrigger}>\n          {props.children || defaultDragElement}\n        </div>\n      );\n    }\n\n    return content;\n  }, [classPrefix, defaultDragElement, display, file, onRemove, onUpload, props.children, props.onTrigger]);\n\n  const handleDrop = (event: DragEvent) => {\n    event.preventDefault();\n    props.onChange?.(event.dataTransfer.files);\n    props.onDragleave?.(event);\n    setDragActive(false);\n  };\n\n  const handleDragenter = (event: DragEvent) => {\n    event.preventDefault();\n    props.onDragenter?.(event);\n    setDragActive(true);\n  };\n\n  const handleDragleave = (event: DragEvent) => {\n    if (!target.current) return;\n    event.preventDefault();\n    props.onDragleave?.(event);\n    setDragActive(false);\n  };\n\n  const handleDragover = (event: DragEvent) => {\n    event.preventDefault();\n  };\n\n  return (\n    <div\n      ref={target}\n      className={classes}\n      onDrop={handleDrop}\n      onDragEnter={handleDragenter}\n      onDragOver={handleDragover}\n      onDragLeave={handleDragleave}\n    >\n      {dragElement}\n    </div>\n  );\n};\n\nexport default Dragger;\n"],"names":["Dragger","props","file","display","onUpload","onRemove","useConfig","classPrefix","useState","dragActive","setDragActive","target","React","useRef","classes","classNames","status","defaultDragElement","useMemo","unActiveElement","className","activeElement","dragElement","content","DraggerProgress","onTrigger","onClick","children","handleDrop","event","preventDefault","onChange","dataTransfer","files","onDragleave","handleDragenter","onDragenter","handleDragleave","current","handleDragover","ref","onDrop","onDragEnter","onDragOver","onDragLeave"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoBMA,UAA4B,SAA5BA,OAA4B,CAACC,KAAD,EAAW;MACnCC,OAAsCD,MAAtCC;MAAMC,UAAgCF,MAAhCE;MAASC,YAAuBH,MAAvBG;MAAUC,WAAaJ,MAAbI;;mBACTC;MAAhBC,yBAAAA;;kBAC4BC,SAAS;;MAAtCC;MAAYC;;MACbC,SAASC,eAAMC,MAAN;MAETC,UAAUC,qBACXR,kCACH,CAACL,IAAD,aAAWK,WAAX,+BAAkD,IAClD,CAAAL,aAAA,IAAAA,eAAA,YAAAA,KAAMc,MAAN,MAAiB,MAAjB,aAA6BT,WAA7B,8BAAmE;MAG/DU,qBAAqBL,eAAMM,OAAN,CAAc,YAAM;QACvCC,8DACH,OAAD,kDACG,QAAD;AAAMC,MAAAA,qBAAcb;AAApB,OAAqD,yEACpD,QAAD,MAAM;QAGJc,4DAAiB,OAAD,MAAK;WACpBZ,aAAaY,gBAAgBF;GARX,EASxB,CAACZ,WAAD,EAAcE,UAAd,CATwB;MAWrBa,cAAcV,eAAMM,OAAN,CAAc,YAAM;QAClCK;;QACArB,QAAQC,YAAY,UAAU;4DAE7BqB,iBAAD;AACEnB,QAAAA,UAAAA,QADF;AAEEF,QAAAA,SAAAA,OAFF;AAGEsB,QAAAA,WAAWxB,MAAMwB,SAHnB;AAIEvB,QAAAA,MAAAA,IAJF;AAKEE,QAAAA,UAAU,oBAAM;0EACHF;;AANf;WAUG;4DAEF,OAAD;AAAKkB,QAAAA,qBAAcb,gCAAnB;AAAkDmB,QAAAA,SAASzB,MAAMwB;AAAjE,SACGxB,MAAM0B,QAAN,IAAkBV;;;WAKlBM;GAtBW,EAuBjB,CAAChB,WAAD,EAAcU,kBAAd,EAAkCd,OAAlC,EAA2CD,IAA3C,EAAiDG,QAAjD,EAA2DD,SAA3D,EAAqEH,MAAM0B,QAA3E,EAAqF1B,MAAMwB,SAA3F,CAvBiB;;MAyBdG,aAAa,SAAbA,UAAa,CAACC,KAAD,EAAsB;AAAA;;UACjCC;6BACAC,wFAAWF,MAAMG,YAAN,CAAmBC;gCAC9BC,iGAAcL;kBACN;;;MAGVM,kBAAkB,SAAlBA,eAAkB,CAACN,KAAD,EAAsB;AAAA;;UACtCC;gCACAM,iGAAcP;kBACN;;;MAGVQ,kBAAkB,SAAlBA,eAAkB,CAACR,KAAD,EAAsB;AAAA;;QACxC,CAAClB,OAAO2B;UACNR;iCACAI,mGAAcL;kBACN;;;MAGVU,iBAAiB,SAAjBA,cAAiB,CAACV,KAAD,EAAsB;UACrCC;;;qDAIL,OAAD;AACEU,IAAAA,KAAK7B,MADP;AAEES,IAAAA,WAAWN,OAFb;AAGE2B,IAAAA,QAAQb,UAHV;AAIEc,IAAAA,aAAaP,eAJf;AAKEQ,IAAAA,YAAYJ,cALd;AAMEK,IAAAA,aAAaP;AANf,KAQGf;;;;;"}

package/lib/upload/hooks/useDefaultValue.js

@@ -1,17 +1,17 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-efe7433b.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-2f008905.js';
-import { _ as _objectWithoutProperties } from '../../_chunks/dep-016d27a7.js';
+import { _ as _defineProperty } from '../../_chunks/dep-53c6c586.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-fff59b5a.js';
+import { _ as _objectWithoutProperties } from '../../_chunks/dep-b3d60655.js';
 import { useMemo } from 'react';
-import { i as isArray_1 } from '../../_chunks/dep-074cf15e.js';
+import { i as isArray_1 } from '../../_chunks/dep-785f8869.js';
 import useDefault from '../../_util/useDefault.js';
 import noop from '../../_util/noop.js';
-import '../../_chunks/dep-6a5b1968.js';
+import '../../_chunks/dep-4c3606c3.js';
 
 var _excluded = ["value", "defaultFiles", "files", "onChange"];
 

package/lib/upload/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { TdUploadProps as UploadProps } from '../_type/components/upload';
+import type { TdUploadProps as UploadProps } from './type';
 import './style/index.js';
 export declare const Upload: import("react").ForwardRefExoticComponent<UploadProps & import("react").RefAttributes<unknown>>;
 export type { UploadProps };
-export * from '../_type/components/upload';
+export * from './type';
 export default Upload;

package/lib/upload/index.js

@@ -1,27 +1,27 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import _Upload from './upload.js';
-import '../_chunks/dep-efe7433b.js';
-import '../_chunks/dep-2f008905.js';
-import '../_chunks/dep-6a5b1968.js';
+import '../_chunks/dep-53c6c586.js';
+import '../_chunks/dep-fff59b5a.js';
+import '../_chunks/dep-4c3606c3.js';
 import 'react';
-import '../_chunks/dep-5bf9b67f.js';
-import '../_chunks/dep-ec7c70e8.js';
-import '../_chunks/dep-f879eead.js';
-import '../_chunks/dep-1189939f.js';
-import '../_chunks/dep-10546ff8.js';
-import '../_chunks/dep-4c6e8221.js';
-import '../_chunks/dep-c6319c67.js';
-import '../_chunks/dep-1599f0a8.js';
-import '../_chunks/dep-0d083983.js';
-import '../_chunks/dep-8feebb03.js';
-import '../_chunks/dep-055db390.js';
-import '../_chunks/dep-074cf15e.js';
-import '../_chunks/dep-d5ea2e86.js';
+import '../_chunks/dep-cbf06970.js';
+import '../_chunks/dep-18e14c45.js';
+import '../_chunks/dep-3072ff80.js';
+import '../_chunks/dep-601473bd.js';
+import '../_chunks/dep-0d406d60.js';
+import '../_chunks/dep-aa8beec4.js';
+import '../_chunks/dep-bd015982.js';
+import '../_chunks/dep-62256c26.js';
+import '../_chunks/dep-02f1a98a.js';
+import '../_chunks/dep-204550b9.js';
+import '../_chunks/dep-c5b8c162.js';
+import '../_chunks/dep-785f8869.js';
+import '../_chunks/dep-59c3a435.js';
 import './dragger.js';
 import 'classnames';
 import '../_util/useConfig.js';
@@ -31,7 +31,7 @@ import './themes/dragger-progress.js';
 import 'tdesign-icons-react';
 import '../button/index.js';
 import '../button/Button.js';
-import '../_chunks/dep-016d27a7.js';
+import '../_chunks/dep-b3d60655.js';
 import '../_util/noop.js';
 import '../_util/useRipple.js';
 import '../_util/setStyle.js';
@@ -40,15 +40,14 @@ import '../loading/loading.js';
 import 'react-dom';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-748f57d4.js';
+import '../_chunks/dep-0cdc5a07.js';
 import '../_util/easing.js';
 import '../common/Portal.js';
-import '../_chunks/dep-65c183dc.js';
 import './util.js';
-import '../_chunks/dep-2eeaa58b.js';
+import '../_chunks/dep-f405fda4.js';
 import './upload-trigger.js';
 import './tips.js';
-import './utils/request.js';
+import '../_common/js/upload/xhr.js';
 import './themes/single-file.js';
 import './themes/image-card.js';
 import '../dialog/index.js';

package/lib/upload/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/upload/index.tsx"],"sourcesContent":["import _Upload from './upload';\nimport type { TdUploadProps as UploadProps } from '../_type/components/upload';\nimport './style/index.js';\n\nexport const Upload = _Upload;\n\nexport type { UploadProps };\nexport * from '../_type/components/upload';\n\nexport default Upload;\n"],"names":["Upload","_Upload"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIaA,SAASC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/upload/index.tsx"],"sourcesContent":["import _Upload from './upload';\nimport type { TdUploadProps as UploadProps } from './type';\nimport './style/index.js';\n\nexport const Upload = _Upload;\n\nexport type { UploadProps };\nexport * from './type';\n\nexport default Upload;\n"],"names":["Upload","_Upload"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIaA,SAASC;;;;"}

package/lib/upload/themes/dragger-progress.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { UploadFile, UploadRemoveContext } from '../../_type/components/upload';
+import { UploadFile, UploadRemoveContext } from '../type';
 export interface DraggerProgressProps {
     display?: string;
     file: UploadFile;

package/lib/upload/themes/dragger-progress.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -11,8 +11,8 @@ import { Loading } from '../../loading/index.js';
 import useConfig from '../../_util/useConfig.js';
 import { abridgeName, returnFileSize, getCurrentDate } from '../util.js';
 import '../../button/Button.js';
-import '../../_chunks/dep-efe7433b.js';
-import '../../_chunks/dep-016d27a7.js';
+import '../../_chunks/dep-53c6c586.js';
+import '../../_chunks/dep-b3d60655.js';
 import 'classnames';
 import '../../_util/noop.js';
 import '../../_util/useRipple.js';
@@ -20,20 +20,19 @@ import '../../_util/setStyle.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
 import '../../loading/loading.js';
-import '../../_chunks/dep-2f008905.js';
-import '../../_chunks/dep-6a5b1968.js';
+import '../../_chunks/dep-fff59b5a.js';
+import '../../_chunks/dep-4c3606c3.js';
 import 'react-dom';
 import '../../_util/dom.js';
 import 'raf';
-import '../../_chunks/dep-748f57d4.js';
-import '../../_chunks/dep-f879eead.js';
-import '../../_chunks/dep-1189939f.js';
-import '../../_chunks/dep-074cf15e.js';
-import '../../_chunks/dep-4c6e8221.js';
+import '../../_chunks/dep-0cdc5a07.js';
+import '../../_chunks/dep-3072ff80.js';
+import '../../_chunks/dep-601473bd.js';
+import '../../_chunks/dep-785f8869.js';
+import '../../_chunks/dep-aa8beec4.js';
 import '../../_util/easing.js';
 import '../../common/Portal.js';
-import '../../_chunks/dep-65c183dc.js';
-import '../../_chunks/dep-2eeaa58b.js';
+import '../../_chunks/dep-f405fda4.js';
 
 var DraggerProgress = function DraggerProgress(props) {
   var file = props.file,

package/lib/upload/themes/dragger-progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"dragger-progress.js","sources":["../../../src/upload/themes/dragger-progress.tsx"],"sourcesContent":["import React, { FC, useCallback } from 'react';\nimport { CheckCircleFilledIcon, ErrorCircleFilledIcon } from 'tdesign-icons-react';\nimport Button from '../../button';\nimport Loading from '../../loading';\nimport useConfig from '../../_util/useConfig';\nimport { UploadFile, UploadRemoveContext } from '../../_type/components/upload';\nimport { returnFileSize, abridgeName, getCurrentDate } from '../util';\n\nexport interface DraggerProgressProps {\n  display?: string;\n  file: UploadFile;\n  onTrigger?: () => void;\n  onRemove?: (context: UploadRemoveContext) => void;\n  onUpload?: () => void;\n}\n\nconst DraggerProgress: FC<DraggerProgressProps> = (props) => {\n  const { file, onUpload, onRemove, display, onTrigger } = props;\n  const { classPrefix } = useConfig();\n\n  const reUpload = (e) => {\n    onRemove?.({ e, file, index: 0 });\n    onTrigger?.();\n  };\n\n  const showResultOperate = React.useMemo(() => ['success', 'fail'].includes(file?.status), [file]);\n\n  const handleRemove = (e) => {\n    onRemove?.({ e, file, index: 0 });\n  };\n\n  const renderUploading = useCallback(() => {\n    if (file?.status === 'fail') {\n      return <ErrorCircleFilledIcon />;\n    }\n    if (file?.status === 'progress') {\n      return (\n        <div className=\"t-upload__single-progress\">\n          <Loading loading={true} size=\"small\" />\n          <span className=\"t-upload__single-percent\">{Math.min(file?.percent || 0, 99)}%</span>\n        </div>\n      );\n    }\n  }, [file]);\n\n  return (\n    <div className={`${classPrefix}-upload__dragger-progress`}>\n      {display === 'image' && (\n        <div className=\"t-upload__dragger-img-wrap\">{file && <img src={file.url || 'default.png'} />}</div>\n      )}\n      <div className={`${classPrefix}-upload__dragger-progress-info`}>\n        <div className={`${classPrefix}-upload__dragger-text`}>\n          <span className={`${classPrefix}-upload__single-name`}>{abridgeName(file?.name)}</span>\n          {file?.status !== 'success' && renderUploading()}\n          {file?.status === 'success' && <CheckCircleFilledIcon />}\n        </div>\n        <small className={`${classPrefix}-upload__small`}>文件大小：{returnFileSize(file?.size)}</small>\n        <small className={`${classPrefix}-upload__small`}>上传日期：{getCurrentDate()}</small>\n        {!['success', 'fail'].includes(file?.status) && (\n          <div className={`${classPrefix}-upload__dragger-btns`}>\n            <Button\n              theme=\"primary\"\n              variant=\"text\"\n              className={`${classPrefix}-upload__dragger-progress-cancel`}\n              onClick={handleRemove}\n            >\n              取消上传\n            </Button>\n            <Button theme=\"primary\" variant=\"text\" onClick={onUpload}>\n              点击上传\n            </Button>\n          </div>\n        )}\n        {showResultOperate && (\n          <div className=\"t-upload__dragger-btns\">\n            <Button theme=\"primary\" variant=\"text\" className=\"t-upload__dragger-progress-cancel\" onClick={reUpload}>\n              重新上传\n            </Button>\n            <Button theme=\"primary\" variant=\"text\" onClick={handleRemove}>\n              删除\n            </Button>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default DraggerProgress;\n"],"names":["DraggerProgress","props","file","onUpload","onRemove","display","onTrigger","useConfig","classPrefix","reUpload","e","index","showResultOperate","React","useMemo","includes","status","handleRemove","renderUploading","useCallback","ErrorCircleFilledIcon","className","Loading","loading","size","Math","min","percent","src","url","abridgeName","name","CheckCircleFilledIcon","returnFileSize","getCurrentDate","Button","theme","variant","onClick"],"mappings":"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"}
+{"version":3,"file":"dragger-progress.js","sources":["../../../src/upload/themes/dragger-progress.tsx"],"sourcesContent":["import React, { FC, useCallback } from 'react';\nimport { CheckCircleFilledIcon, ErrorCircleFilledIcon } from 'tdesign-icons-react';\nimport Button from '../../button';\nimport Loading from '../../loading';\nimport useConfig from '../../_util/useConfig';\nimport { UploadFile, UploadRemoveContext } from '../type';\nimport { returnFileSize, abridgeName, getCurrentDate } from '../util';\n\nexport interface DraggerProgressProps {\n  display?: string;\n  file: UploadFile;\n  onTrigger?: () => void;\n  onRemove?: (context: UploadRemoveContext) => void;\n  onUpload?: () => void;\n}\n\nconst DraggerProgress: FC<DraggerProgressProps> = (props) => {\n  const { file, onUpload, onRemove, display, onTrigger } = props;\n  const { classPrefix } = useConfig();\n\n  const reUpload = (e) => {\n    onRemove?.({ e, file, index: 0 });\n    onTrigger?.();\n  };\n\n  const showResultOperate = React.useMemo(() => ['success', 'fail'].includes(file?.status), [file]);\n\n  const handleRemove = (e) => {\n    onRemove?.({ e, file, index: 0 });\n  };\n\n  const renderUploading = useCallback(() => {\n    if (file?.status === 'fail') {\n      return <ErrorCircleFilledIcon />;\n    }\n    if (file?.status === 'progress') {\n      return (\n        <div className=\"t-upload__single-progress\">\n          <Loading loading={true} size=\"small\" />\n          <span className=\"t-upload__single-percent\">{Math.min(file?.percent || 0, 99)}%</span>\n        </div>\n      );\n    }\n  }, [file]);\n\n  return (\n    <div className={`${classPrefix}-upload__dragger-progress`}>\n      {display === 'image' && (\n        <div className=\"t-upload__dragger-img-wrap\">{file && <img src={file.url || 'default.png'} />}</div>\n      )}\n      <div className={`${classPrefix}-upload__dragger-progress-info`}>\n        <div className={`${classPrefix}-upload__dragger-text`}>\n          <span className={`${classPrefix}-upload__single-name`}>{abridgeName(file?.name)}</span>\n          {file?.status !== 'success' && renderUploading()}\n          {file?.status === 'success' && <CheckCircleFilledIcon />}\n        </div>\n        <small className={`${classPrefix}-upload__small`}>文件大小：{returnFileSize(file?.size)}</small>\n        <small className={`${classPrefix}-upload__small`}>上传日期：{getCurrentDate()}</small>\n        {!['success', 'fail'].includes(file?.status) && (\n          <div className={`${classPrefix}-upload__dragger-btns`}>\n            <Button\n              theme=\"primary\"\n              variant=\"text\"\n              className={`${classPrefix}-upload__dragger-progress-cancel`}\n              onClick={handleRemove}\n            >\n              取消上传\n            </Button>\n            <Button theme=\"primary\" variant=\"text\" onClick={onUpload}>\n              点击上传\n            </Button>\n          </div>\n        )}\n        {showResultOperate && (\n          <div className=\"t-upload__dragger-btns\">\n            <Button theme=\"primary\" variant=\"text\" className=\"t-upload__dragger-progress-cancel\" onClick={reUpload}>\n              重新上传\n            </Button>\n            <Button theme=\"primary\" variant=\"text\" onClick={handleRemove}>\n              删除\n            </Button>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default DraggerProgress;\n"],"names":["DraggerProgress","props","file","onUpload","onRemove","display","onTrigger","useConfig","classPrefix","reUpload","e","index","showResultOperate","React","useMemo","includes","status","handleRemove","renderUploading","useCallback","ErrorCircleFilledIcon","className","Loading","loading","size","Math","min","percent","src","url","abridgeName","name","CheckCircleFilledIcon","returnFileSize","getCurrentDate","Button","theme","variant","onClick"],"mappings":"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"}

package/lib/upload/themes/image-card.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { UploadRemoveContext } from '../../_type/components/upload';
+import { UploadRemoveContext } from '../type';
 import { TdUploadFile } from '../types';
 export interface ImageCardProps {
     files?: TdUploadFile[];

package/lib/upload/themes/image-card.js

@@ -1,35 +1,34 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _slicedToArray } from '../../_chunks/dep-2f008905.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-fff59b5a.js';
 import React__default, { useState, Fragment } from 'react';
 import { BrowseIcon, DeleteIcon, AddIcon } from 'tdesign-icons-react';
 import { Loading } from '../../loading/index.js';
 import { Dialog } from '../../dialog/index.js';
 import useConfig from '../../_util/useConfig.js';
 import { finishUpload } from '../util.js';
-import '../../_chunks/dep-6a5b1968.js';
+import '../../_chunks/dep-4c3606c3.js';
 import '../../loading/loading.js';
-import '../../_chunks/dep-efe7433b.js';
+import '../../_chunks/dep-53c6c586.js';
 import 'react-dom';
 import 'classnames';
 import '../../_util/dom.js';
 import 'raf';
-import '../../_chunks/dep-748f57d4.js';
-import '../../_chunks/dep-f879eead.js';
-import '../../_chunks/dep-1189939f.js';
-import '../../_chunks/dep-074cf15e.js';
-import '../../_chunks/dep-4c6e8221.js';
+import '../../_chunks/dep-0cdc5a07.js';
+import '../../_chunks/dep-3072ff80.js';
+import '../../_chunks/dep-601473bd.js';
+import '../../_chunks/dep-785f8869.js';
+import '../../_chunks/dep-aa8beec4.js';
 import '../../_util/easing.js';
 import '../../common/Portal.js';
-import '../../_chunks/dep-65c183dc.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
 import '../../dialog/Dialog.js';
-import '../../_chunks/dep-016d27a7.js';
+import '../../_chunks/dep-b3d60655.js';
 import '../../locale/LocalReceiver.js';
 import '../../button/index.js';
 import '../../button/Button.js';
@@ -40,7 +39,7 @@ import '../../dialog/RenderDialog.js';
 import 'react-transition-group';
 import '../../_util/useSetState.js';
 import '../../dialog/plugin.js';
-import '../../_chunks/dep-2eeaa58b.js';
+import '../../_chunks/dep-f405fda4.js';
 
 var ImageCard = function ImageCard(props) {
   var files = props.files,

package/lib/upload/themes/image-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-card.js","sources":["../../../src/upload/themes/image-card.tsx"],"sourcesContent":["import React, { FC, Fragment, useState } from 'react';\nimport { BrowseIcon, DeleteIcon, AddIcon } from 'tdesign-icons-react';\nimport Loading from '../../loading';\nimport Dialog from '../../dialog';\nimport useConfig from '../../_util/useConfig';\nimport { UploadRemoveContext } from '../../_type/components/upload';\nimport { finishUpload } from '../util';\nimport { TdUploadFile } from '../types';\n\nexport interface ImageCardProps {\n  files?: TdUploadFile[];\n  multiple?: boolean;\n  max?: number;\n  onTrigger: () => void;\n  onRemove?: (options: UploadRemoveContext) => void;\n}\n\nconst ImageCard: FC<ImageCardProps> = (props) => {\n  const { files, multiple = false, max = 0, onRemove } = props;\n  const { classPrefix } = useConfig();\n  const [showImg, setShowImg] = useState(false);\n  const [imgURL, setImgURL] = useState();\n\n  const preview = (file) => {\n    setShowImg(true);\n    setImgURL(file.url);\n  };\n\n  const showTrigger = React.useMemo(() => {\n    if (multiple) {\n      return !max || files.length < max;\n    }\n\n    return !(files && files[0]);\n  }, [files, max, multiple]);\n\n  return (\n    <Fragment>\n      <Dialog\n        visible={showImg}\n        showOverlay\n        width=\"auto\"\n        top=\"10%\"\n        className={`${classPrefix}-upload-dialog`}\n        footer={false}\n        header={false}\n        onClose={() => {\n          setShowImg(false);\n          setImgURL(null);\n        }}\n      >\n        <p className={`${classPrefix}-dialog__body-img-box`}>\n          <img src={imgURL} alt=\"\" />\n        </p>\n      </Dialog>\n      <ul className={`${classPrefix}-upload-card`}>\n        {files &&\n          files.map((file, index) => (\n            <li className={`${classPrefix}-upload-card__item ${classPrefix}-is--background`} key={index}>\n              {!finishUpload(file.status) ? (\n                <div className={`${classPrefix}-upload-card-container ${classPrefix}-upload-card__box`}>\n                  <Loading loading={true} size=\"medium\" />\n                  <p>上传中 {Math.min(files[0].percent, 99)}%</p>\n                </div>\n              ) : (\n                <div className={`${classPrefix}-upload-card__content ${classPrefix}-upload-card__box`}>\n                  <img className={`${classPrefix}-upload-card__image`} src={file.url} />\n                  <div className={`${classPrefix}-upload-card__mask`}>\n                    <span className={`${classPrefix}-upload-card__mask__item`} onClick={(e) => e.stopPropagation()}>\n                      <BrowseIcon\n                        onClick={() => {\n                          preview(file);\n                        }}\n                      />\n                    </span>\n                    <span className={`${classPrefix}-upload-card__mask__item-divider`} />\n                    <span className={`${classPrefix}-upload-card__mask__item`} onClick={(e) => e.stopPropagation()}>\n                      <DeleteIcon\n                        onClick={(e) => {\n                          onRemove?.({ e, file, index });\n                        }}\n                      />\n                    </span>\n                  </div>\n                </div>\n              )}\n            </li>\n          ))}\n        {showTrigger && (\n          <li className={`${classPrefix}-upload-card__item ${classPrefix}-is--background`} onClick={props.onTrigger}>\n            <div className={`${classPrefix}-upload-card-container ${classPrefix}-upload-card__box`}>\n              <AddIcon />\n              <p className={`${classPrefix}-upload__small`}>点击上传图片</p>\n            </div>\n          </li>\n        )}\n      </ul>\n    </Fragment>\n  );\n};\n\nexport default ImageCard;\n"],"names":["ImageCard","props","files","multiple","max","onRemove","useConfig","classPrefix","useState","showImg","setShowImg","imgURL","setImgURL","preview","file","url","showTrigger","React","useMemo","length","Fragment","Dialog","visible","showOverlay","width","top","className","footer","header","onClose","src","alt","map","index","key","finishUpload","status","Loading","loading","size","Math","min","percent","onClick","e","stopPropagation","BrowseIcon","DeleteIcon","onTrigger","AddIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiBMA,YAAgC,SAAhCA,SAAgC,CAACC,KAAD,EAAW;MACvCC,QAA+CD,MAA/CC;wBAA+CD,MAAxCE;MAAAA,wCAAW;mBAA6BF,MAAtBG;MAAAA,8BAAM;MAAGC,WAAaJ,MAAbI;;mBAClBC;MAAhBC,yBAAAA;;kBACsBC,SAAS;;MAAhCC;MAASC;;mBACYF;;MAArBG;MAAQC;;MAETC,UAAU,SAAVA,OAAU,CAACC,IAAD,EAAU;eACb;cACDA,KAAKC;;;MAGXC,cAAcC,eAAMC,OAAN,CAAc,YAAM;QAClCf,UAAU;aACL,CAACC,GAAD,IAAQF,MAAMiB,MAAN,GAAef;;;WAGzB,WAAWF,MAAM,EAAjB;GALW,EAMjB,CAACA,KAAD,EAAQE,GAAR,EAAaD,QAAb,CANiB;qDASjBiB,UAAD,kDACGC,QAAD;AACEC,IAAAA,SAASb,OADX;AAEEc,IAAAA,aAAW,IAFb;AAGEC,IAAAA,OAAM,MAHR;AAIEC,IAAAA,KAAI,KAJN;AAKEC,IAAAA,qBAAcnB,8BALhB;AAMEoB,IAAAA,QAAQ,KANV;AAOEC,IAAAA,QAAQ,KAPV;AAQEC,IAAAA,SAAS,mBAAM;iBACF;gBACD;;AAVd,iDAaG,KAAD;AAAGH,IAAAA,qBAAcnB;AAAjB,iDACG,OAAD;AAAKuB,IAAAA,KAAKnB,MAAV;AAAkBoB,IAAAA,KAAI;AAAtB,oDAGH,MAAD;AAAIL,IAAAA,qBAAcnB;AAAlB,KACGL,SACCA,MAAM8B,GAAN,CAAU,UAAClB,IAAD,EAAOmB,KAAP;AAAA,uDACP,MAAD;AAAIP,MAAAA,qBAAcnB,2CAAiCA,+BAAnD;AAAiF2B,MAAAA,KAAKD;AAAtF,OACG,CAACE,aAAarB,KAAKsB,OAAnB,+CACE,OAAD;AAAKV,MAAAA,qBAAcnB,+CAAqCA;AAAxD,mDACG8B,SAAD;AAASC,MAAAA,SAAS,IAAlB;AAAwBC,MAAAA,MAAK;AAA7B,oDACC,KAAD,MAAG,uBAAKC,KAAKC,GAAL,CAASvC,MAAM,EAAN,CAASwC,OAAlB,EAA2B,EAA3B,GAA+B,KAH1C,+CAME,OAAD;AAAKhB,MAAAA,qBAAcnB,8CAAoCA;AAAvD,mDACG,OAAD;AAAKmB,MAAAA,qBAAcnB,mCAAnB;AAAqDuB,MAAAA,KAAKhB,KAAKC;AAA/D,oDACC,OAAD;AAAKW,MAAAA,qBAAcnB;AAAnB,mDACG,QAAD;AAAMmB,MAAAA,qBAAcnB,wCAApB;AAA2DoC,MAAAA,SAAS,iBAACC,CAAD;AAAA,eAAOA,EAAEC,eAAF,EAAP;AAAA;AAApE,mDACGC,YAAD;AACEH,MAAAA,SAAS,mBAAM;gBACL7B;;AAFZ,qDAMD,QAAD;AAAMY,MAAAA,qBAAcnB;AAApB,oDACC,QAAD;AAAMmB,MAAAA,qBAAcnB,wCAApB;AAA2DoC,MAAAA,SAAS,iBAACC,CAAD;AAAA,eAAOA,EAAEC,eAAF,EAAP;AAAA;AAApE,mDACGE,YAAD;AACEJ,MAAAA,SAAS,iBAACC,CAAD,EAAO;qEACH;AAAEA,UAAAA,GAAAA,CAAF;AAAK9B,UAAAA,MAAAA,IAAL;AAAWmB,UAAAA,OAAAA;AAAX;;AAFf,UApBF;AAAA,GAAV,GA+BDjB,2DACE,MAAD;AAAIU,IAAAA,qBAAcnB,2CAAiCA,+BAAnD;AAAiFoC,IAAAA,SAAS1C,MAAM+C;AAAhG,iDACG,OAAD;AAAKtB,IAAAA,qBAAcnB,+CAAqCA;AAAxD,iDACG0C,SAAD,mDACC,KAAD;AAAGvB,IAAAA,qBAAcnB;AAAjB,KAA8C;;;;;"}
+{"version":3,"file":"image-card.js","sources":["../../../src/upload/themes/image-card.tsx"],"sourcesContent":["import React, { FC, Fragment, useState } from 'react';\nimport { BrowseIcon, DeleteIcon, AddIcon } from 'tdesign-icons-react';\nimport Loading from '../../loading';\nimport Dialog from '../../dialog';\nimport useConfig from '../../_util/useConfig';\nimport { UploadRemoveContext } from '../type';\nimport { finishUpload } from '../util';\nimport { TdUploadFile } from '../types';\n\nexport interface ImageCardProps {\n  files?: TdUploadFile[];\n  multiple?: boolean;\n  max?: number;\n  onTrigger: () => void;\n  onRemove?: (options: UploadRemoveContext) => void;\n}\n\nconst ImageCard: FC<ImageCardProps> = (props) => {\n  const { files, multiple = false, max = 0, onRemove } = props;\n  const { classPrefix } = useConfig();\n  const [showImg, setShowImg] = useState(false);\n  const [imgURL, setImgURL] = useState();\n\n  const preview = (file) => {\n    setShowImg(true);\n    setImgURL(file.url);\n  };\n\n  const showTrigger = React.useMemo(() => {\n    if (multiple) {\n      return !max || files.length < max;\n    }\n\n    return !(files && files[0]);\n  }, [files, max, multiple]);\n\n  return (\n    <Fragment>\n      <Dialog\n        visible={showImg}\n        showOverlay\n        width=\"auto\"\n        top=\"10%\"\n        className={`${classPrefix}-upload-dialog`}\n        footer={false}\n        header={false}\n        onClose={() => {\n          setShowImg(false);\n          setImgURL(null);\n        }}\n      >\n        <p className={`${classPrefix}-dialog__body-img-box`}>\n          <img src={imgURL} alt=\"\" />\n        </p>\n      </Dialog>\n      <ul className={`${classPrefix}-upload-card`}>\n        {files &&\n          files.map((file, index) => (\n            <li className={`${classPrefix}-upload-card__item ${classPrefix}-is--background`} key={index}>\n              {!finishUpload(file.status) ? (\n                <div className={`${classPrefix}-upload-card-container ${classPrefix}-upload-card__box`}>\n                  <Loading loading={true} size=\"medium\" />\n                  <p>上传中 {Math.min(files[0].percent, 99)}%</p>\n                </div>\n              ) : (\n                <div className={`${classPrefix}-upload-card__content ${classPrefix}-upload-card__box`}>\n                  <img className={`${classPrefix}-upload-card__image`} src={file.url} />\n                  <div className={`${classPrefix}-upload-card__mask`}>\n                    <span className={`${classPrefix}-upload-card__mask__item`} onClick={(e) => e.stopPropagation()}>\n                      <BrowseIcon\n                        onClick={() => {\n                          preview(file);\n                        }}\n                      />\n                    </span>\n                    <span className={`${classPrefix}-upload-card__mask__item-divider`} />\n                    <span className={`${classPrefix}-upload-card__mask__item`} onClick={(e) => e.stopPropagation()}>\n                      <DeleteIcon\n                        onClick={(e) => {\n                          onRemove?.({ e, file, index });\n                        }}\n                      />\n                    </span>\n                  </div>\n                </div>\n              )}\n            </li>\n          ))}\n        {showTrigger && (\n          <li className={`${classPrefix}-upload-card__item ${classPrefix}-is--background`} onClick={props.onTrigger}>\n            <div className={`${classPrefix}-upload-card-container ${classPrefix}-upload-card__box`}>\n              <AddIcon />\n              <p className={`${classPrefix}-upload__small`}>点击上传图片</p>\n            </div>\n          </li>\n        )}\n      </ul>\n    </Fragment>\n  );\n};\n\nexport default ImageCard;\n"],"names":["ImageCard","props","files","multiple","max","onRemove","useConfig","classPrefix","useState","showImg","setShowImg","imgURL","setImgURL","preview","file","url","showTrigger","React","useMemo","length","Fragment","Dialog","visible","showOverlay","width","top","className","footer","header","onClose","src","alt","map","index","key","finishUpload","status","Loading","loading","size","Math","min","percent","onClick","e","stopPropagation","BrowseIcon","DeleteIcon","onTrigger","AddIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiBMA,YAAgC,SAAhCA,SAAgC,CAACC,KAAD,EAAW;MACvCC,QAA+CD,MAA/CC;wBAA+CD,MAAxCE;MAAAA,wCAAW;mBAA6BF,MAAtBG;MAAAA,8BAAM;MAAGC,WAAaJ,MAAbI;;mBAClBC;MAAhBC,yBAAAA;;kBACsBC,SAAS;;MAAhCC;MAASC;;mBACYF;;MAArBG;MAAQC;;MAETC,UAAU,SAAVA,OAAU,CAACC,IAAD,EAAU;eACb;cACDA,KAAKC;;;MAGXC,cAAcC,eAAMC,OAAN,CAAc,YAAM;QAClCf,UAAU;aACL,CAACC,GAAD,IAAQF,MAAMiB,MAAN,GAAef;;;WAGzB,WAAWF,MAAM,EAAjB;GALW,EAMjB,CAACA,KAAD,EAAQE,GAAR,EAAaD,QAAb,CANiB;qDASjBiB,UAAD,kDACGC,QAAD;AACEC,IAAAA,SAASb,OADX;AAEEc,IAAAA,aAAW,IAFb;AAGEC,IAAAA,OAAM,MAHR;AAIEC,IAAAA,KAAI,KAJN;AAKEC,IAAAA,qBAAcnB,8BALhB;AAMEoB,IAAAA,QAAQ,KANV;AAOEC,IAAAA,QAAQ,KAPV;AAQEC,IAAAA,SAAS,mBAAM;iBACF;gBACD;;AAVd,iDAaG,KAAD;AAAGH,IAAAA,qBAAcnB;AAAjB,iDACG,OAAD;AAAKuB,IAAAA,KAAKnB,MAAV;AAAkBoB,IAAAA,KAAI;AAAtB,oDAGH,MAAD;AAAIL,IAAAA,qBAAcnB;AAAlB,KACGL,SACCA,MAAM8B,GAAN,CAAU,UAAClB,IAAD,EAAOmB,KAAP;AAAA,uDACP,MAAD;AAAIP,MAAAA,qBAAcnB,2CAAiCA,+BAAnD;AAAiF2B,MAAAA,KAAKD;AAAtF,OACG,CAACE,aAAarB,KAAKsB,OAAnB,+CACE,OAAD;AAAKV,MAAAA,qBAAcnB,+CAAqCA;AAAxD,mDACG8B,SAAD;AAASC,MAAAA,SAAS,IAAlB;AAAwBC,MAAAA,MAAK;AAA7B,oDACC,KAAD,MAAG,uBAAKC,KAAKC,GAAL,CAASvC,MAAM,EAAN,CAASwC,OAAlB,EAA2B,EAA3B,GAA+B,KAH1C,+CAME,OAAD;AAAKhB,MAAAA,qBAAcnB,8CAAoCA;AAAvD,mDACG,OAAD;AAAKmB,MAAAA,qBAAcnB,mCAAnB;AAAqDuB,MAAAA,KAAKhB,KAAKC;AAA/D,oDACC,OAAD;AAAKW,MAAAA,qBAAcnB;AAAnB,mDACG,QAAD;AAAMmB,MAAAA,qBAAcnB,wCAApB;AAA2DoC,MAAAA,SAAS,iBAACC,CAAD;AAAA,eAAOA,EAAEC,eAAF,EAAP;AAAA;AAApE,mDACGC,YAAD;AACEH,MAAAA,SAAS,mBAAM;gBACL7B;;AAFZ,qDAMD,QAAD;AAAMY,MAAAA,qBAAcnB;AAApB,oDACC,QAAD;AAAMmB,MAAAA,qBAAcnB,wCAApB;AAA2DoC,MAAAA,SAAS,iBAACC,CAAD;AAAA,eAAOA,EAAEC,eAAF,EAAP;AAAA;AAApE,mDACGE,YAAD;AACEJ,MAAAA,SAAS,iBAACC,CAAD,EAAO;qEACH;AAAEA,UAAAA,GAAAA,CAAF;AAAK9B,UAAAA,MAAAA,IAAL;AAAWmB,UAAAA,OAAAA;AAAX;;AAFf,UApBF;AAAA,GAAV,GA+BDjB,2DACE,MAAD;AAAIU,IAAAA,qBAAcnB,2CAAiCA,+BAAnD;AAAiFoC,IAAAA,SAAS1C,MAAM+C;AAAhG,iDACG,OAAD;AAAKtB,IAAAA,qBAAcnB,+CAAqCA;AAAxD,iDACG0C,SAAD,mDACC,KAAD;AAAGvB,IAAAA,qBAAcnB;AAAjB,KAA8C;;;;;"}

package/lib/upload/themes/single-file.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { UploadFile, UploadRemoveContext } from '../../_type/components/upload';
+import { UploadFile, UploadRemoveContext } from '../type';
 export interface SingleFileProps {
     file?: UploadFile;
     display?: string;