tdesign-react 0.19.1 → 0.20.0

package/lib/upload/index.js

@@ -1,62 +1,82 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import _Upload from './upload.js';
-import '../_chunks/dep-bd2ff6be.js';
-import '../_chunks/dep-c5e94c83.js';
-import '../_chunks/dep-4ca264a0.js';
+import '../_chunks/dep-ff66d271.js';
+import '../_chunks/dep-88fe1571.js';
+import '../_chunks/dep-5b9c0ae1.js';
+import '../_chunks/dep-bf215a19.js';
+import '../_chunks/dep-31796d32.js';
+import '../_chunks/dep-81bda54a.js';
 import 'react';
-import '../_chunks/dep-509b13ce.js';
-import '../_chunks/dep-2988df73.js';
-import '../_chunks/dep-e1b8ae6d.js';
-import '../_chunks/dep-a6296075.js';
-import '../_chunks/dep-89d2302f.js';
-import '../_chunks/dep-5e565e0c.js';
-import '../_chunks/dep-3ce2930e.js';
-import '../_chunks/dep-ac6c1479.js';
-import '../_chunks/dep-32d51a73.js';
-import '../_chunks/dep-feec4e3a.js';
-import '../_chunks/dep-20de0b13.js';
-import '../_chunks/dep-222a2fdf.js';
-import '../_chunks/dep-60218c4c.js';
-import './dragger.js';
-import 'classnames';
-import '../_util/useConfig.js';
+import '../_chunks/dep-7581a43d.js';
+import '../_chunks/dep-cd5a5b82.js';
+import '../_chunks/dep-32c94b66.js';
+import '../_chunks/dep-bcfa77ab.js';
+import '../_chunks/dep-0f2ac820.js';
+import '../_chunks/dep-92269e65.js';
+import '../_chunks/dep-b5a76cc6.js';
+import '../_chunks/dep-f9f29f1f.js';
+import '../_chunks/dep-1a42491c.js';
+import '../_chunks/dep-7e2ca91e.js';
+import '../_chunks/dep-ff7b6baf.js';
+import '../_chunks/dep-52b69c2d.js';
+import '../_chunks/dep-bc1f9513.js';
+import '../_chunks/dep-be65acb2.js';
+import '../_chunks/dep-5ff43912.js';
+import '../_chunks/dep-d537f001.js';
+import '../_chunks/dep-c2706e3c.js';
+import '../_chunks/dep-7e75d5ce.js';
+import '../_chunks/dep-512591c4.js';
+import '../_chunks/dep-454a5536.js';
+import '../_chunks/dep-108b9012.js';
+import '../_chunks/dep-35ec2eea.js';
+import '../_chunks/dep-644bcce4.js';
+import '../_chunks/dep-8934f33f.js';
+import '../_chunks/dep-dacecb5d.js';
+import '../dialog/index.js';
+import '../dialog/Dialog.js';
+import '../_chunks/dep-252337e0.js';
+import '../_chunks/dep-3dc9b87e.js';
+import 'tdesign-icons-react';
+import '../locale/LocalReceiver.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-21185a7d.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-c9870890.js';
 import '../_util/easing.js';
 import '../common/Portal.js';
+import 'react-dom';
+import '../loading/gradient.js';
+import '../loading/plugin.js';
+import '../dialog/RenderDialog.js';
+import 'react-transition-group';
+import '../_util/useSetState.js';
+import '../dialog/plugin.js';
+import './dragger.js';
+import './themes/dragger-progress.js';
 import './util.js';
-import '../_chunks/dep-6d27991d.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 '../dialog/RenderDialog.js';
-import 'react-transition-group';
-import '../_util/useSetState.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/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';\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/lib/upload/themes/dragger-progress.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.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-bd2ff6be.js';
-import '../../_chunks/dep-21185a7d.js';
+import '../../_chunks/dep-31796d32.js';
+import '../../_chunks/dep-252337e0.js';
 import 'classnames';
 import '../../_util/noop.js';
 import '../../_util/useRipple.js';
@@ -20,19 +20,21 @@ import '../../_util/setStyle.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
 import '../../loading/loading.js';
-import '../../_chunks/dep-c5e94c83.js';
-import '../../_chunks/dep-4ca264a0.js';
-import 'react-dom';
+import '../../_chunks/dep-81bda54a.js';
+import '../../_chunks/dep-88fe1571.js';
 import '../../_util/dom.js';
 import 'raf';
-import '../../_chunks/dep-c9870890.js';
-import '../../_chunks/dep-e1b8ae6d.js';
-import '../../_chunks/dep-a6296075.js';
-import '../../_chunks/dep-222a2fdf.js';
-import '../../_chunks/dep-5e565e0c.js';
+import '../../_chunks/dep-3dc9b87e.js';
+import '../../_chunks/dep-32c94b66.js';
+import '../../_chunks/dep-bf215a19.js';
+import '../../_chunks/dep-ff7b6baf.js';
+import '../../_chunks/dep-0f2ac820.js';
 import '../../_util/easing.js';
 import '../../common/Portal.js';
-import '../../_chunks/dep-6d27991d.js';
+import 'react-dom';
+import '../../loading/gradient.js';
+import '../../loading/plugin.js';
+import '../../_chunks/dep-ff66d271.js';
 
 var DraggerProgress = function DraggerProgress(props) {
   var file = props.file,
@@ -94,9 +96,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/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';\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgBMA,kBAA4C,SAA5CA,eAA4C,CAACC,KAAD,EAAW;MACnDC,OAAiDD,MAAjDC;MAAMC,WAA2CF,MAA3CE;MAAUC,WAAiCH,MAAjCG;MAAUC,UAAuBJ,MAAvBI;MAASC,YAAcL,MAAdK;;mBACnBC;MAAhBC,yBAAAA;;MAEFC,WAAW,SAAXA,QAAW,CAACC,CAAD,EAAO;iEACX;AAAEA,MAAAA,GAAAA,CAAF;AAAKR,MAAAA,MAAAA,IAAL;AAAWS,MAAAA,OAAO;AAAlB;;;;MAIPC,oBAAoBC,eAAMC,OAAN,CAAc;AAAA,WAAM,CAAC,SAAD,EAAY,MAAZ,EAAoBC,QAApB,CAA6Bb,IAA7B,aAA6BA,IAA7B,uBAA6BA,KAAMc,MAAnC,CAAN;AAAA,GAAd,EAAgE,CAACd,IAAD,CAAhE;;MAEpBe,eAAe,SAAfA,YAAe,CAACP,CAAD,EAAO;iEACf;AAAEA,MAAAA,GAAAA,CAAF;AAAKR,MAAAA,MAAAA,IAAL;AAAWS,MAAAA,OAAO;AAAlB;;;MAGPO,kBAAkBC,YAAY,YAAM;QACpC,CAAAjB,aAAA,IAAAA,eAAA,YAAAA,KAAMc,MAAN,MAAiB,QAAQ;yDACnBI,uBAAD;;;QAEL,CAAAlB,aAAA,IAAAA,eAAA,YAAAA,KAAMc,MAAN,MAAiB,YAAY;yDAE5B,OAAD;AAAKK,QAAAA,WAAU;AAAf,qDACGC,SAAD;AAASC,QAAAA,SAAS,IAAlB;AAAwBC,QAAAA,MAAK;AAA7B,sDACC,QAAD;AAAMH,QAAAA,WAAU;AAAhB,SAA4CI,KAAKC,GAAL,CAAS,CAAAxB,aAAA,IAAAA,eAAA,YAAAA,KAAMyB,OAAN,KAAiB,CAA1B,EAA6B,EAA7B,GAAiC;;KAIlF,CAACzB,IAAD;qDAGA,OAAD;AAAKmB,IAAAA,qBAAcb;AAAnB,KACGH,YAAY,OAAZ,gDACE,OAAD;AAAKgB,IAAAA,WAAU;AAAf,KAA6CnB,oDAAS,OAAD;AAAK0B,IAAAA,KAAK1B,KAAK2B,GAAL,IAAY;AAAtB,mDAEtD,OAAD;AAAKR,IAAAA,qBAAcb;AAAnB,iDACG,OAAD;AAAKa,IAAAA,qBAAcb;AAAnB,iDACG,QAAD;AAAMa,IAAAA,qBAAcb;AAApB,KAAwDsB,YAAY5B,iBAAAA,2BAAAA,KAAM6B,QACzE,CAAA7B,aAAA,IAAAA,eAAA,YAAAA,KAAMc,MAAN,MAAiB,SAAjB,IAA8BE,mBAC9B,CAAAhB,aAAA,IAAAA,eAAA,YAAAA,KAAMc,MAAN,MAAiB,SAAjB,gDAA+BgB,uBAAD,oDAEhC,SAAD;AAAOX,IAAAA,qBAAcb;AAArB,KAA2C,kCAAMyB,eAAe/B,iBAAAA,2BAAAA,KAAMsB,oDACrE,SAAD;AAAOH,IAAAA,qBAAcb;AAArB,KAA2C,kCAAM0B,mBAChD,CAAC,CAAC,SAAD,EAAY,MAAZ,EAAoBnB,QAApB,CAA6Bb,IAA7B,aAA6BA,IAA7B,uBAA6BA,KAAMc,MAAnC,CAAD,gDACE,OAAD;AAAKK,IAAAA,qBAAcb;AAAnB,iDACG2B,QAAD;AACEC,IAAAA,OAAM,SADR;AAEEC,IAAAA,SAAQ,MAFV;AAGEhB,IAAAA,qBAAcb,gDAHhB;AAIE8B,IAAAA,SAASrB;AAJX,KAKC,yEAGAkB,QAAD;AAAQC,IAAAA,OAAM,SAAd;AAAwBC,IAAAA,SAAQ,MAAhC;AAAuCC,IAAAA,SAASnC;AAAhD,KAA0D,8BAK7DS,iEACE,OAAD;AAAKS,IAAAA,WAAU;AAAf,iDACGc,QAAD;AAAQC,IAAAA,OAAM,SAAd;AAAwBC,IAAAA,SAAQ,MAAhC;AAAuChB,IAAAA,WAAU,mCAAjD;AAAqFiB,IAAAA,SAAS7B;AAA9F,KAAwG,yEAGvG0B,QAAD;AAAQC,IAAAA,OAAM,SAAd;AAAwBC,IAAAA,SAAQ,MAAhC;AAAuCC,IAAAA,SAASrB;AAAhD,KAA8D;;;;;"}

package/lib/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;

package/lib/upload/themes/flow-list/file-list.js

@@ -0,0 +1,91 @@
+/**
+ * tdesign v0.20.0
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+import React__default from 'react';
+import { CheckCircleFilledIcon, ErrorCircleFilledIcon, TimeFilledIcon } from 'tdesign-icons-react';
+import { abridgeName, returnFileSize } from '../../util.js';
+import useConfig from '../../../_util/useConfig.js';
+import { Loading } from '../../../loading/index.js';
+import '../../../_chunks/dep-ff66d271.js';
+import '../../../_chunks/dep-88fe1571.js';
+import '../../../config-provider/ConfigContext.js';
+import '../../../locale/zh_CN.js';
+import '../../../loading/loading.js';
+import '../../../_chunks/dep-31796d32.js';
+import '../../../_chunks/dep-81bda54a.js';
+import 'classnames';
+import '../../../_util/dom.js';
+import 'raf';
+import '../../../_chunks/dep-3dc9b87e.js';
+import '../../../_chunks/dep-32c94b66.js';
+import '../../../_chunks/dep-bf215a19.js';
+import '../../../_chunks/dep-ff7b6baf.js';
+import '../../../_chunks/dep-0f2ac820.js';
+import '../../../_util/easing.js';
+import '../../../common/Portal.js';
+import 'react-dom';
+import '../../../loading/gradient.js';
+import '../../../loading/plugin.js';
+
+var FileList = function FileList(props) {
+  var listFiles = props.listFiles,
+      showInitial = props.showInitial,
+      renderDragger = props.renderDragger,
+      showUploadProgress = props.showUploadProgress,
+      remove = props.remove;
+
+  var _useConfig = useConfig(),
+      prefix = _useConfig.classPrefix;
+
+  var UPLOAD_NAME = "".concat(prefix, "-upload");
+
+  var renderStatus = function renderStatus(file) {
+    var STATUS_MAP = {
+      success: {
+        icon: /* @__PURE__ */React__default.createElement(CheckCircleFilledIcon, null),
+        text: "\u4E0A\u4F20\u6210\u529F"
+      },
+      fail: {
+        icon: /* @__PURE__ */React__default.createElement(ErrorCircleFilledIcon, null),
+        text: "\u4E0A\u4F20\u5931\u8D25"
+      },
+      progress: {
+        icon: /* @__PURE__ */React__default.createElement(Loading, null),
+        text: "\u4E0A\u4F20\u4E2D ".concat(Math.min(file.percent, 99), "%")
+      },
+      waiting: {
+        icon: /* @__PURE__ */React__default.createElement(TimeFilledIcon, null),
+        text: "\u5F85\u4E0A\u4F20"
+      }
+    };
+    if (file.status === "progress" && !showUploadProgress) return null;
+    return /* @__PURE__ */React__default.createElement("div", {
+      className: "".concat(UPLOAD_NAME, "__flow-status")
+    }, STATUS_MAP[file.status].icon, /* @__PURE__ */React__default.createElement("span", null, STATUS_MAP[file.status].text));
+  };
+
+  return /* @__PURE__ */React__default.createElement("table", {
+    className: "".concat(UPLOAD_NAME, "__flow-table")
+  }, /* @__PURE__ */React__default.createElement("thead", null, /* @__PURE__ */React__default.createElement("tr", null, /* @__PURE__ */React__default.createElement("th", null, "\u6587\u4EF6\u540D"), /* @__PURE__ */React__default.createElement("th", null, "\u5927\u5C0F"), /* @__PURE__ */React__default.createElement("th", null, "\u72B6\u6001"), /* @__PURE__ */React__default.createElement("th", null, "\u64CD\u4F5C"))), /* @__PURE__ */React__default.createElement("tbody", null, showInitial && /* @__PURE__ */React__default.createElement("tr", null, /* @__PURE__ */React__default.createElement("td", {
+    colSpan: 4
+  }, renderDragger())), listFiles.map(function (file, index) {
+    return /* @__PURE__ */React__default.createElement("tr", {
+      key: index
+    }, /* @__PURE__ */React__default.createElement("td", null, abridgeName(file.name, 7, 10)), /* @__PURE__ */React__default.createElement("td", null, returnFileSize(file.size)), /* @__PURE__ */React__default.createElement("td", null, renderStatus(file)), /* @__PURE__ */React__default.createElement("td", null, /* @__PURE__ */React__default.createElement("span", {
+      className: "".concat(UPLOAD_NAME, "__flow-button"),
+      onClick: function onClick(e) {
+        return remove({
+          e: e,
+          index: index,
+          file: file
+        });
+      }
+    }, "\u5220\u9664")));
+  })));
+};
+
+export { FileList as default };
+//# sourceMappingURL=file-list.js.map

package/lib/upload/themes/flow-list/file-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-list.js","sources":["../../../../src/upload/themes/flow-list/file-list.tsx"],"sourcesContent":["import React, { MouseEvent } from 'react';\nimport { CheckCircleFilledIcon, ErrorCircleFilledIcon, TimeFilledIcon } from 'tdesign-icons-react';\nimport { abridgeName, returnFileSize } from '../../util';\nimport useConfig from '../../../_util/useConfig';\nimport Loading from '../../../loading';\nimport type { CommonListProps, FlowListProps } from './index';\nimport type { UploadFile } from '../../type';\n\ntype FileListProps = CommonListProps & Pick<FlowListProps, 'showUploadProgress' | 'remove'>;\n\nconst FileList = (props: FileListProps) => {\n  const { listFiles, showInitial, renderDragger, showUploadProgress, remove } = props;\n  const { classPrefix: prefix } = useConfig();\n  const UPLOAD_NAME = `${prefix}-upload`;\n  const renderStatus = (file: UploadFile) => {\n    const STATUS_MAP = {\n      success: {\n        icon: <CheckCircleFilledIcon />,\n        text: '上传成功',\n      },\n      fail: {\n        icon: <ErrorCircleFilledIcon />,\n        text: '上传失败',\n      },\n      progress: {\n        icon: <Loading />,\n        text: `上传中 ${Math.min(file.percent, 99)}%`,\n      },\n      waiting: {\n        icon: <TimeFilledIcon />,\n        text: '待上传',\n      },\n    };\n\n    if (file.status === 'progress' && !showUploadProgress) return null;\n    return (\n      <div className={`${UPLOAD_NAME}__flow-status`}>\n        {STATUS_MAP[file.status].icon}\n        <span>{STATUS_MAP[file.status].text}</span>\n      </div>\n    );\n  };\n\n  return (\n    <table className={`${UPLOAD_NAME}__flow-table`}>\n      <thead>\n        <tr>\n          <th>文件名</th>\n          <th>大小</th>\n          <th>状态</th>\n          <th>操作</th>\n        </tr>\n      </thead>\n      <tbody>\n        {showInitial && (\n          <tr>\n            <td colSpan={4}>{renderDragger()}</td>\n          </tr>\n        )}\n        {listFiles.map((file, index) => (\n          <tr key={index}>\n            <td>{abridgeName(file.name, 7, 10)}</td>\n            <td>{returnFileSize(file.size)}</td>\n            <td>{renderStatus(file)}</td>\n            <td>\n              <span\n                className={`${UPLOAD_NAME}__flow-button`}\n                onClick={(e: MouseEvent<HTMLElement>) => remove({ e, index, file })}\n              >\n                删除\n              </span>\n            </td>\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n};\n\nexport default FileList;\n"],"names":["FileList","props","listFiles","showInitial","renderDragger","showUploadProgress","remove","useConfig","prefix","classPrefix","UPLOAD_NAME","renderStatus","file","STATUS_MAP","success","icon","CheckCircleFilledIcon","text","fail","ErrorCircleFilledIcon","progress","Loading","Math","min","percent","waiting","TimeFilledIcon","status","className","colSpan","map","index","key","abridgeName","name","returnFileSize","size","onClick","e"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAUMA,WAAW,SAAXA,QAAW,CAACC,KAAD,EAA0B;MACjCC,YAAsED,MAAtEC;MAAWC,cAA2DF,MAA3DE;MAAaC,gBAA8CH,MAA9CG;MAAeC,qBAA+BJ,MAA/BI;MAAoBC,SAAWL,MAAXK;;mBACnCC;MAAXC,oBAAbC;;MACFC,wBAAiBF;;MACjBG,eAAe,SAAfA,YAAe,CAACC,IAAD,EAAsB;QACnCC,aAAa;AACjBC,MAAAA,SAAS;AACPC,QAAAA,kDAAOC,uBAAD,KADC;AAEPC,QAAAA,MAAM;AAFC,OADQ;AAKjBC,MAAAA,MAAM;AACJH,QAAAA,kDAAOI,uBAAD,KADF;AAEJF,QAAAA,MAAM;AAFF,OALW;AASjBG,MAAAA,UAAU;AACRL,QAAAA,kDAAOM,SAAD,KADE;AAERJ,QAAAA,mCAAaK,KAAKC,GAAL,CAASX,KAAKY,OAAd,EAAuB,EAAvB;AAFL,OATO;AAajBC,MAAAA,SAAS;AACPV,QAAAA,kDAAOW,gBAAD,KADC;AAEPT,QAAAA,MAAM;AAFC;AAbQ;QAmBfL,KAAKe,MAAL,KAAgB,UAAhB,IAA8B,CAACtB,2BAA2B;uDAE3D,OAAD;AAAKuB,MAAAA,qBAAclB;AAAnB,OACGG,WAAWD,KAAKe,OAAhB,CAAwBZ,kDACxB,QAAD,MAAOF,WAAWD,KAAKe,OAAhB,CAAwBV;;;qDAMlC,SAAD;AAAOW,IAAAA,qBAAclB;AAArB,iDACG,SAAD,kDACG,MAAD,kDACG,MAAD,MAAI,mEACH,MAAD,MAAI,6DACH,MAAD,MAAI,6DACH,MAAD,MAAI,+DAGP,SAAD,MACGP,2DACE,MAAD,kDACG,MAAD;AAAI0B,IAAAA,SAAS;AAAb,KAAiBzB,mBAGpBF,UAAU4B,GAAV,CAAc,UAAClB,IAAD,EAAOmB,KAAP;AAAA,uDACZ,MAAD;AAAIC,MAAAA,KAAKD;AAAT,mDACG,MAAD,MAAKE,YAAYrB,KAAKsB,MAAM,GAAG,kDAC9B,MAAD,MAAKC,eAAevB,KAAKwB,oDACxB,MAAD,MAAKzB,aAAaC,oDACjB,MAAD,kDACG,QAAD;AACEgB,MAAAA,qBAAclB,6BADhB;AAEE2B,MAAAA,SAAS,iBAACC,CAAD;AAAA,eAAgChC,OAAO;AAAEgC,UAAAA,GAAAA,CAAF;AAAKP,UAAAA,OAAAA,KAAL;AAAYnB,UAAAA,MAAAA;AAAZ,UAAvC;AAAA;AAFX,OAGC,iBATQ;AAAA,GAAd;;;;;"}

package/lib/upload/themes/flow-list/img-list.d.ts

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

package/lib/upload/themes/flow-list/img-list.js

@@ -0,0 +1,91 @@
+/**
+ * tdesign v0.20.0
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+import { _ as _defineProperty } from '../../../_chunks/dep-31796d32.js';
+import classNames from 'classnames';
+import { ErrorCircleFilledIcon, BrowseIcon, DeleteIcon } from 'tdesign-icons-react';
+import React__default from 'react';
+import useConfig from '../../../_util/useConfig.js';
+import { abridgeName } from '../../util.js';
+import { Loading } from '../../../loading/index.js';
+import '../../../config-provider/ConfigContext.js';
+import '../../../locale/zh_CN.js';
+import '../../../_chunks/dep-ff66d271.js';
+import '../../../_chunks/dep-88fe1571.js';
+import '../../../loading/loading.js';
+import '../../../_chunks/dep-81bda54a.js';
+import '../../../_util/dom.js';
+import 'raf';
+import '../../../_chunks/dep-3dc9b87e.js';
+import '../../../_chunks/dep-32c94b66.js';
+import '../../../_chunks/dep-bf215a19.js';
+import '../../../_chunks/dep-ff7b6baf.js';
+import '../../../_chunks/dep-0f2ac820.js';
+import '../../../_util/easing.js';
+import '../../../common/Portal.js';
+import 'react-dom';
+import '../../../loading/gradient.js';
+import '../../../loading/plugin.js';
+
+var ImgList = function ImgList(props) {
+  var showInitial = props.showInitial,
+      listFiles = props.listFiles,
+      renderDragger = props.renderDragger,
+      onImgPreview = props.onImgPreview,
+      remove = props.remove;
+
+  var _useConfig = useConfig(),
+      prefix = _useConfig.classPrefix;
+
+  var UPLOAD_NAME = "".concat(prefix, "-upload");
+  var UPLOAD_NAME_CARD = "".concat(UPLOAD_NAME, "__card");
+  return /* @__PURE__ */React__default.createElement("div", {
+    className: "".concat(UPLOAD_NAME, "__flow-card-area")
+  }, showInitial && renderDragger(), !!listFiles.length && /* @__PURE__ */React__default.createElement("ul", {
+    className: "".concat(UPLOAD_NAME_CARD, " clearfix")
+  }, listFiles.map(function (file, index) {
+    var _classNames;
+
+    return /* @__PURE__ */React__default.createElement("li", {
+      className: "".concat(UPLOAD_NAME_CARD, "-item"),
+      key: index
+    }, /* @__PURE__ */React__default.createElement("div", {
+      className: classNames((_classNames = {}, _defineProperty(_classNames, "".concat(UPLOAD_NAME_CARD, "-content"), true), _defineProperty(_classNames, "".concat(UPLOAD_NAME_CARD, "-content-border"), file.status !== "waiting"), _classNames))
+    }, file.status === "fail" && /* @__PURE__ */React__default.createElement("div", {
+      className: "".concat(UPLOAD_NAME_CARD, "-status-wrap")
+    }, /* @__PURE__ */React__default.createElement(ErrorCircleFilledIcon, null), /* @__PURE__ */React__default.createElement("p", null, "\u4E0A\u4F20\u5931\u8D25")), file.status === "progress" && /* @__PURE__ */React__default.createElement("div", {
+      className: "".concat(UPLOAD_NAME_CARD, "-status-wrap")
+    }, /* @__PURE__ */React__default.createElement(Loading, null), /* @__PURE__ */React__default.createElement("p", null, "\u4E0A\u4F20\u4E2D ", Math.min(file.percent, 99))), (["waiting", "success"].includes(file.status) || !file.status && file.url) && /* @__PURE__ */React__default.createElement("img", {
+      className: "".concat(UPLOAD_NAME_CARD, "-image"),
+      src: file.url || "//tdesign.gtimg.com/tdesign-default-img.png",
+      alt: ""
+    }), /* @__PURE__ */React__default.createElement("div", {
+      className: "".concat(UPLOAD_NAME_CARD, "-mask")
+    }, file.url && /* @__PURE__ */React__default.createElement("span", {
+      className: "".concat(UPLOAD_NAME_CARD, "__mask__item")
+    }, /* @__PURE__ */React__default.createElement(BrowseIcon, {
+      onClick: function onClick(e) {
+        return onImgPreview(e, file);
+      }
+    }), /* @__PURE__ */React__default.createElement("span", {
+      className: "".concat(UPLOAD_NAME_CARD, "__mask__item-divider")
+    })), /* @__PURE__ */React__default.createElement("span", {
+      className: "".concat(UPLOAD_NAME_CARD, "-mask__item"),
+      onClick: function onClick(e) {
+        return remove({
+          e: e,
+          index: index,
+          file: file
+        });
+      }
+    }, /* @__PURE__ */React__default.createElement(DeleteIcon, null)))), /* @__PURE__ */React__default.createElement("p", {
+      className: "".concat(UPLOAD_NAME_CARD, "-name")
+    }, abridgeName(file.name)));
+  })));
+};
+
+export { ImgList as default };
+//# sourceMappingURL=img-list.js.map

package/lib/upload/themes/flow-list/img-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"img-list.js","sources":["../../../../src/upload/themes/flow-list/img-list.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { BrowseIcon, DeleteIcon, ErrorCircleFilledIcon } from 'tdesign-icons-react';\nimport React, { MouseEvent } from 'react';\nimport type { CommonListProps, FlowListProps } from './index';\nimport useConfig from '../../../_util/useConfig';\nimport { abridgeName } from '../../util';\nimport Loading from '../../../loading';\n\ntype ImgListProps = CommonListProps & Pick<FlowListProps, 'onImgPreview' | 'remove'>;\n\nconst ImgList = (props: ImgListProps) => {\n  const { showInitial, listFiles, renderDragger, onImgPreview, remove } = props;\n  const { classPrefix: prefix } = useConfig();\n  const UPLOAD_NAME = `${prefix}-upload`;\n  const UPLOAD_NAME_CARD = `${UPLOAD_NAME}__card`;\n\n  return (\n    <div className={`${UPLOAD_NAME}__flow-card-area`}>\n      {showInitial && renderDragger()}\n      {!!listFiles.length && (\n        <ul className={`${UPLOAD_NAME_CARD} clearfix`}>\n          {listFiles.map((file, index) => (\n            <li className={`${UPLOAD_NAME_CARD}-item`} key={index}>\n              <div\n                className={classNames({\n                  [`${UPLOAD_NAME_CARD}-content`]: true,\n                  [`${UPLOAD_NAME_CARD}-content-border`]: file.status !== 'waiting',\n                })}\n              >\n                {file.status === 'fail' && (\n                  <div className={`${UPLOAD_NAME_CARD}-status-wrap`}>\n                    <ErrorCircleFilledIcon />\n                    <p>上传失败</p>\n                  </div>\n                )}\n                {file.status === 'progress' && (\n                  <div className={`${UPLOAD_NAME_CARD}-status-wrap`}>\n                    <Loading />\n                    <p>上传中 {Math.min(file.percent, 99)}</p>\n                  </div>\n                )}\n                {(['waiting', 'success'].includes(file.status) || (!file.status && file.url)) && (\n                  <img\n                    className={`${UPLOAD_NAME_CARD}-image`}\n                    src={file.url || '//tdesign.gtimg.com/tdesign-default-img.png'}\n                    alt=\"\"\n                  />\n                )}\n                <div className={`${UPLOAD_NAME_CARD}-mask`}>\n                  {file.url && (\n                    <span className={`${UPLOAD_NAME_CARD}__mask__item`}>\n                      <BrowseIcon onClick={(e: MouseEvent) => onImgPreview(e, file)} />\n                      <span className={`${UPLOAD_NAME_CARD}__mask__item-divider`} />\n                    </span>\n                  )}\n                  <span\n                    className={`${UPLOAD_NAME_CARD}-mask__item`}\n                    onClick={(e: MouseEvent<HTMLElement>) => remove({ e, index, file })}\n                  >\n                    <DeleteIcon />\n                  </span>\n                </div>\n              </div>\n              <p className={`${UPLOAD_NAME_CARD}-name`}>{abridgeName(file.name)}</p>\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n};\n\nexport default ImgList;\n"],"names":["ImgList","props","showInitial","listFiles","renderDragger","onImgPreview","remove","useConfig","prefix","classPrefix","UPLOAD_NAME","UPLOAD_NAME_CARD","className","length","map","file","index","key","classNames","status","ErrorCircleFilledIcon","Loading","Math","min","percent","includes","url","src","alt","BrowseIcon","onClick","e","DeleteIcon","abridgeName","name"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAUMA,UAAU,SAAVA,OAAU,CAACC,KAAD,EAAyB;MAC/BC,cAAgED,MAAhEC;MAAaC,YAAmDF,MAAnDE;MAAWC,gBAAwCH,MAAxCG;MAAeC,eAAyBJ,MAAzBI;MAAcC,SAAWL,MAAXK;;mBAC7BC;MAAXC,oBAAbC;;MACFC,wBAAiBF;MACjBG,6BAAsBD;qDAGzB,OAAD;AAAKE,IAAAA,qBAAcF;AAAnB,KACGR,eAAeE,iBACf,CAAC,CAACD,UAAUU,MAAZ,gDACE,MAAD;AAAID,IAAAA,qBAAcD;AAAlB,KACGR,UAAUW,GAAV,CAAc,UAACC,IAAD,EAAOC,KAAP;AAAA;;AAAA,uDACZ,MAAD;AAAIJ,MAAAA,qBAAcD,0BAAlB;AAA2CM,MAAAA,KAAKD;AAAhD,mDACG,OAAD;AACEJ,MAAAA,WAAWM,qEACLP,+BAA6B,8CAC7BA,sCAAoCI,KAAKI,MAAL,KAAgB;AAH5D,OAMGJ,KAAKI,MAAL,KAAgB,MAAhB,gDACE,OAAD;AAAKP,MAAAA,qBAAcD;AAAnB,mDACGS,uBAAD,mDACC,KAAD,MAAG,8BAGNL,KAAKI,MAAL,KAAgB,UAAhB,gDACE,OAAD;AAAKP,MAAAA,qBAAcD;AAAnB,mDACGU,SAAD,mDACC,KAAD,MAAG,uBAAKC,KAAKC,GAAL,CAASR,KAAKS,OAAd,EAAuB,EAAvB,KAGV,EAAC,WAAW,WAAWC,SAASV,KAAKI,WAAY,CAACJ,KAAKI,MAAN,IAAgBJ,KAAKW,GAAtE,iDACC,OAAD;AACEd,MAAAA,qBAAcD,2BADhB;AAEEgB,MAAAA,KAAKZ,KAAKW,GAAL,IAAY,6CAFnB;AAGEE,MAAAA,KAAI;AAHN,oDAMD,OAAD;AAAKhB,MAAAA,qBAAcD;AAAnB,OACGI,KAAKW,GAAL,gDACE,QAAD;AAAMd,MAAAA,qBAAcD;AAApB,mDACGkB,YAAD;AAAYC,MAAAA,SAAS,iBAACC,CAAD;AAAA,eAAmB1B,aAAa0B,GAAGhB,KAAnC;AAAA;AAArB,oDACC,QAAD;AAAMH,MAAAA,qBAAcD;AAApB,qDAGH,QAAD;AACEC,MAAAA,qBAAcD,gCADhB;AAEEmB,MAAAA,SAAS,iBAACC,CAAD;AAAA,eAAgCzB,OAAO;AAAEyB,UAAAA,GAAAA,CAAF;AAAKf,UAAAA,OAAAA,KAAL;AAAYD,UAAAA,MAAAA;AAAZ,UAAvC;AAAA;AAFX,mDAIGiB,YAAD,sDAIL,KAAD;AAAGpB,MAAAA,qBAAcD;AAAjB,OAA2CsB,YAAYlB,KAAKmB,OA1CjD;AAAA,GAAd;;;;;"}

package/lib/upload/themes/flow-list/index.d.ts

@@ -0,0 +1,25 @@
+import React, { MouseEvent, ReactNode } from 'react';
+import { UploadFile } from '../../type';
+import { FlowRemoveContext } from '../../types';
+export interface CommonListProps {
+    renderDragger: () => React.ReactElement;
+    showInitial: boolean;
+    listFiles: UploadFile[];
+}
+export interface FlowListProps {
+    children?: ReactNode;
+    files?: UploadFile[];
+    showUploadProgress?: boolean;
+    toUploadFiles?: UploadFile[];
+    placeholder: string;
+    display: 'file-flow' | 'image-flow';
+    remove: (ctx: FlowRemoveContext) => void;
+    upload: (files: UploadFile[], e: MouseEvent) => void;
+    cancel: (e: MouseEvent) => void;
+    onImgPreview: (e: MouseEvent, files: UploadFile) => void;
+    onChange: (files: FileList) => void;
+    onDragenter: (e: React.DragEvent) => void;
+    onDragleave: (e: React.DragEvent) => void;
+}
+declare const Index: React.FC<FlowListProps>;
+export default Index;

package/lib/upload/themes/flow-list/index.js

@@ -0,0 +1,157 @@
+/**
+ * tdesign v0.20.0
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+import { _ as _defineProperty } from '../../../_chunks/dep-31796d32.js';
+import { _ as _slicedToArray } from '../../../_chunks/dep-81bda54a.js';
+import React__default, { useState } from 'react';
+import classNames from 'classnames';
+import useConfig from '../../../_util/useConfig.js';
+import { Button } from '../../../button/index.js';
+import ImgList from './img-list.js';
+import FileList from './file-list.js';
+import BooleanRender from '../../boolean-render.js';
+import '../../../_chunks/dep-88fe1571.js';
+import '../../../config-provider/ConfigContext.js';
+import '../../../locale/zh_CN.js';
+import '../../../button/Button.js';
+import '../../../_chunks/dep-252337e0.js';
+import '../../../_util/noop.js';
+import '../../../_util/useRipple.js';
+import '../../../_util/setStyle.js';
+import '../../../loading/index.js';
+import '../../../loading/loading.js';
+import '../../../_util/dom.js';
+import 'raf';
+import '../../../_chunks/dep-3dc9b87e.js';
+import '../../../_chunks/dep-32c94b66.js';
+import '../../../_chunks/dep-bf215a19.js';
+import '../../../_chunks/dep-ff7b6baf.js';
+import '../../../_chunks/dep-0f2ac820.js';
+import '../../../_util/easing.js';
+import '../../../common/Portal.js';
+import 'react-dom';
+import '../../../loading/gradient.js';
+import '../../../loading/plugin.js';
+import 'tdesign-icons-react';
+import '../../util.js';
+import '../../../_chunks/dep-ff66d271.js';
+
+var Index = function Index(props) {
+  var _classNames;
+
+  var listFiles = props.files,
+      _props$toUploadFiles = props.toUploadFiles,
+      toUploadFiles = _props$toUploadFiles === void 0 ? [] : _props$toUploadFiles,
+      _props$showUploadProg = props.showUploadProgress,
+      showUploadProgress = _props$showUploadProg === void 0 ? false : _props$showUploadProg,
+      placeholder = props.placeholder,
+      display = props.display,
+      onImgPreview = props.onImgPreview,
+      remove = props.remove,
+      upload = props.upload,
+      cancel = props.cancel,
+      onChange = props.onChange,
+      onDragenter = props.onDragenter,
+      onDragleave = props.onDragleave,
+      _props$children = props.children,
+      children = _props$children === void 0 ? null : _props$children;
+  var target = React__default.useRef();
+
+  var _useConfig = useConfig(),
+      prefix = _useConfig.classPrefix;
+
+  var UPLOAD_NAME = "".concat(prefix, "-upload");
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      dragActive = _useState2[0],
+      setDragActive = _useState2[1];
+
+  var showInitial = !listFiles.length;
+  var failedList = toUploadFiles.filter(function (file) {
+    return file.status === "fail";
+  });
+  var isUploading = toUploadFiles.filter(function (file) {
+    return file.status === "progress";
+  }).length > 0;
+  var allowUpload = toUploadFiles.length > 0 && !isUploading;
+  var uploadText = failedList.length ? "\u91CD\u65B0\u4E0A\u4F20" : "\u5F00\u59CB\u4E0A\u4F20";
+  if (isUploading) uploadText = "\u4E0A\u4F20\u4E2D...";
+
+  var handleDrop = function handleDrop(event) {
+    event.preventDefault();
+    onChange === null || onChange === void 0 ? void 0 : onChange(event.dataTransfer.files);
+    onDragleave === null || onDragleave === void 0 ? void 0 : onDragleave(event);
+    setDragActive(false);
+  };
+
+  var handleDragenter = function handleDragenter(event) {
+    event.preventDefault();
+    onDragenter === null || onDragenter === void 0 ? void 0 : onDragenter(event);
+    setDragActive(true);
+  };
+
+  var handleDragleave = function handleDragleave(event) {
+    if (event.target !== target.current) return;
+    event.preventDefault();
+    onDragleave === null || onDragleave === void 0 ? void 0 : onDragleave(event);
+    setDragActive(false);
+  };
+
+  var handleDragover = function handleDragover(event) {
+    event.preventDefault();
+  };
+
+  var renderDragger = function renderDragger() {
+    return /* @__PURE__ */React__default.createElement("div", {
+      ref: target,
+      className: "".concat(UPLOAD_NAME, "__flow-empty"),
+      onDrop: handleDrop,
+      onDragEnter: handleDragenter,
+      onDragOver: handleDragover,
+      onDragLeave: handleDragleave
+    }, dragActive ? "\u91CA\u653E\u9F20\u6807" : "\u70B9\u51FB\u4E0A\u65B9\u201C\u9009\u62E9\u6587\u4EF6\u201D\u6216\u5C06\u6587\u4EF6\u62D6\u62FD\u5230\u6B64\u533A\u57DF");
+  };
+
+  var wrapperClassNames = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(UPLOAD_NAME, "__flow"), true), _defineProperty(_classNames, "".concat(UPLOAD_NAME, "__flow-").concat(display), true), _classNames));
+  return /* @__PURE__ */React__default.createElement("div", {
+    className: wrapperClassNames
+  }, /* @__PURE__ */React__default.createElement("div", {
+    className: "".concat(UPLOAD_NAME, "__flow-op")
+  }, children, /* @__PURE__ */React__default.createElement("small", {
+    className: "".concat(UPLOAD_NAME, "__small ").concat(UPLOAD_NAME, "__flow-placeholder")
+  }, placeholder)), /* @__PURE__ */React__default.createElement(BooleanRender, {
+    boolExpression: display === "file-flow"
+  }, /* @__PURE__ */React__default.createElement(FileList, {
+    listFiles: listFiles,
+    showInitial: showInitial,
+    renderDragger: renderDragger,
+    showUploadProgress: showUploadProgress,
+    remove: remove
+  })), /* @__PURE__ */React__default.createElement(BooleanRender, {
+    boolExpression: display === "image-flow"
+  }, /* @__PURE__ */React__default.createElement(ImgList, {
+    listFiles: listFiles,
+    showInitial: showInitial,
+    renderDragger: renderDragger,
+    onImgPreview: onImgPreview,
+    remove: remove
+  })), /* @__PURE__ */React__default.createElement("div", {
+    className: "".concat(UPLOAD_NAME, "__flow-bottom")
+  }, /* @__PURE__ */React__default.createElement(Button, {
+    theme: "default",
+    onClick: cancel
+  }, "\u53D6\u6D88"), /* @__PURE__ */React__default.createElement(Button, {
+    disabled: !allowUpload,
+    theme: "primary",
+    onClick: function onClick(e) {
+      return upload(toUploadFiles, e);
+    }
+  }, uploadText)));
+};
+
+export { Index as default };
+//# sourceMappingURL=index.js.map