tdesign-react 0.23.0 → 0.23.1

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

@@ -1 +1 @@
-{"version":3,"file":"img-list.js","sources":["../../../../src/upload/themes/flow-list/img-list.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { BrowseIcon, DeleteIcon, ErrorCircleFilledIcon } from 'tdesign-icons-react';\nimport React, { MouseEvent } from 'react';\nimport type { CommonListProps, FlowListProps } from './index';\nimport useConfig from '../../../_util/useConfig';\nimport { abridgeName } from '../../util';\nimport Loading from '../../../loading';\n\ntype ImgListProps = CommonListProps & Pick<FlowListProps, 'onImgPreview' | 'remove'>;\n\nconst ImgList = (props: ImgListProps) => {\n  const { showInitial, listFiles, renderDragger, onImgPreview, remove } = props;\n  const { classPrefix: prefix } = useConfig();\n  const UPLOAD_NAME = `${prefix}-upload`;\n  const UPLOAD_NAME_CARD = `${UPLOAD_NAME}__card`;\n\n  return (\n    <div className={`${UPLOAD_NAME}__flow-card-area`}>\n      {showInitial && renderDragger()}\n      {!!listFiles.length && (\n        <ul className={`${UPLOAD_NAME_CARD} clearfix`}>\n          {listFiles.map((file, index) => (\n            <li className={`${UPLOAD_NAME_CARD}-item`} key={index}>\n              <div\n                className={classNames({\n                  [`${UPLOAD_NAME_CARD}-content`]: true,\n                  [`${UPLOAD_NAME_CARD}-content-border`]: file.status !== 'waiting',\n                })}\n              >\n                {file.status === 'fail' && (\n                  <div className={`${UPLOAD_NAME_CARD}-status-wrap`}>\n                    <ErrorCircleFilledIcon />\n                    <p>上传失败</p>\n                  </div>\n                )}\n                {file.status === 'progress' && (\n                  <div className={`${UPLOAD_NAME_CARD}-status-wrap`}>\n                    <Loading />\n                    <p>上传中 {Math.min(file.percent, 99)}</p>\n                  </div>\n                )}\n                {(['waiting', 'success'].includes(file.status) || (!file.status && file.url)) && (\n                  <img\n                    className={`${UPLOAD_NAME_CARD}-image`}\n                    src={file.url || '//tdesign.gtimg.com/tdesign-default-img.png'}\n                    alt=\"\"\n                  />\n                )}\n                <div className={`${UPLOAD_NAME_CARD}-mask`}>\n                  {file.url && (\n                    <span className={`${UPLOAD_NAME_CARD}__mask__item`}>\n                      <BrowseIcon onClick={(e: MouseEvent) => onImgPreview(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":"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"}

package/es/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/es/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,26 +25,27 @@ 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 './style/css.js';
 import '../../../loading/type.js';
 import '../../../loading/plugin.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;
@@ -112,6 +113,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,
@@ -144,7 +151,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")

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

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

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

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

package/es/upload/themes/image-card.js

@@ -1,10 +1,10 @@
 /**
- * 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 React, { useState, Fragment } from 'react';
 import { BrowseIcon, DeleteIcon, AddIcon } from 'tdesign-icons-react';
 import { Loading } from '../../loading/index.js';
@@ -12,32 +12,33 @@ import { Dialog } from '../../dialog/index.js';
 import useConfig from '../../_util/useConfig.js';
 import { finishUpload } from '../util.js';
 import BooleanRender from '../boolean-render.js';
-import '../../_chunks/dep-42dfd306.js';
+import '../../_chunks/dep-c7bc4d7c.js';
 import '../../loading/loading.js';
-import '../../_chunks/dep-72ef6cf6.js';
+import '../../_chunks/dep-b71058fe.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 '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
 import './style/css.js';
 import '../../loading/type.js';
 import '../../loading/plugin.js';
 import '../../dialog/Dialog.js';
-import '../../_chunks/dep-c611ea38.js';
 import '../../locale/LocalReceiver.js';
 import '../../config-provider/index.js';
 import '../../config-provider/ConfigProvider.js';
@@ -52,7 +53,7 @@ import 'react-transition-group';
 import '../../_util/useSetState.js';
 import '../../dialog/type.js';
 import '../../dialog/plugin.js';
-import '../../_chunks/dep-a2bc34d5.js';
+import '../../_chunks/dep-f0919110.js';
 
 var ImageCard = function ImageCard(props) {
   var files = props.files,

package/es/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 { 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 [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>上传中 {Math.min(files[0].percent, 99)}%</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`}>点击上传图片</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","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","Math","min","percent","onTrigger","AddIcon"],"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 { 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 [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>上传中 {Math.min(files[0].percent, 99)}%</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`}>点击上传图片</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","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","Math","min","percent","onTrigger","AddIcon"],"mappings":"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"}

package/es/upload/themes/single-file.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -10,24 +10,26 @@ import { ErrorCircleFilledIcon, CloseCircleFilledIcon } from 'tdesign-icons-reac
 import { Loading } from '../../loading/index.js';
 import useConfig from '../../_util/useConfig.js';
 import '../../loading/loading.js';
-import '../../_chunks/dep-72ef6cf6.js';
-import '../../_chunks/dep-442ff40f.js';
-import '../../_chunks/dep-42dfd306.js';
+import '../../_chunks/dep-b71058fe.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 '../../_chunks/dep-bc6012b1.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
 import './style/css.js';

package/es/upload/themes/single-file.js.map

@@ -1 +1 @@
-{"version":3,"file":"single-file.js","sources":["../../../src/upload/themes/single-file.tsx"],"sourcesContent":["import React, { FC, useCallback } from 'react';\nimport classNames from 'classnames';\nimport { CloseCircleFilledIcon, ErrorCircleFilledIcon } from 'tdesign-icons-react';\nimport Loading from '../../loading';\nimport { UploadFile, UploadRemoveContext } from '../type';\nimport useConfig from '../../_util/useConfig';\n\nexport interface SingleFileProps {\n  file?: UploadFile;\n  display?: string;\n  placeholder?: string;\n  onRemove?: (context: UploadRemoveContext) => void;\n  showUploadProgress: boolean;\n}\n\nconst SingleFile: FC<SingleFileProps> = (props) => {\n  const { display = 'file', onRemove, file, showUploadProgress } = props;\n  const { classPrefix } = useConfig();\n\n  const fileClass = classNames(`${classPrefix}-upload__single`, `${classPrefix}-upload__single-${display}`);\n\n  const showProgress = showUploadProgress && file && file.status !== 'success';\n\n  const inputName = file?.name;\n\n  const handleRemove = useCallback(\n    (e) => {\n      onRemove?.({\n        e,\n        file,\n        index: 0,\n      });\n    },\n    [file, onRemove],\n  );\n\n  const renderProgress = useCallback(() => {\n    if (file?.status === 'fail') {\n      return <ErrorCircleFilledIcon />;\n    }\n\n    return (\n      <div className={`${classPrefix}-upload__single-progress`}>\n        <Loading loading={true} size=\"small\" />\n        <span className={`${classPrefix}-upload__single-percent`}>{Math.min(file?.percent || 0, 99)}%</span>\n      </div>\n    );\n  }, [classPrefix, file]);\n\n  // 文本型预览\n  const renderFilePreviewAsText = useCallback(() => {\n    if (!inputName) return;\n    return (\n      <div className={`${classPrefix}-upload__single-display-text ${classPrefix}-upload__display-text--margin`}>\n        <span className={`${classPrefix}-upload__single-name`}>{inputName}</span>\n        {showProgress ? (\n          renderProgress()\n        ) : (\n          <CloseCircleFilledIcon className={`${classPrefix}-upload__icon-delete`} onClick={handleRemove} />\n        )}\n      </div>\n    );\n  }, [classPrefix, inputName, renderProgress, showProgress, handleRemove]);\n\n  return (\n    <div className={fileClass}>\n      {props.children}\n      {display === 'file' && renderFilePreviewAsText()}\n    </div>\n  );\n};\n\nexport default SingleFile;\n"],"names":["SingleFile","props","display","onRemove","file","showUploadProgress","useConfig","classPrefix","fileClass","classNames","showProgress","status","inputName","name","handleRemove","useCallback","e","index","renderProgress","React","createElement","ErrorCircleFilledIcon","className","Loading","loading","size","Math","min","percent","renderFilePreviewAsText","CloseCircleFilledIcon","onClick","children"],"mappings":"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"}
+{"version":3,"file":"single-file.js","sources":["../../../src/upload/themes/single-file.tsx"],"sourcesContent":["import React, { FC, useCallback } from 'react';\nimport classNames from 'classnames';\nimport { CloseCircleFilledIcon, ErrorCircleFilledIcon } from 'tdesign-icons-react';\nimport Loading from '../../loading';\nimport { UploadFile, UploadRemoveContext } from '../type';\nimport useConfig from '../../_util/useConfig';\n\nexport interface SingleFileProps {\n  file?: UploadFile;\n  display?: string;\n  placeholder?: string;\n  onRemove?: (context: UploadRemoveContext) => void;\n  showUploadProgress: boolean;\n}\n\nconst SingleFile: FC<SingleFileProps> = (props) => {\n  const { display = 'file', onRemove, file, showUploadProgress } = props;\n  const { classPrefix } = useConfig();\n\n  const fileClass = classNames(`${classPrefix}-upload__single`, `${classPrefix}-upload__single-${display}`);\n\n  const showProgress = showUploadProgress && file && file.status !== 'success';\n\n  const inputName = file?.name;\n\n  const handleRemove = useCallback(\n    (e) => {\n      onRemove?.({\n        e,\n        file,\n        index: 0,\n      });\n    },\n    [file, onRemove],\n  );\n\n  const renderProgress = useCallback(() => {\n    if (file?.status === 'fail') {\n      return <ErrorCircleFilledIcon />;\n    }\n\n    return (\n      <div className={`${classPrefix}-upload__single-progress`}>\n        <Loading loading={true} size=\"small\" />\n        <span className={`${classPrefix}-upload__single-percent`}>{Math.min(file?.percent || 0, 99)}%</span>\n      </div>\n    );\n  }, [classPrefix, file]);\n\n  // 文本型预览\n  const renderFilePreviewAsText = useCallback(() => {\n    if (!inputName) return;\n    return (\n      <div className={`${classPrefix}-upload__single-display-text ${classPrefix}-upload__display-text--margin`}>\n        <span className={`${classPrefix}-upload__single-name`}>{inputName}</span>\n        {showProgress ? (\n          renderProgress()\n        ) : (\n          <CloseCircleFilledIcon className={`${classPrefix}-upload__icon-delete`} onClick={handleRemove} />\n        )}\n      </div>\n    );\n  }, [classPrefix, inputName, renderProgress, showProgress, handleRemove]);\n\n  return (\n    <div className={fileClass}>\n      {props.children}\n      {display === 'file' && renderFilePreviewAsText()}\n    </div>\n  );\n};\n\nexport default SingleFile;\n"],"names":["SingleFile","props","display","onRemove","file","showUploadProgress","useConfig","classPrefix","fileClass","classNames","showProgress","status","inputName","name","handleRemove","useCallback","e","index","renderProgress","React","createElement","ErrorCircleFilledIcon","className","Loading","loading","size","Math","min","percent","renderFilePreviewAsText","CloseCircleFilledIcon","onClick","children"],"mappings":"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"}

package/es/upload/themes/style/index.js

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

package/es/upload/tips.js

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

package/es/upload/type.js

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

package/es/upload/types.js

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

package/es/upload/upload-trigger.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -11,31 +11,32 @@ import { Button } from '../button/index.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.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';
 import '../_util/setStyle.js';
 import '../loading/index.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 './style/css.js';
 import '../loading/type.js';
 import '../loading/plugin.js';

package/es/upload/upload-trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload-trigger.js","sources":["../../src/upload/upload-trigger.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { UploadIcon } from 'tdesign-icons-react';\nimport useConfig from '../_util/useConfig';\nimport Button from '../button';\n\nexport interface UploadTriggerProps {\n  onClick?: () => void;\n}\n\nconst UploadTrigger: FC<UploadTriggerProps> = (props) => {\n  const { classPrefix } = useConfig();\n\n  return (\n    <div className={`${classPrefix}-upload__trigger`} onClick={props.onClick}>\n      {props.children ? (\n        props.children\n      ) : (\n        <Button icon={<UploadIcon />} variant=\"outline\">\n          选择文件\n        </Button>\n      )}\n    </div>\n  );\n};\n\nexport default UploadTrigger;\n"],"names":["UploadTrigger","props","useConfig","classPrefix","React","createElement","className","onClick","children","Button","icon","UploadIcon","variant"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAW;AAC/B,mBAAwBC,SAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR;;AACA,wBAAuBC,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAChDC,IAAAA,SAAS,YAAKH,WAAL,qBADuC;AAEhDI,IAAAA,OAAO,EAAEN,KAAK,CAACM;AAFiC,GAA3B,EAGpBN,KAAK,CAACO,QAAN,GAAiBP,KAAK,CAACO,QAAvB,kBAAkDJ,KAAK,CAACC,aAAN,CAAoBI,MAApB,EAA4B;AAC/EC,IAAAA,IAAI,iBAAkBN,KAAK,CAACC,aAAN,CAAoBM,UAApB,EAAgC,IAAhC,CADyD;AAE/EC,IAAAA,OAAO,EAAE;AAFsE,GAA5B,EAGlD,0BAHkD,CAH9B,CAAvB;AAOD;;;;"}
+{"version":3,"file":"upload-trigger.js","sources":["../../src/upload/upload-trigger.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { UploadIcon } from 'tdesign-icons-react';\nimport useConfig from '../_util/useConfig';\nimport Button from '../button';\n\nexport interface UploadTriggerProps {\n  onClick?: () => void;\n}\n\nconst UploadTrigger: FC<UploadTriggerProps> = (props) => {\n  const { classPrefix } = useConfig();\n\n  return (\n    <div className={`${classPrefix}-upload__trigger`} onClick={props.onClick}>\n      {props.children ? (\n        props.children\n      ) : (\n        <Button icon={<UploadIcon />} variant=\"outline\">\n          选择文件\n        </Button>\n      )}\n    </div>\n  );\n};\n\nexport default UploadTrigger;\n"],"names":["UploadTrigger","props","useConfig","classPrefix","React","createElement","className","onClick","children","Button","icon","UploadIcon","variant"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAW;AAC/B,mBAAwBC,SAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR;;AACA,wBAAuBC,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAChDC,IAAAA,SAAS,YAAKH,WAAL,qBADuC;AAEhDI,IAAAA,OAAO,EAAEN,KAAK,CAACM;AAFiC,GAA3B,EAGpBN,KAAK,CAACO,QAAN,GAAiBP,KAAK,CAACO,QAAvB,kBAAkDJ,KAAK,CAACC,aAAN,CAAoBI,MAApB,EAA4B;AAC/EC,IAAAA,IAAI,iBAAkBN,KAAK,CAACC,aAAN,CAAoBM,UAApB,EAAgC,IAAhC,CADyD;AAE/EC,IAAAA,OAAO,EAAE;AAFsE,GAA5B,EAGlD,0BAHkD,CAH9B,CAAvB;AAOD;;;;"}

package/es/upload/upload.js

@@ -1,33 +1,33 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _toConsumableArray } from '../_chunks/dep-a2bc34d5.js';
-import { _ as _asyncToGenerator, r as regenerator } from '../_chunks/dep-eddcc10b.js';
-import { _ as _defineProperty } from '../_chunks/dep-72ef6cf6.js';
-import { _ as _slicedToArray } from '../_chunks/dep-442ff40f.js';
+import { _ as _toConsumableArray } from '../_chunks/dep-f0919110.js';
+import { _ as _asyncToGenerator, r as regenerator } from '../_chunks/dep-5056c08a.js';
+import { _ as _defineProperty } from '../_chunks/dep-b71058fe.js';
+import { _ as _slicedToArray } from '../_chunks/dep-543c3536.js';
 import React, { useRef, useState, useCallback, useMemo, forwardRef } from 'react';
-import { i as isEmpty_1 } from '../_chunks/dep-c55cb8a1.js';
-import '../_chunks/dep-3882ffcd.js';
-import { _ as _SetCache, a as _cacheHas, b as _baseFindIndex } from '../_chunks/dep-711e796f.js';
-import { _ as _typeof } from '../_chunks/dep-55ec31d6.js';
-import { _ as _Uint8Array, a as _getAllKeys, b as _Stack, k as keys_1 } from '../_chunks/dep-7556f79a.js';
-import { a as _Symbol$1 } from '../_chunks/dep-9f80f9d6.js';
-import { e as eq_1 } from '../_chunks/dep-27db1e3c.js';
-import { _ as _getTag, i as isBuffer$1, a as isTypedArray_1 } from '../_chunks/dep-8fede92a.js';
-import { i as isArray_1 } from '../_chunks/dep-ae12755c.js';
-import '../_chunks/dep-9f46a2fc.js';
-import { i as isObjectLike_1 } from '../_chunks/dep-abd9fbed.js';
-import { i as isObject_1 } from '../_chunks/dep-e273b26f.js';
-import '../_chunks/dep-9825193d.js';
-import { g as get_1 } from '../_chunks/dep-a3ebf465.js';
-import { h as hasIn_1 } from '../_chunks/dep-ec5da0c1.js';
-import { c as _isKey, b as _toKey, _ as _baseGet } from '../_chunks/dep-3a07fdc5.js';
-import { i as identity_1 } from '../_chunks/dep-42431ee2.js';
-import { _ as _baseProperty } from '../_chunks/dep-045d914f.js';
-import { t as toInteger_1 } from '../_chunks/dep-45ba95e4.js';
+import { i as isEmpty_1 } from '../_chunks/dep-fee68d62.js';
+import '../_chunks/dep-60f5bd8f.js';
+import { _ as _SetCache, a as _cacheHas, b as _baseFindIndex } from '../_chunks/dep-6c7ebad8.js';
+import { _ as _typeof } from '../_chunks/dep-195c3d75.js';
+import { _ as _Uint8Array, a as _getAllKeys, b as _Stack, k as keys_1 } from '../_chunks/dep-eae5e73b.js';
+import { a as _Symbol$1 } from '../_chunks/dep-adec0da9.js';
+import { e as eq_1 } from '../_chunks/dep-37aa0312.js';
+import { _ as _getTag, i as isBuffer$1, a as isTypedArray_1 } from '../_chunks/dep-8ec2d92c.js';
+import { i as isArray_1 } from '../_chunks/dep-3222ad5b.js';
+import '../_chunks/dep-73c3d91b.js';
+import { i as isObjectLike_1 } from '../_chunks/dep-3078962f.js';
+import { i as isObject_1 } from '../_chunks/dep-966f4d8b.js';
+import '../_chunks/dep-42d06a7e.js';
+import { g as get_1 } from '../_chunks/dep-53dd2095.js';
+import { h as hasIn_1 } from '../_chunks/dep-e50910a4.js';
+import { c as _isKey, b as _toKey, _ as _baseGet } from '../_chunks/dep-178c8e4e.js';
+import { i as identity_1 } from '../_chunks/dep-4bc313e1.js';
+import { _ as _baseProperty } from '../_chunks/dep-1bb17190.js';
+import { t as toInteger_1 } from '../_chunks/dep-56f9520b.js';
 import { Dialog } from '../dialog/index.js';
 import Dragger from './dragger.js';
 import UploadTrigger from './upload-trigger.js';
@@ -41,23 +41,23 @@ import BooleanRender from './boolean-render.js';
 import { isSingleFile, updateFileList, finishUpload } from './util.js';
 import useDefaultValue from './hooks/useDefaultValue.js';
 import useHandleLimit from './hooks/useSizeLimit.js';
-import '../_chunks/dep-42dfd306.js';
-import '../_chunks/dep-44534aa1.js';
-import '../_chunks/dep-71117f38.js';
-import '../_chunks/dep-3ef615a3.js';
-import '../_chunks/dep-a57dc5be.js';
-import '../_chunks/dep-61768ea7.js';
-import '../_chunks/dep-5469de86.js';
-import '../_chunks/dep-d4c7e673.js';
-import '../_chunks/dep-a57a3adc.js';
-import '../_chunks/dep-50f46574.js';
-import '../_chunks/dep-b4546e0e.js';
-import '../_chunks/dep-f326b5da.js';
-import '../_chunks/dep-184b21c3.js';
-import '../_chunks/dep-f253fe70.js';
+import '../_chunks/dep-c7bc4d7c.js';
+import '../_chunks/dep-f479b641.js';
+import '../_chunks/dep-7b191072.js';
+import '../_chunks/dep-ea6cd97e.js';
+import '../_chunks/dep-2fc7ff7b.js';
+import '../_chunks/dep-71e7a5f0.js';
+import '../_chunks/dep-f91a0619.js';
+import '../_chunks/dep-82c64961.js';
+import '../_chunks/dep-a902ad33.js';
+import '../_chunks/dep-ca76867d.js';
+import '../_chunks/dep-e4aca6cc.js';
+import '../_chunks/dep-8f1f4b9f.js';
+import '../_chunks/dep-27b799a5.js';
+import '../_chunks/dep-c1bcd3ad.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';
@@ -80,6 +80,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 './style/css.js';
 import '../loading/type.js';
 import '../loading/plugin.js';
@@ -939,6 +940,7 @@ var Upload = function Upload(props, ref) {
       onRemove = _useDefaultValue.onRemove,
       onDragenter = _useDefaultValue.onDragenter,
       onDragleave = _useDefaultValue.onDragleave,
+      onPreview = _useDefaultValue.onPreview,
       requestMethod = _useDefaultValue.requestMethod,
       customDraggerRender = _useDefaultValue.customDraggerRender,
       children = _useDefaultValue.children;
@@ -980,11 +982,15 @@ var Upload = function Upload(props, ref) {
     setImgURL("");
   }, []);
   var handleSizeLimit = useHandleLimit();
-  var handlePreviewImg = useCallback(function (event, file) {
+  var handlePreviewImg = useCallback(function (file, event) {
     if (!file.url) throw new Error("Error file");
     setImgURL(file.url);
     setShowImg(true);
-  }, []);
+    onPreview === null || onPreview === void 0 ? void 0 : onPreview({
+      file: file,
+      e: event
+    });
+  }, [onPreview]);
 
   var triggerUpload = function triggerUpload() {
     if (disabled) return;