bitz-react-admin-ui 2.4.9 → 2.5.0

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

@@ -27,9 +27,9 @@ const b = ({
   )
 ] }), _ = E(
   ({ loading: m, actionGroup: l, customActions: r }, p) => {
-    const { loading: f, fullscreen: y } = L(W), o = C(() => m ?? f, [m, f]), {
+    const { loading: f, fullscreen: y } = L(W), a = C(() => m ?? f, [m, f]), {
       primaryBtnClassName: d,
-      dangerBtnClassName: a,
+      dangerBtnClassName: o,
       secondaryBtnClassName: u,
       maskClassName: B,
       skeletonBtnClassName: h,
@@ -38,7 +38,7 @@ const b = ({
       const i = l.length >= 4 ? 2 : l.length, c = l.slice(0, i), t = [];
       if (c != null && c.length && c.forEach((e, s) => {
         t.push(
-          o ? /* @__PURE__ */ n.jsx(
+          a ? /* @__PURE__ */ n.jsx(
             b,
             {
               className: h,
@@ -50,14 +50,14 @@ const b = ({
             x,
             {
               type: "text",
-              className: e.danger ? a : d,
+              className: e.danger ? o : d,
               children: e == null ? void 0 : e.label
             }
           ) }, s) : /* @__PURE__ */ n.jsx(
             x,
             {
               type: "text",
-              className: e.danger ? a : d,
+              className: e.danger ? o : d,
               onClick: e == null ? void 0 : e.onClick,
               children: e == null ? void 0 : e.label
             },
@@ -67,7 +67,7 @@ const b = ({
       }), i === 2 && l.length >= 4) {
         const e = l.slice(2, l.length);
         t.push(
-          o ? /* @__PURE__ */ n.jsx(
+          a ? /* @__PURE__ */ n.jsx(
             b,
             {
               className: h,
@@ -79,7 +79,7 @@ const b = ({
         );
       }
       return t;
-    }, [o, l]), k = C(() => {
+    }, [a, l]), k = C(() => {
       if (!(r != null && r.length))
         return;
       const i = r.map((t, e) => /* @__PURE__ */ n.jsx(
@@ -95,7 +95,7 @@ const b = ({
           x,
           {
             type: "text",
-            className: t.danger ? a : d,
+            className: t.danger ? o : d,
             onClick: t.onClick,
             children: t == null ? void 0 : t.label
           },
@@ -114,9 +114,9 @@ const b = ({
         const N = t.render ?? ((z, S) => /* @__PURE__ */ n.jsx(M, { children: z }, S));
         return N == null ? void 0 : N(s, e);
       });
-      return o ? i : c;
-    }, [o, r]);
-    return /* @__PURE__ */ n.jsxs("div", { onClick: (i) => i.stopPropagation(), children: [
+      return a ? i : c;
+    }, [a, r]);
+    return /* @__PURE__ */ n.jsxs("div", { onClick: (i) => i.stopPropagation(), style: { overflow: "hidden" }, children: [
       /* @__PURE__ */ n.jsx(I, { size: H, ref: p, className: "actionGroup", children: k ?? j }),
       /* @__PURE__ */ n.jsx("div", { className: B })
     ] });
@@ -124,7 +124,7 @@ const b = ({
 );
 function $(m) {
   var h;
-  const { actionGroup: l, loading: r, customActions: p, defaultWidth: f, ...y } = m, o = ((h = P.useToken().token.Table) == null ? void 0 : h.cellPaddingInline) ?? O, d = D(null), a = T(d), u = C(() => a != null && a.width ? a.width + o * 2 + 1 : f ?? 141, [a, o, f]);
+  const { actionGroup: l, loading: r, customActions: p, defaultWidth: f, ...y } = m, a = ((h = P.useToken().token.Table) == null ? void 0 : h.cellPaddingInline) ?? O, d = D(null), o = T(d), u = C(() => o != null && o.width ? o.width + a * 2 + 1 : f ?? 141, [o, a, f]);
   return C(() => ({
     width: Math.floor(u),
     mobileHide: !0,

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

@@ -108,6 +108,7 @@ declare function useContainer(props: UseContainerProps): {
     persistenceType: "online" | "localStorage" | "sessionStorage" | undefined;
     persistenceKey: any;
     onlineChange: ((key: any, ColumnsState: Record<string, ColumnsConfigProps>) => void) | undefined;
+    finish: boolean;
     columnsMap: Record<string, ColumnsConfigProps>;
     setColumnsMap: (updater: Record<string, ColumnsConfigProps> | ((origin: Record<string, ColumnsConfigProps>) => Record<string, ColumnsConfigProps>), ignoreDestroy?: boolean | undefined) => void;
     defaultColumnKeyMap: Record<string, ColumnsConfigProps>;
@@ -147,6 +148,7 @@ declare const BitzTableContext: import("react").Context<{
     persistenceType: "online" | "localStorage" | "sessionStorage" | undefined;
     persistenceKey: any;
     onlineChange: ((key: any, ColumnsState: Record<string, ColumnsConfigProps>) => void) | undefined;
+    finish: boolean;
     columnsMap: Record<string, ColumnsConfigProps>;
     setColumnsMap: (updater: Record<string, ColumnsConfigProps> | ((origin: Record<string, ColumnsConfigProps>) => Record<string, ColumnsConfigProps>), ignoreDestroy?: boolean | undefined) => void;
     defaultColumnKeyMap: Record<string, ColumnsConfigProps>;

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

@@ -1,12 +1,12 @@
-import { j as Ke } from "../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
+import { j as Ve } from "../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
 import { Table as le } from "antd";
-import V from "../../../hooks/useMergedState.mjs";
-import { createContext as Oe, useRef as Ve, useState as v, useContext as ve, useEffect as d, useMemo as g, useCallback as z } from "react";
+import v from "../../../hooks/useMergedState.mjs";
+import { createContext as ve, useRef as ze, useState as K, useContext as Ne, useEffect as d, useMemo as g, useCallback as z } from "react";
 import { genColumnKey as N } from "./utils/index.mjs";
-import { getUuid as ze } from "../../../utils/uuid.mjs";
-import { BitzConfigContext as Ne } from "../../BitzConfigProvider/context.mjs";
+import { getUuid as Ee } from "../../../utils/uuid.mjs";
+import { BitzConfigContext as Ie } from "../../BitzConfigProvider/context.mjs";
 import m from "../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/merge.mjs";
-const Ee = {
+const Je = {
   fixed: "left",
   className: "sorterCol",
   isDragSorterCol: !0,
@@ -16,18 +16,18 @@ const Ee = {
   onCell: () => ({
     "data-column-name": "dragSorterCell"
   })
-}, Ie = [
-  Ee,
+}, Be = [
+  Je,
   le.SELECTION_COLUMN,
   le.EXPAND_COLUMN
 ];
-function Je(e) {
-  var k, H, R, L, P, U, D, _, G, W, Z, A, F, X, q, Q, Y, $, p, ee, te, ne, ie, ae, oe;
-  const T = Ve(ze()), [fe, re] = v(!1), [se, ue] = v(!1), [de, ye] = v(0), s = ve(Ne).Table, Se = s == null ? void 0 : s.defaultSize, E = e.size ?? e.defaultSize ?? Se ?? "lg", Ce = e.zebra ?? e.defaultZebra ?? (s == null ? void 0 : s.zebra) ?? !0, ge = e.bordered ?? e.defaultBordered ?? (s == null ? void 0 : s.bordered) ?? "row-column", K = e.defaultStylesConfig || {
+function je(e) {
+  var k, H, R, L, P, U, D, _, F, G, W, Z, A, X, q, Q, Y, $, p, ee, te, ne, ie, ae, oe;
+  const T = ze(Ee()), [fe, re] = K(!1), [se, ue] = K(!1), [de, ye] = K(0), s = Ne(Ie).Table, Se = s == null ? void 0 : s.defaultSize, E = e.size ?? e.defaultSize ?? Se ?? "lg", Ce = e.zebra ?? e.defaultZebra ?? (s == null ? void 0 : s.zebra) ?? !0, ge = e.bordered ?? e.defaultBordered ?? (s == null ? void 0 : s.bordered) ?? "row-column", O = e.defaultStylesConfig || {
     size: E,
     zebra: Ce,
     bordered: ge
-  }, [y, I] = V(
+  }, [y, I] = v(
     () => {
       var n, c, l, a;
       const { persistenceType: t, persistenceKey: i, onlineGet: o } = e.stylesConfigState || {};
@@ -44,7 +44,7 @@ function Je(e) {
           console.warn(r);
         }
       }
-      return e.stylesConfig || ((l = e.stylesConfigState) == null ? void 0 : l.value) || ((a = e.stylesConfigState) == null ? void 0 : a.defaultValue) || K;
+      return e.stylesConfig || ((l = e.stylesConfigState) == null ? void 0 : l.value) || ((a = e.stylesConfigState) == null ? void 0 : a.defaultValue) || O;
     },
     {
       value: ((k = e.stylesConfigState) == null ? void 0 : k.value) || e.stylesConfig,
@@ -81,7 +81,7 @@ function Je(e) {
           var f;
           const a = m(l ?? {}, (f = e == null ? void 0 : e.stylesConfigState) == null ? void 0 : f.value);
           I(
-            Object.keys(a).length ? a : K
+            Object.keys(a).length ? a : O
           );
         });
       } catch (l) {
@@ -89,7 +89,7 @@ function Je(e) {
       }
     }
   }, []);
-  const u = g(() => (e.columns ?? []).filter((t) => !Ie.includes(t)), [e.columns]), x = g(() => {
+  const u = g(() => (e.columns ?? []).filter((t) => !Be.includes(t)), [e.columns]), x = g(() => {
     var i;
     if ((i = e == null ? void 0 : e.exportConfigState) != null && i.defaultValue)
       return e.exportConfigState.defaultValue;
@@ -108,7 +108,7 @@ function Je(e) {
         show: !0
       });
     }), t;
-  }, [u]), [O, h] = V(
+  }, [u]), [V, h] = v(
     () => {
       var n, c, l, a;
       const { persistenceType: t, persistenceKey: i, onlineGet: o } = e.exportConfigState || {};
@@ -165,15 +165,15 @@ function Je(e) {
     if (t !== "online") {
       const c = window[t];
       try {
-        c == null || c.setItem(i, JSON.stringify(O));
+        c == null || c.setItem(i, JSON.stringify(V));
       } catch (l) {
         console.warn(l), j();
       }
     }
   }, [
-    (G = e.exportConfigState) == null ? void 0 : G.persistenceKey,
-    O,
-    (W = e.exportConfigState) == null ? void 0 : W.persistenceType
+    (F = e.exportConfigState) == null ? void 0 : F.persistenceKey,
+    V,
+    (G = e.exportConfigState) == null ? void 0 : G.persistenceType
   ]), d(() => {
     var t, i, o;
     if ((t = e.exportConfigState) != null && t.persistenceKey && ((i = e.exportConfigState) == null ? void 0 : i.persistenceType) === "online") {
@@ -197,15 +197,20 @@ function Je(e) {
       return e.columnsState.defaultValue;
     const t = u.filter((a) => a.fixed === "left").map((a, f) => ({ ...a, order: f })), i = u.filter((a) => a.fixed === "right").map((a, f) => ({ ...a, order: f })), o = u.filter((a) => !["left", "right"].includes(a.fixed)).map((a, f) => ({ ...a, order: f })), n = [...t, ...o, ...i], c = {};
     return n.forEach((a, f) => {
-      const { order: r, fixed: Te, disabled: be } = a, ce = N(a, f);
+      const {
+        order: r,
+        /*width,*/
+        fixed: Ke,
+        disabled: Oe
+      } = a, ce = N(a, f);
       ce && (c[ce] = {
         show: !0,
         order: r,
-        fixed: Te,
-        disabled: be
+        fixed: Ke,
+        disabled: Oe
       });
     }), c;
-  }, [u]), [C, w] = V(
+  }, [u]), [me, we] = K(!1), [C, w] = v(
     () => {
       var n, c, l, a;
       const { persistenceType: t, persistenceKey: i, onlineGet: o } = e.columnsState || {};
@@ -225,8 +230,8 @@ function Je(e) {
       return e.columnsStateMap || ((l = e.columnsState) == null ? void 0 : l.value) || ((a = e.columnsState) == null ? void 0 : a.defaultValue) || {};
     },
     {
-      value: ((Z = e.columnsState) == null ? void 0 : Z.value) || e.columnsStateMap,
-      onChange: ((A = e.columnsState) == null ? void 0 : A.onChange) || e.onColumnsStateChange
+      value: ((W = e.columnsState) == null ? void 0 : W.value) || e.columnsStateMap,
+      onChange: ((Z = e.columnsState) == null ? void 0 : Z.onChange) || e.onColumnsStateChange
     }
   );
   d(() => {
@@ -247,7 +252,7 @@ function Je(e) {
       }
     }
   }, [
-    (F = e.columnsState) == null ? void 0 : F.persistenceKey,
+    (A = e.columnsState) == null ? void 0 : A.persistenceKey,
     (X = e.columnsState) == null ? void 0 : X.persistenceType,
     S
   ]);
@@ -311,7 +316,7 @@ function Je(e) {
         (o = n == null ? void 0 : n(c)) == null || o.then((l) => {
           var f;
           const a = m(l ?? {}, (f = e == null ? void 0 : e.columnsState) == null ? void 0 : f.value);
-          w(a);
+          w(a), we(!0);
         });
       } catch (l) {
         console.warn(l);
@@ -325,7 +330,7 @@ function Je(e) {
       !(((i = C == null ? void 0 : C[c]) == null ? void 0 : i.fixed) === ((o = S == null ? void 0 : S[c]) == null ? void 0 : o.fixed)) && Object.keys(C ?? {}).length === 0 && w(S);
     }
   }, [S, C]);
-  const me = g(() => (e == null ? void 0 : e.rowHoverable) ?? (s == null ? void 0 : s.rowHoverable) ?? !0, [e == null ? void 0 : e.rowHoverable, s == null ? void 0 : s.rowHoverable]), we = g(() => e.zebra ?? y.zebra, [e.zebra, y.zebra]), b = g(() => e.bordered ?? y.bordered, [e.bordered, y.bordered]), xe = g(() => ["column", "row-column"].includes(b), [b]), he = g(() => {
+  const xe = g(() => (e == null ? void 0 : e.rowHoverable) ?? (s == null ? void 0 : s.rowHoverable) ?? !0, [e == null ? void 0 : e.rowHoverable, s == null ? void 0 : s.rowHoverable]), he = g(() => e.zebra ?? y.zebra, [e.zebra, y.zebra]), b = g(() => e.bordered ?? y.bordered, [e.bordered, y.bordered]), Te = g(() => ["column", "row-column"].includes(b), [b]), be = g(() => {
     let t = !1;
     return ["hide", "column"].includes(b) && (t = !0), t;
   }, [b]), M = {
@@ -342,6 +347,7 @@ function Je(e) {
     persistenceType: (Y = e.columnsState) == null ? void 0 : Y.persistenceType,
     persistenceKey: ($ = e.columnsState) == null ? void 0 : $.persistenceKey,
     onlineChange: (p = e.columnsState) == null ? void 0 : p.onlineChange,
+    finish: me,
     columnsMap: C,
     setColumnsMap: w,
     defaultColumnKeyMap: S,
@@ -354,30 +360,30 @@ function Je(e) {
     stylesStorageKey: (te = e.stylesConfigState) == null ? void 0 : te.persistenceKey,
     onlineStylesConfigChange: (ne = e.stylesConfigState) == null ? void 0 : ne.onlineChange,
     clearStylesConfigCache: B,
-    defaultTableStylesConfig: K,
-    exportConfig: O,
+    defaultTableStylesConfig: O,
+    exportConfig: V,
     setTableExportConfig: h,
     defaultTableExportConfig: x,
     exportStorageType: (ie = e.exportConfigState) == null ? void 0 : ie.persistenceType,
     exportStorageKey: (ae = e.exportConfigState) == null ? void 0 : ae.persistenceKey,
     onlineExportConfigChange: (oe = e.exportConfigState) == null ? void 0 : oe.onlineChange,
     clearExportConfigCache: j,
-    zebra: we,
-    rowHoverable: me,
-    showColumnBorder: xe,
-    hideRowBorder: he
+    zebra: he,
+    rowHoverable: xe,
+    showColumnBorder: Te,
+    hideRowBorder: be
   };
   return Object.defineProperty(M, "uuid", {
     get: () => T.current
   }), M;
 }
-const Be = Oe({}), De = (e) => {
-  const T = Je(e.initValue);
-  return /* @__PURE__ */ Ke.jsx(Be.Provider, { value: T, children: e.children });
+const Me = ve({}), Fe = (e) => {
+  const T = je(e.initValue);
+  return /* @__PURE__ */ Ve.jsx(Me.Provider, { value: T, children: e.children });
 };
 export {
-  Be as BitzTableContext,
-  Ee as SORTER_COLUMN,
-  De as default,
-  Ie as toolCols
+  Me as BitzTableContext,
+  Je as SORTER_COLUMN,
+  Fe as default,
+  Be as toolCols
 };

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

@@ -1,10 +1,6 @@
 import { ColumnsConfigProps } from '../../';
 /** 删掉不应该显示的 */
-export declare const loopFilter: (columns: any[], columnsMap: any) => {
-    filterColumns: any[];
-    hiddenTotalWidth: number;
-    autoWidthColLength: number;
-};
+export declare const loopFilter: (columns: any[], columnsMap: any, finish: boolean) => any[];
 /**
  * 生成列唯一key
  *

package/dist/components/BitzTable/Store/utils/index.mjs

@@ -1,42 +1,41 @@
-const u = (e, d) => {
-  let o = 0, r = 0;
-  return {
-    filterColumns: ((i, l) => i.map((n) => {
-      const t = h(n, n.index), s = l[t];
-      return s && s.show === !1 ? (typeof n.width == "number" ? o += n.width : r += 1, !1) : { ...n, ...s };
-    }))(e, d).filter(Boolean),
-    hiddenTotalWidth: Math.floor(o),
-    autoWidthColLength: r
+const l = (e, i, x) => ((f, d) => f.map((t) => {
+  const s = u(t, t.index), o = d[s];
+  return o && o.show === !1 ? !1 : {
+    ...t,
+    ...o
+    // ...(item?.isOperationCol && !finish) && {
+    //   width: item?.width,
+    // },
   };
-}, h = (e, d) => "key" in e && e.key !== void 0 && e.key !== null ? e.key : e.dataIndex ? Array.isArray(e.dataIndex) ? e.dataIndex.join("-") : e.dataIndex : `${d}`, c = (e) => (d, o) => {
-  var t, s, x, y;
-  const { fixed: r, index: a } = d, { fixed: f, index: i } = o;
-  if (r === "left" && f !== "left" || f === "right" && r !== "right")
+}))(e, i).filter(Boolean), u = (e, i) => "key" in e && e.key !== void 0 && e.key !== null ? e.key : e.dataIndex ? Array.isArray(e.dataIndex) ? e.dataIndex.join("-") : e.dataIndex : `${i}`, k = (e) => (i, x) => {
+  var r, y, a, c;
+  const { fixed: n, index: f } = i, { fixed: d, index: t } = x;
+  if (n === "left" && d !== "left" || d === "right" && n !== "right")
     return -2;
-  if (f === "left" && r !== "left" || r === "right" && f !== "right")
+  if (d === "left" && n !== "left" || n === "right" && d !== "right")
     return 2;
-  const l = d.key || `${a}`, n = o.key || `${i}`;
-  return (t = e[l]) != null && t.order || (s = e[n]) != null && s.order ? (((x = e[l]) == null ? void 0 : x.order) || 0) - (((y = e[n]) == null ? void 0 : y.order) || 0) : (d.index || 0) - (o.index || 0);
+  const s = i.key || `${f}`, o = x.key || `${t}`;
+  return (r = e[s]) != null && r.order || (y = e[o]) != null && y.order ? (((a = e[s]) == null ? void 0 : a.order) || 0) - (((c = e[o]) == null ? void 0 : c.order) || 0) : (i.index || 0) - (x.index || 0);
 };
-function k(e, d, o) {
-  const r = {};
-  let a = "";
-  const f = (i, l, n) => {
-    for (const t in i)
-      if (i.hasOwnProperty(t) && (typeof i[t] == "object" && i[t] !== null && (a = t, r[t] = { ...i[t] }, f(i[t], l, n)), t === l)) {
-        const s = r[a];
-        r[a] = {
-          ...s,
-          [l]: n
+function h(e, i, x) {
+  const n = {};
+  let f = "";
+  const d = (t, s, o) => {
+    for (const r in t)
+      if (t.hasOwnProperty(r) && (typeof t[r] == "object" && t[r] !== null && (f = r, n[r] = { ...t[r] }, d(t[r], s, o)), r === s)) {
+        const y = n[f];
+        n[f] = {
+          ...y,
+          [s]: o
           // [prop]: current.disabled || current.fixed ? true : val,
-        }, a = "";
+        }, f = "";
       }
   };
-  return f(e, d, o), r;
+  return d(e, i, x), n;
 }
 export {
-  c as columnSort,
-  h as genColumnKey,
-  u as loopFilter,
-  k as updateNestedObject
+  k as columnSort,
+  u as genColumnKey,
+  l as loopFilter,
+  h as updateNestedObject
 };

package/dist/components/BitzTable/Table/ResizableTitle copy.mjs

@@ -1,67 +1,76 @@
-import { j as i } from "../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
-import { Resizable as W } from "../../../node_modules/.store/react-resizable@3.0.5/node_modules/react-resizable/index.mjs";
-import { useState as y, useMemo as z, useRef as a } from "react";
-import $ from "../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
-const f = 56, B = (p) => {
-  const { hasScrollBar: g, scrollbarSize: S, onResize: w, width: r, datagridref: L, stretchref: u, ...P } = p, [j, m] = y(!1), x = z(() => {
-    var t, n;
-    const e = { ...P };
-    return ((t = e.className) == null ? void 0 : t.includes("ant-table-cell-fix-right")) && !g && ((n = e.style) != null && n.right) && (e.style = { ...e.style ?? {} }, e.style.right = Number(e.style.right ?? 0) - (S || 0)), e;
-  }, [p]), [R, b] = y(0), c = a(0), h = a(0), l = a(0), o = a(!1), d = z(() => c.current - r + f, [c.current, r]);
-  if (!r)
-    return /* @__PURE__ */ i.jsx("th", { ...x });
-  const D = (e) => {
-    let s = e.offsetLeft, t = e.offsetParent;
+import { j as o } from "../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
+import { Resizable as v } from "../../../node_modules/.store/react-resizable@3.0.5/node_modules/react-resizable/index.mjs";
+import { useState as E, useMemo as R, useRef as i } from "react";
+import O from "../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
+const h = 56, H = (d) => {
+  const { hasScrollBar: b, scrollbarSize: x, onResize: y, width: n, datagridref: g, stretchref: a, ...S } = d, [P, p] = E(!1), m = R(() => {
+    var t, z;
+    const e = { ...S };
+    return ((t = e.className) == null ? void 0 : t.includes("ant-table-cell-fix-right")) && !b && ((z = e.style) != null && z.right) && (e.style = { ...e.style ?? {} }, e.style.right = Number(e.style.right ?? 0) - (x || 0)), e;
+  }, [d]), c = i(0), u = i(0), s = i(0), l = i(!1), f = R(() => c.current - n + h, [c.current, n]);
+  if (!n)
+    return /* @__PURE__ */ o.jsx("th", { ...m });
+  const j = (e) => {
+    let r = e.offsetLeft, t = e.offsetParent;
     for (; t !== null; )
-      s += t.offsetLeft, t = t.offsetParent;
-    return { x: s };
-  }, N = (e, { size: s }) => {
-    let t = s.width - r, n = c.current + t;
-    if (l.current = e.clientX - h.current, r + n - c.current <= f || l.current < d) {
-      o.current = !0;
+      r += t.offsetLeft, t = t.offsetParent;
+    return { x: r };
+  }, L = (e) => {
+    if (s.current = e.clientX - u.current, n + s.current - c.current <= h || s.current < f) {
+      l.current = !0;
       return;
     }
-    const E = u.current;
-    l.current >= d && o.current && (n = d, t = f - r, o.current = !1), E.style.left = `${n}px`, b(t);
-  }, O = (e) => {
-    m(!0);
-    const s = u.current;
-    s.style.opacity = 1, s.style.pointerEvents = "auto", h.current = D(L.current).x;
-    const t = e.clientX - h.current;
-    s.style.left = `${t}px`, c.current = t, l.current = t;
-  }, X = (e, s) => {
-    b(0), o.current = !1, m(!1);
-    const t = u.current;
+    s.current >= f && l.current && (s.current = f, l.current = !1);
+    const t = a.current;
+    t.style.left = `${s.current}px`;
+  }, w = (e) => {
+    p(!0), s.current = 0;
+    const r = a.current;
+    r.style.opacity = 1, r.style.pointerEvents = "auto", u.current = j(g.current).x;
+    const t = e.clientX - u.current;
+    r.style.left = `${t}px`, c.current = t, s.current = t;
+  }, D = (e, r) => {
+    l.current = !1, p(!1);
+    const t = a.current;
     t.style.opacity = 0, t.style.pointerEvents = "none", setTimeout(() => {
       t.style.left = "0px";
-    }, 200), w(e, { ...s, minWidth: f });
-  }, v = /* @__PURE__ */ i.jsx(
+    }, 200), y(
+      e,
+      {
+        ...r,
+        minWidth: h,
+        size: {
+          ...r.size,
+          width: n + s.current - c.current
+        }
+      }
+    );
+  }, N = /* @__PURE__ */ o.jsx(
     "span",
     {
       className: "bitzResizableHandle",
-      style: { transform: `translateX(${R}px)` },
       onClick: (e) => {
         e.stopPropagation(), e.preventDefault();
       }
     }
   );
-  return /* @__PURE__ */ i.jsx(
-    W,
+  return /* @__PURE__ */ o.jsx(
+    v,
     {
-      width: r + R,
+      width: n,
       height: 0,
-      handle: v,
-      className: $("bitzResizable", {
-        disabledUserSelect: j
+      handle: N,
+      className: O("bitzResizable", {
+        disabledUserSelect: P
       }),
-      onResize: N,
-      onResizeStart: O,
-      onResizeStop: X,
+      onResize: L,
+      onResizeStart: w,
+      onResizeStop: D,
       draggableOpts: { enableUserSelectHack: !1 },
-      children: /* @__PURE__ */ i.jsx("th", { ...x })
+      children: /* @__PURE__ */ o.jsx("th", { ...m })
     }
   );
 };
 export {
-  B as default
+  H as default
 };

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

@@ -62,6 +62,8 @@ export interface BitzTableProps<RecordType = any> extends Omit<TableProps<Record
     enabledRowDragSort?: boolean;
     /** PC端：拖拽结束 */
     onRowDragEnd?: (newCols: RecordType[]) => void;
+    /** PC端：是否启用列宽拖拽 */
+    resizableColumns?: boolean;
     /** 移动端：操作按钮 */
     operationFilter?: ActionsFunType<RecordType>;
     /** 移动端：加载更多返回函数 */