@kayak-sj/design 1.0.0

package/dist/components/k-upload/KUpload.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,355 @@
+import e from "../k-button/KButton.js";
+import { getUploadConfig as t } from "../../config/uploadConfig.js";
+import n from "./components/UploadFileItem.js";
+import r from "./components/UploadInlineActions.js";
+import i from "./components/UploadMediaDialog.js";
+import a from "./components/UploadTipArea.js";
+import { useImagePreview as o } from "./composables/useImagePreview.js";
+import { useMediaPreview as ee } from "./composables/useMediaPreview.js";
+import { useUploadFileList as te } from "./composables/useUploadFileList.js";
+import { useUploadRequest as ne } from "./composables/useUploadRequest.js";
+import { useUploadValidation as re } from "./composables/useUploadValidation.js";
+import { resolveUploadAction as s, resolveUploadFilePrefix as c } from "./resolveUploadAction.js";
+import { computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as ie, createSlots as p, createTextVNode as ae, createVNode as m, defineAsyncComponent as oe, defineComponent as h, guardReactiveProps as g, isRef as _, mergeProps as v, nextTick as y, normalizeClass as b, normalizeProps as x, openBlock as S, ref as C, renderSlot as w, toDisplayString as se, unref as T, useTemplateRef as ce, watch as le, withCtx as E } from "vue";
+import { ElIcon as ue, ElImageViewer as de, ElMessage as D, ElUpload as fe } from "element-plus";
+import { Plus as pe } from "@element-plus/icons-vue";
+//#region src/components/k-upload/KUpload.vue?vue&type=script&setup=true&lang.ts
+var me = {
+	key: 0,
+	class: "k-upload__trigger-row"
+}, he = { class: "picture-card-context" }, ge = ["innerHTML"], O = /*@__PURE__*/ h({
+	name: "KUpload",
+	inheritAttrs: !1,
+	__name: "KUpload",
+	props: {
+		modelValue: { default: () => [] },
+		listType: { default: "picture" },
+		action: { default: "" },
+		accept: { default: "" },
+		limit: { default: void 0 },
+		maxSize: { default: 2 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		btnText: { default: "点击上传" },
+		templateCode: { default: "" },
+		templateDomain: { default: "app" },
+		templateDownloadUrl: { default: "" },
+		templateBtnText: { default: "模版下载" },
+		tipType: { default: "text" },
+		fileTips: { default: "" },
+		showSuccMessage: {
+			type: Boolean,
+			default: !0
+		},
+		autoUpload: {
+			type: Boolean,
+			default: !0
+		},
+		openCutter: {
+			type: Boolean,
+			default: !1
+		},
+		cutterOption: { default: () => ({}) }
+	},
+	emits: [
+		"update:modelValue",
+		"success",
+		"error",
+		"remove",
+		"preview",
+		"change",
+		"exceed"
+	],
+	setup(h, { expose: O, emit: _e }) {
+		let k = oe(() => import("./components/ImageCutter.js")), A = {
+			picture: ".bmp,.gif,.png,.jpg,.jpeg",
+			"picture-card": ".bmp,.gif,.png,.jpg,.jpeg",
+			text: ".doc,.docx,.xlsx,.xls",
+			video: ".mp4",
+			audio: ".m4a",
+			lottie: ".json"
+		};
+		function j(e, t) {
+			let n = e instanceof Error ? e.message : String(e ?? "");
+			return /timeout/i.test(n) || /ECONNABORTED/i.test(n) ? "请求超时，请稍后重试" : n || t;
+		}
+		let M = h, N = _e, P = C(), F = ce("cutterRef"), I = C(null), L = C(0);
+		le(F, (e) => {
+			if (!e || !I.value) return;
+			let t = I.value;
+			I.value = null, e.openImgCutter({
+				name: t.name,
+				raw: t.raw
+			});
+		});
+		function ve(e) {
+			if (F.value) {
+				F.value.openImgCutter({
+					name: e.name,
+					raw: e.raw
+				});
+				return;
+			}
+			I.value = e;
+		}
+		let R = l(() => M.accept ? M.accept.toLowerCase() : A[M.listType] ?? ""), { fileList: z, elFileList: ye, removeByUid: B, upsert: be, findByUid: V } = te({
+			getModelValue: () => M.modelValue,
+			onUpdate: (e) => N("update:modelValue", e),
+			getLimit: () => M.limit
+		}), H = re({
+			getAccept: () => R.value,
+			getMaxSize: () => M.maxSize
+		}), U = ne({ getTemplateCode: () => M.templateCode }), { visible: xe, urlList: Se, initialIndex: Ce, open: W, close: we } = o(), { visible: G, url: Te, type: Ee, open: De } = ee(), Oe = l(() => s(M.listType, M.action)), ke = l(() => {
+			switch (M.listType) {
+				case "picture": return "picture";
+				case "picture-card":
+				case "picture2":
+				case "lottie": return "picture-card";
+				default: return "text";
+			}
+		}), Ae = l(() => [
+			"picture",
+			"picture-card",
+			"picture2",
+			"lottie"
+		].includes(M.listType)), je = l(() => [
+			"picture-card",
+			"lottie",
+			"video",
+			"audio"
+		].includes(M.listType)), K = l(() => M.listType === "picture-card" || M.listType === "lottie"), Me = l(() => !K.value), Ne = l(() => !M.openCutter && M.autoUpload), Pe = l(() => M.limit === 1 ? void 0 : M.limit), q = l(() => !!(M.limit && M.limit !== 1 && z.value.length >= M.limit)), Fe = l(() => !M.disabled), Ie = l(() => !K.value && !M.disabled), J = l(() => M.disabled ? "" : M.fileTips || (R.value ? `支持上传 ${R.value} 后缀文件，且不超过${M.maxSize}M` : "")), Le = l(() => {
+			let e = ["k-upload", `k-upload--${M.listType}`];
+			return M.disabled && e.push("k-upload_detail"), q.value && e.push("k-upload--limit"), e.join(" ");
+		});
+		function Re(e, t, n) {
+			let r = e ?? {}, i = String(r.resource_id ?? ""), a = String(r.file_name ?? n), o = c(M.listType);
+			return {
+				...r,
+				uid: t,
+				name: a,
+				resource_id: i,
+				file_name: a,
+				imp_id: r.imp_id,
+				url: i ? `${o}${i}` : void 0,
+				status: "success"
+			};
+		}
+		function Y(e, t, n) {
+			let r = Re(e, t, n);
+			be(r), L.value = 0, M.showSuccMessage && D.success("文件上传成功!"), N("success", e, r);
+		}
+		let ze = (e) => H.validate(e), Be = (e, t) => {
+			Y(e ?? {}, t.uid, t.name);
+		}, Ve = (e, t) => {
+			L.value = 0, D.error(j(e, "文件上传失败!")), B(t.uid), N("error", e, t);
+		}, He = (e) => {
+			if (typeof e.uid == "number" && H.consumeRejected(e.uid)) return;
+			let t = V(e.uid);
+			B(e.uid), t && N("remove", t);
+		}, Ue = (e) => {
+			let t = V(e.uid);
+			t && (N("preview", t), !(Ae.value && W(t, z.value)) && Q(t));
+		}, We = (e) => {
+			M.listType === "picture2" && (L.value = Math.round(e.percent ?? 0));
+		}, X = (e) => {
+			if (N("change", e), !(!M.openCutter || e.status !== "ready" || !e.raw)) {
+				if (H.validate(e.raw) === !1) {
+					B(e.uid);
+					return;
+				}
+				B(e.uid), y(() => {
+					P.value?.handleRemove(e), ve({
+						name: e.name,
+						raw: e.raw
+					});
+				});
+			}
+		}, Ge = (e, t) => {
+			N("exceed", e, t);
+		};
+		function Ke(e) {
+			let t = V(e.uid);
+			t && W(t, z.value);
+		}
+		function qe(e) {
+			let t = V(e.uid);
+			t && Q(t);
+		}
+		function Je(e) {
+			let t = V(e.uid);
+			B(e.uid), t && N("remove", t);
+		}
+		function Ye(e) {
+			let t = V(e.uid);
+			t && De(t, M.listType === "audio" ? "audio" : "video");
+		}
+		async function Xe(e) {
+			try {
+				let t = s("picture", M.action);
+				Y(await U.uploadFile(e, t), -Date.now(), e.name);
+			} catch (e) {
+				D.error(j(e, "图片上传失败!"));
+			}
+		}
+		function Z(e, t) {
+			let n = document.createElement("a");
+			n.href = e, n.download = t, n.click();
+		}
+		function Q(e) {
+			e.resource_id && Z(`${c(M.listType)}${e.resource_id}`, e.name || String(e.resource_id));
+		}
+		function $() {
+			let e = t(), n = e.templateCodeRelation[M.templateCode];
+			if (!n) {
+				D.warning("模板未配置");
+				return;
+			}
+			Z(`${M.templateDownloadUrl || (M.templateDomain === "base" ? e.baseTemplateDownloadBaseUrl : e.templateDownloadBaseUrl) || e.urls.BASE_URL}${n}`, n);
+		}
+		return O({
+			submit: () => P.value?.submit(),
+			clearFiles: () => P.value?.clearFiles(),
+			uploadRef: P
+		}), (t, o) => (S(), f("div", { class: b(["k-upload-wrap", Le.value]) }, [
+			m(T(fe), v({
+				ref_key: "uploadRef",
+				ref: P
+			}, t.$attrs, {
+				class: "k-upload__inner",
+				"file-list": T(ye),
+				action: Oe.value,
+				"list-type": ke.value,
+				accept: R.value,
+				limit: Pe.value,
+				disabled: h.disabled,
+				"auto-upload": Ne.value,
+				"http-request": T(U).httpRequest,
+				"before-upload": ze,
+				"on-success": Be,
+				"on-error": Ve,
+				"on-remove": He,
+				"on-preview": Ue,
+				"on-progress": We,
+				"on-change": X,
+				"on-exceed": Ge
+			}), p({
+				tip: E(() => [w(t.$slots, "tip", {}, () => [K.value && (h.templateCode || h.tipType === "tooltip" && J.value) ? (S(), u(r, {
+					key: 0,
+					"template-code": h.templateCode,
+					"template-btn-text": h.templateBtnText,
+					"tip-type": h.tipType,
+					"tip-text": J.value,
+					onDownloadTemplate: $
+				}, null, 8, [
+					"template-code",
+					"template-btn-text",
+					"tip-type",
+					"tip-text"
+				])) : d("", !0), Ie.value ? (S(), u(a, {
+					key: 1,
+					"tip-type": h.tipType,
+					"tip-text": J.value,
+					percentage: L.value
+				}, null, 8, [
+					"tip-type",
+					"tip-text",
+					"percentage"
+				])) : d("", !0)], !0)]),
+				_: 2
+			}, [Fe.value ? {
+				name: "default",
+				fn: E(() => [Me.value ? (S(), f("div", me, [
+					w(t.$slots, "buttonBefore", {}, void 0, !0),
+					w(t.$slots, "content", {}, () => [m(e, {
+						type: "primary",
+						disabled: q.value
+					}, {
+						default: E(() => [ae(se(h.btnText), 1)]),
+						_: 1
+					}, 8, ["disabled"])], !0),
+					m(r, {
+						"template-code": h.templateCode,
+						"template-btn-text": h.templateBtnText,
+						"tip-type": h.tipType,
+						"tip-text": J.value,
+						onDownloadTemplate: $
+					}, null, 8, [
+						"template-code",
+						"template-btn-text",
+						"tip-type",
+						"tip-text"
+					]),
+					w(t.$slots, "buttonAfter", {}, void 0, !0)
+				])) : w(t.$slots, "content", {}, () => [ie("div", he, [m(T(ue), { class: "k-upload__plus" }, {
+					default: E(() => [m(T(pe))]),
+					_: 1
+				}), h.tipType === "text" && J.value ? (S(), f("span", {
+					key: 0,
+					class: "picture-card-tips",
+					innerHTML: J.value
+				}, null, 8, ge)) : d("", !0)])], !0, 1)]),
+				key: "0"
+			} : void 0, je.value ? {
+				name: "file",
+				fn: E(({ file: e }) => [w(t.$slots, "file", { file: e }, () => [m(n, {
+					file: e,
+					"list-type": h.listType,
+					disabled: h.disabled,
+					onZoom: Ke,
+					onDownload: qe,
+					onRemove: Je,
+					onPlay: Ye
+				}, p({ _: 2 }, [t.$slots.preview ? {
+					name: "preview",
+					fn: E((e) => [w(t.$slots, "preview", x(g(e)), void 0, !0)]),
+					key: "0"
+				} : void 0]), 1032, [
+					"file",
+					"list-type",
+					"disabled"
+				])], !0)]),
+				key: "1"
+			} : void 0]), 1040, [
+				"file-list",
+				"action",
+				"list-type",
+				"accept",
+				"limit",
+				"disabled",
+				"auto-upload",
+				"http-request"
+			]),
+			h.openCutter ? (S(), u(T(k), {
+				key: 0,
+				ref_key: "cutterRef",
+				ref: F,
+				option: h.cutterOption,
+				onCut: Xe
+			}, null, 8, ["option"])) : d("", !0),
+			T(xe) ? (S(), u(T(de), {
+				key: 1,
+				"url-list": T(Se),
+				"initial-index": T(Ce),
+				onClose: T(we)
+			}, null, 8, [
+				"url-list",
+				"initial-index",
+				"onClose"
+			])) : d("", !0),
+			m(i, {
+				visible: T(G),
+				"onUpdate:visible": o[0] ||= (e) => _(G) ? G.value = e : null,
+				url: T(Te),
+				type: T(Ee)
+			}, null, 8, [
+				"visible",
+				"url",
+				"type"
+			])
+		], 2));
+	}
+});
+//#endregion
+export { O as default };

package/dist/components/k-upload/KUpload.vue_vue_type_style_index_0_scoped_6050c2c6_lang.css

@@ -0,0 +1 @@
+.k-upload__plus[data-v-6050c2c6]{color:var(--el-text-color-secondary);font-size:28px}.k-upload__trigger-row[data-v-6050c2c6]{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.k-upload--limit[data-v-6050c2c6] .el-upload,.k-upload_detail[data-v-6050c2c6] .el-upload{display:none}

package/dist/components/k-upload/components/ImageCutter.d.ts

@@ -0,0 +1,21 @@
+import { KUploadCutterOption } from '../types';
+type __VLS_Props = {
+    option?: KUploadCutterOption;
+};
+/** 对齐 legacy openImgCutter：用已选本地文件打开裁剪弹窗 */
+declare function openImgCutter(file: {
+    name?: string;
+    raw?: File | Blob | null;
+}): void;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {
+    openImgCutter: typeof openImgCutter;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    cut: (file: File) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCut?: ((file: File) => any) | undefined;
+}>, {
+    option: KUploadCutterOption;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=ImageCutter.vue.d.ts.map

package/dist/components/k-upload/components/ImageCutter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageCutter.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/k-upload/components/ImageCutter.vue"],"names":[],"mappings":"AAwFA,OAAO,mCAAmC,CAAA;AAE1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAInD,KAAK,WAAW,GAAG;IAAE,MAAM,CAAC,EAAE,mBAAmB,CAAA;CAAE,CAAC;AAkCpD,4CAA4C;AAC5C,iBAAS,aAAa,CAAC,IAAI,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAAE,QASvE;AA4ED,QAAA,MAAM,YAAY;;;;;;;YAxHY,mBAAmB;6EA6H/C,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/k-upload/components/ImageCutter.js

@@ -0,0 +1,7 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+import t from "./ImageCutter.vue_vue_type_script_setup_true_lang.js";
+import './ImageCutter.vue_vue_type_style_index_0_scoped_900b5e3b_lang.css';/* empty css                                                            */
+//#region src/components/k-upload/components/ImageCutter.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-900b5e3b"]]);
+//#endregion
+export { n as default };

package/dist/components/k-upload/components/ImageCutter.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,40 @@
+import { createElementBlock as e, createElementVNode as t, createVNode as n, defineComponent as r, mergeProps as i, openBlock as a, unref as o, useTemplateRef as s, withCtx as c } from "vue";
+import l from "vue-img-cutter";
+import "vue-img-cutter/vue-img-cutter.css";
+//#region src/components/k-upload/components/ImageCutter.vue?vue&type=script&setup=true&lang.ts
+var u = { class: "k-upload-image-cutter" }, d = /*@__PURE__*/ r({
+	name: "KUploadImageCutter",
+	__name: "ImageCutter",
+	props: { option: { default: () => ({}) } },
+	emits: ["cut"],
+	setup(r, { expose: d, emit: f }) {
+		let p = f, m = s("cutterRef"), h = "";
+		function g() {
+			h &&= (URL.revokeObjectURL(h), "");
+		}
+		function _(e) {
+			g();
+			let t = e.file ?? e.blob;
+			if (!t) return;
+			let n = e.fileName || "cropped.png", r = t instanceof File ? t : new File([t], n, { type: t.type || "image/png" });
+			p("cut", r);
+		}
+		function v(e) {
+			let t = e.raw;
+			!t || !m.value || (g(), h = URL.createObjectURL(t), m.value.handleOpen({
+				name: e.name || (t instanceof File ? t.name : "image.png"),
+				src: h
+			}));
+		}
+		return d({ openImgCutter: v }), (s, d) => (a(), e("div", u, [n(o(l), i({
+			ref_key: "cutterRef",
+			ref: m,
+			"show-choose-btn": !1
+		}, r.option, { onCutDown: _ }), {
+			open: c(() => [...d[0] ||= [t("span", { class: "k-upload-image-cutter__open-placeholder" }, null, -1)]]),
+			_: 1
+		}, 16)]));
+	}
+});
+//#endregion
+export { d as default };

package/dist/components/k-upload/components/ImageCutter.vue_vue_type_style_index_0_scoped_900b5e3b_lang.css

@@ -0,0 +1 @@
+.k-upload-image-cutter__open-placeholder[data-v-900b5e3b]{display:none}

package/dist/components/k-upload/components/UploadFileItem.d.ts

@@ -0,0 +1,33 @@
+import { UploadFile } from 'element-plus';
+import { KUploadListType } from '../types';
+type __VLS_Props = {
+    file: UploadFile;
+    listType: KUploadListType;
+    disabled?: boolean;
+};
+declare var __VLS_12: {
+    file: UploadFile;
+};
+type __VLS_Slots = {} & {
+    preview?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    play: (file: UploadFile) => any;
+    remove: (file: UploadFile) => any;
+    zoom: (file: UploadFile) => any;
+    download: (file: UploadFile) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onPlay?: ((file: UploadFile) => any) | undefined;
+    onRemove?: ((file: UploadFile) => any) | undefined;
+    onZoom?: ((file: UploadFile) => any) | undefined;
+    onDownload?: ((file: UploadFile) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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;
+    };
+};
+//# sourceMappingURL=UploadFileItem.vue.d.ts.map

package/dist/components/k-upload/components/UploadFileItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadFileItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/k-upload/components/UploadFileItem.vue"],"names":[],"mappings":"AAqHA,OAAO,EAAsB,KAAK,UAAU,EAAE,MAAM,cAAc,CAAA;AAGlE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAI/C,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,UAAU,CAAA;IAChB,QAAQ,EAAE,eAAe,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AA6NF,QAAA,IAAI,QAAQ;;CAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,QAAA,MAAM,UAAU;;;;;;;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/k-upload/components/UploadFileItem.js

@@ -0,0 +1,7 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+import t from "./UploadFileItem.vue_vue_type_script_setup_true_lang.js";
+import './UploadFileItem.vue_vue_type_style_index_0_scoped_01959ada_lang.css';/* empty css                                                               */
+//#region src/components/k-upload/components/UploadFileItem.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-01959ada"]]);
+//#endregion
+export { n as default };

package/dist/components/k-upload/components/UploadFileItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,73 @@
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, openBlock as c, renderSlot as l, unref as u, withCtx as d } from "vue";
+import { ElIcon as f, ElProgress as p } from "element-plus";
+import { Delete as m, Download as h, VideoPlay as g, ZoomIn as _ } from "@element-plus/icons-vue";
+//#region src/components/k-upload/components/UploadFileItem.vue?vue&type=script&setup=true&lang.ts
+var v = { class: "k-upload__file-item" }, y = ["src"], b = { class: "el-upload-list__item-actions" }, x = /*@__PURE__*/ s({
+	name: "KUploadFileItem",
+	__name: "UploadFileItem",
+	props: {
+		file: {},
+		listType: {},
+		disabled: { type: Boolean }
+	},
+	emits: [
+		"zoom",
+		"download",
+		"remove",
+		"play"
+	],
+	setup(s, { emit: x }) {
+		let S = s, C = x, w = t(() => S.listType === "video" || S.listType === "audio"), T = t(() => S.file.status === "uploading"), E = t(() => Math.round(Number(S.file.percentage ?? 0)));
+		return (t, x) => (c(), i("div", v, [w.value ? (c(), i("button", {
+			key: 0,
+			type: "button",
+			class: "k-upload__media-play",
+			onClick: x[0] ||= (e) => C("play", s.file)
+		}, [o(u(f), null, {
+			default: d(() => [o(u(g))]),
+			_: 1
+		})])) : (c(), i(e, { key: 1 }, [l(t.$slots, "preview", { file: s.file }, () => [a("img", {
+			class: "el-upload-list__item-thumbnail",
+			src: s.file.url,
+			alt: ""
+		}, null, 8, y)], !0), a("span", b, [
+			a("span", {
+				class: "el-upload-list__item-preview",
+				onClick: x[1] ||= (e) => C("zoom", s.file)
+			}, [o(u(f), null, {
+				default: d(() => [o(u(_))]),
+				_: 1
+			})]),
+			s.disabled ? r("", !0) : (c(), i("span", {
+				key: 0,
+				class: "el-upload-list__item-download",
+				onClick: x[2] ||= (e) => C("download", s.file)
+			}, [o(u(f), null, {
+				default: d(() => [o(u(h))]),
+				_: 1
+			})])),
+			s.disabled ? r("", !0) : (c(), i("span", {
+				key: 1,
+				class: "el-upload-list__item-delete",
+				onClick: x[3] ||= (e) => C("remove", s.file)
+			}, [o(u(f), null, {
+				default: d(() => [o(u(m))]),
+				_: 1
+			})]))
+		])], 64)), T.value ? (c(), n(u(p), {
+			key: 2,
+			class: "k-upload__file-progress",
+			type: s.listType === "picture-card" || s.listType === "lottie" ? "circle" : "line",
+			width: s.listType === "picture-card" || s.listType === "lottie" ? 80 : void 0,
+			"stroke-width": 6,
+			percentage: E.value,
+			"show-text": !1
+		}, null, 8, [
+			"type",
+			"width",
+			"percentage"
+		])) : r("", !0)]));
+	}
+});
+//#endregion
+export { x as default };

package/dist/components/k-upload/components/UploadFileItem.vue_vue_type_style_index_0_scoped_01959ada_lang.css

@@ -0,0 +1 @@
+.k-upload__file-item[data-v-01959ada]{width:100%;height:100%;position:relative}.k-upload__media-play[data-v-01959ada]{border:1px dashed var(--el-border-color);border-radius:var(--el-border-radius-base);background:var(--el-fill-color-light);width:100%;min-width:80px;height:100%;min-height:80px;color:var(--el-color-primary);cursor:pointer;justify-content:center;align-items:center;font-size:22px;display:inline-flex}.k-upload__file-progress[data-v-01959ada]{z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto!important;margin:0!important}.k-upload__file-progress[data-v-01959ada] .el-progress-circle{display:block}

package/dist/components/k-upload/components/UploadInlineActions.d.ts

@@ -0,0 +1,20 @@
+import { KUploadTipType } from '../types';
+type __VLS_Props = {
+    templateCode?: string;
+    templateBtnText?: string;
+    tipType?: KUploadTipType;
+    tipText?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    downloadTemplate: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDownloadTemplate?: (() => any) | undefined;
+}>, {
+    templateCode: string;
+    templateBtnText: string;
+    tipType: KUploadTipType;
+    tipText: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=UploadInlineActions.vue.d.ts.map

package/dist/components/k-upload/components/UploadInlineActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadInlineActions.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/k-upload/components/UploadInlineActions.vue"],"names":[],"mappings":"AAwGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAI9C,KAAK,WAAW,GAAG;IACf,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAC;AAuHJ,QAAA,MAAM,YAAY;;;;;kBA3HC,MAAM;qBACH,MAAM;aACd,cAAc;aACd,MAAM;6EA4HlB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/k-upload/components/UploadInlineActions.js

@@ -0,0 +1,7 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+import t from "./UploadInlineActions.vue_vue_type_script_setup_true_lang.js";
+import './UploadInlineActions.vue_vue_type_style_index_0_scoped_55d9c320_lang.css';/* empty css                                                                    */
+//#region src/components/k-upload/components/UploadInlineActions.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-55d9c320"]]);
+//#endregion
+export { n as default };

package/dist/components/k-upload/components/UploadInlineActions.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,39 @@
+import { createBlock as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, openBlock as o, toDisplayString as s, unref as c, withCtx as l, withModifiers as u } from "vue";
+import { ElIcon as d, ElTooltip as f } from "element-plus";
+import { Download as p } from "@element-plus/icons-vue";
+//#region src/components/k-upload/components/UploadInlineActions.vue?vue&type=script&setup=true&lang.ts
+var m = { class: "k-upload__inline-actions" }, h = /*@__PURE__*/ a({
+	name: "KUploadInlineActions",
+	__name: "UploadInlineActions",
+	props: {
+		templateCode: { default: "" },
+		templateBtnText: { default: "模版下载" },
+		tipType: { default: "text" },
+		tipText: { default: "" }
+	},
+	emits: ["downloadTemplate"],
+	setup(a, { emit: h }) {
+		let g = h;
+		return (h, _) => (o(), n("div", m, [a.templateCode ? (o(), n("button", {
+			key: 0,
+			type: "button",
+			class: "k-upload__download",
+			onClick: _[0] ||= u((e) => g("downloadTemplate"), ["stop"])
+		}, [i(c(d), { class: "k-upload__download-icon" }, {
+			default: l(() => [i(c(p))]),
+			_: 1
+		}), r("span", null, s(a.templateBtnText), 1)])) : t("", !0), a.tipType === "tooltip" && a.tipText ? (o(), e(c(f), {
+			key: 1,
+			placement: "top",
+			content: a.tipText
+		}, {
+			default: l(() => [..._[1] ||= [r("i", {
+				class: "k-upload__tip-icon",
+				"aria-label": "上传说明"
+			}, "?", -1)]]),
+			_: 1
+		}, 8, ["content"])) : t("", !0)]));
+	}
+});
+//#endregion
+export { h as default };

package/dist/components/k-upload/components/UploadInlineActions.vue_vue_type_style_index_0_scoped_55d9c320_lang.css

@@ -0,0 +1 @@
+.k-upload__inline-actions[data-v-55d9c320]{align-items:center;gap:8px;display:inline-flex}.k-upload__download[data-v-55d9c320]{height:32px;color:var(--el-color-primary);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0 4px;font-size:13px;line-height:1;transition:color .2s,opacity .2s;display:inline-flex}.k-upload__download[data-v-55d9c320]:hover{color:var(--el-color-primary-light-3)}.k-upload__download[data-v-55d9c320]:focus-visible{outline:2px solid var(--el-color-primary-light-5);outline-offset:2px;border-radius:4px}.k-upload__download-icon[data-v-55d9c320]{font-size:14px}.k-upload__tip-icon[data-v-55d9c320]{border:1px solid var(--el-text-color-secondary);width:16px;height:16px;color:var(--el-text-color-secondary);cursor:help;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-style:normal;display:inline-flex}

package/dist/components/k-upload/components/UploadMediaDialog.d.ts

@@ -0,0 +1,17 @@
+import { MediaPreviewType } from '../composables/useMediaPreview';
+type __VLS_Props = {
+    url: string;
+    type: MediaPreviewType;
+};
+type __VLS_ModelProps = {
+    'visible'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:visible": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=UploadMediaDialog.vue.d.ts.map

package/dist/components/k-upload/components/UploadMediaDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadMediaDialog.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/k-upload/components/UploadMediaDialog.vue"],"names":[],"mappings":"AA6CA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAA;AAItE,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,gBAAgB,CAAA;CACvB,CAAC;AASF,KAAK,gBAAgB,GAAG;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAkExD,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}