@sdata/web-vue 3.30.0 → 4.1.0

package/es/upload/{upload-button.d.ts → upload-button.vue.d.ts}

@@ -1,5 +1,9 @@
-import { PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+import { type PropType } from 'vue';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -9,9 +13,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     accept: StringConstructor;
-    listType: {
-        type: StringConstructor;
-    };
+    listType: StringConstructor;
     tip: StringConstructor;
     draggable: {
         type: BooleanConstructor;
@@ -22,14 +24,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     uploadFiles: {
-        type: FunctionConstructor;
+        type: PropType<(files: File[]) => void>;
         required: true;
     };
     hide: BooleanConstructor;
     onButtonClick: {
         type: PropType<(event: Event) => Promise<FileList> | void>;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -39,9 +41,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     accept: StringConstructor;
-    listType: {
-        type: StringConstructor;
-    };
+    listType: StringConstructor;
     tip: StringConstructor;
     draggable: {
         type: BooleanConstructor;
@@ -52,7 +52,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     uploadFiles: {
-        type: FunctionConstructor;
+        type: PropType<(files: File[]) => void>;
         required: true;
     };
     hide: BooleanConstructor;
@@ -66,4 +66,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     draggable: boolean;
     directory: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/upload/upload-button.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,161 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import { isFunction, isPromise } from "../_utils/is.js";
+import { useI18n } from "../locale/index.js";
+import Button from "../button/index.js";
+import IconPlus from "../icon/icon-plus/index.js";
+import IconUpload from "../icon/icon-upload/index.js";
+import { getFiles, loopDirectory } from "./utils.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderSlot, toDisplayString, unref, withCtx } from "vue";
+//#region components/upload/upload-button.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"disabled",
+	"accept",
+	"multiple",
+	"webkitdirectory"
+];
+var _hoisted_2 = { key: 0 };
+var upload_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "UploadButton" }), {}, {
+	__name: "upload-button",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		directory: {
+			type: Boolean,
+			default: false
+		},
+		accept: String,
+		listType: String,
+		tip: String,
+		draggable: {
+			type: Boolean,
+			default: false
+		},
+		multiple: {
+			type: Boolean,
+			default: false
+		},
+		uploadFiles: {
+			type: Function,
+			required: true
+		},
+		hide: Boolean,
+		onButtonClick: { type: Function }
+	},
+	setup(__props) {
+		const props = __props;
+		const prefixCls = getPrefixCls("upload");
+		const { t } = useI18n();
+		const isDragging = ref(false);
+		const inputRef = ref(null);
+		const dropRef = ref(null);
+		const dragEnterCount = ref(0);
+		const cls = computed(() => [prefixCls, {
+			[`${prefixCls}-type-picture-card`]: props.listType === "picture-card",
+			[`${prefixCls}-draggable`]: props.draggable,
+			[`${prefixCls}-disabled`]: props.disabled,
+			[`${prefixCls}-hide`]: props.hide
+		}]);
+		function setDragEnterCount(type) {
+			if (type === "subtract") dragEnterCount.value -= 1;
+			else if (type === "add") dragEnterCount.value += 1;
+			else dragEnterCount.value = 0;
+		}
+		function handleClick(event) {
+			var _inputRef$value;
+			if (props.disabled) return;
+			if (isFunction(props.onButtonClick)) {
+				const result = props.onButtonClick(event);
+				if (isPromise(result)) {
+					result.then((files) => {
+						props.uploadFiles(getFiles(files));
+					});
+					return;
+				}
+			}
+			(_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 || _inputRef$value.click();
+		}
+		function handleInputChange(event) {
+			const target = event.target;
+			if (target.files) props.uploadFiles(getFiles(target.files));
+			target.value = "";
+		}
+		function handleDrop(event) {
+			var _event$dataTransfer;
+			event.preventDefault();
+			isDragging.value = false;
+			setDragEnterCount("reset");
+			if (props.disabled) return;
+			if (props.directory && ((_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.items)) loopDirectory(event.dataTransfer.items, props.accept, (files) => {
+				props.uploadFiles(files);
+			});
+			else {
+				var _event$dataTransfer2;
+				const files = getFiles((_event$dataTransfer2 = event.dataTransfer) === null || _event$dataTransfer2 === void 0 ? void 0 : _event$dataTransfer2.files, props.accept);
+				props.uploadFiles(props.multiple ? files : files.slice(0, 1));
+			}
+		}
+		function handleDragLeave(event) {
+			event.preventDefault();
+			setDragEnterCount("subtract");
+			if (dragEnterCount.value === 0) {
+				isDragging.value = false;
+				setDragEnterCount("reset");
+			}
+		}
+		function handleDragOver(event) {
+			event.preventDefault();
+			if (!props.disabled && !isDragging.value) isDragging.value = true;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				ref_key: "dropRef",
+				ref: dropRef,
+				class: normalizeClass(cls.value),
+				onClick: handleClick,
+				onDragenter: _cache[0] || (_cache[0] = ($event) => setDragEnterCount("add")),
+				onDrop: handleDrop,
+				onDragover: handleDragOver,
+				onDragleave: handleDragLeave
+			}, [createElementVNode("input", {
+				ref_key: "inputRef",
+				ref: inputRef,
+				type: "file",
+				style: { "display": "none" },
+				disabled: __props.disabled,
+				accept: __props.accept,
+				multiple: __props.multiple,
+				webkitdirectory: __props.directory ? "webkitdirectory" : void 0,
+				onChange: handleInputChange
+			}, null, 40, _hoisted_1), _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_2, [renderSlot(_ctx.$slots, "default")])) : __props.listType === "picture-card" ? (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: normalizeClass(`${unref(prefixCls)}-picture-card`)
+			}, [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-picture-card-text`) }, [createVNode(unref(IconPlus))], 2), __props.tip ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(`${unref(prefixCls)}-tip`)
+			}, toDisplayString(__props.tip), 3)) : createCommentVNode("", true)], 2)) : __props.draggable ? (openBlock(), createElementBlock("div", {
+				key: 2,
+				class: normalizeClass([`${unref(prefixCls)}-drag`, { [`${unref(prefixCls)}-drag-active`]: isDragging.value }])
+			}, [
+				createElementVNode("div", null, [createVNode(unref(IconPlus))]),
+				createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-drag-text`) }, toDisplayString(isDragging.value ? unref(t)("upload.dragHover") : unref(t)("upload.drag")), 3),
+				__props.tip ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(`${unref(prefixCls)}-tip`)
+				}, toDisplayString(__props.tip), 3)) : createCommentVNode("", true)
+			], 2)) : (openBlock(), createBlock(unref(Button), {
+				key: 3,
+				type: "primary",
+				disabled: __props.disabled
+			}, {
+				icon: withCtx(() => [createVNode(unref(IconUpload))]),
+				default: withCtx(() => [createTextVNode(" " + toDisplayString(unref(t)("upload.buttonText")), 1)]),
+				_: 1
+			}, 8, ["disabled"]))], 34);
+		};
+	}
+}));
+//#endregion
+export { upload_button_vue_vue_type_script_setup_true_lang_default as default };

package/es/upload/upload-list-item.js

@@ -1,122 +1,5 @@
-import { getPrefixCls } from "../_utils/global-config.js";
-import icon_hover_default from "../_components/icon-hover.js";
-import { isActivationKey } from "../_utils/keyboard.js";
-import IconExclamationCircleFill from "../icon/icon-exclamation-circle-fill/index.js";
-import { useI18n } from "../locale/index.js";
-import Tooltip from "../tooltip/index.js";
-import IconDelete from "../icon/icon-delete/index.js";
-import IconFile from "../icon/icon-file/index.js";
-import { uploadInjectionKey } from "./context.js";
-import IconFileAudio from "../icon/icon-file-audio/index.js";
-import IconFileImage from "../icon/icon-file-image/index.js";
-import IconFilePdf from "../icon/icon-file-pdf/index.js";
-import IconFileVideo from "../icon/icon-file-video/index.js";
-import upload_progress_default from "./upload-progress.js";
-import { createVNode, defineComponent, inject, mergeProps } from "vue";
-//#region components/upload/upload-list-item.tsx
-var upload_list_item_default = /* @__PURE__ */ defineComponent({
-	name: "UploadListItem",
-	props: {
-		file: {
-			type: Object,
-			required: true
-		},
-		listType: {
-			type: String,
-			required: true
-		}
-	},
-	setup(props) {
-		const itemCls = `${getPrefixCls("upload-list")}-item`;
-		const { t } = useI18n();
-		const uploadCtx = inject(uploadInjectionKey, void 0);
-		const renderFileIcon = () => {
-			let type = "";
-			if (props.file.file && props.file.file.type) type = props.file.file.type;
-			else {
-				var _props$file$name$spli, _props$file$name;
-				const extension = (_props$file$name$spli = (_props$file$name = props.file.name) === null || _props$file$name === void 0 ? void 0 : _props$file$name.split(".")[1]) !== null && _props$file$name$spli !== void 0 ? _props$file$name$spli : "";
-				if ([
-					"png",
-					"jpg",
-					"jpeg",
-					"bmp",
-					"gif",
-					"webp"
-				].includes(extension)) type = "image";
-				else if ([
-					"mp4",
-					"m2v",
-					"mkv",
-					"m4v",
-					"mov"
-				].includes(extension)) type = "video";
-				else if ([
-					"mp3",
-					"wav",
-					"wmv",
-					"m4a",
-					"acc",
-					"flac"
-				].includes(extension)) type = "audio";
-			}
-			if (type.includes("image")) return createVNode(IconFileImage, null, null);
-			if (type.includes("pdf")) return createVNode(IconFilePdf, null, null);
-			if (type.includes("audio")) return createVNode(IconFileAudio, null, null);
-			if (type.includes("video")) return createVNode(IconFileVideo, null, null);
-			return createVNode(IconFile, null, null);
-		};
-		return () => {
-			var _uploadCtx$slots$imag, _uploadCtx$slots, _uploadCtx$slots$imag2, _ref, _uploadCtx$slots$file, _uploadCtx$slots2, _uploadCtx$slots2$fil, _uploadCtx$customIcon, _uploadCtx$customIcon2, _ref2, _uploadCtx$slots$file2, _uploadCtx$slots3, _uploadCtx$slots3$fil, _uploadCtx$customIcon3, _uploadCtx$customIcon4, _ref3, _uploadCtx$slots$file3, _uploadCtx$slots4, _uploadCtx$slots4$fil, _uploadCtx$customIcon5, _uploadCtx$customIcon6, _uploadCtx$slots7, _uploadCtx$slots7$ext;
-			return createVNode("div", { "class": [itemCls, `${itemCls}-${props.file.status}`] }, [
-				createVNode("div", { "class": `${itemCls}-content` }, [
-					(uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.listType) === "picture" && createVNode("span", { "class": `${itemCls}-thumbnail` }, [(_uploadCtx$slots$imag = uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$slots$imag2 = (_uploadCtx$slots = uploadCtx.slots).image) === null || _uploadCtx$slots$imag2 === void 0 ? void 0 : _uploadCtx$slots$imag2.call(_uploadCtx$slots, { fileItem: props.file })) !== null && _uploadCtx$slots$imag !== void 0 ? _uploadCtx$slots$imag : createVNode("img", mergeProps({
-						"src": props.file.url,
-						"alt": props.file.name
-					}, (uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.imageLoading) ? { loading: uploadCtx.imageLoading } : void 0), null)]),
-					createVNode("div", { "class": `${itemCls}-name` }, [
-						(uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.listType) === "text" && createVNode("span", { "class": `${itemCls}-file-icon` }, [(_ref = (_uploadCtx$slots$file = uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$slots2$fil = (_uploadCtx$slots2 = uploadCtx.slots)["file-icon"]) === null || _uploadCtx$slots2$fil === void 0 ? void 0 : _uploadCtx$slots2$fil.call(_uploadCtx$slots2, { fileItem: props.file })) !== null && _uploadCtx$slots$file !== void 0 ? _uploadCtx$slots$file : uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$customIcon = uploadCtx.customIcon) === null || _uploadCtx$customIcon === void 0 || (_uploadCtx$customIcon2 = _uploadCtx$customIcon.fileIcon) === null || _uploadCtx$customIcon2 === void 0 ? void 0 : _uploadCtx$customIcon2.call(_uploadCtx$customIcon, props.file)) !== null && _ref !== void 0 ? _ref : renderFileIcon()]),
-						(uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.showLink) && props.file.url ? createVNode("a", mergeProps({
-							"class": `${itemCls}-name-link`,
-							"target": "_blank",
-							"href": props.file.url
-						}, (uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.download) ? { download: props.file.name } : void 0), [(_ref2 = (_uploadCtx$slots$file2 = uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$slots3$fil = (_uploadCtx$slots3 = uploadCtx.slots)["file-name"]) === null || _uploadCtx$slots3$fil === void 0 ? void 0 : _uploadCtx$slots3$fil.call(_uploadCtx$slots3, { fileItem: props.file })) !== null && _uploadCtx$slots$file2 !== void 0 ? _uploadCtx$slots$file2 : uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$customIcon3 = uploadCtx.customIcon) === null || _uploadCtx$customIcon3 === void 0 || (_uploadCtx$customIcon4 = _uploadCtx$customIcon3.fileName) === null || _uploadCtx$customIcon4 === void 0 ? void 0 : _uploadCtx$customIcon4.call(_uploadCtx$customIcon3, props.file)) !== null && _ref2 !== void 0 ? _ref2 : props.file.name]) : createVNode("span", {
-							"class": `${itemCls}-name-text`,
-							"onClick": () => uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.onPreview(props.file)
-						}, [(_ref3 = (_uploadCtx$slots$file3 = uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$slots4$fil = (_uploadCtx$slots4 = uploadCtx.slots)["file-name"]) === null || _uploadCtx$slots4$fil === void 0 ? void 0 : _uploadCtx$slots4$fil.call(_uploadCtx$slots4, { fileItem: props.file })) !== null && _uploadCtx$slots$file3 !== void 0 ? _uploadCtx$slots$file3 : uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$customIcon5 = uploadCtx.customIcon) === null || _uploadCtx$customIcon5 === void 0 || (_uploadCtx$customIcon6 = _uploadCtx$customIcon5.fileName) === null || _uploadCtx$customIcon6 === void 0 ? void 0 : _uploadCtx$customIcon6.call(_uploadCtx$customIcon5, props.file)) !== null && _ref3 !== void 0 ? _ref3 : props.file.name]),
-						props.file.status === "error" && createVNode(Tooltip, { "content": t("upload.error") }, { default: () => {
-							var _ref4, _uploadCtx$slots$erro, _uploadCtx$slots5, _uploadCtx$slots5$err, _uploadCtx$customIcon7, _uploadCtx$customIcon8;
-							return [createVNode("span", { "class": [uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls, `${uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls}-error`] }, [(_ref4 = (_uploadCtx$slots$erro = uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$slots5$err = (_uploadCtx$slots5 = uploadCtx.slots)["error-icon"]) === null || _uploadCtx$slots5$err === void 0 ? void 0 : _uploadCtx$slots5$err.call(_uploadCtx$slots5)) !== null && _uploadCtx$slots$erro !== void 0 ? _uploadCtx$slots$erro : uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$customIcon7 = uploadCtx.customIcon) === null || _uploadCtx$customIcon7 === void 0 || (_uploadCtx$customIcon8 = _uploadCtx$customIcon7.errorIcon) === null || _uploadCtx$customIcon8 === void 0 ? void 0 : _uploadCtx$customIcon8.call(_uploadCtx$customIcon7)) !== null && _ref4 !== void 0 ? _ref4 : createVNode(IconExclamationCircleFill, null, null)])];
-						} })
-					]),
-					createVNode(upload_progress_default, {
-						"file": props.file,
-						"listType": props.listType
-					}, null)
-				]),
-				(uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.showRemoveButton) && createVNode("span", { "class": `${itemCls}-operation` }, [createVNode("span", {
-					"role": "button",
-					"tabindex": "0",
-					"aria-label": t("a11y.remove"),
-					"onClick": () => {
-						var _uploadCtx$onRemove;
-						return uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$onRemove = uploadCtx.onRemove) === null || _uploadCtx$onRemove === void 0 ? void 0 : _uploadCtx$onRemove.call(uploadCtx, props.file);
-					},
-					"onKeydown": (e) => {
-						if (isActivationKey(e)) {
-							var _uploadCtx$onRemove2;
-							e.preventDefault();
-							uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$onRemove2 = uploadCtx.onRemove) === null || _uploadCtx$onRemove2 === void 0 || _uploadCtx$onRemove2.call(uploadCtx, props.file);
-						}
-					}
-				}, [createVNode(icon_hover_default, null, { default: () => {
-					var _ref5, _uploadCtx$slots$remo, _uploadCtx$slots6, _uploadCtx$slots6$rem, _uploadCtx$customIcon9, _uploadCtx$customIcon10;
-					return [createVNode("span", { "class": [uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls, `${uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls}-remove`] }, [(_ref5 = (_uploadCtx$slots$remo = uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$slots6$rem = (_uploadCtx$slots6 = uploadCtx.slots)["remove-icon"]) === null || _uploadCtx$slots6$rem === void 0 ? void 0 : _uploadCtx$slots6$rem.call(_uploadCtx$slots6)) !== null && _uploadCtx$slots$remo !== void 0 ? _uploadCtx$slots$remo : uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$customIcon9 = uploadCtx.customIcon) === null || _uploadCtx$customIcon9 === void 0 || (_uploadCtx$customIcon10 = _uploadCtx$customIcon9.removeIcon) === null || _uploadCtx$customIcon10 === void 0 ? void 0 : _uploadCtx$customIcon10.call(_uploadCtx$customIcon9)) !== null && _ref5 !== void 0 ? _ref5 : createVNode(IconDelete, null, null)])];
-				} })])]),
-				uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$slots7$ext = (_uploadCtx$slots7 = uploadCtx.slots)["extra-button"]) === null || _uploadCtx$slots7$ext === void 0 ? void 0 : _uploadCtx$slots7$ext.call(_uploadCtx$slots7, { fileItem: props.file })
-			]);
-		};
-	}
-});
+import upload_list_item_vue_vue_type_script_setup_true_lang_default from "./upload-list-item.vue_vue_type_script_setup_true_lang.js";
+//#region components/upload/upload-list-item.vue
+var upload_list_item_default = upload_list_item_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { upload_list_item_default as default };

package/es/upload/{upload-list-item.d.ts → upload-list-item.vue.d.ts}

@@ -1,6 +1,6 @@
-import { PropType } from 'vue';
-import { FileItem, ListType } from './interfaces';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+import { type PropType } from 'vue';
+import type { FileItem, ListType } from './interfaces';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     file: {
         type: PropType<FileItem>;
         required: true;
@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<ListType>;
         required: true;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     file: {
         type: PropType<FileItem>;
         required: true;
@@ -19,4 +19,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: true;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/es/upload/upload-list-item.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,195 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import icon_hover_default from "../_components/icon-hover.js";
+import { isActivationKey } from "../_utils/keyboard.js";
+import IconExclamationCircleFill from "../icon/icon-exclamation-circle-fill/index.js";
+import { useI18n } from "../locale/index.js";
+import Tooltip from "../tooltip/index.js";
+import IconDelete from "../icon/icon-delete/index.js";
+import IconFile from "../icon/icon-file/index.js";
+import { uploadInjectionKey } from "./context.js";
+import IconFileAudio from "../icon/icon-file-audio/index.js";
+import IconFileImage from "../icon/icon-file-image/index.js";
+import IconFilePdf from "../icon/icon-file-pdf/index.js";
+import IconFileVideo from "../icon/icon-file-video/index.js";
+import upload_progress_default from "./upload-progress.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, resolveDynamicComponent, toDisplayString, toRef, unref, withCtx } from "vue";
+import { createReusableTemplate } from "@vueuse/core";
+//#region components/upload/upload-list-item.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"src",
+	"alt",
+	"loading"
+];
+var _hoisted_2 = ["href", "download"];
+var _hoisted_3 = ["aria-label"];
+var upload_list_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "UploadListItem" }), {}, {
+	__name: "upload-list-item",
+	props: {
+		file: {
+			type: Object,
+			required: true
+		},
+		listType: {
+			type: String,
+			required: true
+		}
+	},
+	setup(__props) {
+		const file = toRef(__props, "file");
+		const itemCls = `${getPrefixCls("upload-list")}-item`;
+		const { t } = useI18n();
+		const uploadCtx = inject(uploadInjectionKey, void 0);
+		const [DefineFileName, ReuseFileName] = createReusableTemplate();
+		const VNodeRenderer = ({ content }) => content;
+		const customFileIcon = computed(() => {
+			var _uploadCtx$customIcon, _uploadCtx$customIcon2;
+			return uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$customIcon = uploadCtx.customIcon) === null || _uploadCtx$customIcon === void 0 || (_uploadCtx$customIcon2 = _uploadCtx$customIcon.fileIcon) === null || _uploadCtx$customIcon2 === void 0 ? void 0 : _uploadCtx$customIcon2.call(_uploadCtx$customIcon, file.value);
+		});
+		const customFileName = computed(() => {
+			var _uploadCtx$customIcon3, _uploadCtx$customIcon4;
+			return uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$customIcon3 = uploadCtx.customIcon) === null || _uploadCtx$customIcon3 === void 0 || (_uploadCtx$customIcon4 = _uploadCtx$customIcon3.fileName) === null || _uploadCtx$customIcon4 === void 0 ? void 0 : _uploadCtx$customIcon4.call(_uploadCtx$customIcon3, file.value);
+		});
+		const fileIconComponent = computed(() => {
+			var _file$value$file;
+			let type = "";
+			if ((_file$value$file = file.value.file) === null || _file$value$file === void 0 ? void 0 : _file$value$file.type) type = file.value.file.type;
+			else {
+				var _file$value$name$spli, _file$value$name;
+				const extension = (_file$value$name$spli = (_file$value$name = file.value.name) === null || _file$value$name === void 0 ? void 0 : _file$value$name.split(".")[1]) !== null && _file$value$name$spli !== void 0 ? _file$value$name$spli : "";
+				if ([
+					"png",
+					"jpg",
+					"jpeg",
+					"bmp",
+					"gif",
+					"webp"
+				].includes(extension)) type = "image";
+				else if ([
+					"mp4",
+					"m2v",
+					"mkv",
+					"m4v",
+					"mov"
+				].includes(extension)) type = "video";
+				else if ([
+					"mp3",
+					"wav",
+					"wmv",
+					"m4a",
+					"acc",
+					"flac"
+				].includes(extension)) type = "audio";
+			}
+			if (type.includes("image")) return IconFileImage;
+			if (type.includes("pdf")) return IconFilePdf;
+			if (type.includes("audio")) return IconFileAudio;
+			if (type.includes("video")) return IconFileVideo;
+			return IconFile;
+		});
+		function onRemoveKeydown(event) {
+			if (isActivationKey(event)) {
+				var _uploadCtx$onRemove;
+				event.preventDefault();
+				uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$onRemove = uploadCtx.onRemove) === null || _uploadCtx$onRemove === void 0 || _uploadCtx$onRemove.call(uploadCtx, file.value);
+			}
+		}
+		return (_ctx, _cache) => {
+			var _unref3, _unref4, _unref5, _unref6, _unref7, _unref8, _unref9, _unref15, _unref21;
+			return openBlock(), createElementBlock("div", { class: normalizeClass([itemCls, `${itemCls}-${file.value.status}`]) }, [
+				createVNode(unref(DefineFileName), null, {
+					default: withCtx(() => {
+						var _unref2;
+						return [((_unref2 = unref(uploadCtx)) === null || _unref2 === void 0 ? void 0 : _unref2.slots["file-name"]) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).slots["file-name"]), {
+							key: 0,
+							"file-item": file.value
+						}, null, 8, ["file-item"])) : customFileName.value ? (openBlock(), createBlock(VNodeRenderer, {
+							key: 1,
+							content: customFileName.value
+						}, null, 8, ["content"])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode(toDisplayString(file.value.name), 1)], 64))];
+					}),
+					_: 1
+				}),
+				createElementVNode("div", { class: normalizeClass(`${itemCls}-content`) }, [
+					((_unref3 = unref(uploadCtx)) === null || _unref3 === void 0 ? void 0 : _unref3.listType) === "picture" ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass(`${itemCls}-thumbnail`)
+					}, [((_unref4 = unref(uploadCtx)) === null || _unref4 === void 0 ? void 0 : _unref4.slots.image) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).slots.image), {
+						key: 0,
+						"file-item": file.value
+					}, null, 8, ["file-item"])) : (openBlock(), createElementBlock("img", {
+						key: 1,
+						src: file.value.url,
+						alt: file.value.name,
+						loading: ((_unref5 = unref(uploadCtx)) === null || _unref5 === void 0 ? void 0 : _unref5.imageLoading) || void 0
+					}, null, 8, _hoisted_1))], 2)) : createCommentVNode("", true),
+					createElementVNode("div", { class: normalizeClass(`${itemCls}-name`) }, [
+						((_unref6 = unref(uploadCtx)) === null || _unref6 === void 0 ? void 0 : _unref6.listType) === "text" ? (openBlock(), createElementBlock("span", {
+							key: 0,
+							class: normalizeClass(`${itemCls}-file-icon`)
+						}, [((_unref7 = unref(uploadCtx)) === null || _unref7 === void 0 ? void 0 : _unref7.slots["file-icon"]) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).slots["file-icon"]), {
+							key: 0,
+							"file-item": file.value
+						}, null, 8, ["file-item"])) : customFileIcon.value ? (openBlock(), createBlock(VNodeRenderer, {
+							key: 1,
+							content: customFileIcon.value
+						}, null, 8, ["content"])) : (openBlock(), createBlock(resolveDynamicComponent(fileIconComponent.value), { key: 2 }))], 2)) : createCommentVNode("", true),
+						((_unref8 = unref(uploadCtx)) === null || _unref8 === void 0 ? void 0 : _unref8.showLink) && file.value.url ? (openBlock(), createElementBlock("a", {
+							key: 1,
+							class: normalizeClass(`${itemCls}-name-link`),
+							target: "_blank",
+							href: file.value.url,
+							download: ((_unref9 = unref(uploadCtx)) === null || _unref9 === void 0 ? void 0 : _unref9.download) ? file.value.name : void 0
+						}, [createVNode(unref(ReuseFileName))], 10, _hoisted_2)) : (openBlock(), createElementBlock("span", {
+							key: 2,
+							class: normalizeClass(`${itemCls}-name-text`),
+							onClick: _cache[0] || (_cache[0] = ($event) => {
+								var _unref10;
+								return (_unref10 = unref(uploadCtx)) === null || _unref10 === void 0 ? void 0 : _unref10.onPreview(file.value);
+							})
+						}, [createVNode(unref(ReuseFileName))], 2)),
+						file.value.status === "error" ? (openBlock(), createBlock(unref(Tooltip), {
+							key: 3,
+							content: unref(t)("upload.error")
+						}, {
+							default: withCtx(() => {
+								var _unref11, _unref12, _unref13, _unref14;
+								return [createElementVNode("span", { class: normalizeClass([(_unref11 = unref(uploadCtx)) === null || _unref11 === void 0 ? void 0 : _unref11.iconCls, `${(_unref12 = unref(uploadCtx)) === null || _unref12 === void 0 ? void 0 : _unref12.iconCls}-error`]) }, [((_unref13 = unref(uploadCtx)) === null || _unref13 === void 0 ? void 0 : _unref13.slots["error-icon"]) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).slots["error-icon"]), { key: 0 })) : ((_unref14 = unref(uploadCtx)) === null || _unref14 === void 0 || (_unref14 = _unref14.customIcon) === null || _unref14 === void 0 ? void 0 : _unref14.errorIcon) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).customIcon.errorIcon), { key: 1 })) : (openBlock(), createBlock(unref(IconExclamationCircleFill), { key: 2 }))], 2)];
+							}),
+							_: 1
+						}, 8, ["content"])) : createCommentVNode("", true)
+					], 2),
+					createVNode(upload_progress_default, {
+						file: file.value,
+						"list-type": __props.listType
+					}, null, 8, ["file", "list-type"])
+				], 2),
+				((_unref15 = unref(uploadCtx)) === null || _unref15 === void 0 ? void 0 : _unref15.showRemoveButton) ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(`${itemCls}-operation`)
+				}, [createElementVNode("span", {
+					role: "button",
+					tabindex: "0",
+					"aria-label": unref(t)("a11y.remove"),
+					onClick: _cache[1] || (_cache[1] = ($event) => {
+						var _unref16, _unref16$onRemove;
+						return (_unref16 = unref(uploadCtx)) === null || _unref16 === void 0 || (_unref16$onRemove = _unref16.onRemove) === null || _unref16$onRemove === void 0 ? void 0 : _unref16$onRemove.call(_unref16, file.value);
+					}),
+					onKeydown: onRemoveKeydown
+				}, [createVNode(icon_hover_default, null, {
+					default: withCtx(() => {
+						var _unref17, _unref18, _unref19, _unref20;
+						return [createElementVNode("span", { class: normalizeClass([(_unref17 = unref(uploadCtx)) === null || _unref17 === void 0 ? void 0 : _unref17.iconCls, `${(_unref18 = unref(uploadCtx)) === null || _unref18 === void 0 ? void 0 : _unref18.iconCls}-remove`]) }, [((_unref19 = unref(uploadCtx)) === null || _unref19 === void 0 ? void 0 : _unref19.slots["remove-icon"]) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).slots["remove-icon"]), { key: 0 })) : ((_unref20 = unref(uploadCtx)) === null || _unref20 === void 0 || (_unref20 = _unref20.customIcon) === null || _unref20 === void 0 ? void 0 : _unref20.removeIcon) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).customIcon.removeIcon), { key: 1 })) : (openBlock(), createBlock(unref(IconDelete), { key: 2 }))], 2)];
+					}),
+					_: 1
+				})], 40, _hoisted_3)], 2)) : createCommentVNode("", true),
+				((_unref21 = unref(uploadCtx)) === null || _unref21 === void 0 ? void 0 : _unref21.slots["extra-button"]) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).slots["extra-button"]), {
+					key: 1,
+					"file-item": file.value
+				}, null, 8, ["file-item"])) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+}));
+//#endregion
+export { upload_list_item_vue_vue_type_script_setup_true_lang_default as default };

package/es/upload/upload-list.js

@@ -1,48 +1,5 @@
-import { getPrefixCls } from "../_utils/global-config.js";
-import { isFunction } from "../_utils/is.js";
-import upload_list_item_default from "./upload-list-item.js";
-import upload_picture_item_default from "./upload-picture-item.js";
-import { TransitionGroup, computed, createVNode, defineComponent, mergeProps } from "vue";
-//#region components/upload/upload-list.tsx
-var upload_list_default = /* @__PURE__ */ defineComponent({
-	name: "UploadList",
-	components: {
-		UploadListItem: upload_list_item_default,
-		UploadPictureItem: upload_picture_item_default
-	},
-	props: {
-		fileList: {
-			type: Array,
-			required: true
-		},
-		listType: {
-			type: String,
-			required: true
-		}
-	},
-	setup(props, { slots }) {
-		const prefixCls = getPrefixCls("upload");
-		const cls = computed(() => [`${prefixCls}-list`, `${prefixCls}-list-type-${props.listType}`]);
-		const renderItem = (fileItem, index) => {
-			if (isFunction(slots["upload-item"])) return slots["upload-item"]({
-				fileItem,
-				index
-			});
-			if (props.listType === "picture-card") return createVNode(upload_picture_item_default, {
-				"file": fileItem,
-				"key": `item-${index}`
-			}, null);
-			return createVNode(upload_list_item_default, {
-				"file": fileItem,
-				"listType": props.listType,
-				"key": `item-${index}`
-			}, null);
-		};
-		return () => createVNode(TransitionGroup, mergeProps({ "tag": "div" }, { class: cls.value }), { default: () => {
-			var _slots$uploadButton;
-			return [...props.fileList.map((item, index) => renderItem(item, index)), props.listType === "picture-card" && ((_slots$uploadButton = slots["upload-button"]) === null || _slots$uploadButton === void 0 ? void 0 : _slots$uploadButton.call(slots))];
-		} });
-	}
-});
+import upload_list_vue_vue_type_script_setup_true_lang_default from "./upload-list.vue_vue_type_script_setup_true_lang.js";
+//#region components/upload/upload-list.vue
+var upload_list_default = upload_list_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { upload_list_default as default };