@guoyg578/k-ui 0.1.1 → 0.1.3

package/README.md

@@ -57,17 +57,19 @@ const open = ref(false)
 - `v-reveal` / `v-spotlight` 指令：`import { installDirectives } from '@guoyg578/k-ui'` 后 `installDirectives(app)`。
 - `KMessage`（函数式 toast）开箱即用，首次调用自动挂载容器。
 
-## 组件清单（45+）
+## 组件清单（70+，对标 naive-ui 常用组件）
 
-- **通用 / 输入**：`KButton` · `KInput` · `KTextarea` · `KInputNumber` · `KSearchBar` · `KTag`
-- **选择**：`KSelect` · `KCombobox`（可搜索+多选）· `KDatePicker`
-- **表单**：`KSwitch` · `KCheckbox`(+`KCheckboxGroup`) · `KRadio`(+`KRadioGroup`) · `KForm` · `KFormField`
-- **反馈 / 弹层**：`KConfirmDialog` · `KDialog` · `KDrawer` · `KTooltip` · `KAlert` · `KMessage`（函数式 toast）
-- **数据展示**：`KDataTable` · `KPagination` · `KEmpty` · `KLoadingOverlay` · `KRefetchOverlay` · `KProgress` · `KAvatar`(+`KAvatarGroup`)
+- **通用 / 输入**：`KButton`(+`KButtonGroup`) · `KInput` · `KTextarea` · `KInputNumber` · `KSearchBar` · `KTag` · `KText` · `KTime` · `KSpace`
+- **选择**：`KSelect` · `KCombobox`（可搜索+多选）· `KAutoComplete` · `KCascader` · `KTreeSelect` · `KDatePicker` · `KTimePicker`
+- **表单**：`KSwitch` · `KCheckbox`(+`KCheckboxGroup`) · `KRadio`(+`KRadioGroup`，含 `button` 分段态) · `KForm` · `KFormField` · `KRate` · `KDynamicTags` · `KDynamicInput` · `KTransfer` · `KMention`
+- **反馈 / 弹层**：`KConfirmDialog` · `KDialog` · `KDrawer` · `KTooltip` · `KPopover` · `KPopconfirm` · `KDropdown` · `KAlert` · `KMessage`（函数式 toast）· `KNotification`
+- **数据展示**：`KDataTable` · `KPagination` · `KEmpty` · `KLoadingOverlay` · `KRefetchOverlay` · `KProgress` · `KSpin` · `KAvatar`(+`KAvatarGroup`) · `KBadge` · `KStatistic` · `KCollapse`(+`KCollapseItem`) · `KTimeline`(+`KTimelineItem`) · `KList`(+`KListItem`) · `KCalendar` · `KCode` · `KDescriptions`
 - **骨架屏**：`KSkeleton` · `KListSkeleton` · `KGridSkeleton`
-- **导航**：`KTabs` · `KBreadcrumb`
-- **容器**：`KCard` · `KResult` · `KSteps`
-- **媒体**：`KImage` · `KImageViewer` · `KUpload`
+- **布局**：`KLayout`(+`KLayoutHeader` / `KLayoutContent` / `KLayoutSider`) · `KDivider` · `KGrid`(+`KGridItem`)
+- **导航**：`KTabs` · `KBreadcrumb` · `KMenu`（侧边菜单，含子菜单 / 折叠 hover 飞出，**路由无关**，`@select` 驱动导航）
+- **容器**：`KCard` · `KResult` · `KSteps` · `KTypography`（原生 HTML 文章排版）
+- **媒体**：`KImage` · `KImageViewer` · `KCarousel` · `KUpload`(+`KUploadDragger`)
+- **页面辅助**：`KBackTop` · `KAffix` · `KAnchor` · `KWatermark` · `KNumberAnimation` · `KCountdown`
 - **高级**：`KCommandPalette`（Cmd+K）· `KVirtualList` · `KResizablePanel` · `KTreeView` · `KDiff`（LCS 文本对比）
 - **主题**：`KThemeToggleButton`（**无状态**，`v-model:mode`，状态由宿主管理）
 - **指令**：`v-reveal`（滚动入场）/ `v-spotlight`（鼠标跟随光晕），需 `installDirectives(app)`

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

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    offsetTop?: number;
+    offsetBottom?: 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<{}>, {}, {}, {}, {}, 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/KAffix.vue.js

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

package/dist/components/KAffix.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/KAffix.vue?vue&type=script&setup=true&lang.ts
+var o = /* @__PURE__ */ n({
+	__name: "KAffix",
+	props: {
+		offsetTop: {},
+		offsetBottom: {}
+	},
+	setup(n) {
+		let o = n, s = e(() => o.offsetBottom == null ? { top: `${o.offsetTop ?? 0}px` } : { bottom: `${o.offsetBottom}px` });
+		return (e, n) => (i(), t("div", {
+			class: "k-affix",
+			style: r(s.value)
+		}, [a(e.$slots, "default", {}, void 0, !0)], 4));
+	}
+});
+//#endregion
+export { o as default };

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

@@ -0,0 +1,14 @@
+export interface AnchorItem {
+    title: string;
+    /** 目标元素选择器，如 '#section-1' */
+    href: string;
+}
+type __VLS_Props = {
+    items: AnchorItem[];
+    offsetTop?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    offsetTop: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/KAnchor.vue.js

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

package/dist/components/KAnchor.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,40 @@
+import { Fragment as e, createElementBlock as t, defineComponent as n, normalizeClass as r, onMounted as i, onUnmounted as a, openBlock as o, ref as s, renderList as c, toDisplayString as l } from "vue";
+//#region components/KAnchor.vue?vue&type=script&setup=true&lang.ts
+var u = { class: "k-anchor" }, d = ["href", "onClick"], f = /* @__PURE__ */ n({
+	__name: "KAnchor",
+	props: {
+		items: {},
+		offsetTop: { default: 80 }
+	},
+	setup(n) {
+		let f = n, p = s("");
+		function m() {
+			let e = "";
+			for (let t of f.items) {
+				let n = document.querySelector(t.href);
+				n && n.getBoundingClientRect().top - f.offsetTop <= 1 && (e = t.href);
+			}
+			p.value = e || f.items[0]?.href || "";
+		}
+		function h(e, t) {
+			t.preventDefault();
+			let n = document.querySelector(e.href);
+			if (!n) return;
+			let r = n.getBoundingClientRect().top + window.scrollY - f.offsetTop;
+			window.scrollTo({
+				top: r,
+				behavior: "smooth"
+			});
+		}
+		return i(() => {
+			window.addEventListener("scroll", m, { passive: !0 }), m();
+		}), a(() => window.removeEventListener("scroll", m)), (i, a) => (o(), t("nav", u, [(o(!0), t(e, null, c(n.items, (e) => (o(), t("a", {
+			key: e.href,
+			href: e.href,
+			class: r(["k-anchor__link", { "k-anchor__link--active": p.value === e.href }]),
+			onClick: (t) => h(e, t)
+		}, l(e.title), 11, d))), 128))]));
+	}
+});
+//#endregion
+export { f as default };

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

@@ -0,0 +1,26 @@
+interface AcOption {
+    label: string;
+    value: string;
+}
+type __VLS_Props = {
+    modelValue?: string;
+    options?: (string | AcOption)[];
+    placeholder?: string;
+    disabled?: boolean;
+    /** 是否按输入内容过滤候选 */
+    filter?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    select: (v: string) => any;
+    "update:modelValue": (v: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((v: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+}>, {
+    filter: boolean;
+    disabled: boolean;
+    modelValue: string;
+    options: (string | AcOption)[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/KAutoComplete.vue.js

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

package/dist/components/KAutoComplete.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,58 @@
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, ref as c, renderList as l, toDisplayString as u, withModifiers as d } from "vue";
+//#region components/KAutoComplete.vue?vue&type=script&setup=true&lang.ts
+var f = { class: "k-ac" }, p = [
+	"value",
+	"placeholder",
+	"disabled"
+], m = {
+	key: 0,
+	class: "k-ac__list k-menu-surface"
+}, h = ["onMousedown"], g = /* @__PURE__ */ a({
+	__name: "KAutoComplete",
+	props: {
+		modelValue: { default: "" },
+		options: { default: () => [] },
+		placeholder: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		filter: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["update:modelValue", "select"],
+	setup(a, { emit: g }) {
+		let _ = a, v = g, y = c(!1), b = t(() => (_.options ?? []).map((e) => typeof e == "string" ? {
+			label: e,
+			value: e
+		} : e)), x = t(() => {
+			if (!_.filter || !_.modelValue) return b.value;
+			let e = _.modelValue.toLowerCase();
+			return b.value.filter((t) => t.label.toLowerCase().includes(e));
+		}), S = t(() => y.value && !_.disabled && x.value.length > 0);
+		function C(e) {
+			v("update:modelValue", e.target.value);
+		}
+		function w(e) {
+			v("update:modelValue", e.value), v("select", e.value), y.value = !1;
+		}
+		return (t, c) => (s(), r("div", f, [i("input", {
+			class: "k-ac__input",
+			value: a.modelValue,
+			placeholder: a.placeholder,
+			disabled: a.disabled,
+			onInput: C,
+			onFocus: c[0] ||= (e) => y.value = !0,
+			onBlur: c[1] ||= (e) => y.value = !1
+		}, null, 40, p), S.value ? (s(), r("div", m, [(s(!0), r(e, null, l(x.value, (e) => (s(), r("button", {
+			key: e.value,
+			type: "button",
+			class: o(["k-ac__item", { "k-ac__item--active": e.value === a.modelValue }]),
+			onMousedown: d((t) => w(e), ["prevent"])
+		}, u(e.label), 43, h))), 128))])) : n("", !0)]));
+	}
+});
+//#endregion
+export { g as default };

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

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    visibilityHeight?: number;
+    right?: number;
+    bottom?: number;
+    /** 滚动容器选择器，默认 window */
+    target?: string;
+};
+declare var __VLS_13: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    right: number;
+    bottom: number;
+    visibilityHeight: 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/KBackTop.vue.js

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

package/dist/components/KBackTop.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,56 @@
+import { Teleport as e, Transition as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createVNode as a, defineComponent as o, normalizeStyle as s, onMounted as c, onUnmounted as l, openBlock as u, ref as d, renderSlot as f, unref as p, withCtx as m } from "vue";
+import { ChevronUp as h } from "lucide-vue-next";
+//#region components/KBackTop.vue?vue&type=script&setup=true&lang.ts
+var g = /* @__PURE__ */ o({
+	__name: "KBackTop",
+	props: {
+		visibilityHeight: { default: 180 },
+		right: { default: 24 },
+		bottom: { default: 24 },
+		target: {}
+	},
+	setup(o) {
+		let g = o, _ = d(!1);
+		function v() {
+			if (g.target) {
+				let e = document.querySelector(g.target);
+				if (e) return e;
+			}
+			return window;
+		}
+		function y(e) {
+			return e === window ? window.scrollY : e.scrollTop;
+		}
+		let b;
+		function x() {
+			_.value = y(b) > g.visibilityHeight;
+		}
+		function S() {
+			b === window ? window.scrollTo({
+				top: 0,
+				behavior: "smooth"
+			}) : b.scrollTo({
+				top: 0,
+				behavior: "smooth"
+			});
+		}
+		return c(() => {
+			b = v(), b.addEventListener("scroll", x, { passive: !0 }), x();
+		}), l(() => b?.removeEventListener("scroll", x)), (c, l) => (u(), n(e, { to: "body" }, [a(t, { name: "k-backtop" }, {
+			default: m(() => [_.value ? (u(), i("button", {
+				key: 0,
+				type: "button",
+				class: "k-backtop",
+				style: s({
+					right: `${o.right}px`,
+					bottom: `${o.bottom}px`
+				}),
+				"aria-label": "回到顶部",
+				onClick: S
+			}, [f(c.$slots, "default", {}, () => [a(p(h), { size: 20 })], !0)], 4)) : r("", !0)]),
+			_: 3
+		})]));
+	}
+});
+//#endregion
+export { g as default };

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

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    value?: number | string;
+    /** 数字封顶，超出显示 max+ */
+    max?: number;
+    dot?: boolean;
+    type?: 'default' | 'success' | 'error' | 'warning' | 'info';
+    /** value 为 0 时是否仍显示 */
+    showZero?: boolean;
+    /** 自定义颜色（覆盖 type） */
+    color?: string;
+    /** 呼吸脉冲动画 */
+    processing?: 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<{}>, {
+    type: "default" | "success" | "error" | "warning" | "info";
+    dot: boolean;
+    showZero: boolean;
+    processing: 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/KBadge.vue.js

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

package/dist/components/KBadge.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,48 @@
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createTextVNode as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, renderSlot as l, toDisplayString as u, unref as d, useSlots as f } from "vue";
+//#region components/KBadge.vue?vue&type=script&setup=true&lang.ts
+var p = /* @__PURE__ */ a({
+	__name: "KBadge",
+	props: {
+		value: {},
+		max: {},
+		dot: {
+			type: Boolean,
+			default: !1
+		},
+		type: { default: "error" },
+		showZero: {
+			type: Boolean,
+			default: !1
+		},
+		color: {},
+		processing: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(a) {
+		let p = a, m = f(), h = t(() => {
+			if (p.dot) return "";
+			let e = p.value;
+			return typeof e == "number" ? p.max != null && e > p.max ? `${p.max}+` : String(e) : e ?? "";
+		}), g = t(() => {
+			if (p.dot) return !1;
+			let e = p.value;
+			return e == null || e === "" || typeof e == "number" && e === 0 && !p.showZero;
+		});
+		return (t, f) => (c(), r("span", { class: o(["k-badge", { "k-badge--standalone": !d(m).default }]) }, [l(t.$slots, "default", {}, void 0, !0), g.value ? n("", !0) : (c(), r("sup", {
+			key: 0,
+			class: o(["k-badge__sup", [`k-badge--${a.type}`, {
+				"k-badge--dot": a.dot,
+				"k-badge--attached": !!d(m).default,
+				"k-badge--processing": a.processing
+			}]]),
+			style: s(a.color ? {
+				backgroundColor: a.color,
+				borderColor: a.color
+			} : void 0)
+		}, [a.dot ? n("", !0) : (c(), r(e, { key: 0 }, [i(u(h.value), 1)], 64))], 6))], 2));
+	}
+});
+//#endregion
+export { p as default };

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

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    vertical?: 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<{}>, {
+    vertical: 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/KButtonGroup.vue.js

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

package/dist/components/KButtonGroup.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/KButtonGroup.vue?vue&type=script&setup=true&lang.ts
+var a = /* @__PURE__ */ t({
+	__name: "KButtonGroup",
+	props: { vertical: {
+		type: Boolean,
+		default: !1
+	} },
+	setup(t) {
+		return (a, o) => (r(), e("div", { class: n(["k-btn-group", { "k-btn-group--vertical": t.vertical }]) }, [i(a.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { a as default };

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

@@ -0,0 +1,33 @@
+type __VLS_Props = {
+    modelValue?: number | Date | null;
+};
+declare var __VLS_11: {
+    date: Date;
+    isCurrentMonth: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: number) => any;
+    panelChange: (p: {
+        year: number;
+        month: number;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: number) => any) | undefined;
+    onPanelChange?: ((p: {
+        year: number;
+        month: number;
+    }) => any) | undefined;
+}>, {
+    modelValue: number | Date | null;
+}, {}, {}, {}, 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/KCalendar.vue.js

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

package/dist/components/KCalendar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,78 @@
+import { Fragment as e, computed as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, createVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, ref as l, renderList as u, renderSlot as d, toDisplayString as f, unref as p } from "vue";
+import { ChevronLeft as m, ChevronRight as h } from "lucide-vue-next";
+//#region components/KCalendar.vue?vue&type=script&setup=true&lang.ts
+var g = { class: "k-cal" }, _ = { class: "k-cal__head" }, v = { class: "k-cal__title" }, y = { class: "k-cal__nav" }, b = { class: "k-cal__grid k-cal__weekdays" }, x = { class: "k-cal__grid" }, S = ["onClick"], C = /* @__PURE__ */ o({
+	__name: "KCalendar",
+	props: { modelValue: { default: null } },
+	emits: ["update:modelValue", "panelChange"],
+	setup(o, { emit: C }) {
+		let w = o, T = C;
+		function E(e) {
+			return e == null ? null : e instanceof Date ? e : new Date(e);
+		}
+		let D = t(() => E(w.modelValue)), O = /* @__PURE__ */ new Date(), k = D.value ?? O, A = l({
+			y: k.getFullYear(),
+			m: k.getMonth()
+		}), j = [
+			"一",
+			"二",
+			"三",
+			"四",
+			"五",
+			"六",
+			"日"
+		], M = t(() => `${A.value.y} 年 ${A.value.m + 1} 月`), N = t(() => {
+			let { y: e, m: t } = A.value, n = (new Date(e, t, 1).getDay() + 6) % 7, r = new Date(e, t, 1 - n);
+			return Array.from({ length: 42 }, (e, t) => {
+				let n = new Date(r);
+				return n.setDate(r.getDate() + t), n;
+			});
+		});
+		function P(e, t) {
+			return !!t && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
+		}
+		function F(e) {
+			let { y: t, m: n } = A.value;
+			n += e, n < 0 ? (--t, n = 11) : n > 11 && (t += 1, n = 0), A.value = {
+				y: t,
+				m: n
+			}, T("panelChange", {
+				year: t,
+				month: n + 1
+			});
+		}
+		function I(e) {
+			T("update:modelValue", e.getTime());
+		}
+		return (t, o) => (c(), n("div", g, [
+			r("div", _, [r("span", v, f(M.value), 1), r("div", y, [r("button", {
+				type: "button",
+				onClick: o[0] ||= (e) => F(-1),
+				"aria-label": "上个月"
+			}, [a(p(m), { size: 16 })]), r("button", {
+				type: "button",
+				onClick: o[1] ||= (e) => F(1),
+				"aria-label": "下个月"
+			}, [a(p(h), { size: 16 })])])]),
+			r("div", b, [(c(), n(e, null, u(j, (e) => r("span", {
+				key: e,
+				class: "k-cal__weekday"
+			}, f(e), 1)), 64))]),
+			r("div", x, [(c(!0), n(e, null, u(N.value, (e, r) => (c(), n("button", {
+				key: r,
+				type: "button",
+				class: s(["k-cal__cell", {
+					"k-cal__cell--muted": e.getMonth() !== A.value.m,
+					"k-cal__cell--today": P(e, p(O)),
+					"k-cal__cell--selected": P(e, D.value)
+				}]),
+				onClick: (t) => I(e)
+			}, [d(t.$slots, "default", {
+				date: e,
+				isCurrentMonth: e.getMonth() === A.value.m
+			}, () => [i(f(e.getDate()), 1)], !0)], 10, S))), 128))])
+		]));
+	}
+});
+//#endregion
+export { C as default };

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

@@ -0,0 +1,29 @@
+export interface CascaderOption {
+    label: string;
+    value: string | number;
+    children?: CascaderOption[];
+    disabled?: boolean;
+}
+type __VLS_Props = {
+    modelValue?: string | number | null;
+    options: CascaderOption[];
+    placeholder?: string;
+    disabled?: boolean;
+    clearable?: boolean;
+    separator?: string;
+    /** 允许选中非叶子节点 */
+    changeOnSelect?: 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;
+    separator: string;
+    changeOnSelect: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/KCascader.vue.js

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