@kernel4632/kima 0.8.4 → 0.8.6

package/dist/vue/components/display/list.ce.js

@@ -1,16 +1,17 @@
 import { useNativeSlots as e } from "../../utils/native-slots.js";
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-import { presenceTransition as n } from "../../utils/motion.js";
+import { freezeLeaveLayout as n, presenceTransition as r } from "../../utils/motion.js";
+import { useContentMotion as i } from "../../utils/content-motion.js";
 /* empty css                                                        */
-import { Fragment as r, TransitionGroup as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, mergeProps as u, openBlock as d, ref as f, renderList as p, renderSlot as m, resolveDynamicComponent as h, toDisplayString as g, toRaw as _, unref as v, useAttrs as y, withCtx as b } from "vue";
+import { Fragment as a, TransitionGroup as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, mergeProps as f, openBlock as p, ref as m, renderList as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, toRaw as y, unref as b, useAttrs as x, withCtx as S } from "vue";
 // src/components/display/list.ce.vue
-var x = { class: "kima-list__body" }, S = { key: 0 }, C = {
+var C = { class: "kima-list__body" }, w = { key: 0 }, T = {
 	key: 0,
 	class: "kima-list__action"
-}, w = {
+}, E = {
 	key: "empty",
 	class: "kima-list__empty"
-}, T = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, D = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
 	__name: "list.ce",
 	props: {
 		items: {
@@ -36,38 +37,43 @@ var x = { class: "kima-list__body" }, S = { key: 0 }, C = {
 		}
 	},
 	setup(t) {
-		let T = t, E = y(), D = f(null), { isCustomElement: O, hasNativeSlot: k } = e(D), A = /* @__PURE__ */ new WeakMap(), j = 0;
-		function M(e, t) {
+		let D = t, O = x(), k = m(null), { isCustomElement: A, hasNativeSlot: j } = e(k);
+		i(k, () => D.items);
+		let M = /* @__PURE__ */ new WeakMap(), N = 0;
+		function P(e, t) {
 			let n;
 			if (typeof e == "object" && e) {
-				let t = _(e);
-				t.id == null ? (A.has(t) || A.set(t, ++j), n = `object:${A.get(t)}`) : n = `id:${typeof t.id}:${t.id}`;
+				let t = y(e);
+				t.id == null ? (M.has(t) || M.set(t, ++N), n = `object:${M.get(t)}`) : n = `id:${typeof t.id}:${t.id}`;
 			} else n = `value:${typeof e}:${e}`;
-			let r = T.items.slice(0, t).filter((t) => Object.is(_(t), _(e))).length;
+			let r = D.items.slice(0, t).filter((t) => Object.is(y(t), y(e))).length;
 			return `${n}:${r}`;
 		}
-		return (e, f) => (d(), a(h(t.ordered ? "ol" : "ul"), u({
+		return (e, i) => (p(), s(_(t.ordered ? "ol" : "ul"), f({
 			ref_key: "root",
-			ref: D
+			ref: k
 		}, {
-			...v(E),
-			id: v(O) ? void 0 : v(E).id
+			...b(O),
+			id: b(A) ? void 0 : b(O).id
 		}, {
 			class: ["kima-list", { "kima-list--plain": t.variant === "plain" }],
 			style: { "--kima-list-gap": typeof t.gap == "number" ? `${t.gap}px` : t.gap || void 0 },
 			"aria-label": t.label
 		}), {
-			default: b(() => [m(e.$slots, "default", {}, () => [l(i, u({ name: "kima-list" }, v(n)), {
-				default: b(() => [(d(!0), s(r, null, p(t.items, (t, n) => (d(), s("li", {
-					key: M(t, n),
+			default: S(() => [g(e.$slots, "default", {}, () => [d(o, f({ name: "kima-list" }, {
+				...b(r),
+				onBeforeLeave: b(n)
+			}), {
+				default: S(() => [(p(!0), l(a, null, h(t.items, (t, n) => (p(), l("li", {
+					key: P(t, n),
 					class: "kima-list__item"
-				}, [m(e.$slots, "item", {
+				}, [g(e.$slots, "item", {
 					item: t,
 					index: n
-				}, () => [c("div", x, [c("strong", null, g(typeof t == "object" && t ? t.title : t), 1), t?.description ? (d(), s("p", S, g(t.description), 1)) : o("", !0)]), e.$slots.action ? (d(), s("div", C, [m(e.$slots, "action", {
+				}, () => [u("div", C, [u("strong", null, v(typeof t == "object" && t ? t.title : t), 1), t?.description ? (p(), l("p", w, v(t.description), 1)) : c("", !0)]), e.$slots.action ? (p(), l("div", T, [g(e.$slots, "action", {
 					item: t,
 					index: n
-				}, void 0, !0)])) : o("", !0)], !0)]))), 128)), !t.items.length && !v(k)("default") ? (d(), s("li", w, g(t.emptyText), 1)) : o("", !0)]),
+				}, void 0, !0)])) : c("", !0)], !0)]))), 128)), !t.items.length && !b(j)("default") ? (p(), l("li", E, v(t.emptyText), 1)) : c("", !0)]),
 				_: 3
 			}, 16)], !0)]),
 			_: 3
@@ -77,5 +83,5 @@ var x = { class: "kima-list__body" }, S = { key: 0 }, C = {
 			"aria-label"
 		]));
 	}
-}), [["__scopeId", "data-v-1c170b37"]]);
-export { T as default };
+}), [["__scopeId", "data-v-df3ec98f"]]);
+export { D as default };

package/dist/vue/components/display/skeleton.ce.js

@@ -1,20 +1,21 @@
 import { useNativeSlots as e } from "../../utils/native-slots.js";
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-import { presenceTransition as n } from "../../utils/motion.js";
+import { freezeLeaveLayout as n, presenceTransition as r } from "../../utils/motion.js";
+import { useContentMotion as i } from "../../utils/content-motion.js";
 /* empty css                                                            */
-import { Fragment as r, Transition as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, mergeProps as u, openBlock as d, ref as f, renderList as p, renderSlot as m, unref as h, useAttrs as g, vShow as _, withCtx as v, withDirectives as y } from "vue";
+import { Fragment as a, Transition as o, computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, mergeProps as f, openBlock as p, ref as m, renderList as h, renderSlot as g, unref as _, useAttrs as v, vShow as y, withCtx as b, withDirectives as x } from "vue";
 // src/components/display/skeleton.ce.vue
-var b = [
+var S = [
 	"aria-busy",
 	"aria-label",
 	"role"
-], x = {
+], C = {
 	class: "kima-skeleton__placeholder",
 	"aria-hidden": "true"
-}, S = {
+}, w = {
 	key: 0,
 	class: "kima-skeleton__avatar"
-}, C = { class: "kima-skeleton__lines" }, w = ["inert", "aria-hidden"], T = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, T = { class: "kima-skeleton__lines" }, E = ["inert", "aria-hidden"], D = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
 	__name: "skeleton.ce",
 	props: {
 		loading: {
@@ -36,32 +37,38 @@ var b = [
 		}
 	},
 	setup(t) {
-		let T = t, E = g(), D = f(null), { isCustomElement: O } = e(D), k = a(() => Number.isFinite(T.rows) ? Math.min(50, Math.max(1, Math.floor(T.rows))) : 3);
-		return (e, a) => (d(), s("div", u({
+		let D = t, O = v(), k = m(null), { isCustomElement: A } = e(k), j = s(() => Number.isFinite(D.rows) ? Math.min(50, Math.max(1, Math.floor(D.rows))) : 3);
+		return i(k, () => D.loading), (e, i) => (p(), l("div", f({
 			ref_key: "root",
-			ref: D
+			ref: k
 		}, {
-			...h(E),
-			id: h(O) ? void 0 : h(E).id
+			..._(O),
+			id: _(A) ? void 0 : _(O).id
 		}, {
 			class: ["kima-skeleton", { "kima-skeleton--animated": t.animated && t.loading }],
 			"aria-busy": t.loading || void 0,
 			"aria-label": t.loading ? t.label : void 0,
 			role: t.loading ? "status" : void 0
-		}), [l(i, { name: "kima-fade" }, {
-			default: v(() => [y(c("div", x, [t.avatar ? (d(), s("span", S)) : o("", !0), c("div", C, [(d(!0), s(r, null, p(k.value, (e) => (d(), s("span", {
+		}), [d(o, f({ name: "kima-fade" }, {
+			..._(r),
+			onBeforeLeave: _(n)
+		}), {
+			default: b(() => [x(u("div", C, [t.avatar ? (p(), l("span", w)) : c("", !0), u("div", T, [(p(!0), l(a, null, h(j.value, (e) => (p(), l("span", {
 				key: e,
 				class: "kima-skeleton__line"
-			}))), 128))])], 512), [[_, t.loading]])]),
+			}))), 128))])], 512), [[y, t.loading]])]),
 			_: 1
-		}), l(i, u({ name: "kima-fade" }, h(n)), {
-			default: v(() => [y(c("div", {
+		}, 16), d(o, f({ name: "kima-fade" }, {
+			..._(r),
+			onBeforeLeave: _(n)
+		}), {
+			default: b(() => [x(u("div", {
 				class: "kima-skeleton__content",
 				inert: t.loading,
 				"aria-hidden": t.loading || void 0
-			}, [m(e.$slots, "default", {}, void 0, !0)], 8, w), [[_, !t.loading]])]),
+			}, [g(e.$slots, "default", {}, void 0, !0)], 8, E), [[y, !t.loading]])]),
 			_: 3
-		}, 16)], 16, b));
+		}, 16)], 16, S));
 	}
-}), [["__scopeId", "data-v-d9a7d212"]]);
-export { T as default };
+}), [["__scopeId", "data-v-92807af5"]]);
+export { D as default };

package/dist/vue/components/display/timeline.ce.js

@@ -1,12 +1,13 @@
 import { useNativeSlots as e } from "../../utils/native-slots.js";
 import t from "../../_virtual/_plugin-vue_export-helper.js";
 import n from "../core/icon.ce.js";
-import { presenceTransition as r } from "../../utils/motion.js";
-import { displayStatus as i } from "../../utils/display-status.js";
+import { freezeLeaveLayout as r, presenceTransition as i } from "../../utils/motion.js";
+import { displayStatus as a } from "../../utils/display-status.js";
+import { useContentMotion as o } from "../../utils/content-motion.js";
 /* empty css                                                            */
-import { Fragment as a, TransitionGroup as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, mergeProps as d, openBlock as f, ref as p, renderList as m, renderSlot as h, toDisplayString as g, unref as _, useAttrs as v, withCtx as y } from "vue";
+import { Fragment as s, TransitionGroup as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, mergeProps as p, openBlock as m, ref as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, useAttrs as b, withCtx as x } from "vue";
 // src/components/display/timeline.ce.vue
-var b = ["aria-label"], x = ["data-variant"], S = ["aria-label"], C = { class: "kima-timeline__body" }, w = ["datetime"], T = { key: 1 }, E = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+var S = ["aria-label"], C = ["data-variant"], w = ["aria-label"], T = { class: "kima-timeline__body" }, E = ["datetime"], D = { key: 1 }, O = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
 	__name: "timeline.ce",
 	props: {
 		items: {
@@ -19,41 +20,48 @@ var b = ["aria-label"], x = ["data-variant"], S = ["aria-label"], C = { class: "
 		}
 	},
 	setup(t) {
-		let E = v(), D = p(null), { isCustomElement: O } = e(D);
-		return (e, p) => (f(), c("ol", d({
+		let O = t, k = b(), A = h(null), { isCustomElement: j } = e(A);
+		return o(A, () => O.items), (e, o) => (m(), u("ol", p({
 			ref_key: "root",
-			ref: D
+			ref: A
 		}, {
-			..._(E),
-			id: _(O) ? void 0 : _(E).id
+			...y(k),
+			id: y(j) ? void 0 : y(k).id
 		}, {
 			class: "kima-timeline",
 			"aria-label": t.label
-		}), [h(e.$slots, "default", {}, () => [u(o, d({ name: "kima-list" }, _(r)), {
-			default: y(() => [(f(!0), c(a, null, m(t.items, (t, r) => (f(), c("li", {
+		}), [f(c, p({
+			name: "kima-list",
+			tag: "div",
+			class: "kima-timeline__items"
+		}, {
+			...y(i),
+			onBeforeLeave: y(r)
+		}), {
+			default: x(() => [(m(!0), u(s, null, g(t.items, (t, r) => (m(), u("li", {
 				key: t.id ?? r,
 				class: "kima-timeline__item",
-				"data-variant": _(i)(t.variant).variant
-			}, [l("span", {
+				"data-variant": y(a)(t.variant).variant
+			}, [d("span", {
 				class: "kima-timeline__marker",
 				role: "img",
-				"aria-label": _(i)(t.variant).label
-			}, [u(n, {
-				icon: _(i)(t.variant).icon,
+				"aria-label": y(a)(t.variant).label
+			}, [f(n, {
+				icon: y(a)(t.variant).icon,
 				size: 24
-			}, null, 8, ["icon"])], 8, S), l("div", C, [h(e.$slots, "item", {
+			}, null, 8, ["icon"])], 8, w), d("div", T, [_(e.$slots, "item", {
 				item: t,
 				index: r
 			}, () => [
-				t.time ? (f(), c("time", {
+				t.time ? (m(), u("time", {
 					key: 0,
 					datetime: t.datetime
-				}, g(t.time), 9, w)) : s("", !0),
-				l("strong", null, g(t.title), 1),
-				t.description ? (f(), c("p", T, g(t.description), 1)) : s("", !0)
-			], !0)])], 8, x))), 128))]),
+				}, v(t.time), 9, E)) : l("", !0),
+				d("strong", null, v(t.title), 1),
+				t.description ? (m(), u("p", D, v(t.description), 1)) : l("", !0)
+			], !0)])], 8, C))), 128))]),
 			_: 3
-		}, 16)], !0)], 16, b));
+		}, 16)], 16, S));
 	}
-}), [["__scopeId", "data-v-ff6a1726"]]);
-export { E as default };
+}), [["__scopeId", "data-v-72323605"]]);
+export { O as default };

package/dist/vue/components/form-completion/dynamic-input.ce.js

@@ -1,13 +1,14 @@
 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 "../core/icon-button.ce.js";
-import i from "../core/tooltip.ce.js";
+import { freezeLeaveLayout as n, presenceTransition as r } from "../../utils/motion.js";
+import i from "../core/icon-button.ce.js";
+import a from "../core/tooltip.ce.js";
+import { useContentMotion as o } from "../../utils/content-motion.js";
 /* empty css                                                                 */
-import { Fragment as a, TransitionGroup as o, computed as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, mergeProps as f, openBlock as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
-import { ArrowDown01Icon as b, ArrowUp01Icon as x, Cancel01Icon as S } from "@hugeicons/core-free-icons";
+import { Fragment as s, TransitionGroup as c, computed as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, mergeProps as m, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
+import { ArrowDown01Icon as S, ArrowUp01Icon as C, Cancel01Icon as w } from "@hugeicons/core-free-icons";
 // src/components/form-completion/dynamic-input.ce.vue
-var C = ["aria-label"], w = { class: "kima-dynamic-input__actions" }, T = /*#__PURE__*/ e({
+var T = ["aria-label"], E = { class: "kima-dynamic-input__actions" }, D = /*#__PURE__*/ e({
 	__name: "dynamic-input.ce",
 	props: {
 		modelValue: {
@@ -39,80 +40,86 @@ var C = ["aria-label"], w = { class: "kima-dynamic-input__actions" }, T = /*#__P
 		"remove",
 		"move"
 	],
-	setup(e, { expose: T, emit: E }) {
-		let D = e, O = E, k = 0, A = /* @__PURE__ */ new WeakMap();
-		function j(e) {
-			return !e || typeof e != "object" ? `row-${++k}` : (A.has(e) || A.set(e, e.id || `row-${++k}`), A.get(e));
+	setup(e, { expose: D, emit: O }) {
+		let k = e, A = O, j = 0, M = /* @__PURE__ */ new WeakMap();
+		function N(e) {
+			return !e || typeof e != "object" ? `row-${++j}` : (M.has(e) || M.set(e, e.id || `row-${++j}`), M.get(e));
 		}
-		let M = m(D.modelValue.map((e) => ({ ...e }))), N = s(() => D.disabled || M.value.length >= D.max);
-		function P(e, t, n) {
-			M.value = e, O("update:modelValue", e.map((e) => ({ ...e }))), O("change", e.map((e) => ({ ...e }))), t && O(t, n);
+		let P = g(k.modelValue.map((e) => ({ ...e }))), F = l(() => k.disabled || P.value.length >= k.max), I = g(null);
+		o(I, () => P.value);
+		function L(e, t, n) {
+			P.value = e, A("update:modelValue", e.map((e) => ({ ...e }))), A("change", e.map((e) => ({ ...e }))), t && A(t, n);
 		}
-		function F() {
-			if (N.value) return;
+		function R() {
+			if (F.value) return;
 			let e = {
-				...D.create(),
-				id: `row-${++k}`
+				...k.create(),
+				id: `row-${++j}`
 			};
-			P([...M.value, e], "add", {
+			L([...P.value, e], "add", {
 				row: e,
-				index: M.value.length
+				index: P.value.length
 			});
 		}
-		function I(e) {
-			if (D.disabled || M.value.length <= D.min) return;
-			let t = M.value[e];
-			P(M.value.filter((t, n) => n !== e), "remove", {
+		function z(e) {
+			if (k.disabled || P.value.length <= k.min) return;
+			let t = P.value[e];
+			L(P.value.filter((t, n) => n !== e), "remove", {
 				row: t,
 				index: e
 			});
 		}
-		function L(e, t) {
+		function B(e, t) {
 			let n = e + t;
-			if (D.disabled || n < 0 || n >= M.value.length) return;
-			let r = [...M.value];
-			[r[e], r[n]] = [r[n], r[e]], P(r, "move", {
+			if (k.disabled || n < 0 || n >= P.value.length) return;
+			let r = [...P.value];
+			[r[e], r[n]] = [r[n], r[e]], L(r, "move", {
 				row: r[n],
 				from: e,
 				to: n
 			});
 		}
-		function R(e, t) {
-			let n = [...M.value];
-			n[e] = t, P(n);
+		function V(e, t) {
+			let n = [...P.value];
+			n[e] = t, L(n);
 		}
-		function z() {
-			return M.value.every((e) => e && e.valid !== !1);
+		function H() {
+			return P.value.every((e) => e && e.valid !== !1);
 		}
-		return T({
-			add: F,
-			remove: I,
-			move: L,
-			validate: z,
-			rows: M
-		}), (s, m) => (p(), c("div", {
+		return D({
+			add: R,
+			remove: z,
+			move: B,
+			validate: H,
+			rows: P
+		}), (o, l) => (h(), u("div", {
+			ref_key: "root",
+			ref: I,
 			class: "kima-dynamic-input",
 			role: "group",
 			"aria-label": e.label
-		}, [d(o, f({
+		}, [p(c, m({
 			tag: "div",
 			name: "kima-list"
-		}, v(n), { class: "kima-dynamic-input__rows" }), {
-			default: y(() => [(p(!0), c(a, null, h(M.value, (t, n) => (p(), c("div", {
-				key: j(t),
+		}, {
+			...b(r),
+			onBeforeLeave: b(n)
+		}, { class: "kima-dynamic-input__rows" }), {
+			default: x(() => [(h(!0), u(s, null, _(P.value, (t, n) => (h(), u("div", {
+				key: N(t),
 				class: "kima-dynamic-input__row"
-			}, [g(s.$slots, "default", {
+			}, [v(o.$slots, "default", {
 				row: t,
 				index: n,
-				id: j(t),
-				update: (e) => R(n, e)
-			}, () => [l("output", null, _(JSON.stringify(t)), 1)], !0), l("div", w, [
-				d(i, { text: "上移" }, {
-					default: y(() => [d(r, {
-						icon: v(x),
+				id: N(t),
+				update: (e) => V(n, e)
+			}, () => [d("output", null, y(JSON.stringify(t)), 1)], !0), d("div", E, [
+				p(a, { text: "上移" }, {
+					default: x(() => [p(i, {
+						icon: b(C),
 						label: `${e.label}上移第${n + 1}项`,
 						disabled: e.disabled || n === 0,
-						onClick: (e) => L(n, -1)
+						onClick: (e) => B(n, -1)
 					}, null, 8, [
 						"icon",
 						"label",
@@ -121,12 +128,12 @@ var C = ["aria-label"], w = { class: "kima-dynamic-input__actions" }, T = /*#__P
 					])]),
 					_: 2
 				}, 1024),
-				d(i, { text: "下移" }, {
-					default: y(() => [d(r, {
-						icon: v(b),
+				p(a, { text: "下移" }, {
+					default: x(() => [p(i, {
+						icon: b(S),
 						label: `${e.label}下移第${n + 1}项`,
-						disabled: e.disabled || n === M.value.length - 1,
-						onClick: (e) => L(n, 1)
+						disabled: e.disabled || n === P.value.length - 1,
+						onClick: (e) => B(n, 1)
 					}, null, 8, [
 						"icon",
 						"label",
@@ -135,12 +142,12 @@ var C = ["aria-label"], w = { class: "kima-dynamic-input__actions" }, T = /*#__P
 					])]),
 					_: 2
 				}, 1024),
-				d(i, { text: "移除" }, {
-					default: y(() => [d(r, {
-						icon: v(S),
+				p(a, { text: "移除" }, {
+					default: x(() => [p(i, {
+						icon: b(w),
 						label: `移除第${n + 1}项`,
-						disabled: e.disabled || M.value.length <= e.min,
-						onClick: (e) => I(n)
+						disabled: e.disabled || P.value.length <= e.min,
+						onClick: (e) => z(n)
 					}, null, 8, [
 						"icon",
 						"label",
@@ -151,14 +158,14 @@ var C = ["aria-label"], w = { class: "kima-dynamic-input__actions" }, T = /*#__P
 				}, 1024)
 			])]))), 128))]),
 			_: 3
-		}, 16), d(t, {
+		}, 16), p(t, {
 			variant: "tonal",
-			disabled: N.value,
-			onClick: F
+			disabled: F.value,
+			onClick: R
 		}, {
-			default: y(() => [...m[0] ||= [u("添加字段", -1)]]),
+			default: x(() => [...l[0] ||= [f("添加字段", -1)]]),
 			_: 1
-		}, 8, ["disabled"])], 8, C));
+		}, 8, ["disabled"])], 8, T));
 	}
-}, [["__scopeId", "data-v-5913d05a"]]);
-export { T as default };
+}, [["__scopeId", "data-v-6a5bc26a"]]);
+export { D as default };