bitz-react-admin-ui 2.5.7 → 2.5.9

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

@@ -1,134 +1,81 @@
 import { j as t } from "../../../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
-import { BitzTableContext as S } from "../../../Store/index.mjs";
-import D from "../../../../BitzTheme/index.mjs";
-import { findParentFirstNodeByClass as L } from "../../../../../utils/findNode.mjs";
-import { Form as y, Flex as v, Checkbox as O, Radio as f, InputNumber as P, Select as G } from "antd";
-import { memo as H, useRef as $, useMemo as u, useContext as q, useState as p, useEffect as J, useImperativeHandle as Q } from "react";
-import U from "./DndList.mjs";
-function W({
-  display: k,
-  showSelectRadio: m = !1,
-  refInstance: z
-}) {
-  D.useToken();
-  const A = $(null), F = u(() => ({
-    display: k ? "flex" : "none",
+import { BitzTableContext as U } from "../../../Store/index.mjs";
+import W from "../../../../BitzTheme/index.mjs";
+import { findParentFirstNodeByClass as N } from "../../../../../utils/findNode.mjs";
+import { Form as F, Flex as k, Checkbox as X, Radio as p, InputNumber as Y, Select as Z } from "antd";
+import { memo as _, useRef as z, useState as a, useEffect as D, useMemo as f, useContext as ee, useImperativeHandle as te } from "react";
+import ne from "./DndList.mjs";
+function oe({ display: b, showSelectRadio: C = !1, fromExportIcon: A, refInstance: M }) {
+  W.useToken(), z(null);
+  const y = z(null), [R, V] = a("auto");
+  D(() => {
+    const e = N(y.current, "ant-card-body");
+    if (e) {
+      const { paddingBlockStart: n, paddingBlockEnd: l } = window.getComputedStyle(e), x = parseInt(n) + parseInt(l), B = e.clientHeight - x, d = e.firstElementChild;
+      if (d) {
+        const { rowGap: $ } = window.getComputedStyle(d), E = d == null ? void 0 : d.querySelector(".extraContent"), J = E == null ? void 0 : E.clientHeight, Q = B - J - parseInt($) - 20 - 120;
+        V(Q);
+      }
+    }
+  }, [y.current]);
+  const K = f(() => ({
+    display: b ? "flex" : "none",
     width: "100%"
-  }), [k]), d = q(S), s = d.exportConfig, g = d.selected, n = d.pagination, r = d.total, [a, b] = p([]), [i, h] = p([]), [C, w] = p("current"), [x, E] = p("page"), [j, N] = p(1);
-  J(() => {
-    var e, l, c, T;
-    h(s.fields), b(s.fields.map((M) => M.field)), w(
-      m && g ? "selectedRows" : s.config.key
-    ), E(((l = (e = s.config) == null ? void 0 : e.info) == null ? void 0 : l.type) ?? "page"), N(((T = (c = s.config) == null ? void 0 : c.info) == null ? void 0 : T.value) ?? 1);
-  }, [s, m, g]);
-  const o = u(() => i.filter((e) => e.show).map((e) => e.field), [i]), I = u(() => a.length === o.length, [a, o]), R = u(() => o.length > 0 && o.length < a.length, [o, a]), B = ({ target: e }) => {
-    h(i.map((l) => ({ ...l, show: e.checked })));
-  }, V = (e, l) => {
-    h(e), b(l);
-  }, K = u(() => {
-    if (x === "page") {
-      if (r && (n != null && n.size)) {
-        let e = Math.floor(r / (n == null ? void 0 : n.size));
-        return r % (n == null ? void 0 : n.size) && e++, e;
+  }), [b]), h = ee(U), r = h.exportConfig, j = h.selected, o = h.pagination, i = h.total, [c, H] = a([]), [u, g] = a([]), [w, T] = a("current"), [m, I] = a("page"), [v, S] = a(1);
+  D(() => {
+    var e, n, l, x;
+    g(r.fields), H(r.fields.map((B) => B.field)), T(C && j ? "selectedRows" : r.config.key), I(((n = (e = r.config) == null ? void 0 : e.info) == null ? void 0 : n.type) ?? "page"), S(((x = (l = r.config) == null ? void 0 : l.info) == null ? void 0 : x.value) ?? 1);
+  }, [r, C, j]);
+  const s = f(() => u.filter((e) => e.show).map((e) => e.field), [u]), G = f(() => c.length === s.length, [c, s]), L = f(() => s.length > 0 && s.length < c.length, [s, c]), O = ({ target: e }) => {
+    g(u.map((n) => ({ ...n, show: e.checked })));
+  }, P = (e, n) => {
+    g(e), H(n);
+  }, q = f(() => {
+    if (m === "page") {
+      if (i && (o != null && o.size)) {
+        let e = Math.floor(i / (o == null ? void 0 : o.size));
+        return i % (o == null ? void 0 : o.size) && e++, e;
       }
       return 1;
     }
-    return r;
-  }, [x, n, r]);
-  return Q(z, () => ({
+    return i;
+  }, [m, o, i]);
+  return te(M, () => ({
     getExportConfig: () => {
       const e = {
         fields: [],
         config: {
-          key: C,
+          key: w,
           info: void 0
         }
       };
-      return i.forEach((l) => {
-        let c = !1;
-        o.includes(l.field) && (c = !0), e.fields.push({ ...l, show: c });
-      }), C === "any" && (e.config.info = {
-        type: x,
-        value: (j || 0) < 1 ? 1 : j || 1
+      return u.forEach((n) => {
+        let l = !1;
+        s.includes(n.field) && (l = !0), e.fields.push({ ...n, show: l });
+      }), w === "any" && (e.config.info = {
+        type: m,
+        value: (v || 0) < 1 ? 1 : v || 1
       }), e;
     },
-    hasOne: () => o.length > 0
-  })), /* @__PURE__ */ t.jsxs(
-    y,
-    {
-      style: F,
-      labelCol: { span: 3 },
-      labelAlign: "left",
-      colon: !1,
-      className: "exportConfigFormContent",
-      children: [
-        /* @__PURE__ */ t.jsx(y.Item, { label: "导出字段", className: "exportFields", children: /* @__PURE__ */ t.jsxs(v, { vertical: !0, style: { gap: 8 }, children: [
-          /* @__PURE__ */ t.jsx(
-            O,
-            {
-              checked: I,
-              indeterminate: R,
-              onChange: B,
-              style: { alignSelf: "flex-start" },
-              children: "全选"
-            }
-          ),
-          /* @__PURE__ */ t.jsx(
-            U,
-            {
-              dataList: i,
-              keys: a,
-              onChange: h,
-              onMoveEnd: V
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ t.jsx(y.Item, { label: "导出设置", className: "exportTotal", children: /* @__PURE__ */ t.jsx(
-          f.Group,
-          {
-            ref: A,
-            value: C,
-            onChange: ({ target: e }) => w(e.value),
-            children: /* @__PURE__ */ t.jsxs(v, { vertical: !0, gap: 8, align: "flex-start", children: [
-              m && g && /* @__PURE__ */ t.jsx(f, { value: "selectedRows", children: "导出选中数据" }),
-              /* @__PURE__ */ t.jsx(f, { value: "current", children: "仅导出当前页" }),
-              /* @__PURE__ */ t.jsx(f, { value: "any", children: /* @__PURE__ */ t.jsxs(v, { align: "center", gap: 8, children: [
-                /* @__PURE__ */ t.jsx("span", { style: { whiteSpace: "nowrap" }, children: "导出" }),
-                /* @__PURE__ */ t.jsx(
-                  P,
-                  {
-                    controls: !1,
-                    min: 1,
-                    max: K,
-                    value: j,
-                    onChange: (e) => N(e),
-                    style: { width: 120 },
-                    addonAfter: /* @__PURE__ */ t.jsx(
-                      G,
-                      {
-                        value: x,
-                        onChange: E,
-                        options: [
-                          { label: "页", value: "page" },
-                          { label: "条", value: "pieces" }
-                        ],
-                        onClick: (e) => e.preventDefault(),
-                        getPopupContainer: (e) => L(e, "containerBody")
-                      }
-                    )
-                  }
-                ),
-                /* @__PURE__ */ t.jsx("span", { style: { whiteSpace: "nowrap" }, children: "数据" })
-              ] }) }),
-              /* @__PURE__ */ t.jsx(f, { value: "all", children: "导出全部数据" })
-            ] })
-          }
-        ) })
-      ]
+    hasOne: () => s.length > 0
+  })), t.jsx("div", { ref: y, style: K, children: t.jsxs(F, { style: { width: "100%" }, labelCol: { span: 3 }, labelAlign: "left", colon: !1, className: "exportConfigFormContent", children: [t.jsx(F.Item, { label: "导出字段", className: "exportFields", children: t.jsxs(k, { vertical: !0, style: {
+    gap: 8,
+    ...!A && {
+      maxHeight: R
+    }
+  }, children: [t.jsx(X, { checked: G, indeterminate: L, onChange: O, style: { alignSelf: "flex-start" }, children: "全选" }), t.jsx(ne, { dataList: u, keys: c, onChange: g, onMoveEnd: P })] }) }), t.jsx(F.Item, { label: "导出设置", className: "exportTotal", style: {
+    ...A ? {
+      marginTop: 20
+    } : {
+      height: 120,
+      marginTop: 20
     }
-  );
+  }, children: t.jsx(p.Group, { value: w, onChange: ({ target: e }) => T(e.value), children: t.jsxs(k, { vertical: !0, gap: 8, align: "flex-start", children: [C && j && t.jsx(p, { value: "selectedRows", children: "导出选中数据" }), t.jsx(p, { value: "current", children: "仅导出当前页" }), t.jsx(p, { value: "any", children: t.jsxs(k, { align: "center", gap: 8, children: [t.jsx("span", { style: { whiteSpace: "nowrap" }, children: "导出" }), t.jsx(Y, { controls: !1, min: 1, max: q, value: v, onChange: (e) => S(e), style: { width: 120 }, addonAfter: t.jsx(Z, { value: m, onChange: I, options: [
+    { label: "页", value: "page" },
+    { label: "条", value: "pieces" }
+  ], onClick: (e) => e.preventDefault(), getPopupContainer: (e) => N(e, "containerBody") }) }), t.jsx("span", { style: { whiteSpace: "nowrap" }, children: "数据" })] }) }), t.jsx(p, { value: "all", children: "导出全部数据" })] }) }) })] }) });
 }
-const le = H(W);
+const pe = _(oe);
 export {
-  le as default
+  pe as default
 };

package/dist/components/BitzTable/ToolBar/ColConfigIcon/StylesConfig/RadioCard.mjs

@@ -1,13 +1,6 @@
 import { j as r } from "../../../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
 import { Radio as i, Flex as o, Typography as s } from "antd";
-const d = ({
-  label: e,
-  value: t,
-  children: a
-}) => /* @__PURE__ */ r.jsx(i, { value: t, children: /* @__PURE__ */ r.jsxs(o, { vertical: !0, align: "center", gap: 8, children: [
-  a,
-  /* @__PURE__ */ r.jsx(s.Text, { children: e })
-] }) });
+const x = ({ label: e, value: t, children: a }) => r.jsx(i, { value: t, children: r.jsxs(o, { vertical: !0, align: "center", gap: 8, children: [a, r.jsx(s.Text, { children: e })] }) });
 export {
-  d as default
+  x as default
 };

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

@@ -1,20 +1,20 @@
 import { j as e } from "../../../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
-import H from "../../../../../assets/iconfont/IconKuansongde.mjs";
-import C from "../../../../../assets/iconfont/IconTekuansong.mjs";
-import S from "../../../../../assets/iconfont/IconJincoude.mjs";
-import k from "../../../../../assets/iconfont/IconZhongdengde.mjs";
-import T from "../../../../../assets/iconfont/IconTejincou.mjs";
-import R from "../../../../../assets/iconfont/IconWufengexian.mjs";
-import w from "../../../../../assets/iconfont/IconHangliefengexian.mjs";
-import B from "../../../../../assets/iconfont/IconHangfengexian.mjs";
-import G from "../../../../../assets/iconfont/IconLiefengexian.mjs";
-import F from "../../../../../assets/iconfont/IconYoubanmawentianchong.mjs";
-import N from "../../../../../assets/iconfont/IconWubanmawentianchong.mjs";
-import { BitzConfigContext as W } from "../../../../BitzConfigProvider/context.mjs";
-import { BitzTableContext as E } from "../../../Store/index.mjs";
-import $ from "../../../../BitzTheme/index.mjs";
-import { Form as i, Radio as u, Checkbox as A } from "antd";
-import D from "../../../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
+import v from "../../../../../assets/iconfont/IconKuansongde.mjs";
+import B from "../../../../../assets/iconfont/IconTekuansong.mjs";
+import E from "../../../../../assets/iconfont/IconJincoude.mjs";
+import H from "../../../../../assets/iconfont/IconZhongdengde.mjs";
+import S from "../../../../../assets/iconfont/IconTejincou.mjs";
+import k from "../../../../../assets/iconfont/IconWufengexian.mjs";
+import F from "../../../../../assets/iconfont/IconHangliefengexian.mjs";
+import T from "../../../../../assets/iconfont/IconHangfengexian.mjs";
+import R from "../../../../../assets/iconfont/IconLiefengexian.mjs";
+import w from "../../../../../assets/iconfont/IconYoubanmawentianchong.mjs";
+import G from "../../../../../assets/iconfont/IconWubanmawentianchong.mjs";
+import { BitzConfigContext as A } from "../../../../BitzConfigProvider/context.mjs";
+import { BitzTableContext as N } from "../../../Store/index.mjs";
+import W from "../../../../BitzTheme/index.mjs";
+import { Form as i, Radio as d, Checkbox as D } from "antd";
+import $ from "../../../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
 import { forwardRef as J, useMemo as K, useContext as p, useEffect as L, useImperativeHandle as M, memo as V } from "react";
 import { BitzToolBarContext as Y } from "../../Wrapper/context.mjs";
 import l from "./RadioCard.mjs";
@@ -23,128 +23,74 @@ const Z = ({ defaultSize: n, items: c }) => c.map((o) => o.key === n ? {
   label: `${o.label}(默认)`
 } : o), q = J(({ display: n }, c) => {
   var x, b, f;
-  const { token: o } = $.useToken(), h = K(() => ({
+  const { token: o } = W.useToken(), h = K(() => ({
     width: "100%",
     display: n ? "flex" : "none"
   }), [n]), z = {
     size: 26,
     color: o.colorPrimary
-  }, [m] = i.useForm(), g = (x = p(W).Table) == null ? void 0 : x.stylesScope, { defaultTableSize: P, stylesConfig: I } = p(E), r = (b = p(Y).config) == null ? void 0 : b.stylesConfig, d = (s, a) => {
+  }, [m] = i.useForm(), g = (x = p(A).Table) == null ? void 0 : x.stylesScope, { defaultTableSize: C, stylesConfig: P } = p(N), r = (b = p(Y).config) == null ? void 0 : b.stylesConfig, u = (s, a) => {
     var y, j;
     let t = a;
-    return (y = r == null ? void 0 : r[s]) != null && y.disabled && (t = D(a, "disabledControl")), {
+    return (y = r == null ? void 0 : r[s]) != null && y.disabled && (t = $(a, "disabledControl")), {
       disabled: (j = r == null ? void 0 : r[s]) == null ? void 0 : j.disabled,
       className: t
     };
   };
   L(() => {
     m.setFieldsValue({
-      ...I,
+      ...P,
       stylesScope: g === "global"
     });
   }, []);
-  const v = Z({
-    defaultSize: P,
+  const I = Z({
+    defaultSize: C,
     items: [
       {
         key: "xs",
         label: "特紧凑",
-        icon: T
+        icon: S
       },
       {
         key: "sm",
         label: "紧凑",
-        icon: S
+        icon: E
       },
       {
         key: "md",
         label: "中等",
-        icon: k
+        icon: H
       },
       {
         key: "lg",
         label: "宽松",
-        icon: H
+        icon: v
       },
       {
         key: "xl",
         label: "特宽松",
-        icon: C
+        icon: B
       }
     ]
   });
   return M(c, () => ({
     getFormInstance: () => m
-  })), /* @__PURE__ */ e.jsxs(
-    i,
-    {
-      form: m,
-      style: h,
-      labelCol: { span: 3 },
-      labelAlign: "left",
-      colon: !1,
-      className: "stylesConfigFormContent",
-      children: [
-        /* @__PURE__ */ e.jsx(i.Item, { label: "行高", name: "size", children: /* @__PURE__ */ e.jsx(u.Group, { ...d("size", "sizeRadioGroup"), children: v.map(({ key: s, label: a, icon: t }) => /* @__PURE__ */ e.jsx(l, { label: a, value: s, children: /* @__PURE__ */ e.jsx(t, { ...z }) }, s)) }) }),
-        /* @__PURE__ */ e.jsx(i.Item, { label: "分割线", name: "bordered", children: /* @__PURE__ */ e.jsxs(u.Group, { ...d("bordered", "splitBorderRadioGroup"), children: [
-          /* @__PURE__ */ e.jsx(l, { label: "无分割线", value: "hide", children: /* @__PURE__ */ e.jsx(R, { size: 26, color: o.colorPrimaryHover }) }),
-          /* @__PURE__ */ e.jsx(l, { label: "行分割线", value: "row", children: /* @__PURE__ */ e.jsx(
-            B,
-            {
-              size: 26,
-              color: [
-                o.colorPrimaryHover,
-                o.colorPrimary,
-                o.colorPrimary,
-                o.colorPrimaryHover
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ e.jsx(l, { label: "列分割线", value: "column", children: /* @__PURE__ */ e.jsx(
-            G,
-            {
-              size: 26,
-              color: [
-                o.colorPrimaryHover,
-                o.colorPrimary,
-                o.colorPrimary,
-                o.colorPrimaryHover
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ e.jsx(l, { label: "行列分割线", value: "row-column", children: /* @__PURE__ */ e.jsx(
-            w,
-            {
-              size: 26,
-              color: [
-                o.colorPrimaryHover,
-                o.colorPrimary,
-                o.colorPrimary,
-                o.colorPrimaryHover
-              ]
-            }
-          ) })
-        ] }) }),
-        /* @__PURE__ */ e.jsx(i.Item, { label: "斑马纹", name: "zebra", children: /* @__PURE__ */ e.jsxs(u.Group, { ...d("zebra", "zebraRadioGroup"), children: [
-          /* @__PURE__ */ e.jsx(l, { label: "有斑马纹", value: !0, children: /* @__PURE__ */ e.jsx(
-            F,
-            {
-              size: 26,
-              color: [o.colorPrimaryHover, o.colorPrimary]
-            }
-          ) }),
-          /* @__PURE__ */ e.jsx(l, { label: "无斑马纹", value: !1, children: /* @__PURE__ */ e.jsx(
-            N,
-            {
-              size: 26,
-              color: o.colorPrimaryHover
-            }
-          ) })
-        ] }) }),
-        /* @__PURE__ */ e.jsx(i.Item, { name: "stylesScope", valuePropName: "checked", className: "scope", children: /* @__PURE__ */ e.jsx(A, { disabled: (f = r == null ? void 0 : r.stylesScope) == null ? void 0 : f.disabled, children: "应用到全局表格" }) })
-      ]
-    }
-  );
+  })), e.jsxs(i, { form: m, style: h, labelCol: { span: 3 }, labelAlign: "left", colon: !1, className: "stylesConfigFormContent", children: [e.jsx(i.Item, { label: "行高", name: "size", children: e.jsx(d.Group, { ...u("size", "sizeRadioGroup"), children: I.map(({ key: s, label: a, icon: t }) => e.jsx(l, { label: a, value: s, children: e.jsx(t, { ...z }) }, s)) }) }), e.jsx(i.Item, { label: "分割线", name: "bordered", children: e.jsxs(d.Group, { ...u("bordered", "splitBorderRadioGroup"), children: [e.jsx(l, { label: "无分割线", value: "hide", children: e.jsx(k, { size: 26, color: o.colorPrimaryHover }) }), e.jsx(l, { label: "行分割线", value: "row", children: e.jsx(T, { size: 26, color: [
+    o.colorPrimaryHover,
+    o.colorPrimary,
+    o.colorPrimary,
+    o.colorPrimaryHover
+  ] }) }), e.jsx(l, { label: "列分割线", value: "column", children: e.jsx(R, { size: 26, color: [
+    o.colorPrimaryHover,
+    o.colorPrimary,
+    o.colorPrimary,
+    o.colorPrimaryHover
+  ] }) }), e.jsx(l, { label: "行列分割线", value: "row-column", children: e.jsx(F, { size: 26, color: [
+    o.colorPrimaryHover,
+    o.colorPrimary,
+    o.colorPrimary,
+    o.colorPrimaryHover
+  ] }) })] }) }), e.jsx(i.Item, { label: "斑马纹", name: "zebra", children: e.jsxs(d.Group, { ...u("zebra", "zebraRadioGroup"), children: [e.jsx(l, { label: "有斑马纹", value: !0, children: e.jsx(w, { size: 26, color: [o.colorPrimaryHover, o.colorPrimary] }) }), e.jsx(l, { label: "无斑马纹", value: !1, children: e.jsx(G, { size: 26, color: o.colorPrimaryHover }) })] }) }), e.jsx(i.Item, { name: "stylesScope", valuePropName: "checked", className: "scope", children: e.jsx(D, { disabled: (f = r == null ? void 0 : r.stylesScope) == null ? void 0 : f.disabled, children: "应用到全局表格" }) })] });
 }), be = V(q);
 export {
   be as default

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

@@ -4,35 +4,13 @@ import g from "./ColumnConfigModal.mjs";
 import j from "../style.mjs";
 import h from "../../../BitzButton/index.mjs";
 import { BitzTableContext as y } from "../../Store/index.mjs";
-import B from "../../../../node_modules/.store/@ant-design_icons@5.3.7/node_modules/@ant-design/icons/es/icons/SettingOutlined.mjs";
+import p from "../../../../node_modules/.store/@ant-design_icons@5.3.7/node_modules/@ant-design/icons/es/icons/SettingOutlined.mjs";
 const r = "表格设置", k = (e) => {
-  const { order: l, show: m = !0, icon: i = /* @__PURE__ */ t.jsx(B, {}) } = e, { fullscreen: o } = C(y), { toolbarItemClassName: a } = j(), [u, n] = x(!1), c = d(() => o ? !1 : void 0, [o]);
-  return m ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(
-      g,
-      {
-        open: u,
-        title: r,
-        onChange: async (...f) => {
-          var s;
-          return (s = e.onChange) == null ? void 0 : s.call(e, ...f);
-        },
-        getContainer: c,
-        close: () => n(!1)
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      h,
-      {
-        type: "text",
-        className: a,
-        onClick: () => n(!0),
-        icon: i,
-        style: { order: l },
-        children: r
-      }
-    )
-  ] }) : null;
+  const { order: i, show: l = !0, icon: m = t.jsx(p, {}) } = e, { fullscreen: n } = C(y), { toolbarItemClassName: a } = j(), [u, o] = x(!1), c = d(() => n ? !1 : void 0, [n]);
+  return l ? t.jsxs(t.Fragment, { children: [t.jsx(g, { open: u, title: r, onChange: async (...f) => {
+    var s;
+    return (s = e.onChange) == null ? void 0 : s.call(e, ...f);
+  }, getContainer: c, close: () => o(!1) }), t.jsx(h, { type: "text", className: a, onClick: () => o(!0), icon: m, style: { order: i }, children: r })] }) : null;
 };
 export {
   k as default

package/dist/components/BitzTable/ToolBar/ColConfigIcon/style.mjs

@@ -221,10 +221,10 @@ const m = (o) => i`
   .exportConfigFormContent {
     display: flex;
     flex-direction: column;
-    row-gap: 10px;
 
     .ant-form-item {
       width: 100%;
+      margin-bottom: 0;
 
       .ant-form-item-label > label {
         height: auto;
@@ -232,6 +232,15 @@ const m = (o) => i`
       }
     }
 
+    .ant-tree-draggable-icon {
+      transition: none;
+      align-self: center;
+    }
+
+    .ant-tree-treenode:not(:disabled):hover .ant-tree-draggable-icon {
+      opacity: 1;
+    }
+
     .sortList {
       flex: 1;
       overflow: hidden auto;

package/dist/components/BitzTable/ToolBar/ExportIcon/ExportModal.mjs

@@ -1,20 +1,14 @@
 import { j as e } from "../../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
 import { message as C } from "antd";
-import { useState as g, useContext as j, useRef as k, useMemo as y } from "react";
-import { BitzTableContext as E } from "../../Store/index.mjs";
+import { useState as g, useContext as j, useRef as k, useMemo as E } from "react";
+import { BitzTableContext as y } from "../../Store/index.mjs";
 import f from "../../../BitzButton/index.mjs";
-import b from "../../../BitzTheme/index.mjs";
-import B from "../Modal/index.mjs";
+import B from "../../../BitzTheme/index.mjs";
+import b from "../Modal/index.mjs";
 import O from "../ColConfigIcon/ExportConfig/index.mjs";
 import R from "../../../../node_modules/.store/@ant-design_icons@5.3.7/node_modules/@ant-design/icons/es/icons/CheckCircleOutlined.mjs";
-const I = ({
-  open: m,
-  title: c,
-  onExport: n,
-  close: o,
-  getContainer: l
-}) => {
-  const { token: s } = b.useToken(), [u, t] = g(!1), { defaultTableExportConfig: p } = j(E), r = k(null), x = async () => {
+const H = ({ open: c, title: l, onExport: n, close: o, getContainer: m }) => {
+  const { token: s } = B.useToken(), [u, t] = g(!1), { defaultTableExportConfig: p } = j(y), r = k(null), x = async () => {
     var i, a;
     if (u)
       return;
@@ -25,40 +19,17 @@ const I = ({
     const h = ((a = r.current) == null ? void 0 : a.getExportConfig()) ?? p;
     n && (t(!1), n(h), o());
   };
-  y(() => s.mode === "dark", [s.mode]);
+  E(() => s.mode === "dark", [s.mode]);
   const d = () => {
     t(!1);
   };
-  return /* @__PURE__ */ e.jsx(
-    B,
-    {
-      open: m,
-      title: c,
-      close: o,
-      closeAfter: d,
-      getContainer: l,
-      styles: {
-        content: {
-          maxHeight: "calc(100vh - 200px)",
-          height: "auto"
-        }
-      },
-      footer: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx(
-          f,
-          {
-            type: "primary",
-            icon: /* @__PURE__ */ e.jsx(R, {}),
-            onClick: x,
-            children: "导出"
-          }
-        ),
-        /* @__PURE__ */ e.jsx(f, { onClick: o, children: "取消" })
-      ] }),
-      children: /* @__PURE__ */ e.jsx(O, { refInstance: r, display: !0, showSelectRadio: !0 })
+  return e.jsx(b, { open: c, title: l, close: o, closeAfter: d, getContainer: m, styles: {
+    content: {
+      maxHeight: "calc(100vh - 200px)",
+      height: "auto"
     }
-  );
+  }, footer: e.jsxs(e.Fragment, { children: [e.jsx(f, { type: "primary", icon: e.jsx(R, {}), onClick: x, children: "导出" }), e.jsx(f, { onClick: o, children: "取消" })] }), children: e.jsx(O, { refInstance: r, fromExportIcon: !0, display: !0, showSelectRadio: !0 }) });
 };
 export {
-  I as default
+  H as default
 };

package/dist/components/BitzTable/ToolBar/ExportIcon/index.mjs

@@ -1,47 +1,19 @@
 import { j as t } from "../../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
-import { memo as j, useState as y, useContext as l, useMemo as E } from "react";
-import b from "../style.mjs";
-import h from "../../../BitzButton/index.mjs";
-import { BitzTableContext as i } from "../../Store/index.mjs";
-import { exportConfigTitle as B } from "../ColConfigIcon/ColumnConfigModal.mjs";
-import C from "./ExportModal.mjs";
-import I from "../../../../node_modules/.store/@ant-design_icons@5.3.7/node_modules/@ant-design/icons/es/icons/DownloadOutlined.mjs";
-const z = ({
-  show: p = !0,
-  order: a,
-  onClick: o,
-  icon: f = /* @__PURE__ */ t.jsx(I, {})
-}) => {
-  const { toolbarItemClassName: x } = b(), [u, s] = y(!1);
-  l(i).exportConfig;
-  const { loading: c, fullscreen: n, dataSource: e } = l(i), d = E(() => n ? !1 : void 0, [n]), g = async (r) => {
+import { memo as j, useState as E, useContext as i, useMemo as y } from "react";
+import C from "../style.mjs";
+import B from "../../../BitzButton/index.mjs";
+import { BitzTableContext as l } from "../../Store/index.mjs";
+import { exportConfigTitle as b } from "../ColConfigIcon/ColumnConfigModal.mjs";
+import h from "./ExportModal.mjs";
+import F from "../../../../node_modules/.store/@ant-design_icons@5.3.7/node_modules/@ant-design/icons/es/icons/DownloadOutlined.mjs";
+const I = ({ show: p = !0, order: a, onClick: e, icon: f = t.jsx(F, {}) }) => {
+  const { toolbarItemClassName: x } = C(), [u, r] = E(!1);
+  i(l).exportConfig;
+  const { loading: c, fullscreen: s, dataSource: o } = i(l), d = y(() => s ? !1 : void 0, [s]), g = async (n) => {
     var m;
-    o == null || o(r.config.key, r.fields, (m = r.config) == null ? void 0 : m.info);
+    e == null || e(n.config.key, n.fields, (m = n.config) == null ? void 0 : m.info);
   };
-  return p ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(
-      C,
-      {
-        open: u,
-        title: B,
-        getContainer: d,
-        onExport: g,
-        close: () => s(!1)
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      h,
-      {
-        type: "text",
-        className: x,
-        icon: f,
-        style: { order: a },
-        disabled: c || !(e != null && e.length),
-        onClick: () => s(!0),
-        children: "导出"
-      }
-    )
-  ] }) : (
+  return p ? t.jsxs(t.Fragment, { children: [t.jsx(h, { open: u, title: b, getContainer: d, onExport: g, close: () => r(!1) }), t.jsx(B, { type: "text", className: x, icon: f, style: { order: a }, disabled: c || !(o != null && o.length), onClick: () => r(!0), children: "导出" })] }) : (
     // <Dropdown
     //   open={open}
     //   onOpenChange={setOpen}
@@ -68,7 +40,7 @@ const z = ({
     // </Dropdown>
     null
   );
-}, G = j(z);
+}, G = j(I);
 export {
   G as default
 };