bitz-react-admin-ui 2.1.8 → 2.2.0

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

@@ -1,191 +1,195 @@
 import { j as o } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { useContext as ge, useState as H, useRef as T, useEffect as X, useMemo as c, useCallback as we } from "react";
-import { isMobile as J } from "../../../node_modules/.store/react-device-detect@2.2.3/node_modules/react-device-detect/dist/lib.mjs";
-import { Table as Z, Skeleton as lt } from "antd";
-import Q from "../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
-import ct from "../../BitzDrawer/index.mjs";
-import it from "../../BitzPagination/index.mjs";
-import at from "../../BitzNoData/index.mjs";
+import { useContext as ze, useRef as S, useState as H, useEffect as je, useMemo as i, useCallback as Z } from "react";
+import { isMobile as A } from "../../../node_modules/.store/react-device-detect@2.2.3/node_modules/react-device-detect/dist/lib.mjs";
+import { Table as re, Skeleton as ht } from "antd";
+import ee from "../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
+import ut from "../../BitzDrawer/index.mjs";
+import ft from "../../BitzPagination/index.mjs";
+import mt from "../../BitzNoData/index.mjs";
 import "../../BitzList/index.less.mjs";
-import dt from "../../BitzList/List.mjs";
+import bt from "../../BitzList/List.mjs";
 import "../../BitzPullRefresh/style/index.less.mjs";
-import ht from "../../BitzPullRefresh/PullRefresh.mjs";
-import ut, { BitzTableContext as ft } from "../Store/index.mjs";
-import { loopFilter as mt, columnSort as bt, genColumnKey as Ct } from "../Store/utils/index.mjs";
-import Y from "../../../node_modules/.store/ahooks@3.7.11/node_modules/ahooks/es/useSize/index.mjs";
-import yt from "../ActionCol/style.mjs";
-import xt from "../../BitzTheme/index.mjs";
-import gt from "../../../node_modules/.store/antd@5.16.2/node_modules/antd/es/table/ExpandIcon.mjs";
+import Ct from "../../BitzPullRefresh/PullRefresh.mjs";
+import yt, { BitzTableContext as xt } from "../Store/index.mjs";
+import { loopFilter as gt, columnSort as wt } from "../Store/utils/index.mjs";
+import te from "../../../node_modules/.store/ahooks@3.7.11/node_modules/ahooks/es/useSize/index.mjs";
+import Bt from "../ActionCol/style.mjs";
+import zt from "../../BitzTheme/index.mjs";
+import jt from "../../../node_modules/.store/antd@5.16.2/node_modules/antd/es/table/ExpandIcon.mjs";
 import "../../../node_modules/.store/antd@5.16.2/node_modules/antd/es/config-provider/index.mjs";
-import wt from "../../../node_modules/.store/antd@5.16.2/node_modules/antd/locale/en_US.mjs";
-import { getColumnsWithTool as Bt, loopBuildSkeleton as zt } from "./utils.mjs";
-import { getCssVar as jt } from "./style.mjs";
+import Nt from "../../../node_modules/.store/antd@5.16.2/node_modules/antd/locale/en_US.mjs";
+import { getColumnsWithTool as kt, loopBuildSkeleton as Tt } from "./utils.mjs";
+import { getCssVar as Wt } from "./style.mjs";
+import St from "./SortableRow.mjs";
+import pt from "./SortTableContext.mjs";
 import "./index.less.mjs";
-import { ConfigContext as vt } from "../../../node_modules/.store/antd@5.16.2/node_modules/antd/es/config-provider/context.mjs";
-import Nt from "../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/at.mjs";
-const Be = [Z.SELECTION_COLUMN, Z.EXPAND_COLUMN];
-function kt({
-  showPagination: W = !0,
-  height: S,
-  dataSource: d = [],
-  total: A = 0,
-  columns: N,
-  loading: i = !1,
-  skeletonNum: E = {
+import { ConfigContext as Lt } from "../../../node_modules/.store/antd@5.16.2/node_modules/antd/es/config-provider/context.mjs";
+import vt from "../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/at.mjs";
+const Ne = [re.SELECTION_COLUMN, re.EXPAND_COLUMN];
+function Mt({
+  showPagination: p = !0,
+  height: k,
+  dataSource: u = [],
+  total: D = 0,
+  columns: V,
+  loading: n = !1,
+  skeletonNum: $ = {
     pc: 10,
     mobile: 10
   },
-  skeletonRender: ee,
-  skeletonRowNum: ze = 4,
-  skeletonRowsWidth: je = ["35%", "100%", "100%", "60%"],
+  skeletonRender: oe,
+  skeletonRowNum: ke = 4,
+  skeletonRowsWidth: Te = ["35%", "100%", "100%", "60%"],
   // mobileLoadEmit,
-  mobileRefreshEmit: te,
-  operationFilter: K,
-  enableControlPage: ve,
-  pagination: b,
-  paginationEmit: R = () => {
+  mobileRefreshEmit: se,
+  operationFilter: E,
+  enableControlPage: We,
+  pagination: C,
+  paginationEmit: L = () => {
   },
-  mobilePageHeight: pt = 500,
-  mobileCancelText: Ne = "取消",
-  noDataTitle: ke,
-  noDataImg: pe,
-  color: Tt,
-  size: re,
-  showTableTool: Te = !0,
-  tableAction: Se,
-  tableToolbar: Le,
-  selectionBar: Me,
-  scroll: h,
-  components: L,
-  expandable: C,
+  enabledRowDragSort: v,
+  onRowDragEnd: O,
+  mobilePageHeight: Pt = 500,
+  mobileCancelText: Se = "取消",
+  noDataTitle: pe,
+  noDataImg: Le,
+  color: Rt,
+  size: ne,
+  showTableTool: ve = !0,
+  tableAction: Me,
+  tableToolbar: Pe,
+  selectionBar: Re,
+  scroll: d,
+  components: w,
+  expandable: y,
   rowSelection: z,
-  resetPage: We,
-  ...a
+  resetPage: He,
+  ...h
 }) {
-  var ye;
-  const { token: g } = xt.useToken(), { Table: l } = g, { tableSpaceBetweenPage: oe = 10 } = l, { gap: Re } = yt(), { showColumnBorder: Pe, hideRowBorder: ne, rowHoverable: De, ...f } = ge(ft), [k, se] = H(!1), $ = T(void 0), V = T(0), O = T(0), [He, I] = H(!1), [m, Ae] = H([]);
-  X(() => {
-    let e = [...d];
-    (b == null ? void 0 : b.page) !== 1 && (e = [...m, ...e]), Ae(e);
-  }, [d]);
-  const Ee = c(() => !!(m != null && m.length) && (m == null ? void 0 : m.length) >= A, [m, A]), [Ke, $e] = H([]), Ve = (e, t) => {
-    var n;
-    const r = (n = K == null ? void 0 : K(e, t)) == null ? void 0 : n.filter(
-      (s) => s.type !== "divider"
+  var Be;
+  const { token: x } = zt.useToken(), { Table: c } = x, { tableSpaceBetweenPage: le = 10 } = c, { gap: Ae } = Bt(), { showColumnBorder: De, hideRowBorder: ie, rowHoverable: Ve, ...a } = ze(xt), M = S(void 0), K = S(0), [_, $e] = H(0), [Ee, q] = H(!1), [m, Oe] = H([]);
+  je(() => {
+    let e = [...u];
+    (C == null ? void 0 : C.page) !== 1 && (e = [...m, ...e]), Oe(e);
+  }, [u]);
+  const Ke = i(() => !!(m != null && m.length) && (m == null ? void 0 : m.length) >= D, [m, D]), [_e, qe] = H([]), Fe = (e, t) => {
+    var s;
+    const r = (s = E == null ? void 0 : E(e, t)) == null ? void 0 : s.filter(
+      (l) => l.type !== "divider"
     );
-    r != null && r.length && ($e(r), I(!0));
-  }, le = () => {
-    I(!1);
-  }, Oe = (e) => {
+    r != null && r.length && (qe(r), q(!0));
+  }, ce = () => {
+    q(!1);
+  }, Ge = (e) => {
     var t;
-    I(!1), (t = e.onClick) == null || t.call(e);
+    q(!1), (t = e.onClick) == null || t.call(e);
   };
-  X(() => (document == null || document.addEventListener("fullscreenchange", (e) => {
-    var t, r, n;
-    (t = e.target) != null && t.classList.contains("bitzTableBlock") && (se(!!document.fullscreenElement), (n = (r = document.fullscreenElement) == null ? void 0 : r.classList) != null && n.contains("bitzTableBlock") || se(!1));
+  je(() => (document == null || document.addEventListener("fullscreenchange", (e) => {
+    var t, r, s;
+    (t = e.target) != null && t.classList.contains("bitzTableBlock") && (a.setFullscreen(!!document.fullscreenElement), (s = (r = document.fullscreenElement) == null ? void 0 : r.classList) != null && s.contains("bitzTableBlock") || a.setFullscreen(!1));
   }), document == null ? void 0 : document.removeEventListener("fullscreenchange", () => {
   })), []);
-  const w = T(null), _ = Y(w), ce = T(null), q = Y(ce), ie = T(null), p = Y(ie), Ie = () => {
+  const g = S(null), F = te(g), ae = S(null), G = te(ae), de = S(null), N = te(de), Ue = () => {
     var r;
-    const e = (r = w.current) == null ? void 0 : r.querySelectorAll(
+    const e = (r = g.current) == null ? void 0 : r.querySelectorAll(
       "& > .bitzTableContainerBody > .ant-table-wrapper.bitzTable > .ant-spin-nested-loading > .ant-spin-container > .ant-table > .ant-table-container > .ant-table-body > table > .ant-table-tbody > tr:not(.ant-table-measure-row, .ant-table-expanded-row)"
     ), t = [];
-    if (e == null || e.forEach((n) => {
-      var s;
+    if (e == null || e.forEach((s) => {
+      var l;
       t.push(
-        ((s = n.querySelector("& > .operationCol .actionGroup")) == null ? void 0 : s.clientWidth) || 0
+        ((l = s.querySelector("& > .operationCol .actionGroup")) == null ? void 0 : l.clientWidth) || 0
       );
     }), t.length)
-      return Math.ceil(Math.max(...t)) + Re * 2;
-  }, ae = () => {
-    var u, y, v;
-    const e = (u = w.current) == null ? void 0 : u.querySelector(
+      return Math.ceil(Math.max(...t)) + Ae * 2;
+  }, he = () => {
+    var b, f, W;
+    const e = (b = g.current) == null ? void 0 : b.querySelector(
       ".ant-table-body"
-    ), t = e == null ? void 0 : e.clientWidth, n = ((e == null ? void 0 : e.offsetWidth) || 0) - t > 0, s = (v = (y = w.current) == null ? void 0 : y.querySelector(
+    ), t = e == null ? void 0 : e.clientWidth, s = ((e == null ? void 0 : e.offsetWidth) || 0) - t > 0, l = (W = (f = g.current) == null ? void 0 : f.querySelector(
       ".ant-table-cell-scrollbar"
-    )) == null ? void 0 : v.offsetWidth;
-    return { tbodyWidth: t, scrollbarSize: s, hasScrollBar: n };
-  }, { y: F, hasScrollBar: P, scrollbarSize: M } = c(() => {
-    const { hasScrollBar: e, scrollbarSize: t } = ae();
-    if (typeof S > "u")
+    )) == null ? void 0 : W.offsetWidth;
+    return { tbodyWidth: t, hasScrollBar: s, scrollbarSize: l };
+  }, { y: U, tbodyWidth: X, hasScrollBar: P, scrollbarSize: T } = i(() => {
+    const { tbodyWidth: e, hasScrollBar: t, scrollbarSize: r } = he();
+    if (typeof k > "u")
       return {
-        hasScrollBar: e,
-        scrollbarSize: t
+        tbodyWidth: e,
+        hasScrollBar: t,
+        scrollbarSize: r
       };
-    let r = 40, n = 40;
-    if (w.current) {
-      const D = window.getComputedStyle(w.current);
-      r = parseInt(D.getPropertyValue("--cell-height")), n = parseInt(D.getPropertyValue("--toolbar-height"));
+    let s = 40, l = 40;
+    if (g.current) {
+      const R = window.getComputedStyle(g.current);
+      s = parseInt(R.getPropertyValue("--cell-height")), l = parseInt(R.getPropertyValue("--toolbar-height"));
     }
-    const s = (p == null ? void 0 : p.height) || 0, u = s ? oe : 0;
-    return { y: (k ? window.innerHeight : S) - s - u - n - r, hasScrollBar: e, scrollbarSize: t };
+    const b = (N == null ? void 0 : N.height) || 0, f = b ? le : 0;
+    return { y: (a.fullscreen ? window.innerHeight : k) - b - f - l - s, tbodyWidth: e, hasScrollBar: t, scrollbarSize: r };
   }, [
+    a.fullscreen,
     k,
-    S,
-    p == null ? void 0 : p.height,
-    _ == null ? void 0 : _.height,
-    q == null ? void 0 : q.height
-  ]), de = c(() => {
-    let e = (h == null ? void 0 : h.x) ?? 1e3;
-    return V.current && (e -= V.current), O.current && (e -= O.current * ($.current || 0)), h != null && h.x ? { x: e, y: h.y || F } : h != null && h.y ? { x: e, y: h.y } : { x: e, y: F };
-  }, [h, F, $.current]), _e = (e) => {
-    const t = e.length, r = e.filter((B) => B.width), s = r.map((B) => B.width).reduce((B, U) => B + U, 0);
-    let u = 0;
-    if (w.current) {
-      const B = window.getComputedStyle(w.current), U = parseInt(
+    N == null ? void 0 : N.height,
+    F == null ? void 0 : F.height,
+    G == null ? void 0 : G.height
+  ]), Xe = i(() => {
+    let e = (d == null ? void 0 : d.x) ?? 1e3;
+    return K.current && (e -= K.current), _ && M.current && (e -= _ * M.current), X && (e = Math.max(e, X)), d != null && d.x ? { x: e, y: d.y || U } : d != null && d.y ? { x: e, y: d.y } : { x: e, y: U };
+  }, [d, U, X, _]), Ie = (e) => {
+    const t = e.length, r = e.filter((B) => B.width), l = r.map((B) => B.width).reduce((B, Y) => B + Y, 0);
+    let b = 0;
+    if (g.current) {
+      const B = window.getComputedStyle(g.current), Y = parseInt(
         B.getPropertyValue("--toolCell-paddingInline")
       );
-      u = parseInt(B.getPropertyValue("--fontSize")) + 4 + 2 * U;
+      b = parseInt(B.getPropertyValue("--fontSize")) + 4 + 2 * Y;
     }
-    let y = 0;
-    z && (y += u), C && (y += u);
-    const { tbodyWidth: v } = ae(), x = parseInt(`${de.x}`) || 0, D = Math.max(x, v), xe = (parseInt(`${D}`) || 0) - s - y;
-    return xe >= 0 ? xe / (t - r.length) : void 0;
-  }, j = c(() => {
-    const e = N ?? [], t = e.filter((x) => !Be.includes(x)), { filterColumns: r, width: n, autoWidthColLength: s } = mt(
+    let f = 0;
+    z && (f += b), y && (f += b);
+    const { tbodyWidth: W } = he(), Q = Math.max((d == null ? void 0 : d.x) ?? 0, W ?? 0) - l - f, R = t - r.length;
+    return Q >= 0 ? Q / R : void 0;
+  }, I = i(() => {
+    const t = (V ?? []).filter((f) => !Ne.includes(f)), { filterColumns: r, width: s, autoWidthColLength: l } = gt(
       t,
-      f.columnsMap
-    );
-    V.current = Math.ceil(n), O.current = s;
-    const u = r.sort(bt(f.columnsMap));
-    if (J)
-      return u;
-    const y = _e(u);
-    $.current = Math.ceil(y ?? 0);
-    const v = u.map((x) => ({
-      ...x,
-      ...x.width ? {
-        width: x.useMaxWidth ? Ie() ?? x.width : x.width
+      a.columnsMap
+    ), b = r.sort(wt(a.columnsMap));
+    if (!A) {
+      const f = Ie(t);
+      M.current = Math.ceil(f ?? 0), K.current = Math.ceil(s), $e(l);
+    }
+    return b;
+  }, [a.columnsMap]), j = i(() => {
+    if (A)
+      return I;
+    const e = I.map((t) => ({
+      ...t,
+      ...t.isDragSortCol ? {
+        onCell: (...r) => {
+          var s;
+          return {
+            ...(s = t == null ? void 0 : t.onCell) == null ? void 0 : s.call(t, r),
+            "data-column-name": "dragSortCell"
+          };
+        }
+      } : {},
+      ...t.width ? {
+        width: t.useMaxWidth ? Ue() ?? t.width : t.width
       } : {
         // 给未设置width的列设置平均数
-        width: y
+        width: M
       }
     }));
-    return Bt(e, v, z, C);
-  }, [N, f.columnsMap, f.sortKeyColumns]);
-  X(() => {
-    if (N && N.length > 0) {
-      const e = N.map(
-        (t) => (
-          // @ts-ignore
-          Ct((t == null ? void 0 : t.key) ?? (t == null ? void 0 : t.dataIndex), t == null ? void 0 : t.dataIndex)
-        )
-      );
-      f.setSortKeyColumns(e);
-    }
-  }, [N]);
-  const he = c(() => zt(j, Be), [j]), qe = c(() => i ? he : j, [i, j, he]), ue = c(() => {
-    const e = d == null ? void 0 : d.length, t = e > (E.pc ?? 10) ? e >= 20 ? 20 : e : E.pc ?? 10;
-    return Array.from({ length: t }).map((n, s) => ({
-      key: `${Date.now()}${s}`
+    return kt(V, e, z, y);
+  }, [V, I]), ue = i(() => Tt(j, Ne), [j]), Je = i(() => n ? ue : j, [n, j, ue]), fe = i(() => {
+    const e = u == null ? void 0 : u.length, t = e > ($.pc ?? 10) ? e >= 20 ? 20 : e : $.pc ?? 10;
+    return Array.from({ length: t }).map((s, l) => ({
+      key: `${Date.now()}${l}`
     }));
-  }, [d]), Fe = c(() => i ? ue : d, [i, d, ue]), { table: G, locale: Ge = wt } = ge(vt), Ue = { ...Ge.Table }, Xe = ((ye = G == null ? void 0 : G.expandable) == null ? void 0 : ye.expandIcon) || (C == null ? void 0 : C.expandIcon) || gt(Ue), fe = c(() => {
-    if (C)
+  }, [u]), me = i(() => n ? fe : u, [n, u, fe]), { table: J, locale: Qe = Nt } = ze(Lt), Ye = { ...Qe.Table }, Ze = ((Be = J == null ? void 0 : J.expandable) == null ? void 0 : Be.expandIcon) || (y == null ? void 0 : y.expandIcon) || jt(Ye), be = i(() => {
+    if (y)
       return {
-        ...C,
+        ...y,
         expandedRowRender: () => /* @__PURE__ */ o.jsx(o.Fragment, {}),
         expandIcon: (e) => {
-          const t = Xe(e);
+          const t = Ze(e);
           return {
             ...t,
             props: {
@@ -193,72 +197,72 @@ function kt({
               disabled: !0,
               style: {
                 ...t.props.style,
-                backgroundColor: g.colorBgContainerDisabled
+                backgroundColor: x.colorBgContainerDisabled
               }
             }
           };
         }
       };
-  }, [C]), Je = c(() => i ? fe : C, [i, C, fe]), me = c(() => {
+  }, [y]), et = i(() => n ? be : y, [n, y, be]), Ce = i(() => {
     if (z)
       return {
         ...z,
         selectedRowKeys: [],
         getCheckboxProps: () => ({ disabled: !0 })
       };
-  }, [z]), Qe = c(() => i ? me : z, [i, z, me]), Ye = c(() => i ? void 0 : a.rowKey, [i, a.rowKey]), be = c(() => `${re ?? f.stylesConfig.size}BitzTable`, [re, f.stylesConfig.size]), Ze = we(
+  }, [z]), tt = i(() => n ? Ce : z, [n, z, Ce]), ye = i(() => n ? "key" : h.rowKey, [n, h.rowKey]), xe = i(() => `${ne ?? a.stylesConfig.size}BitzTable`, [ne, a.stylesConfig.size]), rt = Z(
     (e, t) => {
-      var n;
-      if (!a.onRow)
+      var s;
+      if (!h.onRow || n)
         return {};
-      const r = (n = a.onRow) == null ? void 0 : n.call(a, e, t);
+      const r = (s = h.onRow) == null ? void 0 : s.call(h, e, t);
       return r.onClick && (r.className = "rowPointerCursor"), r;
     },
-    [a.onRow]
-  ), et = c(() => Q(
+    [h.onRow, n]
+  ), ot = i(() => ee(
     "bitzTableContainer",
-    { hideBorder: ne },
+    { hideBorder: ie },
     { hasScrollBar: P },
-    be,
-    a.className
+    xe,
+    h.className
   ), [
-    a.className,
-    be,
+    h.className,
+    xe,
     P,
-    k,
-    ne
-  ]), tt = c(() => ({
-    "--container-bgColor": g.colorBgContainer
-  }), [g.colorBgContainer]), rt = c(() => {
-    const e = k ? "100%" : S;
+    a.fullscreen,
+    ie
+  ]), st = i(() => ({
+    "--container-bgColor": x.colorBgContainer
+  }), [x.colorBgContainer]), nt = i(() => {
+    const e = a.fullscreen ? "100%" : k;
     let t;
-    return (M ?? 0) > 0 && (t = M), jt({
+    return (T ?? 0) > 0 && (t = T), Wt({
       height: e,
-      evenRowBgColor: f.zebra ? l == null ? void 0 : l.evenRowBgColor : g.colorBgContainer,
-      colorBgContainer: g.colorBgContainer,
-      table: l,
-      gap: oe,
-      borderColor: (l == null ? void 0 : l.borderColor) || g.colorBorderSecondary,
+      evenRowBgColor: a.zebra ? c == null ? void 0 : c.evenRowBgColor : x.colorBgContainer,
+      colorBgContainer: x.colorBgContainer,
+      table: c,
+      gap: le,
+      borderColor: (c == null ? void 0 : c.borderColor) || x.colorBorderSecondary,
       scrollbarWidth: t,
-      other: a.style
+      other: h.style
     });
-  }, [a.style, k, S, l, f == null ? void 0 : f.zebra, M]), ot = we(
+  }, [h.style, a.fullscreen, k, c, a == null ? void 0 : a.zebra, T]), lt = Z(
     (e, t, r) => {
-      const n = t % 2 === 0 ? "oddRow" : "evenRow";
-      if (a.rowClassName) {
-        const s = a.rowClassName(e, t, r);
-        return Q(n, s);
+      const s = t % 2 === 0 ? "oddRow" : "evenRow";
+      if (h.rowClassName) {
+        const l = h.rowClassName(e, t, r);
+        return ee(s, l);
       }
-      return n;
+      return s;
     },
-    [a.rowClassName]
-  ), Ce = /* @__PURE__ */ o.jsx(
-    dt,
+    [h.rowClassName]
+  ), ge = /* @__PURE__ */ o.jsx(
+    bt,
     {
-      finished: Ee,
+      finished: Ke,
       onLoad: async () => (
         // @ts-ignore
-        !i && (R == null ? void 0 : R((b == null ? void 0 : b.page) + 1, b == null ? void 0 : b.size))
+        !n && (L == null ? void 0 : L((C == null ? void 0 : C.page) + 1, C == null ? void 0 : C.size))
       ),
       loadingText: "加载中...",
       finishedText: "没有更多了",
@@ -267,55 +271,55 @@ function kt({
         "div",
         {
           className: "mobileList",
-          style: { backgroundColor: l == null ? void 0 : l.mobileListBgColor },
+          style: { backgroundColor: c == null ? void 0 : c.mobileListBgColor },
           children: [
             m == null ? void 0 : m.map((e, t) => /* @__PURE__ */ o.jsx(
               "div",
               {
                 className: "listItem",
-                style: { backgroundColor: l == null ? void 0 : l.listItemBgColor },
-                onClick: () => Ve(e, t),
-                children: j == null ? void 0 : j.map((r, n) => {
-                  var s;
+                style: { backgroundColor: c == null ? void 0 : c.listItemBgColor },
+                onClick: () => Fe(e, t),
+                children: j == null ? void 0 : j.map((r, s) => {
+                  var l;
                   return !(r != null && r.mobileHide) && /* @__PURE__ */ o.jsxs(
                     "div",
                     {
                       className: "row",
-                      style: { color: g.colorText },
+                      style: { color: x.colorText },
                       children: [
                         !r.mobileHideLabel && /* @__PURE__ */ o.jsxs("div", { className: "label", children: [
                           `${r.title}`,
                           "："
                         ] }),
-                        /* @__PURE__ */ o.jsx("div", { className: "value", children: ((s = r == null ? void 0 : r.render) == null ? void 0 : s.call(
+                        /* @__PURE__ */ o.jsx("div", { className: "value", children: ((l = r == null ? void 0 : r.render) == null ? void 0 : l.call(
                           r,
-                          Nt(e, (r == null ? void 0 : r.dataIndex) || ""),
+                          vt(e, (r == null ? void 0 : r.dataIndex) || ""),
                           e,
                           t
                         )) || (e == null ? void 0 : e[r.dataIndex]) })
                       ]
                     },
-                    n
+                    s
                   );
                 })
               },
               t
             )),
-            Array.from({ length: E.mobile ?? 2 }).map((e, t) => /* @__PURE__ */ o.jsx(
+            Array.from({ length: $.mobile ?? 2 }).map((e, t) => /* @__PURE__ */ o.jsx(
               "div",
               {
                 className: "listItem",
                 style: {
-                  display: i ? "block" : "none",
-                  backgroundColor: l == null ? void 0 : l.listItemBgColor
+                  display: n ? "block" : "none",
+                  backgroundColor: c == null ? void 0 : c.listItemBgColor
                 },
-                children: /* @__PURE__ */ o.jsx("div", { className: "row", children: ee ? ee() : /* @__PURE__ */ o.jsx(
-                  lt,
+                children: /* @__PURE__ */ o.jsx("div", { className: "row", children: oe ? oe() : /* @__PURE__ */ o.jsx(
+                  ht,
                   {
                     title: !1,
                     paragraph: {
-                      rows: ze,
-                      width: je
+                      rows: ke,
+                      width: Te
                     },
                     active: !0
                   }
@@ -327,104 +331,122 @@ function kt({
         }
       )
     }
-  ), nt = (e) => {
+  ), it = (e) => {
     var r;
     const t = { ...e };
     return t.className.includes("ant-table-cell-fix-right") && !P && ((r = t.style) != null && r.right) && (t.style = {
       ...t.style,
-      right: t.style.right - (M || 0)
+      right: t.style.right - (T || 0)
     }), /* @__PURE__ */ o.jsx("th", { ...t });
-  }, st = c(() => ({
-    ...L,
+  }, ct = (e) => {
+    var t;
+    n || e.active.id !== ((t = e.over) == null ? void 0 : t.id) && (O == null || O(e));
+  }, we = Z(() => v ? {
+    row: (e) => St({ ...e, loading: n.toString() })
+  } : {}, [v, v ? n : !1]), at = i(() => ({
+    ...w,
     header: {
-      ...L == null ? void 0 : L.header,
-      cell: nt
+      ...w == null ? void 0 : w.header,
+      cell: it
+    },
+    body: {
+      ...w == null ? void 0 : w.body,
+      ...we()
     }
-  }), [L, P, M]);
+  }), [w, P, T, we]);
   return /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: Q("bitzTableBlock", { fullscreen: k }),
-      style: tt,
+      className: ee("bitzTableBlock", { fullscreen: a.fullscreen }),
+      style: st,
       children: [
-        !J && /* @__PURE__ */ o.jsxs("div", { ref: w, className: et, style: rt, children: [
-          /* @__PURE__ */ o.jsxs("div", { className: "bitzTableContainerBody", ref: ce, children: [
-            Te && /* @__PURE__ */ o.jsxs("div", { className: "bitzTableToolbarBlock", children: [
-              Se || /* @__PURE__ */ o.jsx("div", {}),
-              Le,
-              Me
+        !A && /* @__PURE__ */ o.jsxs("div", { ref: g, className: ot, style: nt, children: [
+          /* @__PURE__ */ o.jsxs("div", { className: "bitzTableContainerBody", ref: ae, children: [
+            ve && /* @__PURE__ */ o.jsxs("div", { className: "bitzTableToolbarBlock", children: [
+              Me || /* @__PURE__ */ o.jsx("div", {}),
+              Pe,
+              Re
             ] }),
             /* @__PURE__ */ o.jsx(
-              Z,
+              pt,
               {
-                ...a,
-                bordered: Pe,
-                columns: qe,
-                dataSource: Fe,
-                loading: !1,
-                pagination: !1,
-                scroll: de,
-                expandable: Je,
-                rowSelection: Qe,
-                onRow: Ze,
-                rowHoverable: De,
-                rowClassName: ot,
-                className: "bitzTable",
-                components: st,
-                rowKey: Ye
+                enabledRowDragSort: v,
+                dataSource: me,
+                mergeRowKey: ye,
+                onDragEnd: ct,
+                children: /* @__PURE__ */ o.jsx(
+                  re,
+                  {
+                    ...h,
+                    bordered: De,
+                    columns: Je,
+                    dataSource: me,
+                    loading: !1,
+                    pagination: !1,
+                    scroll: Xe,
+                    expandable: et,
+                    rowSelection: tt,
+                    onRow: rt,
+                    rowHoverable: Ve,
+                    rowClassName: lt,
+                    className: "bitzTable",
+                    components: at,
+                    rowKey: ye
+                  }
+                )
               }
             )
           ] }),
-          W && /* @__PURE__ */ o.jsx(
-            it,
+          p && /* @__PURE__ */ o.jsx(
+            ft,
             {
               size: "small",
-              elRefInstance: ie,
-              enableControl: ve,
-              pagination: b,
-              total: A,
-              dataSource: d,
-              resetPage: We,
-              paginationEmit: R
+              elRefInstance: de,
+              enableControl: We,
+              pagination: C,
+              total: D,
+              dataSource: u,
+              resetPage: He,
+              paginationEmit: L
             }
           )
         ] }),
-        J && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-          (i || (d == null ? void 0 : d.length) > 0) && /* @__PURE__ */ o.jsx(o.Fragment, { children: te ? (
+        A && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+          (n || (u == null ? void 0 : u.length) > 0) && /* @__PURE__ */ o.jsx(o.Fragment, { children: se ? (
             // @ts-ignore
             /* @__PURE__ */ o.jsx(
-              ht,
+              Ct,
               {
-                onRefresh: async () => !i && te(),
-                children: Ce
+                onRefresh: async () => !n && se(),
+                children: ge
               }
             )
-          ) : Ce }),
-          !i && /* @__PURE__ */ o.jsx(at, { data: d, title: ke, img: pe }),
+          ) : ge }),
+          !n && /* @__PURE__ */ o.jsx(mt, { data: u, title: pe, img: Le }),
           /* @__PURE__ */ o.jsx(
-            ct,
+            ut,
             {
               className: "tableMobileDrawer",
-              open: He,
+              open: Ee,
               placement: "bottom",
               height: "auto",
               closable: !1,
-              onClose: le,
+              onClose: ce,
               children: /* @__PURE__ */ o.jsxs("div", { className: "drawerBox", children: [
-                /* @__PURE__ */ o.jsx("div", { className: "boxBody", children: Ke.map((e, t) => /* @__PURE__ */ o.jsx(
+                /* @__PURE__ */ o.jsx("div", { className: "boxBody", children: _e.map((e, t) => /* @__PURE__ */ o.jsx(
                   "div",
                   {
                     className: "operaList",
-                    onClick: () => Oe(e),
+                    onClick: () => Ge(e),
                     ...e.danger && {
-                      style: { color: g.colorError }
+                      style: { color: x.colorError }
                     },
                     children: e.label
                   },
                   t
                 )) }),
                 /* @__PURE__ */ o.jsx("div", { className: "boxLine" }),
-                /* @__PURE__ */ o.jsx("div", { className: "boxFooter", onClick: le, children: Ne })
+                /* @__PURE__ */ o.jsx("div", { className: "boxFooter", onClick: ce, children: Se })
               ] })
             }
           )
@@ -433,7 +455,7 @@ function kt({
     }
   );
 }
-const tr = (W) => /* @__PURE__ */ o.jsx(ut, { initValue: W, children: /* @__PURE__ */ o.jsx(kt, { ...W }) });
+const ar = (p) => /* @__PURE__ */ o.jsx(yt, { initValue: p, children: /* @__PURE__ */ o.jsx(Mt, { ...p }) });
 export {
-  tr as default
+  ar as default
 };