@kernel4632/kima 0.0.0-stage → 0.6.0

package/dist/vue/components/data/virtual-tree.ce.js

@@ -0,0 +1,213 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "../core/icon.ce.js";
+/* empty css                                                                */
+import { Fragment as n, computed as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, getCurrentInstance as c, mergeProps as ee, normalizeClass as te, normalizeStyle as l, onBeforeUnmount as u, onMounted as ne, openBlock as d, ref as f, renderList as p, renderSlot as m, toDisplayString as h, unref as g, useAttrs as _, useHost as v, useId as y, watch as b, withModifiers as x } from "vue";
+import { ArrowRight01Icon as S } from "@hugeicons/core-free-icons";
+// src/components/data/virtual-tree.ce.vue
+var C = ["aria-multiselectable", "aria-disabled"], w = [
+	"id",
+	"aria-level",
+	"aria-posinset",
+	"aria-setsize",
+	"aria-expanded",
+	"aria-selected",
+	"tabindex",
+	"onClick",
+	"onKeydown"
+], T = [
+	"disabled",
+	"aria-label",
+	"aria-expanded",
+	"onClick"
+], E = {
+	key: 1,
+	class: "kima-virtual-tree__toggle--empty",
+	"aria-hidden": "true"
+}, re = { class: "kima-virtual-tree__label" }, D = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "virtual-tree.ce",
+	props: {
+		items: {
+			type: Array,
+			default: () => []
+		},
+		expanded: {
+			type: Array,
+			default: () => []
+		},
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Boolean,
+				Array
+			],
+			default: null
+		},
+		multiple: Boolean,
+		selectable: Boolean,
+		itemHeight: {
+			type: Number,
+			default: 48
+		},
+		height: {
+			type: [Number, String],
+			default: 360
+		},
+		overscan: {
+			type: Number,
+			default: 4
+		},
+		disabled: Boolean
+	},
+	emits: [
+		"update:modelValue",
+		"update:expanded",
+		"select"
+	],
+	setup(e, { emit: D }) {
+		let O = e, k = D, A = _(), j = c()?.ce ? v() : null, M = f(null), N = f(0), P = f(0), F = f(0), I, L = f([...O.expanded]), R = f(O.modelValue), z = `kima-virtual-tree-${y()}`, B = r(() => new Set(L.value)), V = r(() => {
+			let e = [];
+			function t(n, r = 1, i = null) {
+				n.forEach((a, o) => {
+					let s = Array.isArray(a.children) ? a.children : [], c = {
+						item: a,
+						value: a.value,
+						children: s,
+						level: r,
+						parentValue: i,
+						position: o + 1,
+						setSize: n.length,
+						expanded: B.value.has(a.value)
+					};
+					e.push(c), c.expanded && t(s, r + 1, a.value);
+				});
+			}
+			return t(O.items), e;
+		}), H = r(() => Math.max(1, Math.floor(Number(O.itemHeight) || 48))), U = r(() => P.value || Number.parseFloat(O.height) || H.value * 7), W = r(() => {
+			if (!V.value.length) return {
+				start: 0,
+				end: -1
+			};
+			let e = Math.max(0, Math.floor(Number(O.overscan) || 0));
+			return {
+				start: Math.max(0, Math.floor(N.value / H.value) - e),
+				end: Math.min(V.value.length - 1, Math.ceil((N.value + U.value) / H.value) + e - 1)
+			};
+		}), G = r(() => V.value.slice(W.value.start, W.value.end + 1).map((e, t) => ({
+			...e,
+			index: W.value.start + t
+		}))), K = r(() => new Set(O.multiple && Array.isArray(R.value) ? R.value : [])), q = r(() => typeof O.height == "number" ? `${Math.max(0, O.height)}px` : O.height || "360px"), J = r(() => j ? {
+			...A,
+			id: void 0
+		} : A);
+		function Y(e) {
+			return O.multiple ? K.value.has(e.value) : Object.is(R.value, e.value);
+		}
+		function X(e) {
+			if (!e.children.length || O.disabled || e.item.disabled) return;
+			let t = new Set(L.value);
+			t.has(e.value) ? t.delete(e.value) : t.add(e.value), L.value = [...t], k("update:expanded", L.value);
+		}
+		function Z(e) {
+			if (!(!O.selectable || O.disabled || e.item.disabled)) {
+				if (O.multiple) {
+					let t = new Set(K.value);
+					t.has(e.value) ? t.delete(e.value) : t.add(e.value), R.value = [...t];
+				} else R.value = e.value;
+				k("update:modelValue", R.value), k("select", e.value, e.item);
+			}
+		}
+		function Q(e) {
+			let t = Math.max(0, Math.min(V.value.length - 1, e));
+			F.value = t;
+			let n = t * H.value;
+			M.value && n < M.value.scrollTop ? M.value.scrollTop = n : M.value && n + H.value > M.value.scrollTop + M.value.clientHeight && (M.value.scrollTop = n + H.value - M.value.clientHeight), queueMicrotask(() => document.getElementById($(t))?.focus());
+		}
+		function ie(e, t, n) {
+			if (!(n.isComposing || n.altKey || n.ctrlKey || n.metaKey)) {
+				if (n.key === "ArrowRight") n.preventDefault(), e.children.length && !e.expanded ? X(e) : Q(t + 1);
+				else if (n.key === "ArrowLeft") {
+					if (n.preventDefault(), e.children.length && e.expanded) X(e);
+					else {
+						let t = V.value.findIndex((t) => t.value === e.parentValue);
+						t >= 0 && Q(t);
+					}
+				} else n.key === "ArrowDown" ? (n.preventDefault(), Q(t + 1)) : n.key === "ArrowUp" ? (n.preventDefault(), Q(t - 1)) : n.key === "Home" ? (n.preventDefault(), Q(0)) : n.key === "End" ? (n.preventDefault(), Q(V.value.length - 1)) : (n.key === "Enter" || n.key === " ") && (n.preventDefault(), Z(e));
+			}
+		}
+		function $(e) {
+			return `${z}-node-${e}`;
+		}
+		return ne(() => {
+			P.value = M.value?.clientHeight || 0, typeof ResizeObserver < "u" && M.value && (I = new ResizeObserver((e) => {
+				P.value = e[0]?.contentRect.height || M.value.clientHeight;
+			}), I.observe(M.value));
+		}), u(() => I?.disconnect()), b(() => O.expanded, (e) => {
+			L.value = [...e];
+		}, { deep: !0 }), b(() => O.modelValue, (e) => {
+			R.value = e;
+		}, { deep: !0 }), (r, c) => (d(), i("div", ee({
+			ref_key: "root",
+			ref: M
+		}, J.value, {
+			class: "kima-virtual-tree",
+			style: { height: q.value },
+			role: "tree",
+			"aria-multiselectable": e.multiple || void 0,
+			"aria-disabled": e.disabled || void 0,
+			onScroll: c[0] ||= (e) => N.value = e.currentTarget.scrollTop
+		}), [a("div", {
+			class: "kima-virtual-tree__content",
+			style: l({ height: `${V.value.length * H.value}px` })
+		}, [
+			a("div", {
+				class: "kima-virtual-tree__spacer",
+				style: l({ height: `${W.value.start * H.value}px` }),
+				"aria-hidden": "true"
+			}, null, 4),
+			(d(!0), i(n, null, p(G.value, (n) => (d(), i("div", {
+				id: $(n.index),
+				key: n.value,
+				class: te(["kima-virtual-tree__node", {
+					"kima-virtual-tree__node--selected": Y(n),
+					"kima-virtual-tree__node--disabled": n.item.disabled
+				}]),
+				role: "treeitem",
+				"aria-level": n.level,
+				"aria-posinset": n.position,
+				"aria-setsize": n.setSize,
+				"aria-expanded": n.children.length ? n.expanded : void 0,
+				"aria-selected": e.selectable ? Y(n) : void 0,
+				tabindex: n.index === F.value ? 0 : -1,
+				style: l({
+					"--kima-tree-level": n.level - 1,
+					height: `${H.value}px`
+				}),
+				onClick: (e) => Z(n),
+				onKeydown: (e) => ie(n, n.index, e)
+			}, [n.children.length ? (d(), i("button", {
+				key: 0,
+				class: "kima-virtual-tree__toggle",
+				type: "button",
+				disabled: e.disabled || n.item.disabled,
+				"aria-label": `${n.expanded ? "收起" : "展开"} ${n.item.label}`,
+				"aria-expanded": n.expanded,
+				onClick: x((e) => X(n), ["stop"])
+			}, [s(t, {
+				icon: g(S),
+				size: 18,
+				"aria-hidden": "true"
+			}, null, 8, ["icon"])], 8, T)) : (d(), i("span", E)), a("span", re, [m(r.$slots, "default", {
+				item: n.item,
+				level: n.level,
+				expanded: n.expanded
+			}, () => [o(h(n.item.label), 1)], !0)])], 46, w))), 128)),
+			a("div", {
+				class: "kima-virtual-tree__spacer",
+				style: l({ height: `${Math.max(0, V.value.length * H.value - (W.value.end + 1) * H.value)}px` }),
+				"aria-hidden": "true"
+			}, null, 4)
+		], 4)], 16, C));
+	}
+}), [["__scopeId", "data-v-5d8790bf"]]);
+export { D as default };

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

@@ -0,0 +1,101 @@
+import { useNativeSlots as e } from "../../utils/native-slots.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+import n from "../core/button.ce.js";
+import r from "../core/icon.ce.js";
+import { collapseTransition as i } from "../../utils/motion.js";
+import { displayStatus as a } from "../../utils/display-status.js";
+/* empty css                                                         */
+import { Transition as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, mergeProps as m, openBlock as h, ref as g, renderSlot as _, toDisplayString as v, unref as y, useAttrs as b, vShow as x, watch as S, withCtx as C, withDirectives as w } from "vue";
+import { Cancel01Icon as T } from "@hugeicons/core-free-icons";
+// src/components/display/alert.ce.vue
+var E = ["inert", "aria-hidden"], D = ["data-variant", "role"], O = ["aria-label"], k = { class: "kima-alert__body" }, A = {
+	key: 0,
+	class: "kima-alert__heading"
+}, j = {
+	key: 1,
+	class: "kima-alert__action"
+}, M = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "alert.ce",
+	props: {
+		open: {
+			type: Boolean,
+			default: !0
+		},
+		variant: {
+			type: String,
+			default: "info"
+		},
+		heading: {
+			type: String,
+			default: ""
+		},
+		description: {
+			type: String,
+			default: ""
+		},
+		closable: Boolean,
+		closeLabel: {
+			type: String,
+			default: "关闭提示"
+		}
+	},
+	emits: ["update:open", "close"],
+	setup(t, { emit: M }) {
+		let N = t, P = M, F = b(), I = g(null), { isCustomElement: L, hasNativeSlot: R } = e(I), z = g(N.open);
+		S(() => N.open, (e) => {
+			z.value = e;
+		});
+		let B = s(() => a(N.variant));
+		function V() {
+			z.value && (z.value = !1, P("update:open", !1), P("close"));
+		}
+		return (e, a) => (h(), c(o, m({ css: !1 }, y(i)), {
+			default: C(() => [w(d("div", {
+				class: "kima-alert__collapse",
+				inert: !z.value,
+				"aria-hidden": !z.value
+			}, [d("section", m({
+				ref_key: "root",
+				ref: I
+			}, {
+				...y(F),
+				id: y(L) ? void 0 : y(F).id
+			}, {
+				class: "kima-alert",
+				"data-variant": B.value.variant,
+				role: ["danger", "warning"].includes(B.value.variant) ? "alert" : "status",
+				"aria-atomic": "true"
+			}), [
+				d("span", {
+					class: "kima-alert__icon",
+					role: "img",
+					"aria-label": B.value.label
+				}, [_(e.$slots, "icon", {}, () => [p(r, {
+					icon: B.value.icon,
+					size: 28
+				}, null, 8, ["icon"])], !0)], 8, O),
+				d("div", k, [
+					t.heading ? (h(), u("strong", A, v(t.heading), 1)) : l("", !0),
+					d("div", null, [_(e.$slots, "default", {}, () => [f(v(t.description), 1)], !0)]),
+					e.$slots.action || y(R)("action") || y(L) ? (h(), u("div", j, [_(e.$slots, "action", {}, void 0, !0)])) : l("", !0)
+				]),
+				t.closable ? (h(), c(n, {
+					key: 0,
+					variant: "text",
+					class: "kima-alert__close",
+					"aria-label": t.closeLabel,
+					onClick: V
+				}, {
+					default: C(() => [p(r, {
+						icon: y(T),
+						size: 20,
+						"aria-hidden": "true"
+					}, null, 8, ["icon"])]),
+					_: 1
+				}, 8, ["aria-label"])) : l("", !0)
+			], 16, D)], 8, E), [[x, z.value]])]),
+			_: 3
+		}, 16));
+	}
+}), [["__scopeId", "data-v-d31c4df3"]]);
+export { M as default };

package/dist/vue/components/display/avatar-group.ce.js

@@ -0,0 +1,65 @@
+import { useNativeSlots as e } from "../../utils/native-slots.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+import n from "./avatar.ce.js";
+/* empty css                                                                */
+import { Fragment as r, TransitionGroup as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createVNode as l, mergeProps as u, openBlock as d, ref as f, renderList as p, renderSlot as m, toDisplayString as h, unref as g, useAttrs as _, withCtx as v } from "vue";
+// src/components/display/avatar-group.ce.vue
+var y = ["aria-label"], b = ["aria-label", "title"], x = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "avatar-group.ce",
+	props: {
+		items: {
+			type: Array,
+			default: () => []
+		},
+		max: {
+			type: Number,
+			default: 5
+		},
+		label: {
+			type: String,
+			default: "成员"
+		},
+		size: {
+			type: String,
+			default: "medium"
+		}
+	},
+	setup(t) {
+		let x = t, S = _(), C = f(null), { isCustomElement: w } = e(C), T = a(() => Number.isFinite(x.max) ? Math.max(0, Math.floor(x.max)) : x.items.length), E = a(() => x.items.slice(0, T.value)), D = a(() => Math.max(0, x.items.length - E.value.length)), O = a(() => x.items.slice(T.value).map((e) => e.name).filter(Boolean).join("、"));
+		return (e, a) => (d(), c("div", u({
+			ref_key: "root",
+			ref: C
+		}, {
+			...g(S),
+			id: g(w) ? void 0 : g(S).id
+		}, {
+			class: "kima-avatar-group",
+			role: "group",
+			"aria-label": t.label
+		}), [m(e.$slots, "default", {}, () => [l(i, {
+			name: "kima-list",
+			tag: "div",
+			class: "kima-avatar-group__items"
+		}, {
+			default: v(() => [(d(!0), c(r, null, p(E.value, (e, r) => (d(), o(n, {
+				key: `avatar-${e.id ?? r}`,
+				src: e.src,
+				name: e.name,
+				alt: e.alt,
+				size: t.size
+			}, null, 8, [
+				"src",
+				"name",
+				"alt",
+				"size"
+			]))), 128)), D.value ? (d(), c("span", {
+				key: "more",
+				class: "kima-avatar-group__more",
+				"aria-label": `另有 ${D.value} 位成员${O.value ? "：" + O.value : ""}`,
+				title: O.value
+			}, "+" + h(D.value), 9, b)) : s("", !0)]),
+			_: 1
+		})], !0)], 16, y));
+	}
+}), [["__scopeId", "data-v-9545415b"]]);
+export { x as default };

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

@@ -0,0 +1,84 @@
+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";
+/* empty css                                                          */
+import { Transition as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createVNode as c, mergeProps as l, normalizeClass as u, openBlock as d, ref as f, toDisplayString as p, unref as m, useAttrs as h, watch as g, withCtx as _ } from "vue";
+import { UserCircleIcon as v } from "@hugeicons/core-free-icons";
+// src/components/display/avatar.ce.vue
+var y = [
+	"role",
+	"aria-label",
+	"aria-hidden"
+], b = ["src", "alt"], x = {
+	key: 0,
+	class: "kima-avatar__fallback",
+	"aria-hidden": "true"
+}, S = { key: 0 }, C = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "avatar.ce",
+	props: {
+		src: {
+			type: String,
+			default: ""
+		},
+		name: {
+			type: String,
+			default: ""
+		},
+		alt: {
+			type: String,
+			default: void 0
+		},
+		size: {
+			type: String,
+			default: "medium"
+		},
+		shape: {
+			type: String,
+			default: "rounded"
+		}
+	},
+	emits: ["load", "error"],
+	setup(t, { emit: C }) {
+		let w = t, T = C, E = h(), D = f(null), { isCustomElement: O } = e(D), k = f(!1), A = f(!1);
+		g(() => w.src, () => {
+			k.value = !1, A.value = !1;
+		});
+		function j(e) {
+			A.value = !0, T("load", e);
+		}
+		function M(e) {
+			k.value = !0, A.value = !1, T("error", e);
+		}
+		let N = i(() => w.alt ?? w.name), P = i(() => {
+			let e = w.name.trim().split(/\s+/u);
+			return e.length > 1 ? e.slice(0, 2).map((e) => Array.from(e)[0]).join("").toUpperCase() : Array.from(e[0]).slice(0, 2).join("");
+		});
+		return (e, i) => (d(), s("span", l({
+			ref_key: "root",
+			ref: D
+		}, {
+			...m(E),
+			id: m(O) ? void 0 : m(E).id
+		}, {
+			class: ["kima-avatar", [`kima-avatar--${t.size}`, { "kima-avatar--circle": t.shape === "circle" }]],
+			role: !t.src || k.value ? "img" : void 0,
+			"aria-label": (!t.src || k.value) && N.value || void 0,
+			"aria-hidden": (!t.src || k.value) && !N.value ? !0 : void 0
+		}), [t.src && !k.value ? (d(), s("img", {
+			key: t.src,
+			src: t.src,
+			alt: N.value,
+			class: u({ "kima-avatar__image--loaded": A.value }),
+			onLoad: j,
+			onError: M
+		}, null, 42, b)) : o("", !0), c(r, { name: "kima-fade" }, {
+			default: _(() => [A.value ? o("", !0) : (d(), s("span", x, [P.value ? (d(), s("span", S, p(P.value), 1)) : (d(), a(n, {
+				key: 1,
+				icon: m(v),
+				size: 28
+			}, null, 8, ["icon"]))]))]),
+			_: 1
+		})], 16, y));
+	}
+}), [["__scopeId", "data-v-eb8fc9ea"]]);
+export { C as default };

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

@@ -0,0 +1,44 @@
+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";
+/* empty css                                                              */
+import { createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, mergeProps as s, openBlock as c, ref as l, renderSlot as u, toDisplayString as d, unref as f, useAttrs as p } from "vue";
+import { QuoteUpIcon as m } from "@hugeicons/core-free-icons";
+// src/components/display/blockquote.ce.vue
+var h = ["cite"], g = { key: 0 }, _ = { key: 0 }, v = { key: 1 }, y = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "blockquote.ce",
+	props: {
+		cite: {
+			type: String,
+			default: void 0
+		},
+		author: {
+			type: String,
+			default: ""
+		},
+		source: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(t) {
+		let y = p(), b = l(null), { isCustomElement: x, hasNativeSlot: S } = e(b);
+		return (e, l) => (c(), i("figure", s({
+			ref_key: "root",
+			ref: b
+		}, {
+			...f(y),
+			id: f(x) ? void 0 : f(y).id
+		}, { class: "kima-blockquote" }), [
+			o(n, {
+				icon: f(m),
+				size: 32,
+				class: "kima-blockquote__icon",
+				"aria-hidden": "true"
+			}, null, 8, ["icon"]),
+			a("blockquote", { cite: t.cite }, [u(e.$slots, "default", {}, void 0, !0)], 8, h),
+			t.author || t.source || e.$slots.caption || f(S)("caption") || f(x) ? (c(), i("figcaption", g, [u(e.$slots, "caption", {}, () => [t.author ? (c(), i("span", _, "— " + d(t.author), 1)) : r("", !0), t.source ? (c(), i("cite", v, d(t.source), 1)) : r("", !0)], !0)])) : r("", !0)
+		], 16));
+	}
+}), [["__scopeId", "data-v-e56b05b8"]]);
+export { y as default };

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

@@ -0,0 +1,77 @@
+import { useNativeSlots as e } from "../../utils/native-slots.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+/* empty css                                                             */
+import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, mergeProps as s, onBeforeUnmount as c, onMounted as l, openBlock as u, ref as d, renderSlot as f, toDisplayString as p, unref as m, useAttrs as h, watch as g } from "vue";
+// src/components/display/countdown.ce.vue
+var _ = {
+	key: 0,
+	class: "kima-countdown__label"
+}, v = ["aria-label"], y = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "countdown.ce",
+	props: {
+		value: {
+			type: [
+				Number,
+				String,
+				Date
+			],
+			default: void 0
+		},
+		label: {
+			type: String,
+			default: "倒计时"
+		},
+		showDays: Boolean
+	},
+	emits: ["finish"],
+	setup(t, { emit: y }) {
+		let b = t, x = y, S = h(), C = d(null), { isCustomElement: w } = e(C), T = d(null), E = n(() => b.value == null || b.value === "" ? NaN : b.value instanceof Date ? b.value.getTime() : typeof b.value == "number" ? b.value : Date.parse(b.value)), D = !1, O = null, k = !1;
+		function A() {
+			O !== null && clearTimeout(O), O = null;
+		}
+		function j() {
+			if (A(), !D || !Number.isFinite(E.value)) {
+				T.value = null;
+				return;
+			}
+			let e = Math.max(0, E.value - Date.now());
+			T.value = Math.ceil(e / 1e3), e === 0 ? k || (k = !0, x("finish")) : O = setTimeout(j, Math.min(250, e));
+		}
+		g(E, () => {
+			k = !1, D && j();
+		}), l(() => {
+			D = !0, j();
+		}), c(() => {
+			D = !1, A();
+		});
+		let M = n(() => {
+			let e = T.value ?? 0;
+			return {
+				days: Math.floor(e / 86400),
+				hours: b.showDays ? Math.floor(e / 3600) % 24 : Math.floor(e / 3600),
+				minutes: Math.floor(e / 60) % 60,
+				seconds: e % 60
+			};
+		}), N = (e) => String(e).padStart(2, "0"), P = n(() => T.value === null ? "--:--:--" : `${b.showDays ? M.value.days + "天 " : ""}${N(M.value.hours)}:${N(M.value.minutes)}:${N(M.value.seconds)}`);
+		return (e, n) => (u(), i("div", s({
+			ref_key: "root",
+			ref: C
+		}, {
+			...m(S),
+			id: m(w) ? void 0 : m(S).id
+		}, { class: "kima-countdown" }), [t.label ? (u(), i("div", _, p(t.label), 1)) : r("", !0), a("div", {
+			class: "kima-countdown__value",
+			role: "timer",
+			"aria-label": t.label,
+			"aria-live": "off"
+		}, [f(e.$slots, "default", {
+			remaining: T.value,
+			formatted: P.value,
+			days: M.value.days,
+			hours: M.value.hours,
+			minutes: M.value.minutes,
+			seconds: M.value.seconds
+		}, () => [o(p(P.value), 1)], !0)], 8, v)], 16));
+	}
+}), [["__scopeId", "data-v-7f10ca60"]]);
+export { y as default };

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

@@ -0,0 +1,43 @@
+import { useNativeSlots as e } from "../../utils/native-slots.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+/* empty css                                                                */
+import { Fragment as n, computed as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, mergeProps as s, openBlock as c, ref as l, renderList as u, renderSlot as d, toDisplayString as f, unref as p, useAttrs as m } from "vue";
+// src/components/display/descriptions.ce.vue
+var h = ["aria-label"], g = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "descriptions.ce",
+	props: {
+		items: {
+			type: Array,
+			default: () => []
+		},
+		columns: {
+			type: Number,
+			default: 2
+		},
+		label: {
+			type: String,
+			default: "详细信息"
+		}
+	},
+	setup(t) {
+		let g = t, _ = m(), v = l(null), { isCustomElement: y } = e(v), b = r(() => Number.isFinite(g.columns) ? Math.min(4, Math.max(1, Math.floor(g.columns))) : 2);
+		return (e, r) => (c(), i("dl", s({
+			ref_key: "root",
+			ref: v
+		}, {
+			...p(_),
+			id: p(y) ? void 0 : p(_).id
+		}, {
+			class: "kima-descriptions",
+			"aria-label": t.label,
+			style: { "--kima-description-columns": b.value }
+		}), [d(e.$slots, "default", {}, () => [(c(!0), i(n, null, u(t.items, (t, n) => (c(), i("div", {
+			key: t.id ?? n,
+			class: "kima-descriptions__item"
+		}, [a("dt", null, f(t.label), 1), a("dd", null, [d(e.$slots, "value", {
+			item: t,
+			index: n
+		}, () => [o(f(t.value ?? "—"), 1)], !0)])]))), 128))], !0)], 16, h));
+	}
+}), [["__scopeId", "data-v-501a9489"]]);
+export { g as default };

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

@@ -0,0 +1,48 @@
+import { useNativeSlots as e } from "../../utils/native-slots.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+/* empty css                                                             */
+import { Fragment as n, computed as r, createElementBlock as i, createTextVNode as a, mergeProps as o, openBlock as s, ref as c, renderList as l, toDisplayString as u, unref as d, useAttrs as f } from "vue";
+// src/components/display/highlight.ce.vue
+var p = { key: 0 }, m = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "highlight.ce",
+	props: {
+		text: {
+			type: String,
+			default: ""
+		},
+		keywords: {
+			type: [String, Array],
+			default: ""
+		},
+		caseSensitive: Boolean
+	},
+	setup(t) {
+		let m = t, h = f(), g = c(null), { isCustomElement: _ } = e(g), v = r(() => {
+			let e = [...new Set((Array.isArray(m.keywords) ? m.keywords : [m.keywords]).filter((e) => typeof e == "string" && e.length))].sort((e, t) => t.length - e.length);
+			if (!e.length) return [{
+				text: m.text,
+				marked: !1
+			}];
+			let t = new RegExp(e.map((e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("|"), m.caseSensitive ? "gu" : "giu"), n = [], r = 0;
+			for (let e of m.text.matchAll(t)) e.index > r && n.push({
+				text: m.text.slice(r, e.index),
+				marked: !1
+			}), n.push({
+				text: e[0],
+				marked: !0
+			}), r = e.index + e[0].length;
+			return r < m.text.length && n.push({
+				text: m.text.slice(r),
+				marked: !1
+			}), n;
+		});
+		return (e, t) => (s(), i("span", o({
+			ref_key: "root",
+			ref: g
+		}, {
+			...d(h),
+			id: d(_) ? void 0 : d(h).id
+		}, { class: "kima-highlight" }), [(s(!0), i(n, null, l(v.value, (e, t) => (s(), i(n, { key: t }, [e.marked ? (s(), i("mark", p, u(e.text), 1)) : (s(), i(n, { key: 1 }, [a(u(e.text), 1)], 64))], 64))), 128))], 16));
+	}
+}), [["__scopeId", "data-v-f876f7db"]]);
+export { m as default };