@kernel4632/kima 0.0.0-stage → 0.6.0

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

@@ -0,0 +1,158 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./icon.ce.js";
+import { presenceTransition as n } from "../../utils/motion.js";
+/* empty css                                                                */
+import { Transition as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as ee, createVNode as c, getCurrentInstance as l, mergeProps as u, onBeforeUnmount as te, onMounted as ne, openBlock as d, ref as re, renderSlot as ie, toDisplayString as f, unref as p, useAttrs as m, useHost as h, useId as g, watch as _, withCtx as v } from "vue";
+import { Alert02Icon as y, AlertCircleIcon as b, Cancel01Icon as x, CheckmarkCircle02Icon as S, InformationCircleIcon as C } from "@hugeicons/core-free-icons";
+// src/components/core/notification.ce.vue
+var w = [
+	"role",
+	"aria-live",
+	"aria-labelledby",
+	"aria-describedby"
+], T = {
+	key: 0,
+	class: "kima-notification__icon",
+	"aria-hidden": "true"
+}, ae = { class: "kima-notification__copy" }, oe = {
+	key: 2,
+	class: "kima-notification__action"
+}, E = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "notification.ce",
+	props: {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		heading: {
+			type: String,
+			default: ""
+		},
+		message: {
+			type: String,
+			default: ""
+		},
+		variant: {
+			type: String,
+			default: "neutral"
+		},
+		duration: {
+			type: Number,
+			default: 5e3
+		},
+		closable: {
+			type: Boolean,
+			default: !0
+		},
+		position: {
+			type: String,
+			default: "top-right"
+		},
+		icon: {
+			type: [Object, Array],
+			default: null
+		}
+	},
+	emits: ["update:open", "close"],
+	setup(e, { emit: E }) {
+		let D = e, O = E, k = m(), A = l().ce ? h() : null, j = re(D.open), M = g(), N = `kima-notification-${M}-title`, P = `kima-notification-${M}-message`, F = null, I = !1, L = 0, R = 0, z = !1, B = !1, V = i(() => [
+			"neutral",
+			"info",
+			"success",
+			"warning",
+			"danger"
+		].includes(D.variant) ? D.variant : "neutral"), H = i(() => [
+			"top",
+			"top-left",
+			"top-center",
+			"top-right",
+			"bottom",
+			"bottom-left",
+			"bottom-center",
+			"bottom-right"
+		].includes(D.position) ? D.position : "top-right"), U = i(() => ["warning", "danger"].includes(V.value) ? "alert" : "status"), W = i(() => U.value === "alert" ? "assertive" : "polite"), G = i(() => Number.isFinite(D.duration) ? Math.max(0, D.duration) : 0), K = {
+			info: C,
+			success: S,
+			warning: y,
+			danger: b
+		}, q = i(() => D.icon ?? K[V.value] ?? null);
+		function J() {
+			F !== null && (clearTimeout(F), F = null);
+		}
+		function Y(e = "close") {
+			j.value && (J(), j.value = !1, O("update:open", !1), O("close", e));
+		}
+		function X() {
+			J(), I && j.value && G.value !== 0 && !z && !B && (R = Date.now(), F = setTimeout(() => {
+				F = null, Y("timeout");
+			}, L));
+		}
+		function Z() {
+			F !== null && (L = Math.max(0, L - (Date.now() - R)), J());
+		}
+		function Q(e) {
+			z = e, e ? Z() : X();
+		}
+		function $(e) {
+			B = e.type === "focusin" || e.currentTarget.contains(e.relatedTarget), B ? Z() : X();
+		}
+		return _(() => D.open, (e) => {
+			j.value = e;
+		}), _([j, G], ([e]) => {
+			L = G.value, e ? X() : (J(), z = !1, B = !1);
+		}, { immediate: !0 }), ne(() => {
+			I = !0, L = G.value, X();
+		}), te(() => {
+			I = !1, J();
+		}), (i, l) => (d(), a(r, u({ name: "kima-notification" }, p(n)), {
+			default: v(() => [j.value ? (d(), s("div", u({ key: 0 }, {
+				...p(k),
+				id: p(A) ? void 0 : p(k).id,
+				title: void 0
+			}, {
+				class: ["kima-notification", [`kima-notification--${V.value}`, `kima-notification--${H.value}`]],
+				role: U.value,
+				"aria-live": W.value,
+				"aria-atomic": "true",
+				"aria-labelledby": e.heading || p(k).title ? N : void 0,
+				"aria-describedby": e.message ? P : void 0,
+				onMouseenter: l[1] ||= (e) => Q(!0),
+				onMouseleave: l[2] ||= (e) => Q(!1),
+				onFocusin: $,
+				onFocusout: $
+			}), [
+				q.value ? (d(), s("span", T, [c(t, {
+					icon: q.value,
+					size: 22
+				}, null, 8, ["icon"])])) : o("", !0),
+				ee("div", ae, [
+					e.heading || p(k).title ? (d(), s("strong", {
+						key: 0,
+						id: N,
+						class: "kima-notification__title"
+					}, f(e.heading || p(k).title), 1)) : o("", !0),
+					e.message ? (d(), s("span", {
+						key: 1,
+						id: P,
+						class: "kima-notification__message"
+					}, f(e.message), 1)) : o("", !0),
+					i.$slots.action || p(A) ? (d(), s("div", oe, [ie(i.$slots, "action", {}, void 0, !0)])) : o("", !0)
+				]),
+				e.closable ? (d(), s("button", {
+					key: 1,
+					class: "kima-notification__close",
+					type: "button",
+					"aria-label": "关闭通知",
+					title: "关闭通知",
+					onClick: l[0] ||= (e) => Y("button")
+				}, [c(t, {
+					icon: p(x),
+					size: 18,
+					"aria-hidden": "true"
+				}, null, 8, ["icon"])])) : o("", !0)
+			], 16, w)) : o("", !0)]),
+			_: 3
+		}, 16));
+	}
+}), [["__scopeId", "data-v-8f69e04e"]]);
+export { E as default };

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

@@ -0,0 +1,158 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./icon.ce.js";
+import { activateMotionElement as n, presenceTransition as r, retireMotionElement as i } from "../../utils/motion.js";
+/* empty css                                                              */
+import { Fragment as a, Transition as o, TransitionGroup as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, getCurrentInstance as m, mergeProps as h, nextTick as g, openBlock as _, ref as v, renderList as y, toDisplayString as b, unref as x, useAttrs as S, useHost as C, watch as w, withCtx as T } from "vue";
+import { ArrowLeft01Icon as E, ArrowRight01Icon as D } from "@hugeicons/core-free-icons";
+// src/components/core/pagination.ce.vue
+var O = ["aria-label", "aria-disabled"], k = { class: "kima-pagination__list" }, A = ["tabindex", "disabled"], j = [
+	"tabindex",
+	"aria-label",
+	"data-page",
+	"aria-current",
+	"disabled",
+	"onClick",
+	"onKeydown"
+], M = {
+	key: 1,
+	class: "kima-pagination__ellipsis",
+	"aria-hidden": "true"
+}, N = ["tabindex", "disabled"], P = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "pagination.ce",
+	props: {
+		modelValue: {
+			type: Number,
+			default: 1
+		},
+		total: {
+			type: Number,
+			default: 0
+		},
+		pageSize: {
+			type: Number,
+			default: 10
+		},
+		siblingCount: {
+			type: Number,
+			default: 1
+		},
+		disabled: Boolean,
+		compact: Boolean
+	},
+	emits: ["update:modelValue", "change"],
+	setup(e, { emit: P }) {
+		let F = e, I = P, L = S(), R = m()?.ce ? C() : null, z = c(() => R ? {
+			...L,
+			id: void 0
+		} : L), B = v(1), V = /* @__PURE__ */ new Map(), H = c(() => Number.isFinite(F.pageSize) && F.pageSize > 0 ? F.pageSize : 1), U = c(() => !Number.isFinite(F.total) || F.total <= 0 ? 0 : Math.ceil(F.total / H.value)), W = c(() => U.value ? q(B.value, U.value) : 0), G = c(() => Math.max(0, Math.floor(Number.isFinite(F.siblingCount) ? F.siblingCount : 0))), K = c(() => {
+			let e = U.value;
+			if (!e) return [];
+			let t = /* @__PURE__ */ new Set(), n = Math.min(1, e);
+			for (let e = 1; e <= n; e += 1) t.add(e);
+			for (let n = Math.max(1, W.value - G.value); n <= Math.min(e, W.value + G.value); n += 1) t.add(n);
+			for (let r = Math.max(1, e - n + 1); r <= e; r += 1) t.add(r);
+			let r = [...t].sort((e, t) => e - t), i = [];
+			return r.forEach((e, t) => {
+				let n = r[t - 1];
+				n && e - n > 1 && i.push({
+					type: "ellipsis",
+					key: `ellipsis-${n}-${e}`
+				}), i.push({
+					type: "page",
+					page: e,
+					key: `page-${e}`
+				});
+			}), i;
+		});
+		function q(e, t = U.value) {
+			return Math.max(1, Math.min(t, Number.isFinite(e) ? Math.floor(e) : 1));
+		}
+		let J = {
+			onBeforeLeave(e) {
+				i(e), e.removeAttribute("aria-current");
+			},
+			onBeforeEnter(e) {
+				n(e), Number(e.dataset.page) === W.value && e.setAttribute("aria-current", "page");
+			}
+		};
+		function Y(e, t) {
+			t ? V.set(e, t) : V.delete(e);
+		}
+		function X(e) {
+			if (F.disabled || !U.value) return;
+			let t = q(e);
+			t !== W.value && (B.value = t, I("update:modelValue", t), I("change", t));
+		}
+		function Z(e) {
+			g(() => V.get(e)?.focus());
+		}
+		function Q(e, t) {
+			if (![
+				"ArrowLeft",
+				"ArrowRight",
+				"Home",
+				"End"
+			].includes(t.key)) return;
+			let n = K.value.filter((e) => e.type === "page").map((e) => e.page), r = n.indexOf(e);
+			r < 0 || (t.preventDefault(), t.key === "Home" ? Z(n[0]) : t.key === "End" ? Z(n[n.length - 1]) : Z(n[Math.max(0, Math.min(n.length - 1, r + (t.key === "ArrowRight" ? 1 : -1)))]));
+		}
+		return w(() => F.modelValue, (e) => {
+			B.value = U.value ? q(e) : 0;
+		}, { immediate: !0 }), w(U, (e) => {
+			B.value = e ? q(B.value, e) : 0;
+		}, { immediate: !0 }), (n, i) => (_(), l(o, h({ name: "kima-content" }, x(r)), {
+			default: T(() => [U.value ? (_(), d("nav", h({ key: 0 }, z.value, {
+				class: ["kima-pagination", {
+					"kima-pagination--compact": e.compact,
+					"kima-pagination--disabled": e.disabled
+				}],
+				"aria-label": x(L)["aria-label"] || "分页",
+				"aria-disabled": e.disabled || void 0
+			}), [f("div", k, [
+				f("button", {
+					class: "kima-pagination__button kima-pagination__button--direction",
+					type: "button",
+					tabindex: e.disabled ? -1 : 0,
+					disabled: e.disabled || W.value <= 1,
+					"aria-label": "上一页",
+					onClick: i[0] ||= (e) => X(W.value - 1)
+				}, [p(t, {
+					icon: x(E),
+					size: 18,
+					"aria-hidden": "true"
+				}, null, 8, ["icon"])], 8, A),
+				p(s, h({ name: "kima-list" }, J), {
+					default: T(() => [(_(!0), d(a, null, y(K.value, (t) => (_(), d(a, { key: t.key }, [t.type === "page" ? (_(), d("button", {
+						key: 0,
+						ref_for: !0,
+						ref: (e) => Y(t.page, e),
+						class: "kima-pagination__button",
+						type: "button",
+						tabindex: e.disabled ? -1 : 0,
+						"aria-label": `第 ${t.page} 页`,
+						"data-page": t.page,
+						"aria-current": t.page === W.value ? "page" : void 0,
+						disabled: e.disabled,
+						onClick: (e) => X(t.page),
+						onKeydown: (e) => Q(t.page, e)
+					}, b(t.page), 41, j)) : (_(), d("span", M, "…"))], 64))), 128))]),
+					_: 1
+				}, 16),
+				f("button", {
+					class: "kima-pagination__button kima-pagination__button--direction",
+					type: "button",
+					tabindex: e.disabled ? -1 : 0,
+					disabled: e.disabled || W.value >= U.value,
+					"aria-label": "下一页",
+					onClick: i[1] ||= (e) => X(W.value + 1)
+				}, [p(t, {
+					icon: x(D),
+					size: 18,
+					"aria-hidden": "true"
+				}, null, 8, ["icon"])], 8, N)
+			])], 16, O)) : u("", !0)]),
+			_: 1
+		}, 16));
+	}
+}), [["__scopeId", "data-v-d62e7dea"]]);
+export { P as default };

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

@@ -0,0 +1,49 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+/* empty css                                                            */
+import { Transition as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, getCurrentInstance as s, mergeProps as c, openBlock as l, unref as u, useAttrs as d, withCtx as f } from "vue";
+// src/components/core/progress.ce.vue
+var p = { class: "kima-progress" }, m = { class: "kima-progress__track" }, h = [
+	"value",
+	"max",
+	"aria-label"
+], g = {
+	key: 0,
+	class: "kima-progress__motion",
+	"aria-hidden": "true"
+}, _ = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "progress.ce",
+	props: {
+		value: {
+			type: Number,
+			default: 0
+		},
+		max: {
+			type: Number,
+			default: 100
+		},
+		indeterminate: {
+			type: Boolean,
+			default: !1
+		},
+		label: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(e) {
+		let _ = e, v = d(), y = !!s()?.ce, b = n(() => y ? {
+			...v,
+			id: void 0
+		} : v), x = n(() => Number.isFinite(_.max) && _.max > 0 ? _.max : 100), S = n(() => Number.isFinite(_.value) ? Math.max(0, Math.min(x.value, _.value)) : 0);
+		return (n, s) => (l(), i("div", p, [a("span", m, [a("progress", c(b.value, {
+			class: "kima-progress__bar",
+			value: e.indeterminate ? void 0 : S.value,
+			max: x.value,
+			"aria-label": u(v)["aria-label"] || e.label || void 0
+		}), null, 16, h), o(t, { name: "kima-fade" }, {
+			default: f(() => [e.indeterminate ? (l(), i("span", g, [...s[0] ||= [a("span", null, null, -1)]])) : r("", !0)]),
+			_: 1
+		})])]));
+	}
+}), [["__scopeId", "data-v-84d44589"]]);
+export { _ as default };

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

@@ -0,0 +1,325 @@
+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 { useRemoteOptions as i } from "../../utils/remote-options.js";
+/* empty css                                                          */
+import { Fragment as a, Transition as o, computed as s, createBlock as ee, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as te, createVNode as d, getCurrentInstance as ne, mergeProps as f, nextTick as p, normalizeClass as m, onBeforeUnmount as re, onMounted as ie, openBlock as h, ref as g, renderList as _, shallowRef as ae, toDisplayString as v, unref as y, useAttrs as oe, useHost as se, useId as ce, vModelSelect as le, vModelText as ue, watch as b, withCtx as de, withDirectives as fe, withModifiers as x } from "vue";
+import { ArrowDown01Icon as pe, Cancel01Icon as me, Search01Icon as he, Tick01Icon as ge } from "@hugeicons/core-free-icons";
+// src/components/core/select.ce.vue
+var _e = ["aria-disabled"], ve = [
+	"disabled",
+	"aria-expanded",
+	"aria-label",
+	"aria-required",
+	"aria-activedescendant"
+], ye = ["disabled"], be = [
+	"name",
+	"required",
+	"disabled"
+], xe = ["value", "disabled"], Se = {
+	key: 0,
+	class: "kima-select__popup"
+}, Ce = {
+	key: 0,
+	class: "kima-select__search-wrap"
+}, we = ["aria-activedescendant"], Te = ["aria-busy"], Ee = {
+	key: 0,
+	class: "kima-select__status",
+	role: "status"
+}, De = {
+	key: 1,
+	class: "kima-select__status kima-select__status--error",
+	role: "alert"
+}, Oe = [
+	"id",
+	"aria-selected",
+	"aria-disabled",
+	"onClick"
+], ke = { class: "kima-select__option-copy" }, Ae = { class: "kima-select__option-label" }, je = {
+	key: 0,
+	class: "kima-select__option-description"
+}, Me = {
+	key: 1,
+	class: "kima-select__empty",
+	role: "status"
+}, S = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "select.ce",
+	props: {
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Boolean,
+				Object,
+				Array
+			],
+			default: null
+		},
+		items: {
+			type: Array,
+			default: () => []
+		},
+		label: {
+			type: String,
+			default: ""
+		},
+		placeholder: {
+			type: String,
+			default: "请选择"
+		},
+		disabled: Boolean,
+		required: Boolean,
+		name: String,
+		searchable: Boolean,
+		clearable: Boolean,
+		open: Boolean,
+		loader: {
+			type: Function,
+			default: void 0
+		},
+		debounce: {
+			type: Number,
+			default: 200
+		},
+		retry: {
+			type: Number,
+			default: 0
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"update:open",
+		"options-loading",
+		"options-load",
+		"options-error"
+	],
+	setup(t, { emit: S }) {
+		let C = oe(), Ne = ne().ce ? se() : null, w = t, T = S, E = g(null), D = g(null), O = g(null);
+		e(O);
+		let k = g(null), A = g(null), j = g([]), M = g(""), N = g(-1), P = ae(w.modelValue), F = g(w.open && !w.disabled), I, L, R, z, B = !0, V = ce(), Pe = `kima-select-${V}-trigger`, H = `kima-select-${V}-listbox`, Fe = `kima-select-${V}-native`, Ie = s(() => C["aria-label"] || C.ariaLabel || w.label || void 0), Le = s(() => w.loader), Re = s(() => M.value), { items: ze, loading: U, error: W, retry: Be } = i(Le, Re, s(() => w.debounce), s(() => w.retry), T), G = s(() => typeof w.loader == "function" ? ze.value : w.items), K = s(() => {
+			let e = M.value.trim().toLocaleLowerCase();
+			return typeof w.loader == "function" || !e ? G.value : G.value.filter((t) => `${t.label} ${t.description || ""}`.toLocaleLowerCase().includes(e));
+		}), q = s(() => G.value.find((e) => Object.is(e.value, P.value))), Ve = s({
+			get: () => q.value ? P.value : "",
+			set: () => {
+				let e = A.value.selectedIndex;
+				Z(e > 0 ? G.value[e - 1].value : null);
+			}
+		}), J = s(() => K.value.flatMap((e, t) => e.disabled ? [] : [t])), He = s(() => F.value && N.value >= 0 ? `${H}-option-${N.value}` : void 0);
+		function Y(e) {
+			N.value = e, p(() => j.value[e]?.scrollIntoView({ block: "nearest" }));
+		}
+		function Ue(e) {
+			let t = J.value.length;
+			if (!t) return;
+			let n = J.value.indexOf(N.value), r = n < 0 ? e > 0 ? 0 : t - 1 : (n + e + t) % t;
+			Y(J.value[r]);
+		}
+		function We() {
+			w.disabled || F.value || (F.value = !0, T("update:open", !0));
+		}
+		function X(e = !0) {
+			F.value && (B = e, F.value = !1, T("update:open", !1));
+		}
+		function Ge() {
+			F.value ? X() : We();
+		}
+		function Z(e) {
+			w.disabled || Object.is(e, P.value) || (P.value = e, T("update:modelValue", e), T("change", e));
+		}
+		function Ke(e) {
+			w.disabled || e.disabled || (Z(e.value), X());
+		}
+		function qe() {
+			Z(null), X(), p(() => D.value?.focus());
+		}
+		function Je(e) {
+			clearTimeout(z), z = setTimeout(() => {
+				e.defaultPrevented || (P.value = R, A.value.selectedIndex = G.value.findIndex((e) => Object.is(e.value, R)) + 1, X(!1), T("update:modelValue", R));
+			}, 0);
+		}
+		function Q(e) {
+			if (!(w.disabled || e.isComposing)) {
+				if (e.key === "Tab") X(!1);
+				else if ((e.key !== " " || e.target !== k.value) && [
+					"ArrowDown",
+					"ArrowUp",
+					"Home",
+					"End",
+					"Enter",
+					" ",
+					"Escape"
+				].includes(e.key)) {
+					if (e.preventDefault(), e.stopPropagation(), e.key === "Escape") X();
+					else if (!F.value) We(), e.key === "ArrowUp" || e.key === "End" ? p(() => Y(J.value.at(-1) ?? -1)) : e.key === "Home" && p(() => Y(J.value[0] ?? -1));
+					else if (e.key === "ArrowDown") Ue(1);
+					else if (e.key === "ArrowUp") Ue(-1);
+					else if (e.key === "Home") Y(J.value[0] ?? -1);
+					else if (e.key === "End") Y(J.value.at(-1) ?? -1);
+					else {
+						let e = K.value[N.value];
+						e && Ke(e);
+					}
+				}
+			}
+		}
+		function $(e) {
+			F.value && !e.composedPath().includes(E.value) && X(!1);
+		}
+		return b(() => w.modelValue, (e) => {
+			P.value = e;
+		}), b(() => w.open, (e) => {
+			F.value = e && !w.disabled;
+		}), b(() => w.disabled, (e) => {
+			e && X(!1);
+		}), b(F, async (e, t) => {
+			if (e) {
+				M.value = "";
+				let e = K.value.findIndex((e) => Object.is(e.value, P.value) && !e.disabled);
+				Y(e >= 0 ? e : J.value[0] ?? -1), await p(), F.value && (w.searchable ? k.value : D.value)?.focus();
+			} else t && B && p(() => {
+				F.value || D.value?.focus();
+			}), B = !0;
+		}, { immediate: !0 }), b(K, () => {
+			let e = K.value.findIndex((e) => Object.is(e.value, P.value) && !e.disabled);
+			Y(!M.value && e >= 0 ? e : J.value[0] ?? -1);
+		}), ie(() => {
+			R = w.modelValue, L = A.value.form, L?.addEventListener("reset", Je), I = E.value.ownerDocument, I.addEventListener("pointerdown", $), I.addEventListener("focusin", $);
+		}), re(() => {
+			clearTimeout(z), L?.removeEventListener("reset", Je), I.removeEventListener("pointerdown", $), I.removeEventListener("focusin", $);
+		}), (e, i) => (h(), l("div", f({
+			ref_key: "root",
+			ref: E
+		}, {
+			...y(C),
+			id: y(Ne) ? void 0 : y(C).id
+		}, { class: ["kima-select", {
+			"kima-select--open": F.value,
+			"kima-select--disabled": t.disabled
+		}] }), [
+			u("div", {
+				ref_key: "control",
+				ref: O,
+				class: "kima-select__control",
+				"aria-disabled": t.disabled || void 0
+			}, [u("button", {
+				id: Pe,
+				ref_key: "trigger",
+				ref: D,
+				class: "kima-select__trigger",
+				type: "button",
+				role: "combobox",
+				disabled: t.disabled,
+				"aria-expanded": F.value,
+				"aria-controls": H,
+				"aria-haspopup": "listbox",
+				"aria-label": Ie.value,
+				"aria-required": t.required || void 0,
+				"aria-activedescendant": t.searchable ? void 0 : He.value,
+				onClick: Ge,
+				onKeydown: Q
+			}, [u("span", { class: m(["kima-select__trigger-label", { "kima-select__trigger-label--placeholder": !q.value }]) }, v(q.value ? q.value.label : t.placeholder), 3), d(n, {
+				class: "kima-select__arrow",
+				icon: y(pe),
+				size: 20,
+				"aria-hidden": "true"
+			}, null, 8, ["icon"])], 40, ve), d(o, f({ name: "kima-fade" }, y(r)), {
+				default: de(() => [t.clearable && q.value ? (h(), l("button", {
+					key: 0,
+					class: "kima-select__clear",
+					type: "button",
+					"aria-label": "清除选择",
+					title: "清除选择",
+					disabled: t.disabled,
+					onClick: x(qe, ["stop"])
+				}, [d(n, {
+					icon: y(me),
+					size: 18,
+					"aria-hidden": "true"
+				}, null, 8, ["icon"])], 8, ye)) : c("", !0)]),
+				_: 1
+			}, 16)], 8, _e),
+			fe(u("select", {
+				ref_key: "nativeSelect",
+				ref: A,
+				"onUpdate:modelValue": i[0] ||= (e) => Ve.value = e,
+				id: Fe,
+				class: "kima-select__native",
+				name: t.name,
+				required: t.required,
+				disabled: t.disabled,
+				tabindex: "-1",
+				"aria-hidden": "true",
+				onInput: i[1] ||= x(() => {}, ["stop"]),
+				onChange: i[2] ||= x(() => {}, ["stop"]),
+				onInvalid: i[3] ||= x((e) => D.value?.focus(), ["prevent"])
+			}, [i[9] ||= u("option", { value: "" }, null, -1), (h(!0), l(a, null, _(G.value, (e, t) => (h(), l("option", {
+				key: t,
+				value: e.value,
+				disabled: e.disabled
+			}, v(e.label), 9, xe))), 128))], 40, be), [[le, Ve.value]]),
+			d(o, f({ name: "kima-popup" }, y(r)), {
+				default: de(() => [F.value ? (h(), l("div", Se, [
+					t.searchable ? (h(), l("div", Ce, [d(n, {
+						class: "kima-select__search-icon",
+						icon: y(he),
+						size: 18,
+						"aria-hidden": "true"
+					}, null, 8, ["icon"]), fe(u("input", {
+						ref_key: "searchInput",
+						ref: k,
+						"onUpdate:modelValue": i[4] ||= (e) => M.value = e,
+						class: "kima-select__search",
+						type: "search",
+						role: "combobox",
+						"aria-label": "搜索选项",
+						"aria-expanded": "true",
+						"aria-autocomplete": "list",
+						"aria-controls": H,
+						"aria-activedescendant": He.value,
+						onInput: i[5] ||= x(() => {}, ["stop"]),
+						onChange: i[6] ||= x(() => {}, ["stop"]),
+						onKeydown: Q
+					}, null, 40, we), [[ue, M.value]])])) : c("", !0),
+					u("div", {
+						id: H,
+						class: "kima-select__options",
+						role: "listbox",
+						"aria-labelledby": Pe,
+						"aria-busy": y(U) || void 0
+					}, [y(U) ? (h(), l("div", Ee, "加载中…")) : y(W) ? (h(), l("div", De, [te(v(y(W)) + " ", 1), u("button", {
+						type: "button",
+						onClick: i[7] ||= (...e) => y(Be) && y(Be)(...e)
+					}, "重试")])) : c("", !0), (h(!0), l(a, null, _(K.value, (e, t) => (h(), l("div", {
+						id: `${H}-option-${t}`,
+						key: t,
+						ref_for: !0,
+						ref: (e) => {
+							j.value[t] = e;
+						},
+						class: m(["kima-select__option", {
+							"kima-select__option--active": t === N.value,
+							"kima-select__option--selected": Object.is(e.value, P.value)
+						}]),
+						role: "option",
+						"aria-selected": Object.is(e.value, P.value),
+						"aria-disabled": e.disabled || void 0,
+						onPointerdown: i[8] ||= x(() => {}, ["prevent"]),
+						onClick: (t) => Ke(e)
+					}, [u("span", ke, [u("span", Ae, v(e.label), 1), e.description ? (h(), l("span", je, v(e.description), 1)) : c("", !0)]), Object.is(e.value, P.value) ? (h(), ee(n, {
+						key: 0,
+						class: "kima-select__check",
+						icon: y(ge),
+						size: 18,
+						"aria-hidden": "true"
+					}, null, 8, ["icon"])) : c("", !0)], 42, Oe))), 128))], 8, Te),
+					!y(U) && !y(W) && K.value.length === 0 ? (h(), l("div", Me, "没有匹配选项")) : c("", !0)
+				])) : c("", !0)]),
+				_: 1
+			}, 16)
+		], 16));
+	}
+}), [["__scopeId", "data-v-8928e412"]]);
+export { S as default };