@kernel4632/kima 0.0.0-stage → 0.6.0

package/dist/vue/components/interaction/context-menu.ce.js

@@ -0,0 +1,113 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import { presenceTransition as t } from "../../utils/motion.js";
+import { dismissInteraction as n, useInteractionRoot as r } from "../../utils/interaction.js";
+import { useMenuChecks as i, useShellModel as a } from "../../utils/shell.js";
+import o from "../../internal/menu-items.js";
+/* empty css                                                                */
+import { Transition as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createTextVNode as d, createVNode as f, isRef as p, mergeProps as m, nextTick as h, openBlock as g, renderSlot as _, unref as v, watch as y, withCtx as b } from "vue";
+import { ContextMenuContent as x, ContextMenuRoot as S, ContextMenuTrigger as C } from "reka-ui";
+// src/components/interaction/context-menu.ce.vue
+var w = {
+	key: 0,
+	role: "status"
+}, T = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "context-menu.ce",
+	props: {
+		open: Boolean,
+		disabled: Boolean,
+		items: {
+			type: Array,
+			default: () => []
+		},
+		label: {
+			type: String,
+			default: "上下文操作"
+		},
+		checked: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	emits: [
+		"update:open",
+		"select",
+		"update:checked",
+		"check"
+	],
+	setup(e, { emit: T }) {
+		let E = e, D = T, { checked: O, check: k } = i(E, D), { root: A, forwardedAttrs: j } = r(), [M, N] = a(E, "open", D), P = !1;
+		function F(e) {
+			e && (P = !1), e && E.disabled || N(e);
+		}
+		function I(e) {
+			e.preventDefault(), P || A.value?.querySelector(".kima-context-menu__trigger")?.focus();
+		}
+		function L(e) {
+			!E.disabled && (e.key === "ContextMenu" || e.shiftKey && e.key === "F10") && (e.preventDefault(), F(!0), h(() => A.value.querySelector("[role=\"menuitem\"]:not([data-disabled])")?.focus()));
+		}
+		function R(e) {
+			E.disabled || e.disabled || (D("select", e.value, e), F(!1));
+		}
+		return y(() => E.disabled, (e) => {
+			e && F(!1);
+		}), (r, i) => (g(), u("div", m({
+			ref_key: "root",
+			ref: A
+		}, v(j), { class: "kima-context-menu" }), [f(v(S), {
+			open: v(M) && !e.disabled,
+			modal: !1,
+			"onUpdate:open": F
+		}, {
+			default: b(() => [f(v(C), {
+				as: "div",
+				class: "kima-context-menu__trigger",
+				disabled: e.disabled,
+				tabindex: e.disabled ? -1 : 0,
+				"aria-label": e.label,
+				"aria-haspopup": "menu",
+				"aria-expanded": v(M) && !e.disabled,
+				onKeydown: L
+			}, {
+				default: b(() => [_(r.$slots, "default", {}, () => [i[2] ||= d("右键或长按打开操作菜单", -1)], !0)]),
+				_: 3
+			}, 8, [
+				"disabled",
+				"tabindex",
+				"aria-label",
+				"aria-expanded"
+			]), f(s, m({ name: "kima-popup" }, v(t)), {
+				default: b(() => [v(M) && !e.disabled ? (g(), c(v(x), {
+					key: 0,
+					"force-mount": "",
+					class: "kima-context-menu__popup",
+					"aria-label": e.label,
+					"collision-padding": 12,
+					"side-offset": 4,
+					"position-strategy": "fixed",
+					loop: "",
+					onEscapeKeyDown: i[0] ||= (e) => v(n)(e, () => F(!1)),
+					onInteractOutside: i[1] ||= (e) => p(P) ? P.value = !0 : P = !0,
+					onCloseAutoFocus: I
+				}, {
+					default: b(() => [f(o, {
+						items: e.items,
+						family: "ContextMenu",
+						checked: v(O),
+						disabled: e.disabled,
+						onSelect: R,
+						onCheck: v(k)
+					}, null, 8, [
+						"items",
+						"checked",
+						"disabled",
+						"onCheck"
+					]), e.items.length ? l("", !0) : (g(), u("p", w, "暂无操作"))]),
+					_: 1
+				}, 8, ["aria-label"])) : l("", !0)]),
+				_: 1
+			}, 16)]),
+			_: 3
+		}, 8, ["open"])], 16));
+	}
+}), [["__scopeId", "data-v-35d2336c"]]);
+export { T as default };

package/dist/vue/components/interaction/hover-card.ce.js

@@ -0,0 +1,92 @@
+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 { dismissInteraction as r, useInteractionModel as i, useInteractionRoot as a, usePlacement as o } from "../../utils/interaction.js";
+/* empty css                                                              */
+import { Transition 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, renderSlot as g, toDisplayString as _, unref as v, useId as y, watch as b, withCtx as x, withKeys as S, withModifiers as C } from "vue";
+import { HoverCardContent as w, HoverCardRoot as T, HoverCardTrigger as E } from "reka-ui";
+var D = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "hover-card.ce",
+	props: {
+		open: Boolean,
+		disabled: Boolean,
+		label: {
+			type: String,
+			default: "查看预览"
+		},
+		heading: {
+			type: String,
+			default: "预览"
+		},
+		openDelay: {
+			type: Number,
+			default: 400
+		},
+		closeDelay: {
+			type: Number,
+			default: 250
+		},
+		placement: {
+			type: String,
+			default: "bottom-start"
+		}
+	},
+	emits: ["update:open"],
+	setup(e, { emit: D }) {
+		let O = e, k = D, { root: A, forwardedAttrs: j } = a(), [M, N] = i(O, "open", k), P = o(O), F = `kima-hover-card-${y()}`;
+		function I(e) {
+			e && O.disabled || N(e);
+		}
+		return b(() => O.disabled, (e) => {
+			e && N(!1);
+		}), (i, a) => (h(), u("div", m({
+			ref_key: "root",
+			ref: A
+		}, v(j), { class: "kima-hover-card" }), [p(v(T), {
+			open: v(M) && !e.disabled,
+			"open-delay": e.openDelay,
+			"close-delay": e.closeDelay,
+			"onUpdate:open": I
+		}, {
+			default: x(() => [p(v(E), { "as-child": "" }, {
+				default: x(() => [p(t, {
+					variant: "text",
+					disabled: e.disabled,
+					"aria-expanded": v(M) && !e.disabled,
+					"aria-controls": v(M) ? F : void 0,
+					onClick: a[0] ||= (e) => I(!v(M)),
+					onKeydown: a[1] ||= S(C((e) => I(!1), ["stop", "prevent"]), ["esc"])
+				}, {
+					default: x(() => [g(i.$slots, "trigger", {}, () => [f(_(e.label), 1)], !0)]),
+					_: 3
+				}, 8, [
+					"disabled",
+					"aria-expanded",
+					"aria-controls"
+				])]),
+				_: 3
+			}), p(s, m({ name: "kima-popup" }, v(n)), {
+				default: x(() => [v(M) && !e.disabled ? (h(), c(v(w), m({
+					key: 0,
+					id: F,
+					"force-mount": ""
+				}, v(P), {
+					class: "kima-hover-card__popup",
+					role: "region",
+					"aria-label": e.heading,
+					onEscapeKeyDown: a[2] ||= (e) => v(r)(e, () => I(!1))
+				}), {
+					default: x(() => [d("h3", null, _(e.heading), 1), g(i.$slots, "default", {}, void 0, !0)]),
+					_: 3
+				}, 16, ["aria-label"])) : l("", !0)]),
+				_: 3
+			}, 16)]),
+			_: 3
+		}, 8, [
+			"open",
+			"open-delay",
+			"close-delay"
+		])], 16));
+	}
+}), [["__scopeId", "data-v-0517aad7"]]);
+export { D as default };

package/dist/vue/components/interaction/loading-overlay.ce.js

@@ -0,0 +1,70 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import { presenceTransition as t } from "../../utils/motion.js";
+import { useInteractionRoot as n } from "../../utils/interaction.js";
+import r from "../display/spinner.ce.js";
+/* empty css                                                                   */
+import { Transition as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, mergeProps as l, nextTick as u, normalizeClass as d, onBeforeUnmount as f, openBlock as p, ref as m, renderSlot as h, toDisplayString as g, unref as _, watch as v, withCtx as y } from "vue";
+// src/components/interaction/loading-overlay.ce.vue
+var b = ["aria-busy", "aria-label"], x = ["inert"], S = { class: "kima-loading-overlay__status" }, C = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "loading-overlay.ce",
+	props: {
+		loading: Boolean,
+		blocking: {
+			type: Boolean,
+			default: !0
+		},
+		label: {
+			type: String,
+			default: "正在加载，请稍候"
+		}
+	},
+	emits: ["after-load"],
+	setup(e, { emit: C }) {
+		let w = e, T = C, { root: E, forwardedAttrs: D } = n(), O = m(null), k = m(null), A;
+		function j(e) {
+			O.value?.contains(e.target) && (A = e.target);
+		}
+		return v(() => w.loading && w.blocking, async (e, t) => {
+			let n = E.value?.ownerDocument, r = n?.activeElement;
+			if (e) r && O.value?.contains(r) && (A = r), A && (r === n.body || O.value?.contains(r)) && (await u(), w.loading && w.blocking && k.value?.focus({ preventScroll: !0 }));
+			else if (t) {
+				let e = !r || r === n.body || r === k.value || r?.classList.contains("kima-loading-overlay__mask");
+				if (await u(), w.loading && w.blocking) return;
+				A?.isConnected && e && A.focus({ preventScroll: !0 }), A = null;
+			}
+		}, { flush: "pre" }), v(() => w.loading, (e, t) => {
+			t && !e && T("after-load");
+		}), f(() => {
+			A = null;
+		}), (n, u) => (p(), o("section", l({
+			ref_key: "root",
+			ref: E
+		}, _(D), {
+			class: "kima-loading-overlay",
+			"aria-busy": e.loading,
+			"aria-label": _(D)["aria-label"] || e.label
+		}), [s("div", {
+			ref_key: "content",
+			ref: O,
+			class: "kima-loading-overlay__content",
+			inert: e.loading && e.blocking,
+			onFocusin: j
+		}, [h(n.$slots, "default", {}, void 0, !0)], 40, x), c(i, l({ name: "kima-fade" }, _(t)), {
+			default: y(() => [e.loading ? (p(), o("div", {
+				key: 0,
+				ref_key: "status",
+				ref: k,
+				class: d(["kima-loading-overlay__mask", { "kima-loading-overlay__mask--passive": !e.blocking }]),
+				role: "status",
+				"aria-live": "polite",
+				tabindex: "-1"
+			}, [s("div", S, [
+				c(r, { decorative: "" }),
+				s("span", null, g(e.label), 1),
+				h(n.$slots, "status", {}, void 0, !0)
+			])], 2)) : a("", !0)]),
+			_: 3
+		}, 16)], 16, b));
+	}
+}), [["__scopeId", "data-v-8cce8435"]]);
+export { C as default };

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

@@ -0,0 +1,134 @@
+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 { dismissInteraction as r, useInteractionRoot as i, usePlacement as a } from "../../utils/interaction.js";
+import { useMenuChecks as o, useShellModel as s } from "../../utils/shell.js";
+import c from "../../internal/menu-items.js";
+/* empty css                                                           */
+import { Fragment as l, Transition as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createTextVNode as h, createVNode as g, mergeProps as _, nextTick as v, openBlock as y, renderList as b, toDisplayString as x, unref as S, useId as C, watch as w, withCtx as T } from "vue";
+import { MenubarContent as E, MenubarMenu as D, MenubarRoot as O, MenubarTrigger as k } from "reka-ui";
+// src/components/interaction/menubar.ce.vue
+var A = {
+	key: 0,
+	role: "status"
+}, j = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "menubar.ce",
+	props: {
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		menus: {
+			type: Array,
+			default: () => []
+		},
+		disabled: Boolean,
+		label: {
+			type: String,
+			default: "应用菜单"
+		},
+		placement: {
+			type: String,
+			default: "bottom-start"
+		},
+		checked: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"select",
+		"update:checked",
+		"check"
+	],
+	setup(e, { emit: j }) {
+		let M = e, N = j, { checked: P, check: F } = o(M, N), { root: I, forwardedAttrs: L } = i(), [R, z] = s(M, "modelValue", N), B = a(M), V = `kima-menubar-${C()}`, H = d(() => {
+			let e = M.menus.findIndex((e, t) => String(e.value ?? t) === R.value && !e.disabled);
+			return !M.disabled && e >= 0 ? `${V}-${e}` : "";
+		});
+		function U(e) {
+			let t = M.menus.findIndex((t, n) => `${V}-${n}` === e);
+			z(t < 0 ? "" : String(M.menus[t].value ?? t));
+		}
+		function W(e, t) {
+			M.disabled || t.disabled || e.disabled || (N("select", e.value, e, t), z(""));
+		}
+		w(() => M.disabled, (e) => {
+			e && z("");
+		});
+		function G(e, t) {
+			if (!["ArrowRight", "ArrowLeft"].includes(e.key) || e.isComposing || e.target.closest("[data-kima-submenu]") || e.target.hasAttribute("aria-haspopup")) return;
+			e.preventDefault(), e.stopPropagation();
+			let n = e.key === "ArrowRight" ? 1 : -1, r = t;
+			for (let e = 0; e < M.menus.length && (r = (r + n + M.menus.length) % M.menus.length, M.menus[r].disabled); e++);
+			z(String(M.menus[r].value ?? r)), v(() => (I.value?.$el || I.value)?.querySelector(`[data-kima-menu-index="${r}"] [role="menuitem"]:not([data-disabled])`)?.focus());
+		}
+		return (i, a) => (y(), f(S(O), _({
+			ref_key: "root",
+			ref: I
+		}, S(L), {
+			class: "kima-menubar",
+			"model-value": H.value,
+			"aria-label": e.label,
+			loop: "",
+			"onUpdate:modelValue": U
+		}), {
+			default: T(() => [(y(!0), m(l, null, b(e.menus, (i, o) => (y(), f(S(D), {
+				key: i.value ?? o,
+				value: `${V}-${o}`
+			}, {
+				default: T(() => [g(S(k), {
+					id: `${V}-${o}`,
+					"as-child": "",
+					disabled: e.disabled || i.disabled
+				}, {
+					default: T(() => [g(t, {
+						variant: "text",
+						disabled: e.disabled || i.disabled
+					}, {
+						default: T(() => [h(x(i.label), 1)]),
+						_: 2
+					}, 1032, ["disabled"])]),
+					_: 2
+				}, 1032, ["id", "disabled"]), g(u, _({ name: "kima-popup" }, { ref_for: !0 }, S(n)), {
+					default: T(() => [S(R) === String(i.value ?? o) && !e.disabled && !i.disabled ? (y(), f(S(E), _({
+						key: 0,
+						"force-mount": ""
+					}, { ref_for: !0 }, S(B), {
+						class: "kima-menubar__popup",
+						"data-kima-menu-index": o,
+						loop: "",
+						"aria-label": i.label,
+						onEscapeKeyDown: a[0] ||= (e) => S(r)(e, () => S(z)("")),
+						onKeydown: (e) => G(e, o)
+					}), {
+						default: T(() => [g(c, {
+							items: i.items || [],
+							family: "Menubar",
+							checked: S(P),
+							disabled: e.disabled || i.disabled,
+							onSelect: (e) => W(e, i),
+							onCheck: S(F)
+						}, null, 8, [
+							"items",
+							"checked",
+							"disabled",
+							"onSelect",
+							"onCheck"
+						]), i.items?.length ? p("", !0) : (y(), m("p", A, "暂无操作"))]),
+						_: 2
+					}, 1040, [
+						"data-kima-menu-index",
+						"aria-label",
+						"onKeydown"
+					])) : p("", !0)]),
+					_: 2
+				}, 1040)]),
+				_: 2
+			}, 1032, ["value"]))), 128))]),
+			_: 1
+		}, 16, ["model-value", "aria-label"]));
+	}
+}), [["__scopeId", "data-v-c4c69411"]]);
+export { j as default };

package/dist/vue/components/interaction/multi-select.ce.js

@@ -0,0 +1,264 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "../core/button.ce.js";
+import n from "../core/icon.ce.js";
+import { presenceTransition as r } from "../../utils/motion.js";
+import { dismissInteraction as ee, useChoiceCursor as te, useInteractionModel as i, useInteractionReset as a, useInteractionRoot as o, usePlacement as s } from "../../utils/interaction.js";
+import ne from "../core/icon-button.ce.js";
+import re from "./chip.ce.js";
+/* empty css                                                                */
+import { Fragment as c, Transition as l, TransitionGroup as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, mergeProps as v, nextTick as y, openBlock as b, ref as x, renderList as S, toDisplayString as C, unref as w, useId as ie, vModelText as ae, watch as oe, withCtx as T, withDirectives as se, withKeys as ce, withModifiers as E } from "vue";
+import { PopoverContent as le, PopoverRoot as ue, PopoverTrigger as de } from "reka-ui";
+import { Cancel01Icon as fe, Tick01Icon as pe } from "@hugeicons/core-free-icons";
+// src/components/interaction/multi-select.ce.vue
+var me = { class: "kima-multi-select__control" }, he = ["aria-activedescendant"], ge = [
+	"aria-label",
+	"tabindex",
+	"aria-activedescendant"
+], D = [
+	"id",
+	"aria-selected",
+	"aria-disabled",
+	"data-active",
+	"onPointermove",
+	"onClick"
+], O = { key: 0 }, k = {
+	key: 1,
+	role: "status"
+}, A = {
+	key: 0,
+	class: "kima-multi-select__clear"
+}, j = [
+	"name",
+	"required",
+	"disabled"
+], M = [
+	"value",
+	"data-index",
+	"disabled",
+	"selected"
+], N = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "multi-select.ce",
+	props: {
+		modelValue: {
+			type: Array,
+			default: () => []
+		},
+		open: Boolean,
+		items: {
+			type: Array,
+			default: () => []
+		},
+		name: String,
+		required: Boolean,
+		disabled: Boolean,
+		searchable: {
+			type: Boolean,
+			default: !0
+		},
+		clearable: {
+			type: Boolean,
+			default: !0
+		},
+		label: {
+			type: String,
+			default: "多选"
+		},
+		placeholder: {
+			type: String,
+			default: "请选择多个项目"
+		},
+		placement: {
+			type: String,
+			default: "bottom-start"
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"update:open",
+		"change"
+	],
+	setup(e, { emit: N }) {
+		let P = e, F = N, { root: I, attrs: L, forwardedAttrs: _e } = o(), [R, z] = i(P, "modelValue", F), [B, ve] = i(P, "open", F), ye = s(P), V = x(""), H = x(null), U = x(null), W = `kima-multi-select-${ie()}`, G = d(() => Array.isArray(R.value) ? R.value : []), K = d(() => P.items.filter((e) => G.value.includes(e.value))), q = d(() => P.items.filter((e) => `${e.label} ${e.description || ""}`.toLocaleLowerCase().includes(V.value.trim().toLocaleLowerCase())));
+		function J(e) {
+			P.disabled || (z(e), F("change", [...e]));
+		}
+		function Y(e) {
+			P.disabled || e.disabled || J(G.value.includes(e.value) ? G.value.filter((t) => !Object.is(t, e.value)) : [...G.value, e.value]);
+		}
+		function be(e) {
+			e.disabled || J(G.value.filter((t) => !Object.is(t, e.value)));
+		}
+		function xe() {
+			J(P.items.filter((e) => e.disabled && G.value.includes(e.value)).map((e) => e.value));
+		}
+		function X(e) {
+			e && P.disabled || (e && !B.value && (V.value = ""), ve(e));
+		}
+		let { active: Z, activeId: Q, highlight: Se, keydown: Ce } = te(q, Y, `${W}-option`);
+		function $(e) {
+			if (!e.isComposing) {
+				if (e.key === " " && !P.searchable) {
+					e.preventDefault();
+					let t = q.value[Z.value];
+					t && Y(t);
+				} else Ce(e);
+			}
+		}
+		function we(e) {
+			e.preventDefault(), y(() => {
+				B.value && !P.disabled && (P.searchable ? H.value : U.value)?.focus();
+			});
+		}
+		function Te(e) {
+			J([...e.target.selectedOptions].map((e) => P.items[Number(e.dataset.index)].value));
+		}
+		return a(I, R, z, () => X(!1)), oe(() => P.disabled, (e) => {
+			e && X(!1);
+		}), (te, i) => (b(), m("div", v({
+			ref_key: "root",
+			ref: I
+		}, w(_e), { class: "kima-multi-select" }), [
+			_(u, v({
+				tag: "div",
+				name: "kima-list"
+			}, w(r), { class: "kima-multi-select__chips" }), {
+				default: T(() => [(b(!0), m(c, null, S(K.value, (t) => (b(), m("span", {
+					key: t.value,
+					class: "kima-multi-select__chip"
+				}, [_(re, {
+					removable: "",
+					label: t.label,
+					disabled: e.disabled || t.disabled,
+					value: t.value,
+					onRemove: (e) => be(t)
+				}, {
+					default: T(() => [g(C(t.label), 1)]),
+					_: 2
+				}, 1032, [
+					"label",
+					"disabled",
+					"value",
+					"onRemove"
+				])]))), 128))]),
+				_: 1
+			}, 16),
+			h("div", me, [_(w(ue), {
+				open: w(B) && !e.disabled,
+				modal: !1,
+				"onUpdate:open": X
+			}, {
+				default: T(() => [_(w(de), { "as-child": "" }, {
+					default: T(() => [_(t, {
+						variant: "tonal",
+						disabled: e.disabled,
+						"aria-label": w(L)["aria-label"] || e.label,
+						"aria-required": e.required || void 0,
+						onKeydown: i[0] ||= ce(E((e) => X(!0), ["prevent"]), ["down"])
+					}, {
+						default: T(() => [g(C(K.value.length ? `已选择 ${K.value.length} 项` : e.placeholder), 1)]),
+						_: 1
+					}, 8, [
+						"disabled",
+						"aria-label",
+						"aria-required"
+					])]),
+					_: 1
+				}), _(l, v({ name: "kima-popup" }, w(r)), {
+					default: T(() => [w(B) && !e.disabled ? (b(), f(w(le), v({
+						key: 0,
+						"force-mount": ""
+					}, w(ye), {
+						class: "kima-multi-select__popup",
+						"aria-label": e.label,
+						onOpenAutoFocus: we,
+						onEscapeKeyDown: i[5] ||= (e) => w(ee)(e, () => X(!1))
+					}), {
+						default: T(() => [
+							e.searchable ? se((b(), m("input", {
+								key: 0,
+								ref_key: "search",
+								ref: H,
+								"onUpdate:modelValue": i[1] ||= (e) => V.value = e,
+								class: "kima-multi-select__search",
+								type: "search",
+								role: "combobox",
+								"aria-expanded": "true",
+								"aria-autocomplete": "list",
+								"aria-label": "搜索选项",
+								"aria-controls": W,
+								"aria-activedescendant": w(Q),
+								onKeydown: $,
+								onInput: i[2] ||= E(() => {}, ["stop"]),
+								onChange: i[3] ||= E(() => {}, ["stop"])
+							}, null, 40, he)), [[ae, V.value]]) : p("", !0),
+							h("div", {
+								id: W,
+								ref_key: "panel",
+								ref: U,
+								class: "kima-multi-select__list",
+								role: "listbox",
+								"aria-multiselectable": "true",
+								"aria-label": e.label,
+								tabindex: e.searchable ? -1 : 0,
+								"aria-activedescendant": e.searchable ? void 0 : w(Q),
+								onKeydown: $
+							}, [(b(!0), m(c, null, S(q.value, (e, t) => (b(), m("div", {
+								id: `${W}-option-${t}`,
+								key: e.value,
+								class: "kima-multi-select__item",
+								role: "option",
+								"aria-selected": G.value.includes(e.value),
+								"aria-disabled": e.disabled || void 0,
+								"data-active": w(Z) === t,
+								onPointerdown: i[4] ||= E(() => {}, ["prevent"]),
+								onPointermove: (n) => !e.disabled && w(Se)(t),
+								onClick: (t) => Y(e)
+							}, [h("span", null, [g(C(e.label), 1), e.description ? (b(), m("small", O, C(e.description), 1)) : p("", !0)]), G.value.includes(e.value) ? (b(), f(n, {
+								key: 0,
+								icon: w(pe),
+								size: 20,
+								"aria-hidden": "true"
+							}, null, 8, ["icon"])) : p("", !0)], 40, D))), 128))], 40, ge),
+							q.value.length ? p("", !0) : (b(), m("p", k, "没有匹配选项"))
+						]),
+						_: 1
+					}, 16, ["aria-label"])) : p("", !0)]),
+					_: 1
+				}, 16)]),
+				_: 1
+			}, 8, ["open"]), _(l, v({ name: "kima-content" }, w(r)), {
+				default: T(() => [e.clearable && K.value.length ? (b(), m("span", A, [_(ne, {
+					label: "清除选择",
+					disabled: e.disabled,
+					onClick: xe
+				}, {
+					default: T(() => [_(n, {
+						icon: w(fe),
+						size: 20
+					}, null, 8, ["icon"])]),
+					_: 1
+				}, 8, ["disabled"])])) : p("", !0)]),
+				_: 1
+			}, 16)]),
+			h("select", {
+				class: "kima-multi-select__native",
+				multiple: "",
+				name: e.name,
+				required: e.required,
+				disabled: e.disabled,
+				tabindex: "-1",
+				"aria-hidden": "true",
+				onInput: i[6] ||= E(() => {}, ["stop"]),
+				onChange: E(Te, ["stop"]),
+				onInvalid: i[7] ||= E((e) => w(I)?.querySelector("button")?.focus(), ["prevent"])
+			}, [(b(!0), m(c, null, S(e.items, (e, t) => (b(), m("option", {
+				key: e.value,
+				value: String(e.value),
+				"data-index": t,
+				disabled: e.disabled,
+				selected: G.value.includes(e.value)
+			}, C(e.label), 9, M))), 128))], 40, j)
+		], 16));
+	}
+}), [["__scopeId", "data-v-b5be8e98"]]);
+export { N as default };