bitz-react-admin-ui 2.10.7-beta.2 → 2.10.7-beta.4

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

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

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

@@ -1,30 +1,46 @@
 import { j as t } from "../../../../node_modules/react/jsx-runtime.mjs";
-import { useRef as y, useContext as S, useState as b, useEffect as w, useMemo as k } from "react";
-import { theme as z, Popconfirm as I, Statistic as R } from "antd";
+import { useRef as S, useContext as w, useState as b, useEffect as R, useMemo as k } from "react";
+import { theme as z, Popconfirm as I, Statistic as N } from "antd";
 import { SettingOutlined as B } from "@ant-design/icons";
-import N from "./ColumnConfigModal.mjs";
+import q from "./ColumnConfigModal.mjs";
 import E from "../style.mjs";
 import M from "../../../BitzButton/index.mjs";
 import { BitzTableContext as O } from "../../Store/index.mjs";
 import { css as T } from "../../../../node_modules/@emotion/css/dist/emotion-css.esm.mjs";
-const f = "表格设置", K = (e) => {
-  const { order: m, show: u = !0, icon: d = /* @__PURE__ */ t.jsx(B, {}) } = e, { token: p } = z.useToken(), s = y(), {
-    fullscreen: r,
+import { useLingui as _ } from "@lingui/react";
+const J = (e) => {
+  const {
+    _: i
+  } = _(), a = i(
+    /*i18n*/
+    {
+      id: "8e00XN"
+    }
+  ), {
+    order: u,
+    show: d = !0,
+    icon: p = /* @__PURE__ */ t.jsx(B, {})
+  } = e, {
+    token: x
+  } = z.useToken(), s = S(), {
+    fullscreen: l,
     isSaving: n,
     countdown: o,
-    cancelAutoSave: x,
-    immediateSave: a,
-    setCountdown: C
-  } = S(O), { toolbarItemClassName: g } = E(), [h, l] = b(!1);
-  w(() => (n && o > 0 ? s.current = setInterval(() => {
-    C((i) => i - 1);
-  }, 1e3) : clearInterval(s.current), o === 0 && n && a(), () => clearInterval(s.current)), [n, o]);
-  const j = k(() => r ? !1 : void 0, [r]), v = T`
+    cancelAutoSave: C,
+    immediateSave: c,
+    setCountdown: g
+  } = w(O), {
+    toolbarItemClassName: h
+  } = E(), [j, m] = b(!1);
+  R(() => (n && o > 0 ? s.current = setInterval(() => {
+    g((r) => r - 1);
+  }, 1e3) : clearInterval(s.current), o === 0 && n && c(), () => clearInterval(s.current)), [n, o]);
+  const v = k(() => l ? !1 : void 0, [l]), y = T`
     .ant-statistic {
       display: inline-block;
     }
     .ant-statistic-content {
-      font-size: ${p.fontSize}px;
+      font-size: ${x.fontSize}px;
     }
     .ant-statistic-content-value-int {
       font-weight: 600;
@@ -43,48 +59,29 @@ const f = "表格设置", K = (e) => {
       }
     }
   `;
-  return u ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(
-      N,
-      {
-        open: h,
-        title: f,
-        onChange: async (...i) => {
-          var c;
-          return (c = e.onChange) == null ? void 0 : c.call(e, ...i);
-        },
-        getContainer: j,
-        close: () => l(!1)
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      I,
+  return d ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx(q, { open: j, title: a, onChange: async (...r) => {
+      var f;
+      return (f = e.onChange) == null ? void 0 : f.call(e, ...r);
+    }, getContainer: v, close: () => m(!1) }),
+    /* @__PURE__ */ t.jsx(I, { placement: "topRight", title: i(
+      /*i18n*/
       {
-        placement: "topRight",
-        title: "是否保存列宽设置",
-        open: n,
-        description: /* @__PURE__ */ t.jsxs("span", { children: [
-          /* @__PURE__ */ t.jsx(R, { value: o, suffix: "秒" }),
-          "后将自动保存"
-        ] }),
-        onConfirm: a,
-        onCancel: x,
-        overlayClassName: v,
-        children: /* @__PURE__ */ t.jsx(
-          M,
-          {
-            type: "text",
-            className: g,
-            onClick: () => l(!0),
-            icon: d,
-            style: { order: m },
-            children: f
-          }
-        )
+        id: "2elRSm"
       }
-    )
+    ), open: n, description: /* @__PURE__ */ t.jsxs("span", { children: [
+      /* @__PURE__ */ t.jsx(N, { value: o, suffix: i(
+        /*i18n*/
+        {
+          id: "wqqZo1"
+        }
+      ) }),
+      "后将自动保存"
+    ] }), onConfirm: c, onCancel: C, overlayClassName: y, children: /* @__PURE__ */ t.jsx(M, { type: "text", className: h, onClick: () => m(!0), icon: p, style: {
+      order: u
+    }, children: a }) })
   ] }) : null;
 };
 export {
-  K as default
+  J as default
 };