npm - @guoyg578/k-ui - Versions diffs - 0.1.0 → 0.1.2 - Mend

@guoyg578/k-ui 0.1.0 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (267) hide show

package/README.md CHANGED Viewed

@@ -1,44 +1,46 @@
 # k-ui
-一套可复用的 Vue 3 组件库（K 前缀），基于 reka-ui（headless）+ Tailwind v4 token。**两种接入：① `pnpm add @guoyg578/k-ui`（推荐）；② 整个 `k-ui/` 目录源码拷贝**。两种方式的完整步骤、样式引入（含 Tailwind `@source` 关键步骤）、发布流程见 [INSTALL.md](./INSTALL.md)。
+一套可复用的 Vue 3 组件库（K 前缀），基于 reka-ui（headless）+ Tailwind v4 设计令牌。
-> 📦 **接入到新项目** —— 完整步骤、最小集成示例、排错速查见 [INSTALL.md](./INSTALL.md)。
+## 安装
-## 组件清单（45+）
+```bash
+pnpm add @guoyg578/k-ui
+# 必需 peer 依赖
+pnpm add vue reka-ui lucide-vue-next
+# 可选：仅用到 KDatePicker 时
+pnpm add @vuepic/vue-datepicker date-fns
+```
-- **通用 / 输入**：`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`)
-- **骨架屏**：`KSkeleton` · `KListSkeleton` · `KGridSkeleton`
-- **导航**：`KTabs` · `KBreadcrumb`
-- **容器**：`KCard` · `KResult` · `KSteps`
-- **媒体**：`KImage` · `KImageViewer` · `KUpload`
-- **高级**：`KCommandPalette`（Cmd+K）· `KVirtualList` · `KResizablePanel` · `KTreeView` · `KDiff`（LCS 文本对比）
-- **主题**：`KThemeToggleButton`（**无状态**，`v-model:mode`，状态由宿主管理）
-- **指令**：`v-reveal`（滚动入场）/ `v-spotlight`（鼠标跟随光晕），需 `installDirectives(app)`
+> 需要 **Tailwind v4**：组件大量使用工具类（`bg-ink-200` / `text-brand-500` / `size-4` …），这些类必须由你项目自己的 Tailwind 生成。
-辅助导出：`useConfirm()`、`KMessage`、`installDirectives`、类型 `ConfirmOptions` / `ThemeMode` / `FormRule` / `FormFieldRef` / `TreeNode` / `CmdItem` / `UploadFile` / `MessageOptions`。
+## 引入样式 ⚠️ 最关键
-> 本库由两套同源组件合并而来：重叠组件（KTooltip / KPagination / KEmpty / KGridSkeleton / KListSkeleton / KRefetchOverlay）以 k-ui 原实现为基准。
+在全局 CSS 入口（即 `@import "tailwindcss"` 所在文件）：
-## 依赖（peer dependencies）
+```css
+@import "tailwindcss";
-| 依赖 | 用途 |
-|---|---|
-| `vue` ^3.5 | 运行时 |
-| `reka-ui` ^2 | 大量 headless 组件（Dialog / Select / Tooltip / Tabs …） |
-| `lucide-vue-next` ^1 | 图标 |
-| **Tailwind v4** | 工具类 + 设计令牌（`tokens.css` / `components.css`） |
-| `vue-router` ^4+ | **可选** —— 仅 `KBreadcrumb` 用到 |
-| `@vuepic/vue-datepicker` + `date-fns` | **可选** —— 仅 `KDatePicker` 用到（v13 依赖 date-fns 的 zhCN locale） |
+/* 设计令牌 + 组件基础类（含 @theme / @layer，必须交给 Tailwind 处理）*/
+@import "@guoyg578/k-ui/styles/tokens.css";
+@import "@guoyg578/k-ui/styles/components.css";
+/* 已编译的组件作用域样式（纯 CSS，含弹层 menu / 日期选择器样式）*/
+@import "@guoyg578/k-ui/css";
+/* ⚠️ 让 Tailwind 扫描 k-ui 产物里出现的工具类，否则颜色/间距全部散架。
+   路径相对本 CSS 文件，按你的目录层级调整到 node_modules。 */
+@source "../../node_modules/@guoyg578/k-ui/dist";
+```
+> - Tailwind v4 默认**不扫描 node_modules**，`@source` 那一行必不可少。
+> - 暗色模式：`tokens.css` 自带 `:root[data-theme="dark"]` 覆盖，设 `<html data-theme="dark">` 即生效；不设则保持亮色。
 ## 快速上手
 ```vue
 <script setup lang="ts">
-import { KButton, KDialog, KMessage } from './k-ui'
+import { KButton, KDialog, KMessage } from '@guoyg578/k-ui'
 import { ref } from 'vue'
 const open = ref(false)
 </script>
@@ -51,9 +53,53 @@ const open = ref(false)
 </template>
 ```
-> ⚠️ 组件依赖 `k-ui/styles/tokens.css` + `components.css`，**必须在全局 CSS 引入**，否则样式错乱。详见 [INSTALL.md](./INSTALL.md)。
+- `KConfirmDialog`（配 `useConfirm`）：在根组件挂一次 `<KConfirmDialog />`。
+- `v-reveal` / `v-spotlight` 指令：`import { installDirectives } from '@guoyg578/k-ui'` 后 `installDirectives(app)`。
+- `KMessage`（函数式 toast）开箱即用，首次调用自动挂载容器。
+## 组件清单（70+，对标 naive-ui 常用组件）
+- **通用 / 输入**：`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`
+- **布局**：`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)`
+辅助导出：`useConfirm()`、`KMessage`、`installDirectives`、类型 `ConfirmOptions` / `ThemeMode` / `FormRule` / `FormFieldRef` / `TreeNode` / `CmdItem` / `UploadFile` / `MessageOptions`。
+## 依赖（peer dependencies）
+| 依赖 | 用途 |
+|---|---|
+| `vue` ^3.5 | 运行时 |
+| `reka-ui` ^2 | 大量 headless 组件（Dialog / Select / Tooltip / Tabs …） |
+| `lucide-vue-next` ^1 | 图标 |
+| **Tailwind v4** | 工具类 + 设计令牌（`tokens.css` / `components.css`） |
+| `@vuepic/vue-datepicker` + `date-fns` | **可选** —— 仅 `KDatePicker` 用到（v13 依赖 date-fns 的 zhCN locale） |
+> 本库**不依赖任何路由库**。`KBreadcrumb` 的链接项渲染为原生 `<a href>`，点击派发 `item-click` 事件，由宿主自行导航（如 `router.push`）。
+## 排错速查
+| 现象 | 原因 | 解决 |
+|---|---|---|
+| 颜色全是默认 / 输入框无边框 / 骨架屏不动 | 漏了引入样式 | 引入 `tokens.css` + `components.css` + `css` |
+| 工具类（`size-4`、`rounded-lg`）不生效 | 缺 `@source`，或项目不是 Tailwind v4 | 加 `@source ".../@guoyg578/k-ui/dist"`，接入 Tailwind v4 |
+| 切换主题按钮点了没反应 | `KThemeToggleButton` 无状态 | 接 `v-model:mode` 并自行应用 `data-theme` |
+| 暗色模式不生效 | 没设 `<html data-theme="dark">` | 自己控制该属性 |
+| `KConfirmDialog` 不弹出 | 没在根组件挂载，或挂了多个 | 全局只挂一个 `<KConfirmDialog />` |
+| 图标不显示 | 没装 `lucide-vue-next` | `pnpm add lucide-vue-next` |
 ## 备注
 - 文案中文硬编码（「搜索」「确定」「暂无数据」等），需 i18n 自行替换。
-- 源码拷贝交付，无版本号管理；更新时重新拷贝覆盖。
+- CSS 类与设计令牌统一用 `k-` 前缀（`k-input` / `--k-surface` …），与宿主项目自有样式一般不冲突。

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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/KAlert.vue.d.ts CHANGED Viewed

@@ -26,8 +26,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onClose?: (() => any) | undefined;
 }>, {
     type: AlertType;
-    closable: boolean;
     variant: "tint" | "outline";
+    closable: boolean;
     icon: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/{KAlert.js → KAlert.vue.js} RENAMED Viewed

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

package/dist/components/KAlert.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -1,16 +1,16 @@
-import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, ref as u, renderSlot as d, resolveDynamicComponent as f, toDisplayString as p, unref as m, watch as h } from "vue";
-import { AlertCircle as g, AlertTriangle as _, CheckCircle2 as v, Info as y, X as b } from "lucide-vue-next";
+import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, getCurrentInstance as c, normalizeClass as l, openBlock as u, ref as d, renderSlot as f, resolveDynamicComponent as p, toDisplayString as m, unref as h, watch as g } from "vue";
+import { AlertCircle as _, AlertTriangle as v, CheckCircle2 as y, Info as b, X as x } from "lucide-vue-next";
 //#region components/KAlert.vue?vue&type=script&setup=true&lang.ts
-var x = { class: "k-alert__body" }, S = {
+var S = { class: "k-alert__body" }, C = {
 	key: 0,
 	class: "k-alert__title"
-}, C = {
+}, w = {
 	key: 1,
 	class: "k-alert__desc"
-}, w = {
+}, T = {
 	key: 2,
 	class: "k-alert__actions"
-}, T = /* @__PURE__ */ s({
+}, E = /* @__PURE__ */ s({
 	__name: "KAlert",
 	props: {
 		type: { default: "info" },
@@ -28,49 +28,52 @@ var x = { class: "k-alert__body" }, S = {
 		modelValue: { type: Boolean }
 	},
 	emits: ["update:modelValue", "close"],
-	setup(s, { emit: T }) {
-		let E = s, D = T, O = u(!0);
-		h(() => [
-			E.type,
-			E.title,
-			E.description
+	setup(s, { emit: E }) {
+		let D = s, O = E, k = c(), A = e(() => {
+			let e = k?.vnode.props ?? {};
+			return "modelValue" in e || "model-value" in e;
+		}), j = d(!0);
+		g(() => [
+			D.type,
+			D.title,
+			D.description
 		], () => {
-			E.modelValue === void 0 && (O.value = !0);
+			A.value || (j.value = !0);
 		});
-		let k = e(() => E.modelValue === void 0 ? O.value : E.modelValue);
-		function A() {
-			E.modelValue === void 0 ? O.value = !1 : D("update:modelValue", !1), D("close");
+		let M = e(() => A.value ? D.modelValue : j.value);
+		function N() {
+			A.value ? O("update:modelValue", !1) : j.value = !1, O("close");
 		}
-		let j = {
-			info: y,
-			success: v,
-			warning: _,
-			error: g
+		let P = {
+			info: b,
+			success: y,
+			warning: v,
+			error: _
 		};
-		return (e, u) => k.value ? (l(), r("div", {
+		return (e, c) => M.value ? (u(), r("div", {
 			key: 0,
-			class: c(["k-alert", [`k-alert--${s.type}`, `k-alert--${s.variant}`]]),
+			class: l(["k-alert", [`k-alert--${s.type}`, `k-alert--${s.variant}`]]),
 			role: "alert"
 		}, [
-			s.icon ? (l(), t(f(j[s.type]), {
+			s.icon ? (u(), t(p(P[s.type]), {
 				key: 0,
 				size: 16,
 				class: "k-alert__icon"
 			})) : n("", !0),
-			i("div", x, [
-				s.title || e.$slots.title ? (l(), r("div", S, [d(e.$slots, "title", {}, () => [a(p(s.title), 1)], !0)])) : n("", !0),
-				s.description || e.$slots.default ? (l(), r("div", C, [d(e.$slots, "default", {}, () => [a(p(s.description), 1)], !0)])) : n("", !0),
-				e.$slots.actions ? (l(), r("div", w, [d(e.$slots, "actions", {}, void 0, !0)])) : n("", !0)
+			i("div", S, [
+				s.title || e.$slots.title ? (u(), r("div", C, [f(e.$slots, "title", {}, () => [a(m(s.title), 1)], !0)])) : n("", !0),
+				s.description || e.$slots.default ? (u(), r("div", w, [f(e.$slots, "default", {}, () => [a(m(s.description), 1)], !0)])) : n("", !0),
+				e.$slots.actions ? (u(), r("div", T, [f(e.$slots, "actions", {}, void 0, !0)])) : n("", !0)
 			]),
-			s.closable ? (l(), r("button", {
+			s.closable ? (u(), r("button", {
 				key: 1,
 				type: "button",
 				class: "k-alert__close",
 				"aria-label": "关闭",
-				onClick: A
-			}, [o(m(b), { size: 14 })])) : n("", !0)
+				onClick: N
+			}, [o(h(x), { size: 14 })])) : n("", !0)
 		], 2)) : n("", !0);
 	}
 });
 //#endregion
-export { T as default };
+export { E as default };

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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/{KAvatar.js → KAvatar.vue.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import e from "../_virtual/_plugin-vue_export-helper.js";
 import t from "./KAvatar.vue_vue_type_script_setup_true_lang.js";
-/* empty css                                                        */
+/* empty css                                                            */
 //#region components/KAvatar.vue
 var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-14ccf4af"]]);
 //#endregion

package/dist/components/{KAvatarGroup.js → KAvatarGroup.vue.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import e from "../_virtual/_plugin-vue_export-helper.js";
 import t from "./KAvatarGroup.vue_vue_type_script_setup_true_lang.js";
-/* empty css                                                             */
+/* empty css                                                                 */
 //#region components/KAvatarGroup.vue
 var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-00da4b72"]]);
 //#endregion

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 };