tdesign-react 0.36.4-alpha.2 → 0.36.5-alpha.2

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

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.36.3
+ * tdesign v0.36.5-alpha.2
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../../_chunks/dep-e515d725.js';
-import { _ as _slicedToArray } from '../../../_chunks/dep-2ad59251.js';
+import { _ as _defineProperty } from '../../../_chunks/dep-5e99af82.js';
+import { _ as _slicedToArray } from '../../../_chunks/dep-649cfdb6.js';
 import classNames from 'classnames';
 import { ErrorCircleFilledIcon, BrowseIcon, DeleteIcon } from 'tdesign-icons-react';
 import React from 'react';
@@ -13,35 +13,35 @@ import useConfig from '../../../_util/useConfig.js';
 import { useLocaleReceiver } from '../../../locale/LocalReceiver.js';
 import { abridgeName } from '../../util.js';
 import { Loading } from '../../../loading/index.js';
-import '../../../_chunks/dep-615e4223.js';
-import '../../../_chunks/dep-22d68d1d.js';
-import '../../../_chunks/dep-788db21e.js';
-import '../../../_chunks/dep-d68e6d37.js';
-import '../../../_chunks/dep-ca6560eb.js';
-import '../../../_chunks/dep-28db1ea3.js';
-import '../../../_chunks/dep-05a2833b.js';
-import '../../../_chunks/dep-4e1dd87c.js';
-import '../../../_chunks/dep-654ae5a8.js';
-import '../../../_chunks/dep-cae6b689.js';
-import '../../../_chunks/dep-19a27aa2.js';
-import '../../../_chunks/dep-b6b1f860.js';
-import '../../../_chunks/dep-ce074ab0.js';
-import '../../../_chunks/dep-4fb9eab7.js';
-import '../../../_chunks/dep-3304143f.js';
-import '../../../_chunks/dep-ffa8d8c8.js';
-import '../../../_chunks/dep-f04049f9.js';
-import '../../../_chunks/dep-7dbb3ad2.js';
-import '../../../_chunks/dep-64c012d6.js';
-import '../../../_chunks/dep-1f683c7d.js';
-import '../../../_chunks/dep-b380da75.js';
-import '../../../_chunks/dep-4ff70480.js';
-import '../../../_chunks/dep-17facd7a.js';
-import '../../../_chunks/dep-f64e4f5e.js';
-import '../../../_chunks/dep-aae2b00c.js';
-import '../../../_chunks/dep-584b0a0c.js';
-import '../../../_chunks/dep-a701a85f.js';
-import '../../../_chunks/dep-5318bba4.js';
-import '../../../_chunks/dep-c2ef029f.js';
+import '../../../_chunks/dep-64802f91.js';
+import '../../../_chunks/dep-a8723774.js';
+import '../../../_chunks/dep-b2370311.js';
+import '../../../_chunks/dep-26a678da.js';
+import '../../../_chunks/dep-46441ed8.js';
+import '../../../_chunks/dep-be8dc143.js';
+import '../../../_chunks/dep-c0e75826.js';
+import '../../../_chunks/dep-6e1a0981.js';
+import '../../../_chunks/dep-59625ec5.js';
+import '../../../_chunks/dep-c6f8cdcb.js';
+import '../../../_chunks/dep-18f083ba.js';
+import '../../../_chunks/dep-5bf3f4f7.js';
+import '../../../_chunks/dep-f372549d.js';
+import '../../../_chunks/dep-59fd266d.js';
+import '../../../_chunks/dep-e575a215.js';
+import '../../../_chunks/dep-c7579924.js';
+import '../../../_chunks/dep-2289b9b1.js';
+import '../../../_chunks/dep-8fb3316a.js';
+import '../../../_chunks/dep-b382f74a.js';
+import '../../../_chunks/dep-e7847142.js';
+import '../../../_chunks/dep-421d6c5f.js';
+import '../../../_chunks/dep-a587d16b.js';
+import '../../../_chunks/dep-197bade4.js';
+import '../../../_chunks/dep-d654f022.js';
+import '../../../_chunks/dep-baf2f0c5.js';
+import '../../../_chunks/dep-89b11921.js';
+import '../../../_chunks/dep-c3050796.js';
+import '../../../_chunks/dep-75ca6c0d.js';
+import '../../../_chunks/dep-1cd889e0.js';
 import '../../../locale/zh_CN.js';
 import '../../../_common/js/global-config/locale/zh_CN.js';
 import '../../../_common/js/global-config/default-config.js';
@@ -50,7 +50,7 @@ import '../../../config-provider/ConfigProvider.js';
 import '../../../loading/Loading.js';
 import '../../../_util/dom.js';
 import 'raf';
-import '../../../_chunks/dep-1662c01d.js';
+import '../../../_chunks/dep-01b6bda2.js';
 import '../../../_util/easing.js';
 import '../../../common/Portal.js';
 import 'react-dom';
@@ -58,10 +58,10 @@ 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-43447aa1.js';
+import '../../../_chunks/dep-7c532818.js';
 import '../../../loading/defaultProps.js';
 import '../../../loading/plugin.js';
-import './style/css.js';
+import '../../../loading/style/css.js';
 import '../../../loading/type.js';
 
 var ImgList = function ImgList(props) {

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

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.36.3
+ * tdesign v0.36.5-alpha.2
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../../_chunks/dep-e515d725.js';
-import { _ as _slicedToArray } from '../../../_chunks/dep-2ad59251.js';
+import { _ as _defineProperty } from '../../../_chunks/dep-5e99af82.js';
+import { _ as _slicedToArray } from '../../../_chunks/dep-649cfdb6.js';
 import React, { useState, useCallback } from 'react';
 import classNames from 'classnames';
 import useConfig from '../../../_util/useConfig.js';
@@ -14,48 +14,48 @@ 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-615e4223.js';
-import '../../../_chunks/dep-22d68d1d.js';
-import '../../../_chunks/dep-788db21e.js';
-import '../../../_chunks/dep-d68e6d37.js';
-import '../../../_chunks/dep-ca6560eb.js';
-import '../../../_chunks/dep-28db1ea3.js';
-import '../../../_chunks/dep-05a2833b.js';
-import '../../../_chunks/dep-4e1dd87c.js';
-import '../../../_chunks/dep-654ae5a8.js';
-import '../../../_chunks/dep-cae6b689.js';
-import '../../../_chunks/dep-19a27aa2.js';
-import '../../../_chunks/dep-b6b1f860.js';
-import '../../../_chunks/dep-ce074ab0.js';
-import '../../../_chunks/dep-4fb9eab7.js';
-import '../../../_chunks/dep-3304143f.js';
-import '../../../_chunks/dep-ffa8d8c8.js';
-import '../../../_chunks/dep-f04049f9.js';
-import '../../../_chunks/dep-7dbb3ad2.js';
-import '../../../_chunks/dep-64c012d6.js';
-import '../../../_chunks/dep-1f683c7d.js';
-import '../../../_chunks/dep-b380da75.js';
-import '../../../_chunks/dep-4ff70480.js';
-import '../../../_chunks/dep-17facd7a.js';
-import '../../../_chunks/dep-f64e4f5e.js';
-import '../../../_chunks/dep-aae2b00c.js';
-import '../../../_chunks/dep-584b0a0c.js';
-import '../../../_chunks/dep-a701a85f.js';
-import '../../../_chunks/dep-5318bba4.js';
-import '../../../_chunks/dep-c2ef029f.js';
+import '../../../_chunks/dep-64802f91.js';
+import '../../../_chunks/dep-a8723774.js';
+import '../../../_chunks/dep-b2370311.js';
+import '../../../_chunks/dep-26a678da.js';
+import '../../../_chunks/dep-46441ed8.js';
+import '../../../_chunks/dep-be8dc143.js';
+import '../../../_chunks/dep-c0e75826.js';
+import '../../../_chunks/dep-6e1a0981.js';
+import '../../../_chunks/dep-59625ec5.js';
+import '../../../_chunks/dep-c6f8cdcb.js';
+import '../../../_chunks/dep-18f083ba.js';
+import '../../../_chunks/dep-5bf3f4f7.js';
+import '../../../_chunks/dep-f372549d.js';
+import '../../../_chunks/dep-59fd266d.js';
+import '../../../_chunks/dep-e575a215.js';
+import '../../../_chunks/dep-c7579924.js';
+import '../../../_chunks/dep-2289b9b1.js';
+import '../../../_chunks/dep-8fb3316a.js';
+import '../../../_chunks/dep-b382f74a.js';
+import '../../../_chunks/dep-e7847142.js';
+import '../../../_chunks/dep-421d6c5f.js';
+import '../../../_chunks/dep-a587d16b.js';
+import '../../../_chunks/dep-197bade4.js';
+import '../../../_chunks/dep-d654f022.js';
+import '../../../_chunks/dep-baf2f0c5.js';
+import '../../../_chunks/dep-89b11921.js';
+import '../../../_chunks/dep-c3050796.js';
+import '../../../_chunks/dep-75ca6c0d.js';
+import '../../../_chunks/dep-1cd889e0.js';
 import '../../../locale/zh_CN.js';
 import '../../../_common/js/global-config/locale/zh_CN.js';
 import '../../../_common/js/global-config/default-config.js';
 import '../../../config-provider/index.js';
 import '../../../config-provider/ConfigProvider.js';
 import '../../../button/Button.js';
-import '../../../_chunks/dep-43447aa1.js';
+import '../../../_chunks/dep-7c532818.js';
 import '../../../_util/useRipple.js';
 import '../../../_util/useAnimation.js';
 import '../../../_util/setStyle.js';
 import '../../../_util/dom.js';
 import 'raf';
-import '../../../_chunks/dep-1662c01d.js';
+import '../../../_chunks/dep-01b6bda2.js';
 import '../../../_util/easing.js';
 import '../../../loading/index.js';
 import '../../../loading/Loading.js';
@@ -67,9 +67,10 @@ import '../../../_common/js/utils/set-style.js';
 import '../../../_common/js/utils/helper.js';
 import '../../../loading/defaultProps.js';
 import '../../../loading/plugin.js';
-import './style/css.js';
+import '../../../loading/style/css.js';
 import '../../../loading/type.js';
 import '../../../button/defaultProps.js';
+import '../../../button/style/css.js';
 import '../../../button/type.js';
 import 'tdesign-icons-react';
 import '../../util.js';

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

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

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

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.36.3
+ * tdesign v0.36.5-alpha.2
  * (c) 2022 tdesign
  * @license MIT
  */

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

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.36.3
+ * tdesign v0.36.5-alpha.2
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _slicedToArray } from '../../_chunks/dep-2ad59251.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-649cfdb6.js';
 import React, { useState, Fragment } from 'react';
 import { BrowseIcon, DeleteIcon, AddIcon } from 'tdesign-icons-react';
 import { Loading } from '../../loading/index.js';
@@ -13,44 +13,44 @@ import useConfig from '../../_util/useConfig.js';
 import { useLocaleReceiver } from '../../locale/LocalReceiver.js';
 import { finishUpload } from '../util.js';
 import BooleanRender from '../boolean-render.js';
-import '../../_chunks/dep-615e4223.js';
+import '../../_chunks/dep-64802f91.js';
 import '../../loading/Loading.js';
-import '../../_chunks/dep-e515d725.js';
+import '../../_chunks/dep-5e99af82.js';
 import 'classnames';
 import '../../_util/dom.js';
 import 'raf';
-import '../../_chunks/dep-1662c01d.js';
-import '../../_chunks/dep-788db21e.js';
-import '../../_chunks/dep-4e1dd87c.js';
-import '../../_chunks/dep-654ae5a8.js';
-import '../../_chunks/dep-17facd7a.js';
-import '../../_chunks/dep-7dbb3ad2.js';
+import '../../_chunks/dep-01b6bda2.js';
+import '../../_chunks/dep-b2370311.js';
+import '../../_chunks/dep-6e1a0981.js';
+import '../../_chunks/dep-59625ec5.js';
+import '../../_chunks/dep-197bade4.js';
+import '../../_chunks/dep-8fb3316a.js';
 import '../../_util/easing.js';
 import '../../common/Portal.js';
 import 'react-dom';
-import '../../_chunks/dep-22d68d1d.js';
-import '../../_chunks/dep-d68e6d37.js';
-import '../../_chunks/dep-ca6560eb.js';
-import '../../_chunks/dep-28db1ea3.js';
-import '../../_chunks/dep-05a2833b.js';
-import '../../_chunks/dep-cae6b689.js';
-import '../../_chunks/dep-19a27aa2.js';
-import '../../_chunks/dep-b6b1f860.js';
-import '../../_chunks/dep-ce074ab0.js';
-import '../../_chunks/dep-4fb9eab7.js';
-import '../../_chunks/dep-3304143f.js';
-import '../../_chunks/dep-ffa8d8c8.js';
-import '../../_chunks/dep-f04049f9.js';
-import '../../_chunks/dep-64c012d6.js';
-import '../../_chunks/dep-1f683c7d.js';
-import '../../_chunks/dep-b380da75.js';
-import '../../_chunks/dep-4ff70480.js';
-import '../../_chunks/dep-f64e4f5e.js';
-import '../../_chunks/dep-aae2b00c.js';
-import '../../_chunks/dep-584b0a0c.js';
-import '../../_chunks/dep-a701a85f.js';
-import '../../_chunks/dep-5318bba4.js';
-import '../../_chunks/dep-c2ef029f.js';
+import '../../_chunks/dep-a8723774.js';
+import '../../_chunks/dep-26a678da.js';
+import '../../_chunks/dep-46441ed8.js';
+import '../../_chunks/dep-be8dc143.js';
+import '../../_chunks/dep-c0e75826.js';
+import '../../_chunks/dep-c6f8cdcb.js';
+import '../../_chunks/dep-18f083ba.js';
+import '../../_chunks/dep-5bf3f4f7.js';
+import '../../_chunks/dep-f372549d.js';
+import '../../_chunks/dep-59fd266d.js';
+import '../../_chunks/dep-e575a215.js';
+import '../../_chunks/dep-c7579924.js';
+import '../../_chunks/dep-2289b9b1.js';
+import '../../_chunks/dep-b382f74a.js';
+import '../../_chunks/dep-e7847142.js';
+import '../../_chunks/dep-421d6c5f.js';
+import '../../_chunks/dep-a587d16b.js';
+import '../../_chunks/dep-d654f022.js';
+import '../../_chunks/dep-baf2f0c5.js';
+import '../../_chunks/dep-89b11921.js';
+import '../../_chunks/dep-c3050796.js';
+import '../../_chunks/dep-75ca6c0d.js';
+import '../../_chunks/dep-1cd889e0.js';
 import '../../locale/zh_CN.js';
 import '../../_common/js/global-config/locale/zh_CN.js';
 import '../../_common/js/global-config/default-config.js';
@@ -58,10 +58,10 @@ 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-43447aa1.js';
+import '../../_chunks/dep-7c532818.js';
 import '../../loading/defaultProps.js';
 import '../../loading/plugin.js';
-import './style/css.js';
+import '../../loading/style/css.js';
 import '../../loading/type.js';
 import '../../dialog/Dialog.js';
 import '../../button/index.js';
@@ -70,18 +70,20 @@ import '../../_util/useRipple.js';
 import '../../_util/useAnimation.js';
 import '../../_util/setStyle.js';
 import '../../button/defaultProps.js';
+import '../../button/style/css.js';
 import '../../button/type.js';
 import '../../_util/noop.js';
 import '../../dialog/RenderDialog.js';
 import 'react-transition-group';
 import '../../_util/useLayoutEffect.js';
 import '../../_util/useDialogEsc.js';
-import '../../_chunks/dep-d8b7ebf6.js';
+import '../../_chunks/dep-7d528cbd.js';
 import '../../dialog/defaultProps.js';
 import '../../config-provider/index.js';
 import '../../config-provider/ConfigProvider.js';
 import '../../_util/useSetState.js';
 import '../../dialog/plugin.js';
+import '../../dialog/style/css.js';
 import '../../dialog/type.js';
 
 var ImageCard = function ImageCard(props) {

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 { useLocaleReceiver } from '../../locale/LocalReceiver';\nimport { UploadRemoveContext } from '../type';\nimport { finishUpload } from '../util';\nimport { TdUploadFile } from '../types';\nimport BooleanRender from '../boolean-render';\n\nexport interface ImageCardProps {\n  files?: TdUploadFile[];\n  multiple?: boolean;\n  max?: number;\n  onTrigger: () => void;\n  onRemove?: (options: UploadRemoveContext) => void;\n  showUploadProgress: boolean;\n  disabled: boolean;\n}\n\nconst ImageCard: FC<ImageCardProps> = (props) => {\n  const { files, multiple = false, max = 0, onRemove, showUploadProgress, disabled } = props;\n  const { classPrefix } = useConfig();\n  const [locale, t] = useLocaleReceiver('upload');\n  const [showImg, setShowImg] = useState(false);\n  const [imgURL, setImgURL] = useState();\n\n  const preview = (file) => {\n    setShowImg(true);\n    setImgURL(file.url);\n  };\n\n  const showTrigger = React.useMemo(() => {\n    if (multiple) {\n      return !max || files.length < max;\n    }\n\n    return !(files && files[0]);\n  }, [files, max, multiple]);\n\n  return (\n    <Fragment>\n      <Dialog\n        visible={showImg}\n        showOverlay\n        width=\"auto\"\n        top=\"10%\"\n        className={`${classPrefix}-upload__dialog`}\n        footer={false}\n        header={false}\n        onClose={() => {\n          setShowImg(false);\n          setImgURL(null);\n        }}\n      >\n        <p className={`${classPrefix}-dialog__dialog-body-img-box`}>\n          <img src={imgURL} alt=\"\" />\n        </p>\n      </Dialog>\n      <ul className={`${classPrefix}-upload__card`}>\n        <BooleanRender boolExpression={!!files}>\n          {files.map((file, index) => (\n            <li className={`${classPrefix}-upload__card-item ${classPrefix}-is--background`} key={index}>\n              <BooleanRender\n                falseRender={() => (\n                  <div className={`${classPrefix}-upload__card-content ${classPrefix}-upload__card-box`}>\n                    <img className={`${classPrefix}-upload__card-image`} src={file.url} />\n                    <div className={`${classPrefix}-upload__card-mask`}>\n                      <span className={`${classPrefix}-upload__card-mask-item`} onClick={(e) => e.stopPropagation()}>\n                        <BrowseIcon onClick={() => preview(file)} />\n                      </span>\n                      {!disabled && (\n                        <>\n                          <span className={`${classPrefix}-upload__card-mask-item-divider`} />\n                          <span\n                            className={`${classPrefix}-upload__card-mask-item`}\n                            onClick={(e) => e.stopPropagation()}\n                          >\n                            <DeleteIcon onClick={(e) => onRemove?.({ e, file, index })} />\n                          </span>\n                        </>\n                      )}\n                    </div>\n                  </div>\n                )}\n                boolExpression={showUploadProgress && !finishUpload(file.status)}\n              >\n                <div className={`${classPrefix}-upload__card-container ${classPrefix}-upload__card-box`}>\n                  <Loading loading={true} size=\"medium\" />\n                  <p>\n                    {t(locale.progress.uploadingText)} {Math.min(files[index].percent, 99)}%\n                  </p>\n                </div>\n              </BooleanRender>\n            </li>\n          ))}\n        </BooleanRender>\n        <BooleanRender boolExpression={showTrigger}>\n          <li className={`${classPrefix}-upload__card-item ${classPrefix}-is--background`} onClick={props.onTrigger}>\n            <div className={`${classPrefix}-upload__card-container ${classPrefix}-upload__card-box`}>\n              <AddIcon />\n              <p className={`${classPrefix}-size-s`}>{t(locale.triggerUploadText.image)}</p>\n            </div>\n          </li>\n        </BooleanRender>\n      </ul>\n    </Fragment>\n  );\n};\n\nexport default ImageCard;\n"],"names":["ImageCard","props","files","multiple","max","onRemove","showUploadProgress","disabled","useConfig","classPrefix","useLocaleReceiver","locale","t","useState","showImg","setShowImg","imgURL","setImgURL","preview","file","url","showTrigger","React","useMemo","length","createElement","Fragment","Dialog","visible","showOverlay","width","top","className","footer","header","onClose","src","alt","BooleanRender","boolExpression","map","index","key","falseRender","onClick","e","stopPropagation","BrowseIcon","DeleteIcon","finishUpload","status","Loading","loading","size","progress","uploadingText","Math","min","percent","onTrigger","AddIcon","triggerUploadText","image"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD,EAAW;AAC3B,EAAA,IAAQC,KAAR,GAAqFD,KAArF,CAAQC,KAAR;MAAqFD,eAAAA,GAAAA,KAArF,CAAeE,QAAf;MAAeA,QAAf,gCAA0B,KAA1B,GAAA,eAAA;MAAqFF,UAAAA,GAAAA,KAArF,CAAiCG,GAAjC;MAAiCA,GAAjC,2BAAuC,CAAvC,GAAA,UAAA;AAAA,MAA0CC,QAA1C,GAAqFJ,KAArF,CAA0CI,QAA1C;AAAA,MAAoDC,kBAApD,GAAqFL,KAArF,CAAoDK,kBAApD;AAAA,MAAwEC,QAAxE,GAAqFN,KAArF,CAAwEM,QAAxE,CAAA;;AACA,EAAA,IAAA,UAAA,GAAwBC,SAAS,EAAjC;MAAQC,WAAR,cAAQA,WAAR,CAAA;;EACA,IAAoBC,kBAAAA,GAAAA,iBAAiB,CAAC,QAAD,CAArC;AAAA,MAAA,mBAAA,GAAA,cAAA,CAAA,kBAAA,EAAA,CAAA,CAAA;AAAA,MAAOC,MAAP,GAAA,mBAAA,CAAA,CAAA,CAAA;AAAA,MAAeC,CAAf,GAAA,mBAAA,CAAA,CAAA,CAAA,CAAA;;EACA,IAA8BC,SAAAA,GAAAA,QAAQ,CAAC,KAAD,CAAtC;AAAA,MAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAA,MAAOC,OAAP,GAAA,UAAA,CAAA,CAAA,CAAA;AAAA,MAAgBC,UAAhB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;;AACA,EAAA,IAAA,UAAA,GAA4BF,QAAQ,EAApC;AAAA,MAAA,UAAA,GAAA,cAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAA,MAAOG,MAAP,GAAA,UAAA,CAAA,CAAA,CAAA;AAAA,MAAeC,SAAf,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;;AACA,EAAA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,IAAD,EAAU;IACxBJ,UAAU,CAAC,IAAD,CAAV,CAAA;AACAE,IAAAA,SAAS,CAACE,IAAI,CAACC,GAAN,CAAT,CAAA;GAFF,CAAA;;AAIA,EAAA,IAAMC,WAAW,GAAGC,KAAK,CAACC,OAAN,CAAc,YAAM;AACtC,IAAA,IAAIpB,QAAJ,EAAc;AACZ,MAAA,OAAO,CAACC,GAAD,IAAQF,KAAK,CAACsB,MAAN,GAAepB,GAA9B,CAAA;AACD,KAAA;;AACD,IAAA,OAAO,EAAEF,KAAK,IAAIA,KAAK,CAAC,CAAD,CAAhB,CAAP,CAAA;GAJkB,EAKjB,CAACA,KAAD,EAAQE,GAAR,EAAaD,QAAb,CALiB,CAApB,CAAA;AAMA,EAAA,sBAAuBmB,KAAK,CAACG,aAAN,CAAoBC,QAApB,EAA8B,IAA9B,iBAAoDJ,KAAK,CAACG,aAAN,CAAoBE,MAApB,EAA4B;AACrGC,IAAAA,OAAO,EAAEd,OAD4F;AAErGe,IAAAA,WAAW,EAAE,IAFwF;AAGrGC,IAAAA,KAAK,EAAE,MAH8F;AAIrGC,IAAAA,GAAG,EAAE,KAJgG;IAKrGC,SAAS,EAAA,EAAA,CAAA,MAAA,CAAKvB,WAAL,EAL4F,iBAAA,CAAA;AAMrGwB,IAAAA,MAAM,EAAE,KAN6F;AAOrGC,IAAAA,MAAM,EAAE,KAP6F;AAQrGC,IAAAA,OAAO,EAAE,SAAM,OAAA,GAAA;MACbpB,UAAU,CAAC,KAAD,CAAV,CAAA;MACAE,SAAS,CAAC,IAAD,CAAT,CAAA;AACD,KAAA;AAXoG,GAA5B,iBAYxDK,KAAK,CAACG,aAAN,CAAoB,GAApB,EAAyB;AAC1CO,IAAAA,SAAS,YAAKvB,WAAL,EAAA,8BAAA,CAAA;AADiC,GAAzB,iBAEAa,KAAK,CAACG,aAAN,CAAoB,KAApB,EAA2B;AAC5CW,IAAAA,GAAG,EAAEpB,MADuC;AAE5CqB,IAAAA,GAAG,EAAE,EAAA;GAFY,CAFA,CAZwD,CAApD,iBAiBDf,KAAK,CAACG,aAAN,CAAoB,IAApB,EAA0B;AAC9CO,IAAAA,SAAS,YAAKvB,WAAL,EAAA,eAAA,CAAA;AADqC,GAA1B,iBAEHa,KAAK,CAACG,aAAN,CAAoBa,aAApB,EAAmC;IACpDC,cAAc,EAAE,CAAC,CAACrC,KAAAA;GADD,EAEhBA,KAAK,CAACsC,GAAN,CAAU,UAACrB,IAAD,EAAOsB,KAAP,EAAA;AAAA,IAAA,sBAAiCnB,KAAK,CAACG,aAAN,CAAoB,IAApB,EAA0B;AACtEO,MAAAA,SAAS,EAAKvB,EAAAA,CAAAA,MAAAA,CAAAA,WAAL,EAAsCA,qBAAAA,CAAAA,CAAAA,MAAAA,CAAAA,WAAtC,EAD6D,iBAAA,CAAA;AAEtEiC,MAAAA,GAAG,EAAED,KAAAA;AAFiE,KAA1B,iBAG3BnB,KAAK,CAACG,aAAN,CAAoBa,aAApB,EAAmC;AACpDK,MAAAA,WAAW,EAAE,SAAA,WAAA,GAAA;AAAA,QAAA,sBAAsBrB,KAAK,CAACG,aAAN,CAAoB,KAApB,EAA2B;UAC5DO,SAAS,EAAA,EAAA,CAAA,MAAA,CAAKvB,WAAL,EAAA,wBAAA,CAAA,CAAA,MAAA,CAAyCA,WAAzC,EAAA,mBAAA,CAAA;AADmD,SAA3B,iBAEhBa,KAAK,CAACG,aAAN,CAAoB,KAApB,EAA2B;UAC5CO,SAAS,EAAA,EAAA,CAAA,MAAA,CAAKvB,WAAL,EADmC,qBAAA,CAAA;UAE5C2B,GAAG,EAAEjB,IAAI,CAACC,GAAAA;SAFO,CAFgB,iBAKfE,KAAK,CAACG,aAAN,CAAoB,KAApB,EAA2B;AAC7CO,UAAAA,SAAS,YAAKvB,WAAL,EAAA,oBAAA,CAAA;AADoC,SAA3B,iBAEDa,KAAK,CAACG,aAAN,CAAoB,MAApB,EAA4B;UAC7CO,SAAS,EAAA,EAAA,CAAA,MAAA,CAAKvB,WAAL,EADoC,yBAAA,CAAA;UAE7CmC,OAAO,EAAE,iBAACC,CAAD,EAAA;YAAA,OAAOA,CAAC,CAACC,eAAF,EAAP,CAAA;AAAA,WAAA;AAFoC,SAA5B,iBAGAxB,KAAK,CAACG,aAAN,CAAoBsB,UAApB,EAAgC;AACjDH,UAAAA,OAAO,EAAE,SAAA,OAAA,GAAA;YAAA,OAAM1B,OAAO,CAACC,IAAD,CAAb,CAAA;AAAA,WAAA;SADQ,CAHA,CAFC,EAOf,CAACZ,QAAD,mBAA6Be,KAAK,CAACG,aAAN,CAAoBH,KAAK,CAACI,QAA1B,EAAoC,IAApC,iBAA0DJ,KAAK,CAACG,aAAN,CAAoB,MAApB,EAA4B;AACtHO,UAAAA,SAAS,YAAKvB,WAAL,EAAA,iCAAA,CAAA;SADiF,CAA1D,iBAEda,KAAK,CAACG,aAAN,CAAoB,MAApB,EAA4B;UAC9CO,SAAS,EAAA,EAAA,CAAA,MAAA,CAAKvB,WAAL,EADqC,yBAAA,CAAA;UAE9CmC,OAAO,EAAE,iBAACC,CAAD,EAAA;YAAA,OAAOA,CAAC,CAACC,eAAF,EAAP,CAAA;AAAA,WAAA;AAFqC,SAA5B,iBAGDxB,KAAK,CAACG,aAAN,CAAoBuB,UAApB,EAAgC;UACjDJ,OAAO,EAAE,iBAACC,CAAD,EAAA;AAAA,YAAA,OAAOxC,QAAP,KAAA,IAAA,IAAOA,QAAP,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAOA,QAAQ,CAAG;AAAEwC,cAAAA,CAAC,EAADA,CAAF;AAAK1B,cAAAA,IAAI,EAAJA,IAAL;AAAWsB,cAAAA,KAAK,EAALA,KAAAA;AAAX,aAAH,CAAf,CAAA;AAAA,WAAA;AADwC,SAAhC,CAHC,CAFc,CAPd,CALe,CAAtB,CAAA;OADuC;MAqBpDF,cAAc,EAAEjC,kBAAkB,IAAI,CAAC2C,YAAY,CAAC9B,IAAI,CAAC+B,MAAN,CAAA;AArBC,KAAnC,iBAsBA5B,KAAK,CAACG,aAAN,CAAoB,KAApB,EAA2B;MAC5CO,SAAS,EAAA,EAAA,CAAA,MAAA,CAAKvB,WAAL,EAAA,0BAAA,CAAA,CAAA,MAAA,CAA2CA,WAA3C,EAAA,mBAAA,CAAA;AADmC,KAA3B,iBAEAa,KAAK,CAACG,aAAN,CAAoB0B,OAApB,EAA6B;AAC9CC,MAAAA,OAAO,EAAE,IADqC;AAE9CC,MAAAA,IAAI,EAAE,QAAA;AAFwC,KAA7B,CAFA,iBAKC/B,KAAK,CAACG,aAAN,CAAoB,GAApB,EAAyB,IAAzB,EAA+Bb,CAAC,CAACD,MAAM,CAAC2C,QAAP,CAAgBC,aAAjB,CAAhC,EAAiE,GAAjE,EAAsEC,IAAI,CAACC,GAAL,CAASvD,KAAK,CAACuC,KAAD,CAAL,CAAaiB,OAAtB,EAA+B,EAA/B,CAAtE,EAA0G,GAA1G,CALD,CAtBA,CAH2B,CAAjC,CAAA;GAAV,CAFgB,CAFG,iBAkCmIpC,KAAK,CAACG,aAAN,CAAoBa,aAApB,EAAmC;AAC1LC,IAAAA,cAAc,EAAElB,WAAAA;AAD0K,GAAnC,iBAEtIC,KAAK,CAACG,aAAN,CAAoB,IAApB,EAA0B;AAC3CO,IAAAA,SAAS,EAAKvB,EAAAA,CAAAA,MAAAA,CAAAA,WAAL,EAAsCA,qBAAAA,CAAAA,CAAAA,MAAAA,CAAAA,WAAtC,EADkC,iBAAA,CAAA;IAE3CmC,OAAO,EAAE3C,KAAK,CAAC0D,SAAAA;AAF4B,GAA1B,iBAGArC,KAAK,CAACG,aAAN,CAAoB,KAApB,EAA2B;IAC5CO,SAAS,EAAA,EAAA,CAAA,MAAA,CAAKvB,WAAL,EAAA,0BAAA,CAAA,CAAA,MAAA,CAA2CA,WAA3C,EAAA,mBAAA,CAAA;AADmC,GAA3B,iBAEAa,KAAK,CAACG,aAAN,CAAoBmC,OAApB,EAA6B,IAA7B,CAFA,iBAEoDtC,KAAK,CAACG,aAAN,CAAoB,GAApB,EAAyB;AAC9FO,IAAAA,SAAS,YAAKvB,WAAL,EAAA,SAAA,CAAA;AADqF,GAAzB,EAEpEG,CAAC,CAACD,MAAM,CAACkD,iBAAP,CAAyBC,KAA1B,CAFmE,CAFpD,CAHA,CAFsI,CAlCnI,CAjBC,CAAvB,CAAA;AA6DD;;;;"}
+{"version":3,"file":"image-card.js","sources":["../../../src/upload/themes/image-card.tsx"],"sourcesContent":["import React, { FC, Fragment, useState } from 'react';\nimport { BrowseIcon, DeleteIcon, AddIcon } from 'tdesign-icons-react';\nimport Loading from '../../loading';\nimport Dialog from '../../dialog';\nimport useConfig from '../../_util/useConfig';\nimport { useLocaleReceiver } from '../../locale/LocalReceiver';\nimport { UploadRemoveContext } from '../type';\nimport { finishUpload } from '../util';\nimport { TdUploadFile } from '../types';\nimport BooleanRender from '../boolean-render';\n\nexport interface ImageCardProps {\n  files?: TdUploadFile[];\n  multiple?: boolean;\n  max?: number;\n  onTrigger: () => void;\n  onRemove?: (options: UploadRemoveContext) => void;\n  showUploadProgress: boolean;\n  disabled: boolean;\n}\n\nconst ImageCard: FC<ImageCardProps> = (props) => {\n  const { files, multiple = false, max = 0, onRemove, showUploadProgress, disabled } = props;\n  const { classPrefix } = useConfig();\n  const [locale, t] = useLocaleReceiver('upload');\n  const [showImg, setShowImg] = useState(false);\n  const [imgURL, setImgURL] = useState();\n\n  const preview = (file) => {\n    setShowImg(true);\n    setImgURL(file.url);\n  };\n\n  const showTrigger = React.useMemo(() => {\n    if (multiple) {\n      return !max || files.length < max;\n    }\n\n    return !(files && files[0]);\n  }, [files, max, multiple]);\n\n  return (\n    <Fragment>\n      <Dialog\n        visible={showImg}\n        showOverlay\n        width=\"auto\"\n        top=\"10%\"\n        className={`${classPrefix}-upload__dialog`}\n        footer={false}\n        header={false}\n        onClose={() => {\n          setShowImg(false);\n          setImgURL(null);\n        }}\n      >\n        <p className={`${classPrefix}-dialog__dialog-body-img-box`}>\n          <img src={imgURL} alt=\"\" />\n        </p>\n      </Dialog>\n      <ul className={`${classPrefix}-upload__card`}>\n        <BooleanRender boolExpression={!!files}>\n          {files.map((file, index) => (\n            <li className={`${classPrefix}-upload__card-item ${classPrefix}-is--background`} key={index}>\n              <BooleanRender\n                falseRender={() => (\n                  <div className={`${classPrefix}-upload__card-content ${classPrefix}-upload__card-box`}>\n                    <img className={`${classPrefix}-upload__card-image`} src={file.url} />\n                    <div className={`${classPrefix}-upload__card-mask`}>\n                      <span className={`${classPrefix}-upload__card-mask-item`} onClick={(e) => e.stopPropagation()}>\n                        <BrowseIcon onClick={() => preview(file)} />\n                      </span>\n                      {!disabled && (\n                        <>\n                          <span className={`${classPrefix}-upload__card-mask-item-divider`} />\n                          <span\n                            className={`${classPrefix}-upload__card-mask-item`}\n                            onClick={(e) => e.stopPropagation()}\n                          >\n                            <DeleteIcon onClick={(e) => onRemove?.({ e, file, index })} />\n                          </span>\n                        </>\n                      )}\n                    </div>\n                  </div>\n                )}\n                boolExpression={showUploadProgress && !finishUpload(file.status)}\n              >\n                <div className={`${classPrefix}-upload__card-container ${classPrefix}-upload__card-box`}>\n                  <Loading loading={true} size=\"medium\" />\n                  <p>\n                    {t(locale.progress.uploadingText)} {Math.min(files[index].percent, 99)}%\n                  </p>\n                </div>\n              </BooleanRender>\n            </li>\n          ))}\n        </BooleanRender>\n        <BooleanRender boolExpression={showTrigger}>\n          <li className={`${classPrefix}-upload__card-item ${classPrefix}-is--background`} onClick={props.onTrigger}>\n            <div className={`${classPrefix}-upload__card-container ${classPrefix}-upload__card-box`}>\n              <AddIcon />\n              <p className={`${classPrefix}-size-s`}>{t(locale.triggerUploadText.image)}</p>\n            </div>\n          </li>\n        </BooleanRender>\n      </ul>\n    </Fragment>\n  );\n};\n\nexport default ImageCard;\n"],"names":["ImageCard","props","files","multiple","max","onRemove","showUploadProgress","disabled","useConfig","classPrefix","useLocaleReceiver","locale","t","useState","showImg","setShowImg","imgURL","setImgURL","preview","file","url","showTrigger","React","useMemo","length","createElement","Fragment","Dialog","visible","showOverlay","width","top","className","footer","header","onClose","src","alt","BooleanRender","boolExpression","map","index","key","falseRender","onClick","e","stopPropagation","BrowseIcon","DeleteIcon","finishUpload","status","Loading","loading","size","progress","uploadingText","Math","min","percent","onTrigger","AddIcon","triggerUploadText","image"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.36.3
+ * tdesign v0.36.5-alpha.2
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -10,43 +10,43 @@ 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-e515d725.js';
-import '../../_chunks/dep-2ad59251.js';
-import '../../_chunks/dep-615e4223.js';
+import '../../_chunks/dep-5e99af82.js';
+import '../../_chunks/dep-649cfdb6.js';
+import '../../_chunks/dep-64802f91.js';
 import '../../_util/dom.js';
 import 'raf';
-import '../../_chunks/dep-1662c01d.js';
-import '../../_chunks/dep-788db21e.js';
-import '../../_chunks/dep-4e1dd87c.js';
-import '../../_chunks/dep-654ae5a8.js';
-import '../../_chunks/dep-17facd7a.js';
-import '../../_chunks/dep-7dbb3ad2.js';
+import '../../_chunks/dep-01b6bda2.js';
+import '../../_chunks/dep-b2370311.js';
+import '../../_chunks/dep-6e1a0981.js';
+import '../../_chunks/dep-59625ec5.js';
+import '../../_chunks/dep-197bade4.js';
+import '../../_chunks/dep-8fb3316a.js';
 import '../../_util/easing.js';
 import '../../common/Portal.js';
 import 'react-dom';
-import '../../_chunks/dep-22d68d1d.js';
-import '../../_chunks/dep-d68e6d37.js';
-import '../../_chunks/dep-ca6560eb.js';
-import '../../_chunks/dep-28db1ea3.js';
-import '../../_chunks/dep-05a2833b.js';
-import '../../_chunks/dep-cae6b689.js';
-import '../../_chunks/dep-19a27aa2.js';
-import '../../_chunks/dep-b6b1f860.js';
-import '../../_chunks/dep-ce074ab0.js';
-import '../../_chunks/dep-4fb9eab7.js';
-import '../../_chunks/dep-3304143f.js';
-import '../../_chunks/dep-ffa8d8c8.js';
-import '../../_chunks/dep-f04049f9.js';
-import '../../_chunks/dep-64c012d6.js';
-import '../../_chunks/dep-1f683c7d.js';
-import '../../_chunks/dep-b380da75.js';
-import '../../_chunks/dep-4ff70480.js';
-import '../../_chunks/dep-f64e4f5e.js';
-import '../../_chunks/dep-aae2b00c.js';
-import '../../_chunks/dep-584b0a0c.js';
-import '../../_chunks/dep-a701a85f.js';
-import '../../_chunks/dep-5318bba4.js';
-import '../../_chunks/dep-c2ef029f.js';
+import '../../_chunks/dep-a8723774.js';
+import '../../_chunks/dep-26a678da.js';
+import '../../_chunks/dep-46441ed8.js';
+import '../../_chunks/dep-be8dc143.js';
+import '../../_chunks/dep-c0e75826.js';
+import '../../_chunks/dep-c6f8cdcb.js';
+import '../../_chunks/dep-18f083ba.js';
+import '../../_chunks/dep-5bf3f4f7.js';
+import '../../_chunks/dep-f372549d.js';
+import '../../_chunks/dep-59fd266d.js';
+import '../../_chunks/dep-e575a215.js';
+import '../../_chunks/dep-c7579924.js';
+import '../../_chunks/dep-2289b9b1.js';
+import '../../_chunks/dep-b382f74a.js';
+import '../../_chunks/dep-e7847142.js';
+import '../../_chunks/dep-421d6c5f.js';
+import '../../_chunks/dep-a587d16b.js';
+import '../../_chunks/dep-d654f022.js';
+import '../../_chunks/dep-baf2f0c5.js';
+import '../../_chunks/dep-89b11921.js';
+import '../../_chunks/dep-c3050796.js';
+import '../../_chunks/dep-75ca6c0d.js';
+import '../../_chunks/dep-1cd889e0.js';
 import '../../locale/zh_CN.js';
 import '../../_common/js/global-config/locale/zh_CN.js';
 import '../../_common/js/global-config/default-config.js';
@@ -54,10 +54,10 @@ 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-43447aa1.js';
+import '../../_chunks/dep-7c532818.js';
 import '../../loading/defaultProps.js';
 import '../../loading/plugin.js';
-import './style/css.js';
+import '../../loading/style/css.js';
 import '../../loading/type.js';
 
 var SingleFile = function SingleFile(props) {

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

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.36.3
+ * tdesign v0.36.5-alpha.2
  * (c) 2022 tdesign
  * @license MIT
  */