@guoyg578/k-ui 0.1.0

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

@@ -0,0 +1,32 @@
+type KTagType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
+type KTagSize = 'sm' | 'md';
+type __VLS_Props = {
+    type?: KTagType;
+    size?: KTagSize;
+    bordered?: boolean;
+    closable?: boolean;
+    round?: 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, {} & {
+    close: (ev: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((ev: MouseEvent) => any) | undefined;
+}>, {
+    type: KTagType;
+    size: KTagSize;
+    bordered: boolean;
+    closable: boolean;
+    round: 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/KTag.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,40 @@
+import { createCommentVNode as e, createElementBlock as t, createVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, renderSlot as o, unref as s } from "vue";
+import { X as c } from "lucide-vue-next";
+//#region components/KTag.vue?vue&type=script&setup=true&lang.ts
+var l = /* @__PURE__ */ r({
+	__name: "KTag",
+	props: {
+		type: { default: "default" },
+		size: { default: "md" },
+		bordered: {
+			type: Boolean,
+			default: !0
+		},
+		closable: {
+			type: Boolean,
+			default: !1
+		},
+		round: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["close"],
+	setup(r) {
+		return (l, u) => (a(), t("span", { class: i(["k-tag", [
+			`k-tag--${r.type}`,
+			`k-tag--${r.size}`,
+			{
+				"k-tag--borderless": !r.bordered,
+				"k-tag--round": r.round
+			}
+		]]) }, [o(l.$slots, "default", {}, void 0, !0), r.closable ? (a(), t("button", {
+			key: 0,
+			type: "button",
+			class: "k-tag__close",
+			onClick: u[0] ||= (e) => l.$emit("close", e)
+		}, [n(s(c), { size: 10 })])) : e("", !0)], 2));
+	}
+});
+//#endregion
+export { l as default };

package/dist/components/KTextarea.js

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

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

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    modelValue?: string;
+    rows?: number;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    error?: boolean;
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+}>, {
+    disabled: boolean;
+    modelValue: string;
+    readonly: boolean;
+    error: boolean;
+    rows: number;
+    resize: "none" | "vertical" | "horizontal" | "both";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/KTextarea.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,51 @@
+import { createElementBlock as e, defineComponent as t, normalizeClass as n, normalizeStyle as r, openBlock as i } from "vue";
+//#region components/KTextarea.vue?vue&type=script&setup=true&lang.ts
+var a = [
+	"value",
+	"rows",
+	"placeholder",
+	"disabled",
+	"readonly"
+], o = /* @__PURE__ */ t({
+	__name: "KTextarea",
+	props: {
+		modelValue: { default: "" },
+		rows: { default: 3 },
+		placeholder: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		error: {
+			type: Boolean,
+			default: !1
+		},
+		resize: { default: "vertical" }
+	},
+	emits: ["update:modelValue"],
+	setup(t, { emit: o }) {
+		let s = o;
+		function c(e) {
+			s("update:modelValue", e.target.value);
+		}
+		return (o, s) => (i(), e("textarea", {
+			class: n(["k-textarea", {
+				"k-textarea--error": t.error,
+				"k-textarea--disabled": t.disabled
+			}]),
+			value: t.modelValue,
+			rows: t.rows,
+			placeholder: t.placeholder,
+			disabled: t.disabled,
+			readonly: t.readonly,
+			style: r({ resize: t.resize }),
+			onInput: c
+		}, null, 46, a));
+	}
+});
+//#endregion
+export { o as default };

package/dist/components/KThemeToggleButton.js

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

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

@@ -0,0 +1,14 @@
+import type { ThemeMode } from '../types';
+type __VLS_Props = {
+    /** Current theme mode. Defaults to 'auto' when unset. */
+    mode?: ThemeMode;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:mode": (value: ThemeMode) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:mode"?: ((value: ThemeMode) => any) | undefined;
+}>, {
+    mode: ThemeMode;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/KThemeToggleButton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,48 @@
+import { Transition as e, computed as t, createBlock as n, createElementBlock as r, createVNode as i, defineComponent as a, openBlock as o, resolveDynamicComponent as s, withCtx as c } from "vue";
+import { Monitor as l, Moon as u, Sun as d } from "lucide-vue-next";
+//#region components/KThemeToggleButton.vue?vue&type=script&setup=true&lang.ts
+var f = ["title", "aria-label"], p = /* @__PURE__ */ a({
+	__name: "KThemeToggleButton",
+	props: { mode: { default: "auto" } },
+	emits: ["update:mode"],
+	setup(a, { emit: p }) {
+		let m = a, h = p, g = [
+			{
+				value: "light",
+				label: "浅色",
+				icon: d
+			},
+			{
+				value: "dark",
+				label: "深色",
+				icon: u
+			},
+			{
+				value: "auto",
+				label: "跟随系统",
+				icon: l
+			}
+		], _ = t(() => g.find((e) => e.value === m.mode) ?? g[2]);
+		function v() {
+			h("update:mode", g[(g.findIndex((e) => e.value === m.mode) + 1) % g.length].value);
+		}
+		return (t, a) => (o(), r("button", {
+			type: "button",
+			class: "grid size-9 place-items-center rounded-full text-ink-500 transition-all hover:bg-ink-100 hover:text-ink-900",
+			title: `当前: ${_.value.label} · 点击切换`,
+			"aria-label": `当前主题: ${_.value.label}`,
+			onClick: v
+		}, [i(e, {
+			name: "k-theme-icon",
+			mode: "out-in"
+		}, {
+			default: c(() => [(o(), n(s(_.value.icon), {
+				key: _.value.value,
+				class: "size-4"
+			}))]),
+			_: 1
+		})], 8, f));
+	}
+});
+//#endregion
+export { p as default };

package/dist/components/KTooltip.js

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

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

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    label: string;
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    delayMs?: number;
+    disabled?: boolean;
+};
+declare var __VLS_20: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+    side: "top" | "right" | "bottom" | "left";
+    delayMs: 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/KTooltip.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,49 @@
+import { createBlock as e, createTextVNode as t, createVNode as n, defineComponent as r, openBlock as i, renderSlot as a, toDisplayString as o, unref as s, withCtx as c } from "vue";
+import { TooltipArrow as l, TooltipContent as u, TooltipPortal as d, TooltipProvider as f, TooltipRoot as p, TooltipTrigger as m } from "reka-ui";
+//#region components/KTooltip.vue?vue&type=script&setup=true&lang.ts
+var h = /* @__PURE__ */ r({
+	__name: "KTooltip",
+	props: {
+		label: {},
+		side: { default: "top" },
+		delayMs: { default: 350 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(r) {
+		return (h, g) => (i(), e(s(f), {
+			"delay-duration": r.delayMs,
+			"skip-delay-duration": 200
+		}, {
+			default: c(() => [n(s(p), null, {
+				default: c(() => [n(s(m), {
+					"as-child": "",
+					disabled: r.disabled
+				}, {
+					default: c(() => [a(h.$slots, "default")]),
+					_: 3
+				}, 8, ["disabled"]), n(s(d), null, {
+					default: c(() => [n(s(u), {
+						side: r.side,
+						"side-offset": 6,
+						class: "k-tooltip pointer-events-none z-50 select-none rounded-md bg-ink-900 px-2 py-1 text-[11px] font-medium text-ink-50 shadow-md will-change-[transform,opacity]"
+					}, {
+						default: c(() => [t(o(r.label) + " ", 1), n(s(l), {
+							class: "fill-ink-900",
+							width: 8,
+							height: 4
+						})]),
+						_: 1
+					}, 8, ["side"])]),
+					_: 1
+				})]),
+				_: 3
+			})]),
+			_: 3
+		}, 8, ["delay-duration"]));
+	}
+});
+//#endregion
+export { h as default };

package/dist/components/KTreeNode.js

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

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

@@ -0,0 +1,8 @@
+import { type TreeNode } from './tree-context';
+type __VLS_Props = {
+    node: TreeNode;
+    depth: number;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/components/KTreeNode.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,47 @@
+import { kTreeContextKey as e } from "./tree-context.js";
+import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, inject as l, normalizeClass as u, normalizeStyle as d, openBlock as f, renderList as p, resolveComponent as m, resolveDynamicComponent as h, toDisplayString as g, unref as _, withModifiers as v } from "vue";
+import { ChevronRight as y } from "lucide-vue-next";
+//#region components/KTreeNode.vue?vue&type=script&setup=true&lang.ts
+var b = { class: "k-tree__node" }, x = {
+	key: 1,
+	class: "k-tree__toggle-placeholder"
+}, S = { class: "k-tree__label" }, C = {
+	key: 0,
+	class: "k-tree__children"
+}, w = /* @__PURE__ */ c({
+	__name: "KTreeNode",
+	props: {
+		node: {},
+		depth: {}
+	},
+	setup(c) {
+		let w = c, T = l(e), E = n(() => !!(w.node.children && w.node.children.length > 0)), D = n(() => T.expanded.value.includes(w.node.id)), O = n(() => T.selected.value === w.node.id);
+		return (e, n) => {
+			let l = m("KTreeNode", !0);
+			return f(), a("li", b, [o("div", {
+				class: u(["k-tree__row", { "k-tree__row--selected": O.value }]),
+				style: d({ paddingLeft: c.depth * _(T).indent.value + 8 + "px" }),
+				onClick: n[1] ||= (e) => _(T).select(c.node)
+			}, [
+				E.value ? (f(), a("button", {
+					key: 0,
+					type: "button",
+					class: u(["k-tree__toggle", { "k-tree__toggle--open": D.value }]),
+					onClick: n[0] ||= v((e) => _(T).toggle(c.node.id), ["stop"])
+				}, [s(_(y), { size: 12 })], 2)) : (f(), a("span", x)),
+				c.node.icon ? (f(), r(h(c.node.icon), {
+					key: 2,
+					size: 14,
+					class: "k-tree__icon"
+				})) : i("", !0),
+				o("span", S, g(c.node.label), 1)
+			], 6), E.value && D.value ? (f(), a("ul", C, [(f(!0), a(t, null, p(c.node.children, (e) => (f(), r(l, {
+				key: e.id,
+				node: e,
+				depth: c.depth + 1
+			}, null, 8, ["node", "depth"]))), 128))])) : i("", !0)]);
+		};
+	}
+});
+//#endregion
+export { w as default };

package/dist/components/KTreeView.js

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

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

@@ -0,0 +1,22 @@
+import { type TreeNode } from './tree-context';
+type __VLS_Props = {
+    nodes: TreeNode[];
+    expanded?: (string | number)[];
+    selected?: string | number | null;
+    indent?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:expanded": (v: (string | number)[]) => any;
+    "update:selected": (v: string | number | null) => any;
+    nodeClick: (node: TreeNode) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:expanded"?: ((v: (string | number)[]) => any) | undefined;
+    "onUpdate:selected"?: ((v: string | number | null) => any) | undefined;
+    onNodeClick?: ((node: TreeNode) => any) | undefined;
+}>, {
+    expanded: (string | number)[];
+    selected: string | number | null;
+    indent: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/KTreeView.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,45 @@
+import { kTreeContextKey as e } from "./tree-context.js";
+import t from "./KTreeNode.js";
+import { Fragment as n, computed as r, createBlock as i, createElementBlock as a, defineComponent as o, openBlock as s, provide as c, ref as l, renderList as u, watch as d } from "vue";
+//#region components/KTreeView.vue?vue&type=script&setup=true&lang.ts
+var f = {
+	class: "k-tree",
+	role: "tree"
+}, p = /* @__PURE__ */ o({
+	__name: "KTreeView",
+	props: {
+		nodes: {},
+		expanded: { default: () => [] },
+		selected: { default: null },
+		indent: { default: 16 }
+	},
+	emits: [
+		"update:expanded",
+		"update:selected",
+		"nodeClick"
+	],
+	setup(o, { emit: p }) {
+		let m = o, h = p, g = l([...m.expanded]), _ = l(m.selected);
+		d(() => m.expanded, (e) => g.value = [...e]), d(() => m.selected, (e) => _.value = e);
+		function v(e) {
+			let t = g.value.indexOf(e);
+			t >= 0 ? g.value.splice(t, 1) : g.value.push(e), h("update:expanded", [...g.value]);
+		}
+		function y(e) {
+			_.value = e.id, h("update:selected", e.id), h("nodeClick", e);
+		}
+		return c(e, {
+			expanded: r(() => g.value),
+			selected: r(() => _.value),
+			indent: r(() => m.indent),
+			toggle: v,
+			select: y
+		}), (e, r) => (s(), a("ul", f, [(s(!0), a(n, null, u(o.nodes, (e) => (s(), i(t, {
+			key: e.id,
+			node: e,
+			depth: 0
+		}, null, 8, ["node"]))), 128))]));
+	}
+});
+//#endregion
+export { p as default };

package/dist/components/KUpload.js

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

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

@@ -0,0 +1,81 @@
+export interface UploadFile {
+    id: string;
+    name: string;
+    size: number;
+    status: 'pending' | 'uploading' | 'success' | 'error';
+    progress: number;
+    url?: string;
+    error?: string;
+    raw?: File;
+}
+type __VLS_Props = {
+    multiple?: boolean;
+    accept?: string;
+    /** bytes */
+    maxSize?: number;
+    /** 用户自定义上传函数; 不传则文件保持 pending */
+    uploader?: (file: File, onProgress: (p: number) => void) => Promise<{
+        url?: string;
+    }>;
+    drag?: boolean;
+};
+declare function addFiles(list: FileList | File[]): Promise<void>;
+declare function remove(id: string): void;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    files: import("vue").Ref<{
+        id: string;
+        name: string;
+        size: number;
+        status: "pending" | "uploading" | "success" | "error";
+        progress: number;
+        url?: string | undefined;
+        error?: string | undefined;
+        raw?: {
+            readonly lastModified: number;
+            readonly name: string;
+            readonly webkitRelativePath: string;
+            readonly size: number;
+            readonly type: string;
+            arrayBuffer: () => Promise<ArrayBuffer>;
+            bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+            slice: (start?: number, end?: number, contentType?: string) => Blob;
+            stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+            text: () => Promise<string>;
+        } | undefined;
+    }[], UploadFile[] | {
+        id: string;
+        name: string;
+        size: number;
+        status: "pending" | "uploading" | "success" | "error";
+        progress: number;
+        url?: string | undefined;
+        error?: string | undefined;
+        raw?: {
+            readonly lastModified: number;
+            readonly name: string;
+            readonly webkitRelativePath: string;
+            readonly size: number;
+            readonly type: string;
+            arrayBuffer: () => Promise<ArrayBuffer>;
+            bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+            slice: (start?: number, end?: number, contentType?: string) => Blob;
+            stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+            text: () => Promise<string>;
+        } | undefined;
+    }[]>;
+    remove: typeof remove;
+    addFiles: typeof addFiles;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    error: (file: UploadFile, error: any) => any;
+    change: (files: UploadFile[]) => any;
+    success: (file: UploadFile) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onError?: ((file: UploadFile, error: any) => any) | undefined;
+    onChange?: ((files: UploadFile[]) => any) | undefined;
+    onSuccess?: ((file: UploadFile) => any) | undefined;
+}>, {
+    multiple: boolean;
+    drag: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;