@guoyg578/k-ui 0.1.1 → 0.1.2

package/dist/components/KDynamicTags.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,60 @@
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createTextVNode as i, createVNode as a, defineComponent as o, nextTick as s, normalizeClass as c, openBlock as l, ref as u, renderList as d, toDisplayString as f, unref as p, vModelText as m, withDirectives as h, withKeys as g, withModifiers as _ } from "vue";
+import { Plus as v, X as y } from "lucide-vue-next";
+//#region components/KDynamicTags.vue?vue&type=script&setup=true&lang.ts
+var b = ["onClick"], x = ["placeholder", "onKeydown"], S = /* @__PURE__ */ o({
+	__name: "KDynamicTags",
+	props: {
+		modelValue: { default: () => [] },
+		max: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		allowDuplicate: {
+			type: Boolean,
+			default: !1
+		},
+		placeholder: { default: "输入后回车" }
+	},
+	emits: ["update:modelValue"],
+	setup(o, { emit: S }) {
+		let C = o, w = S, T = u(!1), E = u(""), D = u(null), O = t(() => C.max != null && C.modelValue.length >= C.max);
+		async function k() {
+			C.disabled || O.value || (T.value = !0, await s(), D.value?.focus());
+		}
+		function A() {
+			let e = E.value.trim();
+			e && (C.allowDuplicate || !C.modelValue.includes(e)) && w("update:modelValue", [...C.modelValue, e]), E.value = "", T.value = !1;
+		}
+		function j(e) {
+			if (C.disabled) return;
+			let t = C.modelValue.slice();
+			t.splice(e, 1), w("update:modelValue", t);
+		}
+		return (t, s) => (l(), r("div", { class: c(["k-dtags", { "k-dtags--disabled": o.disabled }]) }, [(l(!0), r(e, null, d(o.modelValue, (e, t) => (l(), r("span", {
+			key: `${e}-${t}`,
+			class: "k-dtags__tag"
+		}, [i(f(e) + " ", 1), o.disabled ? n("", !0) : (l(), r("button", {
+			key: 0,
+			type: "button",
+			class: "k-dtags__close",
+			onClick: (e) => j(t)
+		}, [a(p(y), { size: 12 })], 8, b))]))), 128)), T.value ? h((l(), r("input", {
+			key: 0,
+			ref_key: "inputEl",
+			ref: D,
+			"onUpdate:modelValue": s[0] ||= (e) => E.value = e,
+			class: "k-dtags__input",
+			placeholder: o.placeholder,
+			onKeydown: g(_(A, ["prevent"]), ["enter"]),
+			onBlur: A
+		}, null, 40, x)), [[m, E.value]]) : !o.disabled && !O.value ? (l(), r("button", {
+			key: 1,
+			type: "button",
+			class: "k-dtags__add",
+			onClick: k
+		}, [a(p(v), { size: 13 }), s[1] ||= i(" 添加 ", -1)])) : n("", !0)], 2));
+	}
+});
+//#endregion
+export { S as default };

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

@@ -0,0 +1,29 @@
+interface ResponsiveCols {
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+}
+type __VLS_Props = {
+    cols?: number | ResponsiveCols;
+    xGap?: number;
+    yGap?: number;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    cols: number | ResponsiveCols;
+    xGap: number;
+    yGap: number;
+}, {}, {}, {}, 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/KGrid.vue.js

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

package/dist/components/KGrid.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,33 @@
+import { computed as e, createElementBlock as t, defineComponent as n, normalizeStyle as r, onMounted as i, onUnmounted as a, openBlock as o, ref as s, renderSlot as c } from "vue";
+//#region components/KGrid.vue?vue&type=script&setup=true&lang.ts
+var l = /* @__PURE__ */ n({
+	__name: "KGrid",
+	props: {
+		cols: { default: 24 },
+		xGap: { default: 0 },
+		yGap: { default: 0 }
+	},
+	setup(n) {
+		let l = n, u = s(typeof window < "u" ? window.innerWidth : 1280);
+		function d() {
+			u.value = window.innerWidth;
+		}
+		i(() => window.addEventListener("resize", d)), a(() => window.removeEventListener("resize", d));
+		let f = e(() => {
+			let e = l.cols;
+			if (typeof e == "number") return e;
+			let t = u.value;
+			return t >= 1536 && e.xl != null ? e.xl : t >= 1280 && e.lg != null ? e.lg : t >= 1024 && e.md != null ? e.md : t >= 640 && e.sm != null ? e.sm : e.xs ?? e.sm ?? e.md ?? e.lg ?? e.xl ?? 24;
+		});
+		return (e, i) => (o(), t("div", {
+			class: "k-grid",
+			style: r({
+				gridTemplateColumns: `repeat(${f.value}, minmax(0, 1fr))`,
+				columnGap: `${n.xGap}px`,
+				rowGap: `${n.yGap}px`
+			})
+		}, [c(e.$slots, "default", {}, void 0, !0)], 4));
+	}
+});
+//#endregion
+export { l as default };

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

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    span?: number;
+    offset?: number;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    span: number;
+    offset: number;
+}, {}, {}, {}, 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/KGridItem.vue.js

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

package/dist/components/KGridItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,18 @@
+import { computed as e, createElementBlock as t, defineComponent as n, normalizeStyle as r, openBlock as i, renderSlot as a } from "vue";
+//#region components/KGridItem.vue?vue&type=script&setup=true&lang.ts
+var o = /* @__PURE__ */ n({
+	__name: "KGridItem",
+	props: {
+		span: { default: 1 },
+		offset: { default: 0 }
+	},
+	setup(n) {
+		let o = n, s = e(() => o.offset > 0 ? `${o.offset + 1} / span ${o.span}` : `span ${o.span}`);
+		return (e, n) => (i(), t("div", {
+			class: "k-grid-item",
+			style: r({ gridColumn: s.value })
+		}, [a(e.$slots, "default", {}, void 0, !0)], 4));
+	}
+});
+//#endregion
+export { o as default };

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

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    /** 含侧栏：横向排列 */
+    hasSider?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    hasSider: 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/KLayout.vue.js

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

package/dist/components/KLayout.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,14 @@
+import { createElementBlock as e, defineComponent as t, normalizeClass as n, openBlock as r, renderSlot as i } from "vue";
+//#region components/KLayout.vue?vue&type=script&setup=true&lang.ts
+var a = /* @__PURE__ */ t({
+	__name: "KLayout",
+	props: { hasSider: {
+		type: Boolean,
+		default: !1
+	} },
+	setup(t) {
+		return (a, o) => (r(), e("div", { class: n(["k-layout", { "k-layout--has-sider": t.hasSider }]) }, [i(a.$slots, "default", {}, void 0, !0)], 2));
+	}
+});
+//#endregion
+export { a as default };

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

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    /** 应用到内层内容元素的 class（对齐 naive-ui content-class） */
+    contentClass?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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/KLayoutContent.vue.js

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

package/dist/components/KLayoutContent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,11 @@
+import { createElementBlock as e, createElementVNode as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a } from "vue";
+//#region components/KLayoutContent.vue?vue&type=script&setup=true&lang.ts
+var o = { class: "k-layout-content" }, s = /* @__PURE__ */ n({
+	__name: "KLayoutContent",
+	props: { contentClass: {} },
+	setup(n) {
+		return (s, c) => (i(), e("div", o, [t("div", { class: r(["k-layout-content__inner", n.contentClass]) }, [a(s.$slots, "default", {}, void 0, !0)], 2)]));
+	}
+});
+//#endregion
+export { s as default };

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

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    /** 底部分隔线 */
+    bordered?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    bordered: 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/KLayoutHeader.vue.js

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

package/dist/components/KLayoutHeader.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,14 @@
+import { createElementBlock as e, defineComponent as t, normalizeClass as n, openBlock as r, renderSlot as i } from "vue";
+//#region components/KLayoutHeader.vue?vue&type=script&setup=true&lang.ts
+var a = /* @__PURE__ */ t({
+	__name: "KLayoutHeader",
+	props: { bordered: {
+		type: Boolean,
+		default: !1
+	} },
+	setup(t) {
+		return (a, o) => (r(), e("header", { class: n(["k-layout-header", { "k-layout-header--bordered": t.bordered }]) }, [i(a.$slots, "default", {}, void 0, !0)], 2));
+	}
+});
+//#endregion
+export { a as default };

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

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    width?: number;
+    collapsedWidth?: number;
+    collapsed?: boolean;
+    /** 右侧分隔线 */
+    bordered?: boolean;
+    /** 折叠方式（目前仅 width 有意义，保留以兼容传参） */
+    collapseMode?: 'width' | 'transform';
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    width: number;
+    bordered: boolean;
+    collapsedWidth: number;
+    collapsed: boolean;
+    collapseMode: "width" | "transform";
+}, {}, {}, {}, 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/KLayoutSider.vue.js

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

package/dist/components/KLayoutSider.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,34 @@
+import { computed as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, openBlock as o, renderSlot as s } from "vue";
+//#region components/KLayoutSider.vue?vue&type=script&setup=true&lang.ts
+var c = { class: "k-layout-sider__inner" }, l = /* @__PURE__ */ r({
+	__name: "KLayoutSider",
+	props: {
+		width: { default: 200 },
+		collapsedWidth: { default: 48 },
+		collapsed: {
+			type: Boolean,
+			default: !1
+		},
+		bordered: {
+			type: Boolean,
+			default: !1
+		},
+		collapseMode: { default: "width" }
+	},
+	setup(r) {
+		let l = r, u = e(() => `${l.collapsed ? l.collapsedWidth : l.width}px`);
+		return (e, l) => (o(), t("aside", {
+			class: i(["k-layout-sider", {
+				"k-layout-sider--bordered": r.bordered,
+				"k-layout-sider--collapsed": r.collapsed
+			}]),
+			style: a({
+				width: u.value,
+				minWidth: u.value,
+				maxWidth: u.value
+			})
+		}, [n("div", c, [s(e.$slots, "default", {}, void 0, !0)])], 6));
+	}
+});
+//#endregion
+export { l as default };

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

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    bordered?: boolean;
+    hoverable?: boolean;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    footer?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    bordered: boolean;
+    hoverable: 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/KList.vue.js

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

package/dist/components/KList.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,39 @@
+import { LIST_KEY as e } from "./list-context.js";
+import { createCommentVNode as t, createElementBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, provide as o, renderSlot as s } from "vue";
+//#region components/KList.vue?vue&type=script&setup=true&lang.ts
+var c = {
+	key: 0,
+	class: "k-list__header"
+}, l = {
+	key: 1,
+	class: "k-list__footer"
+}, u = /* @__PURE__ */ r({
+	__name: "KList",
+	props: {
+		bordered: {
+			type: Boolean,
+			default: !1
+		},
+		hoverable: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(r) {
+		let u = r;
+		return o(e, {
+			get bordered() {
+				return u.bordered;
+			},
+			get hoverable() {
+				return u.hoverable;
+			}
+		}), (e, o) => (a(), n("div", { class: i(["k-list", { "k-list--bordered": r.bordered }]) }, [
+			e.$slots.header ? (a(), n("div", c, [s(e.$slots, "header", {}, void 0, !0)])) : t("", !0),
+			s(e.$slots, "default", {}, void 0, !0),
+			e.$slots.footer ? (a(), n("div", l, [s(e.$slots, "footer", {}, void 0, !0)])) : t("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { u as default };

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

@@ -0,0 +1,17 @@
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    prefix?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    suffix?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/KListItem.vue.js

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

package/dist/components/KListItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,22 @@
+import { LIST_KEY as e } from "./list-context.js";
+import { computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, inject as o, normalizeClass as s, openBlock as c, renderSlot as l } from "vue";
+//#region components/KListItem.vue?vue&type=script&setup=true&lang.ts
+var u = {
+	key: 0,
+	class: "k-list-item__prefix"
+}, d = { class: "k-list-item__main" }, f = {
+	key: 1,
+	class: "k-list-item__suffix"
+}, p = /* @__PURE__ */ a({
+	__name: "KListItem",
+	setup(a) {
+		let p = o(e, null), m = t(() => !!p?.hoverable);
+		return (e, t) => (c(), r("div", { class: s(["k-list-item", { "k-list-item--hoverable": m.value }]) }, [
+			e.$slots.prefix ? (c(), r("div", u, [l(e.$slots, "prefix", {}, void 0, !0)])) : n("", !0),
+			i("div", d, [l(e.$slots, "default", {}, void 0, !0)]),
+			e.$slots.suffix ? (c(), r("div", f, [l(e.$slots, "suffix", {}, void 0, !0)])) : n("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { p as default };

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

@@ -0,0 +1,27 @@
+export interface MentionOption {
+    label: string;
+    value?: string | number;
+}
+type __VLS_Props = {
+    modelValue?: string;
+    options?: MentionOption[];
+    prefix?: string;
+    placeholder?: string;
+    rows?: number;
+    disabled?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: string) => any;
+    mention: (o: MentionOption) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+    onMention?: ((o: MentionOption) => any) | undefined;
+}>, {
+    disabled: boolean;
+    modelValue: string;
+    prefix: string;
+    rows: number;
+    options: MentionOption[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/KMention.vue.js

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

package/dist/components/KMention.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,73 @@
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, nextTick as o, openBlock as s, ref as c, renderList as l, toDisplayString as u, withModifiers as d } from "vue";
+//#region components/KMention.vue?vue&type=script&setup=true&lang.ts
+var f = { class: "k-mention" }, p = [
+	"value",
+	"rows",
+	"placeholder",
+	"disabled"
+], m = {
+	key: 0,
+	class: "k-mention__list k-menu-surface"
+}, h = ["onMousedown"], g = /* @__PURE__ */ a({
+	__name: "KMention",
+	props: {
+		modelValue: { default: "" },
+		options: { default: () => [] },
+		prefix: { default: "@" },
+		placeholder: {},
+		rows: { default: 3 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue", "mention"],
+	setup(a, { emit: g }) {
+		let _ = a, v = g, y = c(null), b = c(!1), x = c(""), S = -1;
+		function C(e) {
+			let t = e.selectionStart ?? 0, n = e.value.slice(0, t), r = _.prefix.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), i = n.match(RegExp(`(?:^|\\s)${r}([^\\s${r}]*)$`));
+			i ? (x.value = i[1], S = t - i[1].length - _.prefix.length, b.value = !0) : b.value = !1;
+		}
+		function w(e) {
+			let t = e.target;
+			v("update:modelValue", t.value), C(t);
+		}
+		let T = t(() => {
+			let e = x.value.toLowerCase();
+			return (_.options ?? []).filter((t) => t.label.toLowerCase().includes(e));
+		});
+		async function E(e) {
+			let t = y.value;
+			if (!t) return;
+			let n = t.selectionStart ?? 0, r = _.modelValue ?? "", i = `${_.prefix}${e.label} `;
+			v("update:modelValue", r.slice(0, S) + i + r.slice(n)), v("mention", e), b.value = !1, await o(), t.focus();
+			let a = S + i.length;
+			t.setSelectionRange(a, a);
+		}
+		function D(e) {
+			b.value && e.key === "Enter" && T.value.length ? (e.preventDefault(), E(T.value[0])) : e.key === "Escape" && (b.value = !1);
+		}
+		function O() {
+			setTimeout(() => b.value = !1, 120);
+		}
+		return (t, o) => (s(), r("div", f, [i("textarea", {
+			ref_key: "ta",
+			ref: y,
+			class: "k-mention__input",
+			value: a.modelValue,
+			rows: a.rows,
+			placeholder: a.placeholder,
+			disabled: a.disabled,
+			onInput: w,
+			onKeydown: D,
+			onBlur: O
+		}, null, 40, p), b.value && T.value.length ? (s(), r("div", m, [(s(!0), r(e, null, l(T.value, (e) => (s(), r("button", {
+			key: e.value ?? e.label,
+			type: "button",
+			class: "k-mention__item",
+			onMousedown: d((t) => E(e), ["prevent"])
+		}, u(e.label), 41, h))), 128))])) : n("", !0)]));
+	}
+});
+//#endregion
+export { g as default };

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

@@ -0,0 +1,30 @@
+import { type MenuOption } from './menu-context';
+type __VLS_Props = {
+    /** 当前选中项的 key（受控） */
+    value?: string | null;
+    options: MenuOption[];
+    /** 折叠为仅图标 */
+    collapsed?: boolean;
+    collapsedWidth?: number;
+    /** 每级子菜单缩进 */
+    indent?: number;
+    /** 顶层左缩进 */
+    rootIndent?: number;
+    /** 手风琴：同层只展开一个 */
+    accordion?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    select: (key: string, option: MenuOption) => any;
+    "update:value": (key: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((key: string, option: MenuOption) => any) | undefined;
+    "onUpdate:value"?: ((key: string) => any) | undefined;
+}>, {
+    indent: number;
+    accordion: boolean;
+    collapsedWidth: number;
+    collapsed: boolean;
+    rootIndent: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;