tdesign-react 0.19.0 → 0.20.2

package/es/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 '../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;;;;;"}
+{"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/es/upload/hooks/useDefaultValue.js

@@ -1,24 +1,24 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-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 { _ as _defineProperty } from '../../_chunks/dep-2e97cc0d.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-85854991.js';
+import { _ as _objectWithoutProperties } from '../../_chunks/dep-3d9b45dc.js';
 import { useMemo } from 'react';
-import { i as isArray_1 } from '../../_chunks/dep-364c042d.js';
+import { i as isArray_1 } from '../../_chunks/dep-cc2481d3.js';
 import useDefault from '../../_util/useDefault.js';
 import noop from '../../_util/noop.js';
-import '../../_chunks/dep-4c3606c3.js';
-import '../../_chunks/dep-2e526f70.js';
+import '../../_chunks/dep-38c06164.js';
+import '../../_chunks/dep-00ccaf0c.js';
 
 var _excluded = ["value", "defaultFiles", "files", "onChange"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function useDefaultValue(props, defaultDefaultValue) {
   var value = props.value,
       defaultFiles = props.defaultFiles,

package/es/upload/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -7,67 +7,87 @@
 import _Upload from './upload.js';
 import './style/css.js';
 import './type.js';
-import '../_chunks/dep-53c6c586.js';
-import '../_chunks/dep-fff59b5a.js';
-import '../_chunks/dep-4c3606c3.js';
+import '../_chunks/dep-0ab6329f.js';
+import '../_chunks/dep-38c06164.js';
+import '../_chunks/dep-b65de90c.js';
+import '../_chunks/dep-00ccaf0c.js';
+import '../_chunks/dep-759bc4af.js';
+import '../_chunks/dep-2e97cc0d.js';
+import '../_chunks/dep-85854991.js';
 import 'react';
-import '../_chunks/dep-19210c16.js';
-import '../_chunks/dep-2e526f70.js';
-import '../_chunks/dep-8b189f6f.js';
-import '../_chunks/dep-b6fbc66d.js';
-import '../_chunks/dep-601473bd.js';
-import '../_chunks/dep-458a408b.js';
-import '../_chunks/dep-7d91d695.js';
-import '../_chunks/dep-3b182523.js';
-import '../_chunks/dep-940f6c04.js';
-import '../_chunks/dep-f749a2c9.js';
-import '../_chunks/dep-ef50bc46.js';
-import '../_chunks/dep-97ee645c.js';
-import '../_chunks/dep-1fc210cf.js';
-import '../_chunks/dep-1c3da36c.js';
-import '../_chunks/dep-364c042d.js';
-import '../_chunks/dep-6b2b86ea.js';
-import '../_chunks/dep-8d3829c7.js';
-import './dragger.js';
-import 'classnames';
-import '../_util/useConfig.js';
+import '../_chunks/dep-7bc00a5f.js';
+import '../_chunks/dep-267d748a.js';
+import '../_chunks/dep-88b40b60.js';
+import '../_chunks/dep-339087c7.js';
+import '../_chunks/dep-c5dffd03.js';
+import '../_chunks/dep-1da33798.js';
+import '../_chunks/dep-e3057b1a.js';
+import '../_chunks/dep-da5d1ac4.js';
+import '../_chunks/dep-9f3a6dc7.js';
+import '../_chunks/dep-2544ac60.js';
+import '../_chunks/dep-8aba3ccb.js';
+import '../_chunks/dep-97b57b2a.js';
+import '../_chunks/dep-cc2481d3.js';
+import '../_chunks/dep-964eef6f.js';
+import '../_chunks/dep-56958a5c.js';
+import '../_chunks/dep-c1843f2a.js';
+import '../_chunks/dep-1ba197d7.js';
+import '../_chunks/dep-1567c5ea.js';
+import '../_chunks/dep-3c01d153.js';
+import '../_chunks/dep-ec30068f.js';
+import '../_chunks/dep-49ece696.js';
+import '../_chunks/dep-8c6f23dd.js';
+import '../_chunks/dep-b654ad92.js';
+import '../_chunks/dep-a02cc97f.js';
+import '../_chunks/dep-c4ccc023.js';
+import '../_chunks/dep-7252f39f.js';
+import '../_chunks/dep-50baeb50.js';
+import '../_chunks/dep-8898577f.js';
+import '../dialog/index.js';
+import '../dialog/Dialog.js';
+import '../_chunks/dep-3d9b45dc.js';
+import '../_chunks/dep-14d83b52.js';
+import 'tdesign-icons-react';
+import '../locale/LocalReceiver.js';
+import '../config-provider/index.js';
+import '../config-provider/ConfigProvider.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
-import './themes/dragger-progress.js';
-import 'tdesign-icons-react';
 import '../button/index.js';
 import '../button/Button.js';
-import '../_chunks/dep-b3d60655.js';
+import 'classnames';
 import '../_util/noop.js';
+import '../_util/useConfig.js';
 import '../_util/useRipple.js';
 import '../_util/setStyle.js';
 import '../loading/index.js';
 import '../loading/loading.js';
-import 'react-dom';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-615797a6.js';
 import '../_util/easing.js';
 import '../common/Portal.js';
+import 'react-dom';
+import '../loading/gradient.js';
 import '../loading/type.js';
+import '../loading/plugin.js';
 import '../button/type.js';
+import '../dialog/RenderDialog.js';
+import 'react-transition-group';
+import '../_util/useSetState.js';
+import '../dialog/type.js';
+import '../dialog/plugin.js';
+import './dragger.js';
+import './themes/dragger-progress.js';
 import './util.js';
-import '../_chunks/dep-f405fda4.js';
 import './upload-trigger.js';
 import './tips.js';
 import '../_common/js/upload/xhr.js';
 import './themes/single-file.js';
 import './themes/image-card.js';
-import '../dialog/index.js';
-import '../dialog/Dialog.js';
-import '../locale/LocalReceiver.js';
-import '../config-provider/index.js';
-import '../config-provider/ConfigProvider.js';
-import '../dialog/RenderDialog.js';
-import 'react-transition-group';
-import '../_util/useSetState.js';
-import '../dialog/type.js';
-import '../dialog/plugin.js';
+import './boolean-render.js';
+import './themes/flow-list/index.js';
+import './themes/flow-list/img-list.js';
+import './themes/flow-list/file-list.js';
 import './hooks/useDefaultValue.js';
 import '../_util/useDefault.js';
 

package/es/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';\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;;;;"}
+{"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/es/upload/style/index.css

@@ -572,6 +572,15 @@
 .t-addon--prepend.t-addon--append > .t-input .t-input__inner {
   border-radius: 0;
 }
+.t-upload .t-size-s {
+  display: block;
+  color: var(--td-text-color-placeholder);
+  font-size: 12px;
+  line-height: 20px;
+}
+.t-upload .t-is-bordered {
+  border: 1px solid var(--td-component-border);
+}
 .t-upload .t-icon {
   font-size: 16px;
   -ms-flex-negative: 0;
@@ -592,11 +601,11 @@
 .t-upload .t-icon-add {
   color: var(--td-text-color-primary);
 }
-.t-upload .t-upload-icon-delete {
+.t-upload .t-upload__icon-delete {
   color: var(--td-text-color-secondary);
   cursor: pointer;
 }
-.t-upload-list__file {
+.t-upload__list-file {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -611,11 +620,11 @@
   margin-right: 12px;
   overflow: hidden;
 }
-.t-upload-list__file .t-icon {
+.t-upload__list-file .t-icon {
   font-size: 40px;
   color: var(--td-brand-color);
 }
-.t-upload-list__item {
+.t-upload__list-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -633,13 +642,13 @@
   border-radius: 3px;
   font-size: 14px;
 }
-.t-upload-list__item.t-is--error .t-upload-list__name {
+.t-upload__list-item.t-is--error .t-upload__list-name {
   color: var(--td-error-color);
 }
-.t-upload-list__item.t-is--error .t-upload-list__file .t-icon {
+.t-upload__list-item.t-is--error .t-upload__list-file .t-icon {
   color: var(--td-error-color);
 }
-.t-upload-list__content {
+.t-upload__list-content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -653,69 +662,69 @@
 .t-upload-list__control:hover {
   color: var(--td-error-color);
 }
-.t-upload-list__img {
+.t-upload__list-img {
   -o-object-fit: cover;
      object-fit: cover;
   max-width: 100%;
   max-height: 100%;
   cursor: pointer;
 }
-.t-upload-list__name {
+.t-upload__list-name {
   max-width: 200px;
   white-space: nowrap;
   word-wrap: normal;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.t-upload__highlight {
+.t-upload--highlight {
   color: var(--td-text-color-brand);
 }
 .t-upload__single-name {
   margin-right: 8px;
 }
-.t-upload-card {
+.t-upload__card {
   font-size: 12px;
   line-height: 20px;
   overflow: hidden;
   width: 100%;
 }
-.t-upload-card .t-is-disabled :hover {
+.t-upload__card .t-is-disabled :hover {
   cursor: not-allowed;
 }
-.t-upload-card__item {
+.t-upload__card-item {
   margin: 0 8px 0 0;
   float: left;
   cursor: pointer;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }
-.t-upload-card__item::after {
+.t-upload__card-item::after {
   content: "";
   display: block;
 }
-.t-upload-card__item:hover .t-upload-card__mask {
+.t-upload__card-item:hover .t-upload__card-mask {
   opacity: 1;
   -webkit-transition: opacity 0.2s linear;
   transition: opacity 0.2s linear;
 }
-.t-upload-card__item.t-is--error .t-icon-warning_fill {
+.t-upload__card-item.t-is--error .t-icon-warning_fill {
   color: var(--td-error-color);
   margin-bottom: 10px;
 }
-.t-upload-card__item.t-is--error .t-upload-card__status {
+.t-upload__card-item.t-is--error .t-upload__card-status {
   color: var(--td-error-color);
 }
-.t-upload-card__item.t-is--background {
+.t-upload__card-item.t-is--background {
   -webkit-transition: border-color 0.2s linear;
   transition: border-color 0.2s linear;
 }
-.t-upload-card__item.t-is--background:hover {
+.t-upload__card-item.t-is--background:hover {
   border-color: var(--td-brand-color);
 }
-.t-upload-card .t-icon-loading {
+.t-upload__card .t-icon-loading {
   margin-bottom: 10px;
 }
-.t-upload-card__name {
+.t-upload__card-name {
   max-width: 100%;
   margin-top: 8px;
   color: var(--td-text-color-primary);
@@ -724,7 +733,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.t-upload-card__content {
+.t-upload__card-content {
   position: relative;
   width: 112px;
   height: 112px;
@@ -744,7 +753,7 @@
   border: 1px dashed var(--td-component-border);
   padding: 8px;
 }
-.t-upload-card-container {
+.t-upload__card-container {
   width: 110px;
   height: 110px;
   display: -webkit-box;
@@ -763,36 +772,33 @@
   background-color: var(--td-bg-color-secondarycontainer);
   border: 1px dashed var(--td-component-border);
 }
-.t-upload-card-container > .t-icon,
-.t-upload-card-container .t-loading {
+.t-upload__card-container > .t-icon,
+.t-upload__card-container .t-loading {
   font-size: 24px;
   margin-bottom: 8px;
 }
-.t-upload-card-container > p {
+.t-upload__card-container > p {
   color: var(--td-text-color-placeholder);
 }
-.t-upload-card__status-wrap {
+.t-upload__card-status-wrap {
   text-align: center;
 }
-.t-upload-card__status-wrap > svg {
+.t-upload__card-status-wrap > svg {
   margin-bottom: 6px;
 }
-.t-upload-card__status-wrap .t-icon,
-.t-upload-card__status-wrap .t-loading {
+.t-upload__card-status-wrap .t-icon,
+.t-upload__card-status-wrap .t-loading {
   font-size: 20px;
 }
-.t-upload-card__content-border {
-  border: 1px solid var(--td-component-border);
-}
-.t-upload-card__image {
+.t-upload__card-image {
   max-width: 100%;
   max-height: 100%;
 }
-.t-upload-card__status {
+.t-upload__card-status {
   color: var(--td-text-color-disabled);
   font-size: 12px;
 }
-.t-upload-card__mask {
+.t-upload__card-mask {
   background-color: var(--td-text-color-secondary);
   color: var(--td-bg-color-container);
   -webkit-transition: opacity 0.5s ease-in-out;
@@ -814,29 +820,25 @@
   top: 0;
   bottom: 0;
 }
-.t-upload-card__mask--disabled {
-  opacity: 0.3;
-  cursor: default;
-}
-.t-upload-card__mask__item-divider {
+.t-upload__card-mask-item-divider {
   margin: 0 16px;
   border-left: 1px var(--td-bg-color-container) solid;
   height: 16px;
 }
-.t-upload-card__mask__item > .t-icon {
+.t-upload__card-mask-item > .t-icon {
   cursor: pointer;
   font-size: 16px;
 }
-.t-upload-dialog .t-dialog {
+.t-upload__dialog .t-dialog {
   max-width: 80%;
 }
-.t-upload-dialog .t-dialog--default {
+.t-upload__dialog .t-dialog--default {
   padding: 32px;
 }
-.t-upload-dialog .t-dialog__body {
+.t-upload__dialog .t-dialog-body {
   padding-bottom: 0;
 }
-.t-upload-dialog .t-dialog__body-img-box img {
+.t-upload__dialog .t-dialog-body-img-box img {
   display: block;
   max-width: 100%;
   max-height: 100%;
@@ -905,16 +907,10 @@
 .t-upload__tips {
   margin-top: 8px;
 }
-.t-upload__small {
-  display: block;
-  color: var(--td-text-color-placeholder);
-  font-size: 12px;
-  line-height: 20px;
-}
 .t-upload__placeholder {
   color: var(--td-text-color-placeholder);
 }
-.t-display-text--margin {
+.t-upload__display-text--margin {
   margin-top: 10px;
 }
 .t-upload__single-display-text {
@@ -1107,9 +1103,15 @@
   margin-top: 24px;
   border-collapse: collapse;
 }
+.t-upload__flow-table > thead > tr,
+.t-upload__flow-table > tbody > tr,
+.t-upload__flow-table > tfoot > tr,
 .t-upload__flow-table > tr {
   border-top: 1px solid var(--td-component-border);
 }
+.t-upload__flow-table > thead > tr > th,
+.t-upload__flow-table > tbody > tr > th,
+.t-upload__flow-table > tfoot > tr > th,
 .t-upload__flow-table > tr > th {
   color: var(--td-text-color-placeholder);
   font-weight: normal;
@@ -1117,10 +1119,19 @@
   text-align: left;
   background-color: var(--td-bg-color-container);
 }
+.t-upload__flow-table > thead > tr > td,
+.t-upload__flow-table > tbody > tr > td,
+.t-upload__flow-table > tfoot > tr > td,
 .t-upload__flow-table > tr > td {
   color: var(--td-text-color-primary);
 }
+.t-upload__flow-table > thead > tr > td,
+.t-upload__flow-table > tbody > tr > td,
+.t-upload__flow-table > tfoot > tr > td,
 .t-upload__flow-table > tr > td,
+.t-upload__flow-table > thead > tr > th,
+.t-upload__flow-table > tbody > tr > th,
+.t-upload__flow-table > tfoot > tr > th,
 .t-upload__flow-table > tr > th {
   padding: 10px 24px;
 }

package/es/upload/style/index.js

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

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

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (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-53c6c586.js';
-import '../../_chunks/dep-b3d60655.js';
+import '../../_chunks/dep-2e97cc0d.js';
+import '../../_chunks/dep-3d9b45dc.js';
 import 'classnames';
 import '../../_util/noop.js';
 import '../../_util/useRipple.js';
@@ -20,24 +20,26 @@ import '../../_util/setStyle.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
 import '../../loading/loading.js';
-import '../../_chunks/dep-fff59b5a.js';
-import '../../_chunks/dep-4c3606c3.js';
-import 'react-dom';
+import '../../_chunks/dep-85854991.js';
+import '../../_chunks/dep-38c06164.js';
 import '../../_util/dom.js';
 import 'raf';
-import '../../_chunks/dep-615797a6.js';
-import '../../_chunks/dep-2e526f70.js';
-import '../../_chunks/dep-b6fbc66d.js';
-import '../../_chunks/dep-601473bd.js';
-import '../../_chunks/dep-364c042d.js';
-import '../../_chunks/dep-6b2b86ea.js';
-import '../../_chunks/dep-7d91d695.js';
+import '../../_chunks/dep-14d83b52.js';
+import '../../_chunks/dep-00ccaf0c.js';
+import '../../_chunks/dep-88b40b60.js';
+import '../../_chunks/dep-759bc4af.js';
+import '../../_chunks/dep-cc2481d3.js';
+import '../../_chunks/dep-964eef6f.js';
+import '../../_chunks/dep-c5dffd03.js';
 import '../../_util/easing.js';
 import '../../common/Portal.js';
+import 'react-dom';
+import '../../loading/gradient.js';
 import './style/css.js';
 import '../../loading/type.js';
+import '../../loading/plugin.js';
 import '../../button/type.js';
-import '../../_chunks/dep-f405fda4.js';
+import '../../_chunks/dep-0ab6329f.js';
 
 var DraggerProgress = function DraggerProgress(props) {
   var file = props.file,
@@ -99,9 +101,9 @@ var DraggerProgress = function DraggerProgress(props) {
   }, /* @__PURE__ */React__default.createElement("span", {
     className: "".concat(classPrefix, "-upload__single-name")
   }, abridgeName(file === null || file === void 0 ? void 0 : file.name)), (file === null || file === void 0 ? void 0 : file.status) !== "success" && renderUploading(), (file === null || file === void 0 ? void 0 : file.status) === "success" && /* @__PURE__ */React__default.createElement(CheckCircleFilledIcon, null)), /* @__PURE__ */React__default.createElement("small", {
-    className: "".concat(classPrefix, "-upload__small")
+    className: "".concat(classPrefix, "-size-s")
   }, "\u6587\u4EF6\u5927\u5C0F\uFF1A", returnFileSize(file === null || file === void 0 ? void 0 : file.size)), /* @__PURE__ */React__default.createElement("small", {
-    className: "".concat(classPrefix, "-upload__small")
+    className: "".concat(classPrefix, "-size-s")
   }, "\u4E0A\u4F20\u65E5\u671F\uFF1A", getCurrentDate()), !["success", "fail"].includes(file === null || file === void 0 ? void 0 : file.status) && /* @__PURE__ */React__default.createElement("div", {
     className: "".concat(classPrefix, "-upload__dragger-btns")
   }, /* @__PURE__ */React__default.createElement(Button, {

package/es/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';\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}-size-s`}>文件大小：{returnFileSize(file?.size)}</small>\n        <small className={`${classPrefix}-size-s`}>上传日期：{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/es/upload/themes/flow-list/file-list.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { CommonListProps, FlowListProps } from './index';
+declare type FileListProps = CommonListProps & Pick<FlowListProps, 'showUploadProgress' | 'remove'>;
+declare const FileList: (props: FileListProps) => JSX.Element;
+export default FileList;