@guoyg578/k-ui 0.1.1 → 0.1.3

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

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

package/dist/components/KTransfer.vue.js

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

package/dist/components/KTransfer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,114 @@
+import e from "./KButton.vue.js";
+import t from "./KCheckbox.vue.js";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, ref as f, renderList as p, toDisplayString as m, unref as h, vModelText as g, withCtx as _, withDirectives as v } from "vue";
+import { ChevronLeft as y, ChevronRight as b, Search as x } from "lucide-vue-next";
+//#region components/KTransfer.vue?vue&type=script&setup=true&lang.ts
+var S = { class: "k-transfer__panel" }, C = { class: "k-transfer__head" }, w = { class: "k-transfer__title" }, T = { class: "k-transfer__count" }, E = {
+	key: 0,
+	class: "k-transfer__search"
+}, D = { class: "k-transfer__list" }, O = {
+	key: 0,
+	class: "k-transfer__empty"
+}, k = { class: "k-transfer__ops" }, A = { class: "k-transfer__panel" }, j = { class: "k-transfer__head" }, M = { class: "k-transfer__title" }, N = { class: "k-transfer__count" }, P = {
+	key: 0,
+	class: "k-transfer__search"
+}, F = { class: "k-transfer__list" }, I = {
+	key: 0,
+	class: "k-transfer__empty"
+}, L = /* @__PURE__ */ l({
+	__name: "KTransfer",
+	props: {
+		options: {},
+		modelValue: { default: () => [] },
+		titles: { default: () => ["源列表", "目标列表"] },
+		filterable: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(l, { emit: L }) {
+		let R = l, z = L, B = f(/* @__PURE__ */ new Set()), V = f(/* @__PURE__ */ new Set()), H = f(""), U = f(""), W = r(() => new Set(R.modelValue));
+		function G(e, t) {
+			return !t || e.label.toLowerCase().includes(t.toLowerCase());
+		}
+		let K = r(() => R.options.filter((e) => !W.value.has(e.value) && G(e, H.value))), q = r(() => R.options.filter((e) => W.value.has(e.value) && G(e, U.value)));
+		function J(e, t) {
+			let n = e === "l" ? B : V, r = new Set(n.value);
+			r.has(t) ? r.delete(t) : r.add(t), n.value = r;
+		}
+		function Y() {
+			R.disabled || (z("update:modelValue", [...R.modelValue, ...B.value]), B.value = /* @__PURE__ */ new Set());
+		}
+		function X() {
+			if (R.disabled) return;
+			let e = V.value;
+			z("update:modelValue", R.modelValue.filter((t) => !e.has(t))), V.value = /* @__PURE__ */ new Set();
+		}
+		return (r, f) => (d(), o("div", { class: u(["k-transfer", { "k-transfer--disabled": l.disabled }]) }, [
+			s("div", S, [
+				s("div", C, [s("span", w, m(l.titles[0]), 1), s("span", T, m(K.value.length), 1)]),
+				l.filterable ? (d(), o("div", E, [c(h(x), { size: 14 }), v(s("input", {
+					"onUpdate:modelValue": f[0] ||= (e) => H.value = e,
+					placeholder: "搜索"
+				}, null, 512), [[g, H.value]])])) : a("", !0),
+				s("div", D, [(d(!0), o(n, null, p(K.value, (e) => (d(), i(t, {
+					key: e.value,
+					class: "k-transfer__row",
+					"model-value": B.value.has(e.value),
+					disabled: e.disabled || l.disabled,
+					label: e.label,
+					"onUpdate:modelValue": (t) => J("l", e.value)
+				}, null, 8, [
+					"model-value",
+					"disabled",
+					"label",
+					"onUpdate:modelValue"
+				]))), 128)), K.value.length ? a("", !0) : (d(), o("p", O, "无数据"))])
+			]),
+			s("div", k, [c(e, {
+				size: "sm",
+				circle: "",
+				disabled: !B.value.size || l.disabled,
+				onClick: Y
+			}, {
+				icon: _(() => [c(h(b), { size: 16 })]),
+				_: 1
+			}, 8, ["disabled"]), c(e, {
+				size: "sm",
+				circle: "",
+				disabled: !V.value.size || l.disabled,
+				onClick: X
+			}, {
+				icon: _(() => [c(h(y), { size: 16 })]),
+				_: 1
+			}, 8, ["disabled"])]),
+			s("div", A, [
+				s("div", j, [s("span", M, m(l.titles[1]), 1), s("span", N, m(q.value.length), 1)]),
+				l.filterable ? (d(), o("div", P, [c(h(x), { size: 14 }), v(s("input", {
+					"onUpdate:modelValue": f[1] ||= (e) => U.value = e,
+					placeholder: "搜索"
+				}, null, 512), [[g, U.value]])])) : a("", !0),
+				s("div", F, [(d(!0), o(n, null, p(q.value, (e) => (d(), i(t, {
+					key: e.value,
+					class: "k-transfer__row",
+					"model-value": V.value.has(e.value),
+					disabled: e.disabled || l.disabled,
+					label: e.label,
+					"onUpdate:modelValue": (t) => J("r", e.value)
+				}, null, 8, [
+					"model-value",
+					"disabled",
+					"label",
+					"onUpdate:modelValue"
+				]))), 128)), q.value.length ? a("", !0) : (d(), o("p", I, "无数据"))])
+			])
+		], 2));
+	}
+});
+//#endregion
+export { L as default };

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

@@ -0,0 +1,22 @@
+import type { TreeNode } from './tree-context';
+type __VLS_Props = {
+    modelValue?: string | number | null;
+    nodes: TreeNode[];
+    placeholder?: string;
+    disabled?: boolean;
+    clearable?: boolean;
+    /** 仅叶子节点可选（父节点点击只展开） */
+    leafOnly?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: string | number | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: string | number | null) => any) | undefined;
+}>, {
+    disabled: boolean;
+    placeholder: string;
+    clearable: boolean;
+    leafOnly: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/KTreeSelect.vue.js

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

package/dist/components/KTreeSelect.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,100 @@
+import e from "./KTreeView.vue.js";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementVNode as i, createVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, ref as l, toDisplayString as u, unref as d, withCtx as f } from "vue";
+import { ChevronDown as p, X as m } from "lucide-vue-next";
+import { PopoverContent as h, PopoverPortal as g, PopoverRoot as _, PopoverTrigger as v } from "reka-ui";
+//#region components/KTreeSelect.vue?vue&type=script&setup=true&lang.ts
+var y = ["disabled"], b = { class: "k-tsel-field__text" }, x = /* @__PURE__ */ o({
+	__name: "KTreeSelect",
+	props: {
+		modelValue: {},
+		nodes: {},
+		placeholder: { default: "请选择" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		clearable: {
+			type: Boolean,
+			default: !0
+		},
+		leafOnly: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(o, { emit: x }) {
+		let S = o, C = x, w = l(!1), T = l([]);
+		function E(e, t) {
+			for (let n of e) {
+				if (n.id === t) return n.label;
+				if (n.children) {
+					let e = E(n.children, t);
+					if (e) return e;
+				}
+			}
+			return null;
+		}
+		let D = t(() => S.modelValue == null ? "" : E(S.nodes, S.modelValue) ?? "");
+		function O(e) {
+			S.leafOnly && e.children?.length || (C("update:modelValue", e.id), w.value = !1);
+		}
+		function k(e) {
+			e.stopPropagation(), C("update:modelValue", null);
+		}
+		return (t, l) => (c(), n(d(_), {
+			open: w.value,
+			"onUpdate:open": l[1] ||= (e) => w.value = e
+		}, {
+			default: f(() => [a(d(v), {
+				"as-child": "",
+				disabled: o.disabled
+			}, {
+				default: f(() => [i("button", {
+					type: "button",
+					class: s(["k-tsel-field", {
+						"k-tsel-field--disabled": o.disabled,
+						"k-tsel-field--placeholder": !D.value
+					}]),
+					disabled: o.disabled
+				}, [
+					i("span", b, u(D.value || o.placeholder), 1),
+					o.clearable && D.value && !o.disabled ? (c(), n(d(m), {
+						key: 0,
+						size: 14,
+						class: "k-tsel-field__clear",
+						onClick: k
+					})) : r("", !0),
+					a(d(p), {
+						size: 15,
+						class: "k-tsel-field__arrow"
+					})
+				], 10, y)]),
+				_: 1
+			}, 8, ["disabled"]), a(d(g), null, {
+				default: f(() => [a(d(h), {
+					class: "k-menu-surface k-tsel-panel",
+					"side-offset": 6,
+					align: "start"
+				}, {
+					default: f(() => [a(e, {
+						nodes: o.nodes,
+						selected: o.modelValue ?? null,
+						expanded: T.value,
+						"onUpdate:expanded": l[0] ||= (e) => T.value = e,
+						onNodeClick: O
+					}, null, 8, [
+						"nodes",
+						"selected",
+						"expanded"
+					])]),
+					_: 1
+				})]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["open"]));
+	}
+});
+//#endregion
+export { x as default };

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

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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/KTypography.vue.js

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

package/dist/components/KTypography.vue_vue_type_script_setup_true_lang.js

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

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

@@ -160,10 +160,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
 }>, {
     disabled: boolean;
     multiple: boolean;
+    showList: boolean;
     drag: boolean;
     autoUpload: boolean;
     defaultUpload: boolean;
-    showList: boolean;
     showFileList: boolean;
     buttonText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -0,0 +1,27 @@
+type __VLS_Props = {
+    content?: string;
+    fontSize?: number;
+    color?: string;
+    rotate?: number;
+    /** 单个水印的横纵间距 [x, y] */
+    gap?: [number, 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<{}>, {
+    color: string;
+    rotate: number;
+    fontSize: number;
+    gap: [number, number];
+    content: string;
+}, {}, {}, {}, 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/KWatermark.vue.js

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

package/dist/components/KWatermark.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,28 @@
+import { computed as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeStyle as i, openBlock as a, renderSlot as o } from "vue";
+//#region components/KWatermark.vue?vue&type=script&setup=true&lang.ts
+var s = { class: "k-watermark" }, c = /* @__PURE__ */ r({
+	__name: "KWatermark",
+	props: {
+		content: { default: "k-ui" },
+		fontSize: { default: 15 },
+		color: { default: "rgba(0,0,0,0.08)" },
+		rotate: { default: -22 },
+		gap: { default: () => [120, 80] }
+	},
+	setup(r) {
+		let c = r, l = e(() => {
+			if (typeof document > "u") return "";
+			let [e, t] = c.gap, n = document.createElement("canvas"), r = n.getContext("2d");
+			if (!r) return "";
+			r.font = `${c.fontSize}px sans-serif`;
+			let i = Math.ceil(r.measureText(c.content).width) + e, a = c.fontSize + t;
+			return n.width = i, n.height = a, r.font = `${c.fontSize}px sans-serif`, r.fillStyle = c.color, r.textAlign = "center", r.textBaseline = "middle", r.translate(i / 2, a / 2), r.rotate(c.rotate * Math.PI / 180), r.fillText(c.content, 0, 0), n.toDataURL();
+		});
+		return (e, r) => (a(), t("div", s, [o(e.$slots, "default", {}, void 0, !0), n("div", {
+			class: "k-watermark__layer",
+			style: i({ backgroundImage: l.value ? `url(${l.value})` : void 0 })
+		}, null, 4)]));
+	}
+});
+//#endregion
+export { c as default };

package/dist/components/list-context.d.ts

@@ -0,0 +1,6 @@
+import type { InjectionKey } from 'vue';
+export interface ListContext {
+    bordered: boolean;
+    hoverable: boolean;
+}
+export declare const LIST_KEY: InjectionKey<ListContext>;

package/dist/components/list-context.js

@@ -0,0 +1,4 @@
+//#region components/list-context.ts
+var e = Symbol("k-list");
+//#endregion
+export { e as LIST_KEY };

package/dist/components/menu-context.d.ts

@@ -0,0 +1,26 @@
+import type { Component, InjectionKey, VNodeChild } from 'vue';
+export interface MenuOption {
+    /** 唯一标识，select 事件回传、active 比对都用它 */
+    key: string;
+    /** 文本，或返回 VNode 的渲染函数（如塞入自定义内容）。
+     *  推荐用纯字符串 + 监听 @select 做导航，保持路由无关。 */
+    label?: string | (() => VNodeChild);
+    /** lucide 图标组件，或返回 VNode 的渲染函数 */
+    icon?: Component | (() => VNodeChild);
+    /** 子菜单 */
+    children?: MenuOption[];
+    disabled?: boolean;
+    /** 渲染为分隔线，其余字段忽略 */
+    type?: 'divider';
+}
+/** KMenu 通过 provide 下发给 KMenuItem 的上下文 */
+export interface MenuContext {
+    isActive: (key: string) => boolean;
+    inActiveTrail: (key: string) => boolean;
+    isExpanded: (key: string) => boolean;
+    toggle: (key: string) => void;
+    select: (option: MenuOption) => void;
+    indent: number;
+    rootIndent: number;
+}
+export declare const MENU_KEY: InjectionKey<MenuContext>;

package/dist/components/menu-context.js

@@ -0,0 +1,4 @@
+//#region components/menu-context.ts
+var e = Symbol("k-menu");
+//#endregion
+export { e as MENU_KEY };

package/dist/components/radio-context.d.ts

@@ -0,0 +1,6 @@
+import type { InjectionKey, Ref } from 'vue';
+/** KRadioGroup 下发给 KRadio 的上下文，目前仅传递“分段按钮态”视觉标记 */
+export interface RadioGroupContext {
+    button: Ref<boolean>;
+}
+export declare const RADIO_GROUP_KEY: InjectionKey<RadioGroupContext>;

package/dist/components/radio-context.js

@@ -0,0 +1,4 @@
+//#region components/radio-context.ts
+var e = Symbol("k-radio-group");
+//#endregion
+export { e as RADIO_GROUP_KEY };

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export { default as KConfigProvider } from './components/KConfigProvider.vue';
 export type { GlobalThemeOverrides } from './components/KConfigProvider.vue';
 export { default as KButton } from './components/KButton.vue';
+export { default as KButtonGroup } from './components/KButtonGroup.vue';
 export { default as KInput } from './components/KInput.vue';
 export { default as KTextarea } from './components/KTextarea.vue';
 export { default as KInputNumber } from './components/KInputNumber.vue';
@@ -9,9 +10,19 @@ export { default as KTag } from './components/KTag.vue';
 export { default as KIcon } from './components/KIcon.vue';
 export { default as KSlider } from './components/KSlider.vue';
 export { default as KColorPicker } from './components/KColorPicker.vue';
+export { default as KText } from './components/KText.vue';
+export { default as KTime } from './components/KTime.vue';
+export { default as KSpace } from './components/KSpace.vue';
 export { default as KSelect } from './components/KSelect.vue';
 export { default as KCombobox } from './components/KCombobox.vue';
 export { default as KDatePicker } from './components/KDatePicker.vue';
+export { default as KTimePicker } from './components/KTimePicker.vue';
+export { default as KCascader } from './components/KCascader.vue';
+export type { CascaderOption } from './components/KCascader.vue';
+export { default as KAutoComplete } from './components/KAutoComplete.vue';
+export { default as KTreeSelect } from './components/KTreeSelect.vue';
+export { default as KMention } from './components/KMention.vue';
+export type { MentionOption } from './components/KMention.vue';
 export { default as KSwitch } from './components/KSwitch.vue';
 export { default as KCheckbox } from './components/KCheckbox.vue';
 export { default as KCheckboxGroup } from './components/KCheckboxGroup.vue';
@@ -20,6 +31,11 @@ export { default as KRadioGroup } from './components/KRadioGroup.vue';
 export { default as KForm } from './components/KForm.vue';
 export { default as KFormField } from './components/KFormField.vue';
 export type { FormRule, FormRules, FormFieldRef } from './components/form-context';
+export { default as KRate } from './components/KRate.vue';
+export { default as KDynamicTags } from './components/KDynamicTags.vue';
+export { default as KDynamicInput } from './components/KDynamicInput.vue';
+export { default as KTransfer } from './components/KTransfer.vue';
+export type { TransferOption } from './components/KTransfer.vue';
 export { default as KConfirmDialog } from './components/KConfirmDialog.vue';
 export { default as KDialog } from './components/KDialog.vue';
 export { default as KDrawer } from './components/KDrawer.vue';
@@ -36,6 +52,16 @@ export type { NotificationOptions, NotificationReactive } from './components/KNo
 export { default as KNotificationProvider } from './components/KNotificationProvider.vue';
 export { useConfirm } from './composables/useConfirm';
 export type { ConfirmOptions } from './composables/useConfirm';
+export { default as KBadge } from './components/KBadge.vue';
+export { default as KStatistic } from './components/KStatistic.vue';
+export { default as KCollapse } from './components/KCollapse.vue';
+export { default as KCollapseItem } from './components/KCollapseItem.vue';
+export { default as KTimeline } from './components/KTimeline.vue';
+export { default as KTimelineItem } from './components/KTimelineItem.vue';
+export { default as KList } from './components/KList.vue';
+export { default as KListItem } from './components/KListItem.vue';
+export { default as KCalendar } from './components/KCalendar.vue';
+export { default as KCode } from './components/KCode.vue';
 export { default as KDataTable } from './components/KDataTable.vue';
 export type { Column, DataTableColumn, DataTableColumns } from './components/KDataTable.vue';
 export { default as KPagination } from './components/KPagination.vue';
@@ -49,14 +75,24 @@ export { default as KAvatarGroup } from './components/KAvatarGroup.vue';
 export { default as KSkeleton } from './components/KSkeleton.vue';
 export { default as KListSkeleton } from './components/KListSkeleton.vue';
 export { default as KGridSkeleton } from './components/KGridSkeleton.vue';
+export { default as KLayout } from './components/KLayout.vue';
+export { default as KLayoutHeader } from './components/KLayoutHeader.vue';
+export { default as KLayoutContent } from './components/KLayoutContent.vue';
+export { default as KLayoutSider } from './components/KLayoutSider.vue';
+export { default as KDivider } from './components/KDivider.vue';
+export { default as KGrid } from './components/KGrid.vue';
+export { default as KGridItem } from './components/KGridItem.vue';
 export { default as KTabs } from './components/KTabs.vue';
 export { default as KBreadcrumb } from './components/KBreadcrumb.vue';
+export { default as KMenu } from './components/KMenu.vue';
+export type { MenuOption } from './components/menu-context';
 export { default as KCard } from './components/KCard.vue';
 export { default as KDescriptions } from './components/KDescriptions.vue';
 export { default as KDescriptionsItem } from './components/KDescriptionsItem.vue';
 export type { DescriptionItem } from './components/KDescriptions.vue';
 export { default as KResult } from './components/KResult.vue';
 export { default as KSteps } from './components/KSteps.vue';
+export { default as KTypography } from './components/KTypography.vue';
 export { default as KImage } from './components/KImage.vue';
 export { default as KImageViewer } from './components/KImageViewer.vue';
 export { default as KCarousel } from './components/KCarousel.vue';
@@ -71,6 +107,13 @@ export { default as KResizablePanel } from './components/KResizablePanel.vue';
 export { default as KTreeView } from './components/KTreeView.vue';
 export type { TreeNode } from './components/tree-context';
 export { default as KDiff } from './components/KDiff.vue';
+export { default as KBackTop } from './components/KBackTop.vue';
+export { default as KAffix } from './components/KAffix.vue';
+export { default as KAnchor } from './components/KAnchor.vue';
+export type { AnchorItem } from './components/KAnchor.vue';
+export { default as KWatermark } from './components/KWatermark.vue';
+export { default as KNumberAnimation } from './components/KNumberAnimation.vue';
+export { default as KCountdown } from './components/KCountdown.vue';
 export { default as KThemeToggleButton } from './components/KThemeToggleButton.vue';
 export type { ThemeMode } from './types';
 export { installDirectives, vReveal, vSpotlight } from './directives';