bitz-react-admin-ui 2.7.9 → 2.7.11

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

@@ -1,53 +1,27 @@
 import { j as o } from "../../../../../node_modules/react/jsx-runtime.mjs";
-import { DndContext as j, closestCenter as u, DragOverlay as h } from "../../../../../node_modules/@dnd-kit/core/dist/core.esm.mjs";
-import { SortableContext as v, rectSortingStrategy as y, arrayMove as l } from "../../../../../node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
-import { useState as C } from "react";
+import { DndContext as p, closestCenter as j, DragOverlay as u } from "../../../../../node_modules/@dnd-kit/core/dist/core.esm.mjs";
+import { SortableContext as C, rectSortingStrategy as v, arrayMove as l } from "../../../../../node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
+import { useState as y } from "react";
 import m from "./DndItem.mjs";
-const E = ({ dataList: r, keys: a, onChange: x, onMoveEnd: d }) => {
-  const [s, c] = C(-1), f = (t) => {
+const N = ({ dataList: n, keys: a, onChange: x, onMoveEnd: d }) => {
+  const [s, c] = y(-1), f = (t) => {
     const { active: e } = t;
     e && c(e.data.current.sortable.index);
-  }, D = (t) => {
+  }, g = (t) => {
     const { over: e } = t;
     if (e) {
-      const n = e.data.current.sortable.index;
-      s !== n && (g(s, n), c(-1));
+      const r = e.data.current.sortable.index;
+      s !== r && (D(s, r), c(-1));
     }
-  }, g = (t, e) => {
-    const n = l(a, t, e), i = l(r, t, e);
-    d(i, n);
-  }, p = (t, e) => {
-    const n = r.findIndex((S) => S.field === t), i = JSON.parse(JSON.stringify(r));
-    i[n].show = e, x(i);
+  }, D = (t, e) => {
+    const r = l(a, t, e), i = l(n, t, e);
+    d(i, r);
+  }, S = (t, e) => {
+    const r = n.findIndex((h) => h.field === t), i = JSON.parse(JSON.stringify(n));
+    i[r].show = e, x(i);
   };
-  return /* @__PURE__ */ o.jsx(
-    j,
-    {
-      collisionDetection: u,
-      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
-        ) })
-      ] }) })
-    }
-  );
+  return o.jsx(p, { collisionDetection: j, onDragStart: f, onDragEnd: g, onDragCancel: () => c(-1), children: o.jsx(C, { items: a, strategy: v, children: o.jsxs("div", { className: "sortList", children: [n.map((t) => o.jsx(m, { item: t, onCheckboxChange: S }, t.field)), o.jsx(u, { children: s !== -1 && o.jsx(m, { item: n[s], isDragOverlay: !0 }, n[s].field) })] }) }) });
 };
 export {
-  E as default
+  N as default
 };

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

@@ -1,26 +1,21 @@
-import { j as t } from "../../../../../node_modules/react/jsx-runtime.mjs";
+import { j as n } from "../../../../../node_modules/react/jsx-runtime.mjs";
 import { BitzTableContext as Q } from "../../../Store/index.mjs";
 import U from "../../../../BitzTheme/index.mjs";
 import { findParentFirstNodeByClass as W } from "../../../../../utils/findNode.mjs";
 import { css as X } from "../../../../../node_modules/@emotion/css/dist/emotion-css.esm.mjs";
-import { Form as T, Flex as C, Checkbox as Y, Button as Z, Radio as u, InputNumber as H, Select as ee } from "antd";
-import { memo as te, useRef as I, useEffect as K, useMemo as p, useContext as ne, useState as h, useImperativeHandle as oe } from "react";
+import { Form as k, Flex as C, Checkbox as Y, Button as Z, Radio as d, InputNumber as H, Select as ee } from "antd";
+import { memo as ne, useRef as D, useEffect as I, useMemo as p, useContext as te, useState as h, useImperativeHandle as oe } from "react";
 import le from "./DndList.mjs";
 import se from "../../../../../node_modules/lodash-es/merge.mjs";
 import re from "../../../../../node_modules/@ant-design/icons/es/icons/RedoOutlined.mjs";
-function ae({
-  display: s,
-  postHeight: r,
-  showSelectRadio: j = !1,
-  refInstance: M
-}) {
-  const { token: O } = U.useToken();
-  I(null);
-  const m = I(null);
-  K(() => {
+function ie({ display: s, postHeight: r, showSelectRadio: j = !1, refInstance: M }) {
+  const { token: K } = U.useToken();
+  D(null);
+  const m = D(null);
+  I(() => {
     m.current && (r == null || r(m.current.clientHeight));
   }, [m.current]);
-  const P = p(() => ({
+  const O = p(() => ({
     // display: display ? 'flex' : 'none'
     width: s ? "100%" : 0,
     pointerEvents: s ? "auto" : "none",
@@ -31,154 +26,62 @@ function ae({
       left: 0,
       right: 0
     }
-  }), [s]), a = ne(Q), N = a.defaultTableExportConfig, y = a.exportConfigHardCodedValue, v = a.exportConfig, w = a.selected, n = a.pagination, i = a.total, [c, A] = h([]), [f, d] = h([]), [k, b] = h("current"), [x, R] = h("page"), [E, S] = h(1);
-  K(() => {
-    var V, z, B, F;
+  }), [s]), i = te(Q), b = i.defaultTableExportConfig, y = i.exportConfigHardCodedValue, v = i.exportConfig, w = i.selected, t = i.pagination, a = i.total, [c, A] = h([]), [u, f] = h([]), [E, F] = h("current"), [x, T] = h("page"), [B, N] = h(1);
+  I(() => {
+    var R, S, V, z;
     let e = { ...v };
-    y && (e = se(v, y)), d(e.fields), A(e.fields.map((J) => J.field));
+    y && (e = se(v, y)), f(e.fields), A(e.fields.map((J) => J.field));
     let g = j && w ? "selectedRows" : e.config.key;
-    b(g), R(((z = (V = e.config) == null ? void 0 : V.info) == null ? void 0 : z.type) ?? "page"), S(((F = (B = e.config) == null ? void 0 : B.info) == null ? void 0 : F.value) ?? 1);
+    F(g), T(((S = (R = e.config) == null ? void 0 : R.info) == null ? void 0 : S.type) ?? "page"), N(((z = (V = e.config) == null ? void 0 : V.info) == null ? void 0 : z.value) ?? 1);
   }, [v, y, j, w]);
-  const l = p(() => f.filter((e) => e.show).map((e) => e.field), [f]), D = p(() => c.length === l.length, [c, l]), L = p(() => l.length > 0 && l.length < c.length, [l, c]), _ = ({ target: e }) => {
-    d(f.map((o) => ({ ...o, show: e.checked })));
+  const l = p(() => u.filter((e) => e.show).map((e) => e.field), [u]), P = p(() => c.length === l.length, [c, l]), L = p(() => l.length > 0 && l.length < c.length, [l, c]), _ = ({ target: e }) => {
+    f(u.map((o) => ({ ...o, show: e.checked })));
   }, $ = (e, o) => {
-    d(e), A(o);
+    f(e), A(o);
   }, G = p(() => {
     if (x === "page") {
-      if (i && (n != null && n.size)) {
-        let e = Math.floor(i / (n == null ? void 0 : n.size));
-        return i % (n == null ? void 0 : n.size) && e++, e;
+      if (a && (t != null && t.size)) {
+        let e = Math.floor(a / (t == null ? void 0 : t.size));
+        return a % (t == null ? void 0 : t.size) && e++, e;
       }
       return 1;
     }
-    return i;
-  }, [x, n, i]), q = () => {
-    d(N.fields), b(N.config.key);
+    return a;
+  }, [x, t, a]), q = () => {
+    f(b.fields), F(b.config.key);
   };
   return oe(M, () => ({
     getExportConfig: () => {
       const e = {
         fields: [],
         config: {
-          key: k,
+          key: E,
           info: void 0
         }
       };
-      return f.forEach((o) => {
+      return u.forEach((o) => {
         let g = !1;
         l.includes(o.field) && (g = !0), e.fields.push({ ...o, show: g });
-      }), k === "any" && (e.config.info = {
+      }), E === "any" && (e.config.info = {
         type: x,
-        value: (E || 0) < 1 ? 1 : E || 1
+        value: (B || 0) < 1 ? 1 : B || 1
       }), { ...e };
     },
     hasOne: () => l.length > 0
-  })), /* @__PURE__ */ t.jsx("div", { ref: m, style: P, children: /* @__PURE__ */ t.jsxs(
-    T,
-    {
-      style: { width: "100%" },
-      labelCol: { span: 3 },
-      labelAlign: "left",
-      colon: !1,
-      className: "exportConfigFormContent",
-      ...r && {
-        style: { paddingTop: 16 }
-      },
-      children: [
-        /* @__PURE__ */ t.jsx(T.Item, { label: "导出字段", className: "exportFields", children: /* @__PURE__ */ t.jsxs(C, { gap: 8, vertical: !0, children: [
-          /* @__PURE__ */ t.jsxs(C, { gap: 20, className: "checkAllAndReset", children: [
-            /* @__PURE__ */ t.jsx(
-              Y,
-              {
-                checked: D,
-                indeterminate: L,
-                onChange: _,
-                style: { alignSelf: "flex-start" },
-                children: /* @__PURE__ */ t.jsx("span", { style: { whiteSpace: "nowrap" }, children: "全选" })
-              }
-            ),
-            r && /* @__PURE__ */ t.jsx(
-              Z,
-              {
-                type: "link",
-                icon: /* @__PURE__ */ t.jsx(re, {}),
-                size: "small",
-                onClick: q,
-                className: X`
+  })), n.jsx("div", { ref: m, style: O, children: n.jsxs(k, { style: { width: "100%" }, labelCol: { span: 3 }, labelAlign: "left", colon: !1, className: "exportConfigFormContent", ...r && {
+    style: { paddingTop: 16 }
+  }, children: [n.jsx(k.Item, { label: "导出字段", className: "exportFields", children: n.jsxs(C, { gap: 8, vertical: !0, children: [n.jsxs(C, { gap: 20, className: "checkAllAndReset", children: [n.jsx(Y, { checked: P, indeterminate: L, onChange: _, style: { alignSelf: "flex-start" }, children: n.jsx("span", { style: { whiteSpace: "nowrap" }, children: "全选" }) }), r && n.jsx(Z, { type: "link", icon: n.jsx(re, {}), size: "small", onClick: q, className: X`
                     &:hover {
-                      color: ${O.colorPrimary} !important;
+                      color: ${K.colorPrimary} !important;
                     }
-                  `,
-                children: /* @__PURE__ */ t.jsx("span", { style: { whiteSpace: "nowrap" }, children: "重置" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ t.jsx(
-            le,
-            {
-              dataList: f,
-              keys: c,
-              onChange: d,
-              onMoveEnd: $
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ t.jsx(
-          T.Item,
-          {
-            label: "导出设置",
-            className: "exportTotal",
-            ...r && {
-              style: { paddingBottom: 8 }
-            },
-            children: /* @__PURE__ */ t.jsx(
-              u.Group,
-              {
-                value: k,
-                onChange: ({ target: e }) => b(e.value),
-                children: /* @__PURE__ */ t.jsxs(C, { vertical: !0, gap: 8, align: "flex-start", children: [
-                  j && w && /* @__PURE__ */ t.jsx(u, { value: "selectedRows", children: "导出选中数据" }),
-                  /* @__PURE__ */ t.jsx(u, { value: "current", children: "仅导出当前页" }),
-                  /* @__PURE__ */ t.jsx(u, { value: "any", children: /* @__PURE__ */ t.jsxs(C, { align: "center", gap: 8, children: [
-                    /* @__PURE__ */ t.jsx("span", { style: { whiteSpace: "nowrap" }, children: "导出" }),
-                    /* @__PURE__ */ t.jsx(
-                      H,
-                      {
-                        controls: !1,
-                        precision: 0,
-                        min: 1,
-                        max: G,
-                        value: E,
-                        onChange: (e) => S(e),
-                        style: { width: 120 },
-                        addonAfter: /* @__PURE__ */ t.jsx(
-                          ee,
-                          {
-                            value: x,
-                            onChange: R,
-                            options: [
-                              { label: "页", value: "page" },
-                              { label: "条", value: "pieces" }
-                            ],
-                            onClick: (e) => e.preventDefault(),
-                            getPopupContainer: (e) => W(e, "containerBody")
-                          }
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ t.jsx("span", { style: { whiteSpace: "nowrap" }, children: "数据" })
-                  ] }) }),
-                  /* @__PURE__ */ t.jsx(u, { value: "all", children: "导出全部数据" })
-                ] })
-              }
-            )
-          }
-        )
-      ]
-    }
-  ) });
+                  `, children: n.jsx("span", { style: { whiteSpace: "nowrap" }, children: "重置" }) })] }), n.jsx(le, { dataList: u, keys: c, onChange: f, onMoveEnd: $ })] }) }), n.jsx(k.Item, { label: "导出设置", className: "exportTotal", ...r && {
+    style: { paddingBottom: 8 }
+  }, children: n.jsx(d.Group, { value: E, onChange: ({ target: e }) => F(e.value), children: n.jsxs(C, { vertical: !0, gap: 8, align: "flex-start", children: [j && w && n.jsx(d, { value: "selectedRows", children: "导出选中数据" }), n.jsx(d, { value: "current", children: "仅导出当前页" }), n.jsx(d, { value: "any", children: n.jsxs(C, { align: "center", gap: 8, children: [n.jsx("span", { style: { whiteSpace: "nowrap" }, children: "导出" }), n.jsx(H, { controls: !1, precision: 0, min: 1, max: G, value: B, onChange: (e) => N(e), style: { width: 120 }, addonAfter: n.jsx(ee, { value: x, onChange: T, options: [
+    { label: "页", value: "page" },
+    { label: "条", value: "pieces" }
+  ], onClick: (e) => e.preventDefault(), getPopupContainer: (e) => W(e, "containerBody") }) }), n.jsx("span", { style: { whiteSpace: "nowrap" }, children: "数据" })] }) }), n.jsx(d, { value: "all", children: "导出全部数据" })] }) }) })] }) });
 }
-const Ce = te(ae);
+const Ce = ne(ie);
 export {
   Ce as default
 };

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

@@ -1,13 +1,6 @@
 import { j as r } from "../../../../../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/ScopeSwitch.mjs

@@ -1,22 +1,9 @@
 import { j as e } from "../../../../../node_modules/react/jsx-runtime.mjs";
-import { Flex as l, Switch as i } from "antd";
-import { useId as n } from "react";
-const s = "stylesScope", h = ({ value: t, disabled: o, onChange: c }) => {
-  const r = n();
-  return /* @__PURE__ */ e.jsxs(l, { align: "center", gap: 10, children: [
-    /* @__PURE__ */ e.jsx("label", { htmlFor: `${s}${r}`, className: "stylesScopeLabel", children: "应用到全局表格" }),
-    /* @__PURE__ */ e.jsx(
-      i,
-      {
-        id: `${s}${r}`,
-        value: t,
-        onChange: c,
-        disabled: o,
-        checkedChildren: "是",
-        unCheckedChildren: "否"
-      }
-    )
-  ] });
+import { Flex as c, Switch as u } from "antd";
+import { useId as i } from "react";
+const r = "stylesScope", h = ({ value: o, disabled: t, onChange: l }) => {
+  const s = i();
+  return e.jsxs(c, { align: "center", gap: 10, children: [e.jsx("label", { htmlFor: `${r}${s}`, className: "stylesScopeLabel", children: "应用到全局表格" }), e.jsx(u, { id: `${r}${s}`, value: o, onChange: l, disabled: t, checkedChildren: "是", unCheckedChildren: "否" })] });
 };
 export {
   h as default

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

@@ -1,36 +1,36 @@
 import { j as e } from "../../../../../node_modules/react/jsx-runtime.mjs";
-import G from "../../../../../assets/iconfont/IconKuansongde.mjs";
-import N from "../../../../../assets/iconfont/IconTekuansong.mjs";
-import W from "../../../../../assets/iconfont/IconJincoude.mjs";
-import E from "../../../../../assets/iconfont/IconZhongdengde.mjs";
-import A from "../../../../../assets/iconfont/IconTejincou.mjs";
-import V from "../../../../../assets/iconfont/IconWufengexian.mjs";
-import $ from "../../../../../assets/iconfont/IconHangliefengexian.mjs";
-import D from "../../../../../assets/iconfont/IconHangfengexian.mjs";
+import T from "../../../../../assets/iconfont/IconKuansongde.mjs";
+import A from "../../../../../assets/iconfont/IconTekuansong.mjs";
+import G from "../../../../../assets/iconfont/IconJincoude.mjs";
+import N from "../../../../../assets/iconfont/IconZhongdengde.mjs";
+import W from "../../../../../assets/iconfont/IconTejincou.mjs";
+import D from "../../../../../assets/iconfont/IconWufengexian.mjs";
+import V from "../../../../../assets/iconfont/IconHangliefengexian.mjs";
+import $ from "../../../../../assets/iconfont/IconHangfengexian.mjs";
 import J from "../../../../../assets/iconfont/IconLiefengexian.mjs";
 import K from "../../../../../assets/iconfont/IconYoubanmawentianchong.mjs";
 import L from "../../../../../assets/iconfont/IconWubanmawentianchong.mjs";
 import { BitzConfigContext as M } from "../../../../BitzConfigProvider/context.mjs";
 import { BitzTableContext as O } from "../../../Store/index.mjs";
 import Y from "../../../../BitzTheme/index.mjs";
-import { Form as n, Radio as p, Row as Z, Col as P, Button as q } from "antd";
+import { Form as n, Radio as p, Row as Z, Col as I, Button as q } from "antd";
 import Q from "../../../../../node_modules/classnames/index.mjs";
-import { forwardRef as U, useRef as v, useEffect as x, useMemo as X, useContext as h, useImperativeHandle as _, useState as ee, memo as oe } from "react";
+import { forwardRef as U, useRef as P, useEffect as x, useMemo as X, useContext as h, useImperativeHandle as _, useState as ee, memo as oe } from "react";
 import { BitzToolBarContext as re } from "../../Wrapper/context.mjs";
 import s from "./RadioCard.mjs";
 import le from "./ScopeSwitch.mjs";
 import se from "../../../../../node_modules/@ant-design/icons/es/icons/RedoOutlined.mjs";
-const te = ({ defaultSize: l, items: d }) => d.map((t) => t.key === l ? {
+const te = ({ defaultSize: l, items: u }) => u.map((t) => t.key === l ? {
   ...t,
   label: `${t.label}(默认)`
-} : t), ie = U(({ display: l, postHeight: d }, t) => {
+} : t), ie = U(({ display: l, postHeight: u }, t) => {
   var j, g;
-  const { token: o } = Y.useToken(), y = v(null);
+  const { token: o } = Y.useToken(), y = P(null);
   x(() => {
     var r;
-    d((r = y.current) == null ? void 0 : r.clientHeight);
+    u((r = y.current) == null ? void 0 : r.clientHeight);
   }, []);
-  const C = X(() => ({
+  const v = X(() => ({
     display: "flex",
     width: l ? "100%" : 0,
     pointerEvents: l ? "auto" : "none",
@@ -44,151 +44,79 @@ const te = ({ defaultSize: l, items: d }) => d.map((t) => t.key === l ? {
   }), [l]), S = {
     size: 26,
     color: o.colorPrimary
-  }, [a] = n.useForm(), w = (j = h(M).Table) == null ? void 0 : j.stylesScope, { defaultTableSize: H, stylesConfig: R, defaultTableStylesConfig: b } = h(O), i = (g = h(re).config) == null ? void 0 : g.stylesConfig, u = (r, c) => {
-    var z, I;
+  }, [a] = n.useForm(), B = (j = h(M).Table) == null ? void 0 : j.stylesScope, { defaultTableSize: w, stylesConfig: E, defaultTableStylesConfig: b } = h(O), i = (g = h(re).config) == null ? void 0 : g.stylesConfig, d = (r, c) => {
+    var C, z;
     let m = c;
-    return (z = i == null ? void 0 : i[r]) != null && z.disabled && (m = Q(c, "disabledControl")), {
-      disabled: (I = i == null ? void 0 : i[r]) == null ? void 0 : I.disabled,
+    return (C = i == null ? void 0 : i[r]) != null && C.disabled && (m = Q(c, "disabledControl")), {
+      disabled: (z = i == null ? void 0 : i[r]) == null ? void 0 : z.disabled,
       className: m
     };
   };
   x(() => {
     a.setFieldsValue({
       ...b,
-      ...R,
-      stylesScope: w === "global"
+      ...E,
+      stylesScope: B === "global"
     });
   }, []);
-  const k = () => {
+  const H = () => {
     a.setFieldsValue({
       ...b,
       stylesScope: !1
     });
-  }, T = te({
-    defaultSize: H,
+  }, R = te({
+    defaultSize: w,
     items: [
       {
         key: "xs",
         label: "特紧凑",
-        icon: A
+        icon: W
       },
       {
         key: "sm",
         label: "紧凑",
-        icon: W
+        icon: G
       },
       {
         key: "md",
         label: "中等",
-        icon: E
+        icon: N
       },
       {
         key: "lg",
         label: "宽松",
-        icon: G
+        icon: T
       },
       {
         key: "xl",
         label: "特宽松",
-        icon: N
+        icon: A
       }
     ]
   });
   _(t, () => ({
     getFormInstance: () => a
   }));
-  const f = v(null), [B, F] = ee("auto");
+  const f = P(null), [F, k] = ee("auto");
   return x(() => {
-    f && F(f.current.clientWidth + 10);
-  }, []), /* @__PURE__ */ e.jsx("div", { style: C, ref: y, children: /* @__PURE__ */ e.jsxs(
-    n,
-    {
-      form: a,
-      style: { width: "100%" },
-      labelCol: { span: 3 },
-      labelAlign: "left",
-      colon: !1,
-      className: "stylesConfigFormContent",
-      children: [
-        /* @__PURE__ */ e.jsx(n.Item, { label: "行高", name: "size", children: /* @__PURE__ */ e.jsx(p.Group, { ...u("size", "sizeRadioGroup"), children: T.map(({ key: r, label: c, icon: m }) => /* @__PURE__ */ e.jsx(s, { label: c, value: r, children: /* @__PURE__ */ e.jsx(m, { ...S }) }, r)) }) }),
-        /* @__PURE__ */ e.jsx(n.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(V, { size: 26, color: o.colorPrimaryHover }) }),
-              /* @__PURE__ */ e.jsx(s, { label: "行分割线", value: "row", children: /* @__PURE__ */ e.jsx(
-                D,
-                {
-                  size: 26,
-                  color: [
-                    o.colorPrimaryHover,
-                    o.colorPrimary,
-                    o.colorPrimary,
-                    o.colorPrimaryHover
-                  ]
-                }
-              ) }),
-              /* @__PURE__ */ e.jsx(s, { label: "列分割线", value: "column", children: /* @__PURE__ */ e.jsx(
-                J,
-                {
-                  size: 26,
-                  color: [
-                    o.colorPrimaryHover,
-                    o.colorPrimary,
-                    o.colorPrimary,
-                    o.colorPrimaryHover
-                  ]
-                }
-              ) }),
-              /* @__PURE__ */ e.jsx(s, { label: "行列分割线", value: "row-column", children: /* @__PURE__ */ e.jsx(
-                $,
-                {
-                  size: 26,
-                  color: [
-                    o.colorPrimaryHover,
-                    o.colorPrimary,
-                    o.colorPrimary,
-                    o.colorPrimaryHover
-                  ]
-                }
-              ) })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ e.jsx(n.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(
-            K,
-            {
-              size: 26,
-              color: [o.colorPrimaryHover, o.colorPrimary]
-            }
-          ) }),
-          /* @__PURE__ */ e.jsx(s, { label: "无斑马纹", value: !1, children: /* @__PURE__ */ e.jsx(
-            L,
-            {
-              size: 26,
-              color: o.colorPrimaryHover
-            }
-          ) })
-        ] }) }),
-        /* @__PURE__ */ e.jsxs(Z, { gutter: 16, className: "scopeAndReset", children: [
-          /* @__PURE__ */ e.jsx(P, { ref: f, style: { width: B }, className: "scope", children: /* @__PURE__ */ e.jsx(n.Item, { name: "stylesScope", children: /* @__PURE__ */ e.jsx(le, {}) }) }),
-          /* @__PURE__ */ e.jsx(P, { style: { alignSelf: "flex-end" }, className: "reset", children: /* @__PURE__ */ e.jsx(
-            q,
-            {
-              type: "link",
-              icon: /* @__PURE__ */ e.jsx(se, {}),
-              size: "small",
-              onClick: k,
-              children: "重置"
-            }
-          ) })
-        ] })
-      ]
-    }
-  ) });
-}), Re = oe(ie);
+    f && k(f.current.clientWidth + 10);
+  }, []), e.jsx("div", { style: v, ref: y, children: e.jsxs(n, { form: a, style: { width: "100%" }, labelCol: { span: 3 }, labelAlign: "left", colon: !1, className: "stylesConfigFormContent", children: [e.jsx(n.Item, { label: "行高", name: "size", children: e.jsx(p.Group, { ...d("size", "sizeRadioGroup"), children: R.map(({ key: r, label: c, icon: m }) => e.jsx(s, { label: c, value: r, children: e.jsx(m, { ...S }) }, r)) }) }), e.jsx(n.Item, { label: "分割线", name: "bordered", children: e.jsxs(p.Group, { ...d("bordered", "splitBorderRadioGroup"), children: [e.jsx(s, { label: "无分割线", value: "hide", children: e.jsx(D, { size: 26, color: o.colorPrimaryHover }) }), e.jsx(s, { label: "行分割线", value: "row", children: e.jsx($, { size: 26, color: [
+    o.colorPrimaryHover,
+    o.colorPrimary,
+    o.colorPrimary,
+    o.colorPrimaryHover
+  ] }) }), e.jsx(s, { label: "列分割线", value: "column", children: e.jsx(J, { size: 26, color: [
+    o.colorPrimaryHover,
+    o.colorPrimary,
+    o.colorPrimary,
+    o.colorPrimaryHover
+  ] }) }), e.jsx(s, { label: "行列分割线", value: "row-column", children: e.jsx(V, { size: 26, color: [
+    o.colorPrimaryHover,
+    o.colorPrimary,
+    o.colorPrimary,
+    o.colorPrimaryHover
+  ] }) })] }) }), e.jsx(n.Item, { label: "斑马纹", name: "zebra", children: e.jsxs(p.Group, { ...d("zebra", "zebraRadioGroup"), children: [e.jsx(s, { label: "有斑马纹", value: !0, children: e.jsx(K, { size: 26, color: [o.colorPrimaryHover, o.colorPrimary] }) }), e.jsx(s, { label: "无斑马纹", value: !1, children: e.jsx(L, { size: 26, color: o.colorPrimaryHover }) })] }) }), e.jsxs(Z, { gutter: 16, className: "scopeAndReset", children: [e.jsx(I, { ref: f, style: { width: F }, className: "scope", children: e.jsx(n.Item, { name: "stylesScope", children: e.jsx(le, {}) }) }), e.jsx(I, { style: { alignSelf: "flex-end" }, className: "reset", children: e.jsx(q, { type: "link", icon: e.jsx(se, {}), size: "small", onClick: H, children: "重置" }) })] })] }) });
+}), Ee = oe(ie);
 export {
-  Re as default
+  Ee as default
 };