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

package/dist/components/BitzTable/ToolBar/ExportIcon/ExportModal.mjs

@@ -1,73 +1,73 @@
 import { j as e } from "../../../../node_modules/react/jsx-runtime.mjs";
-import { Card as C, Flex as l, message as j } from "antd";
-import { useState as y, useContext as k, useRef as b, useMemo as B } from "react";
+import { Card as j, Flex as l, message as C } from "antd";
+import { CheckCircleOutlined as y } from "@ant-design/icons";
+import { useState as b, useContext as B, useRef as k } from "react";
 import { BitzTableContext as E } from "../../Store/index.mjs";
 import c from "../../../BitzButton/index.mjs";
 import O from "../../../BitzTheme/index.mjs";
 import R from "../Modal/index.mjs";
 import T from "../ColConfigIcon/ExportConfig/index.mjs";
-import z from "../../../../node_modules/@ant-design/icons/es/icons/CheckCircleOutlined.mjs";
-const G = ({
+import { useLingui as v } from "@lingui/react";
+const K = ({
   open: f,
   title: m,
-  onExport: n,
+  onExport: i,
   close: t,
   getContainer: d
 }) => {
-  const { token: s } = O.useToken(), [p, r] = y(!1), { defaultTableExportConfig: u } = k(E), o = b(null), x = async () => {
-    var i, a;
+  const {
+    _: o
+  } = v();
+  O.useToken();
+  const [p, r] = b(!1), {
+    defaultTableExportConfig: u
+  } = B(E), n = k(null), x = async () => {
+    var s, a;
     if (p)
       return;
-    if (r(!0), !((i = o.current) == null ? void 0 : i.hasOne())) {
-      j.error("导出设置至少需要一个字段"), r(!1);
+    if (r(!0), !((s = n.current) == null ? void 0 : s.hasOne())) {
+      C.error(o(
+        /*i18n*/
+        {
+          id: "oMKr8D"
+        }
+      )), r(!1);
       return;
     }
-    const g = ((a = o.current) == null ? void 0 : a.getExportConfig()) ?? u;
-    n && (r(!1), n(g), t());
-  };
-  B(() => s.mode === "dark", [s.mode]);
-  const h = () => {
+    const g = ((a = n.current) == null ? void 0 : a.getExportConfig()) ?? u;
+    i && (r(!1), i(g), t());
+  }, h = () => {
     r(!1);
   };
-  return /* @__PURE__ */ e.jsx(
-    R,
-    {
-      open: f,
-      title: m,
-      close: t,
-      closeAfter: h,
-      getContainer: d,
-      footer: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx(
-          c,
+  return /* @__PURE__ */ e.jsx(R, { open: f, title: m, close: t, closeAfter: h, getContainer: d, footer: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      c,
+      {
+        type: "primary",
+        icon: /* @__PURE__ */ e.jsx(y, {}),
+        onClick: x,
+        children: o(
+          /*i18n*/
           {
-            type: "primary",
-            icon: /* @__PURE__ */ e.jsx(z, {}),
-            onClick: x,
-            children: "导出"
+            id: "v6FJm2"
           }
-        ),
-        /* @__PURE__ */ e.jsx(c, { onClick: t, children: "取消" })
-      ] }),
-      children: /* @__PURE__ */ e.jsx(
-        C,
-        {
-          className: "container",
-          bordered: !1,
-          styles: { body: { paddingBlock: 24 } },
-          children: /* @__PURE__ */ e.jsx(l, { vertical: !0, align: "center", gap: 24, style: { height: "100%" }, children: /* @__PURE__ */ e.jsx(l, { className: "containerBody", children: /* @__PURE__ */ e.jsx(
-            T,
-            {
-              refInstance: o,
-              display: !0,
-              showSelectRadio: !0
-            }
-          ) }) })
-        }
-      )
+        )
+      }
+    ),
+    /* @__PURE__ */ e.jsx(c, { onClick: t, children: o(
+      /*i18n*/
+      {
+        id: "jxD+iQ"
+      }
+    ) })
+  ] }), children: /* @__PURE__ */ e.jsx(j, { className: "container", bordered: !1, styles: {
+    body: {
+      paddingBlock: 24
     }
-  );
+  }, children: /* @__PURE__ */ e.jsx(l, { vertical: !0, align: "center", gap: 24, style: {
+    height: "100%"
+  }, children: /* @__PURE__ */ e.jsx(l, { className: "containerBody", children: /* @__PURE__ */ e.jsx(T, { refInstance: n, display: !0, showSelectRadio: !0 }) }) }) }) });
 };
 export {
-  G as default
+  K as default
 };

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

@@ -1,46 +1,46 @@
 import { j as t } from "../../../../node_modules/react/jsx-runtime.mjs";
-import { memo as j, useState as y, useContext as l, useMemo as E } from "react";
-import b from "../style.mjs";
-import h from "../../../BitzButton/index.mjs";
-import { BitzTableContext as i } from "../../Store/index.mjs";
-import { exportConfigTitle as B } from "../ColConfigIcon/ColumnConfigModal.mjs";
-import C from "./ExportModal.mjs";
-import I from "../../../../node_modules/@ant-design/icons/es/icons/DownloadOutlined.mjs";
-const z = ({
+import { memo as y, useState as E, useContext as l, useMemo as b } from "react";
+import { DownloadOutlined as h } from "@ant-design/icons";
+import B from "../style.mjs";
+import C from "../../../BitzButton/index.mjs";
+import { BitzTableContext as a } from "../../Store/index.mjs";
+import I from "./ExportModal.mjs";
+import { useLingui as T } from "@lingui/react";
+const v = ({
   show: p = !0,
-  order: a,
+  order: f,
   onClick: o,
-  icon: f = /* @__PURE__ */ t.jsx(I, {})
+  icon: u = /* @__PURE__ */ t.jsx(h, {})
 }) => {
-  const { toolbarItemClassName: x } = b(), [u, s] = y(!1);
-  l(i).exportConfig;
-  const { loading: c, fullscreen: n, dataSource: e } = l(i), d = E(() => n ? !1 : void 0, [n]), g = async (r) => {
-    var m;
-    o == null || o(r.config.key, r.fields, (m = r.config) == null ? void 0 : m.info);
+  const {
+    _: r
+  } = T(), {
+    toolbarItemClassName: x
+  } = B(), [c, n] = E(!1);
+  l(a).exportConfig;
+  const {
+    loading: d,
+    fullscreen: m,
+    dataSource: e
+  } = l(a), g = b(() => m ? !1 : void 0, [m]), j = async (s) => {
+    var i;
+    o == null || o(s.config.key, s.fields, (i = s.config) == null ? void 0 : i.info);
   };
   return p ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(
-      C,
+    /* @__PURE__ */ t.jsx(I, { open: c, title: r(
+      /*i18n*/
       {
-        open: u,
-        title: B,
-        getContainer: d,
-        onExport: g,
-        close: () => s(!1)
+        id: "TPCk/T"
       }
-    ),
-    /* @__PURE__ */ t.jsx(
-      h,
+    ), getContainer: g, onExport: j, close: () => n(!1) }),
+    /* @__PURE__ */ t.jsx(C, { type: "text", className: x, icon: u, style: {
+      order: f
+    }, disabled: d || !(e != null && e.length), onClick: () => n(!0), children: r(
+      /*i18n*/
       {
-        type: "text",
-        className: x,
-        icon: f,
-        style: { order: a },
-        disabled: c || !(e != null && e.length),
-        onClick: () => s(!0),
-        children: "导出"
+        id: "v6FJm2"
       }
-    )
+    ) })
   ] }) : (
     // <Dropdown
     //   open={open}
@@ -68,7 +68,7 @@ const z = ({
     // </Dropdown>
     null
   );
-}, G = j(z);
+}, G = y(v);
 export {
   G as default
 };

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

@@ -1,46 +1,56 @@
-import { j as l } from "../../../../node_modules/react/jsx-runtime.mjs";
-import { memo as E, useContext as F, useState as z, useMemo as T, useEffect as g } from "react";
-import j from "../style.mjs";
-import C from "../../../BitzButton/index.mjs";
+import { j as t } from "../../../../node_modules/react/jsx-runtime.mjs";
+import { memo as F, useContext as g, useState as z, useMemo as T, useEffect as C } from "react";
+import { FullscreenExitOutlined as h, FullscreenOutlined as k } from "@ant-design/icons";
+import y from "../style.mjs";
+import I from "../../../BitzButton/index.mjs";
 import r from "../../../../node_modules/screenfull/index.mjs";
-import h from "../../../BitzToast/index.mjs";
-import { findParentFirstNodeByClass as k } from "../../../../utils/findNode.mjs";
-import { BitzTableContext as y } from "../../Store/index.mjs";
-import v from "../../../../node_modules/@ant-design/icons/es/icons/FullscreenExitOutlined.mjs";
-import I from "../../../../node_modules/@ant-design/icons/es/icons/FullscreenOutlined.mjs";
-const N = ({
-  order: f,
-  show: d = !0
+import S from "../../../BitzToast/index.mjs";
+import { findParentFirstNodeByClass as v } from "../../../../utils/findNode.mjs";
+import { BitzTableContext as L } from "../../Store/index.mjs";
+import { useLingui as N, Trans as f } from "@lingui/react";
+const O = ({
+  order: d,
+  show: x = !0
 }) => {
-  const { toolbarItemClassName: p } = j(), { fullscreen: b, setFullscreen: s } = F(y), [t, x] = z(b), c = T(() => t ? { title: "退出全屏", icon: /* @__PURE__ */ l.jsx(v, {}) } : { title: "全屏", icon: /* @__PURE__ */ l.jsx(I, {}) }, [t]), B = (n) => {
+  const {
+    _: p
+  } = N(), {
+    toolbarItemClassName: b
+  } = y(), {
+    fullscreen: B,
+    setFullscreen: l
+  } = g(L), [n, j] = z(B), c = T(() => n ? {
+    title: /* @__PURE__ */ t.jsx(f, { id: "HMDSro" }),
+    icon: /* @__PURE__ */ t.jsx(h, {})
+  } : {
+    title: /* @__PURE__ */ t.jsx(f, { id: "sgaIOj" }),
+    icon: /* @__PURE__ */ t.jsx(k, {})
+  }, [n]), E = (o) => {
     if (!r.isEnabled)
-      return h.error("您的浏览器不支持全屏");
-    const o = k(n.target, "bitzTableBlock");
-    t ? r.exit() : r.request(o), x(!t);
+      return S.error(p(
+        /*i18n*/
+        {
+          id: "3xBuJn"
+        }
+      ));
+    const s = v(o.target, "bitzTableBlock");
+    n ? r.exit() : r.request(s), j(!n);
   };
-  return g(() => {
-    const n = "bz-fullscreen", o = (i) => {
+  return C(() => {
+    const o = "bz-fullscreen", s = (i) => {
       var u, m;
-      ((u = i.target) != null && u.classList.contains("bitzTableBlock") || (m = i.target) != null && m.classList.contains(n)) && setTimeout(() => {
+      ((u = i.target) != null && u.classList.contains("bitzTableBlock") || (m = i.target) != null && m.classList.contains(o)) && setTimeout(() => {
         var a;
-        s(!!document.fullscreenElement);
+        l(!!document.fullscreenElement);
         const e = (a = document.fullscreenElement) == null ? void 0 : a.classList;
-        e != null && e.contains("bitzTableBlock") || e != null && e.contains(n) || s(!1);
+        e != null && e.contains("bitzTableBlock") || e != null && e.contains(o) || l(!1);
       }, 300);
     };
-    return document == null || document.addEventListener("fullscreenchange", o), () => document == null ? void 0 : document.removeEventListener("fullscreenchange", o);
-  }, []), d ? /* @__PURE__ */ l.jsx(
-    C,
-    {
-      type: "text",
-      className: p,
-      onClick: B,
-      icon: c.icon,
-      style: { order: f },
-      children: c.title
-    }
-  ) : null;
-}, A = E(N);
+    return document == null || document.addEventListener("fullscreenchange", s), () => document == null ? void 0 : document.removeEventListener("fullscreenchange", s);
+  }, []), x ? /* @__PURE__ */ t.jsx(I, { type: "text", className: b, onClick: E, icon: c.icon, style: {
+    order: d
+  }, children: c.title }) : null;
+}, w = F(O);
 export {
-  A as default
+  w as default
 };

package/dist/components/BitzTable/ToolBar/Modal/index.d.ts

@@ -15,5 +15,5 @@ export interface ModalProps {
     styles?: AntModalProps['styles'];
     children: ReactNode;
 }
-declare function Modal({ open, title, close, closeAfter, getContainer, footer, extra, styles: modalStyles, children, }: ModalProps): import("react/jsx-runtime").JSX.Element;
+declare function Modal({ open, title, close, closeAfter, getContainer, footer, extra, styles: modalStyles, children, width, }: ModalProps): import("react/jsx-runtime").JSX.Element;
 export default Modal;

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

@@ -3,54 +3,35 @@ import { Modal as C, Typography as c } from "antd";
 import { useMemo as p } from "react";
 import g from "../../../BitzTheme/index.mjs";
 import u from "../../../../node_modules/classnames/index.mjs";
-import { styles as y, modalTitleHeight as x } from "./style.mjs";
-function H({
+import { styles as y, modalTitleHeight as h } from "./style.mjs";
+function w({
   open: e,
   title: s,
   close: a,
   closeAfter: l,
   getContainer: i,
   footer: m,
-  extra: h,
+  extra: x,
   styles: n,
-  children: d
+  children: d,
+  width: M
 }) {
-  const { token: o } = g.useToken(), r = p(() => o.mode === "dark", [o.mode]), f = () => {
+  const {
+    token: o
+  } = g.useToken(), r = p(() => o.mode === "dark", [o.mode]), f = () => {
     l();
   };
-  return /* @__PURE__ */ t.jsx(
-    C,
-    {
-      className: u(y(o), "tableConfigModal"),
-      title: /* @__PURE__ */ t.jsx(
-        c.Title,
-        {
-          style: {
-            fontSize: 16,
-            lineHeight: `${x}px`,
-            margin: 0
-          },
-          children: s
-        }
-      ),
-      getContainer: i,
-      open: e,
-      onCancel: a,
-      afterClose: f,
-      style: {
-        "--sortCard-bgColor": r ? "#444" : "#f2f2f2",
-        "--sortCard-titleColor": r ? "#ccc" : "#777",
-        "--radioCard-bgColor": r ? "#444" : "#F2F2F2",
-        "--radioCard-bgHoverColor": r ? "#333" : o.colorBgContainer
-      },
-      styles: n,
-      width: 700,
-      footer: m,
-      destroyOnClose: !0,
-      children: d
-    }
-  );
+  return /* @__PURE__ */ t.jsx(C, { className: u(y(o), "tableConfigModal"), title: /* @__PURE__ */ t.jsx(c.Title, { style: {
+    fontSize: 16,
+    lineHeight: `${h}px`,
+    margin: 0
+  }, children: s }), getContainer: i, open: e, onCancel: a, afterClose: f, style: {
+    "--sortCard-bgColor": r ? "#444" : "#f2f2f2",
+    "--sortCard-titleColor": r ? "#ccc" : "#777",
+    "--radioCard-bgColor": r ? "#444" : "#F2F2F2",
+    "--radioCard-bgHoverColor": r ? "#333" : o.colorBgContainer
+  }, styles: n, width: 860, footer: m, destroyOnClose: !0, children: d });
 }
 export {
-  H as default
+  w as default
 };

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

@@ -1,25 +1,39 @@
 import { j as o } from "../../../../node_modules/react/jsx-runtime.mjs";
-import { memo as a, useContext as c } from "react";
-import { Tooltip as p } from "antd";
+import { memo as c, useContext as a } from "react";
+import { Tooltip as u } from "antd";
+import { ReloadOutlined as d } from "@ant-design/icons";
 import f from "../style.mjs";
-import d from "../../../BitzButton/index.mjs";
-import { BitzTableContext as u } from "../../Store/index.mjs";
-import x from "../../../../node_modules/@ant-design/icons/es/icons/ReloadOutlined.mjs";
-const h = (t) => {
-  const { onClick: e, order: r, show: s = !0, icon: n = /* @__PURE__ */ o.jsx(x, {}) } = t, { loading: l, selected: m } = c(u), { toolbarItemClassName: i } = f();
-  return s ? /* @__PURE__ */ o.jsx(p, { title: "刷新", open: !1, children: /* @__PURE__ */ o.jsx(
-    d,
+import x from "../../../BitzButton/index.mjs";
+import { BitzTableContext as h } from "../../Store/index.mjs";
+import { useLingui as j } from "@lingui/react";
+const g = (e) => {
+  const {
+    _: t
+  } = j(), {
+    onClick: s,
+    order: r,
+    show: i = !0,
+    icon: n = /* @__PURE__ */ o.jsx(d, {})
+  } = e, {
+    loading: m,
+    selected: l
+  } = a(h), {
+    toolbarItemClassName: p
+  } = f();
+  return i ? /* @__PURE__ */ o.jsx(u, { title: t(
+    /*i18n*/
     {
-      type: "text",
-      className: i,
-      disabled: l || m,
-      onClick: e,
-      icon: n,
-      style: { order: r },
-      children: "刷新"
+      id: "JpgJsu"
     }
-  ) }) : null;
-}, z = a(h);
+  ), open: !1, children: /* @__PURE__ */ o.jsx(x, { type: "text", className: p, disabled: m || l, onClick: s, icon: n, style: {
+    order: r
+  }, children: t(
+    /*i18n*/
+    {
+      id: "JpgJsu"
+    }
+  ) }) }) : null;
+}, N = c(g);
 export {
-  z as default
+  N as default
 };

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

@@ -17,15 +17,32 @@ const F = ["export", "refresh", "fullscreen", "config"], J = ({
   onRefresh: d,
   onColumnChange: a
 }) => {
-  const { Table: e } = c(R), { selected: u, setToolbarWidth: x } = c(k), i = h(() => {
+  const {
+    Table: e
+  } = c(R), {
+    selected: u,
+    setToolbarWidth: x
+  } = c(k), i = h(() => {
     const s = l || (e == null ? void 0 : e.toolbar) || F;
     return t != null && t.length ? s.filter((n) => !t.includes(n)) : s;
   }, [e == null ? void 0 : e.toolbar, t, l]), o = h(() => {
     const s = {
-      export: { order: 1, show: !1 },
-      refresh: { order: 2, show: !1 },
-      fullscreen: { order: 3, show: !1 },
-      config: { order: 4, show: !1 }
+      export: {
+        order: 1,
+        show: !1
+      },
+      refresh: {
+        order: 2,
+        show: !1
+      },
+      fullscreen: {
+        order: 3,
+        show: !1
+      },
+      config: {
+        order: 4,
+        show: !1
+      }
     };
     return i.forEach((n, w) => {
       s[n].order = w + 1, s[n].show = i.includes(n);
@@ -33,46 +50,17 @@ const F = ["export", "refresh", "fullscreen", "config"], J = ({
   }, [i]), f = g(null);
   return C(() => {
     f.current && x(f.current.clientWidth);
-  }, [f.current]), /* @__PURE__ */ r.jsx(b.Provider, { value: m ?? {}, children: /* @__PURE__ */ r.jsx(
-    j,
-    {
-      ref: f,
-      style: { height: "100%", ...u && { zIndex: 10 } },
-      children: /* @__PURE__ */ r.jsxs(z.Compact, { children: [
-        /* @__PURE__ */ r.jsx(
-          I,
-          {
-            order: o.export.order,
-            show: o.export.show,
-            onClick: p
-          }
-        ),
-        /* @__PURE__ */ r.jsx(
-          B,
-          {
-            order: o.refresh.order,
-            show: o.refresh.show,
-            onClick: d
-          }
-        ),
-        /* @__PURE__ */ r.jsx(
-          E,
-          {
-            order: o.fullscreen.order,
-            show: o.fullscreen.show
-          }
-        ),
-        /* @__PURE__ */ r.jsx(
-          T,
-          {
-            order: o.config.order,
-            show: o.config.show,
-            onChange: a
-          }
-        )
-      ] })
+  }, [f.current]), /* @__PURE__ */ r.jsx(b.Provider, { value: m ?? {}, children: /* @__PURE__ */ r.jsx(j, { ref: f, style: {
+    height: "100%",
+    ...u && {
+      zIndex: 10
     }
-  ) });
+  }, children: /* @__PURE__ */ r.jsxs(z.Compact, { children: [
+    /* @__PURE__ */ r.jsx(I, { order: o.export.order, show: o.export.show, onClick: p }),
+    /* @__PURE__ */ r.jsx(B, { order: o.refresh.order, show: o.refresh.show, onClick: d }),
+    /* @__PURE__ */ r.jsx(E, { order: o.fullscreen.order, show: o.fullscreen.show }),
+    /* @__PURE__ */ r.jsx(T, { order: o.config.order, show: o.config.show, onChange: a })
+  ] }) }) });
 };
 export {
   J as default