@guoyg578/k-ui 0.1.0 → 0.1.1

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

@@ -0,0 +1,40 @@
+type __VLS_Props = {
+    modelValue?: string;
+    /** naive-ui alias for v-model:value */
+    value?: string;
+    disabled?: boolean;
+    showInput?: boolean;
+    /** accepted for migration; native color input is opaque hex-only */
+    showAlpha?: boolean;
+    size?: 'small' | 'sm' | 'medium' | 'md' | 'large' | 'lg';
+    presets?: string[];
+};
+declare function openPicker(): void;
+declare var __VLS_1: {
+    value: string;
+    onClick: typeof openPicker;
+};
+type __VLS_Slots = {} & {
+    trigger?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: string) => any;
+    "update:value": (v: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+    "onUpdate:value"?: ((v: string) => any) | undefined;
+}>, {
+    size: "small" | "sm" | "medium" | "md" | "large" | "lg";
+    disabled: boolean;
+    showInput: boolean;
+    showAlpha: boolean;
+    presets: 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/KColorPicker.vue.js

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

package/dist/components/KColorPicker.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,96 @@
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, ref as l, renderList as u, renderSlot as d, vModelText as f, watch as p, withDirectives as m, withKeys as h } from "vue";
+//#region components/KColorPicker.vue?vue&type=script&setup=true&lang.ts
+var g = ["value", "disabled"], _ = ["disabled"], v = ["disabled"], y = {
+	key: 1,
+	class: "k-color__presets"
+}, b = [
+	"disabled",
+	"aria-label",
+	"onClick"
+], x = /* @__PURE__ */ a({
+	__name: "KColorPicker",
+	props: {
+		modelValue: {},
+		value: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		showInput: {
+			type: Boolean,
+			default: !0
+		},
+		showAlpha: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "md" },
+		presets: { default: () => [
+			"#0c78e4",
+			"#10b981",
+			"#f59e0b",
+			"#f43f5e",
+			"#64748b",
+			"#111827"
+		] }
+	},
+	emits: ["update:modelValue", "update:value"],
+	setup(a, { emit: x }) {
+		let S = a, C = x, w = l(null), T = t(() => S.value ?? S.modelValue ?? "#0c78e4"), E = l(T.value);
+		p(T, (e) => E.value = e || "#000000");
+		let D = t(() => /^#[0-9a-fA-F]{6}$/.test(E.value) ? E.value : "#000000"), O = t(() => S.size === "small" || S.size === "sm" ? "sm" : S.size === "large" || S.size === "lg" ? "lg" : "md");
+		function k() {
+			S.disabled || w.value?.click();
+		}
+		function A(e) {
+			E.value = e, C("update:modelValue", e), C("update:value", e);
+		}
+		function j() {
+			if (/^#[0-9a-fA-F]{3}$/.test(E.value)) {
+				let [, e, t, n] = E.value;
+				A(`#${e}${e}${t}${t}${n}${n}`);
+			} else /^#[0-9a-fA-F]{6}$/.test(E.value) ? A(E.value) : E.value = T.value || "#000000";
+		}
+		return (t, l) => (c(), r("div", { class: o(["k-color", [`k-color--${O.value}`, { "k-color--disabled": a.disabled }]]) }, [
+			i("input", {
+				ref_key: "inputRef",
+				ref: w,
+				type: "color",
+				value: D.value,
+				disabled: a.disabled,
+				class: "k-color__native",
+				onInput: l[0] ||= (e) => A(e.target.value)
+			}, null, 40, g),
+			d(t.$slots, "trigger", {
+				value: T.value,
+				onClick: k
+			}, () => [i("button", {
+				type: "button",
+				class: "k-color__swatch",
+				style: s({ backgroundColor: D.value }),
+				disabled: a.disabled,
+				onClick: k
+			}, null, 12, _)], !0),
+			a.showInput ? m((c(), r("input", {
+				key: 0,
+				"onUpdate:modelValue": l[1] ||= (e) => E.value = e,
+				class: "k-color__input",
+				disabled: a.disabled,
+				spellcheck: "false",
+				onBlur: j,
+				onKeydown: h(j, ["enter"])
+			}, null, 40, v)), [[f, E.value]]) : n("", !0),
+			a.presets.length ? (c(), r("div", y, [(c(!0), r(e, null, u(a.presets, (e) => (c(), r("button", {
+				key: e,
+				type: "button",
+				class: o(["k-color__preset", { "k-color__preset--active": e.toLowerCase() === T.value?.toLowerCase() }]),
+				style: s({ backgroundColor: e }),
+				disabled: a.disabled,
+				"aria-label": e,
+				onClick: (t) => A(e)
+			}, null, 14, b))), 128))])) : n("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { x as default };

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

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

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

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

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

@@ -0,0 +1,26 @@
+export interface GlobalThemeOverrides {
+    common?: Record<string, string | number>;
+    [key: string]: any;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    theme?: unknown;
+    themeOverrides?: GlobalThemeOverrides;
+    inlineThemeDisabled?: boolean;
+    abstract?: boolean;
+    clsPrefix?: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    theme?: unknown;
+    themeOverrides?: GlobalThemeOverrides;
+    inlineThemeDisabled?: boolean;
+    abstract?: boolean;
+    clsPrefix?: string;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/KConfigProvider.vue.js

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

package/dist/components/KConfigProvider.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,17 @@
+import { defineComponent as e, renderSlot as t } from "vue";
+//#region components/KConfigProvider.vue?vue&type=script&setup=true&lang.ts
+var n = /* @__PURE__ */ e({
+	__name: "KConfigProvider",
+	props: {
+		theme: {},
+		themeOverrides: {},
+		inlineThemeDisabled: { type: Boolean },
+		abstract: { type: Boolean },
+		clsPrefix: {}
+	},
+	setup(e) {
+		return (e, n) => t(e.$slots, "default");
+	}
+});
+//#endregion
+export { n as default };

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

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

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;
+    labelWidth: string;
+    columns: 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/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 };