@kernel4632/kima 0.0.0-stage → 0.6.0

package/dist/vue/components/input/tags-input.ce.js

@@ -0,0 +1,153 @@
+import { useRipple as e } from "../../utils/ripple.js";
+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 { useInputAttrs as i, useInputState as a } from "../../utils/input-state.js";
+/* empty css                                                              */
+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, isRef as h, mergeProps as g, normalizeClass as _, normalizeStyle as v, openBlock as y, ref as b, renderList as x, toDisplayString as S, unref as C, vModelText as w, watchEffect as T, withCtx as E, withDirectives as D, withModifiers as O } from "vue";
+// src/components/input/tags-input.ce.vue
+var k = ["aria-disabled"], A = [
+	"name",
+	"value",
+	"disabled"
+], j = [
+	"aria-label",
+	"disabled",
+	"readonly",
+	"required",
+	"placeholder"
+], M = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "tags-input.ce",
+	props: {
+		modelValue: {
+			type: Array,
+			default: () => []
+		},
+		label: String,
+		name: String,
+		disabled: Boolean,
+		readonly: Boolean,
+		required: Boolean,
+		placeholder: {
+			type: String,
+			default: "输入后按回车"
+		},
+		max: {
+			type: Number,
+			default: Infinity
+		},
+		separator: {
+			type: String,
+			default: ","
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"reject"
+	],
+	setup(t, { expose: M, emit: N }) {
+		let P = t, F = N, I = b(null), L = b(null), R = b(""), z = !1, { attrs: B, controlAttrs: V } = i(), { local: H, update: U } = a(P, F, I, (e) => Array.isArray(e) ? [...new Set(e.map(String))] : [], () => {
+			R.value = "", z = !1;
+		});
+		e(I);
+		let W = c(() => H.value.length >= P.max), G = {
+			...r,
+			onBeforeLeave(e) {
+				r.onBeforeLeave(e), Object.assign(e.style, {
+					left: `${e.offsetLeft}px`,
+					top: `${e.offsetTop}px`,
+					width: `${e.offsetWidth}px`,
+					height: `${e.offsetHeight}px`,
+					boxSizing: "border-box"
+				});
+			},
+			onBeforeEnter(e) {
+				r.onBeforeEnter(e);
+				for (let t of [
+					"left",
+					"top",
+					"width",
+					"height",
+					"box-sizing"
+				]) e.style.removeProperty(t);
+			}
+		};
+		T(() => {
+			L.value?.setCustomValidity(P.required && !P.disabled && !H.value.length ? "请至少添加一个标签" : "");
+		}, { flush: "post" });
+		function K(e = R.value) {
+			if (P.disabled || P.readonly || z) return;
+			let t = P.separator ? e.split(P.separator) : [e], n = [...H.value];
+			for (let e of t) {
+				let t = e.trim();
+				t && (n.includes(t) || n.length >= P.max ? F("reject", t) : n.push(t));
+			}
+			n.length !== H.value.length && U(n), R.value = "";
+		}
+		function q(e) {
+			P.disabled || P.readonly || (U(H.value.filter((t, n) => n !== e)), L.value?.focus());
+		}
+		function J(e) {
+			P.disabled || P.readonly || (z || e.isComposing ? e.key === "Enter" && e.preventDefault() : ((e.key === "Enter" || P.separator.length === 1 && e.key === P.separator) && (e.preventDefault(), K()), e.key === "Backspace" && !R.value && H.value.length && (e.preventDefault(), q(H.value.length - 1))));
+		}
+		function Y(e) {
+			let t = e.clipboardData?.getData("text");
+			!P.separator || !t?.includes(P.separator) || z || P.disabled || P.readonly || (e.preventDefault(), K(R.value + t));
+		}
+		return M({ focus: () => L.value?.focus() }), (e, r) => (y(), d("div", {
+			ref_key: "root",
+			ref: I,
+			class: _(["kima-tags-input", C(B).class]),
+			style: v(C(B).style),
+			"aria-disabled": t.disabled || void 0
+		}, [
+			m(s, g({ name: "kima-list" }, G), {
+				default: E(() => [(y(!0), d(o, null, x(C(H), (e, i) => (y(), d("span", {
+					key: e,
+					class: "kima-tags-input__tag"
+				}, [f("span", null, S(e), 1), t.readonly ? u("", !0) : (y(), l(n, {
+					key: 0,
+					variant: "text",
+					disabled: t.disabled,
+					"aria-label": `移除 ${e}`,
+					onClick: (e) => q(i)
+				}, {
+					default: E(() => [...r[5] ||= [p("×", -1)]]),
+					_: 1
+				}, 8, [
+					"disabled",
+					"aria-label",
+					"onClick"
+				]))]))), 128))]),
+				_: 1
+			}, 16),
+			(y(!0), d(o, null, x(C(H), (e) => (y(), d("input", {
+				key: e,
+				type: "hidden",
+				name: t.name,
+				value: e,
+				disabled: t.disabled
+			}, null, 8, A))), 128)),
+			D(f("input", g({
+				ref_key: "input",
+				ref: L
+			}, C(V), {
+				"onUpdate:modelValue": r[0] ||= (e) => R.value = e,
+				type: "text",
+				"aria-label": C(V)["aria-label"] || t.label,
+				disabled: t.disabled,
+				readonly: t.readonly || W.value,
+				required: t.required && !C(H).length,
+				placeholder: W.value ? "" : t.placeholder,
+				onKeydown: J,
+				onPaste: Y,
+				onInput: r[1] ||= O(() => {}, ["stop"]),
+				onChange: r[2] ||= O(() => {}, ["stop"]),
+				onCompositionstart: r[3] ||= (e) => h(z) ? z.value = !0 : z = !0,
+				onCompositionend: r[4] ||= (e) => h(z) ? z.value = !1 : z = !1
+			}), null, 16, j), [[w, R.value]])
+		], 14, k));
+	}
+}), [["__scopeId", "data-v-7a178bc6"]]);
+export { M as default };

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

@@ -0,0 +1,180 @@
+import { useRipple as e } from "../../utils/ripple.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+import n from "../core/icon.ce.js";
+import { collapseTransition as r, presenceTransition as i } from "../../utils/motion.js";
+import { useInputAttrs as a, useInputState as o } from "../../utils/input-state.js";
+/* empty css                                                            */
+import { Fragment as s, Transition as c, computed as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, isRef as h, mergeProps as g, nextTick as _, normalizeClass as v, normalizeStyle as y, onBeforeUnmount as b, onMounted as x, openBlock as S, ref as C, toDisplayString as w, unref as T, useId as E, vShow as D, watch as O, withCtx as k, withDirectives as A, withModifiers as j } from "vue";
+import { Cancel01Icon as M } from "@hugeicons/core-free-icons";
+// src/components/input/textarea.ce.vue
+var N = ["aria-disabled"], P = ["aria-disabled"], ee = [
+	"value",
+	"aria-label",
+	"aria-invalid",
+	"aria-describedby",
+	"name",
+	"disabled",
+	"readonly",
+	"required",
+	"placeholder",
+	"rows",
+	"minlength",
+	"maxlength"
+], te = ["disabled"], ne = ["inert", "aria-hidden"], F = ["id", "role"], I = {
+	key: 0,
+	class: "kima-textarea__count"
+}, L = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "textarea.ce",
+	props: {
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		label: String,
+		name: String,
+		disabled: Boolean,
+		readonly: Boolean,
+		required: Boolean,
+		placeholder: String,
+		rows: {
+			type: Number,
+			default: 4
+		},
+		minlength: Number,
+		maxlength: Number,
+		showCount: Boolean,
+		error: {
+			type: String,
+			default: ""
+		},
+		hint: {
+			type: String,
+			default: ""
+		},
+		clearable: Boolean,
+		autoResize: Boolean,
+		resize: {
+			type: String,
+			default: "vertical"
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(t, { expose: L, emit: R }) {
+		let z = t, B = R, V = C(null), H = C(null), U = `kima-textarea-${E()}`, W = !1, { attrs: G, controlAttrs: K } = a(), { local: q, update: J } = o(z, B, V, (e) => e ?? "", (e) => {
+			W = !1, H.value && (H.value.value = e), _(Z);
+		});
+		e(V);
+		let Y = l(() => z.autoResize ? "none" : [
+			"none",
+			"vertical",
+			"horizontal",
+			"both"
+		].includes(z.resize) ? z.resize : "vertical"), X = l(() => z.clearable && !!q.value && !z.readonly), re = l(() => [z.error ? `${U}-error` : z.hint ? `${U}-hint` : "", K.value["aria-describedby"]].filter(Boolean).join(" ") || void 0);
+		function Z() {
+			let e = H.value;
+			if (!e || (e.style.height = "", !z.autoResize)) return;
+			let t = e.clientHeight, n = e.ownerDocument.defaultView.getComputedStyle(e), r = parseFloat(n.borderTopWidth) + parseFloat(n.borderBottomWidth);
+			e.style.height = `${Math.max(t, e.scrollHeight) + r}px`;
+		}
+		O([
+			q,
+			() => z.rows,
+			() => z.autoResize
+		], () => _(Z), {
+			immediate: !0,
+			flush: "post"
+		});
+		let Q;
+		x(() => {
+			let e = H.value.ownerDocument.defaultView.ResizeObserver;
+			if (!e) return;
+			let t = H.value.getBoundingClientRect().width;
+			Q = new e(() => {
+				let e = H.value?.getBoundingClientRect().width;
+				e == null || Math.abs(e - t) < .5 || (t = e, Z());
+			}), Q.observe(H.value);
+		}), b(() => Q?.disconnect());
+		function $(e) {
+			!W && !e.isComposing && e.target.value !== q.value && J(e.target.value, !1), Z();
+		}
+		function ie() {
+			z.disabled || z.readonly || !q.value || (J(""), _(() => {
+				Z(), H.value?.focus();
+			}));
+		}
+		return L({ focus: () => H.value?.focus() }), (e, a) => (S(), d("div", {
+			class: v([
+				"kima-textarea",
+				{ "kima-textarea--error": !!t.error },
+				T(G).class
+			]),
+			style: y(T(G).style),
+			"aria-disabled": t.disabled || void 0
+		}, [
+			f("div", {
+				ref_key: "root",
+				ref: V,
+				class: "kima-textarea__surface",
+				"aria-disabled": t.disabled || void 0
+			}, [f("textarea", g({
+				ref_key: "input",
+				ref: H
+			}, T(K), {
+				value: T(q),
+				"aria-label": T(K)["aria-label"] || t.label,
+				"aria-invalid": !!t.error || T(K)["aria-invalid"],
+				"aria-describedby": re.value,
+				name: t.name,
+				disabled: t.disabled,
+				readonly: t.readonly,
+				required: t.required,
+				placeholder: t.placeholder,
+				rows: t.rows,
+				minlength: t.minlength,
+				maxlength: t.maxlength,
+				style: { resize: Y.value },
+				onInput: j($, ["stop"]),
+				onChange: a[0] ||= j((e) => B("change", T(q)), ["stop"]),
+				onCompositionstart: a[1] ||= (e) => h(W) ? W.value = !0 : W = !0,
+				onCompositionend: a[2] ||= (e) => {
+					h(W) ? W.value = !1 : W = !1, $(e);
+				}
+			}), null, 16, ee), m(c, g({ name: "kima-fade" }, T(i)), {
+				default: k(() => [X.value ? (S(), d("button", {
+					key: 0,
+					class: "kima-textarea__clear",
+					type: "button",
+					"aria-label": "清除内容",
+					disabled: t.disabled,
+					onClick: ie
+				}, [m(n, {
+					icon: T(M),
+					size: 18,
+					"aria-hidden": "true"
+				}, null, 8, ["icon"])], 8, te)) : u("", !0)]),
+				_: 1
+			}, 16)], 8, P),
+			m(c, g({ css: !1 }, {
+				...T(r),
+				...T(i)
+			}), {
+				default: k(() => [A(f("div", {
+					class: "kima-textarea__message-wrap",
+					inert: !(t.error || t.hint),
+					"aria-hidden": !(t.error || t.hint) || void 0
+				}, [m(c, g({ name: "kima-fade" }, T(i)), {
+					default: k(() => [t.error || t.hint ? (S(), d("p", {
+						id: `${U}-${t.error ? "error" : "hint"}`,
+						key: `${t.error ? "error" : "hint"}:${t.error || t.hint}`,
+						class: v(["kima-textarea__message", { "kima-textarea__message--error": !!t.error }]),
+						role: t.error ? "alert" : void 0
+					}, w(t.error || t.hint), 11, F)) : u("", !0)]),
+					_: 1
+				}, 16)], 8, ne), [[D, t.error || t.hint]])]),
+				_: 1
+			}, 16),
+			t.showCount ? (S(), d("p", I, [p(w(T(q).length), 1), t.maxlength == null ? u("", !0) : (S(), d(s, { key: 0 }, [p(" / " + w(t.maxlength), 1)], 64))])) : u("", !0)
+		], 14, N));
+	}
+}), [["__scopeId", "data-v-c0cc3612"]]);
+export { L as default };

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

@@ -0,0 +1,58 @@
+import { useNativeSlots as e } from "../../utils/native-slots.js";
+import { useRipple as t } from "../../utils/ripple.js";
+import n from "../../_virtual/_plugin-vue_export-helper.js";
+import { useInputAttrs as r, useInputState as i } from "../../utils/input-state.js";
+/* empty css                                                          */
+import { createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, mergeProps as l, normalizeClass as u, normalizeStyle as d, openBlock as f, ref as p, renderSlot as m, toDisplayString as h, unref as g } from "vue";
+// src/components/input/toggle.ce.vue
+var _ = [
+	"aria-label",
+	"aria-pressed",
+	"disabled"
+], v = [
+	"name",
+	"value",
+	"disabled"
+], y = /*#__PURE__*/ n(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "toggle.ce",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		label: String,
+		name: String,
+		value: {
+			type: String,
+			default: "on"
+		},
+		disabled: Boolean
+	},
+	emits: ["update:modelValue", "change"],
+	setup(n, { emit: y }) {
+		let b = n, x = y, S = p(null), { attrs: C, controlAttrs: w } = r();
+		e(S);
+		let { local: T, update: E } = i(b, x, S, Boolean);
+		return t(S), (e, t) => (f(), o("span", {
+			class: u(["kima-toggle-wrap", g(C).class]),
+			style: d(g(C).style)
+		}, [s("button", l({
+			ref_key: "root",
+			ref: S
+		}, g(w), {
+			class: "kima-toggle",
+			type: "button",
+			"aria-label": g(w)["aria-label"] || n.label,
+			"aria-pressed": g(T),
+			disabled: n.disabled,
+			onClick: t[0] ||= (e) => g(E)(!g(T))
+		}), [m(e.$slots, "default", {}, () => [c(h(n.label), 1)], !0)], 16, _), g(T) && n.name ? (f(), o("input", {
+			key: 0,
+			type: "hidden",
+			name: n.name,
+			value: n.value,
+			disabled: n.disabled
+		}, null, 8, v)) : a("", !0)], 6));
+	}
+}), [["__scopeId", "data-v-a289ae32"]]);
+export { y as default };

package/dist/vue/components/interaction/chip.ce.js

@@ -0,0 +1,95 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "../core/button.ce.js";
+import n from "../core/icon.ce.js";
+import { useInteractionModel as r, useInteractionReset as i, useInteractionRoot as a } from "../../utils/interaction.js";
+import o from "../core/icon-button.ce.js";
+/* empty css                                                        */
+import { Transition as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createTextVNode as f, createVNode as p, mergeProps as m, openBlock as h, renderSlot as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
+import { Cancel01Icon as b } from "@hugeicons/core-free-icons";
+// src/components/interaction/chip.ce.vue
+var x = {
+	key: 1,
+	class: "kima-chip__text"
+}, S = [
+	"name",
+	"value",
+	"disabled"
+], C = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "chip.ce",
+	props: {
+		modelValue: Boolean,
+		selectable: Boolean,
+		removable: Boolean,
+		disabled: Boolean,
+		label: {
+			type: String,
+			default: "芯片"
+		},
+		removeLabel: {
+			type: String,
+			default: "移除"
+		},
+		name: String,
+		value: {
+			type: [String, Number],
+			default: "on"
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"remove"
+	],
+	setup(e, { emit: C }) {
+		let w = e, T = C, { root: E, forwardedAttrs: D } = a(), [O, k] = r(w, "modelValue", T), A = c(() => w.selectable && O.value);
+		function j() {
+			w.disabled || (k(!O.value), T("change", O.value));
+		}
+		return i(E, O, k), (r, i) => (h(), d("span", m({
+			ref_key: "root",
+			ref: E
+		}, v(D), { class: ["kima-chip", {
+			"kima-chip--selected": A.value,
+			"kima-chip--disabled": e.disabled,
+			"kima-chip--interactive": e.selectable || e.removable
+		}] }), [
+			e.selectable ? (h(), l(t, {
+				key: 0,
+				variant: "text",
+				class: "kima-chip__select",
+				"aria-pressed": v(O),
+				disabled: e.disabled,
+				onClick: j
+			}, {
+				default: y(() => [g(r.$slots, "default", {}, () => [f(_(e.label), 1)], !0)]),
+				_: 3
+			}, 8, ["aria-pressed", "disabled"])) : (h(), d("span", x, [g(r.$slots, "default", {}, () => [f(_(e.label), 1)], !0)])),
+			p(s, { name: "kima-content" }, {
+				default: y(() => [e.removable ? (h(), l(o, {
+					key: 0,
+					variant: "text",
+					label: `${e.removeLabel} ${e.label}`,
+					disabled: e.disabled,
+					class: "kima-chip__remove",
+					onClick: i[0] ||= (t) => !e.disabled && T("remove", e.value)
+				}, {
+					default: y(() => [p(n, {
+						icon: v(b),
+						size: 18,
+						"aria-hidden": "true"
+					}, null, 8, ["icon"])]),
+					_: 1
+				}, 8, ["label", "disabled"])) : u("", !0)]),
+				_: 1
+			}),
+			e.selectable && v(O) && e.name ? (h(), d("input", {
+				key: 2,
+				type: "hidden",
+				name: e.name,
+				value: e.value,
+				disabled: e.disabled
+			}, null, 8, S)) : u("", !0)
+		], 16));
+	}
+}), [["__scopeId", "data-v-541c9ed1"]]);
+export { C as default };

package/dist/vue/components/interaction/command.ce.js

@@ -0,0 +1,161 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "../core/button.ce.js";
+import { useChoiceCursor as n, useInteractionModel as r, useInteractionRoot as i } from "../../utils/interaction.js";
+import ee from "../core/icon-button.ce.js";
+/* empty css                                                           */
+import { Fragment as a, computed 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, onMounted as h, openBlock as g, ref as _, renderList as v, renderSlot as y, toDisplayString as b, unref as x, useId as S, vModelText as C, watch as w, withCtx as T, withDirectives as E, withModifiers as D } from "vue";
+import { Cancel01Icon as te } from "@hugeicons/core-free-icons";
+// src/components/interaction/command.ce.vue
+var ne = ["aria-label"], re = { class: "kima-command__panel" }, ie = { class: "kima-command__header" }, O = [
+	"aria-label",
+	"placeholder",
+	"aria-activedescendant"
+], k = ["aria-label"], A = ["aria-labelledby"], j = ["id"], M = [
+	"id",
+	"aria-selected",
+	"aria-disabled",
+	"data-active",
+	"onPointermove",
+	"onClick"
+], N = { key: 0 }, P = { key: 0 }, F = {
+	key: 0,
+	role: "status"
+}, I = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "command.ce",
+	props: {
+		open: Boolean,
+		disabled: Boolean,
+		label: {
+			type: String,
+			default: "命令面板"
+		},
+		triggerLabel: {
+			type: String,
+			default: "打开命令面板"
+		},
+		placeholder: {
+			type: String,
+			default: "搜索命令…"
+		},
+		items: {
+			type: Array,
+			default: () => []
+		},
+		emptyText: {
+			type: String,
+			default: "没有匹配命令"
+		}
+	},
+	emits: ["update:open", "select"],
+	setup(e, { emit: I }) {
+		let L = e, R = I, { root: z, forwardedAttrs: B } = i(), [V, H] = r(L, "open", R), U = _(""), W = _(null), G = _(null), K;
+		function q() {
+			let e = G.value;
+			e && (V.value && !L.disabled && !e.open ? (K = e.ownerDocument.activeElement, U.value = "", e.showModal(), p(() => {
+				G.value?.open && W.value?.focus();
+			})) : (!V.value || L.disabled) && e.open && (e.close(), K?.isConnected && K.focus({ preventScroll: !0 })));
+		}
+		function J(e) {
+			e.currentTarget.open === !1 && V.value && H(!1);
+		}
+		function ae(e) {
+			e.preventDefault(), e.stopPropagation(), H(!1);
+		}
+		let Y = `kima-command-${S()}`, X = o(() => {
+			let e = U.value.trim().toLocaleLowerCase();
+			return L.items.filter((t) => `${t.label} ${t.description || ""} ${t.group || ""} ${(t.keywords || []).join(" ")}`.toLocaleLowerCase().includes(e));
+		}), oe = o(() => {
+			let e = /* @__PURE__ */ new Map();
+			return X.value.forEach((t, n) => {
+				let r = t.group || "命令";
+				e.has(r) || e.set(r, []), e.get(r).push({
+					item: t,
+					index: n
+				});
+			}), [...e].map(([e, t]) => ({
+				label: e,
+				items: t
+			}));
+		});
+		function Z(e) {
+			L.disabled || e.disabled || (R("select", e.value, e), H(!1));
+		}
+		let { active: Q, activeId: se, highlight: ce, keydown: le } = n(X, Z, `${Y}-option`);
+		function $(e) {
+			e.isComposing || (e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), H(!1)) : le(e));
+		}
+		return w(V, q, { flush: "post" }), w(() => L.disabled, (e) => {
+			e && H(!1);
+		}), h(q), m(() => {
+			let e = G.value;
+			e?.open && e.close();
+		}), (n, r) => (g(), c("div", f({
+			ref_key: "root",
+			ref: z
+		}, x(B), { class: "kima-command" }), [d(t, {
+			variant: "tonal",
+			disabled: e.disabled,
+			"aria-haspopup": "dialog",
+			"aria-expanded": x(V) && !e.disabled,
+			onClick: r[0] ||= (e) => x(H)(!0)
+		}, {
+			default: T(() => [y(n.$slots, "trigger", {}, () => [u(b(e.triggerLabel), 1)], !0)]),
+			_: 3
+		}, 8, ["disabled", "aria-expanded"]), l("dialog", {
+			ref_key: "dialog",
+			ref: G,
+			class: "kima-command__dialog",
+			"aria-label": e.label,
+			onCancel: ae,
+			onClose: J,
+			onClick: r[6] ||= D((e) => x(H)(!1), ["self"])
+		}, [l("section", re, [
+			l("header", ie, [l("h2", null, b(e.label), 1), d(ee, {
+				label: "关闭命令面板",
+				icon: x(te),
+				onClick: r[1] ||= (e) => x(H)(!1)
+			}, null, 8, ["icon"])]),
+			E(l("input", {
+				ref_key: "search",
+				ref: W,
+				"onUpdate:modelValue": r[2] ||= (e) => U.value = e,
+				class: "kima-command__search",
+				role: "combobox",
+				type: "search",
+				autofocus: "",
+				"aria-expanded": "true",
+				"aria-autocomplete": "list",
+				"aria-label": e.placeholder,
+				placeholder: e.placeholder,
+				"aria-controls": Y,
+				"aria-activedescendant": x(se),
+				onInput: r[3] ||= D(() => {}, ["stop"]),
+				onChange: r[4] ||= D(() => {}, ["stop"]),
+				onKeydown: $
+			}, null, 40, O), [[C, U.value]]),
+			l("div", {
+				id: Y,
+				class: "kima-command__list",
+				role: "listbox",
+				"aria-label": e.label
+			}, [(g(!0), c(a, null, v(oe.value, (e, t) => (g(), c("div", {
+				key: e.label,
+				role: "group",
+				"aria-labelledby": `${Y}-group-${t}`
+			}, [l("h3", { id: `${Y}-group-${t}` }, b(e.label), 9, j), (g(!0), c(a, null, v(e.items, ({ item: e, index: t }) => (g(), c("div", {
+				id: `${Y}-option-${t}`,
+				key: e.value ?? t,
+				class: "kima-command__item",
+				role: "option",
+				"aria-selected": t === x(Q),
+				"aria-disabled": e.disabled || void 0,
+				"data-active": t === x(Q),
+				onPointermove: (n) => !e.disabled && x(ce)(t),
+				onPointerdown: r[5] ||= D(() => {}, ["prevent"]),
+				onClick: (t) => Z(e)
+			}, [l("span", null, [u(b(e.label), 1), e.description ? (g(), c("small", N, b(e.description), 1)) : s("", !0)]), e.shortcut ? (g(), c("small", P, b(e.shortcut), 1)) : s("", !0)], 40, M))), 128))], 8, A))), 128))], 8, k),
+			X.value.length ? s("", !0) : (g(), c("p", F, b(e.emptyText), 1))
+		])], 40, ne)], 16));
+	}
+}), [["__scopeId", "data-v-02971a2a"]]);
+export { I as default };