tdesign-react 0.23.1 → 0.24.0-alpha.1

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

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

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

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.23.1
+ * tdesign v0.24.0-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,25 +8,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var slicedToArray = require('../../_chunks/dep-dcd8e953.js');
+var slicedToArray = require('../../_chunks/dep-23bf34cd.js');
 var React = require('react');
 var tdesignIconsReact = require('tdesign-icons-react');
 var loading_index = require('../../loading/index.js');
 var dialog_index = require('../../dialog/index.js');
 var _util_useConfig = require('../../_util/useConfig.js');
+var locale_LocalReceiver = require('../../locale/LocalReceiver.js');
 var upload_util = require('../util.js');
 var upload_booleanRender = require('../boolean-render.js');
-require('../../_chunks/dep-e9b6be46.js');
+require('../../_chunks/dep-7cfb60f1.js');
 require('../../loading/loading.js');
-require('../../_chunks/dep-60e5ab16.js');
+require('../../_chunks/dep-981b24d8.js');
 require('classnames');
 require('../../_util/dom.js');
 require('raf');
-require('../../_chunks/dep-cf067838.js');
-require('../../_chunks/dep-a3912276.js');
-require('../../_chunks/dep-bf25d6c3.js');
-require('../../_chunks/dep-06e9d05b.js');
-require('../../_chunks/dep-9c909570.js');
+require('../../_chunks/dep-a5b6e0dd.js');
+require('../../_chunks/dep-4519c1ee.js');
+require('../../_chunks/dep-49e3eb26.js');
+require('../../_chunks/dep-5e82d10f.js');
+require('../../_chunks/dep-ed4b9bb3.js');
 require('../../_util/easing.js');
 require('../../common/Portal.js');
 require('react-dom');
@@ -34,12 +35,23 @@ require('../../loading/gradient.js');
 require('../../_common/js/loading/circle-adapter.js');
 require('../../_common/js/utils/set-style.js');
 require('../../_common/js/utils/helper.js');
-require('../../_chunks/dep-d004a138.js');
-require('../../config-provider/ConfigContext.js');
-require('../../locale/zh_CN.js');
+require('../../_chunks/dep-48e7b7a3.js');
+require('../../_chunks/dep-3b7d26b7.js');
+require('../../_chunks/dep-48d89bea.js');
+require('../../_chunks/dep-ad7daa30.js');
+require('../../_chunks/dep-f101a6f2.js');
+require('../../_chunks/dep-25deb7f3.js');
+require('../../_chunks/dep-24181e32.js');
+require('../../_chunks/dep-25242ce9.js');
+require('../../_chunks/dep-b314499d.js');
+require('../../_chunks/dep-a8912de7.js');
+require('../../_chunks/dep-8c8f976f.js');
+require('../../_chunks/dep-cbeba68d.js');
+require('../../_chunks/dep-5e6e1375.js');
+require('../../_common/js/locale/zh_CN.js');
+require('../../config-provider/defaultConfig.js');
 require('../../loading/plugin.js');
 require('../../dialog/Dialog.js');
-require('../../locale/LocalReceiver.js');
 require('../../button/index.js');
 require('../../button/Button.js');
 require('../../_util/noop.js');
@@ -49,7 +61,7 @@ require('../../dialog/RenderDialog.js');
 require('react-transition-group');
 require('../../_util/useSetState.js');
 require('../../dialog/plugin.js');
-require('../../_chunks/dep-d01b2726.js');
+require('../../_chunks/dep-c2e7aa21.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -67,6 +79,11 @@ var ImageCard = function ImageCard(props) {
   var _useConfig = _util_useConfig["default"](),
       classPrefix = _useConfig.classPrefix;
 
+  var _useLocaleReceiver = locale_LocalReceiver.useLocaleReceiver("upload"),
+      _useLocaleReceiver2 = slicedToArray._slicedToArray(_useLocaleReceiver, 2),
+      locale = _useLocaleReceiver2[0],
+      t = _useLocaleReceiver2[1];
+
   var _useState = React.useState(false),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
       showImg = _useState2[0],
@@ -155,7 +172,7 @@ var ImageCard = function ImageCard(props) {
     }, /* @__PURE__ */React__default["default"].createElement(loading_index.Loading, {
       loading: true,
       size: "medium"
-    }), /* @__PURE__ */React__default["default"].createElement("p", null, "\u4E0A\u4F20\u4E2D ", Math.min(files[0].percent, 99), "%"))));
+    }), /* @__PURE__ */React__default["default"].createElement("p", null, t(locale.progress.uploadingText), " ", Math.min(files[0].percent, 99), "%"))));
   })), /* @__PURE__ */React__default["default"].createElement(upload_booleanRender["default"], {
     boolExpression: showTrigger
   }, /* @__PURE__ */React__default["default"].createElement("li", {
@@ -165,7 +182,7 @@ var ImageCard = function ImageCard(props) {
     className: "".concat(classPrefix, "-upload__card-container ").concat(classPrefix, "-upload__card-box")
   }, /* @__PURE__ */React__default["default"].createElement(tdesignIconsReact.AddIcon, null), /* @__PURE__ */React__default["default"].createElement("p", {
     className: "".concat(classPrefix, "-size-s")
-  }, "\u70B9\u51FB\u4E0A\u4F20\u56FE\u7247"))))));
+  }, t(locale.triggerUploadText.image)))))));
 };
 
 exports["default"] = ImageCard;

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

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

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

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.23.1
+ * tdesign v0.24.0-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -14,16 +14,16 @@ var tdesignIconsReact = require('tdesign-icons-react');
 var loading_index = require('../../loading/index.js');
 var _util_useConfig = require('../../_util/useConfig.js');
 require('../../loading/loading.js');
-require('../../_chunks/dep-60e5ab16.js');
-require('../../_chunks/dep-dcd8e953.js');
-require('../../_chunks/dep-e9b6be46.js');
+require('../../_chunks/dep-981b24d8.js');
+require('../../_chunks/dep-23bf34cd.js');
+require('../../_chunks/dep-7cfb60f1.js');
 require('../../_util/dom.js');
 require('raf');
-require('../../_chunks/dep-cf067838.js');
-require('../../_chunks/dep-a3912276.js');
-require('../../_chunks/dep-bf25d6c3.js');
-require('../../_chunks/dep-06e9d05b.js');
-require('../../_chunks/dep-9c909570.js');
+require('../../_chunks/dep-a5b6e0dd.js');
+require('../../_chunks/dep-4519c1ee.js');
+require('../../_chunks/dep-49e3eb26.js');
+require('../../_chunks/dep-5e82d10f.js');
+require('../../_chunks/dep-ed4b9bb3.js');
 require('../../_util/easing.js');
 require('../../common/Portal.js');
 require('react-dom');
@@ -31,9 +31,21 @@ require('../../loading/gradient.js');
 require('../../_common/js/loading/circle-adapter.js');
 require('../../_common/js/utils/set-style.js');
 require('../../_common/js/utils/helper.js');
-require('../../_chunks/dep-d004a138.js');
-require('../../config-provider/ConfigContext.js');
-require('../../locale/zh_CN.js');
+require('../../_chunks/dep-48e7b7a3.js');
+require('../../_chunks/dep-3b7d26b7.js');
+require('../../_chunks/dep-48d89bea.js');
+require('../../_chunks/dep-ad7daa30.js');
+require('../../_chunks/dep-f101a6f2.js');
+require('../../_chunks/dep-25deb7f3.js');
+require('../../_chunks/dep-24181e32.js');
+require('../../_chunks/dep-25242ce9.js');
+require('../../_chunks/dep-b314499d.js');
+require('../../_chunks/dep-a8912de7.js');
+require('../../_chunks/dep-8c8f976f.js');
+require('../../_chunks/dep-cbeba68d.js');
+require('../../_chunks/dep-5e6e1375.js');
+require('../../_common/js/locale/zh_CN.js');
+require('../../config-provider/defaultConfig.js');
 require('../../loading/plugin.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/lib/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/lib/upload/tips.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.23.1
+ * tdesign v0.24.0-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -11,8 +11,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var classNames = require('classnames');
 var _util_useConfig = require('../_util/useConfig.js');
-require('../config-provider/ConfigContext.js');
-require('../locale/zh_CN.js');
+require('../_chunks/dep-3b7d26b7.js');
+require('../_chunks/dep-981b24d8.js');
+require('../_chunks/dep-48d89bea.js');
+require('../_chunks/dep-ad7daa30.js');
+require('../_chunks/dep-f101a6f2.js');
+require('../_chunks/dep-25deb7f3.js');
+require('../_chunks/dep-4519c1ee.js');
+require('../_chunks/dep-49e3eb26.js');
+require('../_chunks/dep-ed4b9bb3.js');
+require('../_chunks/dep-24181e32.js');
+require('../_chunks/dep-25242ce9.js');
+require('../_chunks/dep-b314499d.js');
+require('../_chunks/dep-a8912de7.js');
+require('../_chunks/dep-8c8f976f.js');
+require('../_chunks/dep-cbeba68d.js');
+require('../_chunks/dep-5e82d10f.js');
+require('../_chunks/dep-5e6e1375.js');
+require('../_common/js/locale/zh_CN.js');
+require('../config-provider/defaultConfig.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/upload/tips.js.map

@@ -1 +1 @@
-{"version":3,"file":"tips.js","sources":["../../src/upload/tips.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\n\nexport interface TipsProps {\n  type?: 'error' | 'default';\n}\n\nconst Tips: FC<TipsProps> = (props) => {\n  const { type = 'default', children } = props;\n  const { classPrefix } = useConfig();\n  const tipsClass = classNames(\n    `${classPrefix}-upload__tips`,\n    `${classPrefix}-size-s`,\n    type === 'error' ? `${classPrefix}-upload__tips-error` : null,\n  );\n  return <small className={tipsClass}>{children}</small>;\n};\n\nexport default Tips;\n"],"names":["Tips","props","type","children","useConfig","classPrefix","tipsClass","classNames","React","createElement","className"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAGMA,IAAI,GAAG,SAAPA,IAAO,CAACC,KAAD,EAAW;AACtB,oBAAuCA,KAAvC,CAAQC,IAAR;AAAA,MAAQA,IAAR,4BAAe,SAAf;AAAA,MAA0BC,QAA1B,GAAuCF,KAAvC,CAA0BE,QAA1B;;AACA,mBAAwBC,0BAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR;;AACA,MAAMC,SAAS,GAAGC,8BAAU,WAAIF,WAAJ,8BAAmCA,WAAnC,cAAyDH,IAAI,KAAK,OAAT,aAAsBG,WAAtB,2BAAyD,IAAlH,CAA5B;AACA,wBAAuBG,yBAAK,CAACC,aAAN,CAAoB,OAApB,EAA6B;AAClDC,IAAAA,SAAS,EAAEJ;AADuC,GAA7B,EAEpBH,QAFoB,CAAvB;AAGD;;;;"}
+{"version":3,"file":"tips.js","sources":["../../src/upload/tips.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\n\nexport interface TipsProps {\n  type?: 'error' | 'default';\n}\n\nconst Tips: FC<TipsProps> = (props) => {\n  const { type = 'default', children } = props;\n  const { classPrefix } = useConfig();\n  const tipsClass = classNames(\n    `${classPrefix}-upload__tips`,\n    `${classPrefix}-size-s`,\n    type === 'error' ? `${classPrefix}-upload__tips-error` : null,\n  );\n  return <small className={tipsClass}>{children}</small>;\n};\n\nexport default Tips;\n"],"names":["Tips","props","type","children","useConfig","classPrefix","tipsClass","classNames","React","createElement","className"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGMA,IAAI,GAAG,SAAPA,IAAO,CAACC,KAAD,EAAW;AACtB,oBAAuCA,KAAvC,CAAQC,IAAR;AAAA,MAAQA,IAAR,4BAAe,SAAf;AAAA,MAA0BC,QAA1B,GAAuCF,KAAvC,CAA0BE,QAA1B;;AACA,mBAAwBC,0BAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR;;AACA,MAAMC,SAAS,GAAGC,8BAAU,WAAIF,WAAJ,8BAAmCA,WAAnC,cAAyDH,IAAI,KAAK,OAAT,aAAsBG,WAAtB,2BAAyD,IAAlH,CAA5B;AACA,wBAAuBG,yBAAK,CAACC,aAAN,CAAoB,OAApB,EAA6B;AAClDC,IAAAA,SAAS,EAAEJ;AADuC,GAA7B,EAEpBH,QAFoB,CAAvB;AAGD;;;;"}

package/lib/upload/type.js

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

package/lib/upload/types.js

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

package/lib/upload/upload-trigger.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.23.1
+ * tdesign v0.24.0-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,30 +8,43 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var slicedToArray = require('../_chunks/dep-23bf34cd.js');
 var React = require('react');
 var tdesignIconsReact = require('tdesign-icons-react');
 var _util_useConfig = require('../_util/useConfig.js');
+var locale_LocalReceiver = require('../locale/LocalReceiver.js');
 var button_index = require('../button/index.js');
-require('../config-provider/ConfigContext.js');
-require('../locale/zh_CN.js');
+require('../_chunks/dep-7cfb60f1.js');
+require('../_chunks/dep-3b7d26b7.js');
+require('../_chunks/dep-981b24d8.js');
+require('../_chunks/dep-48d89bea.js');
+require('../_chunks/dep-ad7daa30.js');
+require('../_chunks/dep-f101a6f2.js');
+require('../_chunks/dep-25deb7f3.js');
+require('../_chunks/dep-4519c1ee.js');
+require('../_chunks/dep-49e3eb26.js');
+require('../_chunks/dep-ed4b9bb3.js');
+require('../_chunks/dep-24181e32.js');
+require('../_chunks/dep-25242ce9.js');
+require('../_chunks/dep-b314499d.js');
+require('../_chunks/dep-a8912de7.js');
+require('../_chunks/dep-8c8f976f.js');
+require('../_chunks/dep-cbeba68d.js');
+require('../_chunks/dep-5e82d10f.js');
+require('../_chunks/dep-5e6e1375.js');
+require('../_common/js/locale/zh_CN.js');
+require('../config-provider/defaultConfig.js');
 require('../button/Button.js');
-require('../_chunks/dep-60e5ab16.js');
-require('../_chunks/dep-d004a138.js');
+require('../_chunks/dep-48e7b7a3.js');
 require('classnames');
 require('../_util/noop.js');
 require('../_util/useRipple.js');
 require('../_util/setStyle.js');
 require('../loading/index.js');
 require('../loading/loading.js');
-require('../_chunks/dep-dcd8e953.js');
-require('../_chunks/dep-e9b6be46.js');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-cf067838.js');
-require('../_chunks/dep-a3912276.js');
-require('../_chunks/dep-bf25d6c3.js');
-require('../_chunks/dep-06e9d05b.js');
-require('../_chunks/dep-9c909570.js');
+require('../_chunks/dep-a5b6e0dd.js');
 require('../_util/easing.js');
 require('../common/Portal.js');
 require('react-dom');
@@ -49,13 +62,18 @@ var UploadTrigger = function UploadTrigger(props) {
   var _useConfig = _util_useConfig["default"](),
       classPrefix = _useConfig.classPrefix;
 
+  var _useLocaleReceiver = locale_LocalReceiver.useLocaleReceiver("upload"),
+      _useLocaleReceiver2 = slicedToArray._slicedToArray(_useLocaleReceiver, 2),
+      locale = _useLocaleReceiver2[0],
+      t = _useLocaleReceiver2[1];
+
   return /* @__PURE__ */React__default["default"].createElement("div", {
     className: "".concat(classPrefix, "-upload__trigger"),
     onClick: props.onClick
   }, props.children ? props.children : /* @__PURE__ */React__default["default"].createElement(button_index.Button, {
     icon: /* @__PURE__ */React__default["default"].createElement(tdesignIconsReact.UploadIcon, null),
     variant: "outline"
-  }, "\u9009\u62E9\u6587\u4EF6"));
+  }, t(locale.triggerUploadText.fileInput)));
 };
 
 exports["default"] = UploadTrigger;

package/lib/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,0BAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR;;AACA,wBAAuBC,yBAAK,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,yBAAK,CAACC,aAAN,CAAoBI,mBAApB,EAA4B;AAC/EC,IAAAA,IAAI,iBAAkBN,yBAAK,CAACC,aAAN,CAAoBM,4BAApB,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 { useLocaleReceiver } from '../locale/LocalReceiver';\nimport Button from '../button';\n\nexport interface UploadTriggerProps {\n  onClick?: () => void;\n}\n\nconst UploadTrigger: FC<UploadTriggerProps> = (props) => {\n  const { classPrefix } = useConfig();\n  const [locale, t] = useLocaleReceiver('upload');\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          {t(locale.triggerUploadText.fileInput)}\n        </Button>\n      )}\n    </div>\n  );\n};\n\nexport default UploadTrigger;\n"],"names":["UploadTrigger","props","useConfig","classPrefix","useLocaleReceiver","locale","t","React","createElement","className","onClick","children","Button","icon","UploadIcon","variant","triggerUploadText","fileInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAKMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAW;AAC/B,mBAAwBC,0BAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR;;AACA,2BAAoBC,sCAAiB,CAAC,QAAD,CAArC;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,CAAf;;AACA,wBAAuBC,yBAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAChDC,IAAAA,SAAS,YAAKN,WAAL,qBADuC;AAEhDO,IAAAA,OAAO,EAAET,KAAK,CAACS;AAFiC,GAA3B,EAGpBT,KAAK,CAACU,QAAN,GAAiBV,KAAK,CAACU,QAAvB,kBAAkDJ,yBAAK,CAACC,aAAN,CAAoBI,mBAApB,EAA4B;AAC/EC,IAAAA,IAAI,iBAAkBN,yBAAK,CAACC,aAAN,CAAoBM,4BAApB,EAAgC,IAAhC,CADyD;AAE/EC,IAAAA,OAAO,EAAE;AAFsE,GAA5B,EAGlDT,CAAC,CAACD,MAAM,CAACW,iBAAP,CAAyBC,SAA1B,CAHiD,CAH9B,CAAvB;AAOD;;;;"}