tdesign-react 0.23.1 → 0.24.0

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'} alt=\"\" />}</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","createElement","ErrorCircleFilledIcon","className","Loading","loading","size","Math","min","percent","src","url","alt","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 { useLocaleReceiver } from '../../locale/LocalReceiver';\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  const [locale, t] = useLocaleReceiver('upload');\n  const { triggerUploadText, file: infoText, cancelUploadText } = locale;\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'} alt=\"\" />}</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`}>\n          {t(infoText.fileSizeText)}：{returnFileSize(file?.size)}\n        </small>\n        <small className={`${classPrefix}-size-s`}>\n          {t(infoText.fileOperationDateText)}：{getCurrentDate()}\n        </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              {t(cancelUploadText)}\n            </Button>\n            <Button theme=\"primary\" variant=\"text\" onClick={onUpload}>\n              {t(triggerUploadText.normal)}\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              {t(triggerUploadText.reupload)}\n            </Button>\n            <Button theme=\"primary\" variant=\"text\" onClick={handleRemove}>\n              {t(triggerUploadText.delete)}\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","useLocaleReceiver","locale","t","triggerUploadText","infoText","cancelUploadText","reUpload","e","index","showResultOperate","React","useMemo","includes","status","handleRemove","renderUploading","useCallback","createElement","ErrorCircleFilledIcon","className","Loading","loading","size","Math","min","percent","src","url","alt","abridgeName","name","CheckCircleFilledIcon","fileSizeText","returnFileSize","fileOperationDateText","getCurrentDate","Button","theme","variant","onClick","normal","reupload"],"mappings":"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"}

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

@@ -1,31 +1,47 @@
 /**
- * tdesign v0.23.1
+ * tdesign v0.24.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
+import { _ as _slicedToArray } from '../../../_chunks/dep-5b8e5d73.js';
 import React from 'react';
 import { CheckCircleFilledIcon, ErrorCircleFilledIcon, TimeFilledIcon } from 'tdesign-icons-react';
 import { abridgeName, returnFileSize } from '../../util.js';
 import useConfig from '../../../_util/useConfig.js';
+import { useLocaleReceiver } from '../../../locale/LocalReceiver.js';
 import { Loading } from '../../../loading/index.js';
-import '../../../_chunks/dep-f0919110.js';
-import '../../../_chunks/dep-c7bc4d7c.js';
-import '../../../config-provider/ConfigContext.js';
+import '../../../_chunks/dep-bb7a29d3.js';
+import '../../../_chunks/dep-59171410.js';
+import '../../../_chunks/dep-b30368ce.js';
+import '../../../_chunks/dep-da0195e8.js';
+import '../../../_chunks/dep-e84af34d.js';
+import '../../../_chunks/dep-5af122d0.js';
+import '../../../_chunks/dep-19031d17.js';
+import '../../../_chunks/dep-62626ccf.js';
+import '../../../_chunks/dep-4adbd07b.js';
+import '../../../_chunks/dep-2e6751f8.js';
+import '../../../_chunks/dep-c412d468.js';
+import '../../../_chunks/dep-f5bbc454.js';
+import '../../../_chunks/dep-0556fa4d.js';
+import '../../../_chunks/dep-83cac284.js';
+import '../../../_chunks/dep-54a086ab.js';
+import '../../../_chunks/dep-9df330b6.js';
+import '../../../_chunks/dep-200d9e9e.js';
+import '../../../_chunks/dep-58378e0a.js';
+import '../../../_chunks/dep-7af37a50.js';
+import '../../../_chunks/dep-91f5db94.js';
+import '../../../_chunks/dep-3fffcdb8.js';
 import '../../../locale/zh_CN.js';
+import '../../../_common/js/locale/zh_CN.js';
+import '../../../config-provider/defaultConfig.js';
+import '../../../config-provider/index.js';
+import '../../../config-provider/ConfigProvider.js';
 import '../../../loading/loading.js';
-import '../../../_chunks/dep-b71058fe.js';
-import '../../../_chunks/dep-543c3536.js';
 import 'classnames';
 import '../../../_util/dom.js';
 import 'raf';
-import '../../../_chunks/dep-cf8954fb.js';
-import '../../../_chunks/dep-60f5bd8f.js';
-import '../../../_chunks/dep-adec0da9.js';
-import '../../../_chunks/dep-195c3d75.js';
-import '../../../_chunks/dep-3222ad5b.js';
-import '../../../_chunks/dep-73c3d91b.js';
-import '../../../_chunks/dep-3078962f.js';
+import '../../../_chunks/dep-566dd354.js';
 import '../../../_util/easing.js';
 import '../../../common/Portal.js';
 import 'react-dom';
@@ -33,7 +49,7 @@ import '../../../loading/gradient.js';
 import '../../../_common/js/loading/circle-adapter.js';
 import '../../../_common/js/utils/set-style.js';
 import '../../../_common/js/utils/helper.js';
-import '../../../_chunks/dep-bc6012b1.js';
+import '../../../_chunks/dep-b50698cb.js';
 import './style/css.js';
 import '../../../loading/type.js';
 import '../../../loading/plugin.js';
@@ -48,25 +64,33 @@ var FileList = function FileList(props) {
   var _useConfig = useConfig(),
       prefix = _useConfig.classPrefix;
 
+  var _useLocaleReceiver = useLocaleReceiver("upload"),
+      _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 2),
+      locale = _useLocaleReceiver2[0],
+      t = _useLocaleReceiver2[1];
+
   var UPLOAD_NAME = "".concat(prefix, "-upload");
+  var progressText = locale.progress,
+      infoText = locale.file,
+      triggerUploadText = locale.triggerUploadText;
 
   var renderStatus = function renderStatus(file) {
     var STATUS_MAP = {
       success: {
         icon: /* @__PURE__ */React.createElement(CheckCircleFilledIcon, null),
-        text: "\u4E0A\u4F20\u6210\u529F"
+        text: t(progressText.successText)
       },
       fail: {
         icon: /* @__PURE__ */React.createElement(ErrorCircleFilledIcon, null),
-        text: "\u4E0A\u4F20\u5931\u8D25"
+        text: t(progressText.failText)
       },
       progress: {
         icon: /* @__PURE__ */React.createElement(Loading, null),
-        text: "\u4E0A\u4F20\u4E2D ".concat(Math.min(file.percent, 99), "%")
+        text: "".concat(t(progressText.uploadingText), " ").concat(Math.min(file.percent, 99), "%")
       },
       waiting: {
         icon: /* @__PURE__ */React.createElement(TimeFilledIcon, null),
-        text: "\u5F85\u4E0A\u4F20"
+        text: t(progressText.waitingText)
       }
     };
     if (file.status === "progress" && !showUploadProgress) return null;
@@ -77,7 +101,7 @@ var FileList = function FileList(props) {
 
   return /* @__PURE__ */React.createElement("table", {
     className: "".concat(UPLOAD_NAME, "__flow-table")
-  }, /* @__PURE__ */React.createElement("thead", null, /* @__PURE__ */React.createElement("tr", null, /* @__PURE__ */React.createElement("th", null, "\u6587\u4EF6\u540D"), /* @__PURE__ */React.createElement("th", null, "\u5927\u5C0F"), /* @__PURE__ */React.createElement("th", null, "\u72B6\u6001"), /* @__PURE__ */React.createElement("th", null, "\u64CD\u4F5C"))), /* @__PURE__ */React.createElement("tbody", null, showInitial && /* @__PURE__ */React.createElement("tr", null, /* @__PURE__ */React.createElement("td", {
+  }, /* @__PURE__ */React.createElement("thead", null, /* @__PURE__ */React.createElement("tr", null, /* @__PURE__ */React.createElement("th", null, t(infoText.fileNameText)), /* @__PURE__ */React.createElement("th", null, t(infoText.fileSizeText)), /* @__PURE__ */React.createElement("th", null, t(infoText.fileStatusText)), /* @__PURE__ */React.createElement("th", null, t(infoText.fileOperationText)))), /* @__PURE__ */React.createElement("tbody", null, showInitial && /* @__PURE__ */React.createElement("tr", null, /* @__PURE__ */React.createElement("td", {
     colSpan: 4
   }, renderDragger())), listFiles.map(function (file, index) {
     return /* @__PURE__ */React.createElement("tr", {
@@ -91,7 +115,7 @@ var FileList = function FileList(props) {
           file: file
         });
       }
-    }, "\u5220\u9664")));
+    }, t(triggerUploadText["delete"]))));
   })));
 };
 

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

@@ -1 +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","React","createElement","CheckCircleFilledIcon","text","fail","ErrorCircleFilledIcon","progress","Loading","Math","min","percent","waiting","TimeFilledIcon","status","className","colSpan","map","index","key","abridgeName","name","returnFileSize","size","onClick","e"],"mappings":"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"}
+{"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 { useLocaleReceiver } from '../../../locale/LocalReceiver';\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 [locale, t] = useLocaleReceiver('upload');\n  const UPLOAD_NAME = `${prefix}-upload`;\n  const { progress: progressText, file: infoText, triggerUploadText } = locale;\n\n  const renderStatus = (file: UploadFile) => {\n    const STATUS_MAP = {\n      success: {\n        icon: <CheckCircleFilledIcon />,\n        text: t(progressText.successText),\n      },\n      fail: {\n        icon: <ErrorCircleFilledIcon />,\n        text: t(progressText.failText),\n      },\n      progress: {\n        icon: <Loading />,\n        text: `${t(progressText.uploadingText)} ${Math.min(file.percent, 99)}%`,\n      },\n      waiting: {\n        icon: <TimeFilledIcon />,\n        text: t(progressText.waitingText),\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>{t(infoText.fileNameText)}</th>\n          <th>{t(infoText.fileSizeText)}</th>\n          <th>{t(infoText.fileStatusText)}</th>\n          <th>{t(infoText.fileOperationText)}</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                {t(triggerUploadText.delete)}\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","useLocaleReceiver","locale","t","UPLOAD_NAME","progressText","progress","infoText","file","triggerUploadText","renderStatus","STATUS_MAP","success","icon","React","createElement","CheckCircleFilledIcon","text","successText","fail","ErrorCircleFilledIcon","failText","Loading","uploadingText","Math","min","percent","waiting","TimeFilledIcon","waitingText","status","className","fileNameText","fileSizeText","fileStatusText","fileOperationText","colSpan","map","index","key","abridgeName","name","returnFileSize","size","onClick","e"],"mappings":"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"}

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

@@ -1,31 +1,47 @@
 /**
- * tdesign v0.23.1
+ * tdesign v0.24.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../../_chunks/dep-b71058fe.js';
+import { _ as _defineProperty } from '../../../_chunks/dep-da0195e8.js';
+import { _ as _slicedToArray } from '../../../_chunks/dep-5b8e5d73.js';
 import classNames from 'classnames';
 import { ErrorCircleFilledIcon, BrowseIcon, DeleteIcon } from 'tdesign-icons-react';
 import React from 'react';
 import useConfig from '../../../_util/useConfig.js';
+import { useLocaleReceiver } from '../../../locale/LocalReceiver.js';
 import { abridgeName } from '../../util.js';
 import { Loading } from '../../../loading/index.js';
-import '../../../config-provider/ConfigContext.js';
+import '../../../_chunks/dep-bb7a29d3.js';
+import '../../../_chunks/dep-b30368ce.js';
+import '../../../_chunks/dep-e84af34d.js';
+import '../../../_chunks/dep-5af122d0.js';
+import '../../../_chunks/dep-19031d17.js';
+import '../../../_chunks/dep-62626ccf.js';
+import '../../../_chunks/dep-4adbd07b.js';
+import '../../../_chunks/dep-2e6751f8.js';
+import '../../../_chunks/dep-c412d468.js';
+import '../../../_chunks/dep-f5bbc454.js';
+import '../../../_chunks/dep-0556fa4d.js';
+import '../../../_chunks/dep-83cac284.js';
+import '../../../_chunks/dep-54a086ab.js';
+import '../../../_chunks/dep-9df330b6.js';
+import '../../../_chunks/dep-200d9e9e.js';
+import '../../../_chunks/dep-58378e0a.js';
+import '../../../_chunks/dep-7af37a50.js';
+import '../../../_chunks/dep-91f5db94.js';
+import '../../../_chunks/dep-3fffcdb8.js';
 import '../../../locale/zh_CN.js';
-import '../../../_chunks/dep-f0919110.js';
-import '../../../_chunks/dep-c7bc4d7c.js';
+import '../../../_common/js/locale/zh_CN.js';
+import '../../../config-provider/defaultConfig.js';
+import '../../../config-provider/index.js';
+import '../../../config-provider/ConfigProvider.js';
+import '../../../_chunks/dep-59171410.js';
 import '../../../loading/loading.js';
-import '../../../_chunks/dep-543c3536.js';
 import '../../../_util/dom.js';
 import 'raf';
-import '../../../_chunks/dep-cf8954fb.js';
-import '../../../_chunks/dep-60f5bd8f.js';
-import '../../../_chunks/dep-adec0da9.js';
-import '../../../_chunks/dep-195c3d75.js';
-import '../../../_chunks/dep-3222ad5b.js';
-import '../../../_chunks/dep-73c3d91b.js';
-import '../../../_chunks/dep-3078962f.js';
+import '../../../_chunks/dep-566dd354.js';
 import '../../../_util/easing.js';
 import '../../../common/Portal.js';
 import 'react-dom';
@@ -33,7 +49,7 @@ import '../../../loading/gradient.js';
 import '../../../_common/js/loading/circle-adapter.js';
 import '../../../_common/js/utils/set-style.js';
 import '../../../_common/js/utils/helper.js';
-import '../../../_chunks/dep-bc6012b1.js';
+import '../../../_chunks/dep-b50698cb.js';
 import './style/css.js';
 import '../../../loading/type.js';
 import '../../../loading/plugin.js';
@@ -48,6 +64,11 @@ var ImgList = function ImgList(props) {
   var _useConfig = useConfig(),
       prefix = _useConfig.classPrefix;
 
+  var _useLocaleReceiver = useLocaleReceiver("upload"),
+      _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 2),
+      locale = _useLocaleReceiver2[0],
+      t = _useLocaleReceiver2[1];
+
   var UPLOAD_NAME = "".concat(prefix, "-upload");
   var UPLOAD_NAME_CARD = "".concat(UPLOAD_NAME, "__card");
   return /* @__PURE__ */React.createElement("div", {
@@ -64,9 +85,9 @@ var ImgList = function ImgList(props) {
       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.createElement("div", {
       className: "".concat(UPLOAD_NAME_CARD, "-status-wrap")
-    }, /* @__PURE__ */React.createElement(ErrorCircleFilledIcon, null), /* @__PURE__ */React.createElement("p", null, "\u4E0A\u4F20\u5931\u8D25")), file.status === "progress" && /* @__PURE__ */React.createElement("div", {
+    }, /* @__PURE__ */React.createElement(ErrorCircleFilledIcon, null), /* @__PURE__ */React.createElement("p", null, t(locale.progress.failText))), file.status === "progress" && /* @__PURE__ */React.createElement("div", {
       className: "".concat(UPLOAD_NAME_CARD, "-status-wrap")
-    }, /* @__PURE__ */React.createElement(Loading, null), /* @__PURE__ */React.createElement("p", null, "\u4E0A\u4F20\u4E2D ", Math.min(file.percent, 99))), (["waiting", "success"].includes(file.status) || !file.status && file.url) && /* @__PURE__ */React.createElement("img", {
+    }, /* @__PURE__ */React.createElement(Loading, null), /* @__PURE__ */React.createElement("p", null, t(locale.progress.uploadingText), " ", Math.min(file.percent, 99))), (["waiting", "success"].includes(file.status) || !file.status && file.url) && /* @__PURE__ */React.createElement("img", {
       className: "".concat(UPLOAD_NAME_CARD, "-image"),
       src: file.url || "//tdesign.gtimg.com/tdesign-default-img.png",
       alt: ""

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

@@ -1 +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(file, e)} />\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","React","createElement","className","length","map","file","index","key","classNames","status","ErrorCircleFilledIcon","Loading","Math","min","percent","includes","url","src","alt","BrowseIcon","onClick","e","DeleteIcon","abridgeName","name"],"mappings":"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"}
+{"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 { useLocaleReceiver } from '../../../locale/LocalReceiver';\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 [locale, t] = useLocaleReceiver('upload');\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>{t(locale.progress.failText)}</p>\n                  </div>\n                )}\n                {file.status === 'progress' && (\n                  <div className={`${UPLOAD_NAME_CARD}-status-wrap`}>\n                    <Loading />\n                    <p>\n                      {t(locale.progress.uploadingText)} {Math.min(file.percent, 99)}\n                    </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(file, e)} />\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","useLocaleReceiver","locale","t","UPLOAD_NAME","UPLOAD_NAME_CARD","React","createElement","className","length","map","file","index","key","classNames","status","ErrorCircleFilledIcon","progress","failText","Loading","uploadingText","Math","min","percent","includes","url","src","alt","BrowseIcon","onClick","e","DeleteIcon","abridgeName","name"],"mappings":"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"}

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

@@ -1,23 +1,45 @@
 /**
- * tdesign v0.23.1
+ * tdesign v0.24.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../../_chunks/dep-b71058fe.js';
-import { _ as _slicedToArray } from '../../../_chunks/dep-543c3536.js';
+import { _ as _defineProperty } from '../../../_chunks/dep-da0195e8.js';
+import { _ as _slicedToArray } from '../../../_chunks/dep-5b8e5d73.js';
 import React, { useState, useCallback } from 'react';
 import classNames from 'classnames';
 import useConfig from '../../../_util/useConfig.js';
+import { useLocaleReceiver } from '../../../locale/LocalReceiver.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-c7bc4d7c.js';
-import '../../../config-provider/ConfigContext.js';
+import '../../../_chunks/dep-bb7a29d3.js';
+import '../../../_chunks/dep-b30368ce.js';
+import '../../../_chunks/dep-e84af34d.js';
+import '../../../_chunks/dep-5af122d0.js';
+import '../../../_chunks/dep-19031d17.js';
+import '../../../_chunks/dep-62626ccf.js';
+import '../../../_chunks/dep-4adbd07b.js';
+import '../../../_chunks/dep-2e6751f8.js';
+import '../../../_chunks/dep-c412d468.js';
+import '../../../_chunks/dep-f5bbc454.js';
+import '../../../_chunks/dep-0556fa4d.js';
+import '../../../_chunks/dep-83cac284.js';
+import '../../../_chunks/dep-54a086ab.js';
+import '../../../_chunks/dep-9df330b6.js';
+import '../../../_chunks/dep-200d9e9e.js';
+import '../../../_chunks/dep-58378e0a.js';
+import '../../../_chunks/dep-7af37a50.js';
+import '../../../_chunks/dep-91f5db94.js';
+import '../../../_chunks/dep-3fffcdb8.js';
 import '../../../locale/zh_CN.js';
+import '../../../_common/js/locale/zh_CN.js';
+import '../../../config-provider/defaultConfig.js';
+import '../../../config-provider/index.js';
+import '../../../config-provider/ConfigProvider.js';
 import '../../../button/Button.js';
-import '../../../_chunks/dep-bc6012b1.js';
+import '../../../_chunks/dep-b50698cb.js';
 import '../../../_util/noop.js';
 import '../../../_util/useRipple.js';
 import '../../../_util/setStyle.js';
@@ -25,13 +47,7 @@ import '../../../loading/index.js';
 import '../../../loading/loading.js';
 import '../../../_util/dom.js';
 import 'raf';
-import '../../../_chunks/dep-cf8954fb.js';
-import '../../../_chunks/dep-60f5bd8f.js';
-import '../../../_chunks/dep-adec0da9.js';
-import '../../../_chunks/dep-195c3d75.js';
-import '../../../_chunks/dep-3222ad5b.js';
-import '../../../_chunks/dep-73c3d91b.js';
-import '../../../_chunks/dep-3078962f.js';
+import '../../../_chunks/dep-566dd354.js';
 import '../../../_util/easing.js';
 import '../../../common/Portal.js';
 import 'react-dom';
@@ -45,7 +61,7 @@ import '../../../loading/plugin.js';
 import '../../../button/type.js';
 import 'tdesign-icons-react';
 import '../../util.js';
-import '../../../_chunks/dep-f0919110.js';
+import '../../../_chunks/dep-59171410.js';
 
 var Index = function Index(props) {
   var _classNames;
@@ -71,6 +87,11 @@ var Index = function Index(props) {
   var _useConfig = useConfig(),
       prefix = _useConfig.classPrefix;
 
+  var _useLocaleReceiver = useLocaleReceiver("upload"),
+      _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 2),
+      locale = _useLocaleReceiver2[0],
+      t = _useLocaleReceiver2[1];
+
   var UPLOAD_NAME = "".concat(prefix, "-upload");
 
   var _useState = useState(false),
@@ -86,8 +107,10 @@ var Index = function Index(props) {
     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 progress = locale.progress,
+      triggerUploadText = locale.triggerUploadText;
+  var uploadText = failedList.length ? t(triggerUploadText.reupload) : t(triggerUploadText.normal);
+  if (isUploading) uploadText = t(progress.uploadingText);
 
   var handleDrop = function handleDrop(event) {
     event.preventDefault();
@@ -127,7 +150,7 @@ var Index = function Index(props) {
       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");
+    }, dragActive ? t(locale.dragger.dragDropText) : t(locale.dragger.clickAndDragText));
   };
 
   var wrapperClassNames = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(UPLOAD_NAME, "__flow"), true), _defineProperty(_classNames, "".concat(UPLOAD_NAME, "__flow-").concat(display), true), _classNames));
@@ -158,7 +181,7 @@ var Index = function Index(props) {
   }, /* @__PURE__ */React.createElement(Button, {
     theme: "default",
     onClick: cancel
-  }, "\u53D6\u6D88"), /* @__PURE__ */React.createElement(Button, {
+  }, t(locale.cancelUploadText)), /* @__PURE__ */React.createElement(Button, {
     disabled: !allowUpload,
     theme: "primary",
     onClick: function onClick(e) {

package/es/upload/themes/flow-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/upload/themes/flow-list/index.tsx"],"sourcesContent":["import React, { DragEvent, MouseEvent, ReactNode, useCallback, useState } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../../../_util/useConfig';\nimport Button from '../../../button';\nimport { UploadFile } from '../../type';\nimport { FlowRemoveContext } from '../../types';\nimport ImgList from './img-list';\nimport FileList from './file-list';\nimport BooleanRender from '../../boolean-render';\n\nexport interface CommonListProps {\n  renderDragger: () => React.ReactElement;\n  showInitial: boolean;\n  listFiles: UploadFile[];\n}\n\nexport interface FlowListProps {\n  children?: ReactNode;\n  files?: UploadFile[];\n  showUploadProgress?: boolean;\n  toUploadFiles?: UploadFile[];\n  placeholder: string;\n  display: 'file-flow' | 'image-flow';\n  remove: (ctx: FlowRemoveContext) => void;\n  upload: (files: UploadFile[], e: MouseEvent) => void;\n  cancel: (e: MouseEvent) => void;\n  onImgPreview: (file: UploadFile, e: MouseEvent) => void;\n  onChange: (files: FileList) => void;\n  onDragenter: (e: React.DragEvent) => void;\n  onDragleave: (e: React.DragEvent) => void;\n}\n\nconst Index: React.FC<FlowListProps> = (props) => {\n  const {\n    files: listFiles,\n    toUploadFiles = [],\n    showUploadProgress = false,\n    placeholder,\n    display,\n    onImgPreview,\n    remove,\n    upload,\n    cancel,\n    onChange,\n    onDragenter,\n    onDragleave,\n    children = null,\n  } = props;\n  const target = React.useRef();\n  const { classPrefix: prefix } = useConfig();\n  const UPLOAD_NAME = `${prefix}-upload`;\n  const [dragActive, setDragActive] = useState(false);\n  const showInitial = !listFiles.length;\n  const failedList = toUploadFiles.filter((file) => file.status === 'fail');\n  const isUploading = toUploadFiles.filter((file) => file.status === 'progress').length > 0;\n  const allowUpload = toUploadFiles.length > 0 && !isUploading;\n  let uploadText = failedList.length ? '重新上传' : '开始上传';\n  if (isUploading) uploadText = '上传中...';\n\n  const handleDrop = (event: DragEvent) => {\n    event.preventDefault();\n    onChange?.(event.dataTransfer.files);\n    onDragleave?.(event);\n    setDragActive(false);\n  };\n  const handleDragenter = (event: DragEvent) => {\n    event.preventDefault();\n    onDragenter?.(event);\n    setDragActive(true);\n  };\n  const handleDragleave = (event: DragEvent) => {\n    if (event.target !== target.current) return;\n    event.preventDefault();\n    onDragleave?.(event);\n    setDragActive(false);\n  };\n  const handleDragover = (event: DragEvent) => {\n    event.preventDefault();\n  };\n  const onInternalImgPreview = useCallback(\n    (file, event) => {\n      if (!onImgPreview) return;\n      event.preventDefault();\n      onImgPreview(file, event);\n    },\n    [onImgPreview],\n  );\n\n  const renderDragger = () => (\n    <div\n      ref={target}\n      className={`${UPLOAD_NAME}__flow-empty`}\n      onDrop={handleDrop}\n      onDragEnter={handleDragenter}\n      onDragOver={handleDragover}\n      onDragLeave={handleDragleave}\n    >\n      {dragActive ? '释放鼠标' : '点击上方“选择文件”或将文件拖拽到此区域'}\n    </div>\n  );\n  const wrapperClassNames = classNames({\n    [`${UPLOAD_NAME}__flow`]: true,\n    [`${UPLOAD_NAME}__flow-${display}`]: true,\n  });\n\n  return (\n    <div className={wrapperClassNames}>\n      <div className={`${UPLOAD_NAME}__flow-op`}>\n        {children}\n        <small className={`${UPLOAD_NAME}__small ${UPLOAD_NAME}__flow-placeholder`}>{placeholder}</small>\n      </div>\n      <BooleanRender boolExpression={display === 'file-flow'}>\n        <FileList\n          listFiles={listFiles}\n          showInitial={showInitial}\n          renderDragger={renderDragger}\n          showUploadProgress={showUploadProgress}\n          remove={remove}\n        />\n      </BooleanRender>\n      <BooleanRender boolExpression={display === 'image-flow'}>\n        <ImgList\n          listFiles={listFiles}\n          showInitial={showInitial}\n          renderDragger={renderDragger}\n          onImgPreview={onInternalImgPreview}\n          remove={remove}\n        />\n      </BooleanRender>\n      <div className={`${UPLOAD_NAME}__flow-bottom`}>\n        <Button theme=\"default\" onClick={cancel}>\n          取消\n        </Button>\n        <Button disabled={!allowUpload} theme=\"primary\" onClick={(e: MouseEvent) => upload(toUploadFiles, e)}>\n          {uploadText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n\nexport default Index;\n"],"names":["Index","props","listFiles","files","toUploadFiles","showUploadProgress","placeholder","display","onImgPreview","remove","upload","cancel","onChange","onDragenter","onDragleave","children","target","React","useRef","useConfig","prefix","classPrefix","UPLOAD_NAME","useState","dragActive","setDragActive","showInitial","length","failedList","filter","file","status","isUploading","allowUpload","uploadText","handleDrop","event","preventDefault","dataTransfer","handleDragenter","handleDragleave","current","handleDragover","onInternalImgPreview","useCallback","renderDragger","createElement","ref","className","onDrop","onDragEnter","onDragOver","onDragLeave","wrapperClassNames","classNames","BooleanRender","boolExpression","FileList","ImgList","Button","theme","onClick","disabled","e"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/upload/themes/flow-list/index.tsx"],"sourcesContent":["import React, { DragEvent, MouseEvent, ReactNode, useCallback, useState } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../../../_util/useConfig';\nimport { useLocaleReceiver } from '../../../locale/LocalReceiver';\nimport Button from '../../../button';\nimport { UploadFile } from '../../type';\nimport { FlowRemoveContext } from '../../types';\nimport ImgList from './img-list';\nimport FileList from './file-list';\nimport BooleanRender from '../../boolean-render';\n\nexport interface CommonListProps {\n  renderDragger: () => React.ReactElement;\n  showInitial: boolean;\n  listFiles: UploadFile[];\n}\n\nexport interface FlowListProps {\n  children?: ReactNode;\n  files?: UploadFile[];\n  showUploadProgress?: boolean;\n  toUploadFiles?: UploadFile[];\n  placeholder: string;\n  display: 'file-flow' | 'image-flow';\n  remove: (ctx: FlowRemoveContext) => void;\n  upload: (files: UploadFile[], e: MouseEvent) => void;\n  cancel: (e: MouseEvent) => void;\n  onImgPreview: (file: UploadFile, e: MouseEvent) => void;\n  onChange: (files: FileList) => void;\n  onDragenter: (e: React.DragEvent) => void;\n  onDragleave: (e: React.DragEvent) => void;\n}\n\nconst Index: React.FC<FlowListProps> = (props) => {\n  const {\n    files: listFiles,\n    toUploadFiles = [],\n    showUploadProgress = false,\n    placeholder,\n    display,\n    onImgPreview,\n    remove,\n    upload,\n    cancel,\n    onChange,\n    onDragenter,\n    onDragleave,\n    children = null,\n  } = props;\n  const target = React.useRef();\n  const { classPrefix: prefix } = useConfig();\n  const [locale, t] = useLocaleReceiver('upload');\n  const UPLOAD_NAME = `${prefix}-upload`;\n  const [dragActive, setDragActive] = useState(false);\n  const showInitial = !listFiles.length;\n  const failedList = toUploadFiles.filter((file) => file.status === 'fail');\n  const isUploading = toUploadFiles.filter((file) => file.status === 'progress').length > 0;\n  const allowUpload = toUploadFiles.length > 0 && !isUploading;\n  const { progress, triggerUploadText } = locale;\n  let uploadText = failedList.length ? t(triggerUploadText.reupload) : t(triggerUploadText.normal);\n  if (isUploading) uploadText = t(progress.uploadingText);\n\n  const handleDrop = (event: DragEvent) => {\n    event.preventDefault();\n    onChange?.(event.dataTransfer.files);\n    onDragleave?.(event);\n    setDragActive(false);\n  };\n  const handleDragenter = (event: DragEvent) => {\n    event.preventDefault();\n    onDragenter?.(event);\n    setDragActive(true);\n  };\n  const handleDragleave = (event: DragEvent) => {\n    if (event.target !== target.current) return;\n    event.preventDefault();\n    onDragleave?.(event);\n    setDragActive(false);\n  };\n  const handleDragover = (event: DragEvent) => {\n    event.preventDefault();\n  };\n  const onInternalImgPreview = useCallback(\n    (file, event) => {\n      if (!onImgPreview) return;\n      event.preventDefault();\n      onImgPreview(file, event);\n    },\n    [onImgPreview],\n  );\n\n  const renderDragger = () => (\n    <div\n      ref={target}\n      className={`${UPLOAD_NAME}__flow-empty`}\n      onDrop={handleDrop}\n      onDragEnter={handleDragenter}\n      onDragOver={handleDragover}\n      onDragLeave={handleDragleave}\n    >\n      {dragActive ? t(locale.dragger.dragDropText) : t(locale.dragger.clickAndDragText)}\n    </div>\n  );\n  const wrapperClassNames = classNames({\n    [`${UPLOAD_NAME}__flow`]: true,\n    [`${UPLOAD_NAME}__flow-${display}`]: true,\n  });\n\n  return (\n    <div className={wrapperClassNames}>\n      <div className={`${UPLOAD_NAME}__flow-op`}>\n        {children}\n        <small className={`${UPLOAD_NAME}__small ${UPLOAD_NAME}__flow-placeholder`}>{placeholder}</small>\n      </div>\n      <BooleanRender boolExpression={display === 'file-flow'}>\n        <FileList\n          listFiles={listFiles}\n          showInitial={showInitial}\n          renderDragger={renderDragger}\n          showUploadProgress={showUploadProgress}\n          remove={remove}\n        />\n      </BooleanRender>\n      <BooleanRender boolExpression={display === 'image-flow'}>\n        <ImgList\n          listFiles={listFiles}\n          showInitial={showInitial}\n          renderDragger={renderDragger}\n          onImgPreview={onInternalImgPreview}\n          remove={remove}\n        />\n      </BooleanRender>\n      <div className={`${UPLOAD_NAME}__flow-bottom`}>\n        <Button theme=\"default\" onClick={cancel}>\n          {t(locale.cancelUploadText)}\n        </Button>\n        <Button disabled={!allowUpload} theme=\"primary\" onClick={(e: MouseEvent) => upload(toUploadFiles, e)}>\n          {uploadText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n\nexport default Index;\n"],"names":["Index","props","listFiles","files","toUploadFiles","showUploadProgress","placeholder","display","onImgPreview","remove","upload","cancel","onChange","onDragenter","onDragleave","children","target","React","useRef","useConfig","prefix","classPrefix","useLocaleReceiver","locale","t","UPLOAD_NAME","useState","dragActive","setDragActive","showInitial","length","failedList","filter","file","status","isUploading","allowUpload","progress","triggerUploadText","uploadText","reupload","normal","uploadingText","handleDrop","event","preventDefault","dataTransfer","handleDragenter","handleDragleave","current","handleDragover","onInternalImgPreview","useCallback","renderDragger","createElement","ref","className","onDrop","onDragEnter","onDragOver","onDragLeave","dragger","dragDropText","clickAndDragText","wrapperClassNames","classNames","BooleanRender","boolExpression","FileList","ImgList","Button","theme","onClick","cancelUploadText","disabled","e"],"mappings":"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"}

package/es/upload/themes/flow-list/style/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.23.1
+ * tdesign v0.24.0
  * (c) 2022 tdesign
  * @license MIT
  */