tdesign-react 0.23.0 → 0.23.1

package/esm/upload/dragger.js.map

@@ -1 +1 @@
-{"version":3,"file":"dragger.js","sources":["../../src/upload/dragger.tsx"],"sourcesContent":["import React, { DragEvent, FC, useState } from 'react';\nimport classNames from 'classnames';\nimport { TNode } from '../common';\nimport { TriggerContext, UploadFile, UploadRemoveContext } from './type';\nimport { CustomDraggerRenderProps } from './types';\nimport useConfig from '../_util/useConfig';\nimport DraggerProgress from './themes/dragger-progress';\n\nexport interface DraggerProps {\n  file?: UploadFile;\n  display?: string;\n  trigger?: string | TNode<TriggerContext>;\n  customDraggerRender?: (props: CustomDraggerRenderProps) => TNode;\n  onCancel?: () => void;\n  onTrigger?: () => void;\n  onRemove?: (context: UploadRemoveContext) => void;\n  onUpload?: (uploadFile: UploadFile) => void;\n  onChange?: (files: FileList) => void;\n  onDragenter?: (e: DragEvent) => void;\n  onDragleave?: (e: DragEvent) => void;\n}\n\nconst Dragger: FC<DraggerProps> = (props) => {\n  const { file, display, onUpload, onRemove, customDraggerRender } = props;\n  const { classPrefix } = useConfig();\n  const [dragActive, setDragActive] = useState(false);\n  const target = React.useRef();\n\n  const classes = classNames(\n    `${classPrefix}-upload__dragger`,\n    !file ? `${classPrefix}-upload__dragger-center` : '',\n    file?.status === 'fail' ? `${classPrefix}-upload__dragger-error` : '',\n  );\n\n  const defaultDragElement = React.useMemo(() => {\n    const unActiveElement = (\n      <div>\n        <span className={`${classPrefix}-upload--highlight`}>点击上传</span>\n        <span>&nbsp;&nbsp;/&nbsp;&nbsp;拖拽到此区域</span>\n      </div>\n    );\n    const activeElement = <div>释放鼠标</div>;\n    return dragActive ? activeElement : unActiveElement;\n  }, [classPrefix, dragActive]);\n\n  const dragElement = React.useMemo(() => {\n    let content: React.ReactNode;\n    if (file && display !== 'custom') {\n      content = (\n        <DraggerProgress\n          onRemove={onRemove}\n          display={display}\n          onTrigger={props.onTrigger}\n          file={file}\n          onUpload={() => {\n            onUpload?.(file);\n          }}\n        />\n      );\n    } else {\n      content = (\n        <div className={`${classPrefix}-upload__trigger`} onClick={props.onTrigger}>\n          {customDraggerRender?.({ dragActive }) || defaultDragElement}\n        </div>\n      );\n    }\n\n    return content;\n  }, [classPrefix, defaultDragElement, display, dragActive, file, onRemove, onUpload, props, customDraggerRender]);\n\n  const handleDrop = (event: DragEvent) => {\n    event.preventDefault();\n    props.onChange?.(event.dataTransfer.files);\n    props.onDragleave?.(event);\n    setDragActive(false);\n  };\n\n  const handleDragenter = (event: DragEvent) => {\n    event.preventDefault();\n    props.onDragenter?.(event);\n    setDragActive(true);\n  };\n\n  const handleDragleave = (event: DragEvent) => {\n    if (!target.current) return;\n    event.preventDefault();\n    props.onDragleave?.(event);\n    setDragActive(false);\n  };\n\n  const handleDragover = (event: DragEvent) => {\n    event.preventDefault();\n  };\n\n  return (\n    <div\n      ref={target}\n      className={classes}\n      onDrop={handleDrop}\n      onDragEnter={handleDragenter}\n      onDragOver={handleDragover}\n      onDragLeave={handleDragleave}\n    >\n      {dragElement}\n    </div>\n  );\n};\n\nexport default Dragger;\n"],"names":["Dragger","props","file","display","onUpload","onRemove","customDraggerRender","useConfig","classPrefix","useState","dragActive","setDragActive","target","React","useRef","classes","classNames","status","defaultDragElement","useMemo","unActiveElement","createElement","className","activeElement","dragElement","content","DraggerProgress","onTrigger","onClick","handleDrop","event","preventDefault","onChange","dataTransfer","files","onDragleave","handleDragenter","onDragenter","handleDragleave","current","handleDragover","ref","onDrop","onDragEnter","onDragOver","onDragLeave"],"mappings":"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"}
+{"version":3,"file":"dragger.js","sources":["../../src/upload/dragger.tsx"],"sourcesContent":["import React, { DragEvent, FC, useState } from 'react';\nimport classNames from 'classnames';\nimport { TNode } from '../common';\nimport { TriggerContext, UploadFile, UploadRemoveContext } from './type';\nimport { CustomDraggerRenderProps } from './types';\nimport useConfig from '../_util/useConfig';\nimport DraggerProgress from './themes/dragger-progress';\n\nexport interface DraggerProps {\n  file?: UploadFile;\n  display?: string;\n  trigger?: string | TNode<TriggerContext>;\n  customDraggerRender?: (props: CustomDraggerRenderProps) => TNode;\n  onCancel?: () => void;\n  onTrigger?: () => void;\n  onRemove?: (context: UploadRemoveContext) => void;\n  onUpload?: (uploadFile: UploadFile) => void;\n  onChange?: (files: FileList) => void;\n  onDragenter?: (e: DragEvent) => void;\n  onDragleave?: (e: DragEvent) => void;\n}\n\nconst Dragger: FC<DraggerProps> = (props) => {\n  const { file, display, onUpload, onRemove, customDraggerRender } = props;\n  const { classPrefix } = useConfig();\n  const [dragActive, setDragActive] = useState(false);\n  const target = React.useRef();\n\n  const classes = classNames(\n    `${classPrefix}-upload__dragger`,\n    !file ? `${classPrefix}-upload__dragger-center` : '',\n    file?.status === 'fail' ? `${classPrefix}-upload__dragger-error` : '',\n  );\n\n  const defaultDragElement = React.useMemo(() => {\n    const unActiveElement = (\n      <div>\n        <span className={`${classPrefix}-upload--highlight`}>点击上传</span>\n        <span>&nbsp;&nbsp;/&nbsp;&nbsp;拖拽到此区域</span>\n      </div>\n    );\n    const activeElement = <div>释放鼠标</div>;\n    return dragActive ? activeElement : unActiveElement;\n  }, [classPrefix, dragActive]);\n\n  const dragElement = React.useMemo(() => {\n    let content: React.ReactNode;\n    if (file && display !== 'custom') {\n      content = (\n        <DraggerProgress\n          onRemove={onRemove}\n          display={display}\n          onTrigger={props.onTrigger}\n          file={file}\n          onUpload={() => {\n            onUpload?.(file);\n          }}\n        />\n      );\n    } else {\n      content = (\n        <div className={`${classPrefix}-upload__trigger`} onClick={props.onTrigger}>\n          {customDraggerRender?.({ dragActive }) || defaultDragElement}\n        </div>\n      );\n    }\n\n    return content;\n  }, [classPrefix, defaultDragElement, display, dragActive, file, onRemove, onUpload, props, customDraggerRender]);\n\n  const handleDrop = (event: DragEvent) => {\n    event.preventDefault();\n    props.onChange?.(event.dataTransfer.files);\n    props.onDragleave?.(event);\n    setDragActive(false);\n  };\n\n  const handleDragenter = (event: DragEvent) => {\n    event.preventDefault();\n    props.onDragenter?.(event);\n    setDragActive(true);\n  };\n\n  const handleDragleave = (event: DragEvent) => {\n    if (!target.current) return;\n    event.preventDefault();\n    props.onDragleave?.(event);\n    setDragActive(false);\n  };\n\n  const handleDragover = (event: DragEvent) => {\n    event.preventDefault();\n  };\n\n  return (\n    <div\n      ref={target}\n      className={classes}\n      onDrop={handleDrop}\n      onDragEnter={handleDragenter}\n      onDragOver={handleDragover}\n      onDragLeave={handleDragleave}\n    >\n      {dragElement}\n    </div>\n  );\n};\n\nexport default Dragger;\n"],"names":["Dragger","props","file","display","onUpload","onRemove","customDraggerRender","useConfig","classPrefix","useState","dragActive","setDragActive","target","React","useRef","classes","classNames","status","defaultDragElement","useMemo","unActiveElement","createElement","className","activeElement","dragElement","content","DraggerProgress","onTrigger","onClick","handleDrop","event","preventDefault","onChange","dataTransfer","files","onDragleave","handleDragenter","onDragenter","handleDragleave","current","handleDragover","ref","onDrop","onDragEnter","onDragOver","onDragLeave"],"mappings":"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"}

package/esm/upload/hooks/useDefaultValue.js

@@ -1,18 +1,18 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-72ef6cf6.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-442ff40f.js';
-import { _ as _objectWithoutProperties } from '../../_chunks/dep-c611ea38.js';
+import { _ as _defineProperty } from '../../_chunks/dep-b71058fe.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-543c3536.js';
+import { _ as _objectWithoutProperties } from '../../_chunks/dep-bc6012b1.js';
 import { useMemo } from 'react';
-import { i as isArray_1 } from '../../_chunks/dep-ae12755c.js';
+import { i as isArray_1 } from '../../_chunks/dep-3222ad5b.js';
 import useDefault from '../../_util/useDefault.js';
 import noop from '../../_util/noop.js';
-import '../../_chunks/dep-42dfd306.js';
-import '../../_chunks/dep-3882ffcd.js';
+import '../../_chunks/dep-c7bc4d7c.js';
+import '../../_chunks/dep-60f5bd8f.js';
 
 var _excluded = ["value", "defaultFiles", "files", "onChange"];
 

package/esm/upload/hooks/useSizeLimit.js

@@ -1,17 +1,17 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _slicedToArray } from '../../_chunks/dep-442ff40f.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-543c3536.js';
 import { useLocaleReceiver } from '../../locale/LocalReceiver.js';
-import '../../_chunks/dep-42dfd306.js';
-import '../../_chunks/dep-72ef6cf6.js';
+import '../../_chunks/dep-c7bc4d7c.js';
+import '../../_chunks/dep-b71058fe.js';
 import 'react';
 import '../../config-provider/index.js';
 import '../../config-provider/ConfigProvider.js';
-import '../../_chunks/dep-c611ea38.js';
+import '../../_chunks/dep-bc6012b1.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
 

package/esm/upload/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -7,48 +7,48 @@
 import _Upload from './upload.js';
 import './style/index.js';
 import './type.js';
-import '../_chunks/dep-a2bc34d5.js';
-import '../_chunks/dep-42dfd306.js';
-import '../_chunks/dep-eddcc10b.js';
-import '../_chunks/dep-3882ffcd.js';
-import '../_chunks/dep-55ec31d6.js';
-import '../_chunks/dep-72ef6cf6.js';
-import '../_chunks/dep-442ff40f.js';
+import '../_chunks/dep-f0919110.js';
+import '../_chunks/dep-c7bc4d7c.js';
+import '../_chunks/dep-5056c08a.js';
+import '../_chunks/dep-60f5bd8f.js';
+import '../_chunks/dep-195c3d75.js';
+import '../_chunks/dep-b71058fe.js';
+import '../_chunks/dep-543c3536.js';
 import 'react';
-import '../_chunks/dep-c55cb8a1.js';
-import '../_chunks/dep-8fede92a.js';
-import '../_chunks/dep-9f80f9d6.js';
-import '../_chunks/dep-61768ea7.js';
-import '../_chunks/dep-abd9fbed.js';
-import '../_chunks/dep-a57a3adc.js';
-import '../_chunks/dep-50f46574.js';
-import '../_chunks/dep-b4546e0e.js';
-import '../_chunks/dep-5469de86.js';
-import '../_chunks/dep-3ef615a3.js';
-import '../_chunks/dep-e273b26f.js';
-import '../_chunks/dep-9825193d.js';
-import '../_chunks/dep-a57dc5be.js';
-import '../_chunks/dep-44534aa1.js';
-import '../_chunks/dep-ae12755c.js';
-import '../_chunks/dep-9f46a2fc.js';
-import '../_chunks/dep-71117f38.js';
-import '../_chunks/dep-711e796f.js';
-import '../_chunks/dep-3a07fdc5.js';
-import '../_chunks/dep-f326b5da.js';
-import '../_chunks/dep-27db1e3c.js';
-import '../_chunks/dep-184b21c3.js';
-import '../_chunks/dep-7556f79a.js';
-import '../_chunks/dep-42431ee2.js';
-import '../_chunks/dep-d4c7e673.js';
-import '../_chunks/dep-a3ebf465.js';
-import '../_chunks/dep-ec5da0c1.js';
-import '../_chunks/dep-045d914f.js';
-import '../_chunks/dep-45ba95e4.js';
-import '../_chunks/dep-f253fe70.js';
+import '../_chunks/dep-fee68d62.js';
+import '../_chunks/dep-8ec2d92c.js';
+import '../_chunks/dep-adec0da9.js';
+import '../_chunks/dep-71e7a5f0.js';
+import '../_chunks/dep-3078962f.js';
+import '../_chunks/dep-a902ad33.js';
+import '../_chunks/dep-ca76867d.js';
+import '../_chunks/dep-e4aca6cc.js';
+import '../_chunks/dep-f91a0619.js';
+import '../_chunks/dep-ea6cd97e.js';
+import '../_chunks/dep-966f4d8b.js';
+import '../_chunks/dep-42d06a7e.js';
+import '../_chunks/dep-2fc7ff7b.js';
+import '../_chunks/dep-f479b641.js';
+import '../_chunks/dep-3222ad5b.js';
+import '../_chunks/dep-73c3d91b.js';
+import '../_chunks/dep-7b191072.js';
+import '../_chunks/dep-6c7ebad8.js';
+import '../_chunks/dep-178c8e4e.js';
+import '../_chunks/dep-8f1f4b9f.js';
+import '../_chunks/dep-37aa0312.js';
+import '../_chunks/dep-27b799a5.js';
+import '../_chunks/dep-eae5e73b.js';
+import '../_chunks/dep-4bc313e1.js';
+import '../_chunks/dep-82c64961.js';
+import '../_chunks/dep-53dd2095.js';
+import '../_chunks/dep-e50910a4.js';
+import '../_chunks/dep-1bb17190.js';
+import '../_chunks/dep-56f9520b.js';
+import '../_chunks/dep-c1bcd3ad.js';
 import '../dialog/index.js';
 import '../dialog/Dialog.js';
-import '../_chunks/dep-c611ea38.js';
-import '../_chunks/dep-ba7f3134.js';
+import '../_chunks/dep-bc6012b1.js';
+import '../_chunks/dep-cf8954fb.js';
 import 'tdesign-icons-react';
 import '../locale/LocalReceiver.js';
 import '../config-provider/index.js';
@@ -72,6 +72,7 @@ import 'react-dom';
 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 '../loading/style/index.js';
 import '../loading/type.js';
 import '../loading/plugin.js';

package/esm/upload/index.js.map

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

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

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -11,8 +11,8 @@ import { Loading } from '../../loading/index.js';
 import useConfig from '../../_util/useConfig.js';
 import { abridgeName, returnFileSize, getCurrentDate } from '../util.js';
 import '../../button/Button.js';
-import '../../_chunks/dep-72ef6cf6.js';
-import '../../_chunks/dep-c611ea38.js';
+import '../../_chunks/dep-b71058fe.js';
+import '../../_chunks/dep-bc6012b1.js';
 import 'classnames';
 import '../../_util/noop.js';
 import '../../_util/useRipple.js';
@@ -20,29 +20,30 @@ import '../../_util/setStyle.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
 import '../../loading/loading.js';
-import '../../_chunks/dep-442ff40f.js';
-import '../../_chunks/dep-42dfd306.js';
+import '../../_chunks/dep-543c3536.js';
+import '../../_chunks/dep-c7bc4d7c.js';
 import '../../_util/dom.js';
 import 'raf';
-import '../../_chunks/dep-ba7f3134.js';
-import '../../_chunks/dep-3882ffcd.js';
-import '../../_chunks/dep-9f80f9d6.js';
-import '../../_chunks/dep-55ec31d6.js';
-import '../../_chunks/dep-ae12755c.js';
-import '../../_chunks/dep-9f46a2fc.js';
-import '../../_chunks/dep-abd9fbed.js';
+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 '../../_util/easing.js';
 import '../../common/Portal.js';
 import 'react-dom';
 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 '../../loading/style/index.js';
 import '../../loading/type.js';
 import '../../loading/plugin.js';
 import '../../button/style/index.js';
 import '../../button/type.js';
-import '../../_chunks/dep-a2bc34d5.js';
+import '../../_chunks/dep-f0919110.js';
 
 var DraggerProgress = function DraggerProgress(props) {
   var file = props.file,

package/esm/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 { 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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"}

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

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -9,29 +9,31 @@ import { CheckCircleFilledIcon, ErrorCircleFilledIcon, TimeFilledIcon } from 'td
 import { abridgeName, returnFileSize } from '../../util.js';
 import useConfig from '../../../_util/useConfig.js';
 import { Loading } from '../../../loading/index.js';
-import '../../../_chunks/dep-a2bc34d5.js';
-import '../../../_chunks/dep-42dfd306.js';
+import '../../../_chunks/dep-f0919110.js';
+import '../../../_chunks/dep-c7bc4d7c.js';
 import '../../../config-provider/ConfigContext.js';
 import '../../../locale/zh_CN.js';
 import '../../../loading/loading.js';
-import '../../../_chunks/dep-72ef6cf6.js';
-import '../../../_chunks/dep-442ff40f.js';
+import '../../../_chunks/dep-b71058fe.js';
+import '../../../_chunks/dep-543c3536.js';
 import 'classnames';
 import '../../../_util/dom.js';
 import 'raf';
-import '../../../_chunks/dep-ba7f3134.js';
-import '../../../_chunks/dep-3882ffcd.js';
-import '../../../_chunks/dep-9f80f9d6.js';
-import '../../../_chunks/dep-55ec31d6.js';
-import '../../../_chunks/dep-ae12755c.js';
-import '../../../_chunks/dep-9f46a2fc.js';
-import '../../../_chunks/dep-abd9fbed.js';
+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 '../../../_util/easing.js';
 import '../../../common/Portal.js';
 import 'react-dom';
 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 '../../../loading/style/index.js';
 import '../../../loading/type.js';
 import '../../../loading/plugin.js';

package/esm/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 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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"}

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

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../../_chunks/dep-72ef6cf6.js';
+import { _ as _defineProperty } from '../../../_chunks/dep-b71058fe.js';
 import classNames from 'classnames';
 import { ErrorCircleFilledIcon, BrowseIcon, DeleteIcon } from 'tdesign-icons-react';
 import React from 'react';
@@ -13,25 +13,27 @@ import { abridgeName } from '../../util.js';
 import { Loading } from '../../../loading/index.js';
 import '../../../config-provider/ConfigContext.js';
 import '../../../locale/zh_CN.js';
-import '../../../_chunks/dep-a2bc34d5.js';
-import '../../../_chunks/dep-42dfd306.js';
+import '../../../_chunks/dep-f0919110.js';
+import '../../../_chunks/dep-c7bc4d7c.js';
 import '../../../loading/loading.js';
-import '../../../_chunks/dep-442ff40f.js';
+import '../../../_chunks/dep-543c3536.js';
 import '../../../_util/dom.js';
 import 'raf';
-import '../../../_chunks/dep-ba7f3134.js';
-import '../../../_chunks/dep-3882ffcd.js';
-import '../../../_chunks/dep-9f80f9d6.js';
-import '../../../_chunks/dep-55ec31d6.js';
-import '../../../_chunks/dep-ae12755c.js';
-import '../../../_chunks/dep-9f46a2fc.js';
-import '../../../_chunks/dep-abd9fbed.js';
+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 '../../../_util/easing.js';
 import '../../../common/Portal.js';
 import 'react-dom';
 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 '../../../loading/style/index.js';
 import '../../../loading/type.js';
 import '../../../loading/plugin.js';
@@ -74,7 +76,7 @@ var ImgList = function ImgList(props) {
       className: "".concat(UPLOAD_NAME_CARD, "__mask__item")
     }, /* @__PURE__ */React.createElement(BrowseIcon, {
       onClick: function onClick(e) {
-        return onImgPreview(e, file);
+        return onImgPreview(file, e);
       }
     }), /* @__PURE__ */React.createElement("span", {
       className: "".concat(UPLOAD_NAME_CARD, "__mask__item-divider")

package/esm/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(e, file)} />\n                      <span className={`${UPLOAD_NAME_CARD}__mask__item-divider`} />\n                    </span>\n                  )}\n                  <span\n                    className={`${UPLOAD_NAME_CARD}-mask__item`}\n                    onClick={(e: MouseEvent<HTMLElement>) => remove({ e, index, file })}\n                  >\n                    <DeleteIcon />\n                  </span>\n                </div>\n              </div>\n              <p className={`${UPLOAD_NAME_CARD}-name`}>{abridgeName(file.name)}</p>\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n};\n\nexport default ImgList;\n"],"names":["ImgList","props","showInitial","listFiles","renderDragger","onImgPreview","remove","useConfig","prefix","classPrefix","UPLOAD_NAME","UPLOAD_NAME_CARD","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 { 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;AACzB,MAAQC,WAAR,GAAwED,KAAxE,CAAQC,WAAR;AAAA,MAAqBC,SAArB,GAAwEF,KAAxE,CAAqBE,SAArB;AAAA,MAAgCC,aAAhC,GAAwEH,KAAxE,CAAgCG,aAAhC;AAAA,MAA+CC,YAA/C,GAAwEJ,KAAxE,CAA+CI,YAA/C;AAAA,MAA6DC,MAA7D,GAAwEL,KAAxE,CAA6DK,MAA7D;;AACA,mBAAgCC,SAAS,EAAzC;AAAA,MAAqBC,MAArB,cAAQC,WAAR;;AACA,MAAMC,WAAW,aAAMF,MAAN,YAAjB;AACA,MAAMG,gBAAgB,aAAMD,WAAN,WAAtB;AACA,wBAAuBE,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAChDC,IAAAA,SAAS,YAAKJ,WAAL;AADuC,GAA3B,EAEpBR,WAAW,IAAIE,aAAa,EAFR,EAEY,CAAC,CAACD,SAAS,CAACY,MAAZ,mBAAsCH,KAAK,CAACC,aAAN,CAAoB,IAApB,EAA0B;AACjGC,IAAAA,SAAS,YAAKH,gBAAL;AADwF,GAA1B,EAEtER,SAAS,CAACa,GAAV,CAAc,UAACC,IAAD,EAAOC,KAAP;AAAA;;AAAA,0BAAiCN,KAAK,CAACC,aAAN,CAAoB,IAApB,EAA0B;AAC1EC,MAAAA,SAAS,YAAKH,gBAAL,UADiE;AAE1EQ,MAAAA,GAAG,EAAED;AAFqE,KAA1B,iBAG/BN,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAC5CC,MAAAA,SAAS,EAAEM,UAAU,2DACfT,gBADe,eACc,IADd,0CAEfA,gBAFe,sBAEqBM,IAAI,CAACI,MAAL,KAAgB,SAFrC;AADuB,KAA3B,EAKhBJ,IAAI,CAACI,MAAL,KAAgB,MAAhB,mBAA0CT,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AACtEC,MAAAA,SAAS,YAAKH,gBAAL;AAD6D,KAA3B,iBAE1BC,KAAK,CAACC,aAAN,CAAoBS,qBAApB,EAA2C,IAA3C,CAF0B,iBAEwCV,KAAK,CAACC,aAAN,CAAoB,GAApB,EAAyB,IAAzB,EAA+B,0BAA/B,CAFxC,CAL1B,EAO+HI,IAAI,CAACI,MAAL,KAAgB,UAAhB,mBAA8CT,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AACzNC,MAAAA,SAAS,YAAKH,gBAAL;AADgN,KAA3B,iBAE7KC,KAAK,CAACC,aAAN,CAAoBU,OAApB,EAA6B,IAA7B,CAF6K,iBAEzHX,KAAK,CAACC,aAAN,CAAoB,GAApB,EAAyB,IAAzB,EAA+B,qBAA/B,EAAsDW,IAAI,CAACC,GAAL,CAASR,IAAI,CAACS,OAAd,EAAuB,EAAvB,CAAtD,CAFyH,CAP7K,EASwI,CAAC,CAAC,SAAD,EAAY,SAAZ,EAAuBC,QAAvB,CAAgCV,IAAI,CAACI,MAArC,KAAgD,CAACJ,IAAI,CAACI,MAAN,IAAgBJ,IAAI,CAACW,GAAtE,oBAA8FhB,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAClRC,MAAAA,SAAS,YAAKH,gBAAL,WADyQ;AAElRkB,MAAAA,GAAG,EAAEZ,IAAI,CAACW,GAAL,IAAY,6CAFiQ;AAGlRE,MAAAA,GAAG,EAAE;AAH6Q,KAA3B,CATtO,iBAaClB,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAC7CC,MAAAA,SAAS,YAAKH,gBAAL;AADoC,KAA3B,EAEjBM,IAAI,CAACW,GAAL,mBAA4BhB,KAAK,CAACC,aAAN,CAAoB,MAApB,EAA4B;AACzDC,MAAAA,SAAS,YAAKH,gBAAL;AADgD,KAA5B,iBAEZC,KAAK,CAACC,aAAN,CAAoBkB,UAApB,EAAgC;AACjDC,MAAAA,OAAO,EAAE,iBAACC,CAAD;AAAA,eAAO5B,YAAY,CAACY,IAAD,EAAOgB,CAAP,CAAnB;AAAA;AADwC,KAAhC,CAFY,iBAIXrB,KAAK,CAACC,aAAN,CAAoB,MAApB,EAA4B;AAC9CC,MAAAA,SAAS,YAAKH,gBAAL;AADqC,KAA5B,CAJW,CAFX,iBAQCC,KAAK,CAACC,aAAN,CAAoB,MAApB,EAA4B;AAC/CC,MAAAA,SAAS,YAAKH,gBAAL,gBADsC;AAE/CqB,MAAAA,OAAO,EAAE,iBAACC,CAAD;AAAA,eAAO3B,MAAM,CAAC;AAAE2B,UAAAA,CAAC,EAADA,CAAF;AAAKf,UAAAA,KAAK,EAALA,KAAL;AAAYD,UAAAA,IAAI,EAAJA;AAAZ,SAAD,CAAb;AAAA;AAFsC,KAA5B,iBAGFL,KAAK,CAACC,aAAN,CAAoBqB,UAApB,EAAgC,IAAhC,CAHE,CARD,CAbD,CAH+B,iBA2B2BtB,KAAK,CAACC,aAAN,CAAoB,GAApB,EAAyB;AACpGC,MAAAA,SAAS,YAAKH,gBAAL;AAD2F,KAAzB,EAE1EwB,WAAW,CAAClB,IAAI,CAACmB,IAAN,CAF+D,CA3B3B,CAAjC;AAAA,GAAd,CAFsE,CAFlD,CAAvB;AAkCD;;;;"}

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

@@ -16,7 +16,7 @@ export interface FlowListProps {
     remove: (ctx: FlowRemoveContext) => void;
     upload: (files: UploadFile[], e: MouseEvent) => void;
     cancel: (e: MouseEvent) => void;
-    onImgPreview: (e: MouseEvent, files: UploadFile) => void;
+    onImgPreview: (file: UploadFile, e: MouseEvent) => void;
     onChange: (files: FileList) => void;
     onDragenter: (e: React.DragEvent) => void;
     onDragleave: (e: React.DragEvent) => void;

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

@@ -1,23 +1,23 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../../_chunks/dep-72ef6cf6.js';
-import { _ as _slicedToArray } from '../../../_chunks/dep-442ff40f.js';
-import React, { useState } from 'react';
+import { _ as _defineProperty } from '../../../_chunks/dep-b71058fe.js';
+import { _ as _slicedToArray } from '../../../_chunks/dep-543c3536.js';
+import React, { useState, useCallback } from 'react';
 import classNames from 'classnames';
 import useConfig from '../../../_util/useConfig.js';
 import { Button } from '../../../button/index.js';
 import ImgList from './img-list.js';
 import FileList from './file-list.js';
 import BooleanRender from '../../boolean-render.js';
-import '../../../_chunks/dep-42dfd306.js';
+import '../../../_chunks/dep-c7bc4d7c.js';
 import '../../../config-provider/ConfigContext.js';
 import '../../../locale/zh_CN.js';
 import '../../../button/Button.js';
-import '../../../_chunks/dep-c611ea38.js';
+import '../../../_chunks/dep-bc6012b1.js';
 import '../../../_util/noop.js';
 import '../../../_util/useRipple.js';
 import '../../../_util/setStyle.js';
@@ -25,19 +25,20 @@ import '../../../loading/index.js';
 import '../../../loading/loading.js';
 import '../../../_util/dom.js';
 import 'raf';
-import '../../../_chunks/dep-ba7f3134.js';
-import '../../../_chunks/dep-3882ffcd.js';
-import '../../../_chunks/dep-9f80f9d6.js';
-import '../../../_chunks/dep-55ec31d6.js';
-import '../../../_chunks/dep-ae12755c.js';
-import '../../../_chunks/dep-9f46a2fc.js';
-import '../../../_chunks/dep-abd9fbed.js';
+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 '../../../_util/easing.js';
 import '../../../common/Portal.js';
 import 'react-dom';
 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 '../../../loading/style/index.js';
 import '../../../loading/type.js';
 import '../../../loading/plugin.js';
@@ -45,7 +46,7 @@ import '../../../button/style/index.js';
 import '../../../button/type.js';
 import 'tdesign-icons-react';
 import '../../util.js';
-import '../../../_chunks/dep-a2bc34d5.js';
+import '../../../_chunks/dep-f0919110.js';
 
 var Index = function Index(props) {
   var _classNames;
@@ -113,6 +114,12 @@ var Index = function Index(props) {
     event.preventDefault();
   };
 
+  var onInternalImgPreview = useCallback(function (file, event) {
+    if (!onImgPreview) return;
+    event.preventDefault();
+    onImgPreview(file, event);
+  }, [onImgPreview]);
+
   var renderDragger = function renderDragger() {
     return /* @__PURE__ */React.createElement("div", {
       ref: target,
@@ -145,7 +152,7 @@ var Index = function Index(props) {
     listFiles: listFiles,
     showInitial: showInitial,
     renderDragger: renderDragger,
-    onImgPreview: onImgPreview,
+    onImgPreview: onInternalImgPreview,
     remove: remove
   })), /* @__PURE__ */React.createElement("div", {
     className: "".concat(UPLOAD_NAME, "__flow-bottom")