bitz-react-admin-ui 1.9.7 → 1.9.8

package/dist/components/BitzTable/ToolBar/ColConfigIcon/ColumnSettingModal.mjs

@@ -1,249 +1,257 @@
 import { j as o } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { create as oe, useModal as se, antdModalV5 as te } from "@ebay/nice-modal-react";
-import { Modal as le, Typography as ne, Checkbox as re, Button as ae } from "antd";
+import { create as se, useModal as te, antdModalV5 as le } from "@ebay/nice-modal-react";
+import { Modal as ne, Typography as re, Checkbox as ae, Button as ce } from "antd";
 import r from "./index.module.less.mjs";
-import { useState as N, useContext as ce, useEffect as ie, useCallback as V, useMemo as M } from "react";
-import { TableContext as me } from "../../Store/index.mjs";
-import { genColumnKey as F, columnSort as de } from "../../Store/utils/index.mjs";
+import { useState as N, useContext as ie, useEffect as me, useCallback as V, useMemo as M } from "react";
+import { TableContext as de } from "../../Store/index.mjs";
+import { genColumnKey as F, columnSort as ue } from "../../Store/utils/index.mjs";
 import p from "../../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
-import { DndContext as ue } from "../../../../node_modules/.store/@dnd-kit_core@6.1.0/node_modules/@dnd-kit/core/dist/core.esm.mjs";
-import { SortableContext as pe, verticalListSortingStrategy as fe, arrayMove as he } from "../../../../node_modules/.store/@dnd-kit_sortable@7.0.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
-import xe from "./DndItem.mjs";
-import { restrictToVerticalAxis as be, restrictToWindowEdges as ye } from "../../../../node_modules/.store/@dnd-kit_modifiers@6.0.1/node_modules/@dnd-kit/modifiers/dist/modifiers.esm.mjs";
+import { DndContext as pe } from "../../../../node_modules/.store/@dnd-kit_core@6.1.0/node_modules/@dnd-kit/core/dist/core.esm.mjs";
+import { SortableContext as he, verticalListSortingStrategy as xe, arrayMove as fe } from "../../../../node_modules/.store/@dnd-kit_sortable@7.0.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
+import be from "./DndItem.mjs";
+import { restrictToVerticalAxis as ye, restrictToWindowEdges as Ce } from "../../../../node_modules/.store/@dnd-kit_modifiers@6.0.1/node_modules/@dnd-kit/modifiers/dist/modifiers.esm.mjs";
 import P from "../../../BitzButton/index.mjs";
-import { useImmer as Ce } from "../../../../node_modules/.store/use-immer@0.9.0/node_modules/use-immer/dist/use-immer.module.mjs";
-import { css as Me } from "../../../../node_modules/.store/@emotion_css@11.11.2/node_modules/@emotion/css/dist/emotion-css.esm.mjs";
-import je from "../../../BitzTheme/index.mjs";
+import { useImmer as Me } from "../../../../node_modules/.store/use-immer@0.9.0/node_modules/use-immer/dist/use-immer.module.mjs";
+import { css as je } from "../../../../node_modules/.store/@emotion_css@11.11.2/node_modules/@emotion/css/dist/emotion-css.esm.mjs";
+import ke from "../../../BitzTheme/index.mjs";
 import "./index.less.mjs";
 import W from "../../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/omit.mjs";
-import ke from "../../../../node_modules/.store/@ant-design_icons@5.3.5/node_modules/@ant-design/icons/es/icons/CheckCircleOutlined.mjs";
-import ge from "../../../../node_modules/.store/@ant-design_icons@5.3.5/node_modules/@ant-design/icons/es/icons/RedoOutlined.mjs";
-const $e = oe(({ onChange: x }) => {
-  var _, E, z, H;
-  const { token: i } = je.useToken(), b = se(), [j, k] = N(null), [$, K] = N(!1), [q, w] = N(!1), [a, y] = Ce({
-    columnsMap: {},
-    sortKeyColumns: []
-  }), {
-    persistenceType: G,
-    persistenceKey: B,
-    onlineChange: g,
-    columnsMap: J,
-    setColumnsMap: L,
-    sortKeyColumns: Q,
-    setSortKeyColumns: U,
-    // clearPersistenceStorage,
-    ...l
-  } = ce(me);
-  ie(() => {
-    y((e) => {
-      e.columnsMap = { ...J }, e.sortKeyColumns = [...Q];
-    });
-  }, []);
-  const X = V(() => {
-    y((e) => {
-      e.columnsMap = { ...l.defaultColumnKeyMap };
-    });
-  }, []), f = M(() => {
-    var s, n;
-    const e = [];
-    return (s = l == null ? void 0 : l.columns) != null && s.length && ((n = l == null ? void 0 : l.columns) == null || n.map(({ key: u, dataIndex: t, ...m }) => {
-      const C = F(
-        u || t,
-        [u || t].filter(Boolean).join("-")
-      ), d = a.columnsMap[C || "null"];
-      return (d == null ? void 0 : d.show) !== !1 && e.push({
-        key: C,
-        ...W(m, ["className"]),
-        selectable: !1,
-        disabled: (d == null ? void 0 : d.disable) === !0
-      }), d;
-    })), e.sort(de(a.columnsMap));
-  }, [a.columnsMap, l == null ? void 0 : l.columns]), S = V(
-    (e) => {
-      var s;
-      return (s = a.sortKeyColumns) == null ? void 0 : s.findIndex((n) => n === e);
-    },
-    [a.sortKeyColumns]
-  ), T = M(
-    () => j ? S(j) : -1,
-    [j, S]
-  ), D = M(() => {
-    const e = [], s = /* @__PURE__ */ new Map();
-    return { list: ((u, t) => u.map(({ key: m, dataIndex: C, children: d, ...R }) => {
-      var O;
-      const v = F(
-        m || C,
-        [t == null ? void 0 : t.columnKey, R.index].filter(Boolean).join("-")
-      ), c = a.columnsMap[v || "null"] || { show: !0 };
-      (c == null ? void 0 : c.show) !== !1 && !d && e.push(v);
-      const A = {
-        key: v,
-        ...W(R, ["className"]),
-        selectable: !1,
-        disabled: c.disable === !0,
-        disableCheckbox: typeof c.disable == "boolean" ? c == null ? void 0 : c.disable : (O = c == null ? void 0 : c.disable) == null ? void 0 : O.checkbox,
-        isLeaf: t ? !0 : void 0
-      };
-      return s.set(m, A), A;
-    }))(l == null ? void 0 : l.columns), keys: e, map: s };
-  }, [a.columnsMap, l == null ? void 0 : l.columns]), Y = (e, s) => {
-    const n = { ...a.columnsMap };
-    ((t) => {
-      const m = { ...n[t] };
-      m.show = !e, n[t] = m;
-    })(s.key), w(!0), y((t) => {
-      t.columnsMap = { ...n };
-    });
-  }, Z = (e, s) => {
-    const n = { ...a.columnsMap }, u = he(a.sortKeyColumns, e, s);
-    u.forEach((t, m) => {
-      n[t] = { ...n[t] || {}, order: m };
-    }), w(!0), y((t) => {
-      t.columnsMap = { ...n }, t.sortKeyColumns = u;
-    });
-  }, ee = () => {
-    var e;
-    L(a.columnsMap), U(a.sortKeyColumns), G === "online" && B && (g == null || g(B, a.columnsMap)), x ? (K(!0), (e = x == null ? void 0 : x(a.columnsMap)) == null || e.finally(() => {
-      K(!1), b.hide();
-    })) : b.hide();
-  }, I = () => {
-    b.hide();
-  }, h = M(() => i.mode === "dark", [i.mode]);
-  return /* @__PURE__ */ o.jsxs(
-    le,
-    {
-      className: "tableColumnSettingModal",
-      title: /* @__PURE__ */ o.jsx(ne.Title, { style: { fontSize: 16, margin: 0 }, children: "列设置" }),
-      getContainer: !1,
-      ...te(b),
-      style: {
-        "--modalContent-bgColor": (_ = i.Modal) == null ? void 0 : _.contentBg,
-        "--header-bgColor": (E = i.Modal) == null ? void 0 : E.headerBg,
-        "--footer-bgColor": (z = i.Modal) == null ? void 0 : z.footerBg,
-        "--blockTitle-colorBg": h ? "#333" : "#fff",
-        "--leftBody-bgColor": h ? "#262626" : "#e0e0e0",
-        "--rightBody-bgColor": h ? "#262626" : "#fff",
-        "--checked": h ? "#303030" : "#eee",
-        "--block-bgColor": h ? "#222" : "#fff",
-        "--colorText": i.colorText,
-        "--colorText-desc": i.colorTextDescription,
-        "--colorBorder": i.colorBorder
+import ge from "../../../../node_modules/.store/@ant-design_icons@5.3.5/node_modules/@ant-design/icons/es/icons/CheckCircleOutlined.mjs";
+import Se from "../../../../node_modules/.store/@ant-design_icons@5.3.5/node_modules/@ant-design/icons/es/icons/RedoOutlined.mjs";
+const qe = se(
+  ({ onChange: f, getContainer: $ }) => {
+    var _, E, z, H;
+    const { token: i } = ke.useToken(), b = te(), [j, k] = N(null), [q, K] = N(!1), [G, w] = N(!1), [a, y] = Me({
+      columnsMap: {},
+      sortKeyColumns: []
+    }), {
+      persistenceType: J,
+      persistenceKey: B,
+      onlineChange: g,
+      columnsMap: L,
+      setColumnsMap: Q,
+      sortKeyColumns: U,
+      setSortKeyColumns: X,
+      // clearPersistenceStorage,
+      ...l
+    } = ie(de);
+    me(() => {
+      y((e) => {
+        e.columnsMap = { ...L }, e.sortKeyColumns = [...U];
+      });
+    }, []);
+    const Y = V(() => {
+      y((e) => {
+        e.columnsMap = { ...l.defaultColumnKeyMap };
+      });
+    }, []), h = M(() => {
+      var s, n;
+      const e = [];
+      return (s = l == null ? void 0 : l.columns) != null && s.length && ((n = l == null ? void 0 : l.columns) == null || n.map(
+        ({ key: u, dataIndex: t, ...m }) => {
+          const C = F(
+            u || t,
+            [u || t].filter(Boolean).join("-")
+          ), d = a.columnsMap[C || "null"];
+          return (d == null ? void 0 : d.show) !== !1 && e.push({
+            key: C,
+            ...W(m, ["className"]),
+            selectable: !1,
+            disabled: (d == null ? void 0 : d.disable) === !0
+          }), d;
+        }
+      )), e.sort(ue(a.columnsMap));
+    }, [a.columnsMap, l == null ? void 0 : l.columns]), S = V(
+      (e) => {
+        var s;
+        return (s = a.sortKeyColumns) == null ? void 0 : s.findIndex((n) => n === e);
       },
-      styles: { body: { maxHeight: window.innerHeight - 300 } },
-      width: 600,
-      onCancel: I,
-      footer: /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-        /* @__PURE__ */ o.jsx(
-          P,
-          {
-            type: "primary",
-            icon: /* @__PURE__ */ o.jsx(ke, {}),
-            onClick: ee,
-            disabled: !q,
-            loading: $,
-            children: "保存"
-          }
-        ),
-        /* @__PURE__ */ o.jsx(P, { onClick: I, children: "取消" })
-      ] }),
-      children: [
-        /* @__PURE__ */ o.jsx("div", { className: p(r.introduce, "tableColumnSetting_introduce"), children: "选择要在表中显示的可用列。拖动选定的列以对其重新排序。" }),
-        /* @__PURE__ */ o.jsxs(
-          "div",
-          {
-            className: p(r.container, "tableColumnSetting_container"),
-            style: { maxHeight: window.innerHeight - 390, overflow: "auto" },
-            children: [
-              /* @__PURE__ */ o.jsxs("div", { className: r.block, children: [
-                /* @__PURE__ */ o.jsxs("div", { className: p(r.header, "tableColumnSetting_header"), children: [
-                  /* @__PURE__ */ o.jsx("div", { className: p(r.title, "tableColumnSetting_title"), children: "可用列" }),
-                  /* @__PURE__ */ o.jsx("div", {})
-                ] }),
-                /* @__PURE__ */ o.jsx("div", { className: p(r.body, "tableColumnSetting_body"), children: /* @__PURE__ */ o.jsx("ul", { className: r.content, children: (H = D.list) == null ? void 0 : H.map((e) => {
-                  const s = D.keys.includes(e.key);
-                  return /* @__PURE__ */ o.jsxs(
-                    "li",
-                    {
-                      className: p(r.item, {
-                        [r.checked]: !s,
-                        tableColumnSetting_checked: !s
-                      }),
-                      onClick: () => !e.disabled && Y(s, e),
-                      children: [
-                        /* @__PURE__ */ o.jsx(re, { checked: s, disabled: e.disabled }),
-                        /* @__PURE__ */ o.jsx(
-                          "span",
-                          {
-                            className: p(
-                              r["content-item-text"],
-                              {
-                                [r["content-item-text-disabled"]]: e.disabled
-                              },
-                              "tableColumnSetting_content-item-text"
-                            ),
-                            children: e.title
-                          }
-                        )
-                      ]
-                    },
-                    e.key
-                  );
-                }) }) })
-              ] }),
-              /* @__PURE__ */ o.jsxs("div", { className: r.block, children: [
-                /* @__PURE__ */ o.jsxs("div", { className: r.header, children: [
-                  /* @__PURE__ */ o.jsx("div", { className: r.title, children: "选定列" }),
-                  /* @__PURE__ */ o.jsx(
-                    ae,
-                    {
-                      type: "link",
-                      icon: /* @__PURE__ */ o.jsx(ge, {}),
-                      size: "small",
-                      onClick: X,
-                      className: Me`
-                &:hover {
-                  color: ${i.colorPrimary} !important;
-                }
-              `,
-                      children: "重置"
-                    }
-                  )
+      [a.sortKeyColumns]
+    ), T = M(
+      () => j ? S(j) : -1,
+      [j, S]
+    ), D = M(() => {
+      const e = [], s = /* @__PURE__ */ new Map();
+      return {
+        list: ((u, t) => u.map(({ key: m, dataIndex: C, children: d, ...R }) => {
+          var O;
+          const v = F(
+            m || C,
+            [t == null ? void 0 : t.columnKey, R.index].filter(Boolean).join("-")
+          ), c = a.columnsMap[v || "null"] || { show: !0 };
+          (c == null ? void 0 : c.show) !== !1 && !d && e.push(v);
+          const A = {
+            key: v,
+            ...W(R, ["className"]),
+            selectable: !1,
+            disabled: c.disable === !0,
+            disableCheckbox: typeof c.disable == "boolean" ? c == null ? void 0 : c.disable : (O = c == null ? void 0 : c.disable) == null ? void 0 : O.checkbox,
+            isLeaf: t ? !0 : void 0
+          };
+          return s.set(m, A), A;
+        }))((l == null ? void 0 : l.columns) ?? []),
+        keys: e,
+        map: s
+      };
+    }, [a.columnsMap, l == null ? void 0 : l.columns]), Z = (e, s) => {
+      const n = { ...a.columnsMap };
+      ((t) => {
+        const m = { ...n[t] };
+        m.show = !e, n[t] = m;
+      })(s.key), w(!0), y((t) => {
+        t.columnsMap = { ...n };
+      });
+    }, ee = (e, s) => {
+      const n = { ...a.columnsMap }, u = fe(a.sortKeyColumns, e, s);
+      u.forEach((t, m) => {
+        n[t] = { ...n[t] || {}, order: m };
+      }), w(!0), y((t) => {
+        t.columnsMap = { ...n }, t.sortKeyColumns = u;
+      });
+    }, oe = () => {
+      var e;
+      Q(a.columnsMap), X(a.sortKeyColumns), J === "online" && B && (g == null || g(B, a.columnsMap)), f ? (K(!0), (e = f == null ? void 0 : f(a.columnsMap)) == null || e.finally(() => {
+        K(!1), b.hide();
+      })) : b.hide();
+    }, I = () => {
+      b.hide();
+    }, x = M(() => i.mode === "dark", [i.mode]);
+    return /* @__PURE__ */ o.jsxs(
+      ne,
+      {
+        className: "tableColumnSettingModal",
+        title: /* @__PURE__ */ o.jsx(re.Title, { style: { fontSize: 16, margin: 0 }, children: "列设置" }),
+        getContainer: $,
+        ...le(b),
+        style: {
+          "--modalContent-bgColor": (_ = i.Modal) == null ? void 0 : _.contentBg,
+          "--header-bgColor": (E = i.Modal) == null ? void 0 : E.headerBg,
+          "--footer-bgColor": (z = i.Modal) == null ? void 0 : z.footerBg,
+          "--blockTitle-colorBg": x ? "#333" : "#fff",
+          "--leftBody-bgColor": x ? "#262626" : "#e0e0e0",
+          "--rightBody-bgColor": x ? "#262626" : "#fff",
+          "--checked": x ? "#303030" : "#eee",
+          "--block-bgColor": x ? "#222" : "#fff",
+          "--colorText": i.colorText,
+          "--colorText-desc": i.colorTextDescription,
+          "--colorBorder": i.colorBorder
+        },
+        styles: { body: { maxHeight: window.innerHeight - 300 } },
+        width: 600,
+        onCancel: I,
+        footer: /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+          /* @__PURE__ */ o.jsx(
+            P,
+            {
+              type: "primary",
+              icon: /* @__PURE__ */ o.jsx(ge, {}),
+              onClick: oe,
+              disabled: !G,
+              loading: q,
+              children: "保存"
+            }
+          ),
+          /* @__PURE__ */ o.jsx(P, { onClick: I, children: "取消" })
+        ] }),
+        children: [
+          /* @__PURE__ */ o.jsx("div", { className: p(r.introduce, "tableColumnSetting_introduce"), children: "选择要在表中显示的可用列。拖动选定的列以对其重新排序。" }),
+          /* @__PURE__ */ o.jsxs(
+            "div",
+            {
+              className: p(r.container, "tableColumnSetting_container"),
+              style: { maxHeight: window.innerHeight - 390, overflow: "auto" },
+              children: [
+                /* @__PURE__ */ o.jsxs("div", { className: r.block, children: [
+                  /* @__PURE__ */ o.jsxs("div", { className: p(r.header, "tableColumnSetting_header"), children: [
+                    /* @__PURE__ */ o.jsx("div", { className: p(r.title, "tableColumnSetting_title"), children: "可用列" }),
+                    /* @__PURE__ */ o.jsx("div", {})
+                  ] }),
+                  /* @__PURE__ */ o.jsx("div", { className: p(r.body, "tableColumnSetting_body"), children: /* @__PURE__ */ o.jsx("ul", { className: r.content, children: (H = D.list) == null ? void 0 : H.map((e) => {
+                    const s = D.keys.includes(e.key);
+                    return /* @__PURE__ */ o.jsxs(
+                      "li",
+                      {
+                        className: p(r.item, {
+                          [r.checked]: !s,
+                          tableColumnSetting_checked: !s
+                        }),
+                        onClick: () => !e.disabled && Z(s, e),
+                        children: [
+                          /* @__PURE__ */ o.jsx(ae, { checked: s, disabled: e.disabled }),
+                          /* @__PURE__ */ o.jsx(
+                            "span",
+                            {
+                              className: p(
+                                r["content-item-text"],
+                                {
+                                  [r["content-item-text-disabled"]]: e.disabled
+                                },
+                                "tableColumnSetting_content-item-text"
+                              ),
+                              children: e.title
+                            }
+                          )
+                        ]
+                      },
+                      e.key
+                    );
+                  }) }) })
                 ] }),
-                /* @__PURE__ */ o.jsx("div", { className: p(r.body, "tableColumnSetting_body-order"), children: /* @__PURE__ */ o.jsx(
-                  ue,
-                  {
-                    modifiers: [be, ye],
-                    onDragStart: (e) => {
-                      const { active: s } = e;
-                      s && k(s == null ? void 0 : s.id);
-                    },
-                    onDragCancel: () => k(null),
-                    onDragEnd: (e) => {
-                      k(null);
-                      const { over: s } = e;
-                      if (s) {
-                        const n = S(s.id);
-                        T !== n && Z(T, n);
-                      }
-                    },
-                    children: /* @__PURE__ */ o.jsx(
-                      pe,
+                /* @__PURE__ */ o.jsxs("div", { className: r.block, children: [
+                  /* @__PURE__ */ o.jsxs("div", { className: r.header, children: [
+                    /* @__PURE__ */ o.jsx("div", { className: r.title, children: "选定列" }),
+                    /* @__PURE__ */ o.jsx(
+                      ce,
                       {
-                        items: f == null ? void 0 : f.map((e) => e.key),
-                        strategy: fe,
-                        children: /* @__PURE__ */ o.jsx("ul", { className: r.content, children: f == null ? void 0 : f.map((e) => /* @__PURE__ */ o.jsx(xe, { item: e }, e.key)) })
+                        type: "link",
+                        icon: /* @__PURE__ */ o.jsx(Se, {}),
+                        size: "small",
+                        onClick: Y,
+                        className: je`
+                  &:hover {
+                    color: ${i.colorPrimary} !important;
+                  }
+                `,
+                        children: "重置"
                       }
                     )
-                  }
-                ) })
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  );
-});
+                  ] }),
+                  /* @__PURE__ */ o.jsx("div", { className: p(r.body, "tableColumnSetting_body-order"), children: /* @__PURE__ */ o.jsx(
+                    pe,
+                    {
+                      modifiers: [ye, Ce],
+                      onDragStart: (e) => {
+                        const { active: s } = e;
+                        s && k(s == null ? void 0 : s.id);
+                      },
+                      onDragCancel: () => k(null),
+                      onDragEnd: (e) => {
+                        k(null);
+                        const { over: s } = e;
+                        if (s) {
+                          const n = S(s.id);
+                          T !== n && ee(T, n);
+                        }
+                      },
+                      children: /* @__PURE__ */ o.jsx(
+                        he,
+                        {
+                          items: h == null ? void 0 : h.map((e) => e.key),
+                          strategy: xe,
+                          children: /* @__PURE__ */ o.jsx("ul", { className: r.content, children: h == null ? void 0 : h.map((e) => /* @__PURE__ */ o.jsx(be, { item: e }, e.key)) })
+                        }
+                      )
+                    }
+                  ) })
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
 export {
-  $e as default
+  qe as default
 };

package/dist/components/BitzTable/ToolBar/ColConfigIcon/index.mjs

@@ -1,38 +1,43 @@
-import { j as t } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import a, { useContext as u } from "react";
-import { Tooltip as c } from "antd";
-import { show as f } from "@ebay/nice-modal-react";
-import C from "./ColumnSettingModal.mjs";
-import d from "../style.mjs";
-import x from "../../../BitzButton/index.mjs";
-import { TableContext as g } from "../../Store/index.mjs";
-import h from "../../../../node_modules/.store/@ant-design_icons@5.3.5/node_modules/@ant-design/icons/es/icons/SettingOutlined.mjs";
-const j = (o) => {
-  const { order: m, show: i = !0, icon: l = /* @__PURE__ */ t.jsx(h, {}) } = o, { toolbarItemClassName: r } = d(), { uuid: e } = u(g);
-  return i ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(
-      C,
+import { j as e } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import C, { useContext as g, useState as x, useMemo as h, useEffect as j } from "react";
+import { Tooltip as b } from "antd";
+import { show as E } from "@ebay/nice-modal-react";
+import S from "./ColumnSettingModal.mjs";
+import p from "../style.mjs";
+import v from "../../../BitzButton/index.mjs";
+import { TableContext as y } from "../../Store/index.mjs";
+import B from "../../../../node_modules/.store/@ant-design_icons@5.3.5/node_modules/@ant-design/icons/es/icons/SettingOutlined.mjs";
+const L = (n) => {
+  const { order: c, show: a = !0, icon: u = /* @__PURE__ */ e.jsx(B, {}) } = n, { toolbarItemClassName: f } = p(), { uuid: l } = g(y), [s, i] = x(!1), d = h(() => s ? !1 : void 0, [s]);
+  return j(() => (document == null || document.addEventListener("fullscreenchange", (o) => {
+    var t, r, m;
+    (t = o.target) != null && t.classList.contains("bitzTableBlock") && (i(!!document.fullscreenElement), (m = (r = document.fullscreenElement) == null ? void 0 : r.classList) != null && m.contains("bitzTableBlock") || i(!1));
+  }), document == null ? void 0 : document.removeEventListener("fullscreenchange", () => {
+  })), []), a ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      S,
       {
-        id: `ColumnSettingModal-${e}`,
-        onChange: async (s) => {
-          var n;
-          return (n = o.onChange) == null ? void 0 : n.call(o, s);
-        }
+        id: `ColumnSettingModal-${l}`,
+        onChange: async (o) => {
+          var t;
+          return (t = n.onChange) == null ? void 0 : t.call(n, o);
+        },
+        getContainer: d
       }
     ),
-    /* @__PURE__ */ t.jsx(c, { title: "列设置", open: !1, children: /* @__PURE__ */ t.jsx(
-      x,
+    /* @__PURE__ */ e.jsx(b, { title: "列设置", open: !1, children: /* @__PURE__ */ e.jsx(
+      v,
       {
         type: "text",
-        className: r,
-        onClick: () => f(`ColumnSettingModal-${e}`),
-        icon: l,
-        style: { order: m },
+        className: f,
+        onClick: () => E(`ColumnSettingModal-${l}`),
+        icon: u,
+        style: { order: c },
         children: "列设置"
       }
     ) })
   ] }) : null;
-}, N = a.memo(j);
+}, R = C.memo(L);
 export {
-  N as default
+  R as default
 };

package/dist/components/BitzTable/index.d.ts

@@ -47,8 +47,10 @@ interface BitzTableColumnType<RecordType = any> extends ColumnsConfigProps, Tabl
     mobileHideLabel?: boolean;
     /** 是否为操作列 */
     isOperationCol?: boolean;
-    /** 是否为复选框/展开列 */
-    isToolCol?: boolean;
+    /** 是否为复选框列 */
+    isCheckboxCol?: boolean;
+    /** 是否为展开列 */
+    isExpandIconCol?: boolean;
     /** 列宽根据内容宽度最大的设置(只应用在操作列上) */
     useMaxWidth?: boolean;
 }