@kernel4632/kima 0.0.0-stage → 0.6.0

package/dist/vue/components/core/drawer.ce.js

@@ -0,0 +1,235 @@
+import { useNativeSlots as e } from "../../utils/native-slots.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+import n from "./icon.ce.js";
+/* empty css                                                          */
+import { computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as ee, mergeProps as te, nextTick as s, normalizeStyle as ne, onBeforeUnmount as re, onMounted as ie, openBlock as c, ref as l, renderSlot as u, toDisplayString as d, unref as f, useAttrs as ae, useId as p, watch as m, withModifiers as h } from "vue";
+import { Cancel01Icon as oe } from "@hugeicons/core-free-icons";
+// src/components/core/drawer.ce.vue
+var se = ["aria-labelledby", "aria-describedby"], ce = {
+	key: 1,
+	class: "kima-drawer__header"
+}, le = { class: "kima-drawer__heading" }, g = {
+	key: 1,
+	class: "kima-drawer__header-slot"
+}, ue = {
+	key: 3,
+	class: "kima-drawer__body"
+}, de = {
+	key: 4,
+	class: "kima-drawer__footer"
+}, _ = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "drawer.ce",
+	props: {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		placement: {
+			type: String,
+			default: "bottom"
+		},
+		description: {
+			type: String,
+			default: ""
+		},
+		closeOnEscape: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnBackdrop: {
+			type: Boolean,
+			default: !0
+		},
+		snapPoints: {
+			type: Array,
+			default: () => []
+		},
+		activeSnapPoint: {
+			type: Number,
+			default: null
+		}
+	},
+	emits: [
+		"update:open",
+		"close",
+		"update:activeSnapPoint"
+	],
+	setup(t, { emit: _ }) {
+		let v = t, y = _, b = ae(), x = l(null), S = l(null), { hasNativeSlot: C, isCustomElement: w } = e(x), fe = r(() => w ? {
+			...b,
+			id: void 0
+		} : b), T = l(v.open), E = r(() => [
+			"bottom",
+			"left",
+			"right"
+		].includes(v.placement) ? v.placement : "bottom"), D = p(), O = `kima-drawer-title-${D}`, k = `kima-drawer-description-${D}`, A = l(0), j = l(!1), M = 0, N = r(() => E.value !== "bottom" || !v.snapPoints.length ? [] : [...new Set(v.snapPoints.map(Number))].filter((e) => Number.isFinite(e) && e > 0 && e <= 1).sort((e, t) => e - t)), P = l(null), F = r(() => v.activeSnapPoint == null ? P.value == null ? N.value[0] ?? null : P.value : v.activeSnapPoint), I = l(typeof window > "u" ? 0 : window.innerHeight);
+		function L() {
+			I.value = window.innerHeight;
+		}
+		let R = r(() => {
+			if (E.value !== "bottom" || F.value == null) return null;
+			let e = F.value * I.value;
+			return j.value ? Math.max(0, e - A.value) : e;
+		});
+		function z(e) {
+			E.value === "bottom" && e.button === 0 && (j.value = !0, M = e.clientY, e.currentTarget.setPointerCapture(e.pointerId));
+		}
+		function B(e) {
+			if (!j.value) return;
+			let t = e.clientY - M;
+			A.value = N.value.length ? t : Math.max(0, t);
+		}
+		function V() {
+			if (!j.value) return;
+			j.value = !1;
+			let e = A.value;
+			if (A.value = 0, E.value !== "bottom") return;
+			if (!N.value.length) {
+				e > (S.value?.offsetHeight ?? 300) * .4 && Q("drag");
+				return;
+			}
+			let t = I.value || 1, n = F.value * t - e;
+			n < N.value[0] * t * .6 ? Q("drag") : H(N.value.reduce((e, r) => Math.abs(r * t - n) < Math.abs(e * t - n) ? r : e));
+		}
+		function H(e) {
+			P.value = e, y("update:activeSnapPoint", e);
+		}
+		let pe = r(() => {
+			let e = {};
+			if (G.value && (e.transform = U.value, G.value === "entering" && (e.transition = "none")), E.value !== "bottom") return e;
+			if (N.value.length) {
+				let t = R.value;
+				return t != null && (e.height = `${t}px`, j.value && (e.transition = "none")), e;
+			}
+			return !G.value && A.value > 0 && (e.transform = `translateY(${A.value}px)`, j.value && (e.transition = "none")), e;
+		}), U = l("translateY(100%)");
+		function W() {
+			let e = S.value;
+			if (!e) return;
+			let { width: t, height: n } = e.getBoundingClientRect();
+			E.value === "bottom" ? U.value = `translateY(${n}px)` : E.value === "right" ? U.value = `translateX(${t}px)` : U.value = `translateX(-${t}px)`;
+		}
+		let G = l(""), me = r(() => G.value ? `kima-drawer--${G.value}` : ""), K = 0, q, J = !1, Y = "";
+		function X(e) {
+			if (e === J) return;
+			J = e;
+			let t = document.documentElement;
+			if (e) {
+				let e = window.innerWidth - t.clientWidth;
+				Y = t.style.paddingRight, e > 0 && (t.style.paddingRight = `${e}px`), t.style.overflowY = "hidden";
+			} else t.style.overflowY = "", t.style.paddingRight = Y, Y = "";
+		}
+		function Z() {
+			return new Promise((e) => {
+				requestAnimationFrame(() => requestAnimationFrame(e));
+			});
+		}
+		async function he(e) {
+			let t, n = new Promise((e) => {
+				t = e;
+			});
+			q = t;
+			try {
+				for (; e === K && S.value;) {
+					let e = S.value.getAnimations().filter((e) => e.transitionProperty === "transform" && e.playState !== "finished");
+					if (!e.length) return;
+					await Promise.race([Promise.allSettled(e.map((e) => e.finished)), n]);
+				}
+			} finally {
+				q === t && (q = void 0);
+			}
+		}
+		async function ge() {
+			let e = x.value;
+			if (!e) return;
+			let t = ++K;
+			q?.(), e.open || (X(!0), e.showModal()), W(), G.value = "entering", await s(), await Z(), t === K && G.value === "entering" && (G.value = "");
+		}
+		async function _e() {
+			let e = x.value;
+			if (!e?.open) return;
+			let t = ++K;
+			W(), G.value = "leaving", await s(), t === K && (await he(t), t === K && (await Z(), t === K && (e.open && e.close(), await s(), t === K && (G.value = "", N.value.length && v.activeSnapPoint == null && (P.value = null), X(!1)))));
+		}
+		function Q(e = "close") {
+			T.value && (A.value = 0, T.value = !1, y("update:open", !1), y("close", e));
+		}
+		function $() {
+			x.value && (T.value ? ge() : _e());
+		}
+		m(() => v.open, (e) => {
+			T.value = e;
+		});
+		function ve(e) {
+			e.preventDefault(), v.closeOnEscape && Q("escape");
+		}
+		function ye() {
+			x.value && !x.value.open && (X(!1), Q("native"));
+		}
+		function be(e) {
+			if (e.key !== "Tab" || !x.value) return;
+			let t = [...x.value.querySelectorAll("button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex='-1'])")];
+			if (!t.length) return;
+			let n = t[0], r = t[t.length - 1];
+			e.shiftKey && document.activeElement === n ? (e.preventDefault(), r.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n.focus());
+		}
+		return m(T, $, { flush: "post" }), ie(() => {
+			$(), window.addEventListener("resize", L);
+		}), re(() => {
+			++K, q?.(), S.value?.getAnimations().forEach((e) => e.cancel()), window.removeEventListener("resize", L), x.value?.open && x.value.close(), X(!1);
+		}), (e, r) => (c(), a("dialog", te({
+			ref_key: "dialog",
+			ref: x
+		}, fe.value, {
+			title: void 0,
+			class: ["kima-drawer", [
+				`kima-drawer--${E.value}`,
+				{ "kima-drawer--snapping": N.value.length > 0 },
+				me.value
+			]],
+			"aria-labelledby": f(b).title ? O : f(b)["aria-labelledby"],
+			"aria-describedby": [f(b)["aria-describedby"], t.description ? k : void 0].filter(Boolean).join(" ") || void 0,
+			onCancel: h(ve, ["stop"]),
+			onClose: h(ye, ["stop"]),
+			onKeydown: be,
+			onClick: r[1] ||= h((e) => t.closeOnBackdrop && Q("backdrop"), ["self"])
+		}), [o("div", {
+			ref_key: "panel",
+			ref: S,
+			class: "kima-drawer__panel",
+			style: ne(pe.value)
+		}, [
+			E.value === "bottom" ? (c(), a("div", {
+				key: 0,
+				class: "kima-drawer__handle",
+				"aria-hidden": "true",
+				onPointerdown: z,
+				onPointermove: B,
+				onPointerup: V,
+				onPointercancel: V
+			}, null, 32)) : i("", !0),
+			f(b).title || e.$slots.header || f(C)("header") ? (c(), a("header", ce, [o("div", le, [f(b).title ? (c(), a("h2", {
+				key: 0,
+				id: O,
+				class: "kima-drawer__title"
+			}, d(f(b).title), 1)) : i("", !0), e.$slots.header || f(C)("header") ? (c(), a("div", g, [u(e.$slots, "header", {}, void 0, !0)])) : i("", !0)]), o("button", {
+				class: "kima-drawer__close",
+				type: "button",
+				"aria-label": "关闭",
+				onClick: r[0] ||= (e) => Q("button")
+			}, [ee(n, {
+				icon: f(oe),
+				size: 20,
+				color: "currentColor"
+			}, null, 8, ["icon"])])])) : i("", !0),
+			t.description ? (c(), a("p", {
+				key: 2,
+				id: k,
+				class: "kima-drawer__description"
+			}, d(t.description), 1)) : i("", !0),
+			e.$slots.default || f(C)("default") ? (c(), a("div", ue, [u(e.$slots, "default", {}, void 0, !0)])) : i("", !0),
+			e.$slots.footer || f(C)("footer") ? (c(), a("footer", de, [u(e.$slots, "footer", {}, void 0, !0)])) : i("", !0)
+		], 4)], 16, se));
+	}
+}), [["__scopeId", "data-v-f4c35e3a"]]);
+export { _ as default };

package/dist/vue/components/core/empty-state.ce.js

@@ -0,0 +1,58 @@
+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, mergeProps as a, openBlock as o, ref as s, renderSlot as c, toDisplayString as l, unref as u, useAttrs as d } from "vue";
+// src/components/core/empty-state.ce.vue
+var f = {
+	key: 0,
+	class: "kima-empty-state__icon",
+	"aria-hidden": "true"
+}, p = {
+	key: 1,
+	class: "kima-empty-state__title"
+}, m = {
+	key: 2,
+	class: "kima-empty-state__description"
+}, h = {
+	key: 3,
+	class: "kima-empty-state__action"
+}, g = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "empty-state.ce",
+	props: {
+		heading: {
+			type: String,
+			default: void 0
+		},
+		description: {
+			type: String,
+			default: ""
+		},
+		compact: Boolean
+	},
+	setup(t) {
+		let g = d(), _ = s(null), { hasNativeSlot: v, isCustomElement: y } = e(_), b = n(() => y ? {
+			...g,
+			id: void 0
+		} : g);
+		return (e, n) => (o(), i("section", a({
+			ref_key: "root",
+			ref: _
+		}, {
+			...b.value,
+			title: void 0
+		}, {
+			class: ["kima-empty-state", {
+				"kima-empty-state--compact": t.compact,
+				"kima-empty-state--native": u(y)
+			}],
+			role: "status",
+			"aria-atomic": "true"
+		}), [
+			e.$slots.icon || e.$slots.default || u(v)("icon") || u(v)("default") || u(y) ? (o(), i("div", f, [c(e.$slots, "icon", {}, () => [c(e.$slots, "default", {}, void 0, !0)], !0)])) : r("", !0),
+			t.heading ?? u(g).title ?? "暂无内容" ? (o(), i("h2", p, l(t.heading ?? u(g).title ?? "暂无内容"), 1)) : r("", !0),
+			t.description ? (o(), i("p", m, l(t.description), 1)) : r("", !0),
+			e.$slots.action || u(v)("action") || u(y) ? (o(), i("div", h, [c(e.$slots, "action", {}, void 0, !0)])) : r("", !0)
+		], 16));
+	}
+}), [["__scopeId", "data-v-6fcab7b8"]]);
+export { g as default };

package/dist/vue/components/core/icon-button.ce.js

@@ -0,0 +1,93 @@
+import { useRipple as e } from "../../utils/ripple.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+import n from "./icon.ce.js";
+/* empty css                                                               */
+import { Transition as r, computed as i, createElementBlock as a, createElementVNode as o, createVNode as s, getCurrentInstance as c, mergeProps as l, openBlock as u, ref as d, renderSlot as f, unref as p, useAttrs as m, withCtx as h } from "vue";
+import { Settings01Icon as g } from "@hugeicons/core-free-icons";
+// src/components/core/icon-button.ce.vue
+var _ = [
+	"type",
+	"disabled",
+	"aria-label",
+	"aria-busy",
+	"title"
+], v = {
+	class: "kima-icon-button__visual",
+	"aria-hidden": "true"
+}, y = {
+	key: "spinner",
+	class: "kima-icon-button__spinner"
+}, b = {
+	key: "icon",
+	class: "kima-icon-button__icon"
+}, x = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "icon-button.ce",
+	props: {
+		icon: {
+			type: [Object, Array],
+			default: null
+		},
+		label: {
+			type: String,
+			default: ""
+		},
+		variant: {
+			type: String,
+			default: "standard"
+		},
+		size: {
+			type: String,
+			default: "default"
+		},
+		disabled: Boolean,
+		loading: Boolean,
+		type: {
+			type: String,
+			default: "button"
+		}
+	},
+	setup(t) {
+		let x = t, S = m(), C = d(null), w = !!c()?.ce, T = i(() => w ? {
+			...S,
+			id: void 0
+		} : S);
+		e(C);
+		let E = i(() => [
+			"standard",
+			"filled",
+			"tonal",
+			"outlined",
+			"text"
+		].includes(x.variant) ? x.variant : "standard"), D = i(() => [
+			"small",
+			"default",
+			"large"
+		].includes(x.size) ? x.size : "default");
+		function O() {
+			return x.label || S["aria-label"] || S.ariaLabel || S.title || "图标按钮";
+		}
+		let k = i(() => x.icon || g), A = i(() => ({
+			small: 20,
+			default: 24,
+			large: 24
+		})[D.value]);
+		return (e, i) => (u(), a("button", l({
+			ref_key: "root",
+			ref: C
+		}, T.value, {
+			class: ["kima-icon-button", [`kima-icon-button--${E.value}`, `kima-icon-button--${D.value}`]],
+			type: t.type,
+			disabled: t.disabled || t.loading,
+			"aria-label": O(),
+			"aria-busy": t.loading || void 0,
+			title: p(S).title || O()
+		}), [o("span", v, [s(r, { name: "kima-fade" }, {
+			default: h(() => [t.loading ? (u(), a("span", y)) : (u(), a("span", b, [f(e.$slots, "default", {}, () => [s(n, {
+				icon: k.value,
+				size: A.value
+			}, null, 8, ["icon", "size"])], !0)]))]),
+			_: 3
+		})])], 16, _));
+	}
+}), [["__scopeId", "data-v-a18b4478"]]);
+export { x as default };

package/dist/vue/components/core/icon.ce.js

@@ -0,0 +1,42 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+/* empty css                                                        */
+import { createBlock as t, openBlock as n, unref as r } from "vue";
+import { HugeiconsIcon as i } from "@hugeicons/vue";
+var a = /*#__PURE__*/ e({
+	__name: "icon.ce",
+	props: {
+		icon: {
+			type: [Object, Array],
+			required: !0
+		},
+		size: {
+			type: [Number, String],
+			default: 24
+		},
+		color: {
+			type: String,
+			default: "currentColor"
+		},
+		strokeWidth: {
+			type: Number,
+			default: 2
+		}
+	},
+	setup(e) {
+		let a = e;
+		return (e, o) => (n(), t(r(i), {
+			class: "kima-icon",
+			icon: a.icon,
+			size: a.size,
+			color: a.color,
+			"stroke-width": a.strokeWidth,
+			"absolute-stroke-width": ""
+		}, null, 8, [
+			"icon",
+			"size",
+			"color",
+			"stroke-width"
+		]));
+	}
+}, [["__scopeId", "data-v-e042400b"]]);
+export { a as default };

package/dist/vue/components/core/layout.ce.js

@@ -0,0 +1,68 @@
+import { useNativeSlots as e } from "../../utils/native-slots.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+/* empty css                                                          */
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, mergeProps as o, openBlock as s, ref as c, renderSlot as l, resolveDynamicComponent as u, unref as d, useAttrs as f, withCtx as p } from "vue";
+// src/components/core/layout.ce.vue
+var m = {
+	key: 0,
+	class: "kima-layout__header"
+}, h = {
+	key: 1,
+	class: "kima-layout__content"
+}, g = {
+	key: 2,
+	class: "kima-layout__footer"
+}, _ = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "layout.ce",
+	props: {
+		as: {
+			type: String,
+			default: "main"
+		},
+		variant: {
+			type: String,
+			default: "page"
+		},
+		maxWidth: {
+			type: [String, Number],
+			default: 920
+		},
+		gap: {
+			type: [String, Number],
+			default: 24
+		},
+		padding: {
+			type: [String, Number],
+			default: void 0
+		}
+	},
+	setup(t) {
+		let _ = t, v = f(), y = c(null), { hasNativeSlot: b, isCustomElement: x } = e(y), S = n(() => x ? {
+			...v,
+			id: void 0
+		} : v), C = n(() => [
+			"main",
+			"section",
+			"div"
+		].includes(_.as) ? _.as : "main"), w = n(() => ["page", "panel"].includes(_.variant) ? _.variant : "page"), T = (e) => typeof e == "number" || typeof e == "string" && /^\d+(?:\.\d+)?$/.test(e.trim()) ? `${e}px` : e, E = n(() => ({
+			"--kima-layout-max-width": T(_.maxWidth),
+			"--kima-layout-gap": T(_.gap),
+			"--kima-layout-padding": _.padding === void 0 ? void 0 : T(_.padding)
+		}));
+		return (e, t) => (s(), r(u(C.value), o({
+			ref_key: "root",
+			ref: y
+		}, S.value, {
+			class: ["kima-layout", `kima-layout--${w.value}`],
+			style: E.value
+		}), {
+			default: p(() => [
+				e.$slots.header || d(b)("header") ? (s(), a("header", m, [l(e.$slots, "header", {}, void 0, !0)])) : i("", !0),
+				e.$slots.default || d(b)("default") ? (s(), a("div", h, [l(e.$slots, "default", {}, void 0, !0)])) : i("", !0),
+				e.$slots.footer || d(b)("footer") ? (s(), a("footer", g, [l(e.$slots, "footer", {}, void 0, !0)])) : i("", !0)
+			]),
+			_: 3
+		}, 16, ["class", "style"]));
+	}
+}), [["__scopeId", "data-v-c0d57820"]]);
+export { _ as default };

package/dist/vue/components/core/menu.ce.js

@@ -0,0 +1,178 @@
+import { useRipple as e } from "../../utils/ripple.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+import n from "./icon.ce.js";
+import { presenceTransition as r } from "../../utils/motion.js";
+import { dismissInteraction as ee, flattenChoices as i, useInteractionRoot as a, usePlacement as o } from "../../utils/interaction.js";
+import { useMenuChecks as s, useShellModel as c } from "../../utils/shell.js";
+import te from "../../internal/menu-items.js";
+/* empty css                                                        */
+import { Transition as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, mergeProps as g, nextTick as _, openBlock as v, ref as y, renderSlot as b, toDisplayString as x, unref as S, useId as C, vModelText as w, watch as T, withCtx as E, withDirectives as ne, withModifiers as D } from "vue";
+import { DropdownMenuContent as re, DropdownMenuRoot as O, DropdownMenuTrigger as k } from "reka-ui";
+import { ArrowDown01Icon as A, Search01Icon as j } from "@hugeicons/core-free-icons";
+// src/components/core/menu.ce.vue
+var M = ["disabled"], N = {
+	key: 0,
+	class: "kima-menu__search-wrap"
+}, P = {
+	key: 1,
+	role: "status"
+}, F = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "menu.ce",
+	props: {
+		open: Boolean,
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Boolean,
+				Object,
+				Array
+			],
+			default: null
+		},
+		items: {
+			type: Array,
+			default: () => []
+		},
+		label: {
+			type: String,
+			default: "选择项目"
+		},
+		disabled: Boolean,
+		placement: {
+			type: String,
+			default: "bottom-start"
+		},
+		searchable: Boolean,
+		checked: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	emits: [
+		"update:open",
+		"update:modelValue",
+		"change",
+		"select",
+		"update:checked",
+		"check"
+	],
+	setup(t, { emit: F }) {
+		let I = t, L = F, { root: R, forwardedAttrs: z } = a(), [B, V] = c(I, "open", L), [H, U] = c(I, "modelValue", L), { checked: W, check: G } = s(I, L), K = y(null), q = y(null), J = y("");
+		e(K);
+		let Y = `kima-menu-${C()}`, ie = o(I), X = u(() => i(I.items).find((e) => Object.is(e.value, H.value)) || null);
+		function Z(e, t) {
+			return e.flatMap((e) => {
+				let n = e.children ? Z(e.children, t) : [];
+				return `${e.label} ${e.description || ""}`.toLocaleLowerCase().includes(t) ? [e] : n.length ? [{
+					...e,
+					children: n
+				}] : [];
+			});
+		}
+		let Q = u(() => Z(I.items, J.value.trim().toLocaleLowerCase()));
+		function $(e) {
+			e && I.disabled || (e && (J.value = ""), V(e));
+		}
+		function ae(e) {
+			I.disabled || e.disabled || (Object.is(H.value, e.value) || (U(e.value), L("change", e.value)), L("select", e.value, e), $(!1));
+		}
+		function oe(e) {
+			if (e.key === "Escape") e.preventDefault(), $(!1), K.value?.focus();
+			else if (e.key === "Tab") $(!1);
+			else if ([
+				"ArrowDown",
+				"ArrowUp",
+				"Enter"
+			].includes(e.key)) {
+				e.preventDefault();
+				let t = R.value.querySelectorAll("[role^=\"menuitem\"]:not([data-disabled])"), n = e.key === "ArrowUp" ? t[t.length - 1] : t[0];
+				e.key === "Enter" ? n?.click() : n?.focus();
+			}
+		}
+		return T(() => I.disabled, (e) => {
+			e && $(!1);
+		}), T(B, (e) => {
+			e && I.searchable && _(() => q.value?.focus());
+		}), (e, i) => (v(), p("div", g({
+			ref_key: "root",
+			ref: R
+		}, S(z), { class: ["kima-menu", { "kima-menu--open": S(B) }] }), [h(S(O), {
+			open: S(B) && !t.disabled,
+			modal: !1,
+			"onUpdate:open": $
+		}, {
+			default: E(() => [h(S(k), { "as-child": "" }, {
+				default: E(() => [m("button", {
+					ref_key: "trigger",
+					ref: K,
+					type: "button",
+					class: "kima-menu__trigger",
+					disabled: t.disabled
+				}, [b(e.$slots, "trigger", {
+					open: S(B),
+					selectedItem: X.value,
+					value: S(H)
+				}, () => [m("span", null, x(X.value?.label || t.label), 1)], !0), h(n, {
+					icon: S(A),
+					size: 20,
+					"aria-hidden": "true"
+				}, null, 8, ["icon"])], 8, M)]),
+				_: 3
+			}), h(l, g({ name: "kima-popup" }, S(r)), {
+				default: E(() => [S(B) && !t.disabled ? (v(), d(S(re), g({
+					key: 0,
+					id: Y,
+					"force-mount": ""
+				}, S(ie), {
+					class: "kima-menu__popup",
+					"aria-label": t.label,
+					loop: "",
+					onEscapeKeyDown: i[3] ||= (e) => S(ee)(e, () => $(!1)),
+					onOpenAutoFocus: i[4] ||= (e) => {
+						t.searchable && (e.preventDefault(), _(() => q.value?.focus()));
+					}
+				}), {
+					default: E(() => [
+						t.searchable ? (v(), p("div", N, [h(n, {
+							icon: S(j),
+							size: 18,
+							"aria-hidden": "true"
+						}, null, 8, ["icon"]), ne(m("input", {
+							ref_key: "searchInput",
+							ref: q,
+							"onUpdate:modelValue": i[0] ||= (e) => J.value = e,
+							type: "search",
+							class: "kima-menu__search",
+							role: "searchbox",
+							"aria-label": "搜索菜单项",
+							onInput: i[1] ||= D(() => {}, ["stop"]),
+							onChange: i[2] ||= D(() => {}, ["stop"]),
+							onKeydown: D(oe, ["stop"])
+						}, null, 544), [[w, J.value]])])) : f("", !0),
+						h(te, {
+							items: Q.value,
+							checked: S(W),
+							"model-value": S(H),
+							selection: "",
+							disabled: t.disabled,
+							onSelect: ae,
+							onCheck: S(G)
+						}, null, 8, [
+							"items",
+							"checked",
+							"model-value",
+							"disabled",
+							"onCheck"
+						]),
+						Q.value.length ? f("", !0) : (v(), p("div", P, "没有匹配项目"))
+					]),
+					_: 1
+				}, 16, ["aria-label"])) : f("", !0)]),
+				_: 1
+			}, 16)]),
+			_: 3
+		}, 8, ["open"])], 16));
+	}
+}), [["__scopeId", "data-v-754442d3"]]);
+export { F as default };