@guoyg578/k-ui 0.1.0 → 0.1.2

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

@@ -1,22 +1,44 @@
-export interface Column {
+import type { VNodeChild } from 'vue';
+export type RowClassValue = string | string[] | Record<string, boolean> | undefined;
+export interface Column<T = Record<string, any>> {
     key: string;
-    label: string;
-    width?: string;
+    label?: string;
+    title?: string;
+    width?: string | number;
     align?: 'left' | 'right' | 'center';
     cellClass?: string;
+    className?: string;
+    render?: (row: T, index: number) => VNodeChild;
 }
+export interface DataTablePagination {
+    page?: number;
+    pageSize?: number;
+    itemCount?: number;
+    showSizePicker?: boolean;
+    [key: string]: any;
+}
+export type DataTableColumn<T = Record<string, any>> = Column<T>;
+export type DataTableColumns<T = Record<string, any>> = Column<T>[];
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<{
-        columns: Column[];
-        rows: T[];
-        rowKey?: (row: T) => string | number;
+        columns: Column<T>[];
+        rows?: T[];
+        /** naive-ui alias */
+        data?: T[];
+        rowKey?: string | ((row: T) => string | number);
+        rowClassName?: string | ((row: T, index: number) => RowClassValue);
         hoverable?: boolean;
         loading?: boolean;
         empty?: string;
-        size?: "sm" | "md";
+        size?: "small" | "sm" | "medium" | "md";
         striped?: boolean;
         bordered?: boolean;
         stickyHeader?: boolean;
+        pagination?: false | DataTablePagination;
+        singleLine?: boolean;
+        scrollX?: string | number;
     } & {
         onRowClick?: ((row: T) => any) | undefined;
     }> & (typeof globalThis extends {
@@ -26,20 +48,21 @@ declare const __VLS_export: <T extends Record<string, any>>(__VLS_props: NonNull
     attrs: any;
     slots: {
         [x: `header-${string}`]: ((props: {
-            col: Column;
+            col: Column<T>;
         }) => any) | undefined;
     } & {
         [x: `cell-${string}`]: ((props: {
             row: T;
             value: any;
+            index: number;
         }) => any) | undefined;
+    } & {
+        empty?: (props: {}) => any;
     };
     emit: (e: "rowClick", row: T) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];
 } : {

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

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

package/dist/components/KDataTable.vue_vue_type_script_setup_true_lang.js

@@ -1,13 +1,19 @@
-import e from "./KLoadingOverlay.js";
-import t from "./KEmpty.js";
-import { Fragment 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, openBlock as f, renderList as p, renderSlot as m, toDisplayString as h } from "vue";
+import e from "./KLoadingOverlay.vue.js";
+import t from "./KEmpty.vue.js";
+import n from "./KPagination.vue.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, normalizeStyle as p, openBlock as m, ref as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, watch as b } from "vue";
 //#region components/KDataTable.vue?vue&type=script&setup=true&lang.ts
-var g = ["onClick"], _ = /* @__PURE__ */ l({
+var x = ["onClick"], S = {
+	key: 0,
+	class: "k-table-empty"
+}, C = /* @__PURE__ */ d({
 	__name: "KDataTable",
 	props: {
 		columns: {},
 		rows: {},
+		data: {},
 		rowKey: {},
+		rowClassName: {},
 		hoverable: {
 			type: Boolean,
 			default: !0
@@ -29,34 +35,126 @@ var g = ["onClick"], _ = /* @__PURE__ */ l({
 		stickyHeader: {
 			type: Boolean,
 			default: !1
-		}
+		},
+		pagination: { type: [Boolean, Object] },
+		singleLine: {
+			type: Boolean,
+			default: !0
+		},
+		scrollX: {}
 	},
 	emits: ["rowClick"],
-	setup(l, { emit: _ }) {
-		let v = _;
-		return (_, y) => (f(), a("div", { class: u(["k-table-wrap", [`k-table-wrap--${l.size}`, { "k-table-wrap--bordered": l.bordered }]]) }, [o("div", { class: u(["k-table-scroll", { "k-table-scroll--sticky": l.stickyHeader }]) }, [o("table", { class: u(["k-table", { "k-table--striped": l.striped }]) }, [o("thead", null, [o("tr", null, [(f(!0), a(n, null, p(l.columns, (e) => (f(), a("th", {
-			key: e.key,
-			style: d(e.width ? { width: e.width } : void 0),
-			class: u(e.align ? `k-table__th--${e.align}` : "")
-		}, [m(_.$slots, `header-${e.key}`, { col: e }, () => [s(h(e.label), 1)], !0)], 6))), 128))])]), o("tbody", null, [(f(!0), a(n, null, p(l.rows, (e, t) => (f(), a("tr", {
-			key: l.rowKey ? l.rowKey(e) : t,
-			class: u({ "k-table__row--hoverable": l.hoverable }),
-			onClick: (t) => l.hoverable && v("rowClick", e)
-		}, [(f(!0), a(n, null, p(l.columns, (t) => (f(), a("td", {
-			key: t.key,
-			class: u([t.cellClass, t.align ? `k-table__td--${t.align}` : ""])
-		}, [m(_.$slots, `cell-${t.key}`, {
-			row: e,
-			value: e[t.key]
-		}, () => [o("span", null, h(e[t.key] ?? "—"), 1)], !0)], 2))), 128))], 10, g))), 128))])], 2), !l.loading && l.rows.length === 0 ? (f(), r(t, {
-			key: 0,
-			title: l.empty || "暂无数据",
-			compact: ""
-		}, null, 8, ["title"])) : i("", !0)], 2), c(e, {
-			show: l.loading,
-			text: "加载中..."
-		}, null, 8, ["show"])], 2));
+	setup(C, { emit: w }) {
+		let T = C, E = w, D = h(1), O = i(() => T.rows ?? T.data ?? []), k = i(() => T.pagination && typeof T.pagination == "object" ? T.pagination : void 0), A = i(() => {
+			let e = Number(k.value?.pageSize ?? 0);
+			return Number.isFinite(e) && e > 0 ? e : 0;
+		}), j = i(() => O.value.length), M = i(() => {
+			if (!A.value) return O.value;
+			let e = (D.value - 1) * A.value;
+			return O.value.slice(e, e + A.value);
+		}), N = i(() => T.size === "small" || T.size === "sm" ? "sm" : "md"), P = i(() => {
+			if (T.scrollX !== void 0) return { minWidth: typeof T.scrollX == "number" ? `${T.scrollX}px` : T.scrollX };
+		});
+		b(() => k.value?.page, (e) => {
+			typeof e == "number" && e > 0 && (D.value = e);
+		}, { immediate: !0 }), b([j, A], () => {
+			let e = A.value ? Math.max(1, Math.ceil(j.value / A.value)) : 1;
+			D.value > e && (D.value = e), D.value < 1 && (D.value = 1);
+		});
+		function F(e) {
+			return e.label ?? e.title ?? e.key;
+		}
+		function I(e) {
+			if (e.width !== void 0) return { width: typeof e.width == "number" ? `${e.width}px` : e.width };
+		}
+		function L(e, t) {
+			return e[t.key] ?? "-";
+		}
+		function R(e, t) {
+			return typeof T.rowKey == "function" ? T.rowKey(e) : typeof T.rowKey == "string" ? e[T.rowKey] ?? t : t;
+		}
+		function z(e, t) {
+			return [{ "k-table__row--hoverable": T.hoverable }, typeof T.rowClassName == "function" ? T.rowClassName(e, t) : T.rowClassName];
+		}
+		function B(e, t, n) {
+			return e.render ? e.render(t, n) : L(t, e);
+		}
+		let V = d({
+			props: {
+				col: {
+					type: Object,
+					required: !0
+				},
+				row: {
+					type: Object,
+					required: !0
+				},
+				index: {
+					type: Number,
+					required: !0
+				}
+			},
+			setup(e) {
+				return () => B(e.col, e.row, e.index);
+			}
+		});
+		return (i, d) => (m(), s("div", { class: f(["k-table-wrap", [`k-table-wrap--${N.value}`, { "k-table-wrap--bordered": C.bordered }]]) }, [
+			c("div", { class: f(["k-table-scroll", { "k-table-scroll--sticky": C.stickyHeader }]) }, [c("table", {
+				class: f(["k-table", {
+					"k-table--striped": C.striped,
+					"k-table--single-line": C.singleLine
+				}]),
+				style: p(P.value)
+			}, [c("thead", null, [c("tr", null, [(m(!0), s(r, null, g(C.columns, (e) => (m(), s("th", {
+				key: e.key,
+				style: p(I(e)),
+				class: f(e.align ? `k-table__th--${e.align}` : "")
+			}, [_(i.$slots, `header-${e.key}`, { col: e }, () => [l(v(F(e)), 1)], !0)], 6))), 128))])]), c("tbody", null, [(m(!0), s(r, null, g(M.value, (e, t) => (m(), s("tr", {
+				key: R(e, t),
+				class: f(z(e, t)),
+				onClick: (t) => C.hoverable && E("rowClick", e)
+			}, [(m(!0), s(r, null, g(C.columns, (n) => (m(), s("td", {
+				key: n.key,
+				class: f([
+					n.cellClass,
+					n.className,
+					n.align ? `k-table__td--${n.align}` : ""
+				])
+			}, [_(i.$slots, `cell-${n.key}`, {
+				row: e,
+				value: L(e, n),
+				index: t
+			}, () => [u(y(V), {
+				col: n,
+				row: e,
+				index: t
+			}, null, 8, [
+				"col",
+				"row",
+				"index"
+			])], !0)], 2))), 128))], 10, x))), 128))])], 6), !C.loading && O.value.length === 0 ? (m(), s("div", S, [_(i.$slots, "empty", {}, () => [u(t, {
+				title: C.empty || "暂无数据",
+				compact: ""
+			}, null, 8, ["title"])], !0)])) : o("", !0)], 2),
+			A.value > 0 ? (m(), a(n, {
+				key: 0,
+				page: D.value,
+				"onUpdate:page": d[0] ||= (e) => D.value = e,
+				class: "k-table-pagination",
+				"page-size": A.value,
+				total: j.value,
+				"show-summary": ""
+			}, null, 8, [
+				"page",
+				"page-size",
+				"total"
+			])) : o("", !0),
+			u(e, {
+				show: C.loading,
+				text: "加载中..."
+			}, null, 8, ["show"])
+		], 2));
 	}
 });
 //#endregion
-export { _ as default };
+export { C as default };

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

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

package/dist/components/KDatePicker.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-/* empty css                                                                                                                             */
+/* empty css                                                                                                                                 */
 import { createBlock as e, defineComponent as t, openBlock as n, unref as r } from "vue";
 import { VueDatePicker as i } from "@vuepic/vue-datepicker";
 import { zhCN as a } from "date-fns/locale";

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

@@ -0,0 +1,30 @@
+export interface DescriptionItem {
+    label: string;
+    value?: string | number;
+    span?: number;
+}
+type __VLS_Props = {
+    items?: DescriptionItem[];
+    columns?: number;
+    bordered?: boolean;
+    labelWidth?: string;
+    size?: 'sm' | 'md' | 'lg';
+};
+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<{}>, {
+    size: "sm" | "md" | "lg";
+    bordered: boolean;
+    columns: number;
+    labelWidth: 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/KDescriptions.vue.js

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

package/dist/components/KDescriptions.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,30 @@
+import { Fragment as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, openBlock as o, renderList as s, renderSlot as c, toDisplayString as l } from "vue";
+//#region components/KDescriptions.vue?vue&type=script&setup=true&lang.ts
+var u = { class: "k-desc-item__label" }, d = { class: "k-desc-item__value" }, f = /* @__PURE__ */ r({
+	__name: "KDescriptions",
+	props: {
+		items: {},
+		columns: { default: 3 },
+		bordered: {
+			type: Boolean,
+			default: !0
+		},
+		labelWidth: { default: "96px" },
+		size: { default: "md" }
+	},
+	setup(r) {
+		return (f, p) => (o(), t("div", {
+			class: i(["k-descriptions", [`k-descriptions--${r.size}`, { "k-descriptions--bordered": r.bordered }]]),
+			style: a({
+				"--k-desc-columns": r.columns,
+				"--k-desc-label-width": r.labelWidth
+			})
+		}, [r.items?.length ? (o(!0), t(e, { key: 0 }, s(r.items, (e) => (o(), t("div", {
+			key: e.label,
+			class: "k-desc-item",
+			style: a({ gridColumn: e.span ? `span ${e.span}` : void 0 })
+		}, [n("div", u, l(e.label), 1), n("div", d, l(e.value), 1)], 4))), 128)) : c(f.$slots, "default", { key: 1 })], 6));
+	}
+});
+//#endregion
+export { f as default };

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

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    label: string;
+    span?: 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/KDescriptionsItem.vue.js

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

package/dist/components/KDescriptionsItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,17 @@
+import { createElementBlock as e, createElementVNode as t, defineComponent as n, normalizeStyle as r, openBlock as i, renderSlot as a, toDisplayString as o } from "vue";
+//#region components/KDescriptionsItem.vue?vue&type=script&setup=true&lang.ts
+var s = { class: "k-desc-item__label" }, c = { class: "k-desc-item__value" }, l = /* @__PURE__ */ n({
+	__name: "KDescriptionsItem",
+	props: {
+		label: {},
+		span: {}
+	},
+	setup(n) {
+		return (l, u) => (i(), e("div", {
+			class: "k-desc-item",
+			style: r({ gridColumn: n.span ? `span ${n.span}` : void 0 })
+		}, [t("div", s, o(n.label), 1), t("div", c, [a(l.$slots, "default")])], 4));
+	}
+});
+//#endregion
+export { l as default };

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

@@ -12,6 +12,7 @@ type __VLS_Props = {
     confirmLoading?: boolean;
     confirmType?: 'primary' | 'danger';
     hideCancel?: boolean;
+    width?: string | number;
 };
 declare var __VLS_13: {}, __VLS_20: {}, __VLS_22: {};
 type __VLS_Slots = {} & {

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

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

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/KDivider.vue.d.ts

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    vertical?: boolean;
+    titlePlacement?: 'left' | 'center' | 'right';
+    dashed?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    vertical: boolean;
+    titlePlacement: "left" | "center" | "right";
+}, {}, {}, {}, 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/KDivider.vue.js

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

package/dist/components/KDivider.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,33 @@
+import { createCommentVNode as e, createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a, unref as o, useSlots as s } from "vue";
+//#region components/KDivider.vue?vue&type=script&setup=true&lang.ts
+var c = {
+	key: 0,
+	class: "k-divider__title"
+}, l = /* @__PURE__ */ n({
+	__name: "KDivider",
+	props: {
+		vertical: {
+			type: Boolean,
+			default: !1
+		},
+		titlePlacement: { default: "center" },
+		dashed: { type: Boolean }
+	},
+	setup(n) {
+		let l = s();
+		return (s, u) => n.vertical ? (i(), t("div", {
+			key: 0,
+			class: r(["k-divider k-divider--vertical", { "k-divider--dashed": n.dashed }]),
+			role: "separator"
+		}, null, 2)) : (i(), t("div", {
+			key: 1,
+			class: r(["k-divider k-divider--horizontal", [`k-divider--${n.titlePlacement}`, {
+				"k-divider--dashed": n.dashed,
+				"k-divider--with-text": !!o(l).default
+			}]]),
+			role: "separator"
+		}, [o(l).default ? (i(), t("span", c, [a(s.$slots, "default", {}, void 0, !0)])) : e("", !0)], 2));
+	}
+});
+//#endregion
+export { l as default };