@guoyg578/k-ui 0.1.0

package/dist/components/KCarousel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,141 @@
+import { Fragment as e, Transition as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, mergeModels as c, normalizeClass as l, normalizeStyle as u, onBeforeUnmount as d, onMounted as f, openBlock as p, ref as m, renderList as h, renderSlot as g, unref as _, useModel as v, watch as y, withCtx as b, withKeys as x, withModifiers as S } from "vue";
+import { ChevronLeft as C, ChevronRight as w } from "lucide-vue-next";
+//#region components/KCarousel.vue?vue&type=script&setup=true&lang.ts
+var T = ["onKeydown"], E = { class: "k-carousel__viewport" }, D = ["src", "alt"], O = ["disabled"], k = ["disabled"], A = [
+	"aria-label",
+	"aria-current",
+	"onClick"
+], j = /* @__PURE__ */ s({
+	__name: "KCarousel",
+	props: /* @__PURE__ */ c({
+		items: {},
+		autoplay: {
+			type: Boolean,
+			default: !1
+		},
+		interval: { default: 3500 },
+		loop: {
+			type: Boolean,
+			default: !0
+		},
+		arrows: {
+			type: Boolean,
+			default: !0
+		},
+		indicators: {
+			type: Boolean,
+			default: !0
+		},
+		indicatorType: { default: "dot" },
+		transition: { default: "slide" },
+		aspectRatio: { default: "16 / 9" },
+		height: {},
+		pauseOnHover: {
+			type: Boolean,
+			default: !0
+		}
+	}, {
+		modelValue: { default: 0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(s, { expose: c }) {
+		let j = s, M = v(s, "modelValue"), N = m("next"), P = n(() => j.items.length);
+		function F(e) {
+			return typeof e == "string" ? e : e?.src;
+		}
+		function I(e) {
+			return typeof e == "string" ? "" : e?.alt ?? "";
+		}
+		function L(e, t) {
+			let n = P.value;
+			if (n <= 1) return;
+			let r = e;
+			r < 0 ? r = j.loop ? n - 1 : 0 : r >= n && (r = j.loop ? 0 : n - 1), r !== M.value && (N.value = t ?? (r > M.value ? "next" : "prev"), M.value = r, G());
+		}
+		function R() {
+			L(M.value + 1, "next");
+		}
+		function z() {
+			L(M.value - 1, "prev");
+		}
+		let B = n(() => !j.loop && M.value === 0), V = n(() => !j.loop && M.value === P.value - 1), H;
+		function U() {
+			H &&= (clearInterval(H), void 0);
+		}
+		function W() {
+			U(), j.autoplay && P.value > 1 && (H = setInterval(() => R(), j.interval));
+		}
+		function G() {
+			j.autoplay && W();
+		}
+		function K() {
+			j.pauseOnHover && U();
+		}
+		function q() {
+			j.pauseOnHover && W();
+		}
+		f(W), d(U), y(() => [
+			j.autoplay,
+			j.interval,
+			P.value
+		], W), y(P, (e) => {
+			M.value > e - 1 && (M.value = Math.max(0, e - 1));
+		});
+		let J = n(() => j.height ? { height: j.height } : { aspectRatio: j.aspectRatio }), Y = n(() => j.transition === "fade" ? "k-carousel-fade" : `k-carousel-slide-${N.value}`);
+		return c({
+			next: R,
+			prev: z,
+			go: L
+		}), (n, c) => (p(), i("div", {
+			class: "k-carousel",
+			style: u(J.value),
+			role: "region",
+			"aria-roledescription": "carousel",
+			tabindex: "0",
+			onMouseenter: K,
+			onMouseleave: q,
+			onKeydown: [x(S(z, ["prevent"]), ["left"]), x(S(R, ["prevent"]), ["right"])]
+		}, [
+			a("div", E, [o(t, { name: Y.value }, {
+				default: b(() => [(p(), i("div", {
+					key: M.value,
+					class: "k-carousel__slide"
+				}, [g(n.$slots, "default", {
+					item: s.items[M.value],
+					index: M.value,
+					active: !0
+				}, () => [a("img", {
+					src: F(s.items[M.value]),
+					alt: I(s.items[M.value]),
+					class: "k-carousel__img",
+					draggable: "false"
+				}, null, 8, D)], !0)]))]),
+				_: 3
+			}, 8, ["name"])]),
+			s.arrows && P.value > 1 ? (p(), i(e, { key: 0 }, [a("button", {
+				class: "k-carousel__arrow k-carousel__arrow--prev",
+				disabled: B.value,
+				"aria-label": "上一张",
+				onClick: z
+			}, [o(_(C), { size: 20 })], 8, O), a("button", {
+				class: "k-carousel__arrow k-carousel__arrow--next",
+				disabled: V.value,
+				"aria-label": "下一张",
+				onClick: R
+			}, [o(_(w), { size: 20 })], 8, k)], 64)) : r("", !0),
+			s.indicators && P.value > 1 ? (p(), i("div", {
+				key: 1,
+				class: l(["k-carousel__indicators", `k-carousel__indicators--${s.indicatorType}`])
+			}, [(p(!0), i(e, null, h(s.items, (e, t) => (p(), i("button", {
+				key: t,
+				class: l(["k-carousel__dot", { "k-carousel__dot--active": t === M.value }]),
+				"aria-label": `第 ${t + 1} 张`,
+				"aria-current": t === M.value,
+				onClick: (e) => L(t)
+			}, null, 10, A))), 128))], 2)) : r("", !0)
+		], 44, T));
+	}
+});
+//#endregion
+export { j as default };

package/dist/components/KCheckbox.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./KCheckbox.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                          */
+//#region components/KCheckbox.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-17c1bf53"]]);
+//#endregion
+export { n as default };

package/dist/components/KCheckbox.vue.d.ts

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    modelValue?: boolean;
+    value?: string | number;
+    disabled?: boolean;
+    label?: string;
+};
+declare var __VLS_20: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    modelValue: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/KCheckbox.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,48 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, createTextVNode as r, createVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, renderSlot as c, toDisplayString as l, unref as u, withCtx as d } from "vue";
+import { Check as f } from "lucide-vue-next";
+import { CheckboxIndicator as p, CheckboxRoot as m } from "reka-ui";
+//#region components/KCheckbox.vue?vue&type=script&setup=true&lang.ts
+var h = {
+	key: 0,
+	class: "k-cb__label"
+}, g = /* @__PURE__ */ a({
+	__name: "KCheckbox",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		value: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		label: {}
+	},
+	emits: ["update:modelValue"],
+	setup(a) {
+		let g = a, _ = e(() => g.value === void 0 ? void 0 : String(g.value));
+		return (e, g) => (s(), n("label", { class: o(["k-cb-wrap", { "k-cb-wrap--disabled": a.disabled }]) }, [i(u(m), {
+			"model-value": a.modelValue,
+			value: _.value,
+			disabled: a.disabled,
+			class: "k-cb",
+			"onUpdate:modelValue": g[0] ||= (t) => e.$emit("update:modelValue", !!t)
+		}, {
+			default: d(() => [i(u(p), { class: "k-cb__indicator" }, {
+				default: d(() => [i(u(f), {
+					size: 11,
+					"stroke-width": 3
+				})]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, [
+			"model-value",
+			"value",
+			"disabled"
+		]), a.label || e.$slots.default ? (s(), n("span", h, [c(e.$slots, "default", {}, () => [r(l(a.label), 1)], !0)])) : t("", !0)], 2));
+	}
+});
+//#endregion
+export { g as default };

package/dist/components/KCheckboxGroup.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./KCheckboxGroup.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                               */
+//#region components/KCheckboxGroup.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-0188db2b"]]);
+//#endregion
+export { n as default };

package/dist/components/KCheckboxGroup.vue.d.ts

@@ -0,0 +1,27 @@
+type Val = string | number;
+type __VLS_Props = {
+    modelValue?: Val[];
+    disabled?: boolean;
+    direction?: 'horizontal' | 'vertical';
+};
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: Val[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: Val[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    direction: "horizontal" | "vertical";
+    modelValue: Val[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/KCheckboxGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,36 @@
+import { computed as e, createBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a, unref as o, withCtx as s } from "vue";
+import { CheckboxGroupRoot as c } from "reka-ui";
+//#region components/KCheckboxGroup.vue?vue&type=script&setup=true&lang.ts
+var l = /* @__PURE__ */ n({
+	__name: "KCheckboxGroup",
+	props: {
+		modelValue: { default: () => [] },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		direction: { default: "horizontal" }
+	},
+	emits: ["update:modelValue"],
+	setup(n, { emit: l }) {
+		let u = n, d = l, f = e(() => u.modelValue.map((e) => String(e)));
+		function p(e) {
+			u.modelValue.length > 0 && u.modelValue.every((e) => typeof e == "number") && e.every((e) => /^-?\d+(\.\d+)?$/.test(e)) ? d("update:modelValue", e.map(Number)) : d("update:modelValue", e);
+		}
+		return (e, l) => (i(), t(o(c), {
+			"model-value": f.value,
+			disabled: n.disabled,
+			class: r(["k-cb-group", `k-cb-group--${n.direction}`]),
+			"onUpdate:modelValue": l[0] ||= (e) => p(e)
+		}, {
+			default: s(() => [a(e.$slots, "default", {}, void 0, !0)]),
+			_: 3
+		}, 8, [
+			"model-value",
+			"disabled",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { l as default };

package/dist/components/KCombobox.js

@@ -0,0 +1,8 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./KCombobox.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                          */
+/* empty css                                          */
+//#region components/KCombobox.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-55b7732f"]]);
+//#endregion
+export { n as default };

package/dist/components/KCombobox.vue.d.ts

@@ -0,0 +1,28 @@
+interface Option {
+    value: string;
+    label: string;
+    hint?: string;
+}
+type __VLS_Props = {
+    modelValue: string | string[] | null | undefined;
+    options: Option[];
+    placeholder?: string;
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    multiple?: boolean;
+    searchable?: boolean;
+    emptyText?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: string | string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: string | string[]) => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg";
+    disabled: boolean;
+    multiple: boolean;
+    searchable: boolean;
+    emptyText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/KCombobox.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,120 @@
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, ref as d, renderList as f, toDisplayString as p, unref as m, withCtx as h, withModifiers as g } from "vue";
+import { Check as _, ChevronDown as v, X as y } from "lucide-vue-next";
+import { ComboboxAnchor as b, ComboboxContent as x, ComboboxEmpty as S, ComboboxInput as C, ComboboxItem as w, ComboboxItemIndicator as T, ComboboxPortal as E, ComboboxRoot as D, ComboboxTrigger as O, ComboboxViewport as k } from "reka-ui";
+//#region components/KCombobox.vue?vue&type=script&setup=true&lang.ts
+var A = {
+	key: 0,
+	class: "k-cmb-chips"
+}, j = ["onClick"], M = {
+	key: 0,
+	class: "k-cmb-hint"
+}, N = /* @__PURE__ */ c({
+	__name: "KCombobox",
+	props: {
+		modelValue: {},
+		options: {},
+		placeholder: {},
+		size: { default: "md" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		searchable: {
+			type: Boolean,
+			default: !0
+		},
+		emptyText: { default: "无匹配项" }
+	},
+	emits: ["update:modelValue"],
+	setup(c, { emit: N }) {
+		let P = c, F = N, I = d(""), L = t(() => P.multiple ? Array.isArray(P.modelValue) ? P.modelValue : [] : P.modelValue == null ? "" : String(P.modelValue));
+		function R(e) {
+			F("update:modelValue", e);
+		}
+		function z(e, t) {
+			t.stopPropagation(), !(!P.multiple || !Array.isArray(P.modelValue)) && F("update:modelValue", P.modelValue.filter((t) => t !== e));
+		}
+		let B = (e) => P.options.find((t) => t.value === e)?.label ?? e, V = t(() => {
+			if (P.multiple) return "";
+			let e = L.value;
+			return e ? B(e) : "";
+		});
+		return (t, d) => (u(), n(m(D), {
+			"model-value": L.value,
+			disabled: c.disabled,
+			multiple: c.multiple,
+			"search-term": I.value,
+			"onUpdate:modelValue": R,
+			"onUpdate:searchTerm": d[1] ||= (e) => I.value = e
+		}, {
+			default: h(() => [s(m(b), { class: l(["k-cmb-anchor", [`k-cmb-anchor--${c.size}`, { "k-cmb-anchor--disabled": c.disabled }]]) }, {
+				default: h(() => [c.multiple ? (u(), i("div", A, [(u(!0), i(e, null, f(L.value, (e) => (u(), i("span", {
+					key: e,
+					class: "k-cmb-chip"
+				}, [o(p(B(e)) + " ", 1), a("button", {
+					type: "button",
+					class: "k-cmb-chip__close",
+					onMousedown: d[0] ||= g(() => {}, ["prevent"]),
+					onClick: (t) => z(e, t)
+				}, [s(m(y), { size: 9 })], 40, j)]))), 128)), s(m(C), {
+					placeholder: L.value.length === 0 ? c.placeholder : "",
+					class: "k-cmb-input k-cmb-input--multi"
+				}, null, 8, ["placeholder"])])) : (u(), i(e, { key: 1 }, [c.searchable ? (u(), n(m(C), {
+					key: 0,
+					placeholder: V.value || c.placeholder,
+					"display-value": (e) => B(e),
+					class: "k-cmb-input"
+				}, null, 8, ["placeholder", "display-value"])) : (u(), i("span", {
+					key: 1,
+					class: l(["k-cmb-display", { "k-cmb-display--placeholder": !V.value }])
+				}, p(V.value || c.placeholder || "请选择"), 3))], 64)), s(m(O), { class: "k-cmb-trigger" }, {
+					default: h(() => [s(m(v), { size: 14 })]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["class"]), s(m(E), null, {
+				default: h(() => [s(m(x), {
+					class: "k-cmb-content k-menu",
+					position: "popper",
+					"side-offset": 6
+				}, {
+					default: h(() => [s(m(S), { class: "k-cmb-empty" }, {
+						default: h(() => [o(p(c.emptyText), 1)]),
+						_: 1
+					}), s(m(k), { class: "k-cmb-viewport" }, {
+						default: h(() => [(u(!0), i(e, null, f(c.options, (e) => (u(), n(m(w), {
+							key: e.value,
+							value: e.value,
+							class: "k-cmb-item"
+						}, {
+							default: h(() => [
+								s(m(T), { class: "k-cmb-indicator" }, {
+									default: h(() => [s(m(_), { size: 12 })]),
+									_: 1
+								}),
+								a("span", null, p(e.label), 1),
+								e.hint ? (u(), i("span", M, p(e.hint), 1)) : r("", !0)
+							]),
+							_: 2
+						}, 1032, ["value"]))), 128))]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, [
+			"model-value",
+			"disabled",
+			"multiple",
+			"search-term"
+		]));
+	}
+});
+//#endregion
+export { N as default };

package/dist/components/KCommandPalette.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./KCommandPalette.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                                */
+//#region components/KCommandPalette.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-546dc9a8"]]);
+//#endregion
+export { n as default };

package/dist/components/KCommandPalette.vue.d.ts

@@ -0,0 +1,31 @@
+import type { Component } from 'vue';
+export interface CmdItem {
+    id: string;
+    label: string;
+    hint?: string;
+    icon?: Component;
+    group?: string;
+    shortcut?: string;
+    handler: () => void | Promise<void>;
+    show?: () => boolean;
+}
+type __VLS_Props = {
+    items: CmdItem[];
+    placeholder?: string;
+    globalHotkey?: boolean;
+    emptyText?: string;
+};
+declare function open(): void;
+declare function close(): void;
+declare function toggle(): void;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    open: typeof open;
+    close: typeof close;
+    toggle: typeof toggle;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    placeholder: string;
+    emptyText: string;
+    globalHotkey: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/KCommandPalette.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,169 @@
+import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, nextTick as d, normalizeClass as f, onBeforeUnmount as p, onMounted as m, openBlock as h, ref as g, renderList as _, resolveDynamicComponent as v, toDisplayString as y, unref as b, vModelText as x, watch as S, withCtx as C, withDirectives as w, withModifiers as T } from "vue";
+import { ArrowRight as E, Search as D, X as O } from "lucide-vue-next";
+//#region components/KCommandPalette.vue?vue&type=script&setup=true&lang.ts
+var k = {
+	class: "k-cmd-panel",
+	role: "dialog",
+	"aria-modal": "true",
+	"aria-label": "命令面板"
+}, A = { class: "k-cmd__searchbar" }, j = ["placeholder"], ee = {
+	key: 0,
+	class: "k-cmd__empty"
+}, te = { class: "k-cmd__group-title" }, ne = { class: "k-cmd__group-list" }, M = ["data-cmd-index"], N = ["onMouseenter", "onClick"], P = { class: "k-cmd__text" }, F = { class: "k-cmd__label" }, I = {
+	key: 0,
+	class: "k-cmd__hint"
+}, L = {
+	key: 0,
+	class: "k-cmd__kbd"
+}, R = /* @__PURE__ */ u({
+	__name: "KCommandPalette",
+	props: {
+		items: {},
+		placeholder: { default: "搜索命令..." },
+		globalHotkey: {
+			type: Boolean,
+			default: !0
+		},
+		emptyText: { default: "没有匹配的命令" }
+	},
+	setup(u, { expose: R }) {
+		let z = u, B = g(!1), V = g(""), H = g(0), U = g(null), W = g(null);
+		function G() {
+			B.value = !0;
+		}
+		function K() {
+			B.value = !1;
+		}
+		function q() {
+			B.value = !B.value;
+		}
+		R({
+			open: G,
+			close: K,
+			toggle: q
+		}), S(B, async (e) => {
+			e && (V.value = "", H.value = 0, await d(), U.value?.focus());
+		});
+		let J = r(() => {
+			let e = V.value.trim().toLowerCase();
+			return z.items.filter((t) => t.show && !t.show() ? !1 : e ? t.label.toLowerCase().includes(e) || (t.hint ?? "").toLowerCase().includes(e) : !0);
+		}), Y = r(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of J.value) {
+				let n = t.group ?? "其它", r = e.get(n) ?? [];
+				r.push(t), e.set(n, r);
+			}
+			return Array.from(e.entries());
+		});
+		S(J, () => {
+			H.value >= J.value.length && (H.value = Math.max(0, J.value.length - 1));
+		});
+		function X(e) {
+			return J.value.indexOf(e);
+		}
+		async function Z(e) {
+			try {
+				await e.handler();
+			} catch (e) {
+				console.error("[KCommandPalette] command handler threw:", e);
+			} finally {
+				K();
+			}
+		}
+		function Q() {
+			d(() => {
+				(W.value?.querySelector(`[data-cmd-index="${H.value}"]`))?.scrollIntoView({ block: "nearest" });
+			});
+		}
+		function $(e) {
+			let t = e.ctrlKey || e.metaKey;
+			if (z.globalHotkey && t && (e.key === "k" || e.key === "K")) {
+				e.preventDefault(), q();
+				return;
+			}
+			if (B.value) {
+				if (e.key === "Escape") {
+					e.preventDefault(), K();
+					return;
+				}
+				if (e.key === "ArrowDown") {
+					if (e.preventDefault(), J.value.length === 0) return;
+					H.value = (H.value + 1) % J.value.length, Q();
+					return;
+				}
+				if (e.key === "ArrowUp") {
+					if (e.preventDefault(), J.value.length === 0) return;
+					H.value = (H.value - 1 + J.value.length) % J.value.length, Q();
+					return;
+				}
+				if (e.key === "Enter") {
+					e.preventDefault();
+					let t = J.value[H.value];
+					t && Z(t);
+				}
+			}
+		}
+		return m(() => window.addEventListener("keydown", $)), p(() => window.removeEventListener("keydown", $)), (r, d) => (h(), i(t, { to: "body" }, [l(n, { name: "k-cmd" }, {
+			default: C(() => [B.value ? (h(), o("div", {
+				key: 0,
+				class: "k-cmd-backdrop",
+				onClick: T(K, ["self"])
+			}, [s("div", k, [
+				s("div", A, [
+					l(b(D), {
+						size: 14,
+						class: "k-cmd__search-icon"
+					}),
+					w(s("input", {
+						ref_key: "inputRef",
+						ref: U,
+						"onUpdate:modelValue": d[0] ||= (e) => V.value = e,
+						type: "text",
+						placeholder: u.placeholder,
+						class: "k-cmd__input"
+					}, null, 8, j), [[x, V.value]]),
+					V.value ? (h(), o("button", {
+						key: 0,
+						type: "button",
+						class: "k-cmd__clear",
+						title: "清空",
+						onClick: d[1] ||= (e) => V.value = ""
+					}, [l(b(O), { size: 12 })])) : a("", !0),
+					d[2] ||= s("kbd", { class: "k-cmd__kbd k-cmd__kbd--esc" }, "ESC", -1)
+				]),
+				s("div", {
+					ref_key: "listRef",
+					ref: W,
+					class: "k-cmd__list"
+				}, [J.value.length === 0 ? (h(), o("div", ee, y(u.emptyText), 1)) : (h(!0), o(e, { key: 1 }, _(Y.value, ([t, n]) => (h(), o("div", { key: t }, [s("div", te, y(t), 1), s("ul", ne, [(h(!0), o(e, null, _(n, (e) => (h(), o("li", {
+					key: e.id,
+					"data-cmd-index": X(e)
+				}, [s("button", {
+					type: "button",
+					class: f(["k-cmd__item", { "k-cmd__item--active": X(e) === H.value }]),
+					onMouseenter: (t) => H.value = X(e),
+					onClick: (t) => Z(e)
+				}, [
+					s("span", { class: f(["k-cmd__icon", { "k-cmd__icon--active": X(e) === H.value }]) }, [e.icon ? (h(), i(v(e.icon), {
+						key: 0,
+						size: 13
+					})) : a("", !0)], 2),
+					s("span", P, [s("span", F, y(e.label), 1), e.hint ? (h(), o("span", I, y(e.hint), 1)) : a("", !0)]),
+					e.shortcut ? (h(), o("kbd", L, y(e.shortcut), 1)) : X(e) === H.value ? (h(), i(b(E), {
+						key: 1,
+						size: 13,
+						class: "k-cmd__arrow"
+					})) : a("", !0)
+				], 42, N)], 8, M))), 128))])]))), 128))], 512),
+				d[3] ||= s("div", { class: "k-cmd__footer" }, [
+					s("span", { class: "k-cmd__hint-row" }, [s("kbd", { class: "k-cmd__kbd" }, "↑↓"), c(" 选择 ")]),
+					s("span", { class: "k-cmd__hint-row" }, [s("kbd", { class: "k-cmd__kbd" }, "↵"), c(" 确认 ")]),
+					s("span", { class: "k-cmd__hint-row" }, [s("kbd", { class: "k-cmd__kbd" }, "⌘K"), c(" 开/关 ")])
+				], -1)
+			])])) : a("", !0)]),
+			_: 1
+		})]));
+	}
+});
+//#endregion
+export { R as default };

package/dist/components/KConfirmDialog.js

@@ -0,0 +1,6 @@
+import e from "./KConfirmDialog.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                               */
+//#region components/KConfirmDialog.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/KConfirmDialog.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;