@taocompany/magic-grid 0.4.0 → 0.4.2

package/dist/index.es.js

@@ -15900,7 +15900,10 @@ var nx = class {
 			active: !1,
 			didMove: !1,
 			lastDropTarget: null,
-			lastLiveMovePointerX: null
+			lastLiveMovePointerX: null,
+			ghostOffsetX: 0,
+			ghostTop: 0,
+			dragDirection: "right"
 		}, document.addEventListener("mousemove", this.handleMove), document.addEventListener("mouseup", this.handleEnd));
 	}
 	end(e) {
@@ -15919,22 +15922,25 @@ var nx = class {
 		if (!t.active) {
 			if (Math.abs(n) <= 5 || Math.abs(n) < Math.abs(r)) return;
 			t.active = !0, t.didMove = !0, this.deps.suppressMoveWhenColumnDragging() || this.deps.setColumnMoveLiveDragging(!0), this.refreshSourceCell(t);
-			let e = this.resolveSourceCellRect(t), i = this.deps.columnModel.getColumnById(t.colId), a = this.resolveGhostPosition(e);
+			let i = this.resolveSourceCellRect(t), a = this.deps.columnModel.getColumnById(t.colId);
+			t.ghostOffsetX = e.clientX - i.left, t.ghostTop = i.bottom;
+			let o = this.resolveGhostPositionAtPointer(e.clientX, t);
 			this.deps.columnDragController.setColumnMoving(t.colId);
-			let o = this.resolveSourceCell(t);
-			o?.isConnected && (t.sourceCell = o, this.deps.columnDragController.setSourceHeaderDragging(o, !0)), this.deps.columnDragController.setHeaderViewportDragging(this.deps.headerViewportEl, !0), this.deps.columnDragController.startGhost({
-				label: i?.label ?? i?.prop ?? t.colId,
-				width: e.width,
-				height: e.height,
-				left: a.left,
-				top: a.top,
+			let s = this.resolveSourceCell(t);
+			s?.isConnected && (t.sourceCell = s, this.deps.columnDragController.setSourceHeaderDragging(s, !0)), this.deps.columnDragController.setHeaderViewportDragging(this.deps.headerViewportEl, !0), this.deps.columnDragController.startGhost({
+				label: a?.label ?? a?.prop ?? t.colId,
+				width: i.width,
+				height: i.height,
+				left: o.left,
+				top: o.top,
 				mountEl: this.deps.mountEl
 			});
 		}
-		let i = this.resolveSourceCellRect(t), a = this.resolveGhostPosition(i);
-		this.deps.columnDragController.moveGhost(a.left, a.top), t.pointerX = e.clientX, this.shouldSkipRenderAtPointerAtScrollBoundary(e.clientX, t) || this.renderAtPointer(t, e.clientX);
-		let o = this.resolveScrollHost(t), [s, c] = this.getScrollBounds(t), l = Xb(t.pointerX, s, c);
-		l !== 0 && this.canHostScrollBy(o, l) && Zb(t.pointerX, s, c) && this.ensureEdgeScrollLoop();
+		t.dragDirection = e.clientX >= t.startX ? "right" : "left";
+		let i = this.resolveGhostPositionAtPointer(e.clientX, t);
+		this.deps.columnDragController.moveGhost(i.left, i.top), t.pointerX = e.clientX, this.shouldSkipRenderAtPointerAtScrollBoundary(e.clientX, t) || this.renderAtPointer(t, e.clientX);
+		let a = this.resolveScrollHost(t), [o, s] = this.getScrollBounds(t), c = Xb(t.pointerX, o, s);
+		c !== 0 && this.canHostScrollBy(a, c) && Zb(t.pointerX, o, s) && this.ensureEdgeScrollLoop();
 	};
 	handleEnd = (e) => {
 		let t = this.drag;
@@ -15995,12 +16001,17 @@ var nx = class {
 	resolveHeaderLaneEl(e) {
 		return e === "left" ? this.deps.headerLeftLaneEl : e === "right" ? this.deps.headerRightLaneEl : this.deps.headerCenterLaneEl;
 	}
-	resolveGhostPosition(e) {
+	resolveGhostPositionAtPointer(e, t) {
 		return {
-			left: e.left,
-			top: e.bottom
+			left: e - t.ghostOffsetX,
+			top: t.ghostTop
 		};
 	}
+	constrainDropTargetByDragDirection(e, t) {
+		if (!e) return null;
+		let n = this.deps.columnModel.getColumns().findIndex((e) => e.colId === t.colId);
+		return n < 0 ? e : t.dragDirection === "left" && e.globalIndex >= n || t.dragDirection === "right" && e.globalIndex <= n ? null : e;
+	}
 	isSameDropTarget(e, t) {
 		return !e || !t ? e === t : e.globalIndex === t.globalIndex && e.toFixed === t.toFixed;
 	}
@@ -16151,9 +16162,10 @@ var nx = class {
 			laneRectLeft: a.left,
 			laneRectRight: a.right,
 			targetFixed: n.fixed,
+			sourceColId: t.colId,
 			laneHeaderCells: s
 		});
-		if (n.fixed === null && this.deps.viewportEl.scrollLeft > 0 && o) return o;
+		if (n.fixed === null && this.deps.viewportEl.scrollLeft > 0 && o) return this.constrainDropTargetByDragDirection(o, t);
 		let l = r.findIndex((e) => e.colId === t.colId);
 		return o && c && l >= 0 && c.globalIndex === l && o.globalIndex !== l && Ai({
 			columns: r,
@@ -16162,7 +16174,7 @@ var nx = class {
 			fixedGroups: i,
 			toFixed: o.toFixed,
 			allowCrossLaneColumnMove: this.deps.allowCrossLaneColumnMove()
-		}) ? o : c ?? o;
+		}) ? this.constrainDropTargetByDragDirection(o, t) : this.constrainDropTargetByDragDirection(c ?? o, t);
 	}
 };
 //#endregion
@@ -23338,7 +23350,7 @@ var dw = ["data-status-bar", "data-toolbar"], fw = {
 	"disabled",
 	"aria-disabled",
 	"title"
-], jw = /*@__PURE__*/ g({
+], jw = /* @__PURE__ */ g({
 	__name: "ColumnSettingsClearFiltersBar",
 	props: {
 		gridApi: {},
@@ -23359,14 +23371,10 @@ var dw = ["data-status-bar", "data-toolbar"], fw = {
 			onClick: i
 		}, " 清除全部筛选 ", 10, Aw));
 	}
-}), Mw = (e, t) => {
-	let n = e.__vccOpts || e;
-	for (let [e, r] of t) n[e] = r;
-	return n;
-}, Nw = /*#__PURE__*/ Mw(jw, [["__scopeId", "data-v-1c8bd037"]]);
+});
 //#endregion
 //#region src/core/column/columnSettingsFilterApply.ts
-function Pw(e) {
+function Mw(e) {
 	let t = null, n = () => {
 		t != null && (clearTimeout(t), t = null);
 	};
@@ -23402,7 +23410,7 @@ function Pw(e) {
 }
 //#endregion
 //#region src/components/ColumnSettings/ColumnFilterPanelEmbed.vue
-var Fw = /*#__PURE__*/ Mw(/* @__PURE__ */ g({
+var Nw = /* @__PURE__ */ g({
 	__name: "ColumnFilterPanelEmbed",
 	props: {
 		colId: {},
@@ -23412,7 +23420,7 @@ var Fw = /*#__PURE__*/ Mw(/* @__PURE__ */ g({
 	},
 	emits: ["change"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = D(null), a = null, o = null, s = Pw({
+		let n = e, r = t, i = D(null), a = null, o = null, s = Mw({
 			getFilterModel: () => n.gridApi.getFilterModel(),
 			setFilterModel: (e) => {
 				n.gridApi.setFilterModel(e), r("change");
@@ -23466,68 +23474,68 @@ var Fw = /*#__PURE__*/ Mw(/* @__PURE__ */ g({
 			class: "mg-column-settings__filter-embed"
 		}, null, 512));
 	}
-}), [["__scopeId", "data-v-85b2c30c"]]);
+});
 //#endregion
 //#region src/core/column/columnSettingsActions.ts
-function Iw(e) {
+function Pw(e) {
 	return e === null ? "asc" : e === "asc" ? "desc" : null;
 }
-function Lw(e, t, n) {
+function Fw(e, t, n) {
 	return t === null ? Xv(e, n) : t === "asc" ? Jv(e, n) : Yv(e, n);
 }
-function Rw(e, t, n) {
-	e.setSortModel(Lw(t, n, e.getSortModel()));
+function Iw(e, t, n) {
+	e.setSortModel(Fw(t, n, e.getSortModel()));
 }
-function zw(e, t, n) {
-	let r = Iw(n);
-	return Rw(e, t, r), r;
+function Lw(e, t, n) {
+	let r = Pw(n);
+	return Iw(e, t, r), r;
 }
-function Bw(e, t, n) {
+function Rw(e, t, n) {
 	return e.setColumnFixed(t, n);
 }
-function Vw(e) {
+function zw(e) {
 	return e === "asc" ? "升序" : e === "desc" ? "降序" : "无排序";
 }
-function Hw(e) {
+function Bw(e) {
 	return e === "left" ? "固定左侧" : e === "right" ? "固定右侧" : "不固定";
 }
 //#endregion
 //#region src/core/column/columnSettingsVisibility.ts
-var Uw = "[magic-grid] ColumnSettings: at least one user column must remain visible.";
-function Ww(e) {
+var Vw = "[magic-grid] ColumnSettings: at least one user column must remain visible.";
+function Hw(e) {
 	return e.filter((e) => ed(e.colId) && _o(e)).length;
 }
-function Gw(e) {
+function Uw(e) {
 	return e.filter((e) => ed(e.colId) && e.hidden).map((e) => e.colId);
 }
-function Kw(e, t) {
+function Ww(e, t) {
 	if (!ed(e)) return !1;
 	let n = t.find((t) => t.colId === e);
-	return !n || n.hidden ? !1 : Ww(t) > 1;
+	return !n || n.hidden ? !1 : Hw(t) > 1;
 }
-function qw(e, t, n, r = {}) {
+function Gw(e, t, n, r = {}) {
 	let i = r.warn ?? ((e) => console.warn(e));
-	return !n && !Kw(t, e.getColumns()) ? (i(Uw), !1) : e.setColumnsHidden([t], !n);
+	return !n && !Ww(t, e.getColumns()) ? (i(Vw), !1) : e.setColumnsHidden([t], !n);
 }
-function Jw(e) {
-	let t = Gw(e.getColumns());
+function Kw(e) {
+	let t = Uw(e.getColumns());
 	return t.length !== 0 && e.setColumnsHidden(t, !1);
 }
 //#endregion
 //#region src/components/ColumnSettings/ColumnSettingsRow.vue?vue&type=script&setup=true&lang.ts
-var Yw = ["data-col-id"], Xw = { class: "mg-column-settings__row-main" }, Zw = [
+var qw = ["data-col-id"], Jw = { class: "mg-column-settings__row-main" }, Yw = [
 	"draggable",
 	"aria-disabled",
 	"title"
-], Qw = ["title"], $w = {
+], Xw = ["title"], Zw = {
 	key: 1,
 	class: "mg-column-settings__row-actions"
-}, eT = ["aria-label", "title"], tT = ["aria-expanded", "aria-label"], nT = ["aria-label"], rT = [
+}, Qw = ["aria-label", "title"], $w = ["aria-expanded", "aria-label"], eT = ["aria-label"], tT = [
 	"aria-checked",
 	"aria-label",
 	"title",
 	"onClick"
-], iT = ["title"], aT = ["checked", "aria-label"], oT = /*#__PURE__*/ Mw(/* @__PURE__ */ g({
+], nT = ["title"], rT = ["checked", "aria-label"], iT = /* @__PURE__ */ g({
 	__name: "ColumnSettingsRow",
 	props: {
 		row: {},
@@ -23570,10 +23578,10 @@ var Yw = ["data-col-id"], Xw = { class: "mg-column-settings__row-main" }, Zw = [
 			"right"
 		];
 		function s() {
-			!n.gridApi || !n.row.sortable || (zw(n.gridApi, n.row.colId, n.row.sortDirection), r("change"));
+			!n.gridApi || !n.row.sortable || (Lw(n.gridApi, n.row.colId, n.row.sortDirection), r("change"));
 		}
 		function c(e) {
-			!n.gridApi || n.row.fixed === e || Bw(n.gridApi, n.row.colId, e) && r("change");
+			!n.gridApi || n.row.fixed === e || Rw(n.gridApi, n.row.colId, e) && r("change");
 		}
 		function p() {
 			i.value = !i.value;
@@ -23581,7 +23589,7 @@ var Yw = ["data-col-id"], Xw = { class: "mg-column-settings__row-main" }, Zw = [
 		function m(e) {
 			if (!n.gridApi) return;
 			let t = e.target, i = t.checked;
-			if (!qw(n.gridApi, n.row.colId, i)) {
+			if (!Gw(n.gridApi, n.row.colId, i)) {
 				t.checked = !i;
 				return;
 			}
@@ -23604,7 +23612,7 @@ var Yw = ["data-col-id"], Xw = { class: "mg-column-settings__row-main" }, Zw = [
 				"mg-column-settings__row--dragging": e.dragging
 			}]),
 			"data-col-id": e.row.colId
-		}, [f("div", Xw, [
+		}, [f("div", Jw, [
 			e.showDragHandle ? (E(), d("span", {
 				key: 0,
 				class: b(["mg-column-settings__drag-handle", { "mg-column-settings__drag-handle--disabled": !e.draggable }]),
@@ -23613,12 +23621,12 @@ var Yw = ["data-col-id"], Xw = { class: "mg-column-settings__row-main" }, Zw = [
 				title: e.draggable ? "拖拽调整列顺序" : "此列不可拖拽",
 				onDragstart: h,
 				onDragend: g
-			}, " ≡ ", 42, Zw)) : u("", !0),
+			}, " ≡ ", 42, Yw)) : u("", !0),
 			f("span", {
 				class: "mg-column-settings__row-label",
 				title: e.row.label
-			}, M(e.row.label), 9, Qw),
-			e.gridApi ? (E(), d("div", $w, [
+			}, M(e.row.label), 9, Xw),
+			e.gridApi ? (E(), d("div", Zw, [
 				e.showSort && e.row.sortable ? (E(), d("button", {
 					key: 0,
 					type: "button",
@@ -23626,10 +23634,10 @@ var Yw = ["data-col-id"], Xw = { class: "mg-column-settings__row-main" }, Zw = [
 						"mg-column-settings__sort-button--asc": e.row.sortDirection === "asc",
 						"mg-column-settings__sort-button--desc": e.row.sortDirection === "desc"
 					}]),
-					"aria-label": `${e.row.label} 排序：${N(Vw)(e.row.sortDirection)}`,
-					title: N(Vw)(e.row.sortDirection),
+					"aria-label": `${e.row.label} 排序：${N(zw)(e.row.sortDirection)}`,
+					title: N(zw)(e.row.sortDirection),
 					onClick: s
-				}, M(e.row.sortDirection === "asc" ? "↑" : e.row.sortDirection === "desc" ? "↓" : "↕"), 11, eT)) : u("", !0),
+				}, M(e.row.sortDirection === "asc" ? "↑" : e.row.sortDirection === "desc" ? "↓" : "↕"), 11, Qw)) : u("", !0),
 				e.showFilter && e.row.filterable ? (E(), d("button", {
 					key: 1,
 					type: "button",
@@ -23654,7 +23662,7 @@ var Yw = ["data-col-id"], Xw = { class: "mg-column-settings__row-main" }, Zw = [
 					f("path", { d: "M3 6h18" }),
 					f("path", { d: "M7 12h10" }),
 					f("path", { d: "M10 18h4" })
-				], -1)]], 10, tT)) : u("", !0),
+				], -1)]], 10, $w)) : u("", !0),
 				e.showPin ? (E(), d("div", {
 					key: 2,
 					class: "mg-column-settings__pin-group",
@@ -23666,10 +23674,10 @@ var Yw = ["data-col-id"], Xw = { class: "mg-column-settings__row-main" }, Zw = [
 					class: b(["mg-column-settings__pin-button", { "mg-column-settings__pin-button--active": e.row.fixed === t }]),
 					role: "radio",
 					"aria-checked": e.row.fixed === t,
-					"aria-label": N(Hw)(t),
-					title: N(Hw)(t),
+					"aria-label": N(Bw)(t),
+					title: N(Bw)(t),
 					onClick: (e) => c(t)
-				}, M(t === "left" ? "左" : t === "right" ? "右" : "中"), 11, rT)), 64))], 8, nT)) : u("", !0),
+				}, M(t === "left" ? "左" : t === "right" ? "右" : "中"), 11, tT)), 64))], 8, eT)) : u("", !0),
 				e.showVisibility ? (E(), d("label", {
 					key: 3,
 					class: "mg-column-settings__visibility",
@@ -23680,12 +23688,12 @@ var Yw = ["data-col-id"], Xw = { class: "mg-column-settings__row-main" }, Zw = [
 					checked: !e.row.hidden,
 					"aria-label": `${e.row.label} 显示列`,
 					onChange: m
-				}, null, 40, aT), n[2] ||= f("span", {
+				}, null, 40, rT), n[2] ||= f("span", {
 					class: "mg-column-settings__visibility-label",
 					"aria-hidden": "true"
-				}, "显示", -1)], 8, iT)) : u("", !0)
+				}, "显示", -1)], 8, nT)) : u("", !0)
 			])) : u("", !0)
-		]), i.value && e.gridApi && e.row.filterable ? (E(), l(Fw, {
+		]), i.value && e.gridApi && e.row.filterable ? (E(), l(Nw, {
 			key: 0,
 			class: "mg-column-settings__filter-panel",
 			"col-id": e.row.colId,
@@ -23698,19 +23706,19 @@ var Yw = ["data-col-id"], Xw = { class: "mg-column-settings__row-main" }, Zw = [
 			"grid-api",
 			"filter-set-value-mode",
 			"filter-set-date-layout-mode"
-		])) : u("", !0)], 10, Yw));
+		])) : u("", !0)], 10, qw));
 	}
-}), [["__scopeId", "data-v-d7915c64"]]);
+});
 //#endregion
 //#region src/core/column/columnSettingsMove.ts
-function sT(e, t) {
+function aT(e, t) {
 	return ed(e.colId) && !e.hidden && td(e.fixed) === t;
 }
-function cT(e, t) {
-	return e.filter((e) => sT(e, t));
+function oT(e, t) {
+	return e.filter((e) => aT(e, t));
 }
-function lT(e, t, n, r) {
-	let i = cT(e, t), a = i.findIndex((e) => e.colId === n);
+function sT(e, t, n, r) {
+	let i = oT(e, t), a = i.findIndex((e) => e.colId === n);
 	if (a < 0 || !e.find((e) => e.colId === n)?.movable) return null;
 	let o = Math.max(0, Math.min(r, i.length - 1));
 	if (a === o) return null;
@@ -23718,7 +23726,7 @@ function lT(e, t, n, r) {
 	s.splice(a, 1), s.splice(o, 0, n), e.map((e) => e.colId);
 	let c = [], l = 0;
 	for (let n of e) {
-		if (sT(n, t)) {
+		if (aT(n, t)) {
 			let e = s[l];
 			if (!e) return null;
 			c.push(e), l += 1;
@@ -23728,8 +23736,8 @@ function lT(e, t, n, r) {
 	}
 	return c;
 }
-function uT(e) {
-	let t = lT(e.columns, e.lane, e.colId, e.toDisplayIndex);
+function cT(e) {
+	let t = sT(e.columns, e.lane, e.colId, e.toDisplayIndex);
 	if (!t) return null;
 	let n = e.columns.findIndex((t) => t.colId === e.colId);
 	if (n < 0) return null;
@@ -23750,8 +23758,8 @@ function uT(e) {
 		allowCrossLaneColumnMove: !1
 	}) ? null : r;
 }
-function dT(e, t, n, r) {
-	let i = uT({
+function lT(e, t, n, r) {
+	let i = cT({
 		columns: e.getColumns(),
 		lane: t,
 		colId: n,
@@ -23761,7 +23769,7 @@ function dT(e, t, n, r) {
 }
 //#endregion
 //#region src/components/ColumnSettings/ColumnSettingsList.vue?vue&type=script&setup=true&lang.ts
-var fT = ["aria-label"], pT = { class: "mg-column-settings__rows" }, mT = ["onDragover", "onDrop"], hT = /*#__PURE__*/ Mw(/* @__PURE__ */ g({
+var uT = ["aria-label"], dT = { class: "mg-column-settings__rows" }, fT = ["onDragover", "onDrop"], pT = /* @__PURE__ */ g({
 	__name: "ColumnSettingsList",
 	props: {
 		lane: {},
@@ -23794,7 +23802,7 @@ var fT = ["aria-label"], pT = { class: "mg-column-settings__rows" }, mT = ["onDr
 				m();
 				return;
 			}
-			dT(r.gridApi, r.lane, n, e) && (i("reorder"), i("change")), m();
+			lT(r.gridApi, r.lane, n, e) && (i("reorder"), i("change")), m();
 		}
 		function m() {
 			a.value = null, s.value = null;
@@ -23803,12 +23811,12 @@ var fT = ["aria-label"], pT = { class: "mg-column-settings__rows" }, mT = ["onDr
 			key: 0,
 			class: b([N(Yu), `mg-column-settings__group--${e.lane}`]),
 			"aria-label": n[e.lane]
-		}, [f("div", pT, [(E(!0), d(o, null, k(e.rows, (t, n) => (E(), d("div", {
+		}, [f("div", dT, [(E(!0), d(o, null, k(e.rows, (t, n) => (E(), d("div", {
 			key: t.colId,
 			class: "mg-column-settings__row-host",
 			onDragover: (e) => l(n, e),
 			onDrop: (e) => p(n, e)
-		}, [h(oT, {
+		}, [h(iT, {
 			row: t,
 			"grid-api": e.gridApi,
 			draggable: t.movable,
@@ -23828,9 +23836,9 @@ var fT = ["aria-label"], pT = { class: "mg-column-settings__rows" }, mT = ["onDr
 			"show-filter",
 			"show-visibility",
 			"onDragstart"
-		])], 40, mT))), 128))])], 10, fT)) : u("", !0);
+		])], 40, fT))), 128))])], 10, uT)) : u("", !0);
 	}
-}), [["__scopeId", "data-v-69b1c1f5"]]), gT = { class: "mg-column-settings__groups" }, _T = { class: "mg-column-settings__visible-lanes" }, vT = { class: "mg-column-settings__hidden-divider" }, yT = { class: "mg-column-settings__hidden-divider-center" }, bT = ["aria-expanded"], xT = {
+}), mT = { class: "mg-column-settings__groups" }, hT = { class: "mg-column-settings__visible-lanes" }, gT = { class: "mg-column-settings__hidden-divider" }, _T = { class: "mg-column-settings__hidden-divider-center" }, vT = ["aria-expanded"], yT = {
 	key: 0,
 	class: "mg-column-settings__hidden-toggle-icon",
 	xmlns: "http://www.w3.org/2000/svg",
@@ -23843,7 +23851,7 @@ var fT = ["aria-label"], pT = { class: "mg-column-settings__rows" }, mT = ["onDr
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
-}, ST = {
+}, bT = {
 	key: 1,
 	class: "mg-column-settings__hidden-toggle-icon",
 	xmlns: "http://www.w3.org/2000/svg",
@@ -23856,7 +23864,7 @@ var fT = ["aria-label"], pT = { class: "mg-column-settings__rows" }, mT = ["onDr
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
-}, CT = { class: "mg-column-settings__hidden-rows" }, wT = { class: "mg-column-settings__rows" }, TT = /*#__PURE__*/ Mw(/* @__PURE__ */ g({
+}, xT = { class: "mg-column-settings__hidden-rows" }, ST = { class: "mg-column-settings__rows" }, CT = /* @__PURE__ */ g({
 	__name: "ColumnSettingsGroupedLists",
 	props: {
 		grouped: {},
@@ -23871,10 +23879,10 @@ var fT = ["aria-label"], pT = { class: "mg-column-settings__rows" }, mT = ["onDr
 	setup(e, { emit: t }) {
 		let n = e, r = t, i = D(!0);
 		function a() {
-			Jw(n.gridApi) && r("change");
+			Kw(n.gridApi) && r("change");
 		}
-		return (t, n) => (E(), d("div", gT, [f("div", _T, [
-			h(hT, {
+		return (t, n) => (E(), d("div", mT, [f("div", hT, [
+			h(pT, {
 				lane: "left",
 				rows: e.grouped.left,
 				"grid-api": e.gridApi,
@@ -23888,7 +23896,7 @@ var fT = ["aria-label"], pT = { class: "mg-column-settings__rows" }, mT = ["onDr
 				"show-filter",
 				"show-visibility"
 			]),
-			h(hT, {
+			h(pT, {
 				lane: "center",
 				rows: e.grouped.center,
 				"grid-api": e.gridApi,
@@ -23902,7 +23910,7 @@ var fT = ["aria-label"], pT = { class: "mg-column-settings__rows" }, mT = ["onDr
 				"show-filter",
 				"show-visibility"
 			]),
-			h(hT, {
+			h(pT, {
 				lane: "right",
 				rows: e.grouped.right,
 				"grid-api": e.gridApi,
@@ -23919,17 +23927,17 @@ var fT = ["aria-label"], pT = { class: "mg-column-settings__rows" }, mT = ["onDr
 		]), e.grouped.hidden.length > 0 ? (E(), d("section", {
 			key: 0,
 			class: b(N($u))
-		}, [f("div", vT, [
+		}, [f("div", gT, [
 			n[10] ||= f("span", {
 				class: "mg-column-settings__hidden-divider-line",
 				"aria-hidden": "true"
 			}, null, -1),
-			f("div", yT, [f("button", {
+			f("div", _T, [f("button", {
 				type: "button",
 				class: "mg-column-settings__hidden-toggle",
 				"aria-expanded": i.value,
 				onClick: n[6] ||= (e) => i.value = !i.value
-			}, [m(" 隐藏 (" + M(e.grouped.hidden.length) + ") ", 1), i.value ? (E(), d("svg", xT, [...n[8] ||= [p("<path d=\"m3 8 4-4 4 4\" data-v-62756c32></path><path d=\"M7 4v16\" data-v-62756c32></path><path d=\"M11 12h10\" data-v-62756c32></path><path d=\"M11 16h7\" data-v-62756c32></path><path d=\"M11 20h4\" data-v-62756c32></path>", 5)]])) : (E(), d("svg", ST, [...n[9] ||= [p("<path d=\"m3 16 4 4 4-4\" data-v-62756c32></path><path d=\"M7 20V4\" data-v-62756c32></path><path d=\"M11 4h10\" data-v-62756c32></path><path d=\"M11 8h7\" data-v-62756c32></path><path d=\"M11 12h4\" data-v-62756c32></path>", 5)]]))], 8, bT), f("button", {
+			}, [m(" 隐藏 (" + M(e.grouped.hidden.length) + ") ", 1), i.value ? (E(), d("svg", yT, [...n[8] ||= [p("<path d=\"m3 8 4-4 4 4\"></path><path d=\"M7 4v16\"></path><path d=\"M11 12h10\"></path><path d=\"M11 16h7\"></path><path d=\"M11 20h4\"></path>", 5)]])) : (E(), d("svg", bT, [...n[9] ||= [p("<path d=\"m3 16 4 4 4-4\"></path><path d=\"M7 20V4\"></path><path d=\"M11 4h10\"></path><path d=\"M11 8h7\"></path><path d=\"M11 12h4\"></path>", 5)]]))], 8, vT), f("button", {
 				type: "button",
 				class: "mg-column-settings__hidden-show-all",
 				onClick: a
@@ -23938,7 +23946,7 @@ var fT = ["aria-label"], pT = { class: "mg-column-settings__rows" }, mT = ["onDr
 				class: "mg-column-settings__hidden-divider-line",
 				"aria-hidden": "true"
 			}, null, -1)
-		]), ne(f("div", CT, [f("h4", { class: b([N(Xu), "mg-column-settings__sr-only"]) }, " 已隐藏列 ", 2), f("div", wT, [(E(!0), d(o, null, k(e.grouped.hidden, (t) => (E(), l(oT, {
+		]), ne(f("div", xT, [f("h4", { class: b([N(Xu), "mg-column-settings__sr-only"]) }, " 已隐藏列 ", 2), f("div", ST, [(E(!0), d(o, null, k(e.grouped.hidden, (t) => (E(), l(iT, {
 			key: t.colId,
 			row: t,
 			"grid-api": e.gridApi,
@@ -23954,10 +23962,10 @@ var fT = ["aria-label"], pT = { class: "mg-column-settings__rows" }, mT = ["onDr
 			"show-visibility"
 		]))), 128))])], 512), [[P, i.value]])], 2)) : u("", !0)]));
 	}
-}), [["__scopeId", "data-v-62756c32"]]);
+});
 //#endregion
 //#region src/core/column/columnSettingsProjection.ts
-function ET(e) {
+function wT(e) {
 	return {
 		colId: e.colId,
 		label: e.label,
@@ -23969,20 +23977,20 @@ function ET(e) {
 		hidden: e.hidden
 	};
 }
-function DT(e) {
-	return e.map(ET);
+function TT(e) {
+	return e.map(wT);
 }
-function OT(e, t = {}) {
+function ET(e, t = {}) {
 	return id({
-		columns: DT(e.getColumns()),
+		columns: TT(e.getColumns()),
 		sortModel: e.getSortModel(),
 		filterModel: e.getFilterModel(),
 		isColumnFilterActive: (t) => e.isColumnFilterActive(t),
 		includeHidden: t.includeHidden
 	});
 }
-function kT(e, t = {}) {
-	let n = OT(e, t);
+function DT(e, t = {}) {
+	let n = ET(e, t);
 	return {
 		rows: n,
 		grouped: ad(n),
@@ -23991,22 +23999,22 @@ function kT(e, t = {}) {
 }
 //#endregion
 //#region src/core/column/columnSettingsPanelSubscribe.ts
-var AT = [
+var OT = [
 	"sortChanged",
 	"filterChanged",
 	"columnMoved",
 	"columnPinned",
 	"columnHiddenChanged"
 ];
-function jT(e, t) {
-	let n = AT.map((n) => e.on(n, t));
+function kT(e, t) {
+	let n = OT.map((n) => e.on(n, t));
 	return () => {
 		for (let e of n) e();
 	};
 }
 //#endregion
 //#region src/components/ColumnSettings/ColumnSettingsPanel.vue?vue&type=script&setup=true&lang.ts
-var MT = { class: "mg-column-settings__header-leading" }, NT = /*#__PURE__*/ Mw(/* @__PURE__ */ g({
+var AT = { class: "mg-column-settings__header-leading" }, jT = /* @__PURE__ */ g({
 	__name: "ColumnSettingsPanel",
 	props: {
 		gridApi: {},
@@ -24025,12 +24033,12 @@ var MT = { class: "mg-column-settings__header-leading" }, NT = /*#__PURE__*/ Mw(
 	},
 	emits: ["close"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = j(kT(n.gridApi)), a = null;
+		let n = e, r = t, i = j(DT(n.gridApi)), a = null;
 		function o() {
-			i.value = kT(n.gridApi);
+			i.value = DT(n.gridApi);
 		}
 		function s() {
-			c(), o(), a = jT(n.gridApi, o);
+			c(), o(), a = kT(n.gridApi, o);
 		}
 		function c() {
 			a?.(), a = null;
@@ -24053,7 +24061,7 @@ var MT = { class: "mg-column-settings__header-leading" }, NT = /*#__PURE__*/ Mw(
 			class: b(N(Iu)),
 			role: "document",
 			"aria-label": "列设置"
-		}, [f("header", { class: b(N(Lu)) }, [f("div", MT, [n[1] ||= p("<div class=\"mg-column-settings__title-group\" data-v-d618f6f4><svg class=\"mg-column-settings__title-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" data-v-d618f6f4><path d=\"M10 8h4\" data-v-d618f6f4></path><path d=\"M12 21v-9\" data-v-d618f6f4></path><path d=\"M12 8V3\" data-v-d618f6f4></path><path d=\"M17 16h4\" data-v-d618f6f4></path><path d=\"M19 12V3\" data-v-d618f6f4></path><path d=\"M19 21v-5\" data-v-d618f6f4></path><path d=\"M3 14h4\" data-v-d618f6f4></path><path d=\"M5 10V3\" data-v-d618f6f4></path><path d=\"M5 21v-7\" data-v-d618f6f4></path></svg><h3 class=\"mg-column-settings__title\" data-v-d618f6f4>列设置</h3></div>", 1), h(Nw, {
+		}, [f("header", { class: b(N(Lu)) }, [f("div", AT, [n[1] ||= p("<div class=\"mg-column-settings__title-group\"><svg class=\"mg-column-settings__title-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M10 8h4\"></path><path d=\"M12 21v-9\"></path><path d=\"M12 8V3\"></path><path d=\"M17 16h4\"></path><path d=\"M19 12V3\"></path><path d=\"M19 21v-5\"></path><path d=\"M3 14h4\"></path><path d=\"M5 10V3\"></path><path d=\"M5 21v-7\"></path></svg><h3 class=\"mg-column-settings__title\">列设置</h3></div>", 1), h(jw, {
 			"grid-api": e.gridApi,
 			"can-clear-all-filters": i.value.canClearAllFilters,
 			onChange: l
@@ -24062,7 +24070,7 @@ var MT = { class: "mg-column-settings__header-leading" }, NT = /*#__PURE__*/ Mw(
 			class: "mg-column-settings__close",
 			"aria-label": "关闭列设置",
 			onClick: n[0] ||= (e) => r("close")
-		}, " × ")], 2), f("div", { class: b(N(Ru)) }, [h(TT, {
+		}, " × ")], 2), f("div", { class: b(N(Ru)) }, [h(CT, {
 			grouped: i.value.grouped,
 			"grid-api": e.gridApi,
 			"show-filter": e.showFilter,
@@ -24076,70 +24084,70 @@ var MT = { class: "mg-column-settings__header-leading" }, NT = /*#__PURE__*/ Mw(
 			"show-visibility"
 		])], 2)], 2));
 	}
-}), [["__scopeId", "data-v-d618f6f4"]]);
+});
 //#endregion
 //#region src/core/column/columnSettingsReset.ts
-function PT(e) {
+function MT(e) {
 	e.getSortModel().length !== 0 && e.setSortModel([]);
 }
-function FT(e) {
+function NT(e) {
 	e.clearAllFilters();
 }
-function IT(e) {
+function PT(e) {
 	e.resetColumnWidths();
 }
-function LT(e) {
+function FT(e) {
 	let t = e.getColumns(), n = JS(t);
 	YS(t.map((e) => e.colId), n) || e.resetColumnOrder();
 }
-function RT(e) {
+function IT(e) {
 	for (let t of e.getColumns()) !ed(t.colId) || t.fixed === null || e.setColumnFixed(t.colId, null);
 }
-function zT(e, t) {
+function LT(e, t) {
 	switch (t) {
 		case "sort":
-			PT(e);
+			MT(e);
 			break;
 		case "filter":
-			FT(e);
+			NT(e);
 			break;
 		case "width":
-			IT(e);
+			PT(e);
 			break;
 		case "order":
-			LT(e);
+			FT(e);
 			break;
 		case "pin":
-			RT(e);
+			IT(e);
 			break;
-		case "all": PT(e), FT(e), IT(e), LT(e), RT(e);
+		case "all": MT(e), NT(e), PT(e), FT(e), IT(e);
 	}
 }
 //#endregion
 //#region src/core/column/columnSettingsPopoverPosition.ts
-var BT = 8, VT = 4, HT = 320, UT = 400, WT = 168;
-function GT(e, t, n) {
-	let r = Math.min(UT, Math.max(HT, t)), i = e.right - r, a = e.bottom + VT;
-	return a + n > window.innerHeight - BT && (a = e.top - n - VT), i = Math.max(BT, Math.min(i, window.innerWidth - r - BT)), a = Math.max(BT, Math.min(a, window.innerHeight - n - BT)), {
+var RT = 8, zT = 4, BT = 320, VT = 400, HT = 168;
+function UT(e, t, n) {
+	let r = Math.min(VT, Math.max(BT, t)), i = e.right - r, a = e.bottom + zT;
+	return a + n > window.innerHeight - RT && (a = e.top - n - zT), i = Math.max(RT, Math.min(i, window.innerWidth - r - RT)), a = Math.max(RT, Math.min(a, window.innerHeight - n - RT)), {
 		left: i,
 		top: a
 	};
 }
-function KT(e, t, n) {
-	let r = Math.max(WT, t), i = e.left, a = e.bottom + VT;
-	return a + n > window.innerHeight - BT && (a = e.top - n - VT), i = Math.max(BT, Math.min(i, window.innerWidth - r - BT)), a = Math.max(BT, Math.min(a, window.innerHeight - n - BT)), {
+function WT(e, t, n) {
+	let r = Math.max(HT, t), i = e.left, a = e.bottom + zT;
+	return a + n > window.innerHeight - RT && (a = e.top - n - zT), i = Math.max(RT, Math.min(i, window.innerWidth - r - RT)), a = Math.max(RT, Math.min(a, window.innerHeight - n - RT)), {
 		left: i,
 		top: a
 	};
 }
 //#endregion
 //#region src/components/ColumnSettings/ColumnSettingsButton.vue?vue&type=script&setup=true&lang.ts
-var qT = [
+var GT = [
 	"disabled",
 	"aria-expanded",
 	"aria-label",
 	"title"
-], JT = /* @__PURE__ */ g({
+], KT = /* @__PURE__ */ g({
 	__name: "ColumnSettingsButton",
 	props: {
 		gridApi: {},
@@ -24201,7 +24209,7 @@ var qT = [
 			M(!0);
 		}
 		function ie(e) {
-			zT(n.gridApi, e), oe();
+			LT(n.gridApi, e), oe();
 		}
 		function ae() {
 			_.value && M(!1);
@@ -24220,10 +24228,10 @@ var qT = [
 			e.style.left = `${a}px`, e.style.top = `${s}px`, e.style.visibility = "";
 		}
 		function L() {
-			ce(p.value, KT);
+			ce(p.value, WT);
 		}
 		function le() {
-			ce(m.value, GT);
+			ce(m.value, UT);
 		}
 		function R() {
 			g.value && L(), _.value && le();
@@ -24295,7 +24303,7 @@ var qT = [
 			cx: "12",
 			cy: "12",
 			r: "3"
-		})], -1)]], 8, qT), (E(), l(s, {
+		})], -1)]], 8, GT), (E(), l(s, {
 			key: v.value,
 			to: O.value
 		}, [g.value ? (E(), d("div", {
@@ -24323,7 +24331,7 @@ var qT = [
 			role: "dialog",
 			"aria-modal": "false",
 			"aria-label": "列设置面板"
-		}, [h(NT, {
+		}, [h(jT, {
 			"grid-api": e.gridApi,
 			open: _.value,
 			"show-visibility": e.showVisibility,
@@ -24336,7 +24344,7 @@ var qT = [
 			"show-filter"
 		])], 2)], 2)) : u("", !0)], 8, ["to"]))], 6));
 	}
-}), YT = {
+}), qT = {
 	input: {
 		deferEnterCommit: !1,
 		commitOnChange: !1
@@ -24346,8 +24354,8 @@ var qT = [
 		commitOnChange: !0
 	}
 };
-function XT(e, t) {
-	let n = YT[t.strategy ?? "input"], r = t.formatValue ?? ((e) => String(e ?? "")), i = t.commitOnChange ?? n.commitOnChange;
+function JT(e, t) {
+	let n = qT[t.strategy ?? "input"], r = t.formatValue ?? ((e) => String(e ?? "")), i = t.commitOnChange ?? n.commitOnChange;
 	w(() => {
 		e.setGetValue?.(() => r(t.getValue())), e.setKeyboardPolicy?.({ deferEnterCommit: n.deferEnterCommit }), e.autoFocus !== !1 && t.onStart?.();
 	});
@@ -24377,6 +24385,6 @@ function XT(e, t) {
 	};
 }
 //#endregion
-export { Ee as BUILTIN_CELL_EDITOR_NAMES, Ki as COLUMN_DRAG_THRESHOLD_PX, JT as ColumnSettingsButton, Sw as ColumnSettingsMenuIcon, Tw as ColumnSettingsMenuItem, NT as ColumnSettingsPanel, uo as DEFAULT_CELL_EDITOR_MODE, mt as DEFAULT_INDEX_COLUMN_START, Ct as DEFAULT_SELECTION_SELECT_ALL_LABEL, VC as DEFAULT_STATUS_BAR_RANGE_AGGREGATION_PRECISION, ft as INDEX_COLUMN_ID, pt as INDEX_COLUMN_MIN_WIDTH, Oe as INLINE_CHECKBOX_CLASS, yw as MagicGrid, $l as RowMutationPersistError, St as SELECTION_COLUMN_DEFAULT_WIDTH, bt as SELECTION_COLUMN_ID, xt as SELECTION_COLUMN_MIN_WIDTH, qi as SORT_AFTER_MOVE_GUARD_MS, iw as VueCellEditorHost, Fe as checkboxCellEditor, Ae as coerceCheckboxEditorValue, ow as createSlotCellEditor, aw as createVueCellEditor, kC as evaluateGridAcceptance, je as formatCheckboxEditorRawValue, Be as getCellEditor, OC as getGridAcceptanceThresholds, DC as getGridSetDataLimit, He as getRegisteredCellEditorNames, Ve as hasCellEditor, De as isBuiltInCellEditor, mo as isInlineEditorColumn, ni as isSyntheticRow, Pe as numberCellEditor, Me as readCheckboxControlValue, Re as registerCellEditor, be as registerEditorSurfaceSelectors, xe as resetEditorSurfaceSelectors, fo as resolveCellEditorMode, po as resolveColumnCellEditorMode, Ne as textCellEditor, ri as toBusinessRowId, ai as toBusinessRowIdFromInternal, oi as toBusinessRowIdsFromInternal, fb as toggleHeaderSort, ze as unregisterCellEditor, XT as useCellEditor };
+export { Ee as BUILTIN_CELL_EDITOR_NAMES, Ki as COLUMN_DRAG_THRESHOLD_PX, KT as ColumnSettingsButton, Sw as ColumnSettingsMenuIcon, Tw as ColumnSettingsMenuItem, jT as ColumnSettingsPanel, uo as DEFAULT_CELL_EDITOR_MODE, mt as DEFAULT_INDEX_COLUMN_START, Ct as DEFAULT_SELECTION_SELECT_ALL_LABEL, VC as DEFAULT_STATUS_BAR_RANGE_AGGREGATION_PRECISION, ft as INDEX_COLUMN_ID, pt as INDEX_COLUMN_MIN_WIDTH, Oe as INLINE_CHECKBOX_CLASS, yw as MagicGrid, $l as RowMutationPersistError, St as SELECTION_COLUMN_DEFAULT_WIDTH, bt as SELECTION_COLUMN_ID, xt as SELECTION_COLUMN_MIN_WIDTH, qi as SORT_AFTER_MOVE_GUARD_MS, iw as VueCellEditorHost, Fe as checkboxCellEditor, Ae as coerceCheckboxEditorValue, ow as createSlotCellEditor, aw as createVueCellEditor, kC as evaluateGridAcceptance, je as formatCheckboxEditorRawValue, Be as getCellEditor, OC as getGridAcceptanceThresholds, DC as getGridSetDataLimit, He as getRegisteredCellEditorNames, Ve as hasCellEditor, De as isBuiltInCellEditor, mo as isInlineEditorColumn, ni as isSyntheticRow, Pe as numberCellEditor, Me as readCheckboxControlValue, Re as registerCellEditor, be as registerEditorSurfaceSelectors, xe as resetEditorSurfaceSelectors, fo as resolveCellEditorMode, po as resolveColumnCellEditorMode, Ne as textCellEditor, ri as toBusinessRowId, ai as toBusinessRowIdFromInternal, oi as toBusinessRowIdsFromInternal, fb as toggleHeaderSort, ze as unregisterCellEditor, JT as useCellEditor };
 
 //# sourceMappingURL=index.es.js.map