@guoyg578/k-ui 0.1.0 → 0.1.1

package/dist/components/KDialog.vue_vue_type_script_setup_true_lang.js

@@ -1,23 +1,23 @@
-import e from "./KButton.js";
-import { Teleport as t, Transition as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, onMounted as d, onUnmounted as f, openBlock as p, renderSlot as m, toDisplayString as h, unref as g, watch as _, withCtx as v } from "vue";
-import { X as y } from "lucide-vue-next";
+import e from "./KButton.vue.js";
+import { Teleport as t, Transition as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, onMounted as f, onUnmounted as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, watch as v, withCtx as y } from "vue";
+import { X as b } from "lucide-vue-next";
 //#region components/KDialog.vue?vue&type=script&setup=true&lang.ts
-var b = {
+var x = {
 	key: 0,
 	class: "k-dialog-stack"
-}, x = { class: "k-dialog__center" }, S = {
+}, S = { class: "k-dialog__center" }, C = {
 	key: 0,
 	class: "k-dialog__header"
-}, C = { class: "k-dialog__title-wrap" }, w = {
+}, w = { class: "k-dialog__title-wrap" }, T = {
 	key: 0,
 	class: "k-dialog__title"
-}, T = {
+}, E = {
 	key: 1,
 	class: "k-dialog__subtitle"
-}, E = { class: "k-dialog__body" }, D = {
+}, D = { class: "k-dialog__body" }, O = {
 	key: 1,
 	class: "k-dialog__footer"
-}, O = /* @__PURE__ */ l({
+}, k = /* @__PURE__ */ l({
 	__name: "KDialog",
 	props: {
 		open: { type: Boolean },
@@ -46,7 +46,8 @@ var b = {
 		hideCancel: {
 			type: Boolean,
 			default: !1
-		}
+		},
+		width: {}
 	},
 	emits: [
 		"update:open",
@@ -54,64 +55,70 @@ var b = {
 		"confirm",
 		"cancel"
 	],
-	setup(l, { emit: O }) {
-		let k = l, A = O;
-		function j() {
-			A("update:open", !1), A("close");
-		}
+	setup(l, { emit: k }) {
+		let A = l, j = k;
 		function M() {
-			k.maskClosable && j();
+			j("update:open", !1), j("close");
 		}
 		function N() {
-			A("confirm");
+			A.maskClosable && M();
 		}
 		function P() {
-			A("cancel"), j();
+			j("confirm");
+		}
+		function F() {
+			j("cancel"), M();
 		}
-		function F(e) {
-			e.key === "Escape" && k.open && k.closable && j();
+		function I(e) {
+			e.key === "Escape" && A.open && A.closable && M();
 		}
-		return d(() => window.addEventListener("keydown", F)), f(() => {
-			window.removeEventListener("keydown", F), k.open && (document.body.style.overflow = "");
-		}), _(() => k.open, (e) => {
+		function L(e) {
+			if (!(e == null || e === "")) return typeof e == "number" ? `${e}px` : e;
+		}
+		return f(() => window.addEventListener("keydown", I)), p(() => {
+			window.removeEventListener("keydown", I), A.open && (document.body.style.overflow = "");
+		}), v(() => A.open, (e) => {
 			document.body.style.overflow = e ? "hidden" : "";
-		}), (d, f) => (p(), r(t, { to: "body" }, [c(n, {
+		}), (f, p) => (m(), r(t, { to: "body" }, [c(n, {
 			name: "k-dialog",
 			duration: {
 				enter: 280,
 				leave: 200
 			}
 		}, {
-			default: v(() => [l.open ? (p(), a("div", b, [o("div", {
+			default: y(() => [l.open ? (m(), a("div", x, [o("div", {
 				class: "k-dialog__overlay",
-				onClick: M
-			}), o("div", x, [o("div", { class: u(["k-dialog", `k-dialog--${l.size}`]) }, [
-				l.title || d.$slots.title || l.closable ? (p(), a("header", S, [o("div", C, [l.title || d.$slots.title ? (p(), a("h2", w, [m(d.$slots, "title", {}, () => [s(h(l.title), 1)], !0)])) : i("", !0), l.subtitle ? (p(), a("p", T, h(l.subtitle), 1)) : i("", !0)]), l.closable ? (p(), a("button", {
+				onClick: N
+			}), o("div", S, [o("div", {
+				class: u(["k-dialog", `k-dialog--${l.size}`]),
+				style: d({ maxWidth: L(l.width) })
+			}, [
+				l.title || f.$slots.title || l.closable ? (m(), a("header", C, [o("div", w, [l.title || f.$slots.title ? (m(), a("h2", T, [h(f.$slots, "title", {}, () => [s(g(l.title), 1)], !0)])) : i("", !0), l.subtitle ? (m(), a("p", E, g(l.subtitle), 1)) : i("", !0)]), l.closable ? (m(), a("button", {
 					key: 0,
 					type: "button",
 					class: "k-dialog__close",
-					onClick: j
-				}, [c(g(y), { size: 18 })])) : i("", !0)])) : i("", !0),
-				o("div", E, [m(d.$slots, "default", {}, void 0, !0)]),
-				d.$slots.footer || l.footer ? (p(), a("footer", D, [m(d.$slots, "footer", {}, () => [l.hideCancel ? i("", !0) : (p(), r(e, {
+					onClick: M
+				}, [c(_(b), { size: 18 })])) : i("", !0)])) : i("", !0),
+				o("div", D, [h(f.$slots, "default", {}, void 0, !0)]),
+				f.$slots.footer || l.footer ? (m(), a("footer", O, [h(f.$slots, "footer", {}, () => [l.hideCancel ? i("", !0) : (m(), r(e, {
 					key: 0,
 					type: "secondary",
-					onClick: P
+					onClick: F
 				}, {
-					default: v(() => [s(h(l.cancelText), 1)]),
+					default: y(() => [s(g(l.cancelText), 1)]),
 					_: 1
 				})), c(e, {
 					type: l.confirmType,
 					loading: l.confirmLoading,
-					onClick: N
+					onClick: P
 				}, {
-					default: v(() => [s(h(l.confirmText), 1)]),
+					default: y(() => [s(g(l.confirmText), 1)]),
 					_: 1
 				}, 8, ["type", "loading"])], !0)])) : i("", !0)
-			], 2)])])) : i("", !0)]),
+			], 6)])])) : i("", !0)]),
 			_: 3
 		})]));
 	}
 });
 //#endregion
-export { O as default };
+export { k as default };

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

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

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

@@ -6,14 +6,18 @@ type __VLS_Props = {
     placement?: 'right' | 'left' | 'top' | 'bottom';
     closable?: boolean;
     maskClosable?: boolean;
+    width?: string | number;
+    height?: string | number;
 };
-declare var __VLS_36: {}, __VLS_55: {}, __VLS_57: {};
+declare var __VLS_36: {}, __VLS_44: {}, __VLS_57: {}, __VLS_59: {};
 type __VLS_Slots = {} & {
     title?: (props: typeof __VLS_36) => any;
 } & {
-    default?: (props: typeof __VLS_55) => any;
+    'header-extra'?: (props: typeof __VLS_44) => any;
 } & {
-    footer?: (props: typeof __VLS_57) => any;
+    default?: (props: typeof __VLS_57) => any;
+} & {
+    footer?: (props: typeof __VLS_59) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     close: () => any;

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

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

package/dist/components/KDrawer.vue_vue_type_script_setup_true_lang.js

@@ -1,14 +1,17 @@
-import { createBlock as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, createVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderSlot as l, toDisplayString as u, unref as d, withCtx as f } from "vue";
-import { X as p } from "lucide-vue-next";
-import { DialogClose as m, DialogContent as h, DialogDescription as g, DialogOverlay as _, DialogPortal as v, DialogRoot as y, DialogTitle as b } from "reka-ui";
+import { createBlock as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, createVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderSlot as u, toDisplayString as d, unref as f, withCtx as p } from "vue";
+import { X as m } from "lucide-vue-next";
+import { DialogClose as h, DialogContent as g, DialogDescription as _, DialogOverlay as v, DialogPortal as y, DialogRoot as b, DialogTitle as x } from "reka-ui";
 //#region components/KDrawer.vue?vue&type=script&setup=true&lang.ts
-var x = {
+var S = {
 	key: 0,
 	class: "k-drawer__header"
-}, S = { class: "k-drawer__title-wrap" }, C = { class: "k-drawer__body" }, w = {
+}, C = { class: "k-drawer__title-wrap" }, w = {
+	key: 0,
+	class: "k-drawer__header-actions"
+}, T = { class: "k-drawer__body" }, E = {
 	key: 1,
 	class: "k-drawer__footer"
-}, T = /* @__PURE__ */ o({
+}, D = /* @__PURE__ */ o({
 	__name: "KDrawer",
 	props: {
 		open: { type: Boolean },
@@ -23,54 +26,63 @@ var x = {
 		maskClosable: {
 			type: Boolean,
 			default: !0
-		}
+		},
+		width: {},
+		height: {}
 	},
 	emits: ["update:open", "close"],
-	setup(o, { emit: T }) {
-		let E = T;
-		function D(e) {
-			E("update:open", e), e || E("close");
+	setup(o, { emit: D }) {
+		let O = D;
+		function k(e) {
+			O("update:open", e), e || O("close");
+		}
+		function A(e) {
+			if (!(e == null || e === "")) return typeof e == "number" ? `${e}px` : e;
 		}
-		return (T, E) => (c(), e(d(y), {
+		return (D, O) => (l(), e(f(b), {
 			open: o.open,
-			"onUpdate:open": D
+			"onUpdate:open": k
 		}, {
-			default: f(() => [a(d(v), null, {
-				default: f(() => [a(d(_), { class: "k-drawer__overlay" }), a(d(h), {
+			default: p(() => [a(f(y), null, {
+				default: p(() => [a(f(v), { class: "k-drawer__overlay" }), a(f(g), {
 					class: s(["k-drawer", [`k-drawer--${o.placement}`, `k-drawer--${o.size}`]]),
-					onPointerDownOutside: E[0] ||= (e) => {
+					style: c({
+						width: A(o.width),
+						height: A(o.height)
+					}),
+					onPointerDownOutside: O[0] ||= (e) => {
 						o.maskClosable || e.preventDefault();
 					},
-					onEscapeKeyDown: E[1] ||= (e) => {
+					onEscapeKeyDown: O[1] ||= (e) => {
 						o.closable || e.preventDefault();
 					}
 				}, {
-					default: f(() => [
-						o.title || T.$slots.title || o.closable ? (c(), n("header", x, [r("div", S, [o.title || T.$slots.title ? (c(), e(d(b), {
+					default: p(() => [
+						o.title || D.$slots.title || o.closable ? (l(), n("header", S, [r("div", C, [o.title || D.$slots.title ? (l(), e(f(x), {
 							key: 0,
 							class: "k-drawer__title"
 						}, {
-							default: f(() => [l(T.$slots, "title", {}, () => [i(u(o.title), 1)], !0)]),
+							default: p(() => [u(D.$slots, "title", {}, () => [i(d(o.title), 1)], !0)]),
 							_: 3
-						})) : t("", !0), o.subtitle ? (c(), e(d(g), {
+						})) : t("", !0), o.subtitle ? (l(), e(f(_), {
 							key: 1,
 							class: "k-drawer__subtitle"
 						}, {
-							default: f(() => [i(u(o.subtitle), 1)]),
+							default: p(() => [i(d(o.subtitle), 1)]),
 							_: 1
-						})) : t("", !0)]), o.closable ? (c(), e(d(m), {
+						})) : t("", !0)]), D.$slots["header-extra"] || o.closable ? (l(), n("div", w, [u(D.$slots, "header-extra", {}, void 0, !0), o.closable ? (l(), e(f(h), {
 							key: 0,
 							class: "k-drawer__close",
 							"aria-label": "关闭"
 						}, {
-							default: f(() => [a(d(p), { size: 18 })]),
+							default: p(() => [a(f(m), { size: 18 })]),
 							_: 1
-						})) : t("", !0)])) : t("", !0),
-						r("div", C, [l(T.$slots, "default", {}, void 0, !0)]),
-						T.$slots.footer ? (c(), n("footer", w, [l(T.$slots, "footer", {}, void 0, !0)])) : t("", !0)
+						})) : t("", !0)])) : t("", !0)])) : t("", !0),
+						r("div", T, [u(D.$slots, "default", {}, void 0, !0)]),
+						D.$slots.footer ? (l(), n("footer", E, [u(D.$slots, "footer", {}, void 0, !0)])) : t("", !0)
 					]),
 					_: 3
-				}, 8, ["class"])]),
+				}, 8, ["class", "style"])]),
 				_: 3
 			})]),
 			_: 3
@@ -78,4 +90,4 @@ var x = {
 	}
 });
 //#endregion
-export { T as default };
+export { D as default };

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

@@ -1,7 +1,7 @@
 import type { Component } from 'vue';
 export interface DropdownItem {
     /** 唯一标识，select 事件回传 */
-    key: string;
+    key: string | number;
     label?: string;
     /** lucide 图标组件，可选 */
     icon?: Component;
@@ -16,7 +16,10 @@ export interface DropdownItem {
     type?: 'item' | 'separator' | 'label';
 }
 type __VLS_Props = {
-    items: DropdownItem[];
+    items?: DropdownItem[];
+    /** naive-ui alias */
+    options?: DropdownItem[];
+    trigger?: 'click' | 'hover' | 'focus' | 'manual';
     side?: 'top' | 'right' | 'bottom' | 'left';
     align?: 'start' | 'center' | 'end';
     sideOffset?: number;
@@ -36,9 +39,9 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean | undefined) => any;
 } & {
-    select: (key: string, item: DropdownItem) => any;
+    select: (key: string | number, item: DropdownItem) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onSelect?: ((key: string, item: DropdownItem) => any) | undefined;
+    onSelect?: ((key: string | number, item: DropdownItem) => any) | undefined;
     "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
 }>, {
     disabled: boolean;

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

@@ -1,6 +1,6 @@
 import e from "./KDropdown.vue_vue_type_script_setup_true_lang.js";
-/* empty css                                                      */
-/* empty css                                          */
+/* empty css                                                          */
+/* empty css                                              */
 //#region components/KDropdown.vue
 var t = e;
 //#endregion

package/dist/components/KDropdown.vue_vue_type_script_setup_true_lang.js

@@ -1,13 +1,15 @@
-import { Fragment as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, mergeModels as c, normalizeClass as l, openBlock as u, renderList as d, renderSlot as f, resolveDynamicComponent as p, toDisplayString as m, unref as h, useModel as g, withCtx as _ } from "vue";
-import { DropdownMenuContent as v, DropdownMenuItem as y, DropdownMenuLabel as b, DropdownMenuPortal as x, DropdownMenuRoot as S, DropdownMenuSeparator as C, DropdownMenuTrigger as w } 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, mergeModels as l, normalizeClass as u, openBlock as d, renderList as f, renderSlot as p, resolveDynamicComponent as m, toDisplayString as h, unref as g, useModel as _, withCtx as v } from "vue";
+import { DropdownMenuContent as y, DropdownMenuItem as b, DropdownMenuLabel as x, DropdownMenuPortal as S, DropdownMenuRoot as C, DropdownMenuSeparator as w, DropdownMenuTrigger as T } from "reka-ui";
 //#region components/KDropdown.vue?vue&type=script&setup=true&lang.ts
-var T = { class: "k-dropdown-item__label" }, E = {
+var E = { class: "k-dropdown-item__label" }, D = {
 	key: 1,
 	class: "k-dropdown-item__shortcut"
-}, D = /* @__PURE__ */ s({
+}, O = /* @__PURE__ */ c({
 	__name: "KDropdown",
-	props: /* @__PURE__ */ c({
+	props: /* @__PURE__ */ l({
 		items: {},
+		options: {},
+		trigger: {},
 		side: { default: "bottom" },
 		align: { default: "end" },
 		sideOffset: { default: 6 },
@@ -20,62 +22,62 @@ var T = { class: "k-dropdown-item__label" }, E = {
 		open: { type: Boolean },
 		openModifiers: {}
 	}),
-	emits: /* @__PURE__ */ c(["select"], ["update:open"]),
-	setup(s, { emit: c }) {
-		let D = g(s, "open"), O = c;
-		function k(e) {
-			e.disabled || O("select", e.key, e);
+	emits: /* @__PURE__ */ l(["select"], ["update:open"]),
+	setup(c, { emit: l }) {
+		let O = c, k = _(c, "open"), A = l, j = t(() => O.items ?? O.options ?? []);
+		function M(e) {
+			e.disabled || A("select", e.key, e);
 		}
-		return (c, g) => (u(), t(h(S), {
-			open: D.value,
-			"onUpdate:open": g[0] ||= (e) => D.value = e
+		return (t, l) => (d(), n(g(C), {
+			open: k.value,
+			"onUpdate:open": l[0] ||= (e) => k.value = e
 		}, {
-			default: _(() => [o(h(w), {
+			default: v(() => [s(g(T), {
 				"as-child": "",
-				disabled: s.disabled
+				disabled: c.disabled
 			}, {
-				default: _(() => [f(c.$slots, "default")]),
+				default: v(() => [a("span", { class: u(["k-dropdown-trigger", { "k-dropdown-trigger--disabled": c.disabled }]) }, [p(t.$slots, "default")], 2)]),
 				_: 3
-			}, 8, ["disabled"]), o(h(x), null, {
-				default: _(() => [o(h(v), {
-					class: l(["k-dropdown-content k-menu-surface", s.contentClass]),
-					side: s.side,
-					align: s.align,
-					"side-offset": s.sideOffset
+			}, 8, ["disabled"]), s(g(S), null, {
+				default: v(() => [s(g(y), {
+					class: u(["k-dropdown-content k-menu-surface", c.contentClass]),
+					side: c.side,
+					align: c.align,
+					"side-offset": c.sideOffset
 				}, {
-					default: _(() => [(u(!0), r(e, null, d(s.items, (o, s) => (u(), r(e, { key: o.key || `_${s}` }, [o.type === "separator" ? (u(), t(h(C), {
+					default: v(() => [(d(!0), i(e, null, f(j.value, (t, s) => (d(), i(e, { key: t.key || `_${s}` }, [t.type === "separator" ? (d(), n(g(w), {
 						key: 0,
 						class: "k-dropdown-sep"
-					})) : o.type === "label" ? (u(), t(h(b), {
+					})) : t.type === "label" ? (d(), n(g(x), {
 						key: 1,
 						class: "k-dropdown-label"
 					}, {
-						default: _(() => [a(m(o.label), 1)]),
+						default: v(() => [o(h(t.label), 1)]),
 						_: 2
-					}, 1024)) : (u(), t(h(y), {
+					}, 1024)) : (d(), n(g(b), {
 						key: 2,
-						class: l(["k-dropdown-item k-menu-item", {
-							"k-dropdown-item--danger": o.danger,
-							"k-dropdown-item--active": o.active
+						class: u(["k-dropdown-item k-menu-item", {
+							"k-dropdown-item--danger": t.danger,
+							"k-dropdown-item--active": t.active
 						}]),
-						disabled: o.disabled,
-						onSelect: (e) => k(o)
+						disabled: t.disabled,
+						onSelect: (e) => M(t)
 					}, {
-						default: _(() => [
-							o.icon ? (u(), t(p(o.icon), {
+						default: v(() => [
+							t.icon ? (d(), n(m(t.icon), {
 								key: 0,
 								size: 15,
 								class: "k-dropdown-item__icon"
-							})) : n("", !0),
-							i("span", T, m(o.label), 1),
-							o.shortcut ? (u(), r("span", E, m(o.shortcut), 1)) : n("", !0)
+							})) : r("", !0),
+							a("span", E, h(t.label), 1),
+							t.shortcut ? (d(), i("span", D, h(t.shortcut), 1)) : r("", !0)
 						]),
 						_: 2
 					}, 1032, [
 						"class",
 						"disabled",
 						"onSelect"
-					]))], 64))), 128)), f(c.$slots, "extra")]),
+					]))], 64))), 128)), p(t.$slots, "extra")]),
 					_: 3
 				}, 8, [
 					"class",
@@ -90,4 +92,4 @@ var T = { class: "k-dropdown-item__label" }, E = {
 	}
 });
 //#endregion
-export { D as default };
+export { O as default };

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

@@ -1,15 +1,19 @@
 import type { Component } from 'vue';
 type __VLS_Props = {
     icon?: Component;
-    title: string;
+    title?: string;
     description?: string;
     compact?: boolean;
 };
-declare var __VLS_6: {}, __VLS_8: {};
+declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {}, __VLS_12: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    title?: (props: typeof __VLS_6) => any;
 } & {
-    actions?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_8) => any;
+} & {
+    actions?: (props: typeof __VLS_10) => any;
+} & {
+    extra?: (props: typeof __VLS_12) => 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>;

package/dist/components/KEmpty.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
-import { createBlock as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, renderSlot as c, resolveDynamicComponent as l, toDisplayString as u } from "vue";
+import { createBlock as e, createCommentVNode as t, createElementBlock as n, createTextVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s, resolveDynamicComponent as c, toDisplayString as l } from "vue";
 //#region components/KEmpty.vue?vue&type=script&setup=true&lang.ts
-var d = {
-	key: 2,
+var u = {
+	key: 3,
 	class: "mt-3 flex flex-wrap items-center justify-center gap-2"
-}, f = /* @__PURE__ */ a({
+}, d = /* @__PURE__ */ i({
 	__name: "KEmpty",
 	props: {
 		icon: {},
@@ -11,20 +11,23 @@ var d = {
 		description: {},
 		compact: { type: Boolean }
 	},
-	setup(a) {
-		return (f, p) => (s(), n("div", { class: o(["grid place-items-center rounded-2xl border border-dashed border-ink-200 bg-white text-center", a.compact ? "px-4 py-10" : "px-6 py-20"]) }, [
-			a.icon ? (s(), e(l(a.icon), {
+	setup(i) {
+		return (d, f) => (o(), n("div", { class: a(["grid place-items-center rounded-2xl border border-dashed border-ink-200 bg-white text-center", i.compact ? "px-4 py-10" : "px-6 py-20"]) }, [
+			i.icon ? (o(), e(c(i.icon), {
 				key: 0,
-				class: o(["text-ink-300", a.compact ? "size-7" : "size-10"])
+				class: a(["text-ink-300", i.compact ? "size-7" : "size-10"])
 			}, null, 8, ["class"])) : t("", !0),
-			r("p", { class: o(["mt-3 font-medium text-ink-700", a.compact ? "text-xs" : "text-sm"]) }, u(a.title), 3),
-			f.$slots.default || a.description ? (s(), n("p", {
+			i.title || d.$slots.title ? (o(), n("p", {
 				key: 1,
-				class: o(["mt-1 text-ink-400", a.compact ? "text-[11px]" : "text-xs"])
-			}, [c(f.$slots, "default", {}, () => [i(u(a.description), 1)])], 2)) : t("", !0),
-			f.$slots.actions ? (s(), n("div", d, [c(f.$slots, "actions")])) : t("", !0)
+				class: a(["mt-3 font-medium text-ink-700", i.compact ? "text-xs" : "text-sm"])
+			}, [s(d.$slots, "title", {}, () => [r(l(i.title), 1)])], 2)) : t("", !0),
+			d.$slots.default || i.description ? (o(), n("p", {
+				key: 2,
+				class: a(["mt-1 text-ink-400", i.compact ? "text-[11px]" : "text-xs"])
+			}, [s(d.$slots, "default", {}, () => [r(l(i.description), 1)])], 2)) : t("", !0),
+			d.$slots.actions || d.$slots.extra ? (o(), n("div", u, [s(d.$slots, "actions", {}, () => [s(d.$slots, "extra")])])) : t("", !0)
 		], 2));
 	}
 });
 //#endregion
-export { f as default };
+export { d as default };

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

@@ -1,15 +1,19 @@
-import { type FormRule } from './form-context';
+import { type FormRules } from './form-context';
 type __VLS_Props = {
     model: Record<string, any>;
-    rules?: Record<string, FormRule | FormRule[]>;
-    labelWidth?: string;
+    rules?: FormRules;
+    labelWidth?: string | number;
     labelPosition?: 'top' | 'left';
-    size?: 'sm' | 'md' | 'lg';
+    labelPlacement?: 'top' | 'left';
+    requireMarkPlacement?: string;
+    size?: 'small' | 'sm' | 'medium' | 'md' | 'large' | 'lg';
+    disabled?: boolean;
 };
 declare function validate(): Promise<boolean>;
 declare function validateField(name: string): Promise<boolean>;
 declare function resetFields(): void;
 declare function clearValidate(): void;
+declare function restoreValidation(): void;
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
@@ -19,13 +23,15 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     validateField: typeof validateField;
     resetFields: typeof resetFields;
     clearValidate: typeof clearValidate;
+    restoreValidation: typeof restoreValidation;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     submit: (ev: Event) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSubmit?: ((ev: Event) => any) | undefined;
 }>, {
-    size: "sm" | "md" | "lg";
-    labelWidth: string;
+    size: "small" | "sm" | "medium" | "md" | "large" | "lg";
+    disabled: boolean;
+    labelWidth: string | number;
     labelPosition: "top" | "left";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

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