tdesign-react 0.42.2 → 0.42.3-alpha.2

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

@@ -0,0 +1,219 @@
+/**
+ * tdesign v0.40.6
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var slicedToArray = require('../../_chunks/dep-c1566222.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 hooks_useConfig = require('../../hooks/useConfig.js');
+var hooks_useGlobalIcon = require('../../hooks/useGlobalIcon.js');
+var locale_LocalReceiver = require('../../locale/LocalReceiver.js');
+var upload_util = require('../util.js');
+var upload_booleanRender = require('../boolean-render.js');
+require('../../_chunks/dep-1567c7f2.js');
+require('../../loading/Loading.js');
+require('../../_chunks/dep-7777db02.js');
+require('classnames');
+require('../../_util/dom.js');
+require('raf');
+require('../../_chunks/dep-b0331c7a.js');
+require('../../_chunks/dep-84798ad6.js');
+require('../../_chunks/dep-becd8c56.js');
+require('../../_chunks/dep-ae2d5109.js');
+require('../../_chunks/dep-2858d5e3.js');
+require('../../_util/easing.js');
+require('../../common/Portal.js');
+require('react-dom');
+require('../../_chunks/dep-d232e774.js');
+require('../../_chunks/dep-f905d5cd.js');
+require('../../_chunks/dep-5bba1e16.js');
+require('../../_chunks/dep-20f9e272.js');
+require('../../_chunks/dep-aa950c0c.js');
+require('../../_chunks/dep-9a5ec7fc.js');
+require('../../_chunks/dep-ed995e81.js');
+require('../../_chunks/dep-48bd4fe7.js');
+require('../../_chunks/dep-70a0a076.js');
+require('../../_chunks/dep-3323e358.js');
+require('../../_chunks/dep-72280d06.js');
+require('../../_chunks/dep-cbb72981.js');
+require('../../_chunks/dep-ca88577c.js');
+require('../../_chunks/dep-25552f53.js');
+require('../../_chunks/dep-b55c58f3.js');
+require('../../_chunks/dep-040d27e9.js');
+require('../../_chunks/dep-c813cc21.js');
+require('../../_chunks/dep-3f947b89.js');
+require('../../_chunks/dep-5203c3bd.js');
+require('../../_common/js/global-config/locale/zh_CN.js');
+require('../../_common/js/global-config/default-config.js');
+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-e390d9ef.js');
+require('../../_chunks/dep-4be33efc.js');
+require('../../loading/defaultProps.js');
+require('../../loading/plugin.js');
+require('../../dialog/Dialog.js');
+require('../../button/index.js');
+require('../../button/Button.js');
+require('../../_util/useRipple.js');
+require('../../_util/useAnimation.js');
+require('../../_util/setStyle.js');
+require('../../button/defaultProps.js');
+require('../../_util/noop.js');
+require('../../dialog/RenderDialog.js');
+require('react-transition-group');
+require('../../_util/useLayoutEffect.js');
+require('../../_util/useDialogEsc.js');
+require('../../dialog/defaultProps.js');
+require('../../_util/useSetState.js');
+require('../../dialog/plugin.js');
+require('../../_common/js/log/log.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ImageCard = function ImageCard(props) {
+  var _localeFromProps$trig;
+
+  var files = props.files,
+      _props$multiple = props.multiple,
+      multiple = _props$multiple === void 0 ? false : _props$multiple,
+      _props$max = props.max,
+      max = _props$max === void 0 ? 0 : _props$max,
+      onRemove = props.onRemove,
+      showUploadProgress = props.showUploadProgress,
+      disabled = props.disabled,
+      localeFromProps = props.localeFromProps;
+
+  var _useConfig = hooks_useConfig["default"](),
+      classPrefix = _useConfig.classPrefix;
+
+  var _useGlobalIcon = hooks_useGlobalIcon["default"]({
+    AddIcon: tdesignIconsReact.AddIcon,
+    BrowseIcon: tdesignIconsReact.BrowseIcon,
+    DeleteIcon: tdesignIconsReact.DeleteIcon
+  }),
+      BrowseIcon = _useGlobalIcon.BrowseIcon,
+      DeleteIcon = _useGlobalIcon.DeleteIcon,
+      AddIcon = _useGlobalIcon.AddIcon;
+
+  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],
+      setShowImg = _useState2[1];
+
+  var _useState3 = React.useState(),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      imgURL = _useState4[0],
+      setImgURL = _useState4[1];
+
+  var preview = function preview(file) {
+    setShowImg(true);
+    setImgURL(file.url);
+  };
+
+  var showTrigger = React__default["default"].useMemo(function () {
+    if (multiple) {
+      return !max || files.length < max;
+    }
+
+    return !(files && files[0]);
+  }, [files, max, multiple]);
+  return /* @__PURE__ */React__default["default"].createElement(React.Fragment, null, /* @__PURE__ */React__default["default"].createElement(dialog_index.Dialog, {
+    visible: showImg,
+    showOverlay: true,
+    width: "auto",
+    top: "10%",
+    className: "".concat(classPrefix, "-upload__dialog"),
+    footer: false,
+    header: false,
+    onClose: function onClose() {
+      setShowImg(false);
+      setImgURL(null);
+    }
+  }, /* @__PURE__ */React__default["default"].createElement("p", {
+    className: "".concat(classPrefix, "-dialog__dialog-body-img-box")
+  }, /* @__PURE__ */React__default["default"].createElement("img", {
+    src: imgURL,
+    alt: ""
+  }))), /* @__PURE__ */React__default["default"].createElement("ul", {
+    className: "".concat(classPrefix, "-upload__card")
+  }, /* @__PURE__ */React__default["default"].createElement(upload_booleanRender["default"], {
+    boolExpression: !!files
+  }, files.map(function (file, index) {
+    var _localeFromProps$prog;
+
+    return /* @__PURE__ */React__default["default"].createElement("li", {
+      className: "".concat(classPrefix, "-upload__card-item ").concat(classPrefix, "-is--background"),
+      key: index
+    }, /* @__PURE__ */React__default["default"].createElement(upload_booleanRender["default"], {
+      falseRender: function falseRender() {
+        return /* @__PURE__ */React__default["default"].createElement("div", {
+          className: "".concat(classPrefix, "-upload__card-content ").concat(classPrefix, "-upload__card-box")
+        }, /* @__PURE__ */React__default["default"].createElement("img", {
+          className: "".concat(classPrefix, "-upload__card-image"),
+          src: file.url
+        }), /* @__PURE__ */React__default["default"].createElement("div", {
+          className: "".concat(classPrefix, "-upload__card-mask")
+        }, /* @__PURE__ */React__default["default"].createElement("span", {
+          className: "".concat(classPrefix, "-upload__card-mask-item"),
+          onClick: function onClick(e) {
+            return e.stopPropagation();
+          }
+        }, /* @__PURE__ */React__default["default"].createElement(BrowseIcon, {
+          onClick: function onClick() {
+            return preview(file);
+          }
+        })), !disabled && /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */React__default["default"].createElement("span", {
+          className: "".concat(classPrefix, "-upload__card-mask-item-divider")
+        }), /* @__PURE__ */React__default["default"].createElement("span", {
+          className: "".concat(classPrefix, "-upload__card-mask-item"),
+          onClick: function onClick(e) {
+            return e.stopPropagation();
+          }
+        }, /* @__PURE__ */React__default["default"].createElement(DeleteIcon, {
+          onClick: function onClick(e) {
+            return onRemove === null || onRemove === void 0 ? void 0 : onRemove({
+              e: e,
+              file: file,
+              index: index
+            });
+          }
+        })))));
+      },
+      boolExpression: showUploadProgress && !upload_util.finishUpload(file.status)
+    }, /* @__PURE__ */React__default["default"].createElement("div", {
+      className: "".concat(classPrefix, "-upload__card-container ").concat(classPrefix, "-upload__card-box")
+    }, /* @__PURE__ */React__default["default"].createElement(loading_index.Loading, {
+      loading: true,
+      size: "medium"
+    }), /* @__PURE__ */React__default["default"].createElement("p", null, (localeFromProps === null || localeFromProps === void 0 ? void 0 : (_localeFromProps$prog = localeFromProps.progress) === null || _localeFromProps$prog === void 0 ? void 0 : _localeFromProps$prog.uploadingText) || t(locale.progress.uploadingText), " ", Math.min(files[index].percent, 99), "%"))));
+  })), /* @__PURE__ */React__default["default"].createElement(upload_booleanRender["default"], {
+    boolExpression: showTrigger
+  }, /* @__PURE__ */React__default["default"].createElement("li", {
+    className: "".concat(classPrefix, "-upload__card-item ").concat(classPrefix, "-is--background"),
+    onClick: props.onTrigger
+  }, /* @__PURE__ */React__default["default"].createElement("div", {
+    className: "".concat(classPrefix, "-upload__card-container ").concat(classPrefix, "-upload__card-box")
+  }, /* @__PURE__ */React__default["default"].createElement(AddIcon, null), /* @__PURE__ */React__default["default"].createElement("p", {
+    className: "".concat(classPrefix, "-size-s")
+  }, (localeFromProps === null || localeFromProps === void 0 ? void 0 : (_localeFromProps$trig = localeFromProps.triggerUploadText) === null || _localeFromProps$trig === void 0 ? void 0 : _localeFromProps$trig.image) || t(locale.triggerUploadText.image)))))));
+};
+
+exports["default"] = ImageCard;
+//# sourceMappingURL=image-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image-card.js","sources":["../../../src/upload/themes/image-card.tsx"],"sourcesContent":["import React, { FC, Fragment, useState } from 'react';\nimport { BrowseIcon as TdBrowseIcon, DeleteIcon as TdDeleteIcon, AddIcon as TdAddIcon } from 'tdesign-icons-react';\nimport Loading from '../../loading';\nimport Dialog from '../../dialog';\nimport useConfig from '../../hooks/useConfig';\nimport useGlobalIcon from '../../hooks/useGlobalIcon';\nimport { useLocaleReceiver } from '../../locale/LocalReceiver';\nimport { UploadRemoveContext } from '../type';\nimport { finishUpload } from '../util';\nimport { TdUploadFile } from '../types';\nimport BooleanRender from '../boolean-render';\nimport { UploadConfig } from '../../config-provider/type';\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  localeFromProps?: UploadConfig;\n}\n\nconst ImageCard: FC<ImageCardProps> = (props) => {\n  const { files, multiple = false, max = 0, onRemove, showUploadProgress, disabled, localeFromProps } = props;\n  const { classPrefix } = useConfig();\n  const { BrowseIcon, DeleteIcon, AddIcon } = useGlobalIcon({\n    AddIcon: TdAddIcon,\n    BrowseIcon: TdBrowseIcon,\n    DeleteIcon: TdDeleteIcon,\n  });\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                    {localeFromProps?.progress?.uploadingText || t(locale.progress.uploadingText)}{' '}\n                    {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`}>\n                {localeFromProps?.triggerUploadText?.image || t(locale.triggerUploadText.image)}\n              </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","localeFromProps","useConfig","classPrefix","useGlobalIcon","AddIcon","TdAddIcon","BrowseIcon","TdBrowseIcon","DeleteIcon","TdDeleteIcon","useLocaleReceiver","_slicedToArray","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","finishUpload","status","Loading","loading","size","progress","uploadingText","Math","min","percent","onTrigger","triggerUploadText","image"],"mappings":"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"}

package/cjs/upload/themes/single-file.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { UploadFile, UploadRemoveContext } from '../type';
+export interface SingleFileProps {
+    file?: UploadFile;
+    display?: string;
+    placeholder?: string;
+    onRemove?: (context: UploadRemoveContext) => void;
+    showUploadProgress: boolean;
+}
+declare const SingleFile: FC<SingleFileProps>;
+export default SingleFile;

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

@@ -0,0 +1,124 @@
+/**
+ * tdesign v0.40.6
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var classNames = require('classnames');
+var tdesignIconsReact = require('tdesign-icons-react');
+var loading_index = require('../../loading/index.js');
+var hooks_useConfig = require('../../hooks/useConfig.js');
+var hooks_useGlobalIcon = require('../../hooks/useGlobalIcon.js');
+require('../../loading/Loading.js');
+require('../../_chunks/dep-7777db02.js');
+require('../../_chunks/dep-c1566222.js');
+require('../../_chunks/dep-1567c7f2.js');
+require('../../_util/dom.js');
+require('raf');
+require('../../_chunks/dep-b0331c7a.js');
+require('../../_chunks/dep-84798ad6.js');
+require('../../_chunks/dep-becd8c56.js');
+require('../../_chunks/dep-ae2d5109.js');
+require('../../_chunks/dep-2858d5e3.js');
+require('../../_util/easing.js');
+require('../../common/Portal.js');
+require('react-dom');
+require('../../_chunks/dep-d232e774.js');
+require('../../_chunks/dep-f905d5cd.js');
+require('../../_chunks/dep-5bba1e16.js');
+require('../../_chunks/dep-20f9e272.js');
+require('../../_chunks/dep-aa950c0c.js');
+require('../../_chunks/dep-9a5ec7fc.js');
+require('../../_chunks/dep-ed995e81.js');
+require('../../_chunks/dep-48bd4fe7.js');
+require('../../_chunks/dep-70a0a076.js');
+require('../../_chunks/dep-3323e358.js');
+require('../../_chunks/dep-72280d06.js');
+require('../../_chunks/dep-cbb72981.js');
+require('../../_chunks/dep-ca88577c.js');
+require('../../_chunks/dep-25552f53.js');
+require('../../_chunks/dep-b55c58f3.js');
+require('../../_chunks/dep-040d27e9.js');
+require('../../_chunks/dep-c813cc21.js');
+require('../../_chunks/dep-3f947b89.js');
+require('../../_chunks/dep-5203c3bd.js');
+require('../../_common/js/global-config/locale/zh_CN.js');
+require('../../_common/js/global-config/default-config.js');
+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-e390d9ef.js');
+require('../../_chunks/dep-4be33efc.js');
+require('../../loading/defaultProps.js');
+require('../../loading/plugin.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+
+var SingleFile = function SingleFile(props) {
+  var _props$display = props.display,
+      display = _props$display === void 0 ? "file" : _props$display,
+      onRemove = props.onRemove,
+      file = props.file,
+      showUploadProgress = props.showUploadProgress;
+
+  var _useConfig = hooks_useConfig["default"](),
+      classPrefix = _useConfig.classPrefix;
+
+  var _useGlobalIcon = hooks_useGlobalIcon["default"]({
+    CloseCircleFilledIcon: tdesignIconsReact.CloseCircleFilledIcon,
+    ErrorCircleFilledIcon: tdesignIconsReact.ErrorCircleFilledIcon
+  }),
+      CloseCircleFilledIcon = _useGlobalIcon.CloseCircleFilledIcon,
+      ErrorCircleFilledIcon = _useGlobalIcon.ErrorCircleFilledIcon;
+
+  var fileClass = classNames__default["default"]("".concat(classPrefix, "-upload__single"), "".concat(classPrefix, "-upload__single-").concat(display));
+  var showProgress = showUploadProgress && file && file.status !== "success";
+  var inputName = file === null || file === void 0 ? void 0 : file.name;
+  var handleRemove = React.useCallback(function (e) {
+    onRemove === null || onRemove === void 0 ? void 0 : onRemove({
+      e: e,
+      file: file,
+      index: 0
+    });
+  }, [file, onRemove]);
+  var renderProgress = React.useCallback(function () {
+    if ((file === null || file === void 0 ? void 0 : file.status) === "fail") {
+      return /* @__PURE__ */React__default["default"].createElement(ErrorCircleFilledIcon, null);
+    }
+
+    return /* @__PURE__ */React__default["default"].createElement("div", {
+      className: "".concat(classPrefix, "-upload__single-progress")
+    }, /* @__PURE__ */React__default["default"].createElement(loading_index.Loading, {
+      loading: true,
+      size: "small"
+    }), /* @__PURE__ */React__default["default"].createElement("span", {
+      className: "".concat(classPrefix, "-upload__single-percent")
+    }, Math.min((file === null || file === void 0 ? void 0 : file.percent) || 0, 99), "%"));
+  }, [classPrefix, file]);
+  var renderFilePreviewAsText = React.useCallback(function () {
+    if (!inputName) return;
+    return /* @__PURE__ */React__default["default"].createElement("div", {
+      className: "".concat(classPrefix, "-upload__single-display-text ").concat(classPrefix, "-upload__display-text--margin")
+    }, /* @__PURE__ */React__default["default"].createElement("span", {
+      className: "".concat(classPrefix, "-upload__single-name")
+    }, inputName), showProgress ? renderProgress() : /* @__PURE__ */React__default["default"].createElement(CloseCircleFilledIcon, {
+      className: "".concat(classPrefix, "-upload__icon-delete"),
+      onClick: handleRemove
+    }));
+  }, [classPrefix, inputName, renderProgress, showProgress, handleRemove]);
+  return /* @__PURE__ */React__default["default"].createElement("div", {
+    className: fileClass
+  }, props.children, display === "file" && renderFilePreviewAsText());
+};
+
+exports["default"] = SingleFile;
+//# sourceMappingURL=single-file.js.map

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

@@ -0,0 +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 {\n  CloseCircleFilledIcon as TdCloseCircleFilledIcon,\n  ErrorCircleFilledIcon as TdErrorCircleFilledIcon,\n} from 'tdesign-icons-react';\nimport Loading from '../../loading';\nimport { UploadFile, UploadRemoveContext } from '../type';\nimport useConfig from '../../hooks/useConfig';\nimport useGlobalIcon from '../../hooks/useGlobalIcon';\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  const { CloseCircleFilledIcon, ErrorCircleFilledIcon } = useGlobalIcon({\n    CloseCircleFilledIcon: TdCloseCircleFilledIcon,\n    ErrorCircleFilledIcon: TdErrorCircleFilledIcon,\n  });\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    // eslint-disable-next-line react-hooks/exhaustive-deps\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    // eslint-disable-next-line react-hooks/exhaustive-deps\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","useGlobalIcon","CloseCircleFilledIcon","TdCloseCircleFilledIcon","ErrorCircleFilledIcon","TdErrorCircleFilledIcon","fileClass","classNames","showProgress","status","inputName","name","handleRemove","useCallback","e","index","renderProgress","React","createElement","className","Loading","loading","size","Math","min","percent","renderFilePreviewAsText","onClick","children"],"mappings":"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"}

package/cjs/upload/themes/style/css.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/upload/themes/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/upload/tips.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+export interface TipsProps {
+    type?: 'error' | 'default';
+}
+declare const Tips: FC<TipsProps>;
+export default Tips;

package/cjs/upload/tips.js

@@ -0,0 +1,61 @@
+/**
+ * tdesign v0.40.6
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var classNames = require('classnames');
+var hooks_useConfig = require('../hooks/useConfig.js');
+require('../_chunks/dep-d232e774.js');
+require('../_chunks/dep-7777db02.js');
+require('../_chunks/dep-f905d5cd.js');
+require('../_chunks/dep-5bba1e16.js');
+require('../_chunks/dep-20f9e272.js');
+require('../_chunks/dep-aa950c0c.js');
+require('../_chunks/dep-84798ad6.js');
+require('../_chunks/dep-becd8c56.js');
+require('../_chunks/dep-9a5ec7fc.js');
+require('../_chunks/dep-ed995e81.js');
+require('../_chunks/dep-48bd4fe7.js');
+require('../_chunks/dep-70a0a076.js');
+require('../_chunks/dep-2858d5e3.js');
+require('../_chunks/dep-3323e358.js');
+require('../_chunks/dep-72280d06.js');
+require('../_chunks/dep-cbb72981.js');
+require('../_chunks/dep-ca88577c.js');
+require('../_chunks/dep-ae2d5109.js');
+require('../_chunks/dep-25552f53.js');
+require('../_chunks/dep-b55c58f3.js');
+require('../_chunks/dep-040d27e9.js');
+require('../_chunks/dep-c813cc21.js');
+require('../_chunks/dep-3f947b89.js');
+require('../_chunks/dep-5203c3bd.js');
+require('../_common/js/global-config/locale/zh_CN.js');
+require('../_common/js/global-config/default-config.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+
+var Tips = function Tips(props) {
+  var _props$type = props.type,
+      type = _props$type === void 0 ? "default" : _props$type,
+      children = props.children;
+
+  var _useConfig = hooks_useConfig["default"](),
+      classPrefix = _useConfig.classPrefix;
+
+  var tipsClass = classNames__default["default"]("".concat(classPrefix, "-upload__tips"), "".concat(classPrefix, "-size-s"), type === "error" ? "".concat(classPrefix, "-upload__tips-error") : null);
+  return /* @__PURE__ */React__default["default"].createElement("small", {
+    className: tipsClass
+  }, children);
+};
+
+exports["default"] = Tips;
+//# sourceMappingURL=tips.js.map

package/cjs/upload/tips.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tips.js","sources":["../../src/upload/tips.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../hooks/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,IAAA,GAAsB,SAAtBA,IAAsB,CAACC,KAAD,EAAW;EACrC,IAAuCA,WAAAA,GAAAA,KAAvC,CAAQC,IAAR;MAAQA,IAAR,4BAAe,SAAf,GAAA,WAAA;AAAA,MAA0BC,QAA1B,GAAuCF,KAAvC,CAA0BE,QAA1B,CAAA;;AACM,EAAA,IAAA,UAAA,GAAkBC,0BAAU,EAA5B;MAAEC,WAAF,cAAEA,WAAF,CAAA;;AACN,EAAA,IAAMC,SAAY,GAAAC,8BAAA,CAAA,EAAA,CAAA,MAAA,CACbF,WADa,EAEbA,eAAAA,CAAAA,EAAAA,EAAAA,CAAAA,MAAAA,CAAAA,WAFa,EAGhBH,SAAAA,CAAAA,EAAAA,IAAA,KAAS,OAAT,GAAA,EAAA,CAAA,MAAA,CAAsBG,WAAtB,EAAA,qBAAA,CAAA,GAAyD,IAHzC,CAAlB,CAAA;AAKA,EAAA,sBAAQG,yBAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AAAMC,IAAAA,SAAW,EAAAJ,SAAAA;GAAjB,EAA6BH,QAA7B,CAAR,CAAA;AACF;;;;"}

package/cjs/upload/types.d.ts

@@ -0,0 +1,24 @@
+import { MouseEvent } from 'react';
+import { TdUploadProps, UploadFile } from './type';
+import { StyledProps, TNode } from '../common';
+export interface CustomDraggerRenderProps {
+    dragActive: boolean;
+}
+export interface FlowRemoveContext {
+    e: MouseEvent<HTMLElement>;
+    index?: number;
+    file?: UploadFile;
+}
+export interface UploadProps extends StyledProps, Omit<TdUploadProps, 'files'> {
+    files?: Array<TdUploadFile>;
+    children?: TNode;
+    customDraggerRender?: (props: CustomDraggerRenderProps) => TNode;
+    value?: Array<TdUploadFile>;
+}
+export interface TdUploadFile extends UploadFile {
+    uid?: string;
+    xhr?: XMLHttpRequest;
+}
+export interface HTMLInputEvent extends Event {
+    target: HTMLInputElement & EventTarget;
+}

package/cjs/upload/types.js

@@ -0,0 +1,9 @@
+/**
+ * tdesign v0.40.6
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+//# sourceMappingURL=types.js.map

package/cjs/upload/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/cjs/upload/upload-trigger.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { UploadConfig } from '../config-provider/type';
+export interface UploadTriggerProps {
+    onClick?: () => void;
+    localeFromProps?: UploadConfig;
+}
+declare const UploadTrigger: FC<UploadTriggerProps>;
+export default UploadTrigger;

package/cjs/upload/upload-trigger.js

@@ -0,0 +1,98 @@
+/**
+ * tdesign v0.40.6
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var slicedToArray = require('../_chunks/dep-c1566222.js');
+var React = require('react');
+var tdesignIconsReact = require('tdesign-icons-react');
+var hooks_useConfig = require('../hooks/useConfig.js');
+var hooks_useGlobalIcon = require('../hooks/useGlobalIcon.js');
+var locale_LocalReceiver = require('../locale/LocalReceiver.js');
+var button_index = require('../button/index.js');
+require('../_chunks/dep-1567c7f2.js');
+require('../_chunks/dep-d232e774.js');
+require('../_chunks/dep-7777db02.js');
+require('../_chunks/dep-f905d5cd.js');
+require('../_chunks/dep-5bba1e16.js');
+require('../_chunks/dep-20f9e272.js');
+require('../_chunks/dep-aa950c0c.js');
+require('../_chunks/dep-84798ad6.js');
+require('../_chunks/dep-becd8c56.js');
+require('../_chunks/dep-9a5ec7fc.js');
+require('../_chunks/dep-ed995e81.js');
+require('../_chunks/dep-48bd4fe7.js');
+require('../_chunks/dep-70a0a076.js');
+require('../_chunks/dep-2858d5e3.js');
+require('../_chunks/dep-3323e358.js');
+require('../_chunks/dep-72280d06.js');
+require('../_chunks/dep-cbb72981.js');
+require('../_chunks/dep-ca88577c.js');
+require('../_chunks/dep-ae2d5109.js');
+require('../_chunks/dep-25552f53.js');
+require('../_chunks/dep-b55c58f3.js');
+require('../_chunks/dep-040d27e9.js');
+require('../_chunks/dep-c813cc21.js');
+require('../_chunks/dep-3f947b89.js');
+require('../_chunks/dep-5203c3bd.js');
+require('../_common/js/global-config/locale/zh_CN.js');
+require('../_common/js/global-config/default-config.js');
+require('../button/Button.js');
+require('../_chunks/dep-4be33efc.js');
+require('classnames');
+require('../_util/useRipple.js');
+require('../_util/useAnimation.js');
+require('../_util/setStyle.js');
+require('../_util/dom.js');
+require('raf');
+require('../_chunks/dep-b0331c7a.js');
+require('../_util/easing.js');
+require('../loading/index.js');
+require('../loading/Loading.js');
+require('../common/Portal.js');
+require('react-dom');
+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-e390d9ef.js');
+require('../loading/defaultProps.js');
+require('../loading/plugin.js');
+require('../button/defaultProps.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var UploadTrigger = function UploadTrigger(props) {
+  var _props$localeFromProp, _props$localeFromProp2;
+
+  var _useConfig = hooks_useConfig["default"](),
+      classPrefix = _useConfig.classPrefix;
+
+  var _useGlobalIcon = hooks_useGlobalIcon["default"]({
+    UploadIcon: tdesignIconsReact.UploadIcon
+  }),
+      UploadIcon = _useGlobalIcon.UploadIcon;
+
+  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(UploadIcon, null),
+    variant: "outline"
+  }, (props === null || props === void 0 ? void 0 : (_props$localeFromProp = props.localeFromProps) === null || _props$localeFromProp === void 0 ? void 0 : (_props$localeFromProp2 = _props$localeFromProp.triggerUploadText) === null || _props$localeFromProp2 === void 0 ? void 0 : _props$localeFromProp2.fileInput) || t(locale.triggerUploadText.fileInput)));
+};
+
+exports["default"] = UploadTrigger;
+//# sourceMappingURL=upload-trigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"upload-trigger.js","sources":["../../src/upload/upload-trigger.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { UploadIcon as TdUploadIcon } from 'tdesign-icons-react';\nimport useConfig from '../hooks/useConfig';\nimport useGlobalIcon from '../hooks/useGlobalIcon';\nimport { useLocaleReceiver } from '../locale/LocalReceiver';\nimport { UploadConfig } from '../config-provider/type';\n\nimport Button from '../button';\n\nexport interface UploadTriggerProps {\n  onClick?: () => void;\n  localeFromProps?: UploadConfig;\n}\n\nconst UploadTrigger: FC<UploadTriggerProps> = (props) => {\n  const { classPrefix } = useConfig();\n  const { UploadIcon } = useGlobalIcon({\n    UploadIcon: TdUploadIcon,\n  });\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          {props?.localeFromProps?.triggerUploadText?.fileInput || t(locale.triggerUploadText.fileInput)}\n        </Button>\n      )}\n    </div>\n  );\n};\n\nexport default UploadTrigger;\n"],"names":["UploadTrigger","props","useConfig","classPrefix","useGlobalIcon","UploadIcon","TdUploadIcon","useLocaleReceiver","_slicedToArray","locale","t","React","createElement","className","onClick","children","Button","icon","variant","localeFromProps","triggerUploadText","fileInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,IAAMA,aAAA,GAAwC,SAAxCA,aAAwC,CAACC,KAAD,EAAW;AAAA,EAAA,IAAA,qBAAA,EAAA,sBAAA,CAAA;;AACjD,EAAA,IAAA,UAAA,GAAkBC,0BAAU,EAA5B;MAAEC,WAAF,cAAEA,WAAF,CAAA;;AACA,EAAA,IAAA,cAAA,GAAiBC,8BAAc,CAAA;AACnCC,IAAAA,UAAY,EAAAC,4BAAAA;AADuB,GAAA,CAA/B;MAAED,UAAF,kBAAEA,UAAF,CAAA;;EAGN,IAAoBE,kBAAAA,GAAAA,uCAAkB,SAAtC;AAAA,MAAA,mBAAA,GAAAC,4BAAA,CAAA,kBAAA,EAAA,CAAA,CAAA;AAAA,MAAOC,MAAP,GAAA,mBAAA,CAAA,CAAA,CAAA;AAAA,MAAeC,CAAf,GAAA,mBAAA,CAAA,CAAA,CAAA,CAAA;;AAEA,EAAA,sBACGC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAIC,qBAAcV,aAAlB,kBAAA,CAAA;IAAiDW,SAASb,KAAM,CAAAa,OAAAA;AAAhE,GAAA,EACEb,KAAM,CAAAc,QAAN,GACCd,KAAM,CAAAc,QADP,kBAGEJ,yBAAA,CAAAC,aAAA,CAAAI,mBAAA,EAAA;IAAOC,IAAA,yDAAOZ,YAAW,KAAzB;AAA6Ba,IAAAA,OAAQ,EAAA,SAAA;GAArC,EACE,CAAAjB,KAAA,KAAA,IAAA,IAAAA,KAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,qBAAA,GAAAA,KAAA,CAAOkB,eAAP,MAAA,IAAA,IAAA,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,sBAAA,GAAA,qBAAA,CAAwBC,iBAAxB,MAA2CC,IAAAA,IAAAA,sBAAAA,KAAAA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,sBAAAA,CAAAA,SAA3C,KAAwDX,EAAED,MAAO,CAAAW,iBAAP,CAAyBC,UADrF,CAJJ,CADH,CAAA;AAWF;;;;"}