@kernel4632/kima 0.8.5 → 0.8.7

package/dist/styles/timeline.css

@@ -1,3 +1,3 @@
 @import "_tokens.css";
 @import "../components/core/icon.ce.vue_vue_type_style_index_0_scoped_5c94f2ca_lang.css";
-@import "../components/display/timeline.ce.vue_vue_type_style_index_0_scoped_ff6a1726_lang.css";
+@import "../components/display/timeline.ce.vue_vue_type_style_index_0_scoped_72323605_lang.css";

package/dist/styles/upload-manager.css

@@ -3,5 +3,5 @@
 @import "../components/core/icon.ce.vue_vue_type_style_index_0_scoped_5c94f2ca_lang.css";
 @import "../components/core/icon-button.ce.vue_vue_type_style_index_0_scoped_a18b4478_lang.css";
 @import "../components/core/tooltip.ce.vue_vue_type_style_index_0_scoped_2c931a6a_lang.css";
-@import "../components/input/file-upload.ce.vue_vue_type_style_index_0_scoped_1568bdab_lang.css";
-@import "../components/form-completion/upload-manager.ce.vue_vue_type_style_index_0_scoped_5d214e0f_lang.css";
+@import "../components/input/file-upload.ce.vue_vue_type_style_index_0_scoped_8fd77a68_lang.css";
+@import "../components/form-completion/upload-manager.ce.vue_vue_type_style_index_0_scoped_fe810c3a_lang.css";

package/dist/vue/components/advanced-input/editable.ce.js

@@ -3,22 +3,23 @@ import t from "../../_virtual/_plugin-vue_export-helper.js";
 import n from "../core/button.ce.js";
 import { presenceTransition as r } from "../../utils/motion.js";
 import { useInputState as i } from "../../utils/input-state.js";
+import { useContentMotion as a } from "../../utils/content-motion.js";
 /* empty css                                                            */
-import { Transition as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, mergeProps as f, nextTick as p, onBeforeUnmount as m, openBlock as h, ref as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, vShow as b, watch as x, withCtx as S, withDirectives as C } from "vue";
+import { Transition as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, mergeProps as p, nextTick as m, onBeforeUnmount as h, openBlock as g, ref as _, resolveDynamicComponent as v, toDisplayString as y, unref as b, vShow as x, watch as S, withCtx as C, withDirectives as w } from "vue";
 // src/components/advanced-input/editable.ce.vue
-var w = ["aria-busy"], T = [
+var T = ["aria-busy"], E = [
 	"disabled",
 	"aria-readonly",
 	"aria-label",
 	"inert"
-], E = ["inert", "aria-hidden"], D = { class: "kima-editable__actions" }, O = {
+], D = ["inert", "aria-hidden"], O = { class: "kima-editable__actions" }, k = {
 	key: 0,
 	role: "alert"
-}, k = [
+}, A = [
 	"name",
 	"value",
 	"disabled"
-], A = /*#__PURE__*/ t({
+], j = /*#__PURE__*/ t({
 	__name: "editable.ce",
 	props: {
 		modelValue: {
@@ -45,83 +46,83 @@ var w = ["aria-busy"], T = [
 		"error",
 		"update:editing"
 	],
-	setup(t, { expose: A, emit: j }) {
-		let M = t, N = j, P = g(null), F = g(null), I = g(null), L = g(!1), R = g(M.modelValue), z = g(!1), B = g(""), V = 0, { local: H, update: U } = i(M, N, P, (e) => String(e || ""), (e) => {
-			V += 1, z.value = !1, L.value = !1, R.value = e, B.value = "";
+	setup(t, { expose: j, emit: M }) {
+		let N = t, P = M, F = _(null), I = _(null), L = _(null), R = _(!1), z = _(N.modelValue), B = _(!1), V = _(""), H = 0, { local: U, update: W } = i(N, P, F, (e) => String(e || ""), (e) => {
+			H += 1, B.value = !1, R.value = !1, z.value = e, V.value = "";
 		});
-		e(P), x(() => M.modelValue, (e) => {
-			L.value || (R.value = e || "");
+		e(F), a(F, () => R.value), S(() => N.modelValue, (e) => {
+			R.value || (z.value = e || "");
 		});
-		async function W() {
-			M.disabled || M.readonly || z.value || (R.value = H.value, B.value = "", L.value = !0, N("update:editing", !0), await p(), L.value && (I.value?.focus(), I.value?.select?.()));
-		}
 		async function G() {
-			await p(), L.value || F.value?.focus();
+			N.disabled || N.readonly || B.value || (z.value = U.value, V.value = "", R.value = !0, P("update:editing", !0), await m(), R.value && (L.value?.focus(), L.value?.select?.()));
 		}
 		async function K() {
-			if (z.value || M.disabled || M.readonly || !I.value?.reportValidity()) return;
-			let e = ++V, t = R.value;
-			z.value = !0, B.value = "";
+			await m(), R.value || I.value?.focus();
+		}
+		async function q() {
+			if (B.value || N.disabled || N.readonly || !L.value?.reportValidity()) return;
+			let e = ++H, t = z.value;
+			B.value = !0, V.value = "";
 			try {
-				if (M.saveHandler && await M.saveHandler(t), e !== V) return;
-				U(t), N("save", t), L.value = !1, N("update:editing", !1), G();
+				if (N.saveHandler && await N.saveHandler(t), e !== H) return;
+				W(t), P("save", t), R.value = !1, P("update:editing", !1), K();
 			} catch (t) {
-				if (e !== V) return;
-				B.value = t?.message || String(t), N("error", t), await p(), I.value?.focus();
+				if (e !== H) return;
+				V.value = t?.message || String(t), P("error", t), await m(), L.value?.focus();
 			} finally {
-				e === V && (z.value = !1);
+				e === H && (B.value = !1);
 			}
 		}
-		function q() {
-			z.value || (V += 1, R.value = H.value, B.value = "", L.value = !1, N("cancel"), N("update:editing", !1), G());
+		function J() {
+			B.value || (H += 1, z.value = U.value, V.value = "", R.value = !1, P("cancel"), P("update:editing", !1), K());
 		}
-		function J(e) {
-			e.isComposing || e.keyCode === 229 || (e.key === "Escape" ? (e.preventDefault(), q()) : e.key === "Enter" && (!M.multiline || e.ctrlKey || e.metaKey) && (e.preventDefault(), K()));
+		function Y(e) {
+			e.isComposing || e.keyCode === 229 || (e.key === "Escape" ? (e.preventDefault(), J()) : e.key === "Enter" && (!N.multiline || e.ctrlKey || e.metaKey) && (e.preventDefault(), q()));
 		}
-		return m(() => {
-			V += 1;
-		}), A({
-			edit: W,
-			save: K,
-			cancel: q,
-			focus: () => F.value?.focus()
-		}), (e, i) => (h(), c("div", {
+		return h(() => {
+			H += 1;
+		}), j({
+			edit: G,
+			save: q,
+			cancel: J,
+			focus: () => I.value?.focus()
+		}), (e, i) => (g(), l("div", {
 			ref_key: "root",
-			ref: P,
+			ref: F,
 			class: "kima-editable",
-			"aria-busy": z.value || void 0
+			"aria-busy": B.value || void 0
 		}, [
-			d(a, f({ name: "kima-fade" }, y(r)), {
-				default: S(() => [C(l("button", {
+			f(o, p({ name: "kima-fade" }, b(r)), {
+				default: C(() => [w(u("button", {
 					ref_key: "display",
-					ref: F,
+					ref: I,
 					class: "kima-editable__display",
 					type: "button",
 					disabled: t.disabled,
 					"aria-readonly": t.readonly || void 0,
-					"aria-label": `${t.label}: ${y(H) || t.placeholder || ""}`,
-					inert: L.value,
-					onClick: W
-				}, v(y(H) || t.placeholder || "编辑"), 9, T), [[b, !L.value]])]),
+					"aria-label": `${t.label}: ${b(U) || t.placeholder || ""}`,
+					inert: R.value,
+					onClick: G
+				}, y(b(U) || t.placeholder || "编辑"), 9, E), [[x, !R.value]])]),
 				_: 1
 			}, 16),
-			d(a, f({ name: "kima-content" }, y(r)), {
-				default: S(() => [C(l("div", {
+			f(o, p({ name: "kima-content" }, b(r)), {
+				default: C(() => [w(u("div", {
 					class: "kima-editable__editor",
-					inert: !L.value,
-					"aria-hidden": !L.value || void 0
+					inert: !R.value,
+					"aria-hidden": !R.value || void 0
 				}, [
-					(h(), o(_(t.multiline ? "textarea" : "input"), {
+					(g(), s(v(t.multiline ? "textarea" : "input"), {
 						ref_key: "editor",
-						ref: I,
-						value: R.value,
+						ref: L,
+						value: z.value,
 						class: "kima-editable__input",
 						"aria-label": t.label,
 						required: t.required,
-						readonly: z.value,
+						readonly: B.value,
 						disabled: t.disabled,
-						onInput: i[0] ||= (e) => R.value = e.target.value,
-						onKeydown: J
+						onInput: i[0] ||= (e) => z.value = e.target.value,
+						onKeydown: Y
 					}, null, 40, [
 						"value",
 						"aria-label",
@@ -129,32 +130,32 @@ var w = ["aria-busy"], T = [
 						"readonly",
 						"disabled"
 					])),
-					l("div", D, [d(n, {
-						loading: z.value,
+					u("div", O, [f(n, {
+						loading: B.value,
 						disabled: t.disabled,
-						onClick: K
+						onClick: q
 					}, {
-						default: S(() => [...i[1] ||= [u("保存", -1)]]),
+						default: C(() => [...i[1] ||= [d("保存", -1)]]),
 						_: 1
-					}, 8, ["loading", "disabled"]), d(n, {
+					}, 8, ["loading", "disabled"]), f(n, {
 						variant: "text",
-						disabled: z.value || t.disabled,
-						onClick: q
+						disabled: B.value || t.disabled,
+						onClick: J
 					}, {
-						default: S(() => [...i[2] ||= [u("取消", -1)]]),
+						default: C(() => [...i[2] ||= [d("取消", -1)]]),
 						_: 1
 					}, 8, ["disabled"])]),
-					B.value ? (h(), c("p", O, v(B.value), 1)) : s("", !0)
-				], 8, E), [[b, L.value]])]),
+					V.value ? (g(), l("p", k, y(V.value), 1)) : c("", !0)
+				], 8, D), [[x, R.value]])]),
 				_: 1
 			}, 16),
-			l("input", {
+			u("input", {
 				type: "hidden",
 				name: t.name,
-				value: y(H),
+				value: b(U),
 				disabled: t.disabled
-			}, null, 8, k)
-		], 8, w));
+			}, null, 8, A)
+		], 8, T));
 	}
-}, [["__scopeId", "data-v-91cd5b33"]]);
-export { A as default };
+}, [["__scopeId", "data-v-82c96de0"]]);
+export { j as default };

package/dist/vue/components/core/text-field.ce.js

@@ -2,11 +2,12 @@ import { useRipple as e } from "../../utils/ripple.js";
 import t from "../../_virtual/_plugin-vue_export-helper.js";
 import n from "./icon.ce.js";
 import { collapseTransition as r, presenceTransition as i } from "../../utils/motion.js";
+import { useContentMotion as a } from "../../utils/content-motion.js";
 /* empty css                                                              */
-import { Transition as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, isRef as f, mergeProps as p, nextTick as m, normalizeClass as h, normalizeStyle as g, onBeforeUnmount as _, onMounted as v, openBlock as y, ref as b, toDisplayString as x, unref as S, useAttrs as C, useId as w, vShow as T, watch as E, withCtx as D, withDirectives as O, withModifiers as k } from "vue";
-import { Cancel01Icon as A, ViewIcon as ee, ViewOffIcon as te } from "@hugeicons/core-free-icons";
+import { Transition as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, isRef as p, mergeProps as m, nextTick as h, normalizeClass as g, normalizeStyle as _, onBeforeUnmount as v, onMounted as y, openBlock as b, ref as x, toDisplayString as S, unref as C, useAttrs as ee, useId as te, vShow as w, watch as T, withCtx as E, withDirectives as D, withModifiers as O } from "vue";
+import { Cancel01Icon as k, ViewIcon as A, ViewOffIcon as j } from "@hugeicons/core-free-icons";
 // src/components/core/text-field.ce.vue
-var ne = ["aria-disabled"], re = [
+var M = ["aria-disabled"], ne = [
 	"name",
 	"type",
 	"value",
@@ -18,10 +19,10 @@ var ne = ["aria-disabled"], re = [
 	"aria-describedby",
 	"aria-invalid",
 	"aria-required"
-], ie = {
+], re = {
 	key: 0,
 	class: "kima-text-field__actions"
-}, ae = ["aria-label", "disabled"], oe = ["disabled"], se = ["disabled"], j = ["inert", "aria-hidden"], M = ["id", "role"], N = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, ie = ["aria-label", "disabled"], ae = ["disabled"], oe = ["disabled"], se = ["inert", "aria-hidden"], ce = ["id", "role"], N = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
 	__name: "text-field.ce",
 	props: {
 		label: {
@@ -56,37 +57,37 @@ var ne = ["aria-disabled"], re = [
 	},
 	emits: ["update:modelValue", "change"],
 	setup(t, { expose: N, emit: P }) {
-		let F = t, I = P, L = C(), R = w(), z = b(null), B = b(null);
+		let F = t, I = P, L = ee(), R = te(), z = x(null), B = x(null);
 		e(B);
-		let V = b(!1), H = b(F.modelValue), U = !1, W, G, K = `kima-text-field-${R}-hint`, q = `kima-text-field-${R}-error`, J = o(() => F.error.length > 0), Y = o(() => F.clearable && H.value.length > 0 && !F.readonly), ce = o(() => F.type === "password" && V.value ? "text" : F.type);
-		function le() {
+		let V = x(!1), H = x(F.modelValue), U = !1, W, G, K = `kima-text-field-${R}-hint`, q = `kima-text-field-${R}-error`, J = s(() => F.error.length > 0), Y = s(() => F.clearable && H.value.length > 0 && !F.readonly), le = s(() => F.type === "password" && V.value ? "text" : F.type);
+		function ue() {
 			let e = [];
 			return F.error ? e.push(q) : F.hint && e.push(K), L["aria-describedby"] && e.push(L["aria-describedby"]), e.length > 0 ? e.join(" ") : void 0;
 		}
-		function ue() {
+		function de() {
 			return L["aria-label"] || L.ariaLabel || F.label || F.placeholder || void 0;
 		}
-		function de() {
+		function fe() {
 			let e = { ...L };
 			return delete e.id, delete e.class, delete e.style, delete e["aria-describedby"], delete e["aria-label"], delete e.ariaLabel, e;
 		}
-		E(() => F.modelValue, (e) => {
+		T(() => F.modelValue, (e) => {
 			e !== H.value && (H.value = e);
 		});
 		function X(e) {
 			U || e.isComposing || e.target.value === H.value || (H.value = e.target.value, I("update:modelValue", H.value));
 		}
-		function Z() {
+		function pe() {
 			I("change", H.value);
 		}
-		function Q() {
-			F.disabled || F.readonly || !H.value || (H.value = "", I("update:modelValue", H.value), I("change", H.value), m(() => z.value?.focus()));
+		function Z() {
+			F.disabled || F.readonly || !H.value || (H.value = "", I("update:modelValue", H.value), I("change", H.value), h(() => z.value?.focus()));
 		}
-		function fe() {
+		function me() {
 			z.value?.focus();
 		}
-		N({ focus: fe });
-		function $(e) {
+		N({ focus: me });
+		function Q(e) {
 			e.target === z.value.form && queueMicrotask(() => {
 				if (e.defaultPrevented || !z.value) return;
 				U = !1;
@@ -94,101 +95,101 @@ var ne = ["aria-disabled"], re = [
 				H.value = W, z.value.value = W, t && I("update:modelValue", W);
 			});
 		}
-		return v(() => {
-			W = H.value, z.value.defaultValue = W, G = z.value.ownerDocument, G.addEventListener("reset", $, !0);
-		}), _(() => G.removeEventListener("reset", $, !0)), (e, o) => (y(), l("div", {
-			class: h(["kima-text-field", [{
+		let $ = x(null);
+		return a($, () => [F.error || F.hint, !!F.error]), y(() => {
+			W = H.value, z.value.defaultValue = W, G = z.value.ownerDocument, G.addEventListener("reset", Q, !0);
+		}), v(() => G.removeEventListener("reset", Q, !0)), (e, a) => (b(), u("div", {
+			class: g(["kima-text-field", [{
 				"kima-text-field--error": J.value,
 				"kima-text-field--disabled": t.disabled,
 				"kima-text-field--readonly": t.readonly
-			}, S(L).class]]),
-			style: g(S(L).style)
-		}, [u("div", {
+			}, C(L).class]]),
+			style: _(C(L).style)
+		}, [d("div", {
 			ref_key: "control",
 			ref: B,
 			class: "kima-text-field__control",
 			"aria-disabled": t.disabled || void 0
-		}, [u("input", p({
+		}, [d("input", m({
 			ref_key: "input",
 			ref: z
-		}, de(), {
+		}, fe(), {
 			name: t.name,
-			type: ce.value,
+			type: le.value,
 			value: H.value,
 			required: t.required,
 			disabled: t.disabled,
 			readonly: t.readonly,
 			placeholder: t.placeholder,
-			"aria-label": ue(),
-			"aria-describedby": le(),
+			"aria-label": de(),
+			"aria-describedby": ue(),
 			"aria-invalid": J.value || void 0,
 			"aria-required": t.required || void 0,
-			onInput: k(X, ["stop"]),
-			onCompositionstart: o[0] ||= (e) => f(U) ? U.value = !0 : U = !0,
-			onCompositionend: o[1] ||= (e) => {
-				f(U) ? U.value = !1 : U = !1, X(e);
+			onInput: O(X, ["stop"]),
+			onCompositionstart: a[0] ||= (e) => p(U) ? U.value = !0 : U = !0,
+			onCompositionend: a[1] ||= (e) => {
+				p(U) ? U.value = !1 : U = !1, X(e);
 			},
-			onChange: k(Z, ["stop"])
-		}), null, 16, re), t.type === "password" ? (y(), l("div", ie, [u("button", {
+			onChange: O(pe, ["stop"])
+		}), null, 16, ne), t.type === "password" ? (b(), u("div", re, [d("button", {
 			class: "kima-text-field__action",
 			type: "button",
 			"aria-label": V.value ? "隐藏密码" : "显示密码",
 			disabled: t.disabled,
-			onClick: o[2] ||= (e) => V.value = !V.value
-		}, [d(n, {
-			icon: V.value ? S(te) : S(ee),
+			onClick: a[2] ||= (e) => V.value = !V.value
+		}, [f(n, {
+			icon: V.value ? C(j) : C(A),
 			size: 18,
 			color: "currentColor"
-		}, null, 8, ["icon"])], 8, ae), d(a, p({ name: "kima-fade" }, S(i)), {
-			default: D(() => [Y.value ? (y(), l("button", {
+		}, null, 8, ["icon"])], 8, ie), f(o, m({ name: "kima-fade" }, C(i)), {
+			default: E(() => [Y.value ? (b(), u("button", {
 				key: 0,
 				class: "kima-text-field__action",
 				type: "button",
 				"aria-label": "清除内容",
 				disabled: t.disabled,
-				onClick: Q
-			}, [d(n, {
-				icon: S(A),
+				onClick: Z
+			}, [f(n, {
+				icon: C(k),
 				size: 18,
 				color: "currentColor"
-			}, null, 8, ["icon"])], 8, oe)) : c("", !0)]),
+			}, null, 8, ["icon"])], 8, ae)) : l("", !0)]),
 			_: 1
-		}, 16)])) : (y(), s(a, p({
+		}, 16)])) : (b(), c(o, m({
 			key: 1,
 			name: "kima-fade"
-		}, S(i)), {
-			default: D(() => [Y.value ? (y(), l("button", {
+		}, C(i)), {
+			default: E(() => [Y.value ? (b(), u("button", {
 				key: 0,
 				class: "kima-text-field__action kima-text-field__action--clear",
 				type: "button",
 				"aria-label": "清除内容",
 				disabled: t.disabled,
-				onClick: Q
-			}, [d(n, {
-				icon: S(A),
+				onClick: Z
+			}, [f(n, {
+				icon: C(k),
 				size: 18,
 				color: "currentColor"
-			}, null, 8, ["icon"])], 8, se)) : c("", !0)]),
+			}, null, 8, ["icon"])], 8, oe)) : l("", !0)]),
 			_: 1
-		}, 16))], 8, ne), d(a, p({ css: !1 }, {
-			...S(r),
-			...S(i)
+		}, 16))], 8, M), f(o, m({ css: !1 }, {
+			...C(r),
+			...C(i)
 		}), {
-			default: D(() => [O(u("div", {
+			default: E(() => [D(d("div", {
+				ref_key: "messageWrap",
+				ref: $,
 				class: "kima-text-field__message-wrap",
 				inert: !(t.error || t.hint),
 				"aria-hidden": !(t.error || t.hint) || void 0
-			}, [d(a, p({ name: "kima-fade" }, S(i)), {
-				default: D(() => [t.error || t.hint ? (y(), l("p", {
-					key: `${t.error ? "error" : "hint"}:${t.error || t.hint}`,
-					class: h(["kima-text-field__message", { "kima-text-field__message--error": !!t.error }]),
-					id: t.error ? q : K,
-					role: t.error ? "alert" : void 0
-				}, x(t.error || t.hint), 11, M)) : c("", !0)]),
-				_: 1
-			}, 16)], 8, j), [[T, t.error || t.hint]])]),
+			}, [t.error || t.hint ? (b(), u("p", {
+				key: `${t.error ? "error" : "hint"}:${t.error || t.hint}`,
+				class: g(["kima-text-field__message", { "kima-text-field__message--error": !!t.error }]),
+				id: t.error ? q : K,
+				role: t.error ? "alert" : void 0
+			}, S(t.error || t.hint), 11, ce)) : l("", !0)], 8, se), [[w, t.error || t.hint]])]),
 			_: 1
 		}, 16)], 6));
 	}
-}), [["__scopeId", "data-v-7334ab60"]]);
+}), [["__scopeId", "data-v-f22e5c02"]]);
 export { N as default };