geekplus-digital-ui 0.2.1 → 0.2.3

package/components/copy/index.d.ts

@@ -60,7 +60,7 @@ export const DCopy: {
             href: string;
         }> & Omit<Readonly<import('element-plus').LinkProps> & Readonly<{
             onClick?: ((evt: MouseEvent) => any) | undefined;
-        }>, "type" | "underline" | "href" | "target"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "type" | "underline" | "href" | "target"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?: (props: {}) => any;
             } & {
@@ -126,7 +126,7 @@ export const DCopy: {
             href: string;
         }> & Omit<Readonly<import('element-plus').LinkProps> & Readonly<{
             onClick?: ((evt: MouseEvent) => any) | undefined;
-        }>, "type" | "underline" | "href" | "target"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "type" | "underline" | "href" | "target"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?: (props: {}) => any;
             } & {
@@ -205,7 +205,7 @@ export const DCopy: {
             href: string;
         }> & Omit<Readonly<import('element-plus').LinkProps> & Readonly<{
             onClick?: ((evt: MouseEvent) => any) | undefined;
-        }>, "type" | "underline" | "href" | "target"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "type" | "underline" | "href" | "target"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?: (props: {}) => any;
             } & {
@@ -280,7 +280,7 @@ export const DCopy: {
             href: string;
         }> & Omit<Readonly<import('element-plus').LinkProps> & Readonly<{
             onClick?: ((evt: MouseEvent) => any) | undefined;
-        }>, "type" | "underline" | "href" | "target"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "type" | "underline" | "href" | "target"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?: (props: {}) => any;
             } & {
@@ -346,7 +346,7 @@ export const DCopy: {
             href: string;
         }> & Omit<Readonly<import('element-plus').LinkProps> & Readonly<{
             onClick?: ((evt: MouseEvent) => any) | undefined;
-        }>, "type" | "underline" | "href" | "target"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "type" | "underline" | "href" | "target"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?: (props: {}) => any;
             } & {
@@ -429,7 +429,7 @@ export const DCopy: {
         href: string;
     }> & Omit<Readonly<import('element-plus').LinkProps> & Readonly<{
         onClick?: ((evt: MouseEvent) => any) | undefined;
-    }>, "type" | "underline" | "href" | "target"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    }>, "type" | "underline" | "href" | "target"> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?: (props: {}) => any;
         } & {
@@ -495,7 +495,7 @@ export const DCopy: {
         href: string;
     }> & Omit<Readonly<import('element-plus').LinkProps> & Readonly<{
         onClick?: ((evt: MouseEvent) => any) | undefined;
-    }>, "type" | "underline" | "href" | "target"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    }>, "type" | "underline" | "href" | "target"> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?: (props: {}) => any;
         } & {

package/components/copy/src/copy.vue.d.ts

@@ -64,7 +64,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         href: string;
     }> & Omit<Readonly<import('element-plus').LinkProps> & Readonly<{
         onClick?: ((evt: MouseEvent) => any) | undefined;
-    }>, "type" | "underline" | "href" | "target"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    }>, "type" | "underline" | "href" | "target"> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?: (props: {}) => any;
         } & {
@@ -130,7 +130,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         href: string;
     }> & Omit<Readonly<import('element-plus').LinkProps> & Readonly<{
         onClick?: ((evt: MouseEvent) => any) | undefined;
-    }>, "type" | "underline" | "href" | "target"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    }>, "type" | "underline" | "href" | "target"> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?: (props: {}) => any;
         } & {
@@ -209,7 +209,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         href: string;
     }> & Omit<Readonly<import('element-plus').LinkProps> & Readonly<{
         onClick?: ((evt: MouseEvent) => any) | undefined;
-    }>, "type" | "underline" | "href" | "target"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    }>, "type" | "underline" | "href" | "target"> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?: (props: {}) => any;
         } & {
@@ -263,7 +263,7 @@ type __VLS_TemplateResult = {
             href: string;
         }> & Omit<Readonly<LinkProps> & Readonly<{
             onClick?: ((evt: MouseEvent) => any) | undefined;
-        }>, "type" | "underline" | "href" | "target"> & ShallowUnwrapRef<{}> & ExtractComputedReturns<{}> & ComponentCustomProperties & {} & {
+        }>, "type" | "underline" | "href" | "target"> & ExtractComputedReturns<{}> & ComponentCustomProperties & {} & {
             $slots: __VLS_Slots;
         }) | null;
     };

package/components/icons/grip-dots-vertical-solid.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/components/icons/grip-dots-vertical-solid.vue.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/grip-dots-vertical-solid.vue
+var i = {}, a = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 320 512"
+};
+function o(e, i) {
+	return r(), t("svg", a, [...i[0] ||= [n("path", {
+		fill: "currentColor",
+		d: "M128 64A64 64 0 1 0 0 64 64 64 0 1 0 128 64zm0 192a64 64 0 1 0 -128 0 64 64 0 1 0 128 0zM0 448c0 35.3 28.7 64 64 64s64-28.7 64-64-28.7-64-64-64-64 28.7-64 64zM320 64a64 64 0 1 0 -128 0 64 64 0 1 0 128 0zM192 256a64 64 0 1 0 128 0 64 64 0 1 0 -128 0zM320 448c0-35.3-28.7-64-64-64s-64 28.7-64 64 28.7 64 64 64 64-28.7 64-64z"
+	}, null, -1)]]);
+}
+var s = /* @__PURE__ */ e(i, [["render", o]]);
+//#endregion
+export { s as default };

package/components/table/index.d.ts

@@ -4,6 +4,7 @@ export const DTable: {
             columnList: import('vue').Ref<never[], never[]>;
             checkedKeys: import('vue').Ref<never[], never[]>;
             columnOrder: import('vue').Ref<never[], never[]>;
+            columnFixed: import('vue').Ref<{}, {}>;
             saveConfig: () => void;
             readonly storageKey: string;
         };
@@ -45,6 +46,7 @@ export const DTable: {
             columnList: import('vue').Ref<never[], never[]>;
             checkedKeys: import('vue').Ref<never[], never[]>;
             columnOrder: import('vue').Ref<never[], never[]>;
+            columnFixed: import('vue').Ref<{}, {}>;
             saveConfig: () => void;
             readonly storageKey: string;
         };
@@ -81,6 +83,7 @@ export const DTable: {
         columnList: import('vue').Ref<never[], never[]>;
         checkedKeys: import('vue').Ref<never[], never[]>;
         columnOrder: import('vue').Ref<never[], never[]>;
+        columnFixed: import('vue').Ref<{}, {}>;
         saveConfig: () => void;
         readonly storageKey: string;
     };

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

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

package/components/table/src/table-filter.vue_vue_type_style_index_0_scoped_93138aaa_lang.css

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

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

@@ -11,8 +11,8 @@ var r = (e) => (e?.type?.name || e?.type?.__name) === "ElTableColumn", i = (t) =
 	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);
+		let { prop: e } = i.props || {};
+		e ? t.push(i) : n.push(i);
 	}
 	return {
 		controllable: t,
@@ -28,24 +28,33 @@ var r = (e) => (e?.type?.name || e?.type?.__name) === "ElTableColumn", i = (t) =
 			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,
+				label: e.props.label || e.props.type || e.props.prop,
 				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 = [
+			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 = s.columnFixed?.value ?? {}, _ = (e) => {
+				let n = e.props?.prop;
+				if (!n || !Object.prototype.hasOwnProperty.call(g, n)) return e;
+				let r = g[n], i = { ...e.props };
+				return r ? i.fixed = r : delete i.fixed, t(e.type, i, e.children);
+			}, v = [
 				...m,
-				...p,
+				...p.map(_),
 				...h
-			], _ = [...s.checkedKeys.value, ...s.columnOrder.value].join(","), v = t(c.type, {
+			], y = Object.entries(g).map(([e, t]) => `${e}:${t}`).join(","), b = [
+				...s.checkedKeys.value,
+				...s.columnOrder.value,
+				y
+			].join(","), x = t(c.type, {
 				...c.props,
-				key: _
+				key: b
 			}, {
 				...c.children,
-				default: () => g
+				default: () => v
 			});
-			return n.map((e) => e === c ? v : e);
+			return n.map((e) => e === c ? x : e);
 		};
 	}
 };

package/components/table/src/table.vue.d.ts

@@ -8,6 +8,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         columnList: import('vue').Ref<never[], never[]>;
         checkedKeys: import('vue').Ref<never[], never[]>;
         columnOrder: import('vue').Ref<never[], never[]>;
+        columnFixed: import('vue').Ref<{}, {}>;
         saveConfig: () => void;
         readonly storageKey: string;
     };

package/components/table/src/table.vue.js

@@ -3,7 +3,7 @@ import "../../../hooks/index.js";
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
 import n from "./table-wrapper.vue.js";
 import r from "./table-filter.vue.js";
-import './table.vue_vue_type_style_index_0_scoped_a6c85ac1_lang.css';/* empty css                                                           */
+import './table.vue_vue_type_style_index_0_scoped_d07e3dbc_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";
@@ -76,68 +76,73 @@ var T = { class: "d-table" }, E = {
 	}),
 	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 = () => {
+		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 = m({}), U = () => `d-table-${N.storageKey}`, W = () => {
 			if (N.storageKey) try {
-				let e = localStorage.getItem(H());
+				let e = localStorage.getItem(U());
 				if (!e) return;
-				let { checkedKeys: t, columnOrder: n } = JSON.parse(e);
-				Array.isArray(t) && (B.value = t), Array.isArray(n) && (V.value = n);
+				let { checkedKeys: t, columnOrder: n, columnFixed: r } = JSON.parse(e);
+				Array.isArray(t) && (B.value = t), Array.isArray(n) && (V.value = n), r && typeof r == "object" && !Array.isArray(r) && (H.value = r);
 			} catch {}
-		}, W = () => {
+		}, G = () => {
 			if (N.storageKey) try {
-				localStorage.setItem(H(), JSON.stringify({
+				localStorage.setItem(U(), JSON.stringify({
 					checkedKeys: B.value,
-					columnOrder: V.value
+					columnOrder: V.value,
+					columnFixed: H.value
 				}));
 			} catch {}
 		};
-		U(), x(z, () => {
+		W(), 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));
+			let n = {};
+			for (let [t, r] of Object.entries(H.value)) e.includes(t) && (n[t] = r);
+			H.value = n;
 		}, { deep: !0 });
-		let G = {
+		let K = {
 			columnList: z,
 			checkedKeys: B,
 			columnOrder: V,
-			saveConfig: W,
+			columnFixed: H,
+			saveConfig: G,
 			get storageKey() {
-				return H();
+				return U();
 			}
 		};
-		p("dTableContext", G);
-		let K = b("tableAreaRef"), q = m(void 0), J = () => {
-			if (!N.autoHeight || !N.availableHeight || !K.value) {
-				q.value = void 0;
+		p("dTableContext", K);
+		let q = b("tableAreaRef"), J = m(void 0), Y = () => {
+			if (!N.autoHeight || !N.availableHeight || !q.value) {
+				J.value = void 0;
 				return;
 			}
 			if (!N.heightContainer) {
-				q.value = void 0;
+				J.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;
+			let { height: t } = e.getBoundingClientRect(), { height: n } = q.value.getBoundingClientRect(), r = N.availableHeight - (t - n);
+			J.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();
+			if (!q.value) return;
+			let e = q.value.parentElement, t = N.heightContainer ? document.querySelector(N.heightContainer) : null;
+			t && C(t, Y), e && C(e, Y), Y();
 		}), x(() => [
 			N.autoHeight,
 			N.availableHeight,
 			N.heightContainer
-		], J), u({
-			tableContext: G,
-			saveConfig: W
+		], Y), u({
+			tableContext: K,
+			saveConfig: G
 		}), (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,
+				ref: q,
 				class: "d-table__body"
 			}, [l(n, null, {
-				default: S(() => [h(e.$slots, "default", { tableHeight: q.value }, void 0, !0)]),
+				default: S(() => [h(e.$slots, "default", { tableHeight: J.value }, void 0, !0)]),
 				_: 3
 			})], 512),
 			t.showPage ? (f(), s("div", k, [h(e.$slots, "pagination", {}, () => [l(_(w), {
@@ -161,6 +166,6 @@ var T = { class: "d-table" }, E = {
 			])], !0), t.showTip ? (f(), s("span", A, g(_(M)("d.table.scrollTip")), 1)) : o("", !0)])) : o("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-a6c85ac1"]]);
+}), [["__scopeId", "data-v-d07e3dbc"]]);
 //#endregion
 export { j as default };

package/components/table/src/table.vue_vue_type_style_index_0_scoped_d07e3dbc_lang.css

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

package/components/upload/index.d.ts

@@ -109,13 +109,13 @@ export const DUpload: import('vue').DefineComponent<{}, {
         autoUpload: boolean;
         listType: import('element-plus').ListType;
         httpRequest: import('element-plus').UploadRequestHandler;
-    }> & Omit<Readonly<import('element-plus').UploadProps> & Readonly<{}>, "name" | "data" | "onChange" | "onError" | "onProgress" | "disabled" | "beforeUpload" | "onRemove" | "onPreview" | "onSuccess" | "onExceed" | "action" | "method" | "showFileList" | "accept" | "fileList" | "autoUpload" | "listType" | "httpRequest" | "abort" | "submit" | "clearFiles" | "handleStart" | "handleRemove"> & import('vue').ShallowUnwrapRef<{
+    }> & Omit<Readonly<import('element-plus').UploadProps> & Readonly<{}>, "name" | "data" | "onChange" | "onError" | "onProgress" | "disabled" | "beforeUpload" | "onRemove" | "onPreview" | "onSuccess" | "onExceed" | "action" | "method" | "showFileList" | "accept" | "fileList" | "autoUpload" | "listType" | "httpRequest" | "abort" | "submit" | "clearFiles" | "handleStart" | "handleRemove"> & {
         abort: (file?: import('element-plus').UploadFile) => void;
         submit: () => void;
         clearFiles: (states?: import('element-plus').UploadStatus[]) => void;
         handleStart: (rawFile: import('element-plus').UploadRawFile) => void;
         handleRemove: (file: import('element-plus').UploadFile | import('element-plus').UploadRawFile) => void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
+    } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             file?: (props: {
                 file: import('element-plus').UploadFile;
@@ -249,13 +249,13 @@ export const DUpload: import('vue').DefineComponent<{}, {
         autoUpload: boolean;
         listType: import('element-plus').ListType;
         httpRequest: import('element-plus').UploadRequestHandler;
-    }> & Omit<Readonly<import('element-plus').UploadProps> & Readonly<{}>, "name" | "data" | "onChange" | "onError" | "onProgress" | "disabled" | "beforeUpload" | "onRemove" | "onPreview" | "onSuccess" | "onExceed" | "action" | "method" | "showFileList" | "accept" | "fileList" | "autoUpload" | "listType" | "httpRequest" | "abort" | "submit" | "clearFiles" | "handleStart" | "handleRemove"> & import('vue').ShallowUnwrapRef<{
+    }> & Omit<Readonly<import('element-plus').UploadProps> & Readonly<{}>, "name" | "data" | "onChange" | "onError" | "onProgress" | "disabled" | "beforeUpload" | "onRemove" | "onPreview" | "onSuccess" | "onExceed" | "action" | "method" | "showFileList" | "accept" | "fileList" | "autoUpload" | "listType" | "httpRequest" | "abort" | "submit" | "clearFiles" | "handleStart" | "handleRemove"> & {
         abort: (file?: import('element-plus').UploadFile) => void;
         submit: () => void;
         clearFiles: (states?: import('element-plus').UploadStatus[]) => void;
         handleStart: (rawFile: import('element-plus').UploadRawFile) => void;
         handleRemove: (file: import('element-plus').UploadFile | import('element-plus').UploadRawFile) => void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
+    } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             file?: (props: {
                 file: import('element-plus').UploadFile;
@@ -428,13 +428,13 @@ export const DUpload: import('vue').DefineComponent<{}, {
         autoUpload: boolean;
         listType: import('element-plus').ListType;
         httpRequest: import('element-plus').UploadRequestHandler;
-    }> & Omit<Readonly<import('element-plus').UploadProps> & Readonly<{}>, "name" | "data" | "onChange" | "onError" | "onProgress" | "disabled" | "beforeUpload" | "onRemove" | "onPreview" | "onSuccess" | "onExceed" | "action" | "method" | "showFileList" | "accept" | "fileList" | "autoUpload" | "listType" | "httpRequest" | "abort" | "submit" | "clearFiles" | "handleStart" | "handleRemove"> & import('vue').ShallowUnwrapRef<{
+    }> & Omit<Readonly<import('element-plus').UploadProps> & Readonly<{}>, "name" | "data" | "onChange" | "onError" | "onProgress" | "disabled" | "beforeUpload" | "onRemove" | "onPreview" | "onSuccess" | "onExceed" | "action" | "method" | "showFileList" | "accept" | "fileList" | "autoUpload" | "listType" | "httpRequest" | "abort" | "submit" | "clearFiles" | "handleStart" | "handleRemove"> & {
         abort: (file?: import('element-plus').UploadFile) => void;
         submit: () => void;
         clearFiles: (states?: import('element-plus').UploadStatus[]) => void;
         handleStart: (rawFile: import('element-plus').UploadRawFile) => void;
         handleRemove: (file: import('element-plus').UploadFile | import('element-plus').UploadRawFile) => void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
+    } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             file?: (props: {
                 file: import('element-plus').UploadFile;

package/components/upload/src/upload.vue.d.ts

@@ -109,13 +109,13 @@ declare const _default: import('vue').DefineComponent<{}, {
         autoUpload: boolean;
         listType: import('element-plus').ListType;
         httpRequest: import('element-plus').UploadRequestHandler;
-    }> & Omit<Readonly<import('element-plus').UploadProps> & Readonly<{}>, "name" | "data" | "onChange" | "onError" | "onProgress" | "disabled" | "beforeUpload" | "onRemove" | "onPreview" | "onSuccess" | "onExceed" | "action" | "method" | "showFileList" | "accept" | "fileList" | "autoUpload" | "listType" | "httpRequest" | "abort" | "submit" | "clearFiles" | "handleStart" | "handleRemove"> & import('vue').ShallowUnwrapRef<{
+    }> & Omit<Readonly<import('element-plus').UploadProps> & Readonly<{}>, "name" | "data" | "onChange" | "onError" | "onProgress" | "disabled" | "beforeUpload" | "onRemove" | "onPreview" | "onSuccess" | "onExceed" | "action" | "method" | "showFileList" | "accept" | "fileList" | "autoUpload" | "listType" | "httpRequest" | "abort" | "submit" | "clearFiles" | "handleStart" | "handleRemove"> & {
         abort: (file?: import('element-plus').UploadFile) => void;
         submit: () => void;
         clearFiles: (states?: import('element-plus').UploadStatus[]) => void;
         handleStart: (rawFile: import('element-plus').UploadRawFile) => void;
         handleRemove: (file: import('element-plus').UploadFile | import('element-plus').UploadRawFile) => void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
+    } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             file?: (props: {
                 file: import('element-plus').UploadFile;
@@ -249,13 +249,13 @@ declare const _default: import('vue').DefineComponent<{}, {
         autoUpload: boolean;
         listType: import('element-plus').ListType;
         httpRequest: import('element-plus').UploadRequestHandler;
-    }> & Omit<Readonly<import('element-plus').UploadProps> & Readonly<{}>, "name" | "data" | "onChange" | "onError" | "onProgress" | "disabled" | "beforeUpload" | "onRemove" | "onPreview" | "onSuccess" | "onExceed" | "action" | "method" | "showFileList" | "accept" | "fileList" | "autoUpload" | "listType" | "httpRequest" | "abort" | "submit" | "clearFiles" | "handleStart" | "handleRemove"> & import('vue').ShallowUnwrapRef<{
+    }> & Omit<Readonly<import('element-plus').UploadProps> & Readonly<{}>, "name" | "data" | "onChange" | "onError" | "onProgress" | "disabled" | "beforeUpload" | "onRemove" | "onPreview" | "onSuccess" | "onExceed" | "action" | "method" | "showFileList" | "accept" | "fileList" | "autoUpload" | "listType" | "httpRequest" | "abort" | "submit" | "clearFiles" | "handleStart" | "handleRemove"> & {
         abort: (file?: import('element-plus').UploadFile) => void;
         submit: () => void;
         clearFiles: (states?: import('element-plus').UploadStatus[]) => void;
         handleStart: (rawFile: import('element-plus').UploadRawFile) => void;
         handleRemove: (file: import('element-plus').UploadFile | import('element-plus').UploadRawFile) => void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
+    } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             file?: (props: {
                 file: import('element-plus').UploadFile;
@@ -428,13 +428,13 @@ declare const _default: import('vue').DefineComponent<{}, {
         autoUpload: boolean;
         listType: import('element-plus').ListType;
         httpRequest: import('element-plus').UploadRequestHandler;
-    }> & Omit<Readonly<import('element-plus').UploadProps> & Readonly<{}>, "name" | "data" | "onChange" | "onError" | "onProgress" | "disabled" | "beforeUpload" | "onRemove" | "onPreview" | "onSuccess" | "onExceed" | "action" | "method" | "showFileList" | "accept" | "fileList" | "autoUpload" | "listType" | "httpRequest" | "abort" | "submit" | "clearFiles" | "handleStart" | "handleRemove"> & import('vue').ShallowUnwrapRef<{
+    }> & Omit<Readonly<import('element-plus').UploadProps> & Readonly<{}>, "name" | "data" | "onChange" | "onError" | "onProgress" | "disabled" | "beforeUpload" | "onRemove" | "onPreview" | "onSuccess" | "onExceed" | "action" | "method" | "showFileList" | "accept" | "fileList" | "autoUpload" | "listType" | "httpRequest" | "abort" | "submit" | "clearFiles" | "handleStart" | "handleRemove"> & {
         abort: (file?: import('element-plus').UploadFile) => void;
         submit: () => void;
         clearFiles: (states?: import('element-plus').UploadStatus[]) => void;
         handleStart: (rawFile: import('element-plus').UploadRawFile) => void;
         handleRemove: (file: import('element-plus').UploadFile | import('element-plus').UploadRawFile) => void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
+    } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             file?: (props: {
                 file: import('element-plus').UploadFile;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "geekplus-digital-ui",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "homepage": "https://ui.geekplus.cc/static/ui/",
   "type": "module",
   "main": "index.js",
@@ -27,7 +27,7 @@
     "file-saver": "^2.0.5",
     "lodash-es": "^4.18.1",
     "sortablejs": "^1.15.7",
-    "vue-i18n": "^11.3.0"
+    "vue-i18n": "^11.3.2"
   },
   "peerDependencies": {
     "element-plus": "^2.13.0",

package/skills/use-geekplus-digital-ui/SKILL.md

@@ -46,7 +46,7 @@ Peer dependencies: `vue@^3.5.0`、`element-plus@^2.13.0`
 | **InlineEdit** | `<d-inline-edit>` | 展示态/编辑态切换 |
 | **SearchForm** | `<d-search-form>` | 可折叠搜索筛选区域 |
 | **SearchItem** | `<d-search-item>` | 搜索表单的单个搜索项，配合 SearchForm 使用 |
-| **Table** | `<d-table>` | 表格列筛选/拖排/内置分页/自适应高度 |
+| **Table** | `<d-table>` | 表格列筛选/拖排/跨区固定/内置分页/自适应高度 |
 
 详细 Props/Events/Slots API 请查阅文档：https://ui.geekplus.cc/static/ui/
 
@@ -60,7 +60,7 @@ Peer dependencies: `vue@^3.5.0`、`element-plus@^2.13.0`
    - 图标悬浮提示 → `<d-icon-tip>`
    - 行内编辑切换 → `<d-inline-edit>`
    - 搜索筛选表单 → `<d-search-form>` + `<d-search-item>`
-   - 表格列显示/隐藏、列拖动排序、分页、表格自适应高度 → `<d-table>`
+   - 表格列显示/隐藏、列拖动排序、跨区拖拽改变固定状态、分页、表格自适应高度 → `<d-table>`
 
 2. **全局配置优先**：通用参数（如 Upload 的 `domain`、`axios`、`url`）应通过全局配置注入，业务页面只关注数据绑定和交互逻辑：
 

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

@@ -1 +0,0 @@
-.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/components/table/src/table.vue_vue_type_style_index_0_scoped_a6c85ac1_lang.css

@@ -1 +0,0 @@
-.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}