@hkyhy/marsun-components-core 0.1.34 → 0.1.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Icons/index.d.ts +2 -1
- package/dist/components/Icons/index.js +158 -155
- package/dist/components/Icons/index.js.map +1 -1
- package/dist/components/Table/ColumnConfigPanel.js +164 -137
- package/dist/components/Table/ColumnConfigPanel.js.map +1 -1
- package/dist/components/Table/Table.d.ts +26 -6
- package/dist/components/Table/Table.js +313 -100
- package/dist/components/Table/Table.js.map +1 -1
- package/dist/components/Table/columnConfig.module.scss.js +32 -28
- package/dist/components/Table/columnConfig.module.scss.js.map +1 -1
- package/dist/components/Table/columnConfigUtils.d.ts +8 -1
- package/dist/components/Table/columnConfigUtils.js +114 -84
- package/dist/components/Table/columnConfigUtils.js.map +1 -1
- package/dist/components/Table/index.d.ts +2 -2
- package/dist/components/Table/style.module.scss.js +16 -3
- package/dist/components/Table/style.module.scss.js.map +1 -1
- package/dist/components/Table/tablePrefsTypes.d.ts +12 -0
- package/dist/components/Table/tablePrefsTypes.js +7 -0
- package/dist/components/Table/tablePrefsTypes.js.map +1 -0
- package/dist/components/Table/tablePrefsUtils.d.ts +11 -0
- package/dist/components/Table/tablePrefsUtils.js +66 -0
- package/dist/components/Table/tablePrefsUtils.js.map +1 -0
- package/dist/index.js +384 -372
- package/dist/index.js.map +1 -1
- package/dist/marsun-components-core.css +1 -1
- package/dist/styles/global.css +1 -1
- package/package.json +1 -1
|
@@ -1,178 +1,203 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useState as
|
|
3
|
-
import { Popover as
|
|
4
|
-
import { Settings as
|
|
5
|
-
import { mergePanelWithConfig as
|
|
6
|
-
import
|
|
7
|
-
function
|
|
1
|
+
import { jsx as l, jsxs as S, Fragment as I } from "react/jsx-runtime";
|
|
2
|
+
import { useState as w, useCallback as x, useMemo as j } from "react";
|
|
3
|
+
import { Popover as W, Tooltip as J, Collapse as Q, Input as R, Space as X, Button as V, Empty as A, Checkbox as Y } from "antd";
|
|
4
|
+
import { Settings as Z, Undo2 as $, ChevronDown as q, ChevronRight as ee } from "../Icons/index.js";
|
|
5
|
+
import { mergePanelWithConfig as ne, splitVisibleHidden as re, panelItemsToConfig as le } from "./columnConfigUtils.js";
|
|
6
|
+
import o from "./columnConfig.module.scss.js";
|
|
7
|
+
function F(t, n) {
|
|
8
8
|
if (!n) return !0;
|
|
9
|
-
const
|
|
9
|
+
const a = n.toLowerCase();
|
|
10
10
|
return t.some(
|
|
11
|
-
(e) => e.label.toLowerCase().includes(
|
|
11
|
+
(e) => e.label.toLowerCase().includes(a) || e.id.toLowerCase().includes(a) || (e.children ? F(e.children, n) : !1)
|
|
12
12
|
);
|
|
13
13
|
}
|
|
14
|
-
const
|
|
15
|
-
const [
|
|
16
|
-
|
|
17
|
-
},
|
|
18
|
-
|
|
19
|
-
const
|
|
20
|
-
if (
|
|
21
|
-
const
|
|
22
|
-
|
|
14
|
+
const E = ({ items: t, search: n, onChange: a, onToggle: e, depth: h = 0, collapsedIds: d, onToggleCollapse: u }) => {
|
|
15
|
+
const [g, k] = w(null), T = !!n.trim(), z = j(() => n.trim() ? t.map((r, c) => ({ it: r, i: c })).filter(({ it: r }) => F([r], n.trim())) : t.map((r, c) => ({ it: r, i: c })), [t, n]), H = (r, c) => {
|
|
16
|
+
k(c), r.dataTransfer.effectAllowed = "move", r.dataTransfer.setData("text/plain", String(c));
|
|
17
|
+
}, B = (r, c) => {
|
|
18
|
+
r.preventDefault();
|
|
19
|
+
const m = g ?? Number(r.dataTransfer.getData("text/plain"));
|
|
20
|
+
if (k(null), !Number.isFinite(m) || m === c) return;
|
|
21
|
+
const p = [...t], [y] = p.splice(m, 1);
|
|
22
|
+
y && (p.splice(c, 0, y), a(p));
|
|
23
23
|
};
|
|
24
|
-
return
|
|
25
|
-
var
|
|
26
|
-
|
|
27
|
-
|
|
24
|
+
return z.length ? /* @__PURE__ */ l("ul", { className: o.list, style: { paddingLeft: h ? 12 : 0 }, children: z.map(({ it: r, i: c }) => {
|
|
25
|
+
var y;
|
|
26
|
+
const m = !!((y = r.children) != null && y.length), p = T || !d.has(r.id);
|
|
27
|
+
return /* @__PURE__ */ S("li", { className: o.listItem, children: [
|
|
28
|
+
/* @__PURE__ */ S(
|
|
28
29
|
"div",
|
|
29
30
|
{
|
|
30
|
-
className:
|
|
31
|
-
draggable: !
|
|
32
|
-
onDragStart: (i) =>
|
|
31
|
+
className: o.row,
|
|
32
|
+
draggable: !T,
|
|
33
|
+
onDragStart: (i) => H(i, c),
|
|
33
34
|
onDragOver: (i) => i.preventDefault(),
|
|
34
|
-
onDrop: (i) =>
|
|
35
|
+
onDrop: (i) => B(i, c),
|
|
35
36
|
children: [
|
|
36
|
-
/* @__PURE__ */
|
|
37
|
-
|
|
37
|
+
m ? /* @__PURE__ */ l(
|
|
38
|
+
"button",
|
|
39
|
+
{
|
|
40
|
+
type: "button",
|
|
41
|
+
className: o.foldBtn,
|
|
42
|
+
"aria-label": p ? "折叠" : "展开",
|
|
43
|
+
"aria-expanded": p,
|
|
44
|
+
onClick: (i) => {
|
|
45
|
+
i.stopPropagation(), u(r.id);
|
|
46
|
+
},
|
|
47
|
+
children: p ? /* @__PURE__ */ l(q, { size: 14 }) : /* @__PURE__ */ l(ee, { size: 14 })
|
|
48
|
+
}
|
|
49
|
+
) : /* @__PURE__ */ l("span", { className: o.foldSpacer, "aria-hidden": !0 }),
|
|
50
|
+
/* @__PURE__ */ l("span", { className: o.grip, "aria-hidden": !0, children: "⠿" }),
|
|
51
|
+
/* @__PURE__ */ l(Y, { checked: !r.hidden, onChange: (i) => e(r.id, !i.target.checked), children: /* @__PURE__ */ l("span", { className: o.label, children: r.label || r.id }) })
|
|
38
52
|
]
|
|
39
53
|
}
|
|
40
54
|
),
|
|
41
|
-
|
|
42
|
-
|
|
55
|
+
m && p ? /* @__PURE__ */ l(
|
|
56
|
+
E,
|
|
43
57
|
{
|
|
44
|
-
items:
|
|
58
|
+
items: r.children,
|
|
45
59
|
search: n,
|
|
46
|
-
depth:
|
|
60
|
+
depth: h + 1,
|
|
61
|
+
collapsedIds: d,
|
|
62
|
+
onToggleCollapse: u,
|
|
47
63
|
onChange: (i) => {
|
|
48
|
-
const
|
|
49
|
-
|
|
64
|
+
const b = t.map(
|
|
65
|
+
(N) => N.id === r.id ? { ...N, children: i } : N
|
|
66
|
+
);
|
|
67
|
+
a(b);
|
|
50
68
|
},
|
|
51
|
-
onToggle: (i,
|
|
52
|
-
const
|
|
53
|
-
if (
|
|
54
|
-
const
|
|
55
|
-
(f) => f.id === i ? { ...f, hidden:
|
|
69
|
+
onToggle: (i, b) => {
|
|
70
|
+
const N = t.map((v) => {
|
|
71
|
+
if (v.id !== r.id || !v.children) return v;
|
|
72
|
+
const L = v.children.map(
|
|
73
|
+
(f) => f.id === i ? { ...f, hidden: b } : f.children ? {
|
|
56
74
|
...f,
|
|
57
|
-
children:
|
|
75
|
+
children: O(f.children, i, b)
|
|
58
76
|
} : f
|
|
59
|
-
),
|
|
60
|
-
return { ...
|
|
77
|
+
), P = L.every((f) => f.hidden);
|
|
78
|
+
return { ...v, children: L, hidden: P ? !0 : b ? v.hidden : !1 };
|
|
61
79
|
});
|
|
62
|
-
|
|
80
|
+
a(N);
|
|
63
81
|
}
|
|
64
82
|
}
|
|
65
83
|
) : null
|
|
66
|
-
] },
|
|
67
|
-
}) }) : /* @__PURE__ */
|
|
84
|
+
] }, r.id);
|
|
85
|
+
}) }) : /* @__PURE__ */ l(A, { image: A.PRESENTED_IMAGE_SIMPLE, description: "暂无数据" });
|
|
68
86
|
};
|
|
69
|
-
function
|
|
87
|
+
function O(t, n, a) {
|
|
70
88
|
return t.map((e) => {
|
|
71
|
-
if (e.id === n) return { ...e, hidden:
|
|
89
|
+
if (e.id === n) return { ...e, hidden: a };
|
|
72
90
|
if (e.children) {
|
|
73
|
-
const
|
|
91
|
+
const h = O(e.children, n, a);
|
|
74
92
|
return {
|
|
75
93
|
...e,
|
|
76
|
-
children:
|
|
77
|
-
hidden:
|
|
94
|
+
children: h,
|
|
95
|
+
hidden: h.every((d) => d.hidden) ? !0 : e.hidden && a
|
|
78
96
|
};
|
|
79
97
|
}
|
|
80
98
|
return e;
|
|
81
99
|
});
|
|
82
100
|
}
|
|
83
|
-
function
|
|
101
|
+
function _(t, n, a) {
|
|
84
102
|
return t.map((e) => {
|
|
85
|
-
var
|
|
103
|
+
var h;
|
|
86
104
|
if (e.id === n) {
|
|
87
|
-
const
|
|
88
|
-
return { ...e, hidden:
|
|
105
|
+
const d = (h = e.children) == null ? void 0 : h.map((u) => G(u, a));
|
|
106
|
+
return { ...e, hidden: a, children: d };
|
|
89
107
|
}
|
|
90
108
|
if (e.children) {
|
|
91
|
-
const
|
|
109
|
+
const d = _(e.children, n, a), u = d.every((g) => g.hidden);
|
|
92
110
|
return {
|
|
93
111
|
...e,
|
|
94
|
-
children:
|
|
95
|
-
hidden: u ? !0 : !
|
|
112
|
+
children: d,
|
|
113
|
+
hidden: u ? !0 : !a && e.id !== n ? !1 : e.hidden
|
|
96
114
|
};
|
|
97
115
|
}
|
|
98
116
|
return e;
|
|
99
117
|
});
|
|
100
118
|
}
|
|
101
|
-
function
|
|
102
|
-
var
|
|
119
|
+
function G(t, n) {
|
|
120
|
+
var a;
|
|
103
121
|
return {
|
|
104
122
|
...t,
|
|
105
123
|
hidden: n,
|
|
106
|
-
children: (
|
|
124
|
+
children: (a = t.children) == null ? void 0 : a.map((e) => G(e, n))
|
|
107
125
|
};
|
|
108
126
|
}
|
|
109
|
-
function
|
|
127
|
+
function M(t, n) {
|
|
110
128
|
return [...t, ...n];
|
|
111
129
|
}
|
|
112
|
-
const
|
|
130
|
+
const ae = ({
|
|
113
131
|
open: t,
|
|
114
132
|
onOpenChange: n,
|
|
115
|
-
defaultItems:
|
|
133
|
+
defaultItems: a,
|
|
116
134
|
savedConfig: e,
|
|
117
|
-
onConfirm:
|
|
118
|
-
children:
|
|
135
|
+
onConfirm: h,
|
|
136
|
+
children: d
|
|
119
137
|
}) => {
|
|
120
|
-
const [u,
|
|
121
|
-
|
|
122
|
-
}, [
|
|
123
|
-
|
|
124
|
-
}, { visible:
|
|
125
|
-
|
|
126
|
-
},
|
|
127
|
-
|
|
128
|
-
},
|
|
129
|
-
|
|
130
|
-
},
|
|
131
|
-
m(
|
|
132
|
-
|
|
133
|
-
return
|
|
134
|
-
})
|
|
135
|
-
},
|
|
136
|
-
|
|
138
|
+
const [u, g] = w([]), [k, T] = w(""), [z, H] = w(""), [B, r] = w(!1), [c, m] = w(() => /* @__PURE__ */ new Set()), p = x(() => {
|
|
139
|
+
g(ne(a, e)), T(""), H(""), m(/* @__PURE__ */ new Set());
|
|
140
|
+
}, [a, e]), y = (s) => {
|
|
141
|
+
s && p(), n(s);
|
|
142
|
+
}, { visible: i, hidden: b } = j(() => re(u), [u]), N = (s) => {
|
|
143
|
+
g(M(s, b));
|
|
144
|
+
}, v = (s) => {
|
|
145
|
+
g(M(i, s));
|
|
146
|
+
}, L = (s, D) => {
|
|
147
|
+
g((C) => _(C, s, D));
|
|
148
|
+
}, P = x((s) => {
|
|
149
|
+
m((D) => {
|
|
150
|
+
const C = new Set(D);
|
|
151
|
+
return C.has(s) ? C.delete(s) : C.add(s), C;
|
|
152
|
+
});
|
|
153
|
+
}, []), f = () => {
|
|
154
|
+
g(a.map((s) => {
|
|
155
|
+
var D;
|
|
156
|
+
return { ...s, children: (D = s.children) == null ? void 0 : D.map((C) => ({ ...C })) };
|
|
157
|
+
})), m(/* @__PURE__ */ new Set());
|
|
158
|
+
}, K = async () => {
|
|
159
|
+
r(!0);
|
|
137
160
|
try {
|
|
138
|
-
await
|
|
161
|
+
await h(le(u)), n(!1);
|
|
139
162
|
} finally {
|
|
140
|
-
|
|
163
|
+
r(!1);
|
|
141
164
|
}
|
|
142
|
-
},
|
|
143
|
-
/* @__PURE__ */
|
|
144
|
-
/* @__PURE__ */
|
|
145
|
-
/* @__PURE__ */
|
|
165
|
+
}, U = /* @__PURE__ */ S("div", { className: o.panel, "data-ui": "table-column-config", children: [
|
|
166
|
+
/* @__PURE__ */ S("div", { className: o.header, children: [
|
|
167
|
+
/* @__PURE__ */ l("span", { className: o.title, children: "编辑表格" }),
|
|
168
|
+
/* @__PURE__ */ l(J, { title: "恢复默认", children: /* @__PURE__ */ l("button", { type: "button", className: o.resetBtn, onClick: f, "aria-label": "恢复默认", children: /* @__PURE__ */ l($, { size: 16 }) }) })
|
|
146
169
|
] }),
|
|
147
|
-
/* @__PURE__ */
|
|
148
|
-
|
|
170
|
+
/* @__PURE__ */ l(
|
|
171
|
+
Q,
|
|
149
172
|
{
|
|
150
|
-
className:
|
|
173
|
+
className: o.collapse,
|
|
151
174
|
defaultActiveKey: ["visible", "hidden"],
|
|
152
175
|
ghost: !0,
|
|
153
176
|
items: [
|
|
154
177
|
{
|
|
155
178
|
key: "visible",
|
|
156
179
|
label: "显示的信息",
|
|
157
|
-
children: /* @__PURE__ */
|
|
158
|
-
/* @__PURE__ */
|
|
159
|
-
|
|
180
|
+
children: /* @__PURE__ */ S(I, { children: [
|
|
181
|
+
/* @__PURE__ */ l(
|
|
182
|
+
R,
|
|
160
183
|
{
|
|
161
184
|
allowClear: !0,
|
|
162
185
|
size: "small",
|
|
163
|
-
className:
|
|
186
|
+
className: o.search,
|
|
164
187
|
placeholder: "搜索",
|
|
165
|
-
value:
|
|
166
|
-
onChange: (
|
|
188
|
+
value: k,
|
|
189
|
+
onChange: (s) => T(s.target.value)
|
|
167
190
|
}
|
|
168
191
|
),
|
|
169
|
-
/* @__PURE__ */
|
|
170
|
-
|
|
192
|
+
/* @__PURE__ */ l(
|
|
193
|
+
E,
|
|
171
194
|
{
|
|
172
|
-
items:
|
|
173
|
-
search:
|
|
174
|
-
onChange:
|
|
175
|
-
onToggle:
|
|
195
|
+
items: i,
|
|
196
|
+
search: k,
|
|
197
|
+
onChange: N,
|
|
198
|
+
onToggle: L,
|
|
199
|
+
collapsedIds: c,
|
|
200
|
+
onToggleCollapse: P
|
|
176
201
|
}
|
|
177
202
|
)
|
|
178
203
|
] })
|
|
@@ -180,25 +205,27 @@ const q = ({
|
|
|
180
205
|
{
|
|
181
206
|
key: "hidden",
|
|
182
207
|
label: "隐藏的信息",
|
|
183
|
-
children: /* @__PURE__ */
|
|
184
|
-
/* @__PURE__ */
|
|
185
|
-
|
|
208
|
+
children: /* @__PURE__ */ S(I, { children: [
|
|
209
|
+
/* @__PURE__ */ l(
|
|
210
|
+
R,
|
|
186
211
|
{
|
|
187
212
|
allowClear: !0,
|
|
188
213
|
size: "small",
|
|
189
|
-
className:
|
|
214
|
+
className: o.search,
|
|
190
215
|
placeholder: "搜索",
|
|
191
|
-
value:
|
|
192
|
-
onChange: (
|
|
216
|
+
value: z,
|
|
217
|
+
onChange: (s) => H(s.target.value)
|
|
193
218
|
}
|
|
194
219
|
),
|
|
195
|
-
/* @__PURE__ */
|
|
196
|
-
|
|
220
|
+
/* @__PURE__ */ l(
|
|
221
|
+
E,
|
|
197
222
|
{
|
|
198
|
-
items:
|
|
199
|
-
search:
|
|
200
|
-
onChange:
|
|
201
|
-
onToggle:
|
|
223
|
+
items: b,
|
|
224
|
+
search: z,
|
|
225
|
+
onChange: v,
|
|
226
|
+
onToggle: L,
|
|
227
|
+
collapsedIds: c,
|
|
228
|
+
onToggleCollapse: P
|
|
202
229
|
}
|
|
203
230
|
)
|
|
204
231
|
] })
|
|
@@ -206,55 +233,55 @@ const q = ({
|
|
|
206
233
|
]
|
|
207
234
|
}
|
|
208
235
|
),
|
|
209
|
-
/* @__PURE__ */
|
|
210
|
-
/* @__PURE__ */
|
|
211
|
-
/* @__PURE__ */
|
|
236
|
+
/* @__PURE__ */ l("div", { className: o.footer, children: /* @__PURE__ */ S(X, { children: [
|
|
237
|
+
/* @__PURE__ */ l(V, { size: "small", onClick: () => n(!1), children: "取消" }),
|
|
238
|
+
/* @__PURE__ */ l(V, { type: "primary", size: "small", loading: B, onClick: () => void K(), children: "确定" })
|
|
212
239
|
] }) })
|
|
213
240
|
] });
|
|
214
|
-
return /* @__PURE__ */
|
|
215
|
-
|
|
241
|
+
return /* @__PURE__ */ l(
|
|
242
|
+
W,
|
|
216
243
|
{
|
|
217
244
|
trigger: "click",
|
|
218
245
|
placement: "bottomRight",
|
|
219
246
|
open: t,
|
|
220
|
-
onOpenChange:
|
|
221
|
-
content:
|
|
222
|
-
overlayClassName:
|
|
247
|
+
onOpenChange: y,
|
|
248
|
+
content: U,
|
|
249
|
+
overlayClassName: o.overlay,
|
|
223
250
|
arrow: !1,
|
|
224
|
-
children:
|
|
251
|
+
children: d
|
|
225
252
|
}
|
|
226
253
|
);
|
|
227
254
|
};
|
|
228
|
-
function
|
|
255
|
+
function he({
|
|
229
256
|
open: t,
|
|
230
257
|
onOpenChange: n,
|
|
231
|
-
defaultItems:
|
|
258
|
+
defaultItems: a,
|
|
232
259
|
savedConfig: e,
|
|
233
|
-
onConfirm:
|
|
260
|
+
onConfirm: h
|
|
234
261
|
}) {
|
|
235
|
-
return /* @__PURE__ */
|
|
236
|
-
|
|
262
|
+
return /* @__PURE__ */ l(
|
|
263
|
+
ae,
|
|
237
264
|
{
|
|
238
265
|
open: t,
|
|
239
266
|
onOpenChange: n,
|
|
240
|
-
defaultItems:
|
|
267
|
+
defaultItems: a,
|
|
241
268
|
savedConfig: e,
|
|
242
|
-
onConfirm:
|
|
243
|
-
children: /* @__PURE__ */
|
|
269
|
+
onConfirm: h,
|
|
270
|
+
children: /* @__PURE__ */ l(
|
|
244
271
|
"button",
|
|
245
272
|
{
|
|
246
273
|
type: "button",
|
|
247
|
-
className:
|
|
274
|
+
className: o.gearBtn,
|
|
248
275
|
"aria-label": "编辑表格",
|
|
249
|
-
onClick: (
|
|
250
|
-
children: /* @__PURE__ */
|
|
276
|
+
onClick: (d) => d.stopPropagation(),
|
|
277
|
+
children: /* @__PURE__ */ l(Z, { size: 14 })
|
|
251
278
|
}
|
|
252
279
|
)
|
|
253
280
|
}
|
|
254
281
|
);
|
|
255
282
|
}
|
|
256
283
|
export {
|
|
257
|
-
|
|
258
|
-
|
|
284
|
+
ae as ColumnConfigPopover,
|
|
285
|
+
he as ColumnConfigTrigger
|
|
259
286
|
};
|
|
260
287
|
//# sourceMappingURL=ColumnConfigPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColumnConfigPanel.js","sources":["../../../src/components/Table/ColumnConfigPanel.tsx"],"sourcesContent":["import { useCallback, useMemo, useState, type DragEvent, type FC, type ReactNode } from 'react';\nimport { Button, Checkbox, Collapse, Empty, Input, Popover, Space, Tooltip } from 'antd';\nimport { Settings, Undo2 } from '../Icons';\nimport type { ColumnConfigPanelItem, TableColumnConfigItem } from './columnConfigTypes';\nimport { mergePanelWithConfig, panelItemsToConfig, splitVisibleHidden } from './columnConfigUtils';\nimport styles from './columnConfig.module.scss';\n\ntype ColumnConfigPanelProps = {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n defaultItems: ColumnConfigPanelItem[];\n savedConfig: TableColumnConfigItem[] | null;\n onConfirm: (items: TableColumnConfigItem[]) => void | Promise<void>;\n children: ReactNode;\n};\n\nfunction flattenSearch(items: ColumnConfigPanelItem[], q: string): boolean {\n if (!q) return true;\n const lower = q.toLowerCase();\n return items.some(\n (it) =>\n it.label.toLowerCase().includes(lower) ||\n it.id.toLowerCase().includes(lower) ||\n (it.children ? flattenSearch(it.children, q) : false),\n );\n}\n\nconst DragList: FC<{\n items: ColumnConfigPanelItem[];\n search: string;\n onChange: (next: ColumnConfigPanelItem[]) => void;\n onToggle: (id: string, hidden: boolean) => void;\n depth?: number;\n}> = ({ items, search, onChange, onToggle, depth = 0 }) => {\n const [dragIndex, setDragIndex] = useState<number | null>(null);\n\n const filtered = useMemo(() => {\n if (!search.trim()) return items.map((it, i) => ({ it, i }));\n return items.map((it, i) => ({ it, i })).filter(({ it }) => flattenSearch([it], search.trim()));\n }, [items, search]);\n\n const onDragStart = (e: DragEvent, index: number) => {\n setDragIndex(index);\n e.dataTransfer.effectAllowed = 'move';\n e.dataTransfer.setData('text/plain', String(index));\n };\n\n const onDrop = (e: DragEvent, toIndex: number) => {\n e.preventDefault();\n const from = dragIndex ?? Number(e.dataTransfer.getData('text/plain'));\n setDragIndex(null);\n if (!Number.isFinite(from) || from === toIndex) return;\n const next = [...items];\n const [moved] = next.splice(from, 1);\n if (!moved) return;\n next.splice(toIndex, 0, moved);\n onChange(next);\n };\n\n if (!filtered.length) {\n return <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description=\"暂无数据\" />;\n }\n\n return (\n <ul className={styles.list} style={{ paddingLeft: depth ? 12 : 0 }}>\n {filtered.map(({ it, i }) => (\n <li key={it.id} className={styles.listItem}>\n <div\n className={styles.row}\n draggable={!search.trim()}\n onDragStart={(e) => onDragStart(e, i)}\n onDragOver={(e) => e.preventDefault()}\n onDrop={(e) => onDrop(e, i)}\n >\n <span className={styles.grip} aria-hidden>\n ⠿\n </span>\n <Checkbox checked={!it.hidden} onChange={(e) => onToggle(it.id, !e.target.checked)}>\n <span className={styles.label}>{it.label || it.id}</span>\n </Checkbox>\n </div>\n {it.children?.length ? (\n <DragList\n items={it.children}\n search={search}\n depth={depth + 1}\n onChange={(childNext) => {\n const next = items.map((x) => (x.id === it.id ? { ...x, children: childNext } : x));\n onChange(next);\n }}\n onToggle={(cid, hidden) => {\n const next = items.map((x) => {\n if (x.id !== it.id || !x.children) return x;\n const children = x.children.map((c) =>\n c.id === cid\n ? { ...c, hidden }\n : c.children\n ? {\n ...c,\n children: toggleDeep(c.children, cid, hidden),\n }\n : c,\n );\n const allHidden = children.every((c) => c.hidden);\n return { ...x, children, hidden: allHidden ? true : hidden ? x.hidden : false };\n });\n onChange(next);\n }}\n />\n ) : null}\n </li>\n ))}\n </ul>\n );\n};\n\nfunction toggleDeep(\n items: ColumnConfigPanelItem[],\n id: string,\n hidden: boolean,\n): ColumnConfigPanelItem[] {\n return items.map((it) => {\n if (it.id === id) return { ...it, hidden };\n if (it.children) {\n const children = toggleDeep(it.children, id, hidden);\n return {\n ...it,\n children,\n hidden: children.every((c) => c.hidden) ? true : it.hidden && hidden,\n };\n }\n return it;\n });\n}\n\nfunction toggleInTree(\n items: ColumnConfigPanelItem[],\n id: string,\n hidden: boolean,\n): ColumnConfigPanelItem[] {\n return items.map((it) => {\n if (it.id === id) {\n const children = it.children?.map((c) => setHiddenDeep(c, hidden));\n return { ...it, hidden, children };\n }\n if (it.children) {\n const children = toggleInTree(it.children, id, hidden);\n const allHidden = children.every((c) => c.hidden);\n return {\n ...it,\n children,\n hidden: allHidden ? true : !hidden && it.id !== id ? false : it.hidden,\n };\n }\n return it;\n });\n}\n\nfunction setHiddenDeep(item: ColumnConfigPanelItem, hidden: boolean): ColumnConfigPanelItem {\n return {\n ...item,\n hidden,\n children: item.children?.map((c) => setHiddenDeep(c, hidden)),\n };\n}\n\n/** 将显隐两区合并回完整顺序:visible 在前,hidden 在后(保持各自内部拖拽序) */\nfunction mergeSections(\n visible: ColumnConfigPanelItem[],\n hidden: ColumnConfigPanelItem[],\n): ColumnConfigPanelItem[] {\n return [...visible, ...hidden];\n}\n\nexport const ColumnConfigPopover: FC<ColumnConfigPanelProps> = ({\n open,\n onOpenChange,\n defaultItems,\n savedConfig,\n onConfirm,\n children,\n}) => {\n const [draft, setDraft] = useState<ColumnConfigPanelItem[]>([]);\n const [searchVisible, setSearchVisible] = useState('');\n const [searchHidden, setSearchHidden] = useState('');\n const [saving, setSaving] = useState(false);\n\n const syncDraft = useCallback(() => {\n setDraft(mergePanelWithConfig(defaultItems, savedConfig));\n setSearchVisible('');\n setSearchHidden('');\n }, [defaultItems, savedConfig]);\n\n const handleOpenChange = (next: boolean) => {\n if (next) syncDraft();\n onOpenChange(next);\n };\n\n const { visible, hidden } = useMemo(() => splitVisibleHidden(draft), [draft]);\n\n const setVisibleList = (list: ColumnConfigPanelItem[]) => {\n setDraft(mergeSections(list, hidden));\n };\n const setHiddenList = (list: ColumnConfigPanelItem[]) => {\n setDraft(mergeSections(visible, list));\n };\n\n const onToggle = (id: string, nextHidden: boolean) => {\n setDraft((prev) => toggleInTree(prev, id, nextHidden));\n };\n\n const onReset = () => {\n setDraft(defaultItems.map((d) => ({ ...d, children: d.children?.map((c) => ({ ...c })) })));\n };\n\n const onOk = async () => {\n setSaving(true);\n try {\n await onConfirm(panelItemsToConfig(draft));\n onOpenChange(false);\n } finally {\n setSaving(false);\n }\n };\n\n const content = (\n <div className={styles.panel} data-ui=\"table-column-config\">\n <div className={styles.header}>\n <span className={styles.title}>编辑表格</span>\n <Tooltip title=\"恢复默认\">\n <button type=\"button\" className={styles.resetBtn} onClick={onReset} aria-label=\"恢复默认\">\n <Undo2 size={16} />\n </button>\n </Tooltip>\n </div>\n <Collapse\n className={styles.collapse}\n defaultActiveKey={['visible', 'hidden']}\n ghost\n items={[\n {\n key: 'visible',\n label: '显示的信息',\n children: (\n <>\n <Input\n allowClear\n size=\"small\"\n className={styles.search}\n placeholder=\"搜索\"\n value={searchVisible}\n onChange={(e) => setSearchVisible(e.target.value)}\n />\n <DragList\n items={visible}\n search={searchVisible}\n onChange={setVisibleList}\n onToggle={onToggle}\n />\n </>\n ),\n },\n {\n key: 'hidden',\n label: '隐藏的信息',\n children: (\n <>\n <Input\n allowClear\n size=\"small\"\n className={styles.search}\n placeholder=\"搜索\"\n value={searchHidden}\n onChange={(e) => setSearchHidden(e.target.value)}\n />\n <DragList\n items={hidden}\n search={searchHidden}\n onChange={setHiddenList}\n onToggle={onToggle}\n />\n </>\n ),\n },\n ]}\n />\n <div className={styles.footer}>\n <Space>\n <Button size=\"small\" onClick={() => onOpenChange(false)}>\n 取消\n </Button>\n <Button type=\"primary\" size=\"small\" loading={saving} onClick={() => void onOk()}>\n 确定\n </Button>\n </Space>\n </div>\n </div>\n );\n\n return (\n <Popover\n trigger=\"click\"\n placement=\"bottomRight\"\n open={open}\n onOpenChange={handleOpenChange}\n content={content}\n overlayClassName={styles.overlay}\n arrow={false}\n >\n {children}\n </Popover>\n );\n};\n\nexport function ColumnConfigTrigger({\n open,\n onOpenChange,\n defaultItems,\n savedConfig,\n onConfirm,\n}: Omit<ColumnConfigPanelProps, 'children'>) {\n return (\n <ColumnConfigPopover\n open={open}\n onOpenChange={onOpenChange}\n defaultItems={defaultItems}\n savedConfig={savedConfig}\n onConfirm={onConfirm}\n >\n <button\n type=\"button\"\n className={styles.gearBtn}\n aria-label=\"编辑表格\"\n onClick={(e) => e.stopPropagation()}\n >\n <Settings size={14} />\n </button>\n </ColumnConfigPopover>\n );\n}\n"],"names":["flattenSearch","items","q","lower","it","DragList","search","onChange","onToggle","depth","dragIndex","setDragIndex","useState","filtered","useMemo","i","onDragStart","e","index","onDrop","toIndex","from","next","moved","jsx","styles","jsxs","Checkbox","_a","childNext","x","cid","hidden","children","c","toggleDeep","allHidden","Empty","id","toggleInTree","setHiddenDeep","item","mergeSections","visible","ColumnConfigPopover","open","onOpenChange","defaultItems","savedConfig","onConfirm","draft","setDraft","searchVisible","setSearchVisible","searchHidden","setSearchHidden","saving","setSaving","syncDraft","useCallback","mergePanelWithConfig","handleOpenChange","splitVisibleHidden","setVisibleList","list","setHiddenList","nextHidden","prev","onReset","d","onOk","panelItemsToConfig","content","Tooltip","Undo2","Collapse","Fragment","Input","Space","Button","Popover","ColumnConfigTrigger","Settings"],"mappings":";;;;;;AAgBA,SAASA,EAAcC,GAAgCC,GAAoB;AACzE,MAAI,CAACA,EAAG,QAAO;AACf,QAAMC,IAAQD,EAAE,YAAA;AAChB,SAAOD,EAAM;AAAA,IACX,CAACG,MACCA,EAAG,MAAM,cAAc,SAASD,CAAK,KACrCC,EAAG,GAAG,cAAc,SAASD,CAAK,MACjCC,EAAG,WAAWJ,EAAcI,EAAG,UAAUF,CAAC,IAAI;AAAA,EAAA;AAErD;AAEA,MAAMG,IAMD,CAAC,EAAE,OAAAJ,GAAO,QAAAK,GAAQ,UAAAC,GAAU,UAAAC,GAAU,OAAAC,IAAQ,QAAQ;AACzD,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAwB,IAAI,GAExDC,IAAWC,EAAQ,MAClBR,EAAO,KAAA,IACLL,EAAM,IAAI,CAACG,GAAIW,OAAO,EAAE,IAAAX,GAAI,GAAAW,EAAA,EAAI,EAAE,OAAO,CAAC,EAAE,IAAAX,EAAA,MAASJ,EAAc,CAACI,CAAE,GAAGE,EAAO,KAAA,CAAM,CAAC,IADnEL,EAAM,IAAI,CAACG,GAAIW,OAAO,EAAE,IAAAX,GAAI,GAAAW,IAAI,GAE1D,CAACd,GAAOK,CAAM,CAAC,GAEZU,IAAc,CAACC,GAAcC,MAAkB;AACnD,IAAAP,EAAaO,CAAK,GAClBD,EAAE,aAAa,gBAAgB,QAC/BA,EAAE,aAAa,QAAQ,cAAc,OAAOC,CAAK,CAAC;AAAA,EACpD,GAEMC,IAAS,CAACF,GAAcG,MAAoB;AAChD,IAAAH,EAAE,eAAA;AACF,UAAMI,IAAOX,KAAa,OAAOO,EAAE,aAAa,QAAQ,YAAY,CAAC;AAErE,QADAN,EAAa,IAAI,GACb,CAAC,OAAO,SAASU,CAAI,KAAKA,MAASD,EAAS;AAChD,UAAME,IAAO,CAAC,GAAGrB,CAAK,GAChB,CAACsB,CAAK,IAAID,EAAK,OAAOD,GAAM,CAAC;AACnC,IAAKE,MACLD,EAAK,OAAOF,GAAS,GAAGG,CAAK,GAC7BhB,EAASe,CAAI;AAAA,EACf;AAEA,SAAKT,EAAS,SAKZ,gBAAAW,EAAC,QAAG,WAAWC,EAAO,MAAM,OAAO,EAAE,aAAahB,IAAQ,KAAK,EAAA,GAC5D,UAAAI,EAAS,IAAI,CAAC,EAAE,IAAAT,GAAI,GAAAW,EAAA;;AACnB,2BAAAW,EAAC,MAAA,EAAe,WAAWD,EAAO,UAChC,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWD,EAAO;AAAA,UAClB,WAAW,CAACnB,EAAO,KAAA;AAAA,UACnB,aAAa,CAACW,MAAMD,EAAYC,GAAGF,CAAC;AAAA,UACpC,YAAY,CAACE,MAAMA,EAAE,eAAA;AAAA,UACrB,QAAQ,CAACA,MAAME,EAAOF,GAAGF,CAAC;AAAA,UAE1B,UAAA;AAAA,YAAA,gBAAAS,EAAC,UAAK,WAAWC,EAAO,MAAM,eAAW,IAAC,UAAA,KAE1C;AAAA,YACA,gBAAAD,EAACG,GAAA,EAAS,SAAS,CAACvB,EAAG,QAAQ,UAAU,CAACa,MAAMT,EAASJ,EAAG,IAAI,CAACa,EAAE,OAAO,OAAO,GAC/E,UAAA,gBAAAO,EAAC,QAAA,EAAK,WAAWC,EAAO,OAAQ,UAAArB,EAAG,SAASA,EAAG,GAAA,CAAG,EAAA,CACpD;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,OAEDwB,IAAAxB,EAAG,aAAH,QAAAwB,EAAa,SACZ,gBAAAJ;AAAA,QAACnB;AAAA,QAAA;AAAA,UACC,OAAOD,EAAG;AAAA,UACV,QAAAE;AAAA,UACA,OAAOG,IAAQ;AAAA,UACf,UAAU,CAACoB,MAAc;AACvB,kBAAMP,IAAOrB,EAAM,IAAI,CAAC6B,MAAOA,EAAE,OAAO1B,EAAG,KAAK,EAAE,GAAG0B,GAAG,UAAUD,EAAA,IAAcC,CAAE;AAClF,YAAAvB,EAASe,CAAI;AAAA,UACf;AAAA,UACA,UAAU,CAACS,GAAKC,MAAW;AACzB,kBAAMV,IAAOrB,EAAM,IAAI,CAAC6B,MAAM;AAC5B,kBAAIA,EAAE,OAAO1B,EAAG,MAAM,CAAC0B,EAAE,SAAU,QAAOA;AAC1C,oBAAMG,IAAWH,EAAE,SAAS;AAAA,gBAAI,CAACI,MAC/BA,EAAE,OAAOH,IACL,EAAE,GAAGG,GAAG,QAAAF,EAAA,IACRE,EAAE,WACA;AAAA,kBACE,GAAGA;AAAA,kBACH,UAAUC,EAAWD,EAAE,UAAUH,GAAKC,CAAM;AAAA,gBAAA,IAE9CE;AAAA,cAAA,GAEFE,IAAYH,EAAS,MAAM,CAACC,MAAMA,EAAE,MAAM;AAChD,qBAAO,EAAE,GAAGJ,GAAG,UAAAG,GAAU,QAAQG,IAAY,KAAOJ,IAASF,EAAE,SAAS,GAAA;AAAA,YAC1E,CAAC;AACD,YAAAvB,EAASe,CAAI;AAAA,UACf;AAAA,QAAA;AAAA,MAAA,IAEA;AAAA,IAAA,EAAA,GA3CGlB,EAAG,EA4CZ;AAAA,GACD,GACH,sBApDQiC,GAAA,EAAM,OAAOA,EAAM,wBAAwB,aAAY,QAAO;AAsD1E;AAEA,SAASF,EACPlC,GACAqC,GACAN,GACyB;AACzB,SAAO/B,EAAM,IAAI,CAACG,MAAO;AACvB,QAAIA,EAAG,OAAOkC,UAAW,EAAE,GAAGlC,GAAI,QAAA4B,EAAA;AAClC,QAAI5B,EAAG,UAAU;AACf,YAAM6B,IAAWE,EAAW/B,EAAG,UAAUkC,GAAIN,CAAM;AACnD,aAAO;AAAA,QACL,GAAG5B;AAAA,QACH,UAAA6B;AAAA,QACA,QAAQA,EAAS,MAAM,CAACC,MAAMA,EAAE,MAAM,IAAI,KAAO9B,EAAG,UAAU4B;AAAA,MAAA;AAAA,IAElE;AACA,WAAO5B;AAAA,EACT,CAAC;AACH;AAEA,SAASmC,EACPtC,GACAqC,GACAN,GACyB;AACzB,SAAO/B,EAAM,IAAI,CAACG,MAAO;;AACvB,QAAIA,EAAG,OAAOkC,GAAI;AAChB,YAAML,KAAWL,IAAAxB,EAAG,aAAH,gBAAAwB,EAAa,IAAI,CAACM,MAAMM,EAAcN,GAAGF,CAAM;AAChE,aAAO,EAAE,GAAG5B,GAAI,QAAA4B,GAAQ,UAAAC,EAAA;AAAA,IAC1B;AACA,QAAI7B,EAAG,UAAU;AACf,YAAM6B,IAAWM,EAAanC,EAAG,UAAUkC,GAAIN,CAAM,GAC/CI,IAAYH,EAAS,MAAM,CAACC,MAAMA,EAAE,MAAM;AAChD,aAAO;AAAA,QACL,GAAG9B;AAAA,QACH,UAAA6B;AAAA,QACA,QAAQG,IAAY,KAAO,CAACJ,KAAU5B,EAAG,OAAOkC,IAAK,KAAQlC,EAAG;AAAA,MAAA;AAAA,IAEpE;AACA,WAAOA;AAAA,EACT,CAAC;AACH;AAEA,SAASoC,EAAcC,GAA6BT,GAAwC;;AAC1F,SAAO;AAAA,IACL,GAAGS;AAAA,IACH,QAAAT;AAAA,IACA,WAAUJ,IAAAa,EAAK,aAAL,gBAAAb,EAAe,IAAI,CAACM,MAAMM,EAAcN,GAAGF,CAAM;AAAA,EAAC;AAEhE;AAGA,SAASU,EACPC,GACAX,GACyB;AACzB,SAAO,CAAC,GAAGW,GAAS,GAAGX,CAAM;AAC/B;AAEO,MAAMY,IAAkD,CAAC;AAAA,EAC9D,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAhB;AACF,MAAM;AACJ,QAAM,CAACiB,GAAOC,CAAQ,IAAIvC,EAAkC,CAAA,CAAE,GACxD,CAACwC,GAAeC,CAAgB,IAAIzC,EAAS,EAAE,GAC/C,CAAC0C,GAAcC,CAAe,IAAI3C,EAAS,EAAE,GAC7C,CAAC4C,GAAQC,CAAS,IAAI7C,EAAS,EAAK,GAEpC8C,IAAYC,EAAY,MAAM;AAClC,IAAAR,EAASS,EAAqBb,GAAcC,CAAW,CAAC,GACxDK,EAAiB,EAAE,GACnBE,EAAgB,EAAE;AAAA,EACpB,GAAG,CAACR,GAAcC,CAAW,CAAC,GAExBa,IAAmB,CAACvC,MAAkB;AAC1C,IAAIA,KAAMoC,EAAA,GACVZ,EAAaxB,CAAI;AAAA,EACnB,GAEM,EAAE,SAAAqB,GAAS,QAAAX,EAAA,IAAWlB,EAAQ,MAAMgD,EAAmBZ,CAAK,GAAG,CAACA,CAAK,CAAC,GAEtEa,IAAiB,CAACC,MAAkC;AACxD,IAAAb,EAAST,EAAcsB,GAAMhC,CAAM,CAAC;AAAA,EACtC,GACMiC,IAAgB,CAACD,MAAkC;AACvD,IAAAb,EAAST,EAAcC,GAASqB,CAAI,CAAC;AAAA,EACvC,GAEMxD,IAAW,CAAC8B,GAAY4B,MAAwB;AACpD,IAAAf,EAAS,CAACgB,MAAS5B,EAAa4B,GAAM7B,GAAI4B,CAAU,CAAC;AAAA,EACvD,GAEME,IAAU,MAAM;AACpB,IAAAjB,EAASJ,EAAa,IAAI,CAACsB;;AAAO,eAAE,GAAGA,GAAG,WAAUzC,IAAAyC,EAAE,aAAF,gBAAAzC,EAAY,IAAI,CAACM,OAAO,EAAE,GAAGA,MAAI;AAAA,KAAI,CAAC;AAAA,EAC5F,GAEMoC,IAAO,YAAY;AACvB,IAAAb,EAAU,EAAI;AACd,QAAI;AACF,YAAMR,EAAUsB,EAAmBrB,CAAK,CAAC,GACzCJ,EAAa,EAAK;AAAA,IACpB,UAAA;AACE,MAAAW,EAAU,EAAK;AAAA,IACjB;AAAA,EACF,GAEMe,IACJ,gBAAA9C,EAAC,OAAA,EAAI,WAAWD,EAAO,OAAO,WAAQ,uBACpC,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,QACrB,UAAA;AAAA,MAAA,gBAAAD,EAAC,QAAA,EAAK,WAAWC,EAAO,OAAO,UAAA,QAAI;AAAA,MACnC,gBAAAD,EAACiD,KAAQ,OAAM,QACb,4BAAC,UAAA,EAAO,MAAK,UAAS,WAAWhD,EAAO,UAAU,SAAS2C,GAAS,cAAW,QAC7E,UAAA,gBAAA5C,EAACkD,KAAM,MAAM,GAAA,CAAI,GACnB,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IACA,gBAAAlD;AAAA,MAACmD;AAAA,MAAA;AAAA,QACC,WAAWlD,EAAO;AAAA,QAClB,kBAAkB,CAAC,WAAW,QAAQ;AAAA,QACtC,OAAK;AAAA,QACL,OAAO;AAAA,UACL;AAAA,YACE,KAAK;AAAA,YACL,OAAO;AAAA,YACP,UACE,gBAAAC,EAAAkD,GAAA,EACE,UAAA;AAAA,cAAA,gBAAApD;AAAA,gBAACqD;AAAA,gBAAA;AAAA,kBACC,YAAU;AAAA,kBACV,MAAK;AAAA,kBACL,WAAWpD,EAAO;AAAA,kBAClB,aAAY;AAAA,kBACZ,OAAO2B;AAAA,kBACP,UAAU,CAACnC,MAAMoC,EAAiBpC,EAAE,OAAO,KAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,cAElD,gBAAAO;AAAA,gBAACnB;AAAA,gBAAA;AAAA,kBACC,OAAOsC;AAAA,kBACP,QAAQS;AAAA,kBACR,UAAUW;AAAA,kBACV,UAAAvD;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF,EAAA,CACF;AAAA,UAAA;AAAA,UAGJ;AAAA,YACE,KAAK;AAAA,YACL,OAAO;AAAA,YACP,UACE,gBAAAkB,EAAAkD,GAAA,EACE,UAAA;AAAA,cAAA,gBAAApD;AAAA,gBAACqD;AAAA,gBAAA;AAAA,kBACC,YAAU;AAAA,kBACV,MAAK;AAAA,kBACL,WAAWpD,EAAO;AAAA,kBAClB,aAAY;AAAA,kBACZ,OAAO6B;AAAA,kBACP,UAAU,CAACrC,MAAMsC,EAAgBtC,EAAE,OAAO,KAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEjD,gBAAAO;AAAA,gBAACnB;AAAA,gBAAA;AAAA,kBACC,OAAO2B;AAAA,kBACP,QAAQsB;AAAA,kBACR,UAAUW;AAAA,kBACV,UAAAzD;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF,EAAA,CACF;AAAA,UAAA;AAAA,QAEJ;AAAA,MACF;AAAA,IAAA;AAAA,sBAED,OAAA,EAAI,WAAWiB,EAAO,QACrB,4BAACqD,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAtD,EAACuD,GAAA,EAAO,MAAK,SAAQ,SAAS,MAAMjC,EAAa,EAAK,GAAG,UAAA,KAAA,CAEzD;AAAA,MACA,gBAAAtB,EAACuD,GAAA,EAAO,MAAK,WAAU,MAAK,SAAQ,SAASvB,GAAQ,SAAS,MAAM,KAAKc,EAAA,GAAQ,UAAA,KAAA,CAEjF;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GACF;AAGF,SACE,gBAAA9C;AAAA,IAACwD;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,MAAAnC;AAAA,MACA,cAAcgB;AAAA,MACd,SAAAW;AAAA,MACA,kBAAkB/C,EAAO;AAAA,MACzB,OAAO;AAAA,MAEN,UAAAQ;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASgD,GAAoB;AAAA,EAClC,MAAApC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AACF,GAA6C;AAC3C,SACE,gBAAAzB;AAAA,IAACoB;AAAA,IAAA;AAAA,MACC,MAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,aAAAC;AAAA,MACA,WAAAC;AAAA,MAEA,UAAA,gBAAAzB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAWC,EAAO;AAAA,UAClB,cAAW;AAAA,UACX,SAAS,CAACR,MAAMA,EAAE,gBAAA;AAAA,UAElB,UAAA,gBAAAO,EAAC0D,GAAA,EAAS,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IACtB;AAAA,EAAA;AAGN;"}
|
|
1
|
+
{"version":3,"file":"ColumnConfigPanel.js","sources":["../../../src/components/Table/ColumnConfigPanel.tsx"],"sourcesContent":["import { useCallback, useMemo, useState, type DragEvent, type FC, type ReactNode } from 'react';\nimport { Button, Checkbox, Collapse, Empty, Input, Popover, Space, Tooltip } from 'antd';\nimport { ChevronDown, ChevronRight, Settings, Undo2 } from '../Icons';\nimport type { ColumnConfigPanelItem, TableColumnConfigItem } from './columnConfigTypes';\nimport { mergePanelWithConfig, panelItemsToConfig, splitVisibleHidden } from './columnConfigUtils';\nimport styles from './columnConfig.module.scss';\n\ntype ColumnConfigPanelProps = {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n defaultItems: ColumnConfigPanelItem[];\n savedConfig: TableColumnConfigItem[] | null;\n onConfirm: (items: TableColumnConfigItem[]) => void | Promise<void>;\n children: ReactNode;\n};\n\nfunction flattenSearch(items: ColumnConfigPanelItem[], q: string): boolean {\n if (!q) return true;\n const lower = q.toLowerCase();\n return items.some(\n (it) =>\n it.label.toLowerCase().includes(lower) ||\n it.id.toLowerCase().includes(lower) ||\n (it.children ? flattenSearch(it.children, q) : false),\n );\n}\n\nconst DragList: FC<{\n items: ColumnConfigPanelItem[];\n search: string;\n onChange: (next: ColumnConfigPanelItem[]) => void;\n onToggle: (id: string, hidden: boolean) => void;\n depth?: number;\n collapsedIds: Set<string>;\n onToggleCollapse: (id: string) => void;\n}> = ({ items, search, onChange, onToggle, depth = 0, collapsedIds, onToggleCollapse }) => {\n const [dragIndex, setDragIndex] = useState<number | null>(null);\n const searching = Boolean(search.trim());\n\n const filtered = useMemo(() => {\n if (!search.trim()) return items.map((it, i) => ({ it, i }));\n return items.map((it, i) => ({ it, i })).filter(({ it }) => flattenSearch([it], search.trim()));\n }, [items, search]);\n\n const onDragStart = (e: DragEvent, index: number) => {\n setDragIndex(index);\n e.dataTransfer.effectAllowed = 'move';\n e.dataTransfer.setData('text/plain', String(index));\n };\n\n const onDrop = (e: DragEvent, toIndex: number) => {\n e.preventDefault();\n const from = dragIndex ?? Number(e.dataTransfer.getData('text/plain'));\n setDragIndex(null);\n if (!Number.isFinite(from) || from === toIndex) return;\n const next = [...items];\n const [moved] = next.splice(from, 1);\n if (!moved) return;\n next.splice(toIndex, 0, moved);\n onChange(next);\n };\n\n if (!filtered.length) {\n return <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description=\"暂无数据\" />;\n }\n\n return (\n <ul className={styles.list} style={{ paddingLeft: depth ? 12 : 0 }}>\n {filtered.map(({ it, i }) => {\n const hasChildren = Boolean(it.children?.length);\n const expanded = searching || !collapsedIds.has(it.id);\n return (\n <li key={it.id} className={styles.listItem}>\n <div\n className={styles.row}\n draggable={!searching}\n onDragStart={(e) => onDragStart(e, i)}\n onDragOver={(e) => e.preventDefault()}\n onDrop={(e) => onDrop(e, i)}\n >\n {hasChildren ? (\n <button\n type=\"button\"\n className={styles.foldBtn}\n aria-label={expanded ? '折叠' : '展开'}\n aria-expanded={expanded}\n onClick={(e) => {\n e.stopPropagation();\n onToggleCollapse(it.id);\n }}\n >\n {expanded ? <ChevronDown size={14} /> : <ChevronRight size={14} />}\n </button>\n ) : (\n <span className={styles.foldSpacer} aria-hidden />\n )}\n <span className={styles.grip} aria-hidden>\n ⠿\n </span>\n <Checkbox checked={!it.hidden} onChange={(e) => onToggle(it.id, !e.target.checked)}>\n <span className={styles.label}>{it.label || it.id}</span>\n </Checkbox>\n </div>\n {hasChildren && expanded ? (\n <DragList\n items={it.children!}\n search={search}\n depth={depth + 1}\n collapsedIds={collapsedIds}\n onToggleCollapse={onToggleCollapse}\n onChange={(childNext) => {\n const next = items.map((x) =>\n x.id === it.id ? { ...x, children: childNext } : x,\n );\n onChange(next);\n }}\n onToggle={(cid, hidden) => {\n const next = items.map((x) => {\n if (x.id !== it.id || !x.children) return x;\n const children = x.children.map((c) =>\n c.id === cid\n ? { ...c, hidden }\n : c.children\n ? {\n ...c,\n children: toggleDeep(c.children, cid, hidden),\n }\n : c,\n );\n const allHidden = children.every((c) => c.hidden);\n return { ...x, children, hidden: allHidden ? true : hidden ? x.hidden : false };\n });\n onChange(next);\n }}\n />\n ) : null}\n </li>\n );\n })}\n </ul>\n );\n};\n\nfunction toggleDeep(\n items: ColumnConfigPanelItem[],\n id: string,\n hidden: boolean,\n): ColumnConfigPanelItem[] {\n return items.map((it) => {\n if (it.id === id) return { ...it, hidden };\n if (it.children) {\n const children = toggleDeep(it.children, id, hidden);\n return {\n ...it,\n children,\n hidden: children.every((c) => c.hidden) ? true : it.hidden && hidden,\n };\n }\n return it;\n });\n}\n\nfunction toggleInTree(\n items: ColumnConfigPanelItem[],\n id: string,\n hidden: boolean,\n): ColumnConfigPanelItem[] {\n return items.map((it) => {\n if (it.id === id) {\n const children = it.children?.map((c) => setHiddenDeep(c, hidden));\n return { ...it, hidden, children };\n }\n if (it.children) {\n const children = toggleInTree(it.children, id, hidden);\n const allHidden = children.every((c) => c.hidden);\n return {\n ...it,\n children,\n hidden: allHidden ? true : !hidden && it.id !== id ? false : it.hidden,\n };\n }\n return it;\n });\n}\n\nfunction setHiddenDeep(item: ColumnConfigPanelItem, hidden: boolean): ColumnConfigPanelItem {\n return {\n ...item,\n hidden,\n children: item.children?.map((c) => setHiddenDeep(c, hidden)),\n };\n}\n\n/** 将显隐两区合并回完整顺序:visible 在前,hidden 在后(保持各自内部拖拽序) */\nfunction mergeSections(\n visible: ColumnConfigPanelItem[],\n hidden: ColumnConfigPanelItem[],\n): ColumnConfigPanelItem[] {\n return [...visible, ...hidden];\n}\n\nexport const ColumnConfigPopover: FC<ColumnConfigPanelProps> = ({\n open,\n onOpenChange,\n defaultItems,\n savedConfig,\n onConfirm,\n children,\n}) => {\n const [draft, setDraft] = useState<ColumnConfigPanelItem[]>([]);\n const [searchVisible, setSearchVisible] = useState('');\n const [searchHidden, setSearchHidden] = useState('');\n const [saving, setSaving] = useState(false);\n const [collapsedIds, setCollapsedIds] = useState<Set<string>>(() => new Set());\n\n const syncDraft = useCallback(() => {\n setDraft(mergePanelWithConfig(defaultItems, savedConfig));\n setSearchVisible('');\n setSearchHidden('');\n setCollapsedIds(new Set());\n }, [defaultItems, savedConfig]);\n\n const handleOpenChange = (next: boolean) => {\n if (next) syncDraft();\n onOpenChange(next);\n };\n\n const { visible, hidden } = useMemo(() => splitVisibleHidden(draft), [draft]);\n\n const setVisibleList = (list: ColumnConfigPanelItem[]) => {\n setDraft(mergeSections(list, hidden));\n };\n const setHiddenList = (list: ColumnConfigPanelItem[]) => {\n setDraft(mergeSections(visible, list));\n };\n\n const onToggle = (id: string, nextHidden: boolean) => {\n setDraft((prev) => toggleInTree(prev, id, nextHidden));\n };\n\n const onToggleCollapse = useCallback((id: string) => {\n setCollapsedIds((prev) => {\n const next = new Set(prev);\n if (next.has(id)) next.delete(id);\n else next.add(id);\n return next;\n });\n }, []);\n\n const onReset = () => {\n setDraft(defaultItems.map((d) => ({ ...d, children: d.children?.map((c) => ({ ...c })) })));\n setCollapsedIds(new Set());\n };\n\n const onOk = async () => {\n setSaving(true);\n try {\n await onConfirm(panelItemsToConfig(draft));\n onOpenChange(false);\n } finally {\n setSaving(false);\n }\n };\n\n const content = (\n <div className={styles.panel} data-ui=\"table-column-config\">\n <div className={styles.header}>\n <span className={styles.title}>编辑表格</span>\n <Tooltip title=\"恢复默认\">\n <button type=\"button\" className={styles.resetBtn} onClick={onReset} aria-label=\"恢复默认\">\n <Undo2 size={16} />\n </button>\n </Tooltip>\n </div>\n <Collapse\n className={styles.collapse}\n defaultActiveKey={['visible', 'hidden']}\n ghost\n items={[\n {\n key: 'visible',\n label: '显示的信息',\n children: (\n <>\n <Input\n allowClear\n size=\"small\"\n className={styles.search}\n placeholder=\"搜索\"\n value={searchVisible}\n onChange={(e) => setSearchVisible(e.target.value)}\n />\n <DragList\n items={visible}\n search={searchVisible}\n onChange={setVisibleList}\n onToggle={onToggle}\n collapsedIds={collapsedIds}\n onToggleCollapse={onToggleCollapse}\n />\n </>\n ),\n },\n {\n key: 'hidden',\n label: '隐藏的信息',\n children: (\n <>\n <Input\n allowClear\n size=\"small\"\n className={styles.search}\n placeholder=\"搜索\"\n value={searchHidden}\n onChange={(e) => setSearchHidden(e.target.value)}\n />\n <DragList\n items={hidden}\n search={searchHidden}\n onChange={setHiddenList}\n onToggle={onToggle}\n collapsedIds={collapsedIds}\n onToggleCollapse={onToggleCollapse}\n />\n </>\n ),\n },\n ]}\n />\n <div className={styles.footer}>\n <Space>\n <Button size=\"small\" onClick={() => onOpenChange(false)}>\n 取消\n </Button>\n <Button type=\"primary\" size=\"small\" loading={saving} onClick={() => void onOk()}>\n 确定\n </Button>\n </Space>\n </div>\n </div>\n );\n\n return (\n <Popover\n trigger=\"click\"\n placement=\"bottomRight\"\n open={open}\n onOpenChange={handleOpenChange}\n content={content}\n overlayClassName={styles.overlay}\n arrow={false}\n >\n {children}\n </Popover>\n );\n};\n\nexport function ColumnConfigTrigger({\n open,\n onOpenChange,\n defaultItems,\n savedConfig,\n onConfirm,\n}: Omit<ColumnConfigPanelProps, 'children'>) {\n return (\n <ColumnConfigPopover\n open={open}\n onOpenChange={onOpenChange}\n defaultItems={defaultItems}\n savedConfig={savedConfig}\n onConfirm={onConfirm}\n >\n <button\n type=\"button\"\n className={styles.gearBtn}\n aria-label=\"编辑表格\"\n onClick={(e) => e.stopPropagation()}\n >\n <Settings size={14} />\n </button>\n </ColumnConfigPopover>\n );\n}\n"],"names":["flattenSearch","items","q","lower","it","DragList","search","onChange","onToggle","depth","collapsedIds","onToggleCollapse","dragIndex","setDragIndex","useState","searching","filtered","useMemo","i","onDragStart","e","index","onDrop","toIndex","from","next","moved","styles","hasChildren","_a","expanded","jsxs","jsx","ChevronDown","ChevronRight","Checkbox","childNext","x","cid","hidden","children","c","toggleDeep","allHidden","Empty","id","toggleInTree","setHiddenDeep","item","mergeSections","visible","ColumnConfigPopover","open","onOpenChange","defaultItems","savedConfig","onConfirm","draft","setDraft","searchVisible","setSearchVisible","searchHidden","setSearchHidden","saving","setSaving","setCollapsedIds","syncDraft","useCallback","mergePanelWithConfig","handleOpenChange","splitVisibleHidden","setVisibleList","list","setHiddenList","nextHidden","prev","onReset","d","onOk","panelItemsToConfig","content","Tooltip","Undo2","Collapse","Fragment","Input","Space","Button","Popover","ColumnConfigTrigger","Settings"],"mappings":"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"}
|
|
@@ -1,22 +1,42 @@
|
|
|
1
|
+
import { Key, ReactNode } from 'react';
|
|
1
2
|
import { TableProps as AntTableProps } from 'antd';
|
|
2
3
|
import { TableColumnConfigFetcher, TableColumnConfigItem, TableColumnConfigSaver } from './columnConfigTypes';
|
|
3
|
-
import { applyColumnConfig, columnsToConfig, COLUMN_CONFIG_COL_KEY } from './columnConfigUtils';
|
|
4
|
+
import { applyColumnConfig, columnsToConfig, COLUMN_CONFIG_COL_KEY, FLEX_SPACER_COL_KEY, hideColumnAtPath, isInternalColumnKey } from './columnConfigUtils';
|
|
5
|
+
import { TablePrefs, TablePrefsFetcher, TablePrefsSaver } from './tablePrefsTypes';
|
|
4
6
|
export type { TableColumnConfigItem, TableColumnConfigFetcher, TableColumnConfigSaver };
|
|
7
|
+
export type { TablePrefs, TablePrefsFetcher, TablePrefsSaver };
|
|
5
8
|
export type TableProps<RecordType extends object = Record<string, unknown>> = AntTableProps<RecordType> & {
|
|
6
9
|
/** 稳定偏好 key;业务列表必填 */
|
|
7
10
|
tableName?: string;
|
|
8
11
|
/** 是否启用「编辑表格」列配置;默认 !!tableName */
|
|
9
12
|
columnConfigEnabled?: boolean;
|
|
13
|
+
/** @deprecated 优先用 fetchTablePrefs;仍支持仅列配置 */
|
|
10
14
|
fetchColumnConfig?: TableColumnConfigFetcher;
|
|
15
|
+
/** @deprecated 优先用 saveTablePrefs */
|
|
11
16
|
saveColumnConfig?: TableColumnConfigSaver;
|
|
12
17
|
onColumnConfigChange?: (items: TableColumnConfigItem[]) => void;
|
|
18
|
+
/** 读写 TablePrefs(仅 columns,经 user_key) */
|
|
19
|
+
fetchTablePrefs?: TablePrefsFetcher;
|
|
20
|
+
saveTablePrefs?: TablePrefsSaver;
|
|
21
|
+
onTablePrefsChange?: (prefs: TablePrefs) => void;
|
|
22
|
+
/** 启用行隐藏(会话内 state,不进 user_key);默认 false */
|
|
23
|
+
rowConfigEnabled?: boolean;
|
|
24
|
+
/** 不可隐藏的行 key(如主对标) */
|
|
25
|
+
lockedRowKeys?: Key[];
|
|
26
|
+
/** 受控隐藏行;不传则用组件内部会话 state */
|
|
27
|
+
hiddenRowKeys?: Key[];
|
|
28
|
+
onHiddenRowKeysChange?: (keys: string[]) => void;
|
|
29
|
+
/** 行隐藏工具条:传入当前勾选 key 以启用「隐藏选中行」 */
|
|
30
|
+
rowHideSelectedKeys?: Key[];
|
|
31
|
+
/** 自定义行隐藏工具条;默认内置按钮 */
|
|
32
|
+
rowConfigToolbar?: ReactNode | false;
|
|
13
33
|
};
|
|
14
34
|
/**
|
|
15
35
|
* 基于 antd Table 的列表表格包装。
|
|
16
|
-
*
|
|
17
|
-
* tableName + columnConfigEnabled 时在最右侧追加独立齿轮列(跨多级表头高度)。
|
|
36
|
+
* 列偏好经 user_key;行隐藏仅会话 state,不进 user_key。
|
|
18
37
|
*/
|
|
19
|
-
declare function Table<RecordType extends object = Record<string, unknown>>({ className, scroll, pagination, locale, columns, tableName, columnConfigEnabled, fetchColumnConfig, saveColumnConfig, onColumnConfigChange, ...rest }: TableProps<RecordType>): import("react").JSX.Element;
|
|
38
|
+
declare function Table<RecordType extends object = Record<string, unknown>>({ className, style, scroll, pagination, locale, columns, dataSource, rowKey, tableName, columnConfigEnabled, fetchColumnConfig, saveColumnConfig, onColumnConfigChange, fetchTablePrefs, saveTablePrefs, onTablePrefsChange, rowConfigEnabled, lockedRowKeys, hiddenRowKeys: hiddenRowKeysProp, onHiddenRowKeysChange, rowHideSelectedKeys, rowConfigToolbar, rowSelection, ...rest }: TableProps<RecordType>): import("react").JSX.Element;
|
|
20
39
|
export default Table;
|
|
21
|
-
|
|
22
|
-
export {
|
|
40
|
+
export { columnsToConfig, applyColumnConfig, COLUMN_CONFIG_COL_KEY, FLEX_SPACER_COL_KEY, isInternalColumnKey, hideColumnAtPath, };
|
|
41
|
+
export { parseTablePrefs, serializeTablePrefs, mergeTablePrefs, applyHiddenRows, normalizeHiddenRowKeys, } from './tablePrefsUtils';
|
|
42
|
+
export { emptyTablePrefs } from './tablePrefsTypes';
|