bitz-react-admin-ui 2.6.1 → 2.6.2

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

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

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

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+interface ScopeSwitchProps {
+    value?: boolean;
+    disabled?: boolean;
+    onChange?: (val: boolean) => void;
+}
+declare const ScopeSwitch: FC<ScopeSwitchProps>;
+export default ScopeSwitch;

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

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

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

@@ -1,112 +1,124 @@
 import { j as e } from "../../../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.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 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 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);
+import F from "../../../../../assets/iconfont/IconKuansongde.mjs";
+import G 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 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 s, Radio as f, InputNumber as Z, Segmented as q, Row as Q, Col as v, Button as U } from "antd";
+import X from "../../../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
+import { forwardRef as _, useRef as S, useEffect as x, useMemo as ee, useContext as b, useImperativeHandle as oe, useState as re, memo as le } from "react";
+import { BitzToolBarContext as se } from "../../Wrapper/context.mjs";
+import i from "./RadioCard.mjs";
+import ie from "./ScopeSwitch.mjs";
+import te from "../../../../../node_modules/.store/@ant-design_icons@5.3.7/node_modules/@ant-design/icons/es/icons/RedoOutlined.mjs";
+const ne = ({ defaultSize: l, items: d }) => d.map((t) => t.key === l ? {
+  ...t,
+  label: `${t.label}(默认)`
+} : t), ae = _(({ display: l, postHeight: d }, t) => {
+  var j, g;
+  const { token: o } = Y.useToken(), h = S(null);
+  x(() => {
+    var r;
+    d((r = h.current) == null ? void 0 : r.clientHeight);
   }, []);
-  const P = Y(() => ({
+  const C = ee(() => ({
     display: "flex",
-    width: i ? "100%" : 0,
-    pointerEvents: i ? "auto" : "none",
-    opacity: i ? 1 : 0,
-    overflow: "hidden",
-    ...i ? {} : {
+    width: l ? "100%" : 0,
+    pointerEvents: l ? "auto" : "none",
+    opacity: l ? 1 : 0,
+    overflow: l ? "inherit" : "hidden",
+    ...l ? {} : {
       position: "absolute",
       left: 0,
       right: 0
     }
-  }), [i]), v = {
+  }), [l]), P = {
     size: 26,
     color: o.colorPrimary
-  }, [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
+  }, [a] = s.useForm(), w = (j = b(M).Table) == null ? void 0 : j.stylesScope, { defaultTableSize: H, stylesConfig: R, defaultTableStylesConfig: y } = b(O), n = (g = b(se).config) == null ? void 0 : g.stylesConfig, u = (r, c) => {
+    var z, I;
+    let m = c;
+    return (z = n == null ? void 0 : n[r]) != null && z.disabled && (m = X(c, "disabledControl")), {
+      disabled: (I = n == null ? void 0 : n[r]) == null ? void 0 : I.disabled,
+      className: m
     };
   };
-  z(() => {
-    d.setFieldsValue({
-      ...w,
-      stylesScope: I === "global"
+  x(() => {
+    a.setFieldsValue({
+      ...y,
+      ...R,
+      stylesScope: w === "global"
     });
   }, []);
-  const C = Q({
+  const k = () => {
+    a.setFieldsValue({
+      ...y,
+      stylesScope: !1
+    });
+  }, B = ne({
     defaultSize: H,
     items: [
       {
         key: "xs",
         label: "特紧凑",
-        icon: B
+        icon: A
       },
       {
         key: "sm",
         label: "紧凑",
-        icon: R
+        icon: W
       },
       {
         key: "md",
         label: "中等",
-        icon: T
+        icon: E
       },
       {
         key: "lg",
         label: "宽松",
-        icon: S
+        icon: F
       },
       {
         key: "xl",
         label: "特宽松",
-        icon: k
+        icon: G
       }
     ]
   });
-  return Z(n, () => ({
-    getFormInstance: () => d
-  })), /* @__PURE__ */ e.jsx("div", { style: P, ref: x, children: /* @__PURE__ */ e.jsxs(
-    t,
+  oe(t, () => ({
+    getFormInstance: () => a
+  }));
+  const p = S(null), [T, N] = re("auto");
+  return x(() => {
+    p && N(p.current.clientWidth + 10);
+  }, []), /* @__PURE__ */ e.jsx("div", { style: C, ref: h, children: /* @__PURE__ */ e.jsxs(
+    s,
     {
-      form: d,
+      form: a,
       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,
+        /* @__PURE__ */ e.jsx(s.Item, { label: "行高", name: "size", children: /* @__PURE__ */ e.jsx(f.Group, { ...u("size", "sizeRadioGroup"), children: B.map(({ key: r, label: c, icon: m }) => /* @__PURE__ */ e.jsx(i, { label: c, value: r, children: /* @__PURE__ */ e.jsx(m, { ...P }) }, r)) }) }),
+        /* @__PURE__ */ e.jsx(s.Item, { label: "分割线", name: "bordered", children: /* @__PURE__ */ e.jsxs(
+          f.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,
+              /* @__PURE__ */ e.jsx(i, { label: "无分割线", value: "hide", children: /* @__PURE__ */ e.jsx(V, { size: 26, color: o.colorPrimaryHover }) }),
+              /* @__PURE__ */ e.jsx(i, { label: "行分割线", value: "row", children: /* @__PURE__ */ e.jsx(
+                D,
                 {
                   size: 26,
                   color: [
@@ -117,8 +129,8 @@ const Q = ({ defaultSize: i, items: m }) => m.map((n) => n.key === i ? {
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e.jsx(s, { label: "列分割线", value: "column", children: /* @__PURE__ */ e.jsx(
-                E,
+              /* @__PURE__ */ e.jsx(i, { label: "列分割线", value: "column", children: /* @__PURE__ */ e.jsx(
+                J,
                 {
                   size: 26,
                   color: [
@@ -129,8 +141,8 @@ const Q = ({ defaultSize: i, items: m }) => m.map((n) => n.key === i ? {
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e.jsx(s, { label: "行列分割线", value: "row-column", children: /* @__PURE__ */ e.jsx(
-                F,
+              /* @__PURE__ */ e.jsx(i, { label: "行列分割线", value: "row-column", children: /* @__PURE__ */ e.jsx(
+                $,
                 {
                   size: 26,
                   color: [
@@ -144,27 +156,68 @@ const Q = ({ defaultSize: i, items: m }) => m.map((n) => n.key === i ? {
             ]
           }
         ) }),
-        /* @__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,
+        /* @__PURE__ */ e.jsx(s.Item, { label: "斑马纹", name: "zebra", children: /* @__PURE__ */ e.jsxs(f.Group, { ...u("zebra", "zebraRadioGroup"), children: [
+          /* @__PURE__ */ e.jsx(i, { 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(
-            $,
+          /* @__PURE__ */ e.jsx(i, { label: "无斑马纹", value: !1, children: /* @__PURE__ */ e.jsx(
+            L,
             {
               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: "应用到全局表格" }) })
+        /* @__PURE__ */ e.jsx(
+          s.Item,
+          {
+            label: "每页展示数据条数",
+            labelCol: { span: 6 },
+            name: "pageSize",
+            tooltip: "默认展示10条，可设置的展示条数范围：5-100条",
+            className: "pageSize",
+            children: /* @__PURE__ */ e.jsx(Z, { min: 5, max: 100, style: { width: 202 }, precision: 0 })
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          s.Item,
+          {
+            label: "数据排序方式",
+            labelCol: { span: 6 },
+            name: "orderBy",
+            className: "orderBy",
+            children: /* @__PURE__ */ e.jsx(
+              q,
+              {
+                options: [
+                  { label: "时间升序", value: "asc" },
+                  { label: "时间倒序", value: "desc" }
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e.jsxs(Q, { gutter: 16, className: "scopeAndReset", children: [
+          /* @__PURE__ */ e.jsx(v, { ref: p, style: { width: T }, className: "scope", children: /* @__PURE__ */ e.jsx(s.Item, { name: "stylesScope", children: /* @__PURE__ */ e.jsx(ie, {}) }) }),
+          /* @__PURE__ */ e.jsx(v, { style: { alignSelf: "flex-end" }, className: "reset", children: /* @__PURE__ */ e.jsx(
+            U,
+            {
+              type: "link",
+              icon: /* @__PURE__ */ e.jsx(te, {}),
+              size: "small",
+              onClick: k,
+              children: "重置"
+            }
+          ) })
+        ] })
       ]
     }
   ) });
-}), he = q(U);
+}), Be = le(ae);
 export {
-  he as default
+  Be as default
 };