tdesign-vue
Version:
652 lines (644 loc) • 28.5 kB
JavaScript
/**
* tdesign v1.15.0
* (c) 2026 tdesign
* @license MIT
*/
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var helper = require('../../_chunks/dep-4009cfe4.js');
var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
var VueCompositionAPI = require('@vue/composition-api');
var tdesignIconsVue = require('tdesign-icons-vue');
var hooks_useGlobalIcon = require('../../hooks/useGlobalIcon.js');
var imageViewer_index = require('../../image-viewer/index.js');
var upload_constants = require('../constants.js');
var button_index = require('../../button/index.js');
var upload_hooks_useDrag = require('../hooks/useDrag.js');
var _common_js_upload_utils = require('../../_common/js/upload/utils.js');
var loading_index = require('../../loading/index.js');
var link_index = require('../../link/index.js');
var utils_renderTnode = require('../../utils/render-tnode.js');
var image_index = require('../../image/index.js');
var isFunction = require('../../_chunks/dep-8d206316.js');
var isObject = require('../../_chunks/dep-2bc87cc8.js');
require('../../config-provider/useConfig.js');
require('../../_chunks/dep-8eddb350.js');
require('../../_common/js/global-config/default-config.js');
require('../../_common/js/global-config/locale/zh_CN.js');
require('../../_chunks/dep-0c37520c.js');
require('@babel/runtime/helpers/typeof');
require('../../_chunks/dep-c13dcbfd.js');
require('dayjs');
require('../../_chunks/dep-6f4e680e.js');
require('../../_chunks/dep-bb0ececf.js');
require('../../_chunks/dep-3b2292ce.js');
require('../../_chunks/dep-ba7f5924.js');
require('../../_chunks/dep-10fcb46d.js');
require('../../_chunks/dep-6eba4d23.js');
require('../../_chunks/dep-010db548.js');
require('../../_chunks/dep-f77d6ad5.js');
require('../../_chunks/dep-9dae8101.js');
require('../../_chunks/dep-7c84d9a0.js');
require('../../_chunks/dep-733a2279.js');
require('../../_chunks/dep-d844c9ed.js');
require('../../_chunks/dep-c05a9033.js');
require('../../_chunks/dep-efe55b82.js');
require('../../_chunks/dep-7da70ee1.js');
require('../../_chunks/dep-124386d4.js');
require('../../_chunks/dep-f5b14344.js');
require('../../_chunks/dep-36c2788b.js');
require('../../_chunks/dep-fa353fbb.js');
require('../../_chunks/dep-d66ab3a4.js');
require('../../_chunks/dep-d4d8c513.js');
require('../../_common/js/global-config/t.js');
require('@babel/runtime/helpers/slicedToArray');
require('../../_chunks/dep-a2217d56.js');
require('../../image-viewer/image-viewer.js');
require('../../image-viewer/props.js');
require('../../image-viewer/base/Container.js');
require('vue');
require('../../utils/dom.js');
require('raf');
require('../../utils/easing.js');
require('../../image-viewer/base/ImageModalIcon.js');
require('../../hooks/useConfig.js');
require('../../hooks/tnode.js');
require('../../hooks/render-tnode.js');
require('../../_chunks/dep-9c5b91d3.js');
require('../../_chunks/dep-9a74c2be.js');
require('../../_chunks/dep-689d381f.js');
require('../../_chunks/dep-803744d9.js');
require('../../_chunks/dep-84027b7f.js');
require('../../_chunks/dep-49400b00.js');
require('../../_chunks/dep-f1081d8e.js');
require('../../_chunks/dep-2c592e99.js');
require('../../_chunks/dep-812bd25d.js');
require('../../_chunks/dep-82ce56ef.js');
require('../../_chunks/dep-4e96e31a.js');
require('../../image-viewer/base/ImageViewerUtils.js');
require('../../tooltip/index.js');
require('../../tooltip/tooltip.js');
require('../../tooltip/props.js');
require('../../popup/props.js');
require('../../popup/popup.js');
require('@popperjs/core');
require('../../utils/helper.js');
require('@babel/runtime/helpers/objectWithoutProperties');
require('../../_common/js/utils/setStyle.js');
require('../../popup/container.js');
require('../../config-provider/config-receiver.js');
require('../../utils/mixins.js');
require('../../utils/event.js');
require('../../popup/utils.js');
require('../../_chunks/dep-ee4e645f.js');
require('../../_chunks/dep-0ea9f257.js');
require('@babel/runtime/helpers/readOnlyError');
require('../../utils/map-props.js');
require('../../utils/withInstall.js');
require('../../_common/js/input-number/large-number.js');
require('../../_common/js/log/log.js');
require('../../_chunks/dep-268c68b1.js');
require('../../hooks/useImagePreviewUrl.js');
require('../../image-viewer/base/ImageItem.js');
require('../../image-viewer/hooks.js');
require('../../image-viewer/const.js');
require('../../image-viewer/base/ImageViewerModal.js');
require('../../dialog/index.js');
require('../../dialog/dialog.js');
require('../../dialog/actions.js');
require('../../button/button.js');
require('../../button/props.js');
require('../../utils/ripple.js');
require('../../config.js');
require('../../loading/directive.js');
require('../../loading/plugin.js');
require('../../loading/loading.js');
require('../../loading/icon/gradient.js');
require('../../_common/js/loading/circle-adapter.js');
require('../../_common/js/utils/helper.js');
require('../../_chunks/dep-721fcdf6.js');
require('../../_chunks/dep-591b87f1.js');
require('../../utils/transfer-dom.js');
require('../../loading/props.js');
require('../../_chunks/dep-97fef2be.js');
require('../../_chunks/dep-0b47afa3.js');
require('../../_chunks/dep-d7516e38.js');
require('../../_chunks/dep-74be1050.js');
require('../../_chunks/dep-7fbd94e9.js');
require('../../_chunks/dep-56f568d3.js');
require('../../_chunks/dep-17ce3e74.js');
require('../../_chunks/dep-a7198720.js');
require('../../_chunks/dep-1e173c2b.js');
require('../../_chunks/dep-c9ce9427.js');
require('../../_chunks/dep-edb55477.js');
require('../../dialog/props.js');
require('../../hooks/useDestroyOnClose.js');
require('../../dialog/stack.js');
require('../../_common/js/utils/getScrollbarWidth.js');
require('../../_chunks/dep-303c1643.js');
require('../../dialog/plugin.js');
require('../../config-provider/config-provider.js');
require('../../config-provider/props.js');
require('../../_chunks/dep-25a90d6f.js');
require('../../_chunks/dep-594e0165.js');
require('../../hooks/useVModel.js');
require('../../hooks/useDefaultValue.js');
require('../../_common/js/image-viewer/utils.js');
require('../../image-viewer/utils.js');
require('../../image/image.js');
require('../../_common/js/utils/observe.js');
require('../../image/props.js');
require('../../space/index.js');
require('../../space/space.js');
require('../../space/props.js');
require('../../_chunks/dep-2c32d315.js');
require('../../_chunks/dep-da2ef9c3.js');
require('../../_chunks/dep-a96e5563.js');
require('../../link/link.js');
require('../../link/props.js');
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
var MultipleFlowList = VueCompositionAPI.defineComponent({
name: "UploadMultipleFlowList",
props: _objectSpread(_objectSpread({}, upload_constants.commonProps), {}, {
uploadFiles: Function,
cancelUpload: Function,
dragEvents: Object,
disabled: Boolean,
isBatchUpload: Boolean,
draggable: Boolean,
showThumbnail: Boolean,
showImageFileName: Boolean,
uploadButton: Object,
cancelUploadButton: Object
}),
setup: function setup(props, context) {
var _toRefs = VueCompositionAPI.toRefs(props),
locale = _toRefs.locale,
uploading = _toRefs.uploading,
classPrefix = _toRefs.classPrefix,
accept = _toRefs.accept;
var uploadPrefix = "".concat(classPrefix.value, "-upload");
var icons = hooks_useGlobalIcon.useGlobalIcon({
BrowseIcon: tdesignIconsVue.BrowseIcon,
DeleteIcon: tdesignIconsVue.DeleteIcon,
CheckCircleFilledIcon: tdesignIconsVue.CheckCircleFilledIcon,
ErrorCircleFilledIcon: tdesignIconsVue.ErrorCircleFilledIcon,
TimeFilledIcon: tdesignIconsVue.TimeFilledIcon,
FileExcelIcon: tdesignIconsVue.FileExcelIcon,
FilePdfIcon: tdesignIconsVue.FilePdfIcon,
FileWordIcon: tdesignIconsVue.FileWordIcon,
FilePowerpointIcon: tdesignIconsVue.FilePowerpointIcon,
FileIcon: tdesignIconsVue.FileIcon,
VideoIcon: tdesignIconsVue.VideoIcon
});
var drag = upload_hooks_useDrag["default"](props.dragEvents, accept);
var currentPreviewFile = VueCompositionAPI.ref([]);
var previewIndex = VueCompositionAPI.ref(0);
var uploadText = VueCompositionAPI.computed(function () {
if (uploading.value) return "".concat(locale.value.progress.uploadingText);
return locale.value.triggerUploadText.normal;
});
var innerDragEvents = VueCompositionAPI.computed(function () {
var draggable = props.draggable === void 0 ? true : props.draggable;
return draggable ? {
drop: drag.handleDrop,
dragenter: drag.handleDragenter,
dragover: drag.handleDragover,
dragleave: drag.handleDragleave
} : {};
});
var browseIconClick = function browseIconClick(_ref) {
var e = _ref.e,
index = _ref.index,
file = _ref.file,
viewFiles = _ref.viewFiles;
previewIndex.value = index;
currentPreviewFile.value = viewFiles;
context.emit("preview", {
file: file,
index: index,
e: e
});
};
var previewIndexChange = function previewIndexChange(index) {
previewIndex.value = index;
};
var closePreview = function closePreview() {
currentPreviewFile.value = [];
};
var onVue2Preview = function onVue2Preview(params) {
context.emit("preview", params);
};
return {
icons: icons,
dragActive: drag.dragActive,
uploadPrefix: uploadPrefix,
uploadText: uploadText,
innerDragEvents: innerDragEvents,
currentPreviewFile: currentPreviewFile,
previewIndex: previewIndex,
onVue2Preview: onVue2Preview,
browseIconClick: browseIconClick,
closePreview: closePreview,
previewIndexChange: previewIndexChange
};
},
methods: {
getStatusMap: function getStatusMap() {
var h = this.$createElement;
var _this$icons = this.icons,
CheckCircleFilledIcon = _this$icons.CheckCircleFilledIcon,
ErrorCircleFilledIcon = _this$icons.ErrorCircleFilledIcon,
TimeFilledIcon = _this$icons.TimeFilledIcon;
var iconMap = {
success: h(CheckCircleFilledIcon),
fail: h(ErrorCircleFilledIcon),
progress: h(loading_index.Loading),
waiting: h(TimeFilledIcon)
};
var progress = this.locale.progress;
var textMap = {
success: progress === null || progress === void 0 ? void 0 : progress.successText,
fail: progress === null || progress === void 0 ? void 0 : progress.failText,
progress: progress === null || progress === void 0 ? void 0 : progress.uploadingText,
waiting: progress === null || progress === void 0 ? void 0 : progress.waitingText
};
return {
iconMap: iconMap,
textMap: textMap
};
},
renderEmpty: function renderEmpty() {
var h = this.$createElement;
return h("div", {
"class": "".concat(this.uploadPrefix, "__flow-empty")
}, [this.dragActive ? this.locale.dragger.dragDropText : this.locale.dragger.clickAndDragText]);
},
renderImgItem: function renderImgItem(file, index) {
var _file$response,
_this = this;
var h = this.$createElement;
var _this$getStatusMap = this.getStatusMap(),
iconMap = _this$getStatusMap.iconMap,
textMap = _this$getStatusMap.textMap;
var _this$icons2 = this.icons,
BrowseIcon = _this$icons2.BrowseIcon,
DeleteIcon = _this$icons2.DeleteIcon;
var fileName = this.abridgeName && file.name ? _common_js_upload_utils.abridgeName.apply(void 0, [file.name].concat(_toConsumableArray__default["default"](this.abridgeName))) : file.name;
return h("li", {
"class": "".concat(this.uploadPrefix, "__card-item"),
"key": file.name + index + file.percent + file.status
}, [h("div", {
"class": ["".concat(this.uploadPrefix, "__card-content"), _defineProperty__default["default"]({}, "".concat(this.classPrefix, "-is-bordered"), file.status !== "waiting")]
}, [file.status === "progress" && h("div", {
"class": "".concat(this.uploadPrefix, "__card-status-wrap ").concat(this.uploadPrefix, "__").concat(this.theme, "-progress")
}, [iconMap[file.status], h("p", [textMap[file.status], this.showUploadProgress && " ".concat(file.percent, "%")])]), file.status === "fail" && h("div", {
"class": "".concat(this.uploadPrefix, "__card-status-wrap ").concat(this.uploadPrefix, "__").concat(this.theme, "-fail")
}, [iconMap[file.status], h("p", [((_file$response = file.response) === null || _file$response === void 0 ? void 0 : _file$response.error) || textMap[file.status]])]), (["waiting", "success"].includes(file.status) || !file.status && file.url) && h(image_index.Image, {
"class": "".concat(this.uploadPrefix, "__card-image"),
"attrs": {
"src": file.url || file.raw,
"error": "",
"loading": "",
"fit": "contain"
}
}), h("div", {
"class": "".concat(this.uploadPrefix, "__card-mask")
}, [(file.url || file.raw) && !["progress", "fail"].includes(file.status) && h("span", {
"class": "".concat(this.uploadPrefix, "__card-mask-item")
}, [h(BrowseIcon, {
"on": {
"click": function click(_ref3) {
var e = _ref3.e;
_this.browseIconClick({
e: e,
index: index,
file: file,
viewFiles: _this.displayFiles
});
}
}
}), h("span", {
"class": "".concat(this.uploadPrefix, "__card-mask-item-divider")
})]), !this.disabled && h("span", {
"class": "".concat(this.uploadPrefix, "__card-mask-item ").concat(this.uploadPrefix, "__delete"),
"on": {
"click": function click(e) {
return _this.onRemove({
e: e,
index: index,
file: file
});
}
}
}, [h(DeleteIcon)])])]), this.showImageFileName && h("p", {
"class": ["".concat(this.uploadPrefix, "__card-name"), "".concat(this.uploadPrefix, "__flow-status")]
}, [["success", "waiting"].includes(file.status) && iconMap[file.status], fileName])]);
},
renderStatus: function renderStatus(file) {
var _file$response2, _file$response3;
var h = this.$createElement;
var _this$getStatusMap2 = this.getStatusMap(),
iconMap = _this$getStatusMap2.iconMap,
textMap = _this$getStatusMap2.textMap;
return h("div", {
"class": "".concat(this.uploadPrefix, "__flow-status")
}, [iconMap[file.status], h("span", {
"class": "".concat(this.uploadPrefix, "__").concat(this.theme, "-").concat(file.status)
}, [(_file$response2 = file.response) !== null && _file$response2 !== void 0 && _file$response2.error ? ((_file$response3 = file.response) === null || _file$response3 === void 0 ? void 0 : _file$response3.error) || textMap[file.status] : textMap[file.status], this.showUploadProgress && file.status === "progress" ? " ".concat(file.percent || 0, "%") : ""])]);
},
renderNormalActionCol: function renderNormalActionCol(file, index) {
var _this$locale,
_this2 = this;
var h = this.$createElement;
return h("td", [h(button_index.Button, {
"attrs": {
"theme": "primary",
"variant": "text",
"content": (_this$locale = this.locale) === null || _this$locale === void 0 || (_this$locale = _this$locale.triggerUploadText) === null || _this$locale === void 0 ? void 0 : _this$locale["delete"]
},
"class": "".concat(this.uploadPrefix, "__delete"),
"on": {
"click": function click(e) {
return _this2.onRemove({
e: e,
index: index,
file: file
});
}
}
})]);
},
renderBatchActionCol: function renderBatchActionCol(index) {
var _this$locale2,
_this3 = this;
var h = this.$createElement;
return index === 0 ? h("td", {
"attrs": {
"rowSpan": this.displayFiles.length
},
"class": "".concat(this.uploadPrefix, "__flow-table__batch-row")
}, [h(button_index.Button, {
"attrs": {
"theme": "primary",
"variant": "text",
"content": (_this$locale2 = this.locale) === null || _this$locale2 === void 0 || (_this$locale2 = _this$locale2.triggerUploadText) === null || _this$locale2 === void 0 ? void 0 : _this$locale2["delete"]
},
"class": "".concat(this.uploadPrefix, "__delete"),
"on": {
"click": function click(e) {
return _this3.onRemove({
e: e,
index: -1,
file: void 0
});
}
}
})]) : null;
},
renderFileList: function renderFileList() {
var _this$locale$file,
_this$locale$file2,
_this$locale$file3,
_this$locale$file4,
_this4 = this;
var h = this.$createElement;
var list = utils_renderTnode.renderTNodeJSX(this, "fileListDisplay", {
params: {
cancelUpload: this.cancelUpload,
uploadFiles: this.uploadFiles,
onRemove: this.onRemove,
toUploadFiles: this.toUploadFiles,
sizeOverLimitMessage: this.sizeOverLimitMessage,
locale: this.locale,
files: this.displayFiles,
dragEvents: this.innerDragEvents
}
});
if (list) return list;
return h("table", helper.helper([{
"class": "".concat(this.uploadPrefix, "__flow-table")
}, {
"on": this.innerDragEvents
}]), [h("thead", [h("tr", [h("th", [(_this$locale$file = this.locale.file) === null || _this$locale$file === void 0 ? void 0 : _this$locale$file.fileNameText]), h("th", {
"style": {
minWidth: "120px"
}
}, [(_this$locale$file2 = this.locale.file) === null || _this$locale$file2 === void 0 ? void 0 : _this$locale$file2.fileSizeText]), h("th", {
"style": {
minWidth: "120px"
}
}, [(_this$locale$file3 = this.locale.file) === null || _this$locale$file3 === void 0 ? void 0 : _this$locale$file3.fileStatusText]), this.disabled ? null : h("th", [(_this$locale$file4 = this.locale.file) === null || _this$locale$file4 === void 0 ? void 0 : _this$locale$file4.fileOperationText])])]), h("tbody", [!this.displayFiles.length && h("tr", [h("td", {
"attrs": {
"colSpan": 4
}
}, [this.renderEmpty()])]), this.displayFiles.map(function (file, index) {
var _this4$abridgeName;
var showBatchUploadAction = _this4.isBatchUpload;
var deleteNode = showBatchUploadAction && _this4.displayFiles.every(function (item) {
return item.status === "success" || !item.status;
}) ? _this4.renderBatchActionCol(index) : _this4.renderNormalActionCol(file, index);
var fileName = (_this4$abridgeName = _this4.abridgeName) !== null && _this4$abridgeName !== void 0 && _this4$abridgeName.length ? _common_js_upload_utils.abridgeName.apply(void 0, [file.name].concat(_toConsumableArray__default["default"](_this4.abridgeName))) : file.name;
var thumbnailNode = _this4.showThumbnail ? h("div", {
"class": "".concat(_this4.uploadPrefix, "__file-info")
}, [_this4.renderFileThumbnail(file), fileName]) : fileName;
var fileNameNode = file.url ? h(link_index.Link, {
"attrs": {
"href": file.url,
"target": "_blank",
"hover": "color"
}
}, [thumbnailNode]) : thumbnailNode;
return h("tr", {
"key": file.name + index
}, [h("td", {
"class": "".concat(_this4.uploadPrefix, "__file-name")
}, [fileNameNode]), h("td", [_common_js_upload_utils.returnFileSize(file.size)]), h("td", [_this4.renderStatus(file)]), _this4.disabled ? null : deleteNode]);
})])]);
},
renderImageList: function renderImageList() {
var _this5 = this;
var h = this.$createElement;
var customList = utils_renderTnode.renderTNodeJSX(this, "fileListDisplay", {
params: {
cancelUpload: this.cancelUpload,
uploadFiles: this.uploadFiles,
onRemove: this.onRemove,
onPreview: this.onVue2Preview,
toUploadFiles: this.toUploadFiles,
sizeOverLimitMessage: this.sizeOverLimitMessage,
locale: this.locale,
files: this.displayFiles,
dragEvents: this.innerDragEvents
}
});
if (customList) return customList;
return h("ul", {
"class": "".concat(this.uploadPrefix, "__card clearfix")
}, [this.displayFiles.map(function (file, index) {
return _this5.renderImgItem(file, index);
})]);
},
getFileThumbnailIcon: function getFileThumbnailIcon(fileType) {
var h = this.$createElement;
var _this$icons3 = this.icons,
FilePdfIcon = _this$icons3.FilePdfIcon,
FileExcelIcon = _this$icons3.FileExcelIcon,
FileWordIcon = _this$icons3.FileWordIcon,
FilePowerpointIcon = _this$icons3.FilePowerpointIcon,
VideoIcon = _this$icons3.VideoIcon,
FileIcon = _this$icons3.FileIcon;
if (_common_js_upload_utils.FILE_PDF_REGEXP.test(fileType)) {
return h(FilePdfIcon);
}
if (_common_js_upload_utils.FILE_EXCEL_REGEXP.test(fileType)) {
return h(FileExcelIcon);
}
if (_common_js_upload_utils.FILE_WORD_REGEXP.test(fileType)) {
return h(FileWordIcon);
}
if (_common_js_upload_utils.FILE_PPT_REGEXP.test(fileType)) {
return h(FilePowerpointIcon);
}
if (_common_js_upload_utils.VIDEO_REGEXP.test(fileType)) {
return h(VideoIcon);
}
return h(FileIcon);
},
renderFileThumbnail: function renderFileThumbnail(file) {
var _this6 = this;
var h = this.$createElement;
if (!file || !file.raw && file.url) return null;
var fileType = file.raw.type;
var className = "".concat(this.uploadPrefix, "__file-thumbnail");
if (_common_js_upload_utils.IMAGE_REGEXP.test(fileType)) {
return h(image_index.Image, {
"class": className,
"attrs": {
"src": file.url || file.raw,
"fit": "scale-down",
"error": "",
"loading": ""
},
"on": {
"click": function click(e) {
e.preventDefault();
_this6.browseIconClick({
e: e,
index: 0,
file: file,
viewFiles: [file]
});
}
}
});
}
return h("div", {
"class": className
}, [this.getFileThumbnailIcon(fileType)]);
}
},
render: function render() {
var _this$$scopedSlots$de,
_this$$scopedSlots,
_this$locale3,
_this$locale4,
_this7 = this;
var h = arguments[0];
var cardClassName = "".concat(this.uploadPrefix, "__flow-card-area");
var isShowBottomButton = !this.autoUpload && (this.uploadButton !== null || this.cancelUploadButton !== null);
var cancelUploadDisabled = this.disabled || !this.uploading;
var hasCancelUploadTNode = this.$scopedSlots.uploadButton || isFunction.isFunction(this.uploadButton);
var uploadButtonDisabled = Boolean(this.disabled || this.uploading || !this.displayFiles.length);
var hasUploadButtonTNode = this.$scopedSlots.cancelUploadButton || isFunction.isFunction(this.cancelUploadButton);
return h("div", {
"class": "".concat(this.uploadPrefix, "__flow ").concat(this.uploadPrefix, "__flow-").concat(this.theme)
}, [h("div", {
"class": "".concat(this.uploadPrefix, "__flow-op")
}, [(_this$$scopedSlots$de = (_this$$scopedSlots = this.$scopedSlots)["default"]) === null || _this$$scopedSlots$de === void 0 ? void 0 : _this$$scopedSlots$de.call(_this$$scopedSlots, null), this.placeholder && h("small", {
"class": "".concat(this.uploadPrefix, "__flow-placeholder ").concat(this.uploadPrefix, "__placeholder")
}, [this.placeholder])]), this.theme === "image-flow" && h("div", helper.helper([{
"class": cardClassName
}, {
"on": this.innerDragEvents
}]), [this.displayFiles.length ? this.renderImageList() : this.renderEmpty()]), this.theme === "file-flow" && (this.displayFiles.length ? this.renderFileList() : h("div", helper.helper([{
"class": cardClassName
}, {
"on": this.innerDragEvents
}]), [this.renderEmpty()])), isShowBottomButton && h("div", {
"class": "".concat(this.uploadPrefix, "__flow-bottom")
}, [this.cancelUploadButton !== null && (hasCancelUploadTNode ? utils_renderTnode.renderTNodeJSX(this, "cancelUploadButton", {
params: {
disabled: cancelUploadDisabled,
cancelUploadText: (_this$locale3 = this.locale) === null || _this$locale3 === void 0 ? void 0 : _this$locale3.cancelUploadText,
cancelUpload: this.cancelUpload
}
}) : h(button_index.Button, helper.helper([{
"attrs": {
"theme": "default",
"disabled": this.disabled || !this.uploading,
"content": (_this$locale4 = this.locale) === null || _this$locale4 === void 0 ? void 0 : _this$locale4.cancelUploadText
},
"class": "".concat(this.uploadPrefix, "__cancel")
}, {
"props": isObject.isObject(this.cancelUploadButton) ? this.cancelUploadButton : {}
}, {
"on": {
"click": function click(e) {
var _this7$cancelUpload;
return (_this7$cancelUpload = _this7.cancelUpload) === null || _this7$cancelUpload === void 0 ? void 0 : _this7$cancelUpload.call(_this7, {
e: e
});
}
}
}]))), this.uploadButton !== null && (hasUploadButtonTNode ? utils_renderTnode.renderTNodeJSX(this, "uploadButton", {
params: {
disabled: uploadButtonDisabled,
uploading: this.uploading,
uploadText: this.uploadText,
uploadFiles: this.uploadFiles
}
}) : h(button_index.Button, helper.helper([{
"attrs": {
"disabled": this.disabled || this.uploading || !this.displayFiles.length,
"theme": "primary",
"loading": this.uploading,
"content": this.uploadText
},
"class": "".concat(this.uploadPrefix, "__continue")
}, {
"props": isObject.isObject(this.uploadButton) ? this.uploadButton : {}
}, {
"on": {
"click": function click() {
var _this7$uploadFiles;
return (_this7$uploadFiles = _this7.uploadFiles) === null || _this7$uploadFiles === void 0 ? void 0 : _this7$uploadFiles.call(_this7);
}
}
}])))]), h(imageViewer_index.ImageViewer, helper.helper([{
"attrs": {
"images": this.currentPreviewFile.map(function (t) {
return t.url || t.raw;
}),
"visible": !!this.currentPreviewFile.length,
"index": this.previewIndex
},
"on": {
"close": this.closePreview
}
}, {
"on": {
"index-change": this.previewIndexChange
}
}, {}, {
"props": this.imageViewerProps
}]))]);
}
});
exports["default"] = MultipleFlowList;
//# sourceMappingURL=multiple-flow-list.js.map