bitz-react-admin-ui 1.9.7 → 1.9.9

package/dist/components/BitzTable/Table/style.d.ts

@@ -1,40 +1,10 @@
-export declare const getCssVar: ({ height, evenRowBgColor, colorBgContainer, table, gap, borderColor, }: {
+export declare const getCssVar: ({ height, evenRowBgColor, colorBgContainer, table, gap, borderColor, scrollbarWidth, other, }: {
     height: any;
     evenRowBgColor: any;
     colorBgContainer: any;
     table: any;
     gap: any;
     borderColor: any;
-}) => {
-    height: any;
-    '--toolbar-bgColor': any;
-    '--thead-bgColor': any;
-    '--thead-hoverBgColor': any;
-    '--evenRow-BgColor': any;
-    '--oddRow-BgColor': any;
-    '--radioCheckbox-borderColor': any;
-    '--expandIcon-borderColor': any;
-    '--rowHover-bgColor': any;
-    '--borderColor': any;
-    '--container-gap': string;
-    '--xlTable-fontSize': string;
-    '--lgTable-fontSize': string;
-    '--mdTable-fontSize': string;
-    '--smTable-fontSize': string;
-    '--xsTable-fontSize': string;
-    '--xlTable-height': string;
-    '--lgTable-height': string;
-    '--mdTable-height': string;
-    '--smTable-height': string;
-    '--xsTable-height': string;
-    '--xlTable-lineHeight': string;
-    '--lgTable-lineHeight': string;
-    '--mdTable-lineHeight': string;
-    '--smTable-lineHeight': string;
-    '--xsTable-lineHeight': string;
-    '--xlSkeleton-height': string;
-    '--lgSkeleton-height': string;
-    '--mdSkeleton-height': string;
-    '--smSkeleton-height': string;
-    '--xsSkeleton-height': string;
-};
+    scrollbarWidth: any;
+    other: any;
+}) => any;

package/dist/components/BitzTable/Table/style.mjs

@@ -1,10 +1,12 @@
-const u = ({
+const j = ({
   height: v,
   evenRowBgColor: w,
   colorBgContainer: e,
   table: o,
   gap: I,
-  borderColor: R
+  borderColor: R,
+  scrollbarWidth: u,
+  other: V
 }) => {
   var h, i, g, x, r, n, T, p, s, d, $, H, m, S, C, k, f, z, B, c;
   return {
@@ -19,6 +21,7 @@ const u = ({
     "--rowHover-bgColor": o == null ? void 0 : o.rowHoverBg,
     "--borderColor": R,
     "--container-gap": `${I}px`,
+    "--scrollbar-width": `${u || 0}px`,
     "--xlTable-fontSize": `${(h = o == null ? void 0 : o.xlTable) == null ? void 0 : h.fontSize}px`,
     "--lgTable-fontSize": `${(i = o == null ? void 0 : o.lgTable) == null ? void 0 : i.fontSize}px`,
     "--mdTable-fontSize": `${(g = o == null ? void 0 : o.mdTable) == null ? void 0 : g.fontSize}px`,
@@ -38,10 +41,11 @@ const u = ({
     "--lgSkeleton-height": `${(f = o == null ? void 0 : o.lgTable) == null ? void 0 : f.skeletonHeight}px`,
     "--mdSkeleton-height": `${(z = o == null ? void 0 : o.mdTable) == null ? void 0 : z.skeletonHeight}px`,
     "--smSkeleton-height": `${(B = o == null ? void 0 : o.smTable) == null ? void 0 : B.skeletonHeight}px`,
-    "--xsSkeleton-height": `${(c = o == null ? void 0 : o.xsTable) == null ? void 0 : c.skeletonHeight}px`
+    "--xsSkeleton-height": `${(c = o == null ? void 0 : o.xsTable) == null ? void 0 : c.skeletonHeight}px`,
     // '--tableBody-bootomBorderColor': table?.borderColor || '#f0f0f0',
+    ...V
   };
 };
 export {
-  u as getCssVar
+  j as getCssVar
 };

package/dist/components/BitzTable/Table/utils.mjs

@@ -1,19 +1,19 @@
 import { j as f } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { Skeleton as x, Table as d } from "antd";
-function a(o, t) {
+import { Skeleton as x, Table as l } from "antd";
+function a(o, r) {
   return o == null ? void 0 : o.map((e) => {
     const n = { ...e };
-    return e != null && e.isOperationCol || e != null && e.isToolCol || t.includes(e) ? e : (n != null && n.children && (n.children = a(n == null ? void 0 : n.children, t)), {
+    return e != null && e.isOperationCol || e != null && e.isCheckboxCol || e != null && e.isExpandIconCol || r.includes(e) ? e : (n != null && n.children && (n.children = a(n == null ? void 0 : n.children, r)), {
       ...n,
       sorter: !1,
-      render: (l, i, r) => /* @__PURE__ */ f.jsx(
+      render: (d, i, t) => /* @__PURE__ */ f.jsx(
         x,
         {
           active: !0,
           title: !1,
           paragraph: {
             rows: 1,
-            width: (r + 1) % 2 === 0 ? "100%" : "60%"
+            width: (t + 1) % 2 === 0 ? "100%" : "60%"
           }
         }
       )
@@ -21,18 +21,18 @@ function a(o, t) {
   });
 }
 const C = 0, c = 1;
-function s(o, t, e, n) {
-  let l = C;
+function s(o, r, e, n) {
+  let d = C;
   if (e) {
-    const i = o.indexOf(d.SELECTION_COLUMN);
-    i >= 0 && (l = i), t.splice(l, 0, d.SELECTION_COLUMN);
+    const i = o.indexOf(l.SELECTION_COLUMN);
+    i >= 0 && (d = i), r.splice(d, 0, l.SELECTION_COLUMN);
   }
   if (n) {
     let i = 0;
-    const r = o.indexOf(d.EXPAND_COLUMN);
-    r >= 0 && (i = r), e && l === 0 && r === -1 && (i = c), t.splice(i, 0, d.EXPAND_COLUMN);
+    const t = o.indexOf(l.EXPAND_COLUMN);
+    t >= 0 && (i = t), e && d === 0 && t === -1 && (i = c), r.splice(i, 0, l.EXPAND_COLUMN);
   }
-  return t;
+  return r;
 }
 export {
   s as getColumnsWithTool,

package/dist/components/BitzTable/ToolBar/ColConfigIcon/ColumnSettingModal.d.ts

@@ -1,8 +1,10 @@
+import { ModalProps } from 'antd';
 import React from 'react';
 import { BitzTableToolBarProps } from '..';
 import './index.less';
 export interface ColConfigModalProps {
     onChange?: BitzTableToolBarProps['onColumnChange'];
+    getContainer: ModalProps['getContainer'];
 }
 declare const ColConfigModal: React.FC<ColConfigModalProps & import("@ebay/nice-modal-react").NiceModalHocProps>;
 export default ColConfigModal;

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 { BitzTableContext 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
 };