bitz-react-admin-ui 2.7.5 → 2.7.7

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

@@ -1,170 +1,336 @@
-import { j as r } from "../../../../../node_modules/react/jsx-runtime.mjs";
+import { j as c } from "../../../../../node_modules/react/jsx-runtime.mjs";
 import { css as we } from "../../../../../node_modules/@emotion/css/dist/emotion-css.esm.mjs";
-import { theme as Me, Flex as H, Typography as q, Space as je, Checkbox as Le, Button as se } from "antd";
-import { forwardRef as Se, useRef as ne, useState as d, useEffect as v, useMemo as L, useContext as Re, useImperativeHandle as be, memo as Ee } from "react";
-import { useImmer as Ke } from "../../../../../node_modules/use-immer/dist/use-immer.module.mjs";
+import { theme as Me, Flex as O, Typography as q, Space as je, Checkbox as Se, Button as se } from "antd";
+import { forwardRef as Le, useRef as oe, useState as f, useEffect as T, useMemo as S, useContext as be, useImperativeHandle as Ke, memo as Re } from "react";
+import { useImmer as ve } from "../../../../../node_modules/use-immer/dist/use-immer.module.mjs";
 import "../../../index.mjs";
-import { columnSort as Ae, genColumnKey as Ne, updateNestedObject as S, removePropertiesWithoutMutation as ve } from "../../../Store/utils/index.mjs";
+import { columnSort as Ne, genColumnKey as Ee, updateNestedObject as L, removePropertiesWithoutMutation as Te } from "../../../Store/utils/index.mjs";
 import G from "./DndList.mjs";
-import { BitzTableContext as Fe } from "../../../Store/index.mjs";
-import Be from "../../../../../node_modules/lodash-es/omit.mjs";
-import De from "../../../../../node_modules/lodash-es/merge.mjs";
-import oe from "../../../../../node_modules/@ant-design/icons/es/icons/RedoOutlined.mjs";
-const Te = Se(({ display: k, height: I, postHeight: ce }, re) => {
-  const { token: ie } = Me.useToken(), z = ne(null), J = ne(null), [O, le] = d("auto"), Q = we`
+import { BitzTableContext as He } from "../../../Store/index.mjs";
+import Ie from "../../../../../node_modules/lodash-es/omit.mjs";
+import Ae from "../../../../../node_modules/lodash-es/merge.mjs";
+import ne from "../../../../../node_modules/@ant-design/icons/es/icons/RedoOutlined.mjs";
+const ze = Le(
+  ({ display: y, height: B, postHeight: re }, ce) => {
+    const { token: le } = Me.useToken(), D = oe(null), J = oe(null), [W, ie] = f("auto"), Q = we`
       &:hover {
-        color: ${ie.colorPrimary} !important;
+        color: ${le.colorPrimary} !important;
       }
     `;
-  v(() => {
-    z.current && ce();
-  }, [z.current]), v(() => {
-    var e;
-    if (typeof I == "number") {
-      const s = (e = J.current) == null ? void 0 : e.clientHeight;
-      le(I - s - 16 - 8);
-    }
-  }, [I]);
-  const ae = L(() => ({
-    // display: display ? 'flex' : 'none'
-    width: k ? "100%" : 0,
-    pointerEvents: k ? "auto" : "none",
-    opacity: k ? 1 : 0,
-    overflow: k ? "inherit" : "hidden",
-    ...k ? {} : {
-      position: "absolute",
-      left: 0,
-      right: 0
-    }
-  }), [k]), { defaultColumnKeyMap: U, baseColumns: V, columnsMap: X } = Re(Fe), [l, W] = Ke({});
-  v(() => {
-    const e = Object.keys(X).length ? X : U;
-    W(e);
-  }, []);
-  const Y = L(() => ((s, t) => s.map((o) => {
-    var te;
-    const { key: n, dataIndex: c, children: i, ...x } = o, C = Ne(o, [t == null ? void 0 : t.columnKey, x.index].join("-")), f = l[C || "null"] || {
-      show: !0
-    };
-    return {
-      key: C,
-      ...Be(x, ["className"]),
-      selectable: !1,
-      disabled: f.disabled === !0,
-      disableCheckbox: typeof f.disabled == "boolean" ? f == null ? void 0 : f.disabled : (te = f == null ? void 0 : f.disabled) == null ? void 0 : te.checkbox,
-      isLeaf: t ? !0 : void 0,
-      ...f
-    };
-  }))(V ?? []).sort(Ae(l)), [l, V]);
-  v(() => {
-    var o, n;
-    const e = {}, s = {}, t = {};
-    for (const c in l)
-      ((o = l[c]) == null ? void 0 : o.fixed) === "left" ? e[c] = l[c] : ((n = l[c]) == null ? void 0 : n.fixed) === "right" ? s[c] = l[c] : t[c] = l[c];
-    m(e), p(s), g(t);
-  }, [l]);
-  const [R, F] = d([]), [y, b] = d([]), [a, m] = d({}), [E, B] = d([]), [w, K] = d([]), [h, p] = d({}), [A, D] = d([]), [M, N] = d([]), [u, g] = d({});
-  v(() => {
-    const e = [], s = [], t = [], o = [], n = [], c = [];
-    Y.forEach((i) => {
-      i.fixed === "left" ? (e.push(i), s.push(i.key)) : i.fixed === "right" ? (t.push(i), o.push(i.key)) : (n.push(i), c.push(i.key));
-    }), F(e), b(s), B(t), K(o), D(n), N(c);
-  }, [Y]);
-  const he = (e) => {
-    m(e);
-  }, ue = (e, s) => {
-    m(e), b(s);
-  }, de = (e) => {
-    p(e);
-  }, fe = (e, s) => {
-    p(e), K(s);
-  }, me = (e) => {
-    g(e);
-  }, pe = (e, s) => {
-    g(e), N(s);
-  }, Z = (e, s, t, o) => {
-    const n = { ...s[e] };
-    delete s[e], g({
-      ...u,
-      [e]: { ...n, fixed: void 0, order: A.length }
-    });
-    const c = t.findIndex((C) => C.key === e), i = t.splice(c, 1)[0];
-    D([...A, { ...i, fixed: void 0 }]);
-    const x = o.splice(c, 1);
-    return N([...M, ...x]), { map: s, list: t, keys: o };
-  }, _ = (e, s, t, o) => {
-    const n = { ...s[e] };
-    delete s[e], m({
-      ...a,
-      [e]: { ...n, fixed: "left", order: R.length, show: !0 }
-    });
-    const c = t.findIndex((C) => C.key === e), i = t.splice(c, 1)[0];
-    F([...R, { ...i, fixed: "left" }]);
-    const x = o.splice(c, 1);
-    return b([...y, ...x]), { map: s, list: t, keys: o };
-  }, ee = (e, s, t, o) => {
-    const n = { ...s[e] };
-    delete s[e], p({
-      ...h,
-      [e]: {
-        ...n,
-        fixed: "right",
-        order: E.length,
+    T(() => {
+      D.current && re();
+    }, [D.current]), T(() => {
+      var e;
+      if (typeof B == "number") {
+        const s = (e = J.current) == null ? void 0 : e.clientHeight;
+        ie(B - s - 16 - 8);
+      }
+    }, [B]);
+    const ae = S(() => ({
+      // display: display ? 'flex' : 'none'
+      width: y ? "100%" : 0,
+      pointerEvents: y ? "auto" : "none",
+      opacity: y ? 1 : 0,
+      overflow: y ? "inherit" : "hidden",
+      ...y ? {} : {
+        position: "absolute",
+        left: 0,
+        right: 0
+      }
+    }), [y]), { defaultColumnKeyMap: U, baseColumns: V, columnsMap: X } = be(He), [i, F] = ve({});
+    T(() => {
+      const e = Object.keys(X).length ? X : U;
+      F(e);
+    }, []);
+    const Y = S(() => ((s, t) => s.map((n) => {
+      var te;
+      const { key: o, dataIndex: r, children: l, ...x } = n, C = Ee(
+        n,
+        [t == null ? void 0 : t.columnKey, x.index].join("-")
+      ), u = i[C || "null"] || {
         show: !0
+      };
+      return {
+        key: C,
+        ...Ie(x, ["className"]),
+        selectable: !1,
+        disabled: u.disabled === !0,
+        disableCheckbox: typeof u.disabled == "boolean" ? u == null ? void 0 : u.disabled : (te = u == null ? void 0 : u.disabled) == null ? void 0 : te.checkbox,
+        isLeaf: t ? !0 : void 0,
+        ...u
+      };
+    }))(V ?? []).sort(Ne(i)), [i, V]);
+    T(() => {
+      var n, o;
+      const e = {}, s = {}, t = {};
+      for (const r in i)
+        ((n = i[r]) == null ? void 0 : n.fixed) === "left" ? e[r] = i[r] : ((o = i[r]) == null ? void 0 : o.fixed) === "right" ? s[r] = i[r] : t[r] = i[r];
+      m(e), p(s), g(t);
+    }, [i]);
+    const [b, H] = f([]), [k, K] = f([]), [a, m] = f({}), [R, I] = f([]), [w, v] = f([]), [h, p] = f({}), [N, A] = f([]), [M, E] = f([]), [d, g] = f({});
+    T(() => {
+      const e = [], s = [], t = [], n = [], o = [], r = [];
+      Y.forEach((l) => {
+        l.fixed === "left" ? (e.push(l), s.push(l.key)) : l.fixed === "right" ? (t.push(l), n.push(l.key)) : (o.push(l), r.push(l.key));
+      }), H(e), K(s), I(t), v(n), A(o), E(r);
+    }, [Y]);
+    const he = (e) => {
+      m(e);
+    }, de = (e, s) => {
+      m(e), K(s);
+    }, fe = (e) => {
+      p(e);
+    }, ue = (e, s) => {
+      p(e), v(s);
+    }, me = (e) => {
+      g(e);
+    }, pe = (e, s) => {
+      g(e), E(s);
+    }, Z = (e, s, t, n) => {
+      const o = { ...s[e] };
+      delete s[e], g({
+        ...d,
+        [e]: { ...o, fixed: void 0, order: N.length }
+      });
+      const r = t.findIndex((C) => C.key === e), l = t.splice(r, 1)[0];
+      A([...N, { ...l, fixed: void 0 }]);
+      const x = n.splice(r, 1);
+      return E([...M, ...x]), { map: s, list: t, keys: n };
+    }, _ = (e, s, t, n) => {
+      const o = { ...s[e] };
+      delete s[e], m({
+        ...a,
+        [e]: { ...o, fixed: "left", order: b.length, show: !0 }
+      });
+      const r = t.findIndex((C) => C.key === e), l = t.splice(r, 1)[0];
+      H([...b, { ...l, fixed: "left" }]);
+      const x = n.splice(r, 1);
+      return K([...k, ...x]), { map: s, list: t, keys: n };
+    }, ee = (e, s, t, n) => {
+      const o = { ...s[e] };
+      delete s[e], p({
+        ...h,
+        [e]: {
+          ...o,
+          fixed: "right",
+          order: R.length,
+          show: !0
+        }
+      });
+      const r = t.findIndex((C) => C.key === e), l = t.splice(r, 1)[0];
+      I([...R, { ...l, fixed: "right" }]);
+      const x = n.splice(r, 1);
+      return v([...w, ...x]), { map: s, list: t, keys: n };
+    }, P = (e, s) => {
+      if (s === "left") {
+        const { map: t, list: n, keys: o } = Z(
+          e,
+          a,
+          b,
+          k
+        );
+        m({ ...t }), H([...n]), K([...o]);
+      } else if (s === "center") {
+        const { map: t, list: n, keys: o } = _(
+          e,
+          d,
+          N,
+          M
+        );
+        g({ ...t }), A([...n]), E([...o]);
+      } else {
+        const { map: t, list: n, keys: o } = _(
+          e,
+          h,
+          R,
+          w
+        );
+        p({ ...t }), I([...n]), v([...o]);
+      }
+    }, $ = (e, s) => {
+      if (s === "left") {
+        const { map: t, list: n, keys: o } = ee(
+          e,
+          a,
+          b,
+          k
+        );
+        m({ ...t }), H([...n]), K([...o]);
+      } else if (s === "center") {
+        const { map: t, list: n, keys: o } = ee(
+          e,
+          d,
+          N,
+          M
+        );
+        g({ ...t }), A([...n]), E([...o]);
+      } else {
+        const { map: t, list: n, keys: o } = Z(
+          e,
+          h,
+          R,
+          w
+        );
+        p({ ...t }), I([...n]), v([...o]);
+      }
+    }, ge = ({ target: e }) => {
+      e.checked ? (m(L(a, "show", !0)), g(L(d, "show", !0)), p(L(h, "show", !0))) : (m(L(a, "show", !1)), g(L(d, "show", !1)), p(L(h, "show", !1)));
+    }, z = S(() => [...k, ...M, ...w], [k, M, w]), j = S(() => {
+      var s, t, n;
+      const e = [];
+      for (const o in a)
+        (s = a[o]) != null && s.show && e.push(o);
+      for (const o in d)
+        (t = d[o]) != null && t.show && e.push(o);
+      for (const o in h)
+        (n = h[o]) != null && n.show && e.push(o);
+      return e;
+    }, [a, d, h]), xe = S(() => z.length === j.length, [z, j]), Ce = S(() => j.length > 0 && j.length < z.length, [j, z]), ye = () => {
+      const e = Ae({ ...i }, U);
+      F(e);
+    }, ke = () => {
+      const e = Te(i, ["width"]);
+      F(e);
+    };
+    return Ke(ce, () => ({
+      getLeftSortColumns: () => a,
+      getCenterSortColumns: () => d,
+      getRightSortColumns: () => h,
+      getCheckedKeys: () => j
+    })), /* @__PURE__ */ c.jsxs(
+      O,
+      {
+        vertical: !0,
+        gap: 8,
+        style: ae,
+        ref: D,
+        className: "columnsSortWrapper",
+        children: [
+          /* @__PURE__ */ c.jsxs("div", { className: "sortContent", children: [
+            /* @__PURE__ */ c.jsxs(
+              O,
+              {
+                vertical: !0,
+                className: "sortCard",
+                gap: 6,
+                style: { height: W },
+                children: [
+                  /* @__PURE__ */ c.jsx(q.Title, { level: 5, className: "title", children: "固定在左侧" }),
+                  /* @__PURE__ */ c.jsx(
+                    G,
+                    {
+                      placement: "left",
+                      dataList: b,
+                      keys: k,
+                      columnsMap: a,
+                      onLeftClick: P,
+                      onRightClick: $,
+                      onChange: he,
+                      onMoveEnd: de
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ c.jsxs(
+              O,
+              {
+                vertical: !0,
+                className: "sortCard",
+                gap: 6,
+                style: { height: W },
+                children: [
+                  /* @__PURE__ */ c.jsx(q.Title, { level: 5, className: "title", children: "不固定" }),
+                  /* @__PURE__ */ c.jsx(
+                    G,
+                    {
+                      placement: "center",
+                      dataList: N,
+                      keys: M,
+                      columnsMap: d,
+                      onLeftClick: P,
+                      onRightClick: $,
+                      onChange: me,
+                      onMoveEnd: pe
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ c.jsxs(
+              O,
+              {
+                vertical: !0,
+                className: "sortCard",
+                gap: 6,
+                style: { height: W },
+                children: [
+                  /* @__PURE__ */ c.jsx(q.Title, { level: 5, className: "title", children: "固定在右侧" }),
+                  /* @__PURE__ */ c.jsx(
+                    G,
+                    {
+                      placement: "right",
+                      dataList: R,
+                      keys: w,
+                      columnsMap: h,
+                      onLeftClick: P,
+                      onRightClick: $,
+                      onChange: fe,
+                      onMoveEnd: ue
+                    }
+                  )
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ c.jsxs(
+            je,
+            {
+              size: 16,
+              align: "end",
+              ref: J,
+              className: "checkAllAndReset",
+              style: { paddingBottom: 8 },
+              children: [
+                /* @__PURE__ */ c.jsx(
+                  Se,
+                  {
+                    indeterminate: Ce,
+                    checked: xe,
+                    onChange: ge,
+                    children: /* @__PURE__ */ c.jsx("span", { style: { whiteSpace: "nowrap" }, children: "全选" })
+                  }
+                ),
+                /* @__PURE__ */ c.jsx(
+                  se,
+                  {
+                    type: "link",
+                    icon: /* @__PURE__ */ c.jsx(ne, {}),
+                    size: "small",
+                    onClick: ye,
+                    className: Q,
+                    children: /* @__PURE__ */ c.jsx("span", { style: { whiteSpace: "nowrap" }, children: "重置排序和显隐" })
+                  }
+                ),
+                /* @__PURE__ */ c.jsx(
+                  se,
+                  {
+                    type: "link",
+                    icon: /* @__PURE__ */ c.jsx(ne, {}),
+                    size: "small",
+                    onClick: ke,
+                    className: Q,
+                    children: /* @__PURE__ */ c.jsx("span", { style: { whiteSpace: "nowrap" }, children: "重置列宽" })
+                  }
+                )
+              ]
+            }
+          )
+        ]
       }
-    });
-    const c = t.findIndex((C) => C.key === e), i = t.splice(c, 1)[0];
-    B([...E, { ...i, fixed: "right" }]);
-    const x = o.splice(c, 1);
-    return K([...w, ...x]), { map: s, list: t, keys: o };
-  }, P = (e, s) => {
-    if (s === "left") {
-      const { map: t, list: o, keys: n } = Z(e, a, R, y);
-      m({ ...t }), F([...o]), b([...n]);
-    } else if (s === "center") {
-      const { map: t, list: o, keys: n } = _(e, u, A, M);
-      g({ ...t }), D([...o]), N([...n]);
-    } else {
-      const { map: t, list: o, keys: n } = _(e, h, E, w);
-      p({ ...t }), B([...o]), K([...n]);
-    }
-  }, $ = (e, s) => {
-    if (s === "left") {
-      const { map: t, list: o, keys: n } = ee(e, a, R, y);
-      m({ ...t }), F([...o]), b([...n]);
-    } else if (s === "center") {
-      const { map: t, list: o, keys: n } = ee(e, u, A, M);
-      g({ ...t }), D([...o]), N([...n]);
-    } else {
-      const { map: t, list: o, keys: n } = Z(e, h, E, w);
-      p({ ...t }), B([...o]), K([...n]);
-    }
-  }, ge = ({ target: e }) => {
-    e.checked ? (m(S(a, "show", !0)), g(S(u, "show", !0)), p(S(h, "show", !0))) : (m(S(a, "show", !1)), g(S(u, "show", !1)), p(S(h, "show", !1)));
-  }, T = L(() => [...y, ...M, ...w], [y, M, w]), j = L(() => {
-    var s, t, o;
-    const e = [];
-    for (const n in a)
-      (s = a[n]) != null && s.show && e.push(n);
-    for (const n in u)
-      (t = u[n]) != null && t.show && e.push(n);
-    for (const n in h)
-      (o = h[n]) != null && o.show && e.push(n);
-    return e;
-  }, [a, u, h]), xe = L(() => T.length === j.length, [T, j]), Ce = L(() => j.length > 0 && j.length < T.length, [j, T]), ke = () => {
-    const e = De({ ...l }, U);
-    W(e);
-  }, ye = () => {
-    const e = ve(l, ["width"]);
-    W(e);
-  };
-  return be(re, () => ({
-    getLeftSortColumns: () => a,
-    getCenterSortColumns: () => u,
-    getRightSortColumns: () => h,
-    getCheckedKeys: () => j
-  })), r.jsxs(H, { vertical: !0, gap: 8, style: ae, ref: z, className: "columnsSortWrapper", children: [r.jsxs("div", { className: "sortContent", children: [r.jsxs(H, { vertical: !0, className: "sortCard", gap: 6, style: { height: O }, children: [r.jsx(q.Title, { level: 5, className: "title", children: "固定在左侧" }), r.jsx(G, { placement: "left", dataList: R, keys: y, columnsMap: a, onLeftClick: P, onRightClick: $, onChange: he, onMoveEnd: ue })] }), r.jsxs(H, { vertical: !0, className: "sortCard", gap: 6, style: { height: O }, children: [r.jsx(q.Title, { level: 5, className: "title", children: "不固定" }), r.jsx(G, { placement: "center", dataList: A, keys: M, columnsMap: u, onLeftClick: P, onRightClick: $, onChange: me, onMoveEnd: pe })] }), r.jsxs(H, { vertical: !0, className: "sortCard", gap: 6, style: { height: O }, children: [r.jsx(q.Title, { level: 5, className: "title", children: "固定在右侧" }), r.jsx(G, { placement: "right", dataList: E, keys: w, columnsMap: h, onLeftClick: P, onRightClick: $, onChange: de, onMoveEnd: fe })] })] }), r.jsxs(je, { size: 16, align: "end", ref: J, className: "checkAllAndReset", style: { paddingBottom: 8 }, children: [r.jsx(Le, { indeterminate: Ce, checked: xe, onChange: ge, children: r.jsx("span", { style: { whiteSpace: "nowrap" }, children: "全选" }) }), r.jsx(se, { type: "link", icon: r.jsx(oe, {}), size: "small", onClick: ke, className: Q, children: r.jsx("span", { style: { whiteSpace: "nowrap" }, children: "重置排序和显隐" }) }), r.jsx(se, { type: "link", icon: r.jsx(oe, {}), size: "small", onClick: ye, className: Q, children: r.jsx("span", { style: { whiteSpace: "nowrap" }, children: "重置列宽" }) })] })] });
-}), Xe = Ee(Te);
+    );
+  }
+), Xe = Re(ze);
 export {
   Xe as default
 };

package/dist/components/BitzTable/ToolBar/ColConfigIcon/ExportConfig/DndItem.mjs

@@ -1,35 +1,69 @@
 import { j as e } from "../../../../../node_modules/react/jsx-runtime.mjs";
 import j, { useState as I } from "react";
 import { useSortable as x } from "../../../../../node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
-import { CSS as y } from "../../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.mjs";
-import { theme as D, Flex as a, Checkbox as h } from "antd";
-import N from "../../../../../node_modules/classnames/index.mjs";
+import { CSS as D } from "../../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.mjs";
+import { theme as y, Flex as a, Checkbox as N } from "antd";
+import h from "../../../../../node_modules/classnames/index.mjs";
 import w from "../../../../../assets/iconfont/IconDragOrder.mjs";
-const R = ({ item: t, onCheckboxChange: r, isDragOverlay: l }) => {
-  const { attributes: i, isDragging: o, setNodeRef: c, listeners: f, transform: m, transition: d } = x({
+const R = ({
+  item: t,
+  onCheckboxChange: r,
+  isDragOverlay: l
+}) => {
+  const {
+    attributes: i,
+    isDragging: o,
+    setNodeRef: c,
+    listeners: f,
+    transform: m,
+    transition: d
+  } = x({
     id: t == null ? void 0 : t.field
     // disabled: item?.disabled,
-  }), { token: s } = D.useToken(), u = {
+  }), { token: s } = y.useToken(), u = {
     gap: 8,
     transition: d,
-    transform: y.Transform.toString(m),
+    transform: D.Transform.toString(m),
     ...o && {
       opacity: 0.6
     },
     ...l && {
       backgroundColor: s.colorBgContainer
     }
-  }, [g, n] = I(!1), p = ({ target: S }) => {
+  }, [p, n] = I(!1), g = ({ target: S }) => {
     r == null || r(t.field, S.checked);
   };
-  return e.jsxs(a, { align: "center", className: N({ sortItemDragging: o }, "sortItem"), style: u, ref: c, onMouseEnter: () => n(!0), onMouseLeave: () => n(!1), ...i, children: [e.jsx(a, { align: "center", className: "dragIcon", ...f, children: e.jsx(w, { size: s.fontSize + 4, style: { opacity: g ? 1 : 0.3 } }) }), e.jsx(h, {
-    value: t.field,
-    checked: t.show,
-    onChange: p,
-    // className={checkboxCls}
-    title: t.title,
-    children: t.title
-  })] });
+  return /* @__PURE__ */ e.jsxs(
+    a,
+    {
+      align: "center",
+      className: h({ sortItemDragging: o }, "sortItem"),
+      style: u,
+      ref: c,
+      onMouseEnter: () => n(!0),
+      onMouseLeave: () => n(!1),
+      ...i,
+      children: [
+        /* @__PURE__ */ e.jsx(a, { align: "center", className: "dragIcon", ...f, children: /* @__PURE__ */ e.jsx(
+          w,
+          {
+            size: s.fontSize + 4,
+            style: { opacity: p ? 1 : 0.3 }
+          }
+        ) }),
+        /* @__PURE__ */ e.jsx(
+          N,
+          {
+            value: t.field,
+            checked: t.show,
+            onChange: g,
+            title: t.title,
+            children: t.title
+          }
+        )
+      ]
+    }
+  );
 }, B = j.memo(R);
 export {
   B as default

package/dist/components/BitzTable/ToolBar/ColConfigIcon/ExportConfig/DndList.mjs

@@ -1,27 +1,53 @@
 import { j as o } from "../../../../../node_modules/react/jsx-runtime.mjs";
-import { DndContext as p, closestCenter as j, DragOverlay as u } from "../../../../../node_modules/@dnd-kit/core/dist/core.esm.mjs";
-import { SortableContext as C, rectSortingStrategy as v, arrayMove as l } from "../../../../../node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
-import { useState as y } from "react";
+import { DndContext as j, closestCenter as u, DragOverlay as h } from "../../../../../node_modules/@dnd-kit/core/dist/core.esm.mjs";
+import { SortableContext as v, rectSortingStrategy as y, arrayMove as l } from "../../../../../node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
+import { useState as C } from "react";
 import m from "./DndItem.mjs";
-const N = ({ dataList: n, keys: a, onChange: x, onMoveEnd: d }) => {
-  const [s, c] = y(-1), f = (t) => {
+const E = ({ dataList: r, keys: a, onChange: x, onMoveEnd: d }) => {
+  const [s, c] = C(-1), f = (t) => {
     const { active: e } = t;
     e && c(e.data.current.sortable.index);
-  }, g = (t) => {
+  }, D = (t) => {
     const { over: e } = t;
     if (e) {
-      const r = e.data.current.sortable.index;
-      s !== r && (D(s, r), c(-1));
+      const n = e.data.current.sortable.index;
+      s !== n && (g(s, n), c(-1));
     }
-  }, D = (t, e) => {
-    const r = l(a, t, e), i = l(n, t, e);
-    d(i, r);
-  }, S = (t, e) => {
-    const r = n.findIndex((h) => h.field === t), i = JSON.parse(JSON.stringify(n));
-    i[r].show = e, x(i);
+  }, g = (t, e) => {
+    const n = l(a, t, e), i = l(r, t, e);
+    d(i, n);
+  }, p = (t, e) => {
+    const n = r.findIndex((S) => S.field === t), i = JSON.parse(JSON.stringify(r));
+    i[n].show = e, x(i);
   };
-  return o.jsx(p, { collisionDetection: j, onDragStart: f, onDragEnd: g, onDragCancel: () => c(-1), children: o.jsx(C, { items: a, strategy: v, children: o.jsxs("div", { className: "sortList", children: [n.map((t) => o.jsx(m, { item: t, onCheckboxChange: S }, t.field)), o.jsx(u, { children: s !== -1 && o.jsx(m, { item: n[s], isDragOverlay: !0 }, n[s].field) })] }) }) });
+  return /* @__PURE__ */ o.jsx(
+    j,
+    {
+      collisionDetection: u,
+      onDragStart: f,
+      onDragEnd: D,
+      onDragCancel: () => c(-1),
+      children: /* @__PURE__ */ o.jsx(v, { items: a, strategy: y, children: /* @__PURE__ */ o.jsxs("div", { className: "sortList", children: [
+        r.map((t) => /* @__PURE__ */ o.jsx(
+          m,
+          {
+            item: t,
+            onCheckboxChange: p
+          },
+          t.field
+        )),
+        /* @__PURE__ */ o.jsx(h, { children: s !== -1 && /* @__PURE__ */ o.jsx(
+          m,
+          {
+            item: r[s],
+            isDragOverlay: !0
+          },
+          r[s].field
+        ) })
+      ] }) })
+    }
+  );
 };
 export {
-  N as default
+  E as default
 };