tdesign-react 0.19.1 → 0.20.0

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';\n\nexport interface ImageCardProps {\n  files?: TdUploadFile[];\n  multiple?: boolean;\n  max?: number;\n  onTrigger: () => void;\n  onRemove?: (options: UploadRemoveContext) => void;\n}\n\nconst ImageCard: FC<ImageCardProps> = (props) => {\n  const { files, multiple = false, max = 0, onRemove } = 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__body-img-box`}>\n          <img src={imgURL} alt=\"\" />\n        </p>\n      </Dialog>\n      <ul className={`${classPrefix}-upload-card`}>\n        {files &&\n          files.map((file, index) => (\n            <li className={`${classPrefix}-upload-card__item ${classPrefix}-is--background`} key={index}>\n              {!finishUpload(file.status) ? (\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              ) : (\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            </li>\n          ))}\n        {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}-upload__small`}>点击上传图片</p>\n            </div>\n          </li>\n        )}\n      </ul>\n    </Fragment>\n  );\n};\n\nexport default ImageCard;\n"],"names":["ImageCard","props","files","multiple","max","onRemove","useConfig","classPrefix","useState","showImg","setShowImg","imgURL","setImgURL","preview","file","url","showTrigger","React","useMemo","length","Fragment","Dialog","visible","showOverlay","width","top","className","footer","header","onClose","src","alt","map","index","key","finishUpload","status","Loading","loading","size","Math","min","percent","onClick","e","stopPropagation","BrowseIcon","DeleteIcon","onTrigger","AddIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiBMA,YAAgC,SAAhCA,SAAgC,CAACC,KAAD,EAAW;MACvCC,QAA+CD,MAA/CC;wBAA+CD,MAAxCE;MAAAA,wCAAW;mBAA6BF,MAAtBG;MAAAA,8BAAM;MAAGC,WAAaJ,MAAbI;;mBAClBC;MAAhBC,yBAAAA;;kBACsBC,SAAS;;MAAhCC;MAASC;;mBACYF;;MAArBG;MAAQC;;MAETC,UAAU,SAAVA,OAAU,CAACC,IAAD,EAAU;eACb;cACDA,KAAKC;;;MAGXC,cAAcC,eAAMC,OAAN,CAAc,YAAM;QAClCf,UAAU;aACL,CAACC,GAAD,IAAQF,MAAMiB,MAAN,GAAef;;;WAGzB,WAAWF,MAAM,EAAjB;GALW,EAMjB,CAACA,KAAD,EAAQE,GAAR,EAAaD,QAAb,CANiB;qDASjBiB,UAAD,kDACGC,QAAD;AACEC,IAAAA,SAASb,OADX;AAEEc,IAAAA,aAAW,IAFb;AAGEC,IAAAA,OAAM,MAHR;AAIEC,IAAAA,KAAI,KAJN;AAKEC,IAAAA,qBAAcnB,8BALhB;AAMEoB,IAAAA,QAAQ,KANV;AAOEC,IAAAA,QAAQ,KAPV;AAQEC,IAAAA,SAAS,mBAAM;iBACF;gBACD;;AAVd,iDAaG,KAAD;AAAGH,IAAAA,qBAAcnB;AAAjB,iDACG,OAAD;AAAKuB,IAAAA,KAAKnB,MAAV;AAAkBoB,IAAAA,KAAI;AAAtB,oDAGH,MAAD;AAAIL,IAAAA,qBAAcnB;AAAlB,KACGL,SACCA,MAAM8B,GAAN,CAAU,UAAClB,IAAD,EAAOmB,KAAP;AAAA,uDACP,MAAD;AAAIP,MAAAA,qBAAcnB,2CAAiCA,+BAAnD;AAAiF2B,MAAAA,KAAKD;AAAtF,OACG,CAACE,aAAarB,KAAKsB,OAAnB,+CACE,OAAD;AAAKV,MAAAA,qBAAcnB,+CAAqCA;AAAxD,mDACG8B,SAAD;AAASC,MAAAA,SAAS,IAAlB;AAAwBC,MAAAA,MAAK;AAA7B,oDACC,KAAD,MAAG,uBAAKC,KAAKC,GAAL,CAASvC,MAAM,EAAN,CAASwC,OAAlB,EAA2B,EAA3B,GAA+B,KAH1C,+CAME,OAAD;AAAKhB,MAAAA,qBAAcnB,8CAAoCA;AAAvD,mDACG,OAAD;AAAKmB,MAAAA,qBAAcnB,mCAAnB;AAAqDuB,MAAAA,KAAKhB,KAAKC;AAA/D,oDACC,OAAD;AAAKW,MAAAA,qBAAcnB;AAAnB,mDACG,QAAD;AAAMmB,MAAAA,qBAAcnB,wCAApB;AAA2DoC,MAAAA,SAAS,iBAACC,CAAD;AAAA,eAAOA,EAAEC,eAAF,EAAP;AAAA;AAApE,mDACGC,YAAD;AACEH,MAAAA,SAAS,mBAAM;gBACL7B;;AAFZ,qDAMD,QAAD;AAAMY,MAAAA,qBAAcnB;AAApB,oDACC,QAAD;AAAMmB,MAAAA,qBAAcnB,wCAApB;AAA2DoC,MAAAA,SAAS,iBAACC,CAAD;AAAA,eAAOA,EAAEC,eAAF,EAAP;AAAA;AAApE,mDACGE,YAAD;AACEJ,MAAAA,SAAS,iBAACC,CAAD,EAAO;qEACH;AAAEA,UAAAA,GAAAA,CAAF;AAAK9B,UAAAA,MAAAA,IAAL;AAAWmB,UAAAA,OAAAA;AAAX;;AAFf,UApBF;AAAA,GAAV,GA+BDjB,2DACE,MAAD;AAAIU,IAAAA,qBAAcnB,2CAAiCA,+BAAnD;AAAiFoC,IAAAA,SAAS1C,MAAM+C;AAAhG,iDACG,OAAD;AAAKtB,IAAAA,qBAAcnB,+CAAqCA;AAAxD,iDACG0C,SAAD,mDACC,KAAD;AAAGvB,IAAAA,qBAAcnB;AAAjB,KAA8C;;;;;"}
+{"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","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.d.ts

@@ -5,6 +5,7 @@ export interface SingleFileProps {
     display?: string;
     placeholder?: string;
     onRemove?: (context: UploadRemoveContext) => void;
+    showUploadProgress: boolean;
 }
 declare const SingleFile: FC<SingleFileProps>;
 export default SingleFile;

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

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -10,37 +10,40 @@ 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-bd2ff6be.js';
-import '../../_chunks/dep-c5e94c83.js';
-import '../../_chunks/dep-4ca264a0.js';
-import 'react-dom';
+import '../../_chunks/dep-31796d32.js';
+import '../../_chunks/dep-81bda54a.js';
+import '../../_chunks/dep-88fe1571.js';
 import '../../_util/dom.js';
 import 'raf';
-import '../../_chunks/dep-1c77104d.js';
-import '../../_chunks/dep-3796d701.js';
-import '../../_chunks/dep-a17dbe80.js';
-import '../../_chunks/dep-a6296075.js';
-import '../../_chunks/dep-43b6ec11.js';
-import '../../_chunks/dep-53bb8c23.js';
-import '../../_chunks/dep-88b2f549.js';
+import '../../_chunks/dep-31240b08.js';
+import '../../_chunks/dep-e2373ef6.js';
+import '../../_chunks/dep-cebb3b28.js';
+import '../../_chunks/dep-bf215a19.js';
+import '../../_chunks/dep-02feec19.js';
+import '../../_chunks/dep-0f564970.js';
+import '../../_chunks/dep-1cc29dd4.js';
 import '../../_util/easing.js';
 import '../../common/Portal.js';
+import 'react-dom';
+import '../../loading/gradient.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
 import './style/css.js';
 import '../../loading/type.js';
+import '../../loading/plugin.js';
 
 var SingleFile = function SingleFile(props) {
   var _props$display = props.display,
       display = _props$display === void 0 ? "file" : _props$display,
       onRemove = props.onRemove,
-      file = props.file;
+      file = props.file,
+      showUploadProgress = props.showUploadProgress;
 
   var _useConfig = useConfig(),
       classPrefix = _useConfig.classPrefix;
 
   var fileClass = classNames("".concat(classPrefix, "-upload__single"), "".concat(classPrefix, "-upload__single-").concat(display));
-  var showProgress = file && file.status !== "success";
+  var showProgress = showUploadProgress && file && file.status !== "success";
   var inputName = file === null || file === void 0 ? void 0 : file.name;
   var handleRemove = useCallback(function (e) {
     onRemove === null || onRemove === void 0 ? void 0 : onRemove({
@@ -66,11 +69,11 @@ var SingleFile = function SingleFile(props) {
   var renderFilePreviewAsText = useCallback(function () {
     if (!inputName) return;
     return /* @__PURE__ */React__default.createElement("div", {
-      className: "".concat(classPrefix, "-upload__single-display-text ").concat(classPrefix, "-display-text--margin")
+      className: "".concat(classPrefix, "-upload__single-display-text ").concat(classPrefix, "-upload__display-text--margin")
     }, /* @__PURE__ */React__default.createElement("span", {
       className: "".concat(classPrefix, "-upload__single-name")
     }, inputName), showProgress ? renderProgress() : /* @__PURE__ */React__default.createElement(CloseCircleFilledIcon, {
-      className: "".concat(classPrefix, "-upload-icon-delete"),
+      className: "".concat(classPrefix, "-upload__icon-delete"),
       onClick: handleRemove
     }));
   }, [classPrefix, inputName, renderProgress, showProgress, handleRemove]);

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}\n\nconst SingleFile: FC<SingleFileProps> = (props) => {\n  const { display = 'file', onRemove, file } = props;\n  const { classPrefix } = useConfig();\n\n  const fileClass = classNames(`${classPrefix}-upload__single`, `${classPrefix}-upload__single-${display}`);\n\n  const showProgress = 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}-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","useConfig","classPrefix","fileClass","classNames","showProgress","status","inputName","name","handleRemove","useCallback","e","index","renderProgress","ErrorCircleFilledIcon","className","Loading","loading","size","Math","min","percent","renderFilePreviewAsText","CloseCircleFilledIcon","onClick","children"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAcMA,aAAkC,SAAlCA,UAAkC,CAACC,KAAD,EAAW;uBACJA,MAArCC;MAAAA,sCAAU;MAAQC,WAAmBF,MAAnBE;MAAUC,OAASH,MAATG;;mBACZC;MAAhBC,yBAAAA;;MAEFC,YAAYC,qBAAcF,2CAAiCA,wCAA8BJ;MAEzFO,eAAeL,QAAQA,KAAKM,MAAL,KAAgB;MAEvCC,YAAYP,iBAAAA,2BAAAA,KAAMQ;MAElBC,eAAeC,YACnB,UAACC,CAAD,EAAO;iEACM;AACTA,MAAAA,GAAAA,CADS;AAETX,MAAAA,MAAAA,IAFS;AAGTY,MAAAA,OAAO;AAHE;KAMb,CAACZ,IAAD,EAAOD,QAAP;MAGIc,iBAAiBH,YAAY,YAAM;QACnC,CAAAV,aAAA,IAAAA,eAAA,YAAAA,KAAMM,MAAN,MAAiB,QAAQ;yDACnBQ,uBAAD;;;uDAIN,OAAD;AAAKC,MAAAA,qBAAcb;AAAnB,mDACGc,SAAD;AAASC,MAAAA,SAAS,IAAlB;AAAwBC,MAAAA,MAAK;AAA7B,oDACC,QAAD;AAAMH,MAAAA,qBAAcb;AAApB,OAA2DiB,KAAKC,GAAL,CAAS,CAAApB,aAAA,IAAAA,eAAA,YAAAA,KAAMqB,OAAN,KAAiB,CAA1B,EAA6B,EAA7B,GAAiC;KAG/F,CAACnB,WAAD,EAAcF,IAAd;MAGGsB,0BAA0BZ,YAAY,YAAM;QAC5C,CAACH;uDAEF,OAAD;AAAKQ,MAAAA,qBAAcb,qDAA2CA;AAA9D,mDACG,QAAD;AAAMa,MAAAA,qBAAcb;AAApB,OAAwDK,YACvDF,eACCQ,+DAECU,uBAAD;AAAuBR,MAAAA,qBAAcb,mCAArC;AAAuEsB,MAAAA,SAASf;AAAhF;KAIL,CAACP,WAAD,EAAcK,SAAd,EAAyBM,cAAzB,EAAyCR,YAAzC,EAAuDI,YAAvD;qDAGA,OAAD;AAAKM,IAAAA,WAAWZ;AAAhB,KACGN,MAAM4B,UACN3B,YAAY,MAAZ,IAAsBwB;;;;;"}
+{"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","ErrorCircleFilledIcon","className","Loading","loading","size","Math","min","percent","renderFilePreviewAsText","CloseCircleFilledIcon","onClick","children"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAeMA,aAAkC,SAAlCA,UAAkC,CAACC,KAAD,EAAW;uBACgBA,MAAzDC;MAAAA,sCAAU;MAAQC,WAAuCF,MAAvCE;MAAUC,OAA6BH,MAA7BG;MAAMC,qBAAuBJ,MAAvBI;;mBAClBC;MAAhBC,yBAAAA;;MAEFC,YAAYC,qBAAcF,2CAAiCA,wCAA8BL;MAEzFQ,eAAeL,sBAAsBD,IAAtB,IAA8BA,KAAKO,MAAL,KAAgB;MAE7DC,YAAYR,iBAAAA,2BAAAA,KAAMS;MAElBC,eAAeC,YACnB,UAACC,CAAD,EAAO;iEACM;AACTA,MAAAA,GAAAA,CADS;AAETZ,MAAAA,MAAAA,IAFS;AAGTa,MAAAA,OAAO;AAHE;KAMb,CAACb,IAAD,EAAOD,QAAP;MAGIe,iBAAiBH,YAAY,YAAM;QACnC,CAAAX,aAAA,IAAAA,eAAA,YAAAA,KAAMO,MAAN,MAAiB,QAAQ;yDACnBQ,uBAAD;;;uDAIN,OAAD;AAAKC,MAAAA,qBAAcb;AAAnB,mDACGc,SAAD;AAASC,MAAAA,SAAS,IAAlB;AAAwBC,MAAAA,MAAK;AAA7B,oDACC,QAAD;AAAMH,MAAAA,qBAAcb;AAApB,OAA2DiB,KAAKC,GAAL,CAAS,CAAArB,aAAA,IAAAA,eAAA,YAAAA,KAAMsB,OAAN,KAAiB,CAA1B,EAA6B,EAA7B,GAAiC;KAG/F,CAACnB,WAAD,EAAcH,IAAd;MAGGuB,0BAA0BZ,YAAY,YAAM;QAC5C,CAACH;uDAEF,OAAD;AAAKQ,MAAAA,qBAAcb,qDAA2CA;AAA9D,mDACG,QAAD;AAAMa,MAAAA,qBAAcb;AAApB,OAAwDK,YACvDF,eACCQ,+DAECU,uBAAD;AAAuBR,MAAAA,qBAAcb,oCAArC;AAAwEsB,MAAAA,SAASf;AAAjF;KAIL,CAACP,WAAD,EAAcK,SAAd,EAAyBM,cAAzB,EAAyCR,YAAzC,EAAuDI,YAAvD;qDAGA,OAAD;AAAKM,IAAAA,WAAWZ;AAAhB,KACGP,MAAM6B,UACN5B,YAAY,MAAZ,IAAsByB;;;;;"}

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

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */

package/es/upload/tips.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -18,7 +18,7 @@ var Tips = function Tips(props) {
   var _useConfig = useConfig(),
       classPrefix = _useConfig.classPrefix;
 
-  var tipsClass = classNames("".concat(classPrefix, "-upload__tips"), "".concat(classPrefix, "-upload__small"), type === "error" ? "".concat(classPrefix, "-upload__tips-error") : null);
+  var tipsClass = classNames("".concat(classPrefix, "-upload__tips"), "".concat(classPrefix, "-size-s"), type === "error" ? "".concat(classPrefix, "-upload__tips-error") : null);
   return /* @__PURE__ */React__default.createElement("small", {
     className: tipsClass
   }, children);

package/es/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}-upload__small`,\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","className"],"mappings":";;;;;;;;;;;;IAQMA,OAAsB,SAAtBA,IAAsB,CAACC,KAAD,EAAW;oBACEA,MAA/BC;MAAAA,gCAAO;MAAWC,WAAaF,MAAbE;;mBACFC;MAAhBC,yBAAAA;;MACFC,YAAYC,qBACbF,yCACAA,gCACHH,SAAS,OAAT,aAAsBG,WAAtB,2BAAyD;qDAEnD,SAAD;AAAOG,IAAAA,WAAWF;AAAlB,KAA8BH;;;;;"}
+{"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","className"],"mappings":";;;;;;;;;;;;IAQMA,OAAsB,SAAtBA,IAAsB,CAACC,KAAD,EAAW;oBACEA,MAA/BC;MAAAA,gCAAO;MAAWC,WAAaF,MAAbE;;mBACFC;MAAhBC,yBAAAA;;MACFC,YAAYC,qBACbF,yCACAA,yBACHH,SAAS,OAAT,aAAsBG,WAAtB,2BAAyD;qDAEnD,SAAD;AAAOG,IAAAA,WAAWF;AAAlB,KAA8BH;;;;;"}

package/es/upload/type.d.ts

@@ -1,9 +1,9 @@
 /**
  * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
- * updated at 2021-12-01 14:46:40
+ * updated at 2021-12-12 18:01:23
  * */
 import { TNode } from '../common';
-import { MouseEvent, DragEvent } from 'react';
+import { DragEvent, MouseEvent } from 'react';
 export interface TdUploadProps {
     /**
      * 接受上传的文件类型，[查看 W3C示例](https://www.w3schools.com/tags/att_input_accept.asp)，[查看 MDN 示例](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/file)
@@ -257,11 +257,11 @@ export declare type UploadProgressType = 'real' | 'mock';
 export interface UploadRemoveContext {
     index?: number;
     file?: UploadFile;
-    e: MouseEvent<HTMLDivElement | SVGElement>;
+    e: MouseEvent<HTMLElement | SVGElement>;
 }
 export interface SuccessContext {
-    e: ProgressEvent;
+    e?: ProgressEvent;
     file: UploadFile;
-    fileList: UploadFile[];
+    fileList?: UploadFile[];
     response: any;
 }

package/es/upload/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */

package/es/upload/types.d.ts

@@ -1,10 +1,15 @@
-import { ReactNode } from 'react';
-import { UploadFile, ProgressContext, TdUploadProps } from './type';
+import { MouseEvent, ReactNode } from 'react';
+import { ProgressContext, TdUploadProps, UploadFile } from './type';
 export interface XhrSuccessContext {
     e: ProgressEvent;
     file: UploadFile;
     response: any;
 }
+export interface FlowRemoveContext {
+    e: MouseEvent<HTMLElement>;
+    index: number;
+    file: UploadFile;
+}
 export interface UploadProps extends Omit<TdUploadProps, 'files'> {
     files?: Array<TdUploadFile>;
     children?: ReactNode | undefined;

package/es/upload/types.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */

package/es/upload/upload-trigger.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -11,30 +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-bd2ff6be.js';
-import '../_chunks/dep-21185a7d.js';
+import '../_chunks/dep-31796d32.js';
+import '../_chunks/dep-252337e0.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-c5e94c83.js';
-import '../_chunks/dep-4ca264a0.js';
-import 'react-dom';
+import '../_chunks/dep-81bda54a.js';
+import '../_chunks/dep-88fe1571.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-1c77104d.js';
-import '../_chunks/dep-3796d701.js';
-import '../_chunks/dep-a17dbe80.js';
-import '../_chunks/dep-a6296075.js';
-import '../_chunks/dep-43b6ec11.js';
-import '../_chunks/dep-53bb8c23.js';
-import '../_chunks/dep-88b2f549.js';
+import '../_chunks/dep-31240b08.js';
+import '../_chunks/dep-e2373ef6.js';
+import '../_chunks/dep-cebb3b28.js';
+import '../_chunks/dep-bf215a19.js';
+import '../_chunks/dep-02feec19.js';
+import '../_chunks/dep-0f564970.js';
+import '../_chunks/dep-1cc29dd4.js';
 import '../_util/easing.js';
 import '../common/Portal.js';
+import 'react-dom';
+import '../loading/gradient.js';
 import './style/css.js';
 import '../loading/type.js';
+import '../loading/plugin.js';
 import '../button/type.js';
 
 var UploadTrigger = function UploadTrigger(props) {

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","className","onClick","children","Button","icon","UploadIcon","variant"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASMA,gBAAwC,SAAxCA,aAAwC,CAACC,KAAD,EAAW;mBAC/BC;MAAhBC,yBAAAA;;qDAGL,OAAD;AAAKC,IAAAA,qBAAcD,gCAAnB;AAAkDE,IAAAA,SAASJ,MAAMI;AAAjE,KACGJ,MAAMK,QAAN,GACCL,MAAMK,QADP,+CAGEC,QAAD;AAAQC,IAAAA,kDAAOC,YAAD,KAAd;AAA8BC,IAAAA,SAAQ;AAAtC,KAAgD;;;;;"}
+{"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","className","onClick","children","Button","icon","UploadIcon","variant"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASMA,gBAAwC,SAAxCA,aAAwC,CAACC,KAAD,EAAW;mBAC/BC;MAAhBC,yBAAAA;;qDAGL,OAAD;AAAKC,IAAAA,qBAAcD,gCAAnB;AAAkDE,IAAAA,SAASJ,MAAMI;AAAjE,KACGJ,MAAMK,QAAN,GACCL,MAAMK,QADP,+CAGEC,QAAD;AAAQC,IAAAA,kDAAOC,YAAD,KAAd;AAA8BC,IAAAA,SAAQ;AAAtC,KAAgD;;;;;"}