geekplus-digital-ui 0.1.41 → 0.2.0

package/{components → packages/components}/icon-tip/src/icon-tip.js

@@ -1,12 +1,12 @@
-import e from "../../../_virtual/_plugin-vue_export-helper.js";
+import e from "../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "../../icon/index.js";
 import n from "../../icons/circle-exclamation-solid.js";
-import './icon-tip.vue_vue_type_style_index_0_scoped_fe982c8e_lang.css';/* empty css                                                         */
-import "../../index.js";
+import './icon-tip.vue_vue_type_style_index_0_scoped_fd7f9264_lang.css';/* empty css                                                         */
+import "../../../../components/index.js";
 import { createBlock as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, mergeProps as c, normalizeClass as l, openBlock as u, renderSlot as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
 import { ElLink as h, ElTooltip as g } from "element-plus";
 //#region packages/components/icon-tip/src/icon-tip.vue
-var _ = { class: "tip-content" }, v = /* @__PURE__ */ e(/* @__PURE__ */ Object.assign({ name: "DIconTip" }, {
+var _ = { class: "d-icon-tip__content" }, v = /* @__PURE__ */ e(/* @__PURE__ */ Object.assign({ name: "DIconTip" }, {
 	__name: "icon-tip",
 	props: {
 		content: { type: String },
@@ -47,6 +47,6 @@ var _ = { class: "tip-content" }, v = /* @__PURE__ */ e(/* @__PURE__ */ Object.a
 			_: 3
 		}, 8, ["placement"]));
 	}
-}), [["__scopeId", "data-v-fe982c8e"]]);
+}), [["__scopeId", "data-v-fd7f9264"]]);
 //#endregion
 export { v as default };

package/packages/components/icon-tip/src/icon-tip.vue_vue_type_style_index_0_scoped_fd7f9264_lang.css

@@ -0,0 +1 @@
+.d-icon-tip .d-icon-tip__content[data-v-fd7f9264]{white-space:pre-wrap}

package/{components → packages/components}/icons/angle-down-light.js

@@ -1,4 +1,4 @@
-import e from "../../_virtual/_plugin-vue_export-helper.js";
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
 import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
 //#region packages/components/icons/angle-down-light.vue
 var i = {}, a = {

package/{components → packages/components}/icons/angle-up-light.js

@@ -1,4 +1,4 @@
-import e from "../../_virtual/_plugin-vue_export-helper.js";
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
 import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
 //#region packages/components/icons/angle-up-light.vue
 var i = {}, a = {

package/{components → packages/components}/icons/circle-exclamation-solid.js

@@ -1,4 +1,4 @@
-import e from "../../_virtual/_plugin-vue_export-helper.js";
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
 import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
 //#region packages/components/icons/circle-exclamation-solid.vue
 var i = {}, a = {

package/{components → packages/components}/icons/circle-play-light.js

@@ -1,4 +1,4 @@
-import e from "../../_virtual/_plugin-vue_export-helper.js";
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
 import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
 //#region packages/components/icons/circle-play-light.vue
 var i = {}, a = {

package/{components → packages/components}/icons/circle-xmark-light.js

@@ -1,4 +1,4 @@
-import e from "../../_virtual/_plugin-vue_export-helper.js";
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
 import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
 //#region packages/components/icons/circle-xmark-light.vue
 var i = {}, a = {

package/{components → packages/components}/icons/copy-light.js

@@ -1,4 +1,4 @@
-import e from "../../_virtual/_plugin-vue_export-helper.js";
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
 import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
 //#region packages/components/icons/copy-light.vue
 var i = {}, a = {

package/{components → packages/components}/icons/download-light.js

@@ -1,4 +1,4 @@
-import e from "../../_virtual/_plugin-vue_export-helper.js";
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
 import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
 //#region packages/components/icons/download-light.vue
 var i = {}, a = {

package/{components → packages/components}/icons/eye-light.js

@@ -1,4 +1,4 @@
-import e from "../../_virtual/_plugin-vue_export-helper.js";
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
 import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
 //#region packages/components/icons/eye-light.vue
 var i = {}, a = {

package/{components → packages/components}/icons/file-light.js

@@ -1,4 +1,4 @@
-import e from "../../_virtual/_plugin-vue_export-helper.js";
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
 import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
 //#region packages/components/icons/file-light.vue
 var i = {}, a = {

package/packages/components/icons/filter-list-light.js

@@ -0,0 +1,16 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
+//#region packages/components/icons/filter-list-light.vue
+var i = {}, a = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 576 512"
+};
+function o(e, i) {
+	return r(), t("svg", a, [...i[0] ||= [n("path", {
+		fill: "currentColor",
+		d: "M233.4 203.3L340.7 96 43.3 96 150.6 203.3c6 6 9.4 14.1 9.4 22.6l0 114.7 64 64 0-178.7c0-8.5 3.4-16.6 9.4-22.6zM377 105l-121 121 0 198.1c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-80-80c-4.5-4.5-7-10.6-7-17L128 225.9 7 105C.2 98.1-1.9 87.8 1.8 78.8S14.3 64 24 64l336 0c9.7 0 18.5 5.8 22.2 14.8s1.7 19.3-5.2 26.2zm87-41l64 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-64 0c-8.8 0-16-7.2-16-16s7.2-16 16-16zM336 240l192 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-192 0c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 176l192 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-192 0c-8.8 0-16-7.2-16-16s7.2-16 16-16z"
+	}, null, -1)]]);
+}
+var s = /* @__PURE__ */ e(i, [["render", o]]);
+//#endregion
+export { s as default };

package/{components → packages/components}/icons/image-light.js

@@ -1,4 +1,4 @@
-import e from "../../_virtual/_plugin-vue_export-helper.js";
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
 import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
 //#region packages/components/icons/image-light.vue
 var i = {}, a = {

package/{components → packages/components}/icons/plus-light.js

@@ -1,4 +1,4 @@
-import e from "../../_virtual/_plugin-vue_export-helper.js";
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
 import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
 //#region packages/components/icons/plus-light.vue
 var i = {}, a = {

package/{components → packages/components}/icons/trash-light.js

@@ -1,4 +1,4 @@
-import e from "../../_virtual/_plugin-vue_export-helper.js";
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
 import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
 //#region packages/components/icons/trash-light.vue
 var i = {}, a = {

package/{components → packages/components}/inline-edit/src/inline-edit.js

@@ -1,5 +1,5 @@
-import e from "../../../_virtual/_plugin-vue_export-helper.js";
-import './inline-edit.vue_vue_type_style_index_0_scoped_fc1016d4_lang.css';/* empty css                                                            */
+import e from "../../../../_virtual/_plugin-vue_export-helper.js";
+import './inline-edit.vue_vue_type_style_index_0_scoped_b066ddcd_lang.css';/* empty css                                                            */
 import { isFunction as t } from "lodash-es";
 import { createElementBlock as n, nextTick as r, normalizeClass as i, openBlock as a, ref as o, renderSlot as s, useTemplateRef as c } from "vue";
 import { onClickOutside as l } from "@vueuse/core";
@@ -64,14 +64,14 @@ var u = "input:not([disabled]), textarea:not([disabled]), [contenteditable=\"tru
 			key: 0,
 			ref_key: "editorRef",
 			ref: _,
-			class: "editor"
+			class: "d-inline-edit__editor"
 		}, [s(e.$slots, "editor", {}, void 0, !0)], 512)) : (a(), n("div", {
 			key: 1,
-			class: i(["text", { "text-hover": !m.disabled }]),
+			class: i(["d-inline-edit__text", { "is-hoverable": !m.disabled }]),
 			onClick: T,
 			onDblclick: E
 		}, [s(e.$slots, "default", {}, void 0, !0)], 34))], 512));
 	}
-}), [["__scopeId", "data-v-fc1016d4"]]);
+}), [["__scopeId", "data-v-b066ddcd"]]);
 //#endregion
 export { d as default };

package/packages/components/inline-edit/src/inline-edit.vue_vue_type_style_index_0_scoped_b066ddcd_lang.css

@@ -0,0 +1 @@
+.d-inline-edit .is-hoverable[data-v-b066ddcd]{cursor:text;border-radius:4px}.d-inline-edit .is-hoverable[data-v-b066ddcd]:hover{box-shadow:0 0 0 1px var(--el-border-color) inset}

package/{components → packages/components}/search-form/src/search-form.js

@@ -1,11 +1,11 @@
 import { useLocale as e } from "../../../hooks/use-locale/index.js";
-import "../../../hooks/index.js";
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
+import "../../../../hooks/index.js";
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
 import n from "../../icons/angle-down-light.js";
 import r from "../../icons/angle-up-light.js";
 import i from "../../icon/index.js";
-import './search-form.vue_vue_type_style_index_0_scoped_cea05b8f_lang.css';/* empty css                                                            */
-import "../../index.js";
+import './search-form.vue_vue_type_style_index_0_scoped_ff9cbf76_lang.css';/* empty css                                                            */
+import "../../../../components/index.js";
 import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, normalizeClass as p, normalizeStyle as m, openBlock as h, provide as g, ref as _, renderSlot as v, toDisplayString as y, unref as b, useTemplateRef as x, withCtx as S, withKeys as C } from "vue";
 import { useResizeObserver as w } from "@vueuse/core";
 import { ElButton as T, ElRow as E } from "element-plus";
@@ -58,12 +58,12 @@ var D = /* @__PURE__ */ t(/* @__PURE__ */ Object.assign({ name: "DSearchForm" },
 		}, [u("div", {
 			ref_key: "rowRef",
 			ref: j,
-			class: "search-row"
+			class: "d-search-form__row"
 		}, [f(b(E), { gutter: 12 }, {
 			default: S(() => [v(e.$slots, "default", { isOpen: M.value }, void 0, !0)]),
 			_: 3
 		})], 512), u("div", {
-			class: "search-btns",
+			class: "d-search-form__btns",
 			style: m(B.value)
 		}, [
 			f(b(T), {
@@ -106,6 +106,6 @@ var D = /* @__PURE__ */ t(/* @__PURE__ */ Object.assign({ name: "DSearchForm" },
 			}))], 64)) : c("", !0)
 		], 4)], 38));
 	}
-}), [["__scopeId", "data-v-cea05b8f"]]);
+}), [["__scopeId", "data-v-ff9cbf76"]]);
 //#endregion
 export { D as default };

package/packages/components/search-form/src/search-form.vue_vue_type_style_index_0_scoped_ff9cbf76_lang.css

@@ -0,0 +1 @@
+.d-search-form[data-v-ff9cbf76]{align-items:flex-start;gap:12px;display:flex;overflow:hidden}.d-search-form.is-open[data-v-ff9cbf76]{overflow:visible}.d-search-form .d-search-form__row[data-v-ff9cbf76]{flex:1}.d-search-form .d-search-form__row[data-v-ff9cbf76] .el-row{flex-wrap:wrap;gap:12px 0}.d-search-form .d-search-form__btns[data-v-ff9cbf76]{flex-shrink:0;align-items:center;gap:12px;display:flex;position:relative}.d-search-form .d-search-form__btns[data-v-ff9cbf76] .el-button{margin:0}.d-search-form .d-search-form__btns[data-v-ff9cbf76] .el-button .d-icon{margin-left:4px}

package/{components → packages/components}/search-item/src/search-item.js

@@ -1,12 +1,12 @@
-import e from "../../../_virtual/_plugin-vue_export-helper.js";
-import './search-item.vue_vue_type_style_index_0_scoped_27c41622_lang.css';/* empty css                                                            */
+import e from "../../../../_virtual/_plugin-vue_export-helper.js";
+import './search-item.vue_vue_type_style_index_0_scoped_a37eaef0_lang.css';/* empty css                                                            */
 import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, inject as o, onMounted as s, onUnmounted as c, openBlock as l, renderSlot as u, toDisplayString as d, toRef as f, unref as p, withCtx as m } from "vue";
 import { ElCol as h } from "element-plus";
 //#region packages/components/search-item/src/search-item.vue
 var g = {
 	key: 0,
-	class: "item-label"
-}, _ = { class: "item-content" }, v = /* @__PURE__ */ e(/* @__PURE__ */ Object.assign({ name: "DSearchItem" }, {
+	class: "d-search-item__label"
+}, _ = { class: "d-search-item__content" }, v = /* @__PURE__ */ e(/* @__PURE__ */ Object.assign({ name: "DSearchItem" }, {
 	__name: "search-item",
 	props: {
 		label: {
@@ -40,6 +40,6 @@ var g = {
 			_: 3
 		}, 8, ["span"]));
 	}
-}), [["__scopeId", "data-v-27c41622"]]);
+}), [["__scopeId", "data-v-a37eaef0"]]);
 //#endregion
 export { v as default };

package/packages/components/search-item/src/search-item.vue_vue_type_style_index_0_scoped_a37eaef0_lang.css

@@ -0,0 +1 @@
+.d-search-item .d-search-item__label[data-v-a37eaef0]{text-overflow:ellipsis;white-space:nowrap;height:32px;line-height:32px;overflow:hidden}.d-search-item .d-search-item__content[data-v-a37eaef0] .el-select,.d-search-item .d-search-item__content[data-v-a37eaef0] .el-input,.d-search-item .d-search-item__content[data-v-a37eaef0] .el-date-editor{width:100%}

package/packages/components/table/index.js

@@ -0,0 +1,5 @@
+import e from "./src/table.js";
+//#region packages/components/table/index.js
+var t = e;
+//#endregion
+export { t as default };

package/packages/components/table/src/table-filter.js

@@ -0,0 +1,131 @@
+import { useLocale as e } from "../../../hooks/use-locale/index.js";
+import "../../../../hooks/index.js";
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+import n from "../../icon/index.js";
+import { useSortable as r } from "../../../../node_modules/.pnpm/@vueuse_integrations@14.2.1_a615f74e286bcfd94138d5303218186e/node_modules/@vueuse/integrations/dist/useSortable-Cc5LKbDD.js";
+import i from "../../icons/filter-list-light.js";
+import './table-filter.vue_vue_type_style_index_0_scoped_70a03e33_lang.css';/* empty css                                                             */
+import "../../../../components/index.js";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, inject as p, openBlock as m, ref as h, renderList as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
+import { ElButton as b, ElCheckbox as x, ElPopover as S } from "element-plus";
+//#region packages/components/table/src/table-filter.vue
+var C = { class: "d-table-filter__header" }, w = { class: "d-table-filter__body" }, T = {
+	key: 0,
+	class: "d-table-filter__group-label"
+}, E = /* @__PURE__ */ t(/* @__PURE__ */ Object.assign({ name: "DTableFilter" }, {
+	__name: "table-filter",
+	setup(t) {
+		let { t: E } = e(), { columnList: D, checkedKeys: O, columnOrder: k, saveConfig: A } = p("dTableContext"), j = (e) => {
+			let t = k.value.map((t) => D.value.find((n) => n.prop === t && (n.fixed ?? !1) === e)).filter(Boolean), n = D.value.filter((t) => (t.fixed ?? !1) === e && !k.value.includes(t.prop));
+			return [...t, ...n];
+		}, M = o(() => ({
+			left: j("left"),
+			middle: j(!1),
+			right: j("right")
+		})), N = o(() => [
+			{
+				key: "left",
+				labelKey: "d.table.fixedLeft",
+				items: M.value.left,
+				hideWhenEmpty: !0,
+				showLabel: !0
+			},
+			{
+				key: "middle",
+				labelKey: "d.table.columns",
+				items: M.value.middle,
+				hideWhenEmpty: !1,
+				showLabel: M.value.left.length > 0 || M.value.right.length > 0
+			},
+			{
+				key: "right",
+				labelKey: "d.table.fixedRight",
+				items: M.value.right,
+				hideWhenEmpty: !0,
+				showLabel: !0
+			}
+		]), P = {
+			left: h(null),
+			middle: h(null),
+			right: h(null)
+		}, F = (e, t) => {
+			P[t].value = e;
+		}, I = (e) => ({ oldIndex: t, newIndex: n }) => {
+			if (t === n) return;
+			let r = [...M.value[e].map((e) => e.prop)], [i] = r.splice(t, 1);
+			r.splice(n, 0, i);
+			let a = e === "left" ? r : M.value.left.map((e) => e.prop), o = e === "middle" ? r : M.value.middle.map((e) => e.prop), s = e === "right" ? r : M.value.right.map((e) => e.prop);
+			k.value = [
+				...a,
+				...o,
+				...s
+			], A();
+		}, L = (e) => ({
+			handle: ".d-table-filter__handle",
+			animation: 150,
+			onUpdate: () => {},
+			onEnd: I(e)
+		}), R = {
+			left: r(P.left, o(() => M.value.left), L("left")),
+			middle: r(P.middle, o(() => M.value.middle), L("middle")),
+			right: r(P.right, o(() => M.value.right), L("right"))
+		}, z = !1, B = () => {
+			z || (z = !0, Object.values(R).forEach((e) => e.start()));
+		}, V = (e, t) => {
+			if (t) O.value.includes(e) || (O.value = [...O.value, e], A());
+			else {
+				if (O.value.length <= 1) return;
+				O.value = O.value.filter((t) => t !== e), A();
+			}
+		}, H = () => {
+			let e = D.value.map((e) => e.prop);
+			O.value = e, k.value = e, A();
+		};
+		return (e, t) => (m(), s(v(S), {
+			placement: "bottom-end",
+			width: "auto",
+			trigger: "click",
+			onShow: B
+		}, {
+			reference: y(() => [f(v(b), {
+				link: "",
+				style: { "font-size": "16px" }
+			}, {
+				default: y(() => [f(v(n), null, {
+					default: y(() => [f(i)]),
+					_: 1
+				})]),
+				_: 1
+			})]),
+			default: y(() => [u("div", C, [f(v(b), {
+				link: "",
+				type: "primary",
+				onClick: H
+			}, {
+				default: y(() => [d(_(v(E)("d.table.reset")), 1)]),
+				_: 1
+			})]), u("div", w, [(m(!0), l(a, null, g(N.value, (e) => (m(), l(a, { key: e.key }, [!e.hideWhenEmpty || e.items.length ? (m(), l(a, { key: 0 }, [e.showLabel ? (m(), l("div", T, _(v(E)(e.labelKey)), 1)) : c("", !0), u("ul", {
+				ref_for: !0,
+				ref: (t) => F(t, e.key),
+				class: "d-table-filter__list"
+			}, [(m(!0), l(a, null, g(e.items, (e) => (m(), l("li", {
+				key: e.prop,
+				class: "d-table-filter__item"
+			}, [t[0] ||= u("span", { class: "d-table-filter__handle" }, "⠿", -1), f(v(x), {
+				"model-value": v(O).includes(e.prop),
+				disabled: v(O).length <= 1 && v(O).includes(e.prop),
+				onChange: (t) => V(e.prop, t)
+			}, {
+				default: y(() => [d(_(e.label), 1)]),
+				_: 2
+			}, 1032, [
+				"model-value",
+				"disabled",
+				"onChange"
+			])]))), 128))], 512)], 64)) : c("", !0)], 64))), 128))])]),
+			_: 1
+		}));
+	}
+}), [["__scopeId", "data-v-70a03e33"]]);
+//#endregion
+export { E as default };

package/packages/components/table/src/table-filter.vue_vue_type_style_index_0_scoped_70a03e33_lang.css

@@ -0,0 +1 @@
+.d-table-filter__body[data-v-70a03e33]{max-height:400px;overflow-y:auto}.d-table-filter__list[data-v-70a03e33]{margin:0;padding:0;list-style:none}.d-table-filter__item[data-v-70a03e33]{align-items:center;gap:6px;display:flex}.d-table-filter__item[data-v-70a03e33] .el-checkbox{height:24px}.d-table-filter__header[data-v-70a03e33]{justify-content:flex-end;margin-bottom:4px;display:flex}.d-table-filter__group-label[data-v-70a03e33]{color:var(--el-text-color-secondary);padding:4px 0 2px;font-size:12px}.d-table-filter__handle[data-v-70a03e33]{color:var(--el-text-color-placeholder);cursor:grab;flex-shrink:0;font-size:16px;line-height:1}.d-table-filter__handle[data-v-70a03e33]:active{cursor:grabbing}

package/packages/components/table/src/table-wrapper.js

@@ -0,0 +1,53 @@
+import { Fragment as e, h as t, inject as n } from "vue";
+//#region packages/components/table/src/table-wrapper.vue
+var r = (e) => (e?.type?.name || e?.type?.__name) === "ElTableColumn", i = (t) => {
+	let n = [];
+	for (let r of t) if (r.type === e) {
+		let e = Array.isArray(r.children) ? r.children : [];
+		n.push(...i(e));
+	} else n.push(r);
+	return n;
+}, a = (e) => {
+	let t = [], n = [];
+	for (let i of e) {
+		if (!r(i)) continue;
+		let { type: e, prop: a, label: o } = i.props || {};
+		e ? n.push(i) : a && o ? t.push(i) : n.push(i);
+	}
+	return {
+		controllable: t,
+		always: n
+	};
+}, o = (e, t, n) => n.length === 0 ? e : n.filter((e) => t.includes(e)).map((t) => e.find((e) => e.props?.prop === t)).filter(Boolean), s = {
+	name: "DTableWrapper",
+	setup(e, { slots: r }) {
+		let s = n("dTableContext");
+		return () => {
+			if (!s) return r.default?.() ?? [];
+			let e = r.default?.() ?? [], n = i(e), c = n.find((e) => (e?.type?.name || e?.type?.__name) === "ElTable");
+			if (!c) return e;
+			let l = c.children?.default, { controllable: u, always: d } = a(i(typeof l == "function" ? l() : [])), f = u.map((e) => ({
+				prop: e.props.prop,
+				label: e.props.label,
+				fixed: e.props.fixed === "right" ? "right" : e.props.fixed ? "left" : !1
+			}));
+			queueMicrotask(() => {
+				JSON.stringify(s.columnList.value) !== JSON.stringify(f) && (s.columnList.value = f);
+			});
+			let p = o(u, s.checkedKeys.value, s.columnOrder.value), m = d.filter((e) => e.props?.type), h = d.filter((e) => !e.props?.type), g = [
+				...m,
+				...p,
+				...h
+			], _ = [...s.checkedKeys.value, ...s.columnOrder.value].join(","), v = t(c.type, {
+				...c.props,
+				key: _
+			}, {
+				...c.children,
+				default: () => g
+			});
+			return n.map((e) => e === c ? v : e);
+		};
+	}
+};
+//#endregion
+export { s as default };

package/packages/components/table/src/table.js

@@ -0,0 +1,166 @@
+import { useLocale as e } from "../../../hooks/use-locale/index.js";
+import "../../../../hooks/index.js";
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+import n from "./table-wrapper.js";
+import r from "./table-filter.js";
+import './table.vue_vue_type_style_index_0_scoped_a6c85ac1_lang.css';/* empty css                                                      */
+import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, mergeModels as u, onMounted as d, openBlock as f, provide as p, ref as m, renderSlot as h, toDisplayString as g, unref as _, useModel as v, useSlots as y, useTemplateRef as b, watch as x, withCtx as S } from "vue";
+import { useResizeObserver as C } from "@vueuse/core";
+import { ElPagination as w } from "element-plus";
+//#region packages/components/table/src/table.vue
+var T = { class: "d-table" }, E = {
+	key: 0,
+	class: "d-table__toolbar"
+}, D = { class: "d-table__toolbar-left" }, O = { class: "d-table__toolbar-right" }, k = {
+	key: 1,
+	class: "d-table__pagination"
+}, A = {
+	key: 0,
+	class: "d-table__scroll-tip"
+}, j = /* @__PURE__ */ t(/* @__PURE__ */ Object.assign({ name: "DTable" }, {
+	__name: "table",
+	props: /* @__PURE__ */ u({
+		storageKey: { type: String },
+		filterable: {
+			type: Boolean,
+			default: !1
+		},
+		total: {
+			type: Number,
+			default: 0
+		},
+		pageSizes: {
+			type: Array,
+			default: () => [
+				10,
+				20,
+				50,
+				100
+			]
+		},
+		pageLayout: {
+			type: String,
+			default: "total, sizes, prev, pager, next"
+		},
+		showPage: {
+			type: Boolean,
+			default: !0
+		},
+		showTip: {
+			type: Boolean,
+			default: !0
+		},
+		autoHeight: {
+			type: Boolean,
+			default: !1
+		},
+		availableHeight: {
+			type: Number,
+			default: 0
+		},
+		heightContainer: {
+			type: String,
+			default: ""
+		}
+	}, {
+		currentPage: {
+			type: Number,
+			default: 1
+		},
+		currentPageModifiers: {},
+		pageSize: {
+			type: Number,
+			default: 20
+		},
+		pageSizeModifiers: {}
+	}),
+	emits: /* @__PURE__ */ u(["page-change"], ["update:currentPage", "update:pageSize"]),
+	setup(t, { expose: u, emit: j }) {
+		let { t: M } = e(), N = t, P = j, F = v(t, "currentPage"), I = v(t, "pageSize"), L = y(), R = i(() => !!L.toolbar), z = m([]), B = m([]), V = m([]), H = () => `d-table-${N.storageKey}`, U = () => {
+			if (N.storageKey) try {
+				let e = localStorage.getItem(H());
+				if (!e) return;
+				let { checkedKeys: t, columnOrder: n } = JSON.parse(e);
+				Array.isArray(t) && (B.value = t), Array.isArray(n) && (V.value = n);
+			} catch {}
+		}, W = () => {
+			if (N.storageKey) try {
+				localStorage.setItem(H(), JSON.stringify({
+					checkedKeys: B.value,
+					columnOrder: V.value
+				}));
+			} catch {}
+		};
+		U(), x(z, () => {
+			let e = z.value.map((e) => e.prop), t = e.filter((e) => !V.value.includes(e));
+			t.length && (V.value = [...V.value, ...t], B.value = [...B.value, ...t]), V.value = V.value.filter((t) => e.includes(t)), B.value = B.value.filter((t) => e.includes(t));
+		}, { deep: !0 });
+		let G = {
+			columnList: z,
+			checkedKeys: B,
+			columnOrder: V,
+			saveConfig: W,
+			get storageKey() {
+				return H();
+			}
+		};
+		p("dTableContext", G);
+		let K = b("tableAreaRef"), q = m(void 0), J = () => {
+			if (!N.autoHeight || !N.availableHeight || !K.value) {
+				q.value = void 0;
+				return;
+			}
+			if (!N.heightContainer) {
+				q.value = void 0;
+				return;
+			}
+			let e = document.querySelector(N.heightContainer);
+			if (!e) return;
+			let { height: t } = e.getBoundingClientRect(), { height: n } = K.value.getBoundingClientRect(), r = N.availableHeight - (t - n);
+			q.value = r > 0 ? r : void 0;
+		};
+		return d(() => {
+			if (!K.value) return;
+			let e = K.value.parentElement, t = N.heightContainer ? document.querySelector(N.heightContainer) : null;
+			t && C(t, J), e && C(e, J), J();
+		}), x(() => [
+			N.autoHeight,
+			N.availableHeight,
+			N.heightContainer
+		], J), u({
+			tableContext: G,
+			saveConfig: W
+		}), (e, i) => (f(), s("div", T, [
+			R.value || t.filterable ? (f(), s("div", E, [c("div", D, [h(e.$slots, "toolbar", {}, void 0, !0)]), c("div", O, [t.filterable ? (f(), a(r, { key: 0 })) : o("", !0)])])) : o("", !0),
+			c("div", {
+				ref_key: "tableAreaRef",
+				ref: K,
+				class: "d-table__body"
+			}, [l(n, null, {
+				default: S(() => [h(e.$slots, "default", { tableHeight: q.value }, void 0, !0)]),
+				_: 3
+			})], 512),
+			t.showPage ? (f(), s("div", k, [h(e.$slots, "pagination", {}, () => [l(_(w), {
+				"current-page": F.value,
+				"onUpdate:currentPage": i[0] ||= (e) => F.value = e,
+				"page-size": I.value,
+				"onUpdate:pageSize": i[1] ||= (e) => I.value = e,
+				"page-sizes": t.pageSizes,
+				layout: t.pageLayout,
+				total: t.total,
+				onChange: i[2] ||= (e, t) => P("page-change", {
+					currentPage: e,
+					pageSize: t
+				})
+			}, null, 8, [
+				"current-page",
+				"page-size",
+				"page-sizes",
+				"layout",
+				"total"
+			])], !0), t.showTip ? (f(), s("span", A, g(_(M)("d.table.scrollTip")), 1)) : o("", !0)])) : o("", !0)
+		]));
+	}
+}), [["__scopeId", "data-v-a6c85ac1"]]);
+//#endregion
+export { j as default };

package/packages/components/table/src/table.vue_vue_type_style_index_0_scoped_a6c85ac1_lang.css

@@ -0,0 +1 @@
+.d-table[data-v-a6c85ac1]{flex-direction:column;gap:12px;display:flex}.d-table__toolbar[data-v-a6c85ac1]{justify-content:space-between;align-items:center;gap:12px;display:flex}.d-table__toolbar-left[data-v-a6c85ac1]{flex:1;align-items:center;gap:12px;display:flex}.d-table__toolbar-left[data-v-a6c85ac1] .el-button{margin:0}.d-table__toolbar-right[data-v-a6c85ac1]{flex-shrink:0;align-items:center;gap:12px;display:flex}.d-table__pagination[data-v-a6c85ac1]{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.d-table__scroll-tip[data-v-a6c85ac1]{color:var(--el-text-color-secondary);font-size:12px}