tdesign-react
Version:
TDesign Component for React
198 lines (190 loc) • 11.2 kB
JavaScript
/**
* tdesign v1.13.2
* (c) 2025 tdesign
* @license MIT
*/
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var defineProperty = require('../../_chunks/dep-cc768e34.js');
var toConsumableArray = require('../../_chunks/dep-64a1054a.js');
var React = require('react');
var tdesignIconsReact = require('tdesign-icons-react');
var classNames = require('classnames');
var utils = require('../../_chunks/dep-35664843.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-6d4d8660.js');
require('../../_chunks/dep-b7d577ac.js');
require('../../_chunks/dep-4bc3c0ab.js');
require('../../_chunks/dep-bed9d73e.js');
require('../../_chunks/dep-f0379c5f.js');
require('../../_chunks/dep-780eda7b.js');
require('../../loading/Loading.js');
require('../../_chunks/dep-e17e2d31.js');
require('../../_chunks/dep-3f65dfe7.js');
require('../../_chunks/dep-3e2d2665.js');
require('../../_chunks/dep-028b759d.js');
require('../../_chunks/dep-ddacd27a.js');
require('../../hooks/useConfig.js');
require('../../config-provider/ConfigContext.js');
require('../../_chunks/dep-3a869b87.js');
require('../../_chunks/dep-ac58e1cc.js');
require('dayjs');
require('../../_chunks/dep-7da96a57.js');
require('../../_chunks/dep-07b911d8.js');
require('../../_chunks/dep-4b02d669.js');
require('../../_chunks/dep-8a116183.js');
require('../../_chunks/dep-4671b9bd.js');
require('../../_chunks/dep-47bdc05f.js');
require('../../_chunks/dep-cab13149.js');
require('../../_chunks/dep-a30819a4.js');
require('../../_chunks/dep-6a7ba247.js');
require('../../_chunks/dep-c87d9752.js');
require('../../_chunks/dep-bd956a2d.js');
require('../../_chunks/dep-0cdb3286.js');
require('../../_chunks/dep-865c186c.js');
require('../../_chunks/dep-f4e58639.js');
require('../../_chunks/dep-781a2854.js');
require('../../_chunks/dep-1ef213f8.js');
require('../../_chunks/dep-e2c832a5.js');
require('../../common/Portal.js');
require('react-dom');
require('../../hooks/useLayoutEffect.js');
require('../../loading/gradient.js');
require('../../_chunks/dep-58719304.js');
require('../../_chunks/dep-b8d4cf07.js');
require('../../_chunks/dep-422caf30.js');
require('../../hooks/useDomRefCallback.js');
require('../../loading/defaultProps.js');
require('../../hooks/useDefaultProps.js');
require('../../loading/plugin.js');
require('../../_util/react-render.js');
require('../../_chunks/dep-a93b6608.js');
require('../../common/PluginContainer.js');
require('../../config-provider/ConfigProvider.js');
require('../../_chunks/dep-ed886f2a.js');
require('../../_chunks/dep-aeef4e56.js');
require('../../_chunks/dep-0c1ca63f.js');
require('../../_chunks/dep-fd5d57c1.js');
require('../../_chunks/dep-ac2874ce.js');
require('../../_chunks/dep-6cfc06a0.js');
require('../../_chunks/dep-5d9d080b.js');
require('../../link/Link.js');
require('../../_chunks/dep-810b3643.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