tdesign-react 0.25.2 → 0.25.3-alpha.1

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

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.2
+ * tdesign v0.25.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,7 +8,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var slicedToArray = require('../../_chunks/dep-b7cfec4d.js');
+var slicedToArray = require('../../_chunks/dep-402b9452.js');
 var React = require('react');
 var tdesignIconsReact = require('tdesign-icons-react');
 var button_index = require('../../button/index.js');
@@ -16,36 +16,37 @@ var loading_index = require('../../loading/index.js');
 var _util_useConfig = require('../../_util/useConfig.js');
 var locale_LocalReceiver = require('../../locale/LocalReceiver.js');
 var upload_util = require('../util.js');
-require('../../_chunks/dep-24860d3b.js');
+require('../../_chunks/dep-20cb3e75.js');
 require('../../button/Button.js');
-require('../../_chunks/dep-54e5d466.js');
-require('../../_chunks/dep-eedee13a.js');
+require('../../_chunks/dep-728c3d30.js');
+require('../../_chunks/dep-7b67ce1a.js');
 require('classnames');
 require('../../_util/noop.js');
 require('../../_util/useRipple.js');
+require('../../_util/useAnimation.js');
+require('../../_chunks/dep-cb1cdc62.js');
+require('../../_chunks/dep-94ac5bc2.js');
+require('../../_chunks/dep-d5c34a19.js');
+require('../../_chunks/dep-b81d09ba.js');
+require('../../_chunks/dep-9ac45eb1.js');
+require('../../_chunks/dep-0e51d993.js');
+require('../../_chunks/dep-e92e2bb4.js');
+require('../../_chunks/dep-09c2324b.js');
+require('../../_chunks/dep-aef3883a.js');
+require('../../_chunks/dep-4d02f91f.js');
+require('../../_chunks/dep-f7cad145.js');
+require('../../_chunks/dep-d5b1028b.js');
+require('../../_chunks/dep-fe8b0b86.js');
+require('../../_chunks/dep-32b793ca.js');
+require('../../_chunks/dep-3a37dd17.js');
+require('../../_chunks/dep-b4f37218.js');
+require('../../_common/js/locale/zh_CN.js');
+require('../../config-provider/defaultConfig.js');
 require('../../_util/setStyle.js');
 require('../../_util/dom.js');
 require('raf');
-require('../../_chunks/dep-3cfc5c96.js');
-require('../../_chunks/dep-7bbe83c7.js');
-require('../../_chunks/dep-22e00850.js');
-require('../../_chunks/dep-0706ae8b.js');
-require('../../_chunks/dep-a19cf0b0.js');
+require('../../_chunks/dep-a2749c28.js');
 require('../../_util/easing.js');
-require('../../_chunks/dep-c4204176.js');
-require('../../_chunks/dep-955ec2f5.js');
-require('../../_chunks/dep-43d2b778.js');
-require('../../_chunks/dep-a4e63197.js');
-require('../../_chunks/dep-5d12d655.js');
-require('../../_chunks/dep-140a2995.js');
-require('../../_chunks/dep-d2ca8f73.js');
-require('../../_chunks/dep-0a2d9525.js');
-require('../../_chunks/dep-ec6a3b8b.js');
-require('../../_chunks/dep-37d3829a.js');
-require('../../_chunks/dep-4fa0c97c.js');
-require('../../_chunks/dep-e8b2b2fc.js');
-require('../../_common/js/locale/zh_CN.js');
-require('../../config-provider/defaultConfig.js');
 require('../../loading/loading.js');
 require('../../common/Portal.js');
 require('react-dom');
@@ -54,7 +55,7 @@ require('../../_common/js/loading/circle-adapter.js');
 require('../../_common/js/utils/set-style.js');
 require('../../_common/js/utils/helper.js');
 require('../../loading/plugin.js');
-require('../../_chunks/dep-551cd0f7.js');
+require('../../_chunks/dep-b41f5892.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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 { 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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"}
+{"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/lib/upload/themes/flow-list/file-list.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.2
+ * tdesign v0.25.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,39 +8,39 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var slicedToArray = require('../../../_chunks/dep-b7cfec4d.js');
+var slicedToArray = require('../../../_chunks/dep-402b9452.js');
 var React = require('react');
 var tdesignIconsReact = require('tdesign-icons-react');
 var upload_util = require('../../util.js');
 var _util_useConfig = require('../../../_util/useConfig.js');
 var locale_LocalReceiver = require('../../../locale/LocalReceiver.js');
 var loading_index = require('../../../loading/index.js');
-require('../../../_chunks/dep-24860d3b.js');
-require('../../../_chunks/dep-551cd0f7.js');
-require('../../../_chunks/dep-c4204176.js');
-require('../../../_chunks/dep-54e5d466.js');
-require('../../../_chunks/dep-955ec2f5.js');
-require('../../../_chunks/dep-43d2b778.js');
-require('../../../_chunks/dep-a4e63197.js');
-require('../../../_chunks/dep-5d12d655.js');
-require('../../../_chunks/dep-7bbe83c7.js');
-require('../../../_chunks/dep-22e00850.js');
-require('../../../_chunks/dep-a19cf0b0.js');
-require('../../../_chunks/dep-140a2995.js');
-require('../../../_chunks/dep-d2ca8f73.js');
-require('../../../_chunks/dep-0a2d9525.js');
-require('../../../_chunks/dep-ec6a3b8b.js');
-require('../../../_chunks/dep-37d3829a.js');
-require('../../../_chunks/dep-4fa0c97c.js');
-require('../../../_chunks/dep-0706ae8b.js');
-require('../../../_chunks/dep-e8b2b2fc.js');
+require('../../../_chunks/dep-20cb3e75.js');
+require('../../../_chunks/dep-b41f5892.js');
+require('../../../_chunks/dep-cb1cdc62.js');
+require('../../../_chunks/dep-728c3d30.js');
+require('../../../_chunks/dep-94ac5bc2.js');
+require('../../../_chunks/dep-d5c34a19.js');
+require('../../../_chunks/dep-b81d09ba.js');
+require('../../../_chunks/dep-9ac45eb1.js');
+require('../../../_chunks/dep-0e51d993.js');
+require('../../../_chunks/dep-e92e2bb4.js');
+require('../../../_chunks/dep-09c2324b.js');
+require('../../../_chunks/dep-aef3883a.js');
+require('../../../_chunks/dep-4d02f91f.js');
+require('../../../_chunks/dep-f7cad145.js');
+require('../../../_chunks/dep-d5b1028b.js');
+require('../../../_chunks/dep-fe8b0b86.js');
+require('../../../_chunks/dep-32b793ca.js');
+require('../../../_chunks/dep-3a37dd17.js');
+require('../../../_chunks/dep-b4f37218.js');
 require('../../../_common/js/locale/zh_CN.js');
 require('../../../config-provider/defaultConfig.js');
 require('../../../loading/loading.js');
 require('classnames');
 require('../../../_util/dom.js');
 require('raf');
-require('../../../_chunks/dep-3cfc5c96.js');
+require('../../../_chunks/dep-a2749c28.js');
 require('../../../_util/easing.js');
 require('../../../common/Portal.js');
 require('react-dom');
@@ -48,7 +48,7 @@ require('../../../loading/gradient.js');
 require('../../../_common/js/loading/circle-adapter.js');
 require('../../../_common/js/utils/set-style.js');
 require('../../../_common/js/utils/helper.js');
-require('../../../_chunks/dep-eedee13a.js');
+require('../../../_chunks/dep-7b67ce1a.js');
 require('../../../loading/plugin.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.2
+ * tdesign v0.25.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,8 +8,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../../../_chunks/dep-54e5d466.js');
-var slicedToArray = require('../../../_chunks/dep-b7cfec4d.js');
+var defineProperty = require('../../../_chunks/dep-728c3d30.js');
+var slicedToArray = require('../../../_chunks/dep-402b9452.js');
 var classNames = require('classnames');
 var tdesignIconsReact = require('tdesign-icons-react');
 var React = require('react');
@@ -17,30 +17,30 @@ var _util_useConfig = require('../../../_util/useConfig.js');
 var locale_LocalReceiver = require('../../../locale/LocalReceiver.js');
 var upload_util = require('../../util.js');
 var loading_index = require('../../../loading/index.js');
-require('../../../_chunks/dep-24860d3b.js');
-require('../../../_chunks/dep-c4204176.js');
-require('../../../_chunks/dep-955ec2f5.js');
-require('../../../_chunks/dep-43d2b778.js');
-require('../../../_chunks/dep-a4e63197.js');
-require('../../../_chunks/dep-5d12d655.js');
-require('../../../_chunks/dep-7bbe83c7.js');
-require('../../../_chunks/dep-22e00850.js');
-require('../../../_chunks/dep-a19cf0b0.js');
-require('../../../_chunks/dep-140a2995.js');
-require('../../../_chunks/dep-d2ca8f73.js');
-require('../../../_chunks/dep-0a2d9525.js');
-require('../../../_chunks/dep-ec6a3b8b.js');
-require('../../../_chunks/dep-37d3829a.js');
-require('../../../_chunks/dep-4fa0c97c.js');
-require('../../../_chunks/dep-0706ae8b.js');
-require('../../../_chunks/dep-e8b2b2fc.js');
+require('../../../_chunks/dep-20cb3e75.js');
+require('../../../_chunks/dep-cb1cdc62.js');
+require('../../../_chunks/dep-94ac5bc2.js');
+require('../../../_chunks/dep-d5c34a19.js');
+require('../../../_chunks/dep-b81d09ba.js');
+require('../../../_chunks/dep-9ac45eb1.js');
+require('../../../_chunks/dep-0e51d993.js');
+require('../../../_chunks/dep-e92e2bb4.js');
+require('../../../_chunks/dep-09c2324b.js');
+require('../../../_chunks/dep-aef3883a.js');
+require('../../../_chunks/dep-4d02f91f.js');
+require('../../../_chunks/dep-f7cad145.js');
+require('../../../_chunks/dep-d5b1028b.js');
+require('../../../_chunks/dep-fe8b0b86.js');
+require('../../../_chunks/dep-32b793ca.js');
+require('../../../_chunks/dep-3a37dd17.js');
+require('../../../_chunks/dep-b4f37218.js');
 require('../../../_common/js/locale/zh_CN.js');
 require('../../../config-provider/defaultConfig.js');
-require('../../../_chunks/dep-551cd0f7.js');
+require('../../../_chunks/dep-b41f5892.js');
 require('../../../loading/loading.js');
 require('../../../_util/dom.js');
 require('raf');
-require('../../../_chunks/dep-3cfc5c96.js');
+require('../../../_chunks/dep-a2749c28.js');
 require('../../../_util/easing.js');
 require('../../../common/Portal.js');
 require('react-dom');
@@ -48,7 +48,7 @@ require('../../../loading/gradient.js');
 require('../../../_common/js/loading/circle-adapter.js');
 require('../../../_common/js/utils/set-style.js');
 require('../../../_common/js/utils/helper.js');
-require('../../../_chunks/dep-eedee13a.js');
+require('../../../_chunks/dep-7b67ce1a.js');
 require('../../../loading/plugin.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.2
+ * tdesign v0.25.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,8 +8,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../../../_chunks/dep-54e5d466.js');
-var slicedToArray = require('../../../_chunks/dep-b7cfec4d.js');
+var defineProperty = require('../../../_chunks/dep-728c3d30.js');
+var slicedToArray = require('../../../_chunks/dep-402b9452.js');
 var React = require('react');
 var classNames = require('classnames');
 var _util_useConfig = require('../../../_util/useConfig.js');
@@ -18,33 +18,34 @@ var button_index = require('../../../button/index.js');
 var upload_themes_flowList_imgList = require('./img-list.js');
 var upload_themes_flowList_fileList = require('./file-list.js');
 var upload_booleanRender = require('../../boolean-render.js');
-require('../../../_chunks/dep-24860d3b.js');
-require('../../../_chunks/dep-c4204176.js');
-require('../../../_chunks/dep-955ec2f5.js');
-require('../../../_chunks/dep-43d2b778.js');
-require('../../../_chunks/dep-a4e63197.js');
-require('../../../_chunks/dep-5d12d655.js');
-require('../../../_chunks/dep-7bbe83c7.js');
-require('../../../_chunks/dep-22e00850.js');
-require('../../../_chunks/dep-a19cf0b0.js');
-require('../../../_chunks/dep-140a2995.js');
-require('../../../_chunks/dep-d2ca8f73.js');
-require('../../../_chunks/dep-0a2d9525.js');
-require('../../../_chunks/dep-ec6a3b8b.js');
-require('../../../_chunks/dep-37d3829a.js');
-require('../../../_chunks/dep-4fa0c97c.js');
-require('../../../_chunks/dep-0706ae8b.js');
-require('../../../_chunks/dep-e8b2b2fc.js');
+require('../../../_chunks/dep-20cb3e75.js');
+require('../../../_chunks/dep-cb1cdc62.js');
+require('../../../_chunks/dep-94ac5bc2.js');
+require('../../../_chunks/dep-d5c34a19.js');
+require('../../../_chunks/dep-b81d09ba.js');
+require('../../../_chunks/dep-9ac45eb1.js');
+require('../../../_chunks/dep-0e51d993.js');
+require('../../../_chunks/dep-e92e2bb4.js');
+require('../../../_chunks/dep-09c2324b.js');
+require('../../../_chunks/dep-aef3883a.js');
+require('../../../_chunks/dep-4d02f91f.js');
+require('../../../_chunks/dep-f7cad145.js');
+require('../../../_chunks/dep-d5b1028b.js');
+require('../../../_chunks/dep-fe8b0b86.js');
+require('../../../_chunks/dep-32b793ca.js');
+require('../../../_chunks/dep-3a37dd17.js');
+require('../../../_chunks/dep-b4f37218.js');
 require('../../../_common/js/locale/zh_CN.js');
 require('../../../config-provider/defaultConfig.js');
 require('../../../button/Button.js');
-require('../../../_chunks/dep-eedee13a.js');
+require('../../../_chunks/dep-7b67ce1a.js');
 require('../../../_util/noop.js');
 require('../../../_util/useRipple.js');
+require('../../../_util/useAnimation.js');
 require('../../../_util/setStyle.js');
 require('../../../_util/dom.js');
 require('raf');
-require('../../../_chunks/dep-3cfc5c96.js');
+require('../../../_chunks/dep-a2749c28.js');
 require('../../../_util/easing.js');
 require('../../../loading/index.js');
 require('../../../loading/loading.js');
@@ -57,7 +58,7 @@ require('../../../_common/js/utils/helper.js');
 require('../../../loading/plugin.js');
 require('tdesign-icons-react');
 require('../../util.js');
-require('../../../_chunks/dep-551cd0f7.js');
+require('../../../_chunks/dep-b41f5892.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/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 { 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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"}
+{"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/lib/upload/themes/image-card.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.2
+ * tdesign v0.25.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,7 +8,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var slicedToArray = require('../../_chunks/dep-b7cfec4d.js');
+var slicedToArray = require('../../_chunks/dep-402b9452.js');
 var React = require('react');
 var tdesignIconsReact = require('tdesign-icons-react');
 var loading_index = require('../../loading/index.js');
@@ -17,17 +17,17 @@ var _util_useConfig = require('../../_util/useConfig.js');
 var locale_LocalReceiver = require('../../locale/LocalReceiver.js');
 var upload_util = require('../util.js');
 var upload_booleanRender = require('../boolean-render.js');
-require('../../_chunks/dep-24860d3b.js');
+require('../../_chunks/dep-20cb3e75.js');
 require('../../loading/loading.js');
-require('../../_chunks/dep-54e5d466.js');
+require('../../_chunks/dep-728c3d30.js');
 require('classnames');
 require('../../_util/dom.js');
 require('raf');
-require('../../_chunks/dep-3cfc5c96.js');
-require('../../_chunks/dep-7bbe83c7.js');
-require('../../_chunks/dep-22e00850.js');
-require('../../_chunks/dep-0706ae8b.js');
-require('../../_chunks/dep-a19cf0b0.js');
+require('../../_chunks/dep-a2749c28.js');
+require('../../_chunks/dep-0e51d993.js');
+require('../../_chunks/dep-e92e2bb4.js');
+require('../../_chunks/dep-3a37dd17.js');
+require('../../_chunks/dep-09c2324b.js');
 require('../../_util/easing.js');
 require('../../common/Portal.js');
 require('react-dom');
@@ -35,19 +35,19 @@ require('../../loading/gradient.js');
 require('../../_common/js/loading/circle-adapter.js');
 require('../../_common/js/utils/set-style.js');
 require('../../_common/js/utils/helper.js');
-require('../../_chunks/dep-eedee13a.js');
-require('../../_chunks/dep-c4204176.js');
-require('../../_chunks/dep-955ec2f5.js');
-require('../../_chunks/dep-43d2b778.js');
-require('../../_chunks/dep-a4e63197.js');
-require('../../_chunks/dep-5d12d655.js');
-require('../../_chunks/dep-140a2995.js');
-require('../../_chunks/dep-d2ca8f73.js');
-require('../../_chunks/dep-0a2d9525.js');
-require('../../_chunks/dep-ec6a3b8b.js');
-require('../../_chunks/dep-37d3829a.js');
-require('../../_chunks/dep-4fa0c97c.js');
-require('../../_chunks/dep-e8b2b2fc.js');
+require('../../_chunks/dep-7b67ce1a.js');
+require('../../_chunks/dep-cb1cdc62.js');
+require('../../_chunks/dep-94ac5bc2.js');
+require('../../_chunks/dep-d5c34a19.js');
+require('../../_chunks/dep-b81d09ba.js');
+require('../../_chunks/dep-9ac45eb1.js');
+require('../../_chunks/dep-aef3883a.js');
+require('../../_chunks/dep-4d02f91f.js');
+require('../../_chunks/dep-f7cad145.js');
+require('../../_chunks/dep-d5b1028b.js');
+require('../../_chunks/dep-fe8b0b86.js');
+require('../../_chunks/dep-32b793ca.js');
+require('../../_chunks/dep-b4f37218.js');
 require('../../_common/js/locale/zh_CN.js');
 require('../../config-provider/defaultConfig.js');
 require('../../loading/plugin.js');
@@ -56,13 +56,15 @@ require('../../button/index.js');
 require('../../button/Button.js');
 require('../../_util/noop.js');
 require('../../_util/useRipple.js');
+require('../../_util/useAnimation.js');
 require('../../_util/setStyle.js');
 require('../../dialog/RenderDialog.js');
 require('react-transition-group');
 require('../../_util/useLayoutEffect.js');
+require('../../_util/useDialogEsc.js');
+require('../../_chunks/dep-b41f5892.js');
 require('../../_util/useSetState.js');
 require('../../dialog/plugin.js');
-require('../../_chunks/dep-551cd0f7.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -1 +1 @@
-{"version":3,"file":"image-card.js","sources":["../../../src/upload/themes/image-card.tsx"],"sourcesContent":["import React, { FC, Fragment, useState } from 'react';\nimport { BrowseIcon, DeleteIcon, AddIcon } from 'tdesign-icons-react';\nimport Loading from '../../loading';\nimport Dialog from '../../dialog';\nimport useConfig from '../../_util/useConfig';\nimport { useLocaleReceiver } from '../../locale/LocalReceiver';\nimport { UploadRemoveContext } from '../type';\nimport { finishUpload } from '../util';\nimport { TdUploadFile } from '../types';\nimport BooleanRender from '../boolean-render';\n\nexport interface ImageCardProps {\n  files?: TdUploadFile[];\n  multiple?: boolean;\n  max?: number;\n  onTrigger: () => void;\n  onRemove?: (options: UploadRemoveContext) => void;\n  showUploadProgress: boolean;\n}\n\nconst ImageCard: FC<ImageCardProps> = (props) => {\n  const { files, multiple = false, max = 0, onRemove, showUploadProgress } = props;\n  const { classPrefix } = useConfig();\n  const [locale, t] = useLocaleReceiver('upload');\n  const [showImg, setShowImg] = useState(false);\n  const [imgURL, setImgURL] = useState();\n\n  const preview = (file) => {\n    setShowImg(true);\n    setImgURL(file.url);\n  };\n\n  const showTrigger = React.useMemo(() => {\n    if (multiple) {\n      return !max || files.length < max;\n    }\n\n    return !(files && files[0]);\n  }, [files, max, multiple]);\n\n  return (\n    <Fragment>\n      <Dialog\n        visible={showImg}\n        showOverlay\n        width=\"auto\"\n        top=\"10%\"\n        className={`${classPrefix}-upload__dialog`}\n        footer={false}\n        header={false}\n        onClose={() => {\n          setShowImg(false);\n          setImgURL(null);\n        }}\n      >\n        <p className={`${classPrefix}-dialog__dialog-body-img-box`}>\n          <img src={imgURL} alt=\"\" />\n        </p>\n      </Dialog>\n      <ul className={`${classPrefix}-upload__card`}>\n        <BooleanRender boolExpression={!!files}>\n          {files.map((file, index) => (\n            <li className={`${classPrefix}-upload__card-item ${classPrefix}-is--background`} key={index}>\n              <BooleanRender\n                falseRender={() => (\n                  <div className={`${classPrefix}-upload__card-content ${classPrefix}-upload__card-box`}>\n                    <img className={`${classPrefix}-upload__card-image`} src={file.url} />\n                    <div className={`${classPrefix}-upload__card-mask`}>\n                      <span className={`${classPrefix}-upload__card-mask-item`} onClick={(e) => e.stopPropagation()}>\n                        <BrowseIcon\n                          onClick={() => {\n                            preview(file);\n                          }}\n                        />\n                      </span>\n                      <span className={`${classPrefix}-upload__card-mask-item-divider`} />\n                      <span className={`${classPrefix}-upload__card-mask-item`} onClick={(e) => e.stopPropagation()}>\n                        <DeleteIcon\n                          onClick={(e) => {\n                            onRemove?.({ e, file, index });\n                          }}\n                        />\n                      </span>\n                    </div>\n                  </div>\n                )}\n                boolExpression={showUploadProgress && !finishUpload(file.status)}\n              >\n                <div className={`${classPrefix}-upload__card-container ${classPrefix}-upload__card-box`}>\n                  <Loading loading={true} size=\"medium\" />\n                  <p>\n                    {t(locale.progress.uploadingText)} {Math.min(files[0].percent, 99)}%\n                  </p>\n                </div>\n              </BooleanRender>\n            </li>\n          ))}\n        </BooleanRender>\n        <BooleanRender boolExpression={showTrigger}>\n          <li className={`${classPrefix}-upload__card-item ${classPrefix}-is--background`} onClick={props.onTrigger}>\n            <div className={`${classPrefix}-upload__card-container ${classPrefix}-upload__card-box`}>\n              <AddIcon />\n              <p className={`${classPrefix}-size-s`}>{t(locale.triggerUploadText.image)}</p>\n            </div>\n          </li>\n        </BooleanRender>\n      </ul>\n    </Fragment>\n  );\n};\n\nexport default ImageCard;\n"],"names":["ImageCard","props","files","multiple","max","onRemove","showUploadProgress","useConfig","classPrefix","useLocaleReceiver","locale","t","useState","showImg","setShowImg","imgURL","setImgURL","preview","file","url","showTrigger","React","useMemo","length","createElement","Fragment","Dialog","visible","showOverlay","width","top","className","footer","header","onClose","src","alt","BooleanRender","boolExpression","map","index","key","falseRender","onClick","e","stopPropagation","BrowseIcon","DeleteIcon","finishUpload","status","Loading","loading","size","progress","uploadingText","Math","min","percent","onTrigger","AddIcon","triggerUploadText","image"],"mappings":"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"}
+{"version":3,"file":"image-card.js","sources":["../../../src/upload/themes/image-card.tsx"],"sourcesContent":["import React, { FC, Fragment, useState } from 'react';\nimport { BrowseIcon, DeleteIcon, AddIcon } from 'tdesign-icons-react';\nimport Loading from '../../loading';\nimport Dialog from '../../dialog';\nimport useConfig from '../../_util/useConfig';\nimport { useLocaleReceiver } from '../../locale/LocalReceiver';\nimport { UploadRemoveContext } from '../type';\nimport { finishUpload } from '../util';\nimport { TdUploadFile } from '../types';\nimport BooleanRender from '../boolean-render';\n\nexport interface ImageCardProps {\n  files?: TdUploadFile[];\n  multiple?: boolean;\n  max?: number;\n  onTrigger: () => void;\n  onRemove?: (options: UploadRemoveContext) => void;\n  showUploadProgress: boolean;\n}\n\nconst ImageCard: FC<ImageCardProps> = (props) => {\n  const { files, multiple = false, max = 0, onRemove, showUploadProgress } = props;\n  const { classPrefix } = useConfig();\n  const [locale, t] = useLocaleReceiver('upload');\n  const [showImg, setShowImg] = useState(false);\n  const [imgURL, setImgURL] = useState();\n\n  const preview = (file) => {\n    setShowImg(true);\n    setImgURL(file.url);\n  };\n\n  const showTrigger = React.useMemo(() => {\n    if (multiple) {\n      return !max || files.length < max;\n    }\n\n    return !(files && files[0]);\n  }, [files, max, multiple]);\n\n  return (\n    <Fragment>\n      <Dialog\n        visible={showImg}\n        showOverlay\n        width=\"auto\"\n        top=\"10%\"\n        className={`${classPrefix}-upload__dialog`}\n        footer={false}\n        header={false}\n        onClose={() => {\n          setShowImg(false);\n          setImgURL(null);\n        }}\n      >\n        <p className={`${classPrefix}-dialog__dialog-body-img-box`}>\n          <img src={imgURL} alt=\"\" />\n        </p>\n      </Dialog>\n      <ul className={`${classPrefix}-upload__card`}>\n        <BooleanRender boolExpression={!!files}>\n          {files.map((file, index) => (\n            <li className={`${classPrefix}-upload__card-item ${classPrefix}-is--background`} key={index}>\n              <BooleanRender\n                falseRender={() => (\n                  <div className={`${classPrefix}-upload__card-content ${classPrefix}-upload__card-box`}>\n                    <img className={`${classPrefix}-upload__card-image`} src={file.url} />\n                    <div className={`${classPrefix}-upload__card-mask`}>\n                      <span className={`${classPrefix}-upload__card-mask-item`} onClick={(e) => e.stopPropagation()}>\n                        <BrowseIcon\n                          onClick={() => {\n                            preview(file);\n                          }}\n                        />\n                      </span>\n                      <span className={`${classPrefix}-upload__card-mask-item-divider`} />\n                      <span className={`${classPrefix}-upload__card-mask-item`} onClick={(e) => e.stopPropagation()}>\n                        <DeleteIcon\n                          onClick={(e) => {\n                            onRemove?.({ e, file, index });\n                          }}\n                        />\n                      </span>\n                    </div>\n                  </div>\n                )}\n                boolExpression={showUploadProgress && !finishUpload(file.status)}\n              >\n                <div className={`${classPrefix}-upload__card-container ${classPrefix}-upload__card-box`}>\n                  <Loading loading={true} size=\"medium\" />\n                  <p>\n                    {t(locale.progress.uploadingText)} {Math.min(files[0].percent, 99)}%\n                  </p>\n                </div>\n              </BooleanRender>\n            </li>\n          ))}\n        </BooleanRender>\n        <BooleanRender boolExpression={showTrigger}>\n          <li className={`${classPrefix}-upload__card-item ${classPrefix}-is--background`} onClick={props.onTrigger}>\n            <div className={`${classPrefix}-upload__card-container ${classPrefix}-upload__card-box`}>\n              <AddIcon />\n              <p className={`${classPrefix}-size-s`}>{t(locale.triggerUploadText.image)}</p>\n            </div>\n          </li>\n        </BooleanRender>\n      </ul>\n    </Fragment>\n  );\n};\n\nexport default ImageCard;\n"],"names":["ImageCard","props","files","multiple","max","onRemove","showUploadProgress","useConfig","classPrefix","useLocaleReceiver","locale","t","useState","showImg","setShowImg","imgURL","setImgURL","preview","file","url","showTrigger","React","useMemo","length","createElement","Fragment","Dialog","visible","showOverlay","width","top","className","footer","header","onClose","src","alt","BooleanRender","boolExpression","map","index","key","falseRender","onClick","e","stopPropagation","BrowseIcon","DeleteIcon","finishUpload","status","Loading","loading","size","progress","uploadingText","Math","min","percent","onTrigger","AddIcon","triggerUploadText","image"],"mappings":"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"}