@guoyg578/k-ui 0.1.0 → 0.1.2

package/dist/components/KStatistic.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,27 @@
+import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, createTextVNode as r, defineComponent as i, openBlock as a, renderSlot as o, toDisplayString as s } from "vue";
+//#region components/KStatistic.vue?vue&type=script&setup=true&lang.ts
+var c = { class: "k-statistic" }, l = {
+	key: 0,
+	class: "k-statistic__label"
+}, u = { class: "k-statistic__value" }, d = {
+	key: 0,
+	class: "k-statistic__affix"
+}, f = { class: "k-statistic__num" }, p = {
+	key: 1,
+	class: "k-statistic__affix"
+}, m = /* @__PURE__ */ i({
+	__name: "KStatistic",
+	props: {
+		label: {},
+		value: {}
+	},
+	setup(i) {
+		return (m, h) => (a(), t("div", c, [i.label || m.$slots.label ? (a(), t("div", l, [o(m.$slots, "label", {}, () => [r(s(i.label), 1)], !0)])) : e("", !0), n("div", u, [
+			m.$slots.prefix ? (a(), t("span", d, [o(m.$slots, "prefix", {}, void 0, !0)])) : e("", !0),
+			n("span", f, [o(m.$slots, "default", {}, () => [r(s(i.value), 1)], !0)]),
+			m.$slots.suffix ? (a(), t("span", p, [o(m.$slots, "suffix", {}, void 0, !0)])) : e("", !0)
+		])]));
+	}
+});
+//#endregion
+export { m as default };

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

@@ -13,8 +13,8 @@ type __VLS_Props = {
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     size: "sm" | "md";
     direction: "horizontal" | "vertical";
-    current: number;
     status: "process" | "finish" | "error";
+    current: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/{KSteps.js → KSteps.vue.js}

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

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

@@ -1,6 +1,6 @@
 type __VLS_Props = {
     modelValue?: boolean;
-    size?: 'sm' | 'md' | 'lg';
+    size?: 'small' | 'sm' | 'medium' | 'md' | 'large' | 'lg';
     disabled?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -8,7 +8,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
 }>, {
-    size: "sm" | "md" | "lg";
+    size: "small" | "sm" | "medium" | "md" | "large" | "lg";
     disabled: boolean;
     modelValue: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/{KSwitch.js → KSwitch.vue.js}

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

package/dist/components/KSwitch.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
-import { createBlock as e, createVNode as t, defineComponent as n, normalizeClass as r, openBlock as i, unref as a, withCtx as o } from "vue";
-import { SwitchRoot as s, SwitchThumb as c } from "reka-ui";
+import { computed as e, createBlock as t, createVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, unref as o, withCtx as s } from "vue";
+import { SwitchRoot as c, SwitchThumb as l } from "reka-ui";
 //#region components/KSwitch.vue?vue&type=script&setup=true&lang.ts
-var l = /* @__PURE__ */ n({
+var u = /* @__PURE__ */ r({
 	__name: "KSwitch",
 	props: {
 		modelValue: {
@@ -15,14 +15,15 @@ var l = /* @__PURE__ */ n({
 		}
 	},
 	emits: ["update:modelValue"],
-	setup(n) {
-		return (l, u) => (i(), e(a(s), {
-			"model-value": n.modelValue,
-			disabled: n.disabled,
-			class: r(["k-switch", [`k-switch--${n.size}`, { "k-switch--disabled": n.disabled }]]),
-			"onUpdate:modelValue": u[0] ||= (e) => l.$emit("update:modelValue", e)
+	setup(r) {
+		let u = r, d = e(() => u.size === "small" || u.size === "sm" ? "sm" : u.size === "large" || u.size === "lg" ? "lg" : "md");
+		return (e, u) => (a(), t(o(c), {
+			"model-value": r.modelValue,
+			disabled: r.disabled,
+			class: i(["k-switch", [`k-switch--${d.value}`, { "k-switch--disabled": r.disabled }]]),
+			"onUpdate:modelValue": u[0] ||= (t) => e.$emit("update:modelValue", t)
 		}, {
-			default: o(() => [t(a(c), { class: "k-switch__thumb" })]),
+			default: s(() => [n(o(l), { class: "k-switch__thumb" })]),
 			_: 1
 		}, 8, [
 			"model-value",
@@ -32,4 +33,4 @@ var l = /* @__PURE__ */ n({
 	}
 });
 //#endregion
-export { l as default };
+export { u as default };

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

@@ -7,23 +7,28 @@ type __VLS_Props = {
     modelValue: string;
     items?: TabItem[];
     variant?: 'line' | 'segment';
-    size?: 'sm' | 'md';
+    type?: 'line' | 'bar' | 'card' | 'segment';
+    size?: 'sm' | 'md' | 'medium' | 'lg' | 'large';
+    lazy?: boolean;
 };
-declare var __VLS_22: {}, __VLS_24: {}, __VLS_33: `tab-${string}`, __VLS_34: {};
+declare var __VLS_22: {}, __VLS_24: {}, __VLS_26: {}, __VLS_35: `tab-${string}`, __VLS_36: {};
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_33>]?: (props: typeof __VLS_34) => any;
+    [K in NonNullable<typeof __VLS_35>]?: (props: typeof __VLS_36) => any;
 } & {
     triggers?: (props: typeof __VLS_22) => any;
 } & {
-    default?: (props: typeof __VLS_24) => any;
+    suffix?: (props: typeof __VLS_24) => any;
+} & {
+    default?: (props: typeof __VLS_26) => any;
 };
 declare const __VLS_base: 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;
 }>, {
-    size: "sm" | "md";
+    size: "sm" | "md" | "medium" | "lg" | "large";
     variant: "line" | "segment";
+    lazy: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/{KTabs.js → KTabs.vue.js}

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

package/dist/components/KTabs.vue_vue_type_script_setup_true_lang.js

@@ -1,47 +1,57 @@
-import { Fragment as e, createBlock as t, createElementBlock as n, createTextVNode as r, createVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, renderList as c, renderSlot as l, toDisplayString as u, unref as d, withCtx as f } from "vue";
-import { TabsContent as p, TabsList as m, TabsRoot as h, TabsTrigger as g } from "reka-ui";
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, renderList as d, renderSlot as f, toDisplayString as p, unref as m, withCtx as h } from "vue";
+import { TabsContent as g, TabsList as _, TabsRoot as v, TabsTrigger as y } from "reka-ui";
 //#region components/KTabs.vue?vue&type=script&setup=true&lang.ts
-var _ = /* @__PURE__ */ a({
+var b = { class: "k-tabs__bar" }, x = {
+	key: 0,
+	class: "k-tabs__suffix"
+}, S = /* @__PURE__ */ c({
 	__name: "KTabs",
 	props: {
 		modelValue: {},
 		items: {},
 		variant: { default: "line" },
-		size: { default: "md" }
+		type: {},
+		size: { default: "md" },
+		lazy: {
+			type: Boolean,
+			default: !0
+		}
 	},
 	emits: ["update:modelValue"],
-	setup(a) {
-		return (_, v) => (s(), t(d(h), {
-			"model-value": a.modelValue,
-			class: o(["k-tabs", [`k-tabs--${a.variant}`, `k-tabs--${a.size}`]]),
-			"onUpdate:modelValue": v[0] ||= (e) => _.$emit("update:modelValue", String(e))
+	setup(c) {
+		let S = c, C = t(() => S.type === "segment" || S.type === "bar" ? "segment" : S.variant), w = t(() => S.size === "lg" || S.size === "large" ? "lg" : S.size === "sm" ? "sm" : "md");
+		return (t, S) => (u(), n(m(v), {
+			"model-value": c.modelValue,
+			class: l(["k-tabs", [`k-tabs--${C.value}`, `k-tabs--${w.value}`]]),
+			"onUpdate:modelValue": S[0] ||= (e) => t.$emit("update:modelValue", String(e))
 		}, {
-			default: f(() => [
-				i(d(m), { class: "k-tabs__list" }, {
-					default: f(() => [(s(!0), n(e, null, c(a.items, (e) => (s(), t(d(g), {
+			default: h(() => [
+				a("div", b, [s(m(_), { class: "k-tabs__list" }, {
+					default: h(() => [(u(!0), i(e, null, d(c.items, (e) => (u(), n(m(y), {
 						key: e.key,
 						value: e.key,
 						disabled: e.disabled,
 						class: "k-tabs__trigger"
 					}, {
-						default: f(() => [r(u(e.label), 1)]),
+						default: h(() => [o(p(e.label), 1)]),
 						_: 2
-					}, 1032, ["value", "disabled"]))), 128)), l(_.$slots, "triggers", {}, void 0, !0)]),
+					}, 1032, ["value", "disabled"]))), 128)), f(t.$slots, "triggers", {}, void 0, !0)]),
 					_: 3
-				}),
-				l(_.$slots, "default", {}, void 0, !0),
-				(s(!0), n(e, null, c(a.items, (e) => (s(), t(d(p), {
+				}), t.$slots.suffix ? (u(), i("div", x, [f(t.$slots, "suffix", {}, void 0, !0)])) : r("", !0)]),
+				f(t.$slots, "default", {}, void 0, !0),
+				(u(!0), i(e, null, d(c.items, (e) => (u(), n(m(g), {
 					key: e.key,
 					value: e.key,
-					class: "k-tabs__content"
+					class: "k-tabs__content",
+					"force-mount": c.lazy
 				}, {
-					default: f(() => [l(_.$slots, `tab-${e.key}`, {}, void 0, !0)]),
+					default: h(() => [f(t.$slots, `tab-${e.key}`, {}, void 0, !0)]),
 					_: 2
-				}, 1032, ["value"]))), 128))
+				}, 1032, ["value", "force-mount"]))), 128))
 			]),
 			_: 3
 		}, 8, ["model-value", "class"]));
 	}
 });
 //#endregion
-export { _ as default };
+export { S as default };

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

@@ -1,5 +1,5 @@
-type KTagType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
-type KTagSize = 'sm' | 'md';
+type KTagType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'error' | 'info' | 'neutral';
+type KTagSize = 'tiny' | 'xs' | 'small' | 'sm' | 'medium' | 'md' | 'large' | 'lg';
 type __VLS_Props = {
     type?: KTagType;
     size?: KTagSize;
@@ -18,9 +18,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
 }>, {
     type: KTagType;
     size: KTagSize;
+    round: boolean;
     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;

package/dist/components/{KTag.js → KTag.vue.js}

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

package/dist/components/KTag.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
-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";
+import { computed as e, createCommentVNode as t, createElementBlock as n, createVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s, unref as c } from "vue";
+import { X as l } from "lucide-vue-next";
 //#region components/KTag.vue?vue&type=script&setup=true&lang.ts
-var l = /* @__PURE__ */ r({
+var u = /* @__PURE__ */ i({
 	__name: "KTag",
 	props: {
 		type: { default: "default" },
@@ -20,21 +20,22 @@ var l = /* @__PURE__ */ r({
 		}
 	},
 	emits: ["close"],
-	setup(r) {
-		return (l, u) => (a(), t("span", { class: i(["k-tag", [
-			`k-tag--${r.type}`,
-			`k-tag--${r.size}`,
+	setup(i) {
+		let u = i, d = e(() => u.type === "error" ? "danger" : u.type), f = e(() => u.size === "tiny" || u.size === "xs" ? "xs" : u.size === "small" || u.size === "sm" ? "sm" : u.size === "large" || u.size === "lg" ? "lg" : "md");
+		return (e, u) => (o(), n("span", { class: a(["k-tag", [
+			`k-tag--${d.value}`,
+			`k-tag--${f.value}`,
 			{
-				"k-tag--borderless": !r.bordered,
-				"k-tag--round": r.round
+				"k-tag--borderless": !i.bordered,
+				"k-tag--round": i.round
 			}
-		]]) }, [o(l.$slots, "default", {}, void 0, !0), r.closable ? (a(), t("button", {
+		]]) }, [s(e.$slots, "default", {}, void 0, !0), i.closable ? (o(), n("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));
+			onClick: u[0] ||= (t) => e.$emit("close", t)
+		}, [r(c(l), { size: 10 })])) : t("", !0)], 2));
 	}
 });
 //#endregion
-export { l as default };
+export { u as default };

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

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    /** 文字弱化层级：1=主文本 2=次要 3=更弱 */
+    depth?: '1' | '2' | '3' | 1 | 2 | 3;
+    type?: 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
+    tag?: string;
+    strong?: boolean;
+    italic?: boolean;
+    code?: boolean;
+    underline?: boolean;
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => 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" | "primary" | "success" | "warning" | "error" | "info";
+    tag: 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/KText.vue.js

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

package/dist/components/KText.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,31 @@
+import { createBlock as e, defineComponent as t, normalizeClass as n, openBlock as r, renderSlot as i, resolveDynamicComponent as a, withCtx as o } from "vue";
+//#region components/KText.vue?vue&type=script&setup=true&lang.ts
+var s = /* @__PURE__ */ t({
+	__name: "KText",
+	props: {
+		depth: {},
+		type: { default: "default" },
+		tag: { default: "span" },
+		strong: { type: Boolean },
+		italic: { type: Boolean },
+		code: { type: Boolean },
+		underline: { type: Boolean }
+	},
+	setup(t) {
+		return (s, c) => (r(), e(a(t.code ? "code" : t.tag), { class: n(["k-text", [
+			`k-text--depth-${t.depth ?? 1}`,
+			`k-text--${t.type}`,
+			{
+				"k-text--strong": t.strong,
+				"k-text--italic": t.italic,
+				"k-text--code": t.code,
+				"k-text--underline": t.underline
+			}
+		]]) }, {
+			default: o(() => [i(s.$slots, "default", {}, void 0, !0)]),
+			_: 3
+		}, 8, ["class"]));
+	}
+});
+//#endregion
+export { s as default };

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

@@ -1,21 +1,36 @@
 type __VLS_Props = {
     modelValue?: string;
+    value?: string;
     rows?: number;
     placeholder?: string;
     disabled?: boolean;
     readonly?: boolean;
     error?: boolean;
     resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+    autosize?: boolean | {
+        minRows?: number;
+        maxRows?: number;
+    };
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    textareaElRef: import("vue").Ref<HTMLTextAreaElement | null, HTMLTextAreaElement | null>;
+    focus: () => void | undefined;
+    blur: () => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (v: string) => any;
+    "update:value": (v: string) => any;
+    blur: (ev: FocusEvent) => any;
+    focus: (ev: FocusEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+    "onUpdate:value"?: ((v: string) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
 }>, {
+    error: boolean;
     disabled: boolean;
     modelValue: string;
     readonly: boolean;
-    error: boolean;
     rows: number;
     resize: "none" | "vertical" | "horizontal" | "both";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/{KTextarea.js → KTextarea.vue.js}

@@ -1,7 +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                                                          */
+/* empty css                                                              */
 //#region components/KTextarea.vue
-var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-1740afe2"]]);
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-cbba0863"]]);
 //#endregion
 export { n as default };

package/dist/components/KTextarea.vue_vue_type_script_setup_true_lang.js

@@ -1,15 +1,16 @@
-import { createElementBlock as e, defineComponent as t, normalizeClass as n, normalizeStyle as r, openBlock as i } from "vue";
+import { computed as e, createElementBlock as t, defineComponent as n, nextTick as r, normalizeClass as i, normalizeStyle as a, openBlock as o, ref as s, watch as c } from "vue";
 //#region components/KTextarea.vue?vue&type=script&setup=true&lang.ts
-var a = [
+var l = [
 	"value",
 	"rows",
 	"placeholder",
 	"disabled",
 	"readonly"
-], o = /* @__PURE__ */ t({
+], u = /* @__PURE__ */ n({
 	__name: "KTextarea",
 	props: {
 		modelValue: { default: "" },
+		value: {},
 		rows: { default: 3 },
 		placeholder: {},
 		disabled: {
@@ -24,28 +25,56 @@ var a = [
 			type: Boolean,
 			default: !1
 		},
-		resize: { default: "vertical" }
+		resize: { default: "vertical" },
+		autosize: { type: [Boolean, Object] }
 	},
-	emits: ["update:modelValue"],
-	setup(t, { emit: o }) {
-		let s = o;
-		function c(e) {
-			s("update:modelValue", e.target.value);
+	emits: [
+		"update:modelValue",
+		"update:value",
+		"blur",
+		"focus"
+	],
+	setup(n, { expose: u, emit: d }) {
+		let f = n, p = d, m = s(null), h = e(() => f.value ?? f.modelValue ?? ""), g = e(() => !f.autosize || f.autosize === !0 ? {
+			minRows: f.rows,
+			maxRows: void 0
+		} : {
+			minRows: f.autosize.minRows ?? f.rows,
+			maxRows: f.autosize.maxRows
+		});
+		function _() {
+			if (!f.autosize || !m.value) return;
+			let e = m.value, t = window.getComputedStyle(e), n = Number.parseFloat(t.lineHeight) || 20, r = Number.parseFloat(t.paddingTop) + Number.parseFloat(t.paddingBottom);
+			e.style.height = "auto";
+			let i = g.value.minRows * n + r, a = g.value.maxRows ? g.value.maxRows * n + r : Infinity;
+			e.style.height = `${Math.max(i, Math.min(e.scrollHeight, a))}px`, e.style.overflowY = e.scrollHeight > a ? "auto" : "hidden";
 		}
-		return (o, s) => (i(), e("textarea", {
-			class: n(["k-textarea", {
-				"k-textarea--error": t.error,
-				"k-textarea--disabled": t.disabled
+		function v(e) {
+			let t = e.target.value;
+			p("update:modelValue", t), p("update:value", t), r(_);
+		}
+		return c(h, () => r(_), { immediate: !0 }), u({
+			textareaElRef: m,
+			focus: () => m.value?.focus(),
+			blur: () => m.value?.blur()
+		}), (e, r) => (o(), t("textarea", {
+			ref_key: "textareaElRef",
+			ref: m,
+			class: i(["k-textarea", {
+				"k-textarea--error": n.error,
+				"k-textarea--disabled": n.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));
+			value: h.value,
+			rows: n.rows,
+			placeholder: n.placeholder,
+			disabled: n.disabled,
+			readonly: n.readonly,
+			style: a({ resize: n.resize }),
+			onInput: v,
+			onFocus: r[0] ||= (e) => p("focus", e),
+			onBlur: r[1] ||= (e) => p("blur", e)
+		}, null, 46, l));
 	}
 });
 //#endregion
-export { o as default };
+export { u as default };

package/dist/components/{KThemeToggleButton.js → KThemeToggleButton.vue.js}

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

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

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    time?: Date | number | string;
+    /** datetime=日期时间 / date=仅日期 / relative=相对当前 */
+    type?: 'datetime' | 'date' | 'relative';
+    /** 自定义格式，支持 yyyy MM dd HH mm ss（覆盖 type 的默认格式） */
+    format?: string;
+    /** relative 模式的参照时间，默认取当前时间 */
+    to?: Date | number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    type: "datetime" | "date" | "relative";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/KTime.vue.js

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

package/dist/components/KTime.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,56 @@
+import { computed as e, createElementBlock as t, defineComponent as n, openBlock as r, toDisplayString as i } from "vue";
+//#region components/KTime.vue?vue&type=script&setup=true&lang.ts
+var a = ["datetime"], o = /* @__PURE__ */ n({
+	__name: "KTime",
+	props: {
+		time: {},
+		type: { default: "datetime" },
+		format: {},
+		to: {}
+	},
+	setup(n) {
+		let o = n;
+		function s(e) {
+			if (e == null) return null;
+			let t = e instanceof Date ? e : new Date(e);
+			return Number.isNaN(t.getTime()) ? null : t;
+		}
+		let c = (e) => String(e).padStart(2, "0");
+		function l(e, t) {
+			let n = {
+				yyyy: String(e.getFullYear()),
+				MM: c(e.getMonth() + 1),
+				dd: c(e.getDate()),
+				HH: c(e.getHours()),
+				mm: c(e.getMinutes()),
+				ss: c(e.getSeconds())
+			};
+			return t.replace(/yyyy|MM|dd|HH|mm|ss/g, (e) => n[e] ?? e);
+		}
+		function u(e, t) {
+			let n = t.getTime() - e.getTime(), r = n < 0, i = Math.abs(n) / 1e3, a = (e, t) => r ? `${e}${t}后` : `${e}${t}前`;
+			if (i < 60) return r ? "即将" : "刚刚";
+			let o = Math.floor(i / 60);
+			if (o < 60) return a(o, "分钟");
+			let s = Math.floor(o / 60);
+			if (s < 24) return a(s, "小时");
+			let c = Math.floor(s / 24);
+			if (c < 30) return a(c, "天");
+			let l = Math.floor(c / 30);
+			return l < 12 ? a(l, "个月") : a(Math.floor(l / 12), "年");
+		}
+		let d = e(() => {
+			let e = s(o.time);
+			return e ? o.type === "relative" ? u(e, o.to == null ? /* @__PURE__ */ new Date() : o.to instanceof Date ? o.to : new Date(o.to)) : l(e, o.format ?? (o.type === "date" ? "yyyy-MM-dd" : "yyyy-MM-dd HH:mm:ss")) : "";
+		}), f = e(() => {
+			let e = s(o.time);
+			return e ? e.toISOString() : void 0;
+		});
+		return (e, n) => (r(), t("time", {
+			class: "k-time",
+			datetime: f.value
+		}, i(d.value), 9, a));
+	}
+});
+//#endregion
+export { o as default };