@kernel4632/kima 0.8.5 → 0.8.7

package/dist/vue/components/form-completion/upload-manager.ce.js

@@ -1,11 +1,12 @@
 import e from "../../_virtual/_plugin-vue_export-helper.js";
 import t from "../core/button.ce.js";
-import { presenceTransition as n } from "../../utils/motion.js";
-import r from "../input/file-upload.ce.js";
+import { freezeLeaveLayout as n, presenceTransition as r } from "../../utils/motion.js";
+import { useContentMotion as i } from "../../utils/content-motion.js";
+import a from "../input/file-upload.ce.js";
 /* empty css                                                                  */
-import { Fragment as i, TransitionGroup as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, mergeProps as p, onBeforeUnmount as m, openBlock as h, ref as g, renderList as _, toDisplayString as v, unref as y, watch as b, withCtx as x } from "vue";
+import { Fragment as o, TransitionGroup as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, mergeProps as h, onBeforeUnmount as g, openBlock as _, ref as v, renderList as y, toDisplayString as b, unref as x, watch as S, withCtx as C } from "vue";
 // src/components/form-completion/upload-manager.ce.vue
-var S = ["aria-disabled"], C = { class: "kima-upload-manager__info" }, w = ["value", "aria-label"], T = { role: "status" }, E = { class: "kima-upload-manager__actions" }, D = /*#__PURE__*/ e({
+var w = ["aria-disabled"], T = { class: "kima-upload-manager__info" }, E = ["value", "aria-label"], D = { role: "status" }, O = { class: "kima-upload-manager__actions" }, k = /*#__PURE__*/ e({
 	__name: "upload-manager.ce",
 	props: {
 		modelValue: {
@@ -36,21 +37,24 @@ var S = ["aria-disabled"], C = { class: "kima-upload-manager__info" }, w = ["val
 		"error",
 		"cancel"
 	],
-	setup(e, { expose: D, emit: O }) {
-		let k = e, A = O, j = 0, M = g([]), N = /* @__PURE__ */ new Map(), P = o(() => M.value.filter((e) => e.status === "queued"));
-		function F(e) {
+	setup(e, { expose: k, emit: A }) {
+		let j = e, M = A, N = 0, P = v([]), F = /* @__PURE__ */ new Map();
+		v(null);
+		let I = v(null), L = c(() => P.value.filter((e) => e.status === "queued"));
+		i(I, () => P.value);
+		function R(e) {
 			let t = [...e].map((e) => ({
-				id: ++j,
+				id: ++N,
 				file: e,
 				status: "queued",
 				progress: 0,
 				error: "",
 				result: null
 			}));
-			M.value = [...M.value, ...t], I(), R();
+			P.value = [...P.value, ...t], z(), V();
 		}
-		function I() {
-			let e = M.value.map(({ id: e, file: t, status: n, progress: r, error: i, result: a }) => ({
+		function z() {
+			let e = P.value.map(({ id: e, file: t, status: n, progress: r, error: i, result: a }) => ({
 				id: e,
 				file: t,
 				status: n,
@@ -58,157 +62,162 @@ var S = ["aria-disabled"], C = { class: "kima-upload-manager__info" }, w = ["val
 				error: i,
 				result: a
 			}));
-			A("update:modelValue", e), A("change", e);
+			M("update:modelValue", e), M("change", e);
 		}
-		function L(e, t) {
-			Object.assign(e, t), I();
+		function B(e, t) {
+			Object.assign(e, t), z();
 		}
-		function R() {
-			for (; N.size < Math.max(1, Math.floor(k.concurrency)) && P.value.length;) {
-				let e = P.value[0];
-				z(e);
+		function V() {
+			for (; F.size < Math.max(1, Math.floor(j.concurrency)) && L.value.length;) {
+				let e = L.value[0];
+				H(e);
 			}
 		}
-		async function z(e) {
-			if (typeof k.upload != "function") {
-				L(e, {
+		async function H(e) {
+			if (typeof j.upload != "function") {
+				B(e, {
 					status: "error",
 					error: "缺少 upload(file, { signal, onProgress }) 宿主处理函数"
-				}), A("error", {
+				}), M("error", {
 					task: e,
 					error: Error(e.error)
 				});
 				return;
 			}
 			let t = new AbortController();
-			N.set(e.id, t), L(e, {
+			F.set(e.id, t), B(e, {
 				status: "uploading",
 				error: "",
 				progress: 0
 			});
 			try {
-				let n = await k.upload(e.file, {
+				let n = await j.upload(e.file, {
 					signal: t.signal,
 					onProgress: (n) => {
-						if (N.get(e.id) !== t) return;
+						if (F.get(e.id) !== t) return;
 						let r = Math.max(0, Math.min(100, Number(n) || 0));
-						e.progress = r, A("progress", {
+						e.progress = r, M("progress", {
 							task: e,
 							file: e.file,
 							progress: r
-						}), I();
+						}), z();
 					}
 				});
-				if (N.get(e.id) !== t) return;
-				L(e, {
+				if (F.get(e.id) !== t) return;
+				B(e, {
 					status: "success",
 					progress: 100,
 					result: n
-				}), A("success", {
+				}), M("success", {
 					task: e,
 					result: n
 				});
 			} catch (n) {
-				if (N.get(e.id) !== t) return;
-				t.signal.aborted ? (L(e, { status: "cancelled" }), A("cancel", e)) : (L(e, {
+				if (F.get(e.id) !== t) return;
+				t.signal.aborted ? (B(e, { status: "cancelled" }), M("cancel", e)) : (B(e, {
 					status: "error",
 					error: n?.message || String(n)
-				}), A("error", {
+				}), M("error", {
 					task: e,
 					error: n
 				}));
 			} finally {
-				N.get(e.id) === t && N.delete(e.id), R();
+				F.get(e.id) === t && F.delete(e.id), V();
 			}
 		}
-		function B(e) {
-			if (e.status === "queued") L(e, { status: "cancelled" }), A("cancel", e);
+		function U(e) {
+			if (e.status === "queued") B(e, { status: "cancelled" }), M("cancel", e);
 			else if (e.status === "uploading") {
-				let t = N.get(e.id);
+				let t = F.get(e.id);
 				if (!t) return;
-				N.delete(e.id), t.abort(), L(e, { status: "cancelled" }), A("cancel", e), R();
+				F.delete(e.id), t.abort(), B(e, { status: "cancelled" }), M("cancel", e), V();
 			}
 		}
-		function V(e) {
-			(e.status === "error" || e.status === "cancelled") && (L(e, {
+		function W(e) {
+			(e.status === "error" || e.status === "cancelled") && (B(e, {
 				status: "queued",
 				progress: 0,
 				error: "",
 				result: null
-			}), R());
+			}), V());
 		}
-		function H(e) {
-			B(e), M.value = M.value.filter((t) => t.id !== e.id), I();
+		function G(e) {
+			U(e), P.value = P.value.filter((t) => t.id !== e.id), z();
 		}
-		return b(() => k.modelValue, (e) => {
-			Array.isArray(e) && e.length && !M.value.length && (M.value = e.map((e) => ({
+		return S(() => j.modelValue, (e) => {
+			Array.isArray(e) && e.length && !P.value.length && (P.value = e.map((e) => ({
 				...e,
-				id: e.id || ++j
+				id: e.id || ++N
 			})));
-		}), m(() => {
-			for (let e of N.values()) e.abort();
-			N.clear();
-		}), D({
-			add: F,
-			cancel: B,
-			retry: V,
-			remove: H,
-			tasks: M,
-			pump: R
-		}), (o, m) => (h(), l("section", {
+		}), g(() => {
+			for (let e of F.values()) e.abort();
+			F.clear();
+		}), k({
+			add: R,
+			cancel: U,
+			retry: W,
+			remove: G,
+			tasks: P,
+			pump: V
+		}), (i, c) => (_(), d("section", {
+			ref_key: "root",
+			ref: I,
 			class: "kima-upload-manager",
 			"aria-disabled": e.disabled || void 0
-		}, [f(r, {
-			"model-value": M.value.map((e) => e.file),
+		}, [m(a, {
+			"model-value": P.value.map((e) => e.file),
 			label: e.label,
 			accept: e.accept,
 			multiple: e.multiple,
 			disabled: e.disabled,
-			"onUpdate:modelValue": m[0] ||= (e) => F(e.slice(M.value.filter((e) => e.status !== "cancelled").length))
+			"onUpdate:modelValue": c[0] ||= (e) => R(e.slice(P.value.filter((e) => e.status !== "cancelled").length))
 		}, null, 8, [
 			"model-value",
 			"label",
 			"accept",
 			"multiple",
 			"disabled"
-		]), f(a, p({
+		]), m(s, h({
 			tag: "ul",
 			name: "kima-list"
-		}, y(n), { class: "kima-upload-manager__list" }), {
-			default: x(() => [(h(!0), l(i, null, _(M.value, (n) => (h(), l("li", { key: n.id }, [u("div", C, [
-				u("strong", null, v(n.file.name), 1),
-				u("progress", {
+		}, {
+			...x(r),
+			onBeforeLeave: x(n)
+		}, { class: "kima-upload-manager__list" }), {
+			default: C(() => [(_(!0), d(o, null, y(P.value, (n) => (_(), d("li", { key: n.id }, [f("div", T, [
+				f("strong", null, b(n.file.name), 1),
+				f("progress", {
 					max: "100",
 					value: n.progress,
 					"aria-label": `${n.file.name}上传进度`
-				}, null, 8, w),
-				u("span", T, v(n.status === "queued" ? "等待中" : n.status === "uploading" ? `${n.progress}%` : n.status === "success" ? "已完成" : n.status === "cancelled" ? "已取消" : n.error), 1)
-			]), u("div", E, [
-				n.status === "uploading" || n.status === "queued" ? (h(), s(t, {
+				}, null, 8, E),
+				f("span", D, b(n.status === "queued" ? "等待中" : n.status === "uploading" ? `${n.progress}%` : n.status === "success" ? "已完成" : n.status === "cancelled" ? "已取消" : n.error), 1)
+			]), f("div", O, [
+				n.status === "uploading" || n.status === "queued" ? (_(), l(t, {
 					key: 0,
 					variant: "text",
 					disabled: e.disabled,
-					onClick: (e) => B(n)
+					onClick: (e) => U(n)
 				}, {
-					default: x(() => [...m[1] ||= [d("取消", -1)]]),
+					default: C(() => [...c[1] ||= [p("取消", -1)]]),
 					_: 1
-				}, 8, ["disabled", "onClick"])) : c("", !0),
-				n.status === "error" || n.status === "cancelled" ? (h(), s(t, {
+				}, 8, ["disabled", "onClick"])) : u("", !0),
+				n.status === "error" || n.status === "cancelled" ? (_(), l(t, {
 					key: 1,
 					variant: "text",
 					disabled: e.disabled,
-					onClick: (e) => V(n)
+					onClick: (e) => W(n)
 				}, {
-					default: x(() => [...m[2] ||= [d("重试", -1)]]),
+					default: C(() => [...c[2] ||= [p("重试", -1)]]),
 					_: 1
-				}, 8, ["disabled", "onClick"])) : c("", !0),
-				f(t, {
+				}, 8, ["disabled", "onClick"])) : u("", !0),
+				m(t, {
 					variant: "text",
 					disabled: e.disabled,
 					"aria-label": `移除 ${n.file.name}`,
-					onClick: (e) => H(n)
+					onClick: (e) => G(n)
 				}, {
-					default: x(() => [...m[3] ||= [d("移除", -1)]]),
+					default: C(() => [...c[3] ||= [p("移除", -1)]]),
 					_: 1
 				}, 8, [
 					"disabled",
@@ -217,7 +226,7 @@ var S = ["aria-disabled"], C = { class: "kima-upload-manager__info" }, w = ["val
 				])
 			])]))), 128))]),
 			_: 1
-		}, 16)], 8, S));
+		}, 16)], 8, w));
 	}
-}, [["__scopeId", "data-v-5d214e0f"]]);
-export { D as default };
+}, [["__scopeId", "data-v-fe810c3a"]]);
+export { k as default };

package/dist/vue/components/input/field.ce.js

@@ -1,6 +1,7 @@
 import { useNativeSlots as e } from "../../utils/native-slots.js";
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-import { collapseTransition as n, presenceTransition as r } from "../../utils/motion.js";
+import { collapseTransition as n } from "../../utils/motion.js";
+import { useContentMotion as r } from "../../utils/content-motion.js";
 /* empty css                                                         */
 import { Transition as i, computed as a, createElementBlock as o, createElementVNode as s, createVNode as c, mergeProps as l, onBeforeUnmount as u, onMounted as d, openBlock as f, ref as p, renderSlot as m, toDisplayString as h, unref as g, useId as _, vShow as v, watch as y, withCtx as b, withDirectives as x } from "vue";
 // src/components/input/field.ce.vue
@@ -19,56 +20,57 @@ var S = ["inert", "aria-hidden"], C = ["role"], w = /*#__PURE__*/ t({
 	setup(t) {
 		let w = t, T = p(null);
 		e(T);
-		let E = `kima-field-${_()}`, D = a(() => w.error || w.hint), O = p(D.value), k = p(!!w.error);
+		let E = `kima-field-${_()}`, D = a(() => w.error || w.hint), O = p(null);
+		r(O, () => [D.value, !!w.error]);
+		let k = p(D.value), A = p(!!w.error);
 		y([D, () => w.error], ([e, t]) => {
-			e && (O.value = e, k.value = !!t);
+			e && (k.value = e, A.value = !!t);
 		});
-		let A = /* @__PURE__ */ new Set(), j = /* @__PURE__ */ new Set(), M;
-		function N() {
+		let j = /* @__PURE__ */ new Set(), M = /* @__PURE__ */ new Set(), N;
+		function P() {
 			return [...T.value.querySelectorAll("input:not([type=\"hidden\"]),textarea,select,button[role=\"combobox\"],[role=\"radiogroup\"]")].filter((e) => e.closest(".kima-field") === T.value);
 		}
-		function P() {
-			if (T.value) for (let e of N()) {
+		function F() {
+			if (T.value) for (let e of P()) {
 				let t = (e.getAttribute("aria-describedby") || "").split(/\s+/).filter(Boolean).filter((e) => e !== E);
-				D.value && (t.push(E), j.add(e));
+				D.value && (t.push(E), M.add(e));
 				let n = t.join(" ");
-				(e.getAttribute("aria-describedby") || "") !== n && (n ? e.setAttribute("aria-describedby", n) : e.removeAttribute("aria-describedby")), w.error && !e.hasAttribute("aria-invalid") && (e.setAttribute("aria-invalid", "true"), A.add(e)), !w.error && A.has(e) && (e.removeAttribute("aria-invalid"), A.delete(e));
+				(e.getAttribute("aria-describedby") || "") !== n && (n ? e.setAttribute("aria-describedby", n) : e.removeAttribute("aria-describedby")), w.error && !e.hasAttribute("aria-invalid") && (e.setAttribute("aria-invalid", "true"), j.add(e)), !w.error && j.has(e) && (e.removeAttribute("aria-invalid"), j.delete(e));
 			}
 		}
-		return y(D, P, { flush: "post" }), y(() => w.error, P, { flush: "post" }), d(() => {
-			P(), M = new MutationObserver(P), M.observe(T.value, {
+		return y(D, F, { flush: "post" }), y(() => w.error, F, { flush: "post" }), d(() => {
+			F(), N = new MutationObserver(F), N.observe(T.value, {
 				childList: !0,
 				subtree: !0,
 				attributes: !0,
 				attributeFilter: ["aria-describedby", "aria-invalid"]
 			});
 		}), u(() => {
-			M?.disconnect();
-			for (let e of j) {
+			N?.disconnect();
+			for (let e of M) {
 				let t = (e.getAttribute("aria-describedby") || "").split(/\s+/).filter((e) => e && e !== E);
 				t.length ? e.setAttribute("aria-describedby", t.join(" ")) : e.removeAttribute("aria-describedby");
 			}
-			for (let e of A) e.removeAttribute("aria-invalid");
+			for (let e of j) e.removeAttribute("aria-invalid");
 		}), (e, t) => (f(), o("div", {
 			ref_key: "root",
 			ref: T,
 			class: "kima-field"
 		}, [m(e.$slots, "default", {}, void 0, !0), c(i, l({ css: !1 }, g(n)), {
 			default: b(() => [x(s("div", {
+				ref_key: "messageWrap",
+				ref: O,
 				id: E,
 				class: "kima-field__messages",
 				inert: !D.value,
 				"aria-hidden": !D.value || void 0
-			}, [c(i, l({ name: "kima-content" }, g(r)), {
-				default: b(() => [(f(), o("p", {
-					key: `${k.value}:${O.value}`,
-					class: "kima-field__message",
-					role: k.value ? "alert" : void 0
-				}, h(O.value), 9, C))]),
-				_: 1
-			}, 16)], 8, S), [[v, D.value]])]),
+			}, [(f(), o("p", {
+				key: `${A.value}:${k.value}`,
+				class: "kima-field__message",
+				role: A.value ? "alert" : void 0
+			}, h(k.value), 9, C))], 8, S), [[v, D.value]])]),
 			_: 1
 		}, 16)], 512));
 	}
-}, [["__scopeId", "data-v-f2ce3fc2"]]);
+}, [["__scopeId", "data-v-a01eded5"]]);
 export { w as default };

package/dist/vue/components/input/file-upload.ce.js

@@ -1,21 +1,22 @@
 import { useRipple as e } from "../../utils/ripple.js";
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-import { collapseTransition as n, presenceTransition as r } from "../../utils/motion.js";
-import { useInputAttrs as i, useInputState as a } from "../../utils/input-state.js";
-import o from "../core/icon-button.ce.js";
-import s from "../core/tooltip.ce.js";
+import { collapseTransition as n, freezeLeaveLayout as r, presenceTransition as i } from "../../utils/motion.js";
+import { useInputAttrs as a, useInputState as o } from "../../utils/input-state.js";
+import s from "../core/icon-button.ce.js";
+import c from "../core/tooltip.ce.js";
+import { useContentMotion as l } from "../../utils/content-motion.js";
 /* empty css                                                               */
-import { Fragment as c, Transition as l, TransitionGroup as u, createElementBlock as d, createElementVNode as f, createVNode as p, mergeProps as m, nextTick as h, normalizeClass as g, normalizeStyle as _, openBlock as v, ref as y, renderList as b, toDisplayString as x, toRaw as S, unref as C, vShow as w, watch as T, withCtx as E, withDirectives as D, withModifiers as O } from "vue";
-import { Cancel01Icon as k } from "@hugeicons/core-free-icons";
+import { Fragment as u, Transition as d, TransitionGroup as f, createElementBlock as p, createElementVNode as m, createVNode as h, mergeProps as g, nextTick as _, normalizeClass as v, normalizeStyle as y, openBlock as b, ref as x, renderList as S, toDisplayString as C, toRaw as w, unref as T, vShow as E, watch as D, withCtx as O, withDirectives as k, withModifiers as A } from "vue";
+import { Cancel01Icon as j } from "@hugeicons/core-free-icons";
 // src/components/input/file-upload.ce.vue
-var A = ["aria-disabled"], j = ["aria-disabled"], M = [
+var M = ["aria-disabled"], N = ["aria-disabled"], P = [
 	"aria-label",
 	"name",
 	"accept",
 	"multiple",
 	"disabled",
 	"required"
-], N = ["inert", "aria-hidden"], P = { class: "kima-file-upload__filename" }, F = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+], F = ["inert", "aria-hidden"], I = { class: "kima-file-upload__filename" }, L = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
 	__name: "file-upload.ce",
 	props: {
 		modelValue: {
@@ -45,92 +46,97 @@ var A = ["aria-disabled"], j = ["aria-disabled"], M = [
 		"change",
 		"reject"
 	],
-	setup(t, { emit: F }) {
-		let I = t, L = F, R = y(null), z = y(null), B = y(!1), { attrs: V, controlAttrs: H } = i(), { local: U, update: W } = a(I, L, R, (e) => Array.isArray(e) ? e : [], () => h(G));
-		e(R);
-		function G() {
-			if (!z.value) return;
+	setup(t, { emit: L }) {
+		let R = t, z = L, B = x(null), V = x(null), H = x(!1), { attrs: U, controlAttrs: W } = a(), { local: G, update: K } = o(R, z, B, (e) => Array.isArray(e) ? e : [], () => _(J)), q = x(null);
+		l(B, () => G.value), e(B);
+		function J() {
+			if (!V.value) return;
 			let e = new DataTransfer();
-			for (let t of U.value) t instanceof File && e.items.add(t);
-			z.value.files = e.files;
+			for (let t of G.value) t instanceof File && e.items.add(t);
+			V.value.files = e.files;
 		}
-		T(U, () => h(G), {
+		D(G, () => _(J), {
 			immediate: !0,
 			deep: !0
 		});
-		function K(e) {
-			return !I.accept || I.accept.split(",").some((t) => {
+		function Y(e) {
+			return !R.accept || R.accept.split(",").some((t) => {
 				let n = t.trim().toLowerCase();
 				return n ? n.startsWith(".") ? e.name.toLowerCase().endsWith(n) : n.endsWith("/*") ? e.type.toLowerCase().startsWith(n.slice(0, -1)) : e.type.toLowerCase() === n : !1;
 			});
 		}
-		function q(e) {
-			if (I.disabled) return;
-			let t = [], n = Math.max(0, I.multiple ? I.maxFiles : Math.min(1, I.maxFiles));
+		function X(e) {
+			if (R.disabled) return;
+			let t = [], n = Math.max(0, R.multiple ? R.maxFiles : Math.min(1, R.maxFiles));
 			for (let r of e) {
-				let e = K(r) ? r.size > I.maxSize ? "size" : t.length >= n ? "count" : "" : "accept";
-				e ? L("reject", {
+				let e = Y(r) ? r.size > R.maxSize ? "size" : t.length >= n ? "count" : "" : "accept";
+				e ? z("reject", {
 					file: r,
 					reason: e
 				}) : t.push(r);
 			}
-			W(t), h(G);
+			K(t), _(J);
 		}
-		function J(e) {
-			B.value = !1, q([...e.dataTransfer.files]);
+		function Z(e) {
+			H.value = !1, X([...e.dataTransfer.files]);
 		}
-		function Y(e) {
-			I.disabled || W(U.value.filter((t, n) => n !== e));
+		function Q(e) {
+			R.disabled || K(G.value.filter((t, n) => n !== e));
 		}
-		let X = /* @__PURE__ */ new WeakMap(), Z = 0;
-		function Q(e, t) {
-			let n = S(e);
-			X.has(n) || X.set(n, ++Z);
-			let r = U.value.slice(0, t).filter((e) => S(e) === n).length;
-			return `${X.get(n)}-${r}`;
+		let $ = /* @__PURE__ */ new WeakMap(), ee = 0;
+		function te(e, t) {
+			let n = w(e);
+			$.has(n) || $.set(n, ++ee);
+			let r = G.value.slice(0, t).filter((e) => w(e) === n).length;
+			return `${$.get(n)}-${r}`;
 		}
-		return (e, i) => (v(), d("div", {
-			class: g(["kima-file-upload", C(V).class]),
-			style: _(C(V).style),
-			"aria-disabled": t.disabled || void 0
-		}, [f("div", {
+		return (e, a) => (b(), p("div", {
 			ref_key: "root",
-			ref: R,
-			class: g(["kima-file-upload__drop", { "kima-file-upload__drop--active": B.value && !t.disabled }]),
+			ref: B,
+			class: v(["kima-file-upload", T(U).class]),
+			style: y(T(U).style),
+			"aria-disabled": t.disabled || void 0
+		}, [m("div", {
+			class: v(["kima-file-upload__drop", { "kima-file-upload__drop--active": H.value && !t.disabled }]),
 			"aria-disabled": t.disabled || void 0,
-			onDragover: i[2] ||= O((e) => B.value = !0, ["prevent"]),
-			onDragleave: i[3] ||= O((e) => B.value = !1, ["prevent"]),
-			onDrop: O(J, ["prevent"])
-		}, [f("input", m({
+			onDragover: a[2] ||= A((e) => H.value = !0, ["prevent"]),
+			onDragleave: a[3] ||= A((e) => H.value = !1, ["prevent"]),
+			onDrop: A(Z, ["prevent"])
+		}, [m("input", g({
 			ref_key: "input",
-			ref: z
-		}, C(H), {
+			ref: V
+		}, T(W), {
 			type: "file",
-			"aria-label": C(H)["aria-label"] || t.label,
+			"aria-label": T(W)["aria-label"] || t.label,
 			name: t.name,
 			accept: t.accept,
 			multiple: t.multiple,
 			disabled: t.disabled,
 			required: t.required,
-			onInput: i[0] ||= O(() => {}, ["stop"]),
-			onChange: i[1] ||= O((e) => q([...e.target.files]), ["stop"])
-		}), null, 16, M), f("p", null, x(t.label), 1)], 42, j), p(l, m({ css: !1 }, C(n)), {
-			default: E(() => [D(f("div", {
-				inert: !C(U).length,
-				"aria-hidden": !C(U).length || void 0
-			}, [p(u, m({
+			onInput: a[0] ||= A(() => {}, ["stop"]),
+			onChange: a[1] ||= A((e) => X([...e.target.files]), ["stop"])
+		}), null, 16, P), m("p", null, C(t.label), 1)], 42, N), h(d, g({ css: !1 }, T(n)), {
+			default: O(() => [k(m("div", {
+				inert: !T(G).length,
+				"aria-hidden": !T(G).length || void 0
+			}, [h(f, g({
+				ref_key: "fileList",
+				ref: q,
 				tag: "ul",
 				name: "kima-list"
-			}, C(r), { class: "kima-file-upload__files" }), {
-				default: E(() => [(v(!0), d(c, null, b(C(U), (e, n) => (v(), d("li", { key: Q(e, n) }, [f("span", P, x(e.name) + " · " + x(e.size) + " B", 1), p(s, {
+			}, {
+				...T(i),
+				onBeforeLeave: T(r)
+			}, { class: "kima-file-upload__files" }), {
+				default: O(() => [(b(!0), p(u, null, S(T(G), (e, n) => (b(), p("li", { key: te(e, n) }, [m("span", I, C(e.name) + " · " + C(e.size) + " B", 1), h(c, {
 					text: "移除文件",
 					position: "left"
 				}, {
-					default: E(() => [p(o, {
-						icon: C(k),
+					default: O(() => [h(s, {
+						icon: T(j),
 						disabled: t.disabled,
 						label: `移除 ${e.name}`,
-						onClick: (e) => Y(n)
+						onClick: (e) => Q(n)
 					}, null, 8, [
 						"icon",
 						"disabled",
@@ -140,9 +146,9 @@ var A = ["aria-disabled"], j = ["aria-disabled"], M = [
 					_: 2
 				}, 1024)]))), 128))]),
 				_: 1
-			}, 16)], 8, N), [[w, C(U).length]])]),
+			}, 16)], 8, F), [[E, T(G).length]])]),
 			_: 1
-		}, 16)], 14, A));
+		}, 16)], 14, M));
 	}
-}), [["__scopeId", "data-v-1568bdab"]]);
-export { F as default };
+}), [["__scopeId", "data-v-8fd77a68"]]);
+export { L as default };