tdesign-react
Version:
TDesign Component for React
199 lines (191 loc) • 11.2 kB
JavaScript
/**
* tdesign v1.16.6
* (c) 2026 tdesign
* @license MIT
*/
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var defineProperty = require('../../_chunks/dep-1f6c39e3.js');
var toConsumableArray = require('../../_chunks/dep-33be2db8.js');
var React = require('react');
var tdesignIconsReact = require('tdesign-icons-react');
var classNames = require('classnames');
var utils = require('../../_chunks/dep-7af43b33.js');
var _util_parseTNode = require('../../_util/parseTNode.js');
var loading_index = require('../../loading/index.js');
var link_index = require('../../link/index.js');
var hooks_useGlobalIcon = require('../../hooks/useGlobalIcon.js');
require('../../_chunks/dep-90a93885.js');
require('../../_chunks/dep-ef5bfcf1.js');
require('../../_chunks/dep-989c8b4a.js');
require('../../_chunks/dep-ed99b2c6.js');
require('../../_chunks/dep-8c9795f9.js');
require('../../_chunks/dep-615c149d.js');
require('../../_chunks/dep-723e29d6.js');
require('../../loading/Loading.js');
require('../../_chunks/dep-3281986a.js');
require('../../_chunks/dep-54373955.js');
require('../../_chunks/dep-2bbded38.js');
require('../../_chunks/dep-202d6c73.js');
require('../../_chunks/dep-a8d5081a.js');
require('../../_chunks/dep-0173c82c.js');
require('../../common/Portal.js');
require('react-dom');
require('../../hooks/useConfig.js');
require('../../config-provider/ConfigContext.js');
require('../../_chunks/dep-875a5344.js');
require('../../_chunks/dep-20f09a63.js');
require('dayjs');
require('../../_chunks/dep-e691746e.js');
require('../../_chunks/dep-9d3b1a05.js');
require('../../_chunks/dep-1f8c969d.js');
require('../../_chunks/dep-403f5edf.js');
require('../../_chunks/dep-d24b94bc.js');
require('../../_chunks/dep-6478e7e3.js');
require('../../_chunks/dep-c9025587.js');
require('../../_chunks/dep-8663a5c9.js');
require('../../_chunks/dep-50349518.js');
require('../../_chunks/dep-0bd8b970.js');
require('../../_chunks/dep-73ef2133.js');
require('../../_chunks/dep-cae1e5aa.js');
require('../../_chunks/dep-0b97e212.js');
require('../../_chunks/dep-0652d2a6.js');
require('../../_chunks/dep-1a7ce20e.js');
require('../../_chunks/dep-116af952.js');
require('../../_chunks/dep-f6a777ad.js');
require('../../_chunks/dep-ff301423.js');
require('../../hooks/useLayoutEffect.js');
require('../../hooks/useDefaultProps.js');
require('../../loading/defaultProps.js');
require('../../loading/gradient.js');
require('../../_chunks/dep-4cca69f7.js');
require('../../_chunks/dep-d7a3225b.js');
require('../../_chunks/dep-79129c54.js');
require('../../_chunks/dep-4c4d8eee.js');
require('../../hooks/useDomRefCallback.js');
require('../../loading/plugin.js');
require('../../_util/react-render.js');
require('../../_chunks/dep-05097eca.js');
require('../../common/PluginContainer.js');
require('../../config-provider/ConfigProvider.js');
require('../../_chunks/dep-400d026f.js');
require('../../_chunks/dep-081faea2.js');
require('../../_chunks/dep-91b467dd.js');
require('../../_chunks/dep-18ca5cd9.js');
require('../../_chunks/dep-3facd669.js');
require('../../link/Link.js');
require('../../link/defaultProps.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);
function NormalFile(props) {
var _displayFiles$, _displayFiles$0$respo;
var theme = props.theme,
disabled = props.disabled,
classPrefix = props.classPrefix,
locale = props.locale;
var _useGlobalIcon = hooks_useGlobalIcon["default"]({
CloseIcon: tdesignIconsReact.CloseIcon,
TimeFilledIcon: tdesignIconsReact.TimeFilledIcon,
CheckCircleFilledIcon: tdesignIconsReact.CheckCircleFilledIcon,
ErrorCircleFilledIcon: tdesignIconsReact.ErrorCircleFilledIcon,
CloseCircleFilledIcon: tdesignIconsReact.CloseCircleFilledIcon
}),
CloseIcon = _useGlobalIcon.CloseIcon,
TimeFilledIcon = _useGlobalIcon.TimeFilledIcon,
CheckCircleFilledIcon = _useGlobalIcon.CheckCircleFilledIcon,
ErrorCircleFilledIcon = _useGlobalIcon.ErrorCircleFilledIcon,
CloseCircleFilledIcon = _useGlobalIcon.CloseCircleFilledIcon;
var uploadPrefix = "".concat(classPrefix, "-upload");
var renderProgress = function renderProgress(percent) {
return /* @__PURE__ */React__default["default"].createElement("div", {
className: "".concat(uploadPrefix, "__single-progress")
}, /* @__PURE__ */React__default["default"].createElement(loading_index.Loading, null), /* @__PURE__ */React__default["default"].createElement("span", {
className: "".concat(uploadPrefix, "__single-percent")
}, percent || 0, "%"));
};
var renderFilePreviewAsText = function renderFilePreviewAsText(files) {
var _files$;
if (theme !== "file") return null;
if (!props.multiple && ((_files$ = files[0]) === null || _files$ === void 0 ? void 0 : _files$.status) === "fail" && props.autoUpload) {
return null;
}
return files.map(function (file, index) {
var fileName = props.abridgeName && file.name ? utils.abridgeName.apply(void 0, [file.name].concat(toConsumableArray._toConsumableArray(props.abridgeName))) : file.name;
return /* @__PURE__ */React__default["default"].createElement("div", {
className: "".concat(uploadPrefix, "__single-display-text ").concat(uploadPrefix, "__display-text--margin"),
key: file.name + index + file.percent + file.status
}, file.url ? /* @__PURE__ */React__default["default"].createElement(link_index.Link, {
href: file.url,
target: "_blank",
hover: "color",
size: "small",
className: "".concat(uploadPrefix, "__single-name")
}, fileName) : /* @__PURE__ */React__default["default"].createElement("span", {
className: "".concat(uploadPrefix, "__single-name")
}, fileName), file.status === "fail" && /* @__PURE__ */React__default["default"].createElement("div", {
className: "".concat(uploadPrefix, "__flow-status ").concat(uploadPrefix, "__file-fail")
}, /* @__PURE__ */React__default["default"].createElement(ErrorCircleFilledIcon, null)), file.status === "waiting" && /* @__PURE__ */React__default["default"].createElement("div", {
className: "".concat(uploadPrefix, "__flow-status ").concat(uploadPrefix, "__file-waiting")
}, /* @__PURE__ */React__default["default"].createElement(TimeFilledIcon, null)), file.status === "progress" && renderProgress(file.percent), !disabled && file.status !== "progress" && /* @__PURE__ */React__default["default"].createElement(CloseIcon, {
className: "".concat(uploadPrefix, "__icon-delete"),
onClick: function onClick(e) {
return props.onRemove({
e: e,
file: file,
index: index
});
}
}));
});
};
var renderFilePreviewAsInput = function renderFilePreviewAsInput() {
var _props$abridgeName;
var file = props.displayFiles[0];
var inputTextClass = ["".concat(classPrefix, "-input__inner"), defineProperty._defineProperty({}, "".concat(uploadPrefix, "__placeholder"), !props.displayFiles[0])];
var disabledClass = disabled ? "".concat(classPrefix, "-is-disabled") : "";
var fileName = (_props$abridgeName = props.abridgeName) !== null && _props$abridgeName !== void 0 && _props$abridgeName.length && file !== null && file !== void 0 && file.name ? utils.abridgeName.apply(void 0, [file.name].concat(toConsumableArray._toConsumableArray(props.abridgeName))) : file === null || file === void 0 ? void 0 : file.name;
return /* @__PURE__ */React__default["default"].createElement("div", {
className: "".concat(uploadPrefix, "__single-input-preview ").concat(classPrefix, "-input ").concat(disabledClass)
}, /* @__PURE__ */React__default["default"].createElement("div", {
className: classNames__default["default"](inputTextClass)
}, /* @__PURE__ */React__default["default"].createElement("span", {
className: classNames__default["default"]("".concat(uploadPrefix, "__single-input-text"), defineProperty._defineProperty({}, props.placeholderClass, props.placeholder && !(file !== null && file !== void 0 && file.name)))
}, file !== null && file !== void 0 && file.name ? fileName : props.placeholder), (file === null || file === void 0 ? void 0 : file.status) === "progress" && renderProgress(file.percent), (file === null || file === void 0 ? void 0 : file.status) === "waiting" && /* @__PURE__ */React__default["default"].createElement(TimeFilledIcon, {
className: "".concat(uploadPrefix, "__status-icon ").concat(uploadPrefix, "__file-waiting")
}), (file === null || file === void 0 ? void 0 : file.name) && file.status === "success" && /* @__PURE__ */React__default["default"].createElement(CheckCircleFilledIcon, {
className: "".concat(uploadPrefix, "__status-icon")
}), (file === null || file === void 0 ? void 0 : file.name) && file.status === "fail" && /* @__PURE__ */React__default["default"].createElement(ErrorCircleFilledIcon, {
className: "".concat(uploadPrefix, "__status-icon ").concat(uploadPrefix, "__file-fail")
}), Boolean(!disabled && (file === null || file === void 0 ? void 0 : file.name)) && /* @__PURE__ */React__default["default"].createElement(CloseCircleFilledIcon, {
className: "".concat(uploadPrefix, "__single-input-clear"),
onClick: function onClick(e) {
return props.onRemove({
e: e,
file: file,
index: 0
});
}
})));
};
var displayFiles = props.displayFiles,
fileListDisplay = props.fileListDisplay;
var fileListDisplayNode = _util_parseTNode["default"](fileListDisplay, {
onRemove: props.onRemove,
toUploadFiles: props.toUploadFiles,
sizeOverLimitMessage: props.sizeOverLimitMessage,
locale: props.locale,
files: displayFiles
});
var classes = ["".concat(uploadPrefix, "__single"), "".concat(uploadPrefix, "__single-").concat(theme)];
return /* @__PURE__ */React__default["default"].createElement("div", {
className: classNames__default["default"](classes)
}, theme === "file-input" && renderFilePreviewAsInput(), props.children, theme === "file" && props.placeholder && !displayFiles[0] && /* @__PURE__ */React__default["default"].createElement("small", {
className: classNames__default["default"]([props.tipsClasses, props.placeholderClass])
}, props.placeholder), fileListDisplayNode === null ? null : fileListDisplayNode || renderFilePreviewAsText(displayFiles), !props.multiple && ((_displayFiles$ = displayFiles[0]) === null || _displayFiles$ === void 0 ? void 0 : _displayFiles$.status) === "fail" && theme === "file" ? /* @__PURE__ */React__default["default"].createElement("small", {
className: classNames__default["default"](props.errorClasses)
}, ((_displayFiles$0$respo = displayFiles[0].response) === null || _displayFiles$0$respo === void 0 ? void 0 : _displayFiles$0$respo.error) || locale.progress.failText) : null);
}
NormalFile.displayName = "NormalFile";
exports["default"] = NormalFile;
//# sourceMappingURL=NormalFile.js.map