bitz-react-admin-ui 2.1.8 → 2.2.0

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

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

package/dist/components/BitzTable/ToolBar/ColConfigIcon/ExportConfig/DndItem.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface DndItemProps {
+    item: any;
+    onCheckboxChange?: (field: any, checked: boolean) => void;
+    isDragOverlay?: boolean;
+}
+declare const _default: React.NamedExoticComponent<DndItemProps>;
+export default _default;

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

@@ -0,0 +1,94 @@
+import { j as t } from "../../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import u from "react";
+import { useSortable as j } from "../../../../../node_modules/.store/@dnd-kit_sortable@7.0.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
+import { CSS as I } from "../../../../../node_modules/.store/@dnd-kit_utilities@3.2.2/node_modules/@dnd-kit/utilities/dist/utilities.esm.mjs";
+import { theme as x, Flex as p, Checkbox as D } from "antd";
+import S from "../../../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
+import N from "../../../../../assets/iconfont/IconDragOrder.mjs";
+import "../../../../../assets/iconfont/IconColumnFixedLeft.mjs";
+import "../../../../../assets/iconfont/IconColumnFixedRight.mjs";
+import "../../../../../assets/iconfont/IconColumnCancelFixed.mjs";
+import "../../../../../assets/iconfont/IconMore.mjs";
+import "../../../../../assets/iconfont/IconIcFluentHomeRegular.mjs";
+import "../../../../../assets/iconfont/IconKuansongde.mjs";
+import "../../../../../assets/iconfont/IconTekuansong.mjs";
+import "../../../../../assets/iconfont/IconJincoude.mjs";
+import "../../../../../assets/iconfont/IconZhongdengde.mjs";
+import "../../../../../assets/iconfont/IconTejincou.mjs";
+import "../../../../../assets/iconfont/IconWufengexian.mjs";
+import "../../../../../assets/iconfont/IconHangliefengexian.mjs";
+import "../../../../../assets/iconfont/IconHangfengexian.mjs";
+import "../../../../../assets/iconfont/IconLiefengexian.mjs";
+import "../../../../../assets/iconfont/IconYoubanmawentianchong.mjs";
+import "../../../../../assets/iconfont/IconWubanmawentianchong.mjs";
+import "../../../../../assets/iconfont/IconZhongzhi.mjs";
+import "../../../../../assets/iconfont/IconGaojisousuo.mjs";
+import "../../../../../assets/iconfont/IconSousuo.mjs";
+import "../../../../../assets/iconfont/IconClose.mjs";
+import "../../../../../assets/iconfont/IconFanhui.mjs";
+import "../../../../../assets/iconfont/IconJinggao.mjs";
+import "../../../../../assets/iconfont/IconIcon21.mjs";
+import "../../../../../assets/iconfont/IconChenggong.mjs";
+import "../../../../../assets/iconfont/IconTishi1.mjs";
+import "../../../../../assets/iconfont/IconDuigoux.mjs";
+import "../../../../../assets/iconfont/IconCuowu.mjs";
+import "../../../../../assets/iconfont/IconXinxitishi.mjs";
+import "../../../../../assets/iconfont/IconFabu.mjs";
+import "../../../../../assets/iconfont/IconShanchu1.mjs";
+import "../../../../../assets/iconfont/IconShanchu.mjs";
+import "../../../../../assets/iconfont/IconTuodong.mjs";
+const R = ({
+  item: r,
+  onCheckboxChange: o,
+  isDragOverlay: s
+}) => {
+  const {
+    attributes: e,
+    isDragging: i,
+    setNodeRef: n,
+    listeners: a,
+    transform: l,
+    transition: c
+  } = j({
+    id: r == null ? void 0 : r.field
+    // disabled: item?.disabled,
+  }), { token: m } = x.useToken(), f = {
+    gap: 8,
+    transition: c,
+    transform: I.Transform.toString(l),
+    ...i && {
+      opacity: 0.6
+    },
+    ...s && {
+      backgroundColor: m.colorBgContainer
+    }
+  }, d = ({ target: g }) => {
+    o == null || o(r.field, g.checked);
+  };
+  return /* @__PURE__ */ t.jsxs(
+    p,
+    {
+      align: "center",
+      className: S({ sortItemDragging: i }, "sortItem"),
+      style: f,
+      ref: n,
+      ...e,
+      children: [
+        /* @__PURE__ */ t.jsx(p, { align: "center", className: "dragIcon", ...a, children: /* @__PURE__ */ t.jsx(N, { size: m.fontSize + 4 }) }),
+        /* @__PURE__ */ t.jsx(
+          D,
+          {
+            value: r.field,
+            checked: r.show,
+            onChange: d,
+            title: r.title,
+            children: r.title
+          }
+        )
+      ]
+    }
+  );
+}, nr = u.memo(R);
+export {
+  nr as default
+};

package/dist/components/BitzTable/ToolBar/ColConfigIcon/ExportConfig/DndList.d.ts

@@ -0,0 +1,10 @@
+import { ExportFieldsConfigProps } from "@/components/BitzTable/Store";
+import { FC } from "react";
+interface DndListProps {
+    dataList: ExportFieldsConfigProps[];
+    keys: any[];
+    onChange: (newDataList: any[]) => void;
+    onMoveEnd: (options: ExportFieldsConfigProps[], keys: any[]) => void;
+}
+declare const DndList: FC<DndListProps>;
+export default DndList;

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

@@ -0,0 +1,58 @@
+import { j as o } from "../../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import { DndContext as j, closestCenter as u, DragOverlay as h } from "../../../../../node_modules/.store/@dnd-kit_core@6.1.0/node_modules/@dnd-kit/core/dist/core.esm.mjs";
+import { SortableContext as v, rectSortingStrategy as y, arrayMove as l } from "../../../../../node_modules/.store/@dnd-kit_sortable@7.0.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
+import { useState as C } from "react";
+import m from "./DndItem.mjs";
+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);
+  }, D = (t) => {
+    const { over: e } = t;
+    if (e) {
+      const n = e.data.current.sortable.index;
+      s !== n && (g(s, n), c(-1));
+    }
+  }, 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 /* @__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 {
+  E as default
+};