bitz-react-admin-ui 2.2.0 → 2.2.2

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

@@ -1,5 +1,6 @@
-export declare const getCssVar: ({ height, evenRowBgColor, colorBgContainer, table, gap, borderColor, scrollbarWidth, other, }: {
+export declare const getCssVar: ({ height, fontFamily, evenRowBgColor, colorBgContainer, table, gap, borderColor, scrollbarWidth, other, }: {
     height: any;
+    fontFamily: any;
     evenRowBgColor: any;
     colorBgContainer: any;
     table: any;

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

@@ -1,29 +1,31 @@
 const j = ({
   height: v,
-  evenRowBgColor: w,
-  colorBgContainer: e,
+  fontFamily: w,
+  evenRowBgColor: e,
+  colorBgContainer: I,
   table: o,
-  gap: I,
-  borderColor: R,
-  scrollbarWidth: u,
+  gap: R,
+  borderColor: u,
+  scrollbarWidth: y,
   other: V
 }) => {
-  var h, i, g, x, r, n, T, p, s, d, $, H, m, S, C, k, f, z, B, c;
+  var i, h, g, x, r, n, T, p, s, d, $, H, m, S, C, f, k, z, B, c;
   return {
     height: v,
+    "--font-family": w,
     "--toolbar-bgColor": o == null ? void 0 : o.toolbarBgColor,
     "--thead-bgColor": o == null ? void 0 : o.headerBg,
     "--thead-hoverBgColor": o == null ? void 0 : o.headerSortHoverBg,
-    "--evenRow-BgColor": w,
-    "--oddRow-BgColor": e,
+    "--evenRow-BgColor": e,
+    "--oddRow-BgColor": I,
     "--radioCheckbox-borderColor": o == null ? void 0 : o.radioCheckboxBorderColor,
     "--expandIcon-borderColor": o == null ? void 0 : o.expandIconBorderColor,
     "--rowHover-bgColor": o == null ? void 0 : o.rowHoverBg,
-    "--borderColor": R,
-    "--container-gap": `${I}px`,
-    "--scrollbar-width": `${u || 0}px`,
-    "--xlTable-fontSize": `${(h = o == null ? void 0 : o.xlTable) == null ? void 0 : h.fontSize}px`,
-    "--lgTable-fontSize": `${(i = o == null ? void 0 : o.lgTable) == null ? void 0 : i.fontSize}px`,
+    "--borderColor": u,
+    "--container-gap": `${R}px`,
+    "--scrollbar-width": `${y || 0}px`,
+    "--xlTable-fontSize": `${(i = o == null ? void 0 : o.xlTable) == null ? void 0 : i.fontSize}px`,
+    "--lgTable-fontSize": `${(h = o == null ? void 0 : o.lgTable) == null ? void 0 : h.fontSize}px`,
     "--mdTable-fontSize": `${(g = o == null ? void 0 : o.mdTable) == null ? void 0 : g.fontSize}px`,
     "--smTable-fontSize": `${(x = o == null ? void 0 : o.smTable) == null ? void 0 : x.fontSize}px`,
     "--xsTable-fontSize": `${(r = o == null ? void 0 : o.xsTable) == null ? void 0 : r.fontSize}px`,
@@ -37,8 +39,8 @@ const j = ({
     "--mdTable-lineHeight": `${(m = o == null ? void 0 : o.mdTable) == null ? void 0 : m.lineHeight}px`,
     "--smTable-lineHeight": `${(S = o == null ? void 0 : o.smTable) == null ? void 0 : S.lineHeight}px`,
     "--xsTable-lineHeight": `${(C = o == null ? void 0 : o.xsTable) == null ? void 0 : C.lineHeight}px`,
-    "--xlSkeleton-height": `${(k = o == null ? void 0 : o.xlTable) == null ? void 0 : k.skeletonHeight}px`,
-    "--lgSkeleton-height": `${(f = o == null ? void 0 : o.lgTable) == null ? void 0 : f.skeletonHeight}px`,
+    "--xlSkeleton-height": `${(f = o == null ? void 0 : o.xlTable) == null ? void 0 : f.skeletonHeight}px`,
+    "--lgSkeleton-height": `${(k = o == null ? void 0 : o.lgTable) == null ? void 0 : k.skeletonHeight}px`,
     "--mdSkeleton-height": `${(z = o == null ? void 0 : o.mdTable) == null ? void 0 : z.skeletonHeight}px`,
     "--smSkeleton-height": `${(B = o == null ? void 0 : o.smTable) == null ? void 0 : B.skeletonHeight}px`,
     "--xsSkeleton-height": `${(c = o == null ? void 0 : o.xsTable) == null ? void 0 : c.skeletonHeight}px`,

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

@@ -97,8 +97,23 @@ const fe = "导出设置", he = ({
       ),
       children: (t) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx(oe, { ref: k, display: i === 1 }),
-        /* @__PURE__ */ e.jsx(re, { parentHeight: t, ref: s, display: i === 2 }),
-        /* @__PURE__ */ e.jsx(se, { parentHeight: t, refInstance: x, display: i === 3, showSelectRadio: !1 })
+        /* @__PURE__ */ e.jsx(
+          re,
+          {
+            parentHeight: t,
+            ref: s,
+            display: i === 2
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          se,
+          {
+            parentHeight: t,
+            refInstance: x,
+            display: i === 3,
+            showSelectRadio: !1
+          }
+        )
       ] })
     }
   );

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

@@ -45,7 +45,14 @@ const j = ({ icon: t, className: n, open: r, title: e, onClick: i }) => {
       getTooltipContainer: (p) => p.parentElement,
       title: e,
       open: r ? !1 : void 0,
-      children: /* @__PURE__ */ o.jsx(t, { size: s.fontSize + 4, className: n, onClick: i })
+      children: /* @__PURE__ */ o.jsx(
+        t,
+        {
+          size: s.fontSize + 4,
+          className: n,
+          onClick: i
+        }
+      )
     }
   );
 }, B = ({
@@ -107,7 +114,9 @@ const j = ({ icon: t, className: n, open: r, title: e, onClick: i }) => {
   return /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: q({ sortItemDragging: m }, "sortItem", { showSortItemOperat: a && !n }),
+      className: q({ sortItemDragging: m }, "sortItem", {
+        showSortItemOperat: a && !n
+      }),
       style: z,
       ref: S,
       onMouseEnter: () => c(!0),

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

@@ -1,4 +1,4 @@
-import { FC } from "react";
+import { FC } from 'react';
 interface DndListProps {
     placement: 'left' | 'center' | 'right';
     dataList: any[];

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

@@ -58,34 +58,27 @@ const U = ({
       onDragStart: y,
       onDragEnd: D,
       onDragCancel: () => f(-1),
-      children: /* @__PURE__ */ s.jsx(
-        N,
-        {
-          items: d,
-          strategy: O,
-          children: /* @__PURE__ */ s.jsxs(F, { vertical: !0, className: "sortList", children: [
-            x.map((e) => /* @__PURE__ */ s.jsx(
-              u,
-              {
-                item: e,
-                placement: g,
-                onLeftClick: h,
-                onRightClick: p,
-                onCheckboxChange: b
-              },
-              e.key
-            )),
-            /* @__PURE__ */ s.jsx(K, { children: i !== -1 && /* @__PURE__ */ s.jsx(
-              u,
-              {
-                item: x[i],
-                isDragOverlay: !0
-              },
-              x[i].key
-            ) })
-          ] })
-        }
-      )
+      children: /* @__PURE__ */ s.jsx(N, { items: d, strategy: O, children: /* @__PURE__ */ s.jsxs(F, { vertical: !0, className: "sortList", children: [
+        x.map((e) => /* @__PURE__ */ s.jsx(
+          u,
+          {
+            item: e,
+            placement: g,
+            onLeftClick: h,
+            onRightClick: p,
+            onCheckboxChange: b
+          },
+          e.key
+        )),
+        /* @__PURE__ */ s.jsx(K, { children: i !== -1 && /* @__PURE__ */ s.jsx(
+          u,
+          {
+            item: x[i],
+            isDragOverlay: !0
+          },
+          x[i].key
+        ) })
+      ] }) })
     }
   );
 };

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

@@ -34,7 +34,12 @@ const Re = ye(
     }, []);
     const W = k(() => ((o, t) => o.map((s) => {
       var _;
-      const { key: n, dataIndex: r, children: l, ...C } = s, y = be(s, [t == null ? void 0 : t.columnKey, C.index].join("-")), u = i[y || "null"] || { show: !0 };
+      const { key: n, dataIndex: r, children: l, ...C } = s, y = be(
+        s,
+        [t == null ? void 0 : t.columnKey, C.index].join("-")
+      ), u = i[y || "null"] || {
+        show: !0
+      };
       return {
         key: y,
         ...Ee(C, ["className"]),

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

@@ -1,5 +1,5 @@
-import { ExportFieldsConfigProps } from "@/components/BitzTable/Store";
-import { FC } from "react";
+import { ExportFieldsConfigProps } from '@/components/BitzTable/Store';
+import { FC } from 'react';
 interface DndListProps {
     dataList: ExportFieldsConfigProps[];
     keys: any[];

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

@@ -3,12 +3,7 @@ import { DndContext as j, closestCenter as u, DragOverlay as h } from "../../../
 import { SortableContext as v, rectSortingStrategy as y, arrayMove as l } from "../../../../../node_modules/.store/@dnd-kit_sortable@7.0.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
 import { useState as C } from "react";
 import m from "./DndItem.mjs";
-const E = ({
-  dataList: r,
-  keys: a,
-  onChange: x,
-  onMoveEnd: d
-}) => {
+const E = ({ dataList: r, keys: a, onChange: x, onMoveEnd: d }) => {
   const [s, c] = C(-1), f = (t) => {
     const { active: e } = t;
     e && c(e.data.current.sortable.index);
@@ -32,24 +27,24 @@ const E = ({
       onDragStart: f,
       onDragEnd: D,
       onDragCancel: () => c(-1),
-      children: /* @__PURE__ */ o.jsx(
-        v,
-        {
-          items: a,
-          strategy: y,
-          children: /* @__PURE__ */ o.jsxs("div", { className: "sortList", children: [
-            r.map((t) => /* @__PURE__ */ o.jsx(m, { item: t, onCheckboxChange: p }, t.field)),
-            /* @__PURE__ */ o.jsx(h, { children: s !== -1 && /* @__PURE__ */ o.jsx(
-              m,
-              {
-                item: r[s],
-                isDragOverlay: !0
-              },
-              r[s].field
-            ) })
-          ] })
-        }
-      )
+      children: /* @__PURE__ */ o.jsx(v, { items: a, strategy: y, children: /* @__PURE__ */ o.jsxs("div", { className: "sortList", children: [
+        r.map((t) => /* @__PURE__ */ o.jsx(
+          m,
+          {
+            item: t,
+            onCheckboxChange: p
+          },
+          t.field
+        )),
+        /* @__PURE__ */ o.jsx(h, { children: s !== -1 && /* @__PURE__ */ o.jsx(
+          m,
+          {
+            item: r[s],
+            isDragOverlay: !0
+          },
+          r[s].field
+        ) })
+      ] }) })
     }
   );
 };

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

@@ -11,6 +11,6 @@ interface ExportConfigComponentProps<T extends boolean> {
     showSelectRadio: T;
     refInstance: Ref<ExportConfigImperativeProps<BooleanConvertType<T>>>;
 }
-declare function ExportConfig<T extends boolean>({ display, showSelectRadio, parentHeight, refInstance }: ExportConfigComponentProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function ExportConfig<T extends boolean>({ display, showSelectRadio, parentHeight, refInstance, }: ExportConfigComponentProps<T>): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof ExportConfig>;
 export default _default;

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

@@ -28,7 +28,9 @@ function R({
   }), [r]), T = h(() => typeof g == "number" && (t != null && t.height) ? g - (t == null ? void 0 : t.height) - 20 : "auto", [g, t == null ? void 0 : t.height]), l = F(A).exportConfig, x = F(A).selected, [i, w] = f([]), [a, u] = f([]), [m, b] = f("current"), [k, E] = f("page"), [j, S] = f(1);
   H(() => {
     var e, s;
-    u(l.fields), w(l.fields.map((p) => p.field)), b(d && x ? "selectedRows" : l.config.key), E(((e = l.config.info) == null ? void 0 : e.type) ?? "page"), S(((s = l.config.info) == null ? void 0 : s.value) ?? 1);
+    u(l.fields), w(l.fields.map((p) => p.field)), b(
+      d && x ? "selectedRows" : l.config.key
+    ), E(((e = l.config.info) == null ? void 0 : e.type) ?? "page"), S(((s = l.config.info) == null ? void 0 : s.value) ?? 1);
   }, [l, d, x]);
   const o = h(() => a.filter((e) => e.show).map((e) => e.field), [a]), B = h(() => i.length === o.length, [i, o]), V = h(() => o.length > 0 && o.length < i.length, [o, i]), z = ({ target: e }) => {
     u(a.map((s) => ({ ...s, show: e.checked })));
@@ -83,38 +85,46 @@ function R({
             }
           )
         ] }) }),
-        /* @__PURE__ */ n.jsx(C.Item, { label: "导出设置", className: "exportTotal", children: /* @__PURE__ */ n.jsx(c.Group, { ref: v, value: m, onChange: ({ target: e }) => b(e.value), children: /* @__PURE__ */ n.jsxs(y, { vertical: !0, gap: 8, align: "flex-start", children: [
-          d && x && /* @__PURE__ */ n.jsx(c, { value: "selectedRows", children: /* @__PURE__ */ n.jsx("span", { style: { whiteSpace: "nowrap" }, children: "导出选中数据" }) }),
-          /* @__PURE__ */ n.jsx(c, { value: "current", children: /* @__PURE__ */ n.jsx("span", { style: { whiteSpace: "nowrap" }, children: "仅导出当前页" }) }),
-          /* @__PURE__ */ n.jsx(c, { value: "any", children: /* @__PURE__ */ n.jsxs(y, { align: "center", gap: 8, children: [
-            /* @__PURE__ */ n.jsx("span", { style: { whiteSpace: "nowrap" }, children: "导出" }),
-            /* @__PURE__ */ n.jsx(
-              P,
-              {
-                controls: !1,
-                min: 1,
-                value: j,
-                onChange: (e) => S(e),
-                style: { width: 120 },
-                addonAfter: /* @__PURE__ */ n.jsx(
-                  G,
+        /* @__PURE__ */ n.jsx(C.Item, { label: "导出设置", className: "exportTotal", children: /* @__PURE__ */ n.jsx(
+          c.Group,
+          {
+            ref: v,
+            value: m,
+            onChange: ({ target: e }) => b(e.value),
+            children: /* @__PURE__ */ n.jsxs(y, { vertical: !0, gap: 8, align: "flex-start", children: [
+              d && x && /* @__PURE__ */ n.jsx(c, { value: "selectedRows", children: /* @__PURE__ */ n.jsx("span", { style: { whiteSpace: "nowrap" }, children: "导出选中数据" }) }),
+              /* @__PURE__ */ n.jsx(c, { value: "current", children: /* @__PURE__ */ n.jsx("span", { style: { whiteSpace: "nowrap" }, children: "仅导出当前页" }) }),
+              /* @__PURE__ */ n.jsx(c, { value: "any", children: /* @__PURE__ */ n.jsxs(y, { align: "center", gap: 8, children: [
+                /* @__PURE__ */ n.jsx("span", { style: { whiteSpace: "nowrap" }, children: "导出" }),
+                /* @__PURE__ */ n.jsx(
+                  P,
                   {
-                    value: k,
-                    onChange: E,
-                    options: [
-                      { label: "页", value: "page" },
-                      { label: "条", value: "pieces" }
-                    ],
-                    onClick: (e) => e.preventDefault(),
-                    getPopupContainer: (e) => L(e, "containerBody")
+                    controls: !1,
+                    min: 1,
+                    value: j,
+                    onChange: (e) => S(e),
+                    style: { width: 120 },
+                    addonAfter: /* @__PURE__ */ n.jsx(
+                      G,
+                      {
+                        value: k,
+                        onChange: E,
+                        options: [
+                          { label: "页", value: "page" },
+                          { label: "条", value: "pieces" }
+                        ],
+                        onClick: (e) => e.preventDefault(),
+                        getPopupContainer: (e) => L(e, "containerBody")
+                      }
+                    )
                   }
-                )
-              }
-            ),
-            /* @__PURE__ */ n.jsx("span", { style: { whiteSpace: "nowrap" }, children: "数据" })
-          ] }) }),
-          /* @__PURE__ */ n.jsx(c, { value: "all", children: /* @__PURE__ */ n.jsx("span", { style: { whiteSpace: "nowrap" }, children: "导出全部数据" }) })
-        ] }) }) })
+                ),
+                /* @__PURE__ */ n.jsx("span", { style: { whiteSpace: "nowrap" }, children: "数据" })
+              ] }) }),
+              /* @__PURE__ */ n.jsx(c, { value: "all", children: /* @__PURE__ */ n.jsx("span", { style: { whiteSpace: "nowrap" }, children: "导出全部数据" }) })
+            ] })
+          }
+        ) })
       ]
     }
   );

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

@@ -43,139 +43,131 @@ import l from "./RadioCard.mjs";
 const Z = ({ defaultSize: s, items: a }) => a.map((e) => e.key === s ? {
   ...e,
   label: `${e.label}(默认)`
-} : e), q = J(
-  ({ display: s }, a) => {
-    var x, b, f;
-    const { token: e } = $.useToken(), j = K(() => ({
-      width: "100%",
-      ...{ display: s ? "flex" : "none" }
-    }), [s]), z = {
-      size: 26,
-      color: e.colorPrimary
-    }, [c] = t.useForm(), g = (x = u(W).Table) == null ? void 0 : x.stylesScope, { defaultTableSize: P, stylesConfig: I } = u(E), r = (b = u(Y).config) == null ? void 0 : b.stylesConfig, p = (i, m) => {
-      var y, h;
-      let n = m;
-      return (y = r == null ? void 0 : r[i]) != null && y.disabled && (n = D(m, "disabledControl")), {
-        disabled: (h = r == null ? void 0 : r[i]) == null ? void 0 : h.disabled,
-        className: n
-      };
+} : e), q = J(({ display: s }, a) => {
+  var x, b, f;
+  const { token: e } = $.useToken(), j = K(() => ({
+    width: "100%",
+    ...{ display: s ? "flex" : "none" }
+  }), [s]), z = {
+    size: 26,
+    color: e.colorPrimary
+  }, [c] = t.useForm(), g = (x = u(W).Table) == null ? void 0 : x.stylesScope, { defaultTableSize: P, stylesConfig: I } = u(E), r = (b = u(Y).config) == null ? void 0 : b.stylesConfig, p = (i, m) => {
+    var y, h;
+    let n = m;
+    return (y = r == null ? void 0 : r[i]) != null && y.disabled && (n = D(m, "disabledControl")), {
+      disabled: (h = r == null ? void 0 : r[i]) == null ? void 0 : h.disabled,
+      className: n
     };
-    L(() => {
-      c.setFieldsValue({
-        ...I,
-        stylesScope: g === "global"
-      });
-    }, []);
-    const v = Z({
-      defaultSize: P,
-      items: [
-        {
-          key: "xs",
-          label: "特紧凑",
-          icon: w
-        },
-        {
-          key: "sm",
-          label: "紧凑",
-          icon: S
-        },
-        {
-          key: "md",
-          label: "中等",
-          icon: k
-        },
-        {
-          key: "lg",
-          label: "宽松",
-          icon: H
-        },
-        {
-          key: "xl",
-          label: "特宽松",
-          icon: C
-        }
-      ]
+  };
+  L(() => {
+    c.setFieldsValue({
+      ...I,
+      stylesScope: g === "global"
     });
-    return M(a, () => ({
-      getFormInstance: () => c
-    })), /* @__PURE__ */ o.jsxs(
-      t,
+  }, []);
+  const v = Z({
+    defaultSize: P,
+    items: [
+      {
+        key: "xs",
+        label: "特紧凑",
+        icon: w
+      },
+      {
+        key: "sm",
+        label: "紧凑",
+        icon: S
+      },
+      {
+        key: "md",
+        label: "中等",
+        icon: k
+      },
+      {
+        key: "lg",
+        label: "宽松",
+        icon: H
+      },
       {
-        form: c,
-        style: j,
-        labelCol: { span: 3 },
-        labelAlign: "left",
-        colon: !1,
-        className: "stylesConfigFormContent",
-        children: [
-          /* @__PURE__ */ o.jsx(t.Item, { label: "行高", name: "size", children: /* @__PURE__ */ o.jsx(d.Group, { ...p("size", "sizeRadioGroup"), children: v.map(({ key: i, label: m, icon: n }) => /* @__PURE__ */ o.jsx(l, { label: m, value: i, children: /* @__PURE__ */ o.jsx(n, { ...z }) }, i)) }) }),
-          /* @__PURE__ */ o.jsx(t.Item, { label: "分割线", name: "bordered", children: /* @__PURE__ */ o.jsxs(
-            d.Group,
+        key: "xl",
+        label: "特宽松",
+        icon: C
+      }
+    ]
+  });
+  return M(a, () => ({
+    getFormInstance: () => c
+  })), /* @__PURE__ */ o.jsxs(
+    t,
+    {
+      form: c,
+      style: j,
+      labelCol: { span: 3 },
+      labelAlign: "left",
+      colon: !1,
+      className: "stylesConfigFormContent",
+      children: [
+        /* @__PURE__ */ o.jsx(t.Item, { label: "行高", name: "size", children: /* @__PURE__ */ o.jsx(d.Group, { ...p("size", "sizeRadioGroup"), children: v.map(({ key: i, label: m, icon: n }) => /* @__PURE__ */ o.jsx(l, { label: m, value: i, children: /* @__PURE__ */ o.jsx(n, { ...z }) }, i)) }) }),
+        /* @__PURE__ */ o.jsx(t.Item, { label: "分割线", name: "bordered", children: /* @__PURE__ */ o.jsxs(d.Group, { ...p("bordered", "splitBorderRadioGroup"), children: [
+          /* @__PURE__ */ o.jsx(l, { label: "无分割线", value: "hide", children: /* @__PURE__ */ o.jsx(T, { size: 26, color: e.colorPrimaryHover }) }),
+          /* @__PURE__ */ o.jsx(l, { label: "行分割线", value: "row", children: /* @__PURE__ */ o.jsx(
+            B,
             {
-              ...p("bordered", "splitBorderRadioGroup"),
-              children: [
-                /* @__PURE__ */ o.jsx(l, { label: "无分割线", value: "hide", children: /* @__PURE__ */ o.jsx(T, { size: 26, color: e.colorPrimaryHover }) }),
-                /* @__PURE__ */ o.jsx(l, { label: "行分割线", value: "row", children: /* @__PURE__ */ o.jsx(
-                  B,
-                  {
-                    size: 26,
-                    color: [
-                      e.colorPrimaryHover,
-                      e.colorPrimary,
-                      e.colorPrimary,
-                      e.colorPrimaryHover
-                    ]
-                  }
-                ) }),
-                /* @__PURE__ */ o.jsx(l, { label: "列分割线", value: "column", children: /* @__PURE__ */ o.jsx(
-                  G,
-                  {
-                    size: 26,
-                    color: [
-                      e.colorPrimaryHover,
-                      e.colorPrimary,
-                      e.colorPrimary,
-                      e.colorPrimaryHover
-                    ]
-                  }
-                ) }),
-                /* @__PURE__ */ o.jsx(l, { label: "行列分割线", value: "row-column", children: /* @__PURE__ */ o.jsx(
-                  R,
-                  {
-                    size: 26,
-                    color: [
-                      e.colorPrimaryHover,
-                      e.colorPrimary,
-                      e.colorPrimary,
-                      e.colorPrimaryHover
-                    ]
-                  }
-                ) })
+              size: 26,
+              color: [
+                e.colorPrimaryHover,
+                e.colorPrimary,
+                e.colorPrimary,
+                e.colorPrimaryHover
               ]
             }
           ) }),
-          /* @__PURE__ */ o.jsx(t.Item, { label: "斑马纹", name: "zebra", children: /* @__PURE__ */ o.jsxs(d.Group, { ...p("zebra", "zebraRadioGroup"), children: [
-            /* @__PURE__ */ o.jsx(l, { label: "有斑马纹", value: !0, children: /* @__PURE__ */ o.jsx(
-              F,
-              {
-                size: 26,
-                color: [e.colorPrimaryHover, e.colorPrimary]
-              }
-            ) }),
-            /* @__PURE__ */ o.jsx(l, { label: "无斑马纹", value: !1, children: /* @__PURE__ */ o.jsx(
-              N,
-              {
-                size: 26,
-                color: e.colorPrimaryHover
-              }
-            ) })
-          ] }) }),
-          /* @__PURE__ */ o.jsx(t.Item, { name: "stylesScope", valuePropName: "checked", className: "scope", children: /* @__PURE__ */ o.jsx(A, { disabled: (f = r == null ? void 0 : r.stylesScope) == null ? void 0 : f.disabled, children: "应用到全局表格" }) })
-        ]
-      }
-    );
-  }
-), $o = V(q);
+          /* @__PURE__ */ o.jsx(l, { label: "列分割线", value: "column", children: /* @__PURE__ */ o.jsx(
+            G,
+            {
+              size: 26,
+              color: [
+                e.colorPrimaryHover,
+                e.colorPrimary,
+                e.colorPrimary,
+                e.colorPrimaryHover
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ o.jsx(l, { label: "行列分割线", value: "row-column", children: /* @__PURE__ */ o.jsx(
+            R,
+            {
+              size: 26,
+              color: [
+                e.colorPrimaryHover,
+                e.colorPrimary,
+                e.colorPrimary,
+                e.colorPrimaryHover
+              ]
+            }
+          ) })
+        ] }) }),
+        /* @__PURE__ */ o.jsx(t.Item, { label: "斑马纹", name: "zebra", children: /* @__PURE__ */ o.jsxs(d.Group, { ...p("zebra", "zebraRadioGroup"), children: [
+          /* @__PURE__ */ o.jsx(l, { label: "有斑马纹", value: !0, children: /* @__PURE__ */ o.jsx(
+            F,
+            {
+              size: 26,
+              color: [e.colorPrimaryHover, e.colorPrimary]
+            }
+          ) }),
+          /* @__PURE__ */ o.jsx(l, { label: "无斑马纹", value: !1, children: /* @__PURE__ */ o.jsx(
+            N,
+            {
+              size: 26,
+              color: e.colorPrimaryHover
+            }
+          ) })
+        ] }) }),
+        /* @__PURE__ */ o.jsx(t.Item, { name: "stylesScope", valuePropName: "checked", className: "scope", children: /* @__PURE__ */ o.jsx(A, { disabled: (f = r == null ? void 0 : r.stylesScope) == null ? void 0 : f.disabled, children: "应用到全局表格" }) })
+      ]
+    }
+  );
+}), $o = V(q);
 export {
   $o as default
 };

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

@@ -56,11 +56,15 @@ const m = (o) => i`
           --dragIcon-width: calc(16px + ${r(o.fontSize + 4)});
           /* 16px是.operation的padding-inline-end加上margin-left */
           --operation-width: calc(${r(o.fontSize + 4)} * 2 + 16px);
-          grid-template-columns: var(--dragIcon-width) calc(100% - var(--dragIcon-width));
+          grid-template-columns: var(--dragIcon-width) calc(
+              100% - var(--dragIcon-width)
+            );
           border-radius: ${r(o.borderRadius)};
 
           &.showSortItemOperat {
-            grid-template-columns: var(--dragIcon-width) calc(100% - var(--dragIcon-width) - var(--operation-width)) var(--operation-width);
+            grid-template-columns: var(--dragIcon-width) calc(
+                100% - var(--dragIcon-width) - var(--operation-width)
+              ) var(--operation-width);
           }
 
           &:hover {