bitz-react-admin-ui 2.10.8 → 2.11.0-beta.2

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

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