bitz-react-admin-ui 2.5.9 → 2.6.1

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

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

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

@@ -1,6 +1,13 @@
 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 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 })] }) });
+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 })
+] }) });
 export {
-  x as default
+  d as default
 };

package/dist/components/BitzTable/ToolBar/ColConfigIcon/StylesConfig/index.d.ts

@@ -2,6 +2,7 @@
 import { FormInstance } from 'antd';
 interface StylesConfigComponentProps {
     display: boolean;
+    postHeight: (number: any) => void;
 }
 export interface StylesConfigImperativeProps {
     getFormInstance: () => FormInstance<any>;

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

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

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

@@ -4,13 +4,35 @@ 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 p from "../../../../node_modules/.store/@ant-design_icons@5.3.7/node_modules/@ant-design/icons/es/icons/SettingOutlined.mjs";
+import B 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: 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;
+  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;
 };
 export {
   k as default

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

@@ -1,20 +1,19 @@
-import "../../../../node_modules/.store/@ant-design_cssinjs@1.20.0/node_modules/@ant-design/cssinjs/es/extractStyle.mjs";
-import "../../../../node_modules/.store/@ant-design_cssinjs@1.20.0/node_modules/@ant-design/cssinjs/es/hooks/useCacheToken.mjs";
+import "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/extractStyle.mjs";
+import "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/hooks/useCacheToken.mjs";
 import "react";
-import "../../../../node_modules/.store/@ant-design_cssinjs@1.20.0/node_modules/@ant-design/cssinjs/es/StyleContext.mjs";
-import { unit as r } from "../../../../node_modules/.store/@ant-design_cssinjs@1.20.0/node_modules/@ant-design/cssinjs/es/util/index.mjs";
-import "../../../../node_modules/.store/@ant-design_cssinjs@1.20.0/node_modules/@ant-design/cssinjs/es/hooks/useCompatibleInsertionEffect.mjs";
-import "../../../../node_modules/.store/@ant-design_cssinjs@1.20.0/node_modules/@ant-design/cssinjs/es/hooks/useEffectCleanupRegister.mjs";
-import "../../../../node_modules/.store/@ant-design_cssinjs@1.20.0/node_modules/@ant-design/cssinjs/es/hooks/useHMR.mjs";
-import "../../../../node_modules/.store/rc-util@5.41.0/node_modules/rc-util/es/warning.mjs";
-import "../../../../node_modules/.store/@ant-design_cssinjs@1.20.0/node_modules/@ant-design/cssinjs/es/theme/createTheme.mjs";
-import "../../../../node_modules/.store/@ant-design_cssinjs@1.20.0/node_modules/@ant-design/cssinjs/es/theme/ThemeCache.mjs";
-import "../../../../node_modules/.store/@ant-design_cssinjs@1.20.0/node_modules/@ant-design/cssinjs/es/transformers/legacyLogicalProperties.mjs";
+import "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/StyleContext.mjs";
+import { unit as r } from "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/util/index.mjs";
+import "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/hooks/useCompatibleInsertionEffect.mjs";
+import "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/hooks/useEffectCleanupRegister.mjs";
+import "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/hooks/useHMR.mjs";
+import "../../../../node_modules/.store/rc-util@5.43.0/node_modules/rc-util/es/warning.mjs";
+import "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/theme/createTheme.mjs";
+import "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/theme/ThemeCache.mjs";
+import "../../../../node_modules/.store/@ant-design_cssinjs@1.21.0/node_modules/@ant-design/cssinjs/es/transformers/legacyLogicalProperties.mjs";
 import { css as i } from "../../../../node_modules/.store/@emotion_css@11.11.2/node_modules/@emotion/css/dist/emotion-css.esm.mjs";
-const m = (o) => i`
+const h = (o) => i`
   .sortContent {
     width: 100%;
-    height: 100%;
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     column-gap: 16px;
@@ -25,7 +24,6 @@ const m = (o) => i`
       border-radius: ${r(o.borderRadius)};
       padding-inline: 6px;
       padding-block-end: 10px;
-      overflow: hidden auto;
       box-sizing: border-box;
 
       .title {
@@ -34,9 +32,6 @@ const m = (o) => i`
         padding-inline: 8px;
         padding-block-start: 10px;
         background-color: var(--sortCard-bgColor);
-        position: sticky;
-        top: 0;
-        z-index: 10;
       }
 
       .sortList {
@@ -165,9 +160,11 @@ const m = (o) => i`
 
     .scope {
       flex: 1;
-      display: flex;
-      align-items: flex-end;
-      margin-block-end: 0;
+      margin-block: 20px 0;
+
+      .ant-form-item-control-input {
+        align-items: flex-end;
+      }
     }
 
     .ant-radio-wrapper {
@@ -221,6 +218,7 @@ const m = (o) => i`
   .exportConfigFormContent {
     display: flex;
     flex-direction: column;
+    row-gap: 20px;
 
     .ant-form-item {
       width: 100%;
@@ -280,6 +278,6 @@ const m = (o) => i`
 `;
 export {
   u as appearanceConfigStyles,
-  m as columnsSortStyles,
+  h as columnsSortStyles,
   w as exportConfigStyles
 };