@sdata/web-vue 3.29.0 → 4.0.0

package/es/upload/upload-list.vue.d.ts

@@ -0,0 +1,38 @@
+import { type PropType } from 'vue';
+import type { FileItem, ListType } from './interfaces';
+declare var __VLS_8: {
+    fileItem: FileItem;
+    index: number;
+}, __VLS_20: {};
+type __VLS_Slots = {} & {
+    'upload-item'?: (props: typeof __VLS_8) => any;
+} & {
+    'upload-button'?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    fileList: {
+        type: PropType<FileItem[]>;
+        required: true;
+    };
+    listType: {
+        type: PropType<ListType>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    fileList: {
+        type: PropType<FileItem[]>;
+        required: true;
+    };
+    listType: {
+        type: PropType<ListType>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, 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-list.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,47 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import upload_list_item_default from "./upload-list-item.js";
+import upload_picture_item_default from "./upload-picture-item.js";
+import { Fragment, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, renderList, renderSlot, withCtx } from "vue";
+//#region components/upload/upload-list.vue?vue&type=script&setup=true&lang.ts
+var upload_list_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "UploadList" }), {}, {
+	__name: "upload-list",
+	props: {
+		fileList: {
+			type: Array,
+			required: true
+		},
+		listType: {
+			type: String,
+			required: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const prefixCls = getPrefixCls("upload");
+		const cls = computed(() => [`${prefixCls}-list`, `${prefixCls}-list-type-${props.listType}`]);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(TransitionGroup, {
+				tag: "div",
+				class: normalizeClass(cls.value)
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.fileList, (fileItem, index) => {
+					return openBlock(), createElementBlock(Fragment, { key: `item-${index}` }, [_ctx.$slots["upload-item"] ? renderSlot(_ctx.$slots, "upload-item", {
+						fileItem,
+						index
+					}, void 0, void 0, 0) : __props.listType === "picture-card" ? (openBlock(), createBlock(upload_picture_item_default, {
+						key: 1,
+						file: fileItem
+					}, null, 8, ["file"])) : (openBlock(), createBlock(upload_list_item_default, {
+						key: 2,
+						file: fileItem,
+						"list-type": __props.listType
+					}, null, 8, ["file", "list-type"]))], 64);
+				}), 128)), __props.listType === "picture-card" ? renderSlot(_ctx.$slots, "upload-button", {}, void 0, void 0, 0) : createCommentVNode("", true)]),
+				_: 3
+			}, 8, ["class"]);
+		};
+	}
+}));
+//#endregion
+export { upload_list_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -1,88 +1,5 @@
-import { getPrefixCls } from "../_utils/global-config.js";
-import { isActivationKey } from "../_utils/keyboard.js";
-import { useI18n } from "../locale/index.js";
-import IconEye from "../icon/icon-eye/index.js";
-import IconImageClose from "../icon/icon-image-close/index.js";
-import IconDelete from "../icon/icon-delete/index.js";
-import { uploadInjectionKey } from "./context.js";
-import IconUpload from "../icon/icon-upload/index.js";
-import IconPlayArrowFill from "../icon/icon-play-arrow-fill/index.js";
-import upload_progress_default from "./upload-progress.js";
-import { Fragment, computed, createVNode, defineComponent, inject, mergeProps } from "vue";
-//#region components/upload/upload-picture-item.tsx
-var upload_picture_item_default = /* @__PURE__ */ defineComponent({
-	name: "UploadPictureItem",
-	props: {
-		file: {
-			type: Object,
-			required: true
-		},
-		disabled: {
-			type: Boolean,
-			default: false
-		}
-	},
-	setup(props) {
-		const { t } = useI18n();
-		const itemCls = `${getPrefixCls("upload-list")}-picture`;
-		const cls = computed(() => [itemCls, { [`${itemCls}-status-error`]: props.file.status === "error" }]);
-		const uploadCtx = inject(uploadInjectionKey, void 0);
-		const onActionKeydown = (fn) => (e) => {
-			if (fn && isActivationKey(e)) {
-				e.preventDefault();
-				fn();
-			}
-		};
-		const renderCard = () => {
-			var _uploadCtx$slots$imag, _uploadCtx$slots, _uploadCtx$slots$imag2, _ref, _uploadCtx$slots$erro, _uploadCtx$slots2, _uploadCtx$slots2$err, _uploadCtx$customIcon, _uploadCtx$customIcon2, _ref2, _uploadCtx$slots$prev, _uploadCtx$slots3, _uploadCtx$slots3$pre, _uploadCtx$customIcon3, _uploadCtx$customIcon4, _ref3, _uploadCtx$slots$star, _uploadCtx$slots4, _uploadCtx$slots4$sta, _uploadCtx$customIcon5, _uploadCtx$customIcon6, _ref4, _uploadCtx$slots$retr, _uploadCtx$slots5, _uploadCtx$slots5$ret, _uploadCtx$customIcon7, _uploadCtx$customIcon8, _ref5, _uploadCtx$slots$remo, _uploadCtx$slots6, _uploadCtx$slots6$rem, _uploadCtx$customIcon9, _uploadCtx$customIcon10, _uploadCtx$slots7, _uploadCtx$slots7$ext;
-			if (props.file.status === "uploading") return createVNode(upload_progress_default, {
-				"file": props.file,
-				"listType": "picture-card"
-			}, null);
-			return createVNode(Fragment, null, [(_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}-mask` }, [props.file.status === "error" && createVNode("div", { "class": `${itemCls}-error-tip` }, [createVNode("span", { "class": [uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls, `${uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls}-error`] }, [(_ref = (_uploadCtx$slots$erro = uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$slots2$err = (_uploadCtx$slots2 = uploadCtx.slots)["error-icon"]) === null || _uploadCtx$slots2$err === void 0 ? void 0 : _uploadCtx$slots2$err.call(_uploadCtx$slots2)) !== null && _uploadCtx$slots$erro !== void 0 ? _uploadCtx$slots$erro : uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$customIcon = uploadCtx.customIcon) === null || _uploadCtx$customIcon === void 0 || (_uploadCtx$customIcon2 = _uploadCtx$customIcon.errorIcon) === null || _uploadCtx$customIcon2 === void 0 ? void 0 : _uploadCtx$customIcon2.call(_uploadCtx$customIcon)) !== null && _ref !== void 0 ? _ref : createVNode(IconImageClose, null, null)])]), createVNode("div", { "class": `${itemCls}-operation` }, [
-				props.file.status !== "error" && (uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.showPreviewButton) && createVNode("span", {
-					"class": [uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls, `${uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls}-preview`],
-					"role": "button",
-					"tabindex": "0",
-					"aria-label": t("a11y.preview"),
-					"onClick": () => uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.onPreview(props.file),
-					"onKeydown": onActionKeydown(() => uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.onPreview(props.file))
-				}, [(_ref2 = (_uploadCtx$slots$prev = uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$slots3$pre = (_uploadCtx$slots3 = uploadCtx.slots)["preview-icon"]) === null || _uploadCtx$slots3$pre === void 0 ? void 0 : _uploadCtx$slots3$pre.call(_uploadCtx$slots3)) !== null && _uploadCtx$slots$prev !== void 0 ? _uploadCtx$slots$prev : uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$customIcon3 = uploadCtx.customIcon) === null || _uploadCtx$customIcon3 === void 0 || (_uploadCtx$customIcon4 = _uploadCtx$customIcon3.previewIcon) === null || _uploadCtx$customIcon4 === void 0 ? void 0 : _uploadCtx$customIcon4.call(_uploadCtx$customIcon3)) !== null && _ref2 !== void 0 ? _ref2 : createVNode(IconEye, null, null)]),
-				props.file.status === "init" && (uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.showStartButton) && createVNode("span", {
-					"class": [uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls, `${uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls}-start`],
-					"role": "button",
-					"tabindex": "0",
-					"aria-label": t("upload.start"),
-					"onClick": () => uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.onUpload(props.file),
-					"onKeydown": onActionKeydown(() => uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.onUpload(props.file))
-				}, [(_ref3 = (_uploadCtx$slots$star = uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$slots4$sta = (_uploadCtx$slots4 = uploadCtx.slots)["start-icon"]) === null || _uploadCtx$slots4$sta === void 0 ? void 0 : _uploadCtx$slots4$sta.call(_uploadCtx$slots4)) !== null && _uploadCtx$slots$star !== void 0 ? _uploadCtx$slots$star : uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$customIcon5 = uploadCtx.customIcon) === null || _uploadCtx$customIcon5 === void 0 || (_uploadCtx$customIcon6 = _uploadCtx$customIcon5.startIcon) === null || _uploadCtx$customIcon6 === void 0 ? void 0 : _uploadCtx$customIcon6.call(_uploadCtx$customIcon5)) !== null && _ref3 !== void 0 ? _ref3 : createVNode(IconPlayArrowFill, null, null)]),
-				props.file.status === "error" && (uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.showRetryButton) && createVNode("span", {
-					"class": [uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls, `${uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls}-upload`],
-					"role": "button",
-					"tabindex": "0",
-					"aria-label": t("a11y.retryUpload"),
-					"onClick": () => uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.onUpload(props.file),
-					"onKeydown": onActionKeydown(() => uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.onUpload(props.file))
-				}, [(_ref4 = (_uploadCtx$slots$retr = uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$slots5$ret = (_uploadCtx$slots5 = uploadCtx.slots)["retry-icon"]) === null || _uploadCtx$slots5$ret === void 0 ? void 0 : _uploadCtx$slots5$ret.call(_uploadCtx$slots5)) !== null && _uploadCtx$slots$retr !== void 0 ? _uploadCtx$slots$retr : uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$customIcon7 = uploadCtx.customIcon) === null || _uploadCtx$customIcon7 === void 0 || (_uploadCtx$customIcon8 = _uploadCtx$customIcon7.retryIcon) === null || _uploadCtx$customIcon8 === void 0 ? void 0 : _uploadCtx$customIcon8.call(_uploadCtx$customIcon7)) !== null && _ref4 !== void 0 ? _ref4 : createVNode(IconUpload, null, null)]),
-				!(uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.disabled) && (uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.showRemoveButton) && createVNode("span", {
-					"class": [uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls, `${uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls}-remove`],
-					"role": "button",
-					"tabindex": "0",
-					"aria-label": t("a11y.remove"),
-					"onClick": () => uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.onRemove(props.file),
-					"onKeydown": onActionKeydown(() => {
-						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);
-					})
-				}, [(_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, props.file)
-			])])]);
-		};
-		return () => createVNode("span", { "class": cls.value }, [renderCard()]);
-	}
-});
+import upload_picture_item_vue_vue_type_script_setup_true_lang_default from "./upload-picture-item.vue_vue_type_script_setup_true_lang.js";
+//#region components/upload/upload-picture-item.vue
+var upload_picture_item_default = upload_picture_item_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { upload_picture_item_default as default };

package/es/upload/upload-picture-item.vue.d.ts

@@ -0,0 +1,35 @@
+import { type PropType } from 'vue';
+import type { FileItem } from './interfaces';
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    file: {
+        type: PropType<FileItem>;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    file: {
+        type: PropType<FileItem>;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    disabled: 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-picture-item.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,147 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import { isActivationKey } from "../_utils/keyboard.js";
+import { useI18n } from "../locale/index.js";
+import IconEye from "../icon/icon-eye/index.js";
+import IconImageClose from "../icon/icon-image-close/index.js";
+import IconDelete from "../icon/icon-delete/index.js";
+import { uploadInjectionKey } from "./context.js";
+import IconUpload from "../icon/icon-upload/index.js";
+import IconPlayArrowFill from "../icon/icon-play-arrow-fill/index.js";
+import upload_progress_default from "./upload-progress.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, mergeProps, normalizeClass, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, toRef, unref, withCtx } from "vue";
+import { createReusableTemplate } from "@vueuse/core";
+//#region components/upload/upload-picture-item.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"aria-label",
+	"onClick",
+	"onKeydown"
+];
+var _hoisted_2 = [
+	"src",
+	"alt",
+	"loading"
+];
+var upload_picture_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "UploadPictureItem" }), {}, {
+	__name: "upload-picture-item",
+	props: {
+		file: {
+			type: Object,
+			required: true
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const file = toRef(__props, "file");
+		const { t } = useI18n();
+		const itemCls = `${getPrefixCls("upload-list")}-picture`;
+		const cls = computed(() => [itemCls, { [`${itemCls}-status-error`]: file.value.status === "error" }]);
+		const uploadCtx = inject(uploadInjectionKey, void 0);
+		const [DefineAction, ReuseAction] = createReusableTemplate();
+		const onActionKeydown = (action) => (event) => {
+			if (action && isActivationKey(event)) {
+				event.preventDefault();
+				action();
+			}
+		};
+		return (_ctx, _cache) => {
+			var _unref4, _unref5, _unref6, _unref7, _unref8, _unref9, _unref10, _unref14, _unref18, _unref22, _unref23, _unref27;
+			return openBlock(), createElementBlock("span", { class: normalizeClass(cls.value) }, [createVNode(unref(DefineAction), null, {
+				default: withCtx(({ action, className, label }) => {
+					var _unref2, _unref3;
+					return [createElementVNode("span", {
+						class: normalizeClass([(_unref2 = unref(uploadCtx)) === null || _unref2 === void 0 ? void 0 : _unref2.iconCls, `${(_unref3 = unref(uploadCtx)) === null || _unref3 === void 0 ? void 0 : _unref3.iconCls}-${className}`]),
+						role: "button",
+						tabindex: "0",
+						"aria-label": label,
+						onClick: action,
+						onKeydown: ($event) => onActionKeydown(action)
+					}, [renderSlot(_ctx.$slots, "default")], 42, _hoisted_1)];
+				}),
+				_: 3
+			}), file.value.status === "uploading" ? (openBlock(), createBlock(upload_progress_default, {
+				key: 0,
+				file: file.value,
+				"list-type": "picture-card"
+			}, null, 8, ["file"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [((_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_2)), createElementVNode("div", { class: normalizeClass(`${itemCls}-mask`) }, [file.value.status === "error" ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(`${itemCls}-error-tip`)
+			}, [createElementVNode("span", { class: normalizeClass([(_unref6 = unref(uploadCtx)) === null || _unref6 === void 0 ? void 0 : _unref6.iconCls, `${(_unref7 = unref(uploadCtx)) === null || _unref7 === void 0 ? void 0 : _unref7.iconCls}-error`]) }, [((_unref8 = unref(uploadCtx)) === null || _unref8 === void 0 ? void 0 : _unref8.slots["error-icon"]) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).slots["error-icon"]), { key: 0 })) : ((_unref9 = unref(uploadCtx)) === null || _unref9 === void 0 || (_unref9 = _unref9.customIcon) === null || _unref9 === void 0 ? void 0 : _unref9.errorIcon) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).customIcon.errorIcon), { key: 1 })) : (openBlock(), createBlock(unref(IconImageClose), { key: 2 }))], 2)], 2)) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(`${itemCls}-operation`) }, [
+				file.value.status !== "error" && ((_unref10 = unref(uploadCtx)) === null || _unref10 === void 0 ? void 0 : _unref10.showPreviewButton) ? (openBlock(), createBlock(unref(ReuseAction), {
+					key: 0,
+					"class-name": "preview",
+					label: unref(t)("a11y.preview"),
+					action: () => {
+						var _unref11;
+						return (_unref11 = unref(uploadCtx)) === null || _unref11 === void 0 ? void 0 : _unref11.onPreview(file.value);
+					}
+				}, {
+					default: withCtx(() => {
+						var _unref12, _unref13;
+						return [((_unref12 = unref(uploadCtx)) === null || _unref12 === void 0 ? void 0 : _unref12.slots["preview-icon"]) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).slots["preview-icon"]), { key: 0 })) : ((_unref13 = unref(uploadCtx)) === null || _unref13 === void 0 || (_unref13 = _unref13.customIcon) === null || _unref13 === void 0 ? void 0 : _unref13.previewIcon) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).customIcon.previewIcon), { key: 1 })) : (openBlock(), createBlock(unref(IconEye), { key: 2 }))];
+					}),
+					_: 1
+				}, 8, ["label", "action"])) : createCommentVNode("", true),
+				file.value.status === "init" && ((_unref14 = unref(uploadCtx)) === null || _unref14 === void 0 ? void 0 : _unref14.showStartButton) ? (openBlock(), createBlock(unref(ReuseAction), {
+					key: 1,
+					"class-name": "start",
+					label: unref(t)("upload.start"),
+					action: () => {
+						var _unref15;
+						return (_unref15 = unref(uploadCtx)) === null || _unref15 === void 0 ? void 0 : _unref15.onUpload(file.value);
+					}
+				}, {
+					default: withCtx(() => {
+						var _unref16, _unref17;
+						return [((_unref16 = unref(uploadCtx)) === null || _unref16 === void 0 ? void 0 : _unref16.slots["start-icon"]) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).slots["start-icon"]), { key: 0 })) : ((_unref17 = unref(uploadCtx)) === null || _unref17 === void 0 || (_unref17 = _unref17.customIcon) === null || _unref17 === void 0 ? void 0 : _unref17.startIcon) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).customIcon.startIcon), { key: 1 })) : (openBlock(), createBlock(unref(IconPlayArrowFill), { key: 2 }))];
+					}),
+					_: 1
+				}, 8, ["label", "action"])) : createCommentVNode("", true),
+				file.value.status === "error" && ((_unref18 = unref(uploadCtx)) === null || _unref18 === void 0 ? void 0 : _unref18.showRetryButton) ? (openBlock(), createBlock(unref(ReuseAction), {
+					key: 2,
+					"class-name": "upload",
+					label: unref(t)("a11y.retryUpload"),
+					action: () => {
+						var _unref19;
+						return (_unref19 = unref(uploadCtx)) === null || _unref19 === void 0 ? void 0 : _unref19.onUpload(file.value);
+					}
+				}, {
+					default: withCtx(() => {
+						var _unref20, _unref21;
+						return [((_unref20 = unref(uploadCtx)) === null || _unref20 === void 0 ? void 0 : _unref20.slots["retry-icon"]) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).slots["retry-icon"]), { key: 0 })) : ((_unref21 = unref(uploadCtx)) === null || _unref21 === void 0 || (_unref21 = _unref21.customIcon) === null || _unref21 === void 0 ? void 0 : _unref21.retryIcon) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).customIcon.retryIcon), { key: 1 })) : (openBlock(), createBlock(unref(IconUpload), { key: 2 }))];
+					}),
+					_: 1
+				}, 8, ["label", "action"])) : createCommentVNode("", true),
+				!((_unref22 = unref(uploadCtx)) === null || _unref22 === void 0 ? void 0 : _unref22.disabled) && ((_unref23 = unref(uploadCtx)) === null || _unref23 === void 0 ? void 0 : _unref23.showRemoveButton) ? (openBlock(), createBlock(unref(ReuseAction), {
+					key: 3,
+					"class-name": "remove",
+					label: unref(t)("a11y.remove"),
+					action: () => {
+						var _unref24;
+						return (_unref24 = unref(uploadCtx)) === null || _unref24 === void 0 ? void 0 : _unref24.onRemove(file.value);
+					}
+				}, {
+					default: withCtx(() => {
+						var _unref25, _unref26;
+						return [((_unref25 = unref(uploadCtx)) === null || _unref25 === void 0 ? void 0 : _unref25.slots["remove-icon"]) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).slots["remove-icon"]), { key: 0 })) : ((_unref26 = unref(uploadCtx)) === null || _unref26 === void 0 || (_unref26 = _unref26.customIcon) === null || _unref26 === void 0 ? void 0 : _unref26.removeIcon) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).customIcon.removeIcon), { key: 1 })) : (openBlock(), createBlock(unref(IconDelete), { key: 2 }))];
+					}),
+					_: 1
+				}, 8, ["label", "action"])) : createCommentVNode("", true),
+				((_unref27 = unref(uploadCtx)) === null || _unref27 === void 0 ? void 0 : _unref27.slots["extra-button"]) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).slots["extra-button"]), normalizeProps(mergeProps({ key: 4 }, file.value)), null, 16)) : createCommentVNode("", true)
+			], 2)], 2)], 64))], 2);
+		};
+	}
+}));
+//#endregion
+export { upload_picture_item_vue_vue_type_script_setup_true_lang_default as default };

package/es/upload/upload-progress.js

@@ -1,75 +1,5 @@
-import { getPrefixCls } from "../_utils/global-config.js";
-import { useI18n } from "../locale/index.js";
-import Tooltip from "../tooltip/index.js";
-import IconCheck from "../icon/icon-check/index.js";
-import Progress from "../progress/index.js";
-import { uploadInjectionKey } from "./context.js";
-import IconUpload from "../icon/icon-upload/index.js";
-import { getProgressStatus } from "./utils.js";
-import IconPause from "../icon/icon-pause/index.js";
-import IconPlayArrowFill from "../icon/icon-play-arrow-fill/index.js";
-import { createVNode, defineComponent, inject } from "vue";
-//#region components/upload/upload-progress.tsx
-var upload_progress_default = /* @__PURE__ */ defineComponent({
-	name: "UploadProgress",
-	props: {
-		file: {
-			type: Object,
-			required: true
-		},
-		listType: {
-			type: String,
-			required: true
-		}
-	},
-	setup(props) {
-		const prefixCls = getPrefixCls("upload-progress");
-		const { t } = useI18n();
-		const uploadCtx = inject(uploadInjectionKey, void 0);
-		const renderIcon = () => {
-			if (props.file.status === "error") {
-				var _ref, _uploadCtx$slots$retr, _uploadCtx$slots$retr2, _uploadCtx$slots, _uploadCtx$customIcon, _uploadCtx$customIcon2;
-				if (!(uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.showRetryButton)) return null;
-				return createVNode("span", {
-					"class": [uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls, `${uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls}-upload`],
-					"onClick": () => uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.onUpload(props.file)
-				}, [(_ref = (_uploadCtx$slots$retr = (_uploadCtx$slots$retr2 = (_uploadCtx$slots = uploadCtx.slots)["retry-icon"]) === null || _uploadCtx$slots$retr2 === void 0 ? void 0 : _uploadCtx$slots$retr2.call(_uploadCtx$slots)) !== null && _uploadCtx$slots$retr !== void 0 ? _uploadCtx$slots$retr : (_uploadCtx$customIcon = uploadCtx.customIcon) === null || _uploadCtx$customIcon === void 0 || (_uploadCtx$customIcon2 = _uploadCtx$customIcon.retryIcon) === null || _uploadCtx$customIcon2 === void 0 ? void 0 : _uploadCtx$customIcon2.call(_uploadCtx$customIcon)) !== null && _ref !== void 0 ? _ref : props.listType === "picture-card" ? createVNode(IconUpload, null, null) : t("upload.retry")]);
-			}
-			if (props.file.status === "done") {
-				var _ref2, _uploadCtx$slots$succ, _uploadCtx$slots2, _uploadCtx$slots2$suc, _uploadCtx$customIcon3, _uploadCtx$customIcon4;
-				return createVNode("span", { "class": [uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls, `${uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls}-success`] }, [(_ref2 = (_uploadCtx$slots$succ = uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$slots2$suc = (_uploadCtx$slots2 = uploadCtx.slots)["success-icon"]) === null || _uploadCtx$slots2$suc === void 0 ? void 0 : _uploadCtx$slots2$suc.call(_uploadCtx$slots2)) !== null && _uploadCtx$slots$succ !== void 0 ? _uploadCtx$slots$succ : uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$customIcon3 = uploadCtx.customIcon) === null || _uploadCtx$customIcon3 === void 0 || (_uploadCtx$customIcon4 = _uploadCtx$customIcon3.successIcon) === null || _uploadCtx$customIcon4 === void 0 ? void 0 : _uploadCtx$customIcon4.call(_uploadCtx$customIcon3)) !== null && _ref2 !== void 0 ? _ref2 : createVNode(IconCheck, null, null)]);
-			}
-			if (props.file.status === "init") {
-				if (!(uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.showStartButton)) return null;
-				return createVNode(Tooltip, { "content": t("upload.start") }, { default: () => {
-					var _ref3, _uploadCtx$slots$star, _uploadCtx$slots3, _uploadCtx$slots3$sta, _uploadCtx$customIcon5, _uploadCtx$customIcon6;
-					return [createVNode("span", {
-						"class": [uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls, `${uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls}-start`],
-						"onClick": () => uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.onUpload(props.file)
-					}, [(_ref3 = (_uploadCtx$slots$star = uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$slots3$sta = (_uploadCtx$slots3 = uploadCtx.slots)["start-icon"]) === null || _uploadCtx$slots3$sta === void 0 ? void 0 : _uploadCtx$slots3$sta.call(_uploadCtx$slots3)) !== null && _uploadCtx$slots$star !== void 0 ? _uploadCtx$slots$star : uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$customIcon5 = uploadCtx.customIcon) === null || _uploadCtx$customIcon5 === void 0 || (_uploadCtx$customIcon6 = _uploadCtx$customIcon5.startIcon) === null || _uploadCtx$customIcon6 === void 0 ? void 0 : _uploadCtx$customIcon6.call(_uploadCtx$customIcon5)) !== null && _ref3 !== void 0 ? _ref3 : createVNode(IconPlayArrowFill, null, null)])];
-				} });
-			}
-			return (uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.showCancelButton) && createVNode(Tooltip, { "content": t("upload.cancel") }, { default: () => {
-				var _ref4, _uploadCtx$slots$canc, _uploadCtx$slots4, _uploadCtx$slots4$can, _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}-cancel`],
-					"onClick": () => uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.onAbort(props.file)
-				}, [(_ref4 = (_uploadCtx$slots$canc = uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$slots4$can = (_uploadCtx$slots4 = uploadCtx.slots)["cancel-icon"]) === null || _uploadCtx$slots4$can === void 0 ? void 0 : _uploadCtx$slots4$can.call(_uploadCtx$slots4)) !== null && _uploadCtx$slots$canc !== void 0 ? _uploadCtx$slots$canc : uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$customIcon7 = uploadCtx.customIcon) === null || _uploadCtx$customIcon7 === void 0 || (_uploadCtx$customIcon8 = _uploadCtx$customIcon7.cancelIcon) === null || _uploadCtx$customIcon8 === void 0 ? void 0 : _uploadCtx$customIcon8.call(_uploadCtx$customIcon7)) !== null && _ref4 !== void 0 ? _ref4 : createVNode(IconPause, null, null)])];
-			} });
-		};
-		const renderProgress = () => {
-			var _props$file$status;
-			if (["init", "uploading"].includes((_props$file$status = props.file.status) !== null && _props$file$status !== void 0 ? _props$file$status : "")) return createVNode(Progress, {
-				"type": "circle",
-				"size": "mini",
-				"showText": false,
-				"status": getProgressStatus(props.file.status),
-				"percent": props.file.percent
-			}, null);
-			return null;
-		};
-		return () => createVNode("span", { "class": prefixCls }, [renderProgress(), renderIcon()]);
-	}
-});
+import upload_progress_vue_vue_type_script_setup_true_lang_default from "./upload-progress.vue_vue_type_script_setup_true_lang.js";
+//#region components/upload/upload-progress.vue
+var upload_progress_default = upload_progress_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { upload_progress_default as default };

package/es/upload/{upload-progress.d.ts → upload-progress.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-progress.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,75 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import { useI18n } from "../locale/index.js";
+import Tooltip from "../tooltip/index.js";
+import IconCheck from "../icon/icon-check/index.js";
+import Progress from "../progress/index.js";
+import { uploadInjectionKey } from "./context.js";
+import IconUpload from "../icon/icon-upload/index.js";
+import { getProgressStatus } from "./utils.js";
+import IconPause from "../icon/icon-pause/index.js";
+import IconPlayArrowFill from "../icon/icon-play-arrow-fill/index.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, inject, normalizeClass, openBlock, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+//#region components/upload/upload-progress.vue?vue&type=script&setup=true&lang.ts
+var upload_progress_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "UploadProgress" }), {}, {
+	__name: "upload-progress",
+	props: {
+		file: {
+			type: Object,
+			required: true
+		},
+		listType: {
+			type: String,
+			required: true
+		}
+	},
+	setup(__props) {
+		const prefixCls = getPrefixCls("upload-progress");
+		const { t } = useI18n();
+		const uploadCtx = inject(uploadInjectionKey, void 0);
+		return (_ctx, _cache) => {
+			var _unref2, _unref$customIcon, _unref3, _unref4, _unref5, _unref6, _unref7, _unref8;
+			return openBlock(), createElementBlock("span", { class: normalizeClass(unref(prefixCls)) }, [__props.file.status === "init" || __props.file.status === "uploading" ? (openBlock(), createBlock(unref(Progress), {
+				key: 0,
+				type: "circle",
+				size: "mini",
+				"show-text": false,
+				status: unref(getProgressStatus)(__props.file.status),
+				percent: __props.file.percent
+			}, null, 8, ["status", "percent"])) : createCommentVNode("", true), __props.file.status === "error" && ((_unref2 = unref(uploadCtx)) === null || _unref2 === void 0 ? void 0 : _unref2.showRetryButton) ? (openBlock(), createElementBlock("span", {
+				key: 1,
+				class: normalizeClass([unref(uploadCtx).iconCls, `${unref(uploadCtx).iconCls}-upload`]),
+				onClick: _cache[0] || (_cache[0] = ($event) => unref(uploadCtx).onUpload(__props.file))
+			}, [unref(uploadCtx).slots["retry-icon"] ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).slots["retry-icon"]), { key: 0 })) : ((_unref$customIcon = unref(uploadCtx).customIcon) === null || _unref$customIcon === void 0 ? void 0 : _unref$customIcon.retryIcon) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).customIcon.retryIcon), { key: 1 })) : __props.listType === "picture-card" ? (openBlock(), createBlock(unref(IconUpload), { key: 2 })) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [createTextVNode(toDisplayString(unref(t)("upload.retry")), 1)], 64))], 2)) : __props.file.status === "done" ? (openBlock(), createElementBlock("span", {
+				key: 2,
+				class: normalizeClass([(_unref3 = unref(uploadCtx)) === null || _unref3 === void 0 ? void 0 : _unref3.iconCls, `${(_unref4 = unref(uploadCtx)) === null || _unref4 === void 0 ? void 0 : _unref4.iconCls}-success`])
+			}, [((_unref5 = unref(uploadCtx)) === null || _unref5 === void 0 ? void 0 : _unref5.slots["success-icon"]) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).slots["success-icon"]), { key: 0 })) : ((_unref6 = unref(uploadCtx)) === null || _unref6 === void 0 || (_unref6 = _unref6.customIcon) === null || _unref6 === void 0 ? void 0 : _unref6.successIcon) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).customIcon.successIcon), { key: 1 })) : (openBlock(), createBlock(unref(IconCheck), { key: 2 }))], 2)) : __props.file.status === "init" && ((_unref7 = unref(uploadCtx)) === null || _unref7 === void 0 ? void 0 : _unref7.showStartButton) ? (openBlock(), createBlock(unref(Tooltip), {
+				key: 3,
+				content: unref(t)("upload.start")
+			}, {
+				default: withCtx(() => {
+					var _unref$customIcon2;
+					return [createElementVNode("span", {
+						class: normalizeClass([unref(uploadCtx).iconCls, `${unref(uploadCtx).iconCls}-start`]),
+						onClick: _cache[1] || (_cache[1] = ($event) => unref(uploadCtx).onUpload(__props.file))
+					}, [unref(uploadCtx).slots["start-icon"] ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).slots["start-icon"]), { key: 0 })) : ((_unref$customIcon2 = unref(uploadCtx).customIcon) === null || _unref$customIcon2 === void 0 ? void 0 : _unref$customIcon2.startIcon) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).customIcon.startIcon), { key: 1 })) : (openBlock(), createBlock(unref(IconPlayArrowFill), { key: 2 }))], 2)];
+				}),
+				_: 1
+			}, 8, ["content"])) : ((_unref8 = unref(uploadCtx)) === null || _unref8 === void 0 ? void 0 : _unref8.showCancelButton) ? (openBlock(), createBlock(unref(Tooltip), {
+				key: 4,
+				content: unref(t)("upload.cancel")
+			}, {
+				default: withCtx(() => {
+					var _unref$customIcon3;
+					return [createElementVNode("span", {
+						class: normalizeClass([unref(uploadCtx).iconCls, `${unref(uploadCtx).iconCls}-cancel`]),
+						onClick: _cache[2] || (_cache[2] = ($event) => unref(uploadCtx).onAbort(__props.file))
+					}, [unref(uploadCtx).slots["cancel-icon"] ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).slots["cancel-icon"]), { key: 0 })) : ((_unref$customIcon3 = unref(uploadCtx).customIcon) === null || _unref$customIcon3 === void 0 ? void 0 : _unref$customIcon3.cancelIcon) ? (openBlock(), createBlock(resolveDynamicComponent(unref(uploadCtx).customIcon.cancelIcon), { key: 1 })) : (openBlock(), createBlock(unref(IconPause), { key: 2 }))], 2)];
+				}),
+				_: 1
+			}, 8, ["content"])) : createCommentVNode("", true)], 2);
+		};
+	}
+}));
+//#endregion
+export { upload_progress_vue_vue_type_script_setup_true_lang_default as default };