bitz-react-admin-ui 2.11.0-beta.1 → 2.11.0-beta.3

package/dist/components/BitzConfirmModal/index.mjs

@@ -1,43 +1,63 @@
 import { j as e } from "../../node_modules/react/jsx-runtime.mjs";
-import { useState as C } from "react";
-import { CloseOutlined as T } from "@ant-design/icons";
-import { theme as g, Modal as j } from "antd";
-import { create as B, useModal as v, antdModalV5 as M } from "@ebay/nice-modal-react";
-import S from "../../assets/iconfont/IconJinggao.mjs";
+import { useState as j } from "react";
+import { CloseOutlined as B } from "@ant-design/icons";
+import { theme as C, Modal as T } from "antd";
+import { create as v, useModal as y, antdModalV5 as M } from "@ebay/nice-modal-react";
+import N from "../../assets/iconfont/IconJinggao.mjs";
 import "./index.less.mjs";
-import { useTranslation as N } from "../../node_modules/react-i18next/dist/es/useTranslation.mjs";
-const _ = (m) => {
+import { useLingui as I } from "@lingui/react";
+const z = (c) => {
   var i;
   const {
-    okButtonProps: d,
+    okButtonProps: m,
     okType: p,
     onOk: t,
     onCancel: r,
-    title: f,
-    modalText: x,
+    title: x,
+    modalText: f,
     ...u
-  } = m, {
-    t: s
-  } = N(), {
-    token: n
-  } = g.useToken(), o = v(), a = M(o), [h, l] = C(!1), k = async () => {
-    var c;
-    t ? (l(!0), (c = t == null ? void 0 : t()) == null || c.finally(() => {
-      l(!1), o.resolve("ok"), o.hide();
+  } = c, {
+    _: s
+  } = I(), {
+    token: l
+  } = C.useToken(), o = y(), n = M(o), [h, a] = j(!1), k = async () => {
+    var d;
+    t ? (a(!0), (d = t == null ? void 0 : t()) == null || d.finally(() => {
+      a(!1), o.resolve("ok"), o.hide();
     })) : (o.resolve("ok"), o.hide());
-  }, y = () => {
+  }, g = () => {
     r == null || r(), o.resolve("cancel"), o.hide();
   };
-  return /* @__PURE__ */ e.jsx(j, { open: a.open, afterClose: a.afterClose, className: "bitzConfirmModalBlock", title: f || s("System_Tip", "提示"), width: 400, closeIcon: /* @__PURE__ */ e.jsx(T, {}), onOk: k, onCancel: y, confirmLoading: h, okText: s("System_Deter", "确定"), okType: p || "primary", okButtonProps: {
+  return /* @__PURE__ */ e.jsx(T, { open: n.open, afterClose: n.afterClose, className: "bitzConfirmModalBlock", title: x || s(
+    /*i18n*/
+    {
+      id: "5tNImB"
+    }
+  ), width: 400, closeIcon: /* @__PURE__ */ e.jsx(B, {}), onOk: k, onCancel: g, confirmLoading: h, okText: s(
+    /*i18n*/
+    {
+      id: "6Ql6i3"
+    }
+  ), okType: p || "primary", okButtonProps: {
     danger: !0,
-    ...d
-  }, cancelText: s("System_Cancel", "取消"), ...u, style: {
-    "--modalContent-colorBg": (i = n.Modal) == null ? void 0 : i.headerBg
+    ...m
+  }, cancelText: s(
+    /*i18n*/
+    {
+      id: "jxD+iQ"
+    }
+  ), ...u, style: {
+    "--modalContent-colorBg": (i = l.Modal) == null ? void 0 : i.headerBg
   }, children: /* @__PURE__ */ e.jsxs("div", { className: "textBox", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "warnIcon", children: /* @__PURE__ */ e.jsx(S, { className: "icon", color: n.colorError, size: 20 }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "modalText", children: x || s("System_CanUSure", "您确定要删除吗？") })
+    /* @__PURE__ */ e.jsx("div", { className: "warnIcon", children: /* @__PURE__ */ e.jsx(N, { className: "icon", color: l.colorError, size: 20 }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "modalText", children: f || s(
+      /*i18n*/
+      {
+        id: "4ox2gQ"
+      }
+    ) })
   ] }) });
-}, D = B(_);
+}, D = v(z);
 export {
   D as default
 };

package/dist/components/BitzTable/ActionBar/ActionBar.mjs

@@ -1,49 +1,62 @@
 import { j as s } from "../../../node_modules/react/jsx-runtime.mjs";
 import { useMemo as N } from "react";
-import { PlusCircleFilled as c, CaretDownOutlined as f } from "@ant-design/icons";
-import { Space as l } from "antd";
-import i from "../../BitzButton/index.mjs";
-import k from "./style.mjs";
-import g from "../Dropdown/index.mjs";
-import { omit as a } from "lodash-es";
-import h from "../../../node_modules/classnames/index.mjs";
-const G = ({
-  size: C,
+import { PlusCircleFilled as c, CaretDownOutlined as g } from "@ant-design/icons";
+import { Space as h } from "antd";
+import m from "../../BitzButton/index.mjs";
+import B from "./style.mjs";
+import C from "../Dropdown/index.mjs";
+import { omit as o } from "lodash-es";
+import u from "../../../node_modules/classnames/index.mjs";
+import { useLingui as b } from "@lingui/react";
+const L = ({
+  size: d,
   add: n,
   excel: r,
-  actions: m,
-  children: E
+  actions: i,
+  children: w
 }) => {
   const {
-    blockCls: x,
-    addBtnClassName: y,
-    btnClassName: p
-  } = k(C), w = N(() => [{
+    _: p
+  } = b(), {
+    blockCls: E,
+    addBtnClassName: j,
+    btnClassName: l
+  } = B(d), k = N(() => [{
     key: "download",
-    label: "Excel模板下载"
+    label: p(
+      /*i18n*/
+      {
+        id: "wjxllE"
+      }
+    )
     // icon: (
     //   <CloudDownloadOutlined style={{ fontSize: 14 }} />
     // ),
   }, {
     key: "import",
-    label: "Excel数据导入"
+    label: p(
+      /*i18n*/
+      {
+        id: "+NfTiW"
+      }
+    )
     // icon: (
     //   <CloudUploadOutlined style={{ fontSize: 14 }} />
     // ),
-  }, ...(r == null ? void 0 : r.otherMenu) ?? []], [r]), d = N(() => m == null ? void 0 : m.map((t, e) => t.type === "primary" ? /* @__PURE__ */ s.jsx(i, { type: "primary", icon: /* @__PURE__ */ s.jsx(c, {}), className: h(y, t.className), ...a(t, "text", "type", "className", "children"), children: t == null ? void 0 : t.text }, e) : t.type === "secondary" ? /* @__PURE__ */ s.jsx(i, { type: "text", className: h(p, t.className), ...a(t, "text", "type", "className", "children"), children: t == null ? void 0 : t.text }, e) : /* @__PURE__ */ s.jsx(g, { getPopupContainer: (o) => {
-    var j, u;
-    return (u = (j = o.parentElement) == null ? void 0 : j.parentElement) == null ? void 0 : u.parentElement;
-  }, ...a(t, "text", "className", "children"), children: /* @__PURE__ */ s.jsx(i, { className: h(p, t.className), type: "text", children: /* @__PURE__ */ s.jsxs(l, { size: 6, children: [
+  }, ...(r == null ? void 0 : r.otherMenu) ?? []], [r]), x = N(() => i == null ? void 0 : i.map((t, e) => t.type === "primary" ? /* @__PURE__ */ s.jsx(m, { type: "primary", icon: /* @__PURE__ */ s.jsx(c, {}), className: u(j, t.className), ...o(t, "text", "type", "className", "children"), children: t == null ? void 0 : t.text }, e) : t.type === "secondary" ? /* @__PURE__ */ s.jsx(m, { type: "text", className: u(l, t.className), ...o(t, "text", "type", "className", "children"), children: t == null ? void 0 : t.text }, e) : /* @__PURE__ */ s.jsx(C, { getPopupContainer: (a) => {
+    var y, f;
+    return (f = (y = a.parentElement) == null ? void 0 : y.parentElement) == null ? void 0 : f.parentElement;
+  }, ...o(t, "text", "className", "children"), children: /* @__PURE__ */ s.jsx(m, { className: u(l, t.className), type: "text", children: /* @__PURE__ */ s.jsxs(h, { size: 6, children: [
     !t.text || typeof t.text == "string" ? /* @__PURE__ */ s.jsx("span", { children: t.text }) : t.text,
-    /* @__PURE__ */ s.jsx(f, {})
-  ] }) }) }, e)), [m]);
-  return /* @__PURE__ */ s.jsxs(l.Compact, { className: x, style: {
+    /* @__PURE__ */ s.jsx(g, {})
+  ] }) }) }, e)), [i]);
+  return /* @__PURE__ */ s.jsxs(h.Compact, { className: E, style: {
     height: "100%"
   }, children: [
-    (n == null ? void 0 : n.show) !== !1 && /* @__PURE__ */ s.jsx(i, { type: "primary", icon: /* @__PURE__ */ s.jsx(c, {}), className: y, ...a(n, "text", "show", "type", "className", "children"), children: n == null ? void 0 : n.text }),
-    m ? d : E,
-    (r == null ? void 0 : r.show) !== !1 && /* @__PURE__ */ s.jsx(g, { menu: {
-      items: w,
+    (n == null ? void 0 : n.show) !== !1 && /* @__PURE__ */ s.jsx(m, { type: "primary", icon: /* @__PURE__ */ s.jsx(c, {}), className: j, ...o(n, "text", "show", "type", "className", "children"), children: n == null ? void 0 : n.text }),
+    i ? x : w,
+    (r == null ? void 0 : r.show) !== !1 && /* @__PURE__ */ s.jsx(C, { menu: {
+      items: k,
       onClick: ({
         key: t
       }) => {
@@ -51,14 +64,19 @@ const G = ({
         return (e = r == null ? void 0 : r.onClick) == null ? void 0 : e.call(r, t);
       }
     }, trigger: (r == null ? void 0 : r.trigger) || ["click"], getPopupContainer: (t) => {
-      var e, o;
-      return (o = (e = t.parentElement) == null ? void 0 : e.parentElement) == null ? void 0 : o.parentElement;
-    }, ...a(r, "text", "show", "menu", "trigger", "children"), children: /* @__PURE__ */ s.jsx(i, { className: p, type: "text", children: /* @__PURE__ */ s.jsxs(l, { size: 6, children: [
-      /* @__PURE__ */ s.jsx("span", { children: (r == null ? void 0 : r.text) ?? "Excel文档导入" }),
-      /* @__PURE__ */ s.jsx(f, {})
+      var e, a;
+      return (a = (e = t.parentElement) == null ? void 0 : e.parentElement) == null ? void 0 : a.parentElement;
+    }, ...o(r, "text", "show", "menu", "trigger", "children"), children: /* @__PURE__ */ s.jsx(m, { className: l, type: "text", children: /* @__PURE__ */ s.jsxs(h, { size: 6, children: [
+      /* @__PURE__ */ s.jsx("span", { children: (r == null ? void 0 : r.text) ?? p(
+        /*i18n*/
+        {
+          id: "gcX44e"
+        }
+      ) }),
+      /* @__PURE__ */ s.jsx(g, {})
     ] }) }) })
   ] });
 };
 export {
-  G as default
+  L as default
 };

package/dist/components/BitzTable/ActionCol/index.mjs

@@ -1,116 +1,135 @@
 import { j as n } from "../../../node_modules/react/jsx-runtime.mjs";
 import M from "../../../node_modules/ahooks/es/useSize/index.mjs";
-import { Space as I, Skeleton as D, theme as F } from "antd";
-import { forwardRef as G, useContext as H, useMemo as w, useState as O, Fragment as W, useRef as P } from "react";
-import C from "../../BitzButton/index.mjs";
-import _, { actionColBtnGap as $ } from "./style.mjs";
+import { Space as P, Skeleton as D, theme as F } from "antd";
+import { forwardRef as G, useContext as H, useMemo as B, useState as O, Fragment as W, useRef as T } from "react";
+import j from "../../BitzButton/index.mjs";
+import Z, { actionColBtnGap as $ } from "./style.mjs";
 import "../index.mjs";
-import R from "../Dropdown/index.mjs";
+import _ from "../Dropdown/index.mjs";
 import { tablePaddingInline as q } from "../../BitzConfigProvider/context.mjs";
+import { useLingui as I } from "@lingui/react";
 import { BitzTableContext as J } from "../Store/index.mjs";
-const b = ({
+const w = ({
   skeletonCls: x,
-  ...r
-}) => /* @__PURE__ */ n.jsxs(C, { type: "text", ...r, children: [
-  /* @__PURE__ */ n.jsx("span", { children: r.children }),
+  ...l
+}) => /* @__PURE__ */ n.jsxs(j, { type: "text", ...l, children: [
+  /* @__PURE__ */ n.jsx("span", { children: l.children }),
   /* @__PURE__ */ n.jsx(D, { active: !0, title: !1, className: x, paragraph: {
     rows: 1,
     width: "100%"
   } })
 ] }), K = G(({
   loading: x,
-  maxCount: r,
+  maxCount: l,
   useMaxWidth: p,
   actionGroup: d,
   customActions: o,
-  width: B
-}, f) => {
+  width: z
+}, h) => {
   const {
-    loading: g,
-    fullscreen: z
-  } = H(J), a = w(() => x ?? g, [x, g]), {
-    primaryBtnClassName: s,
-    dangerBtnClassName: h,
-    secondaryBtnClassName: k,
-    maskClassName: T,
-    skeletonBtnClassName: m,
-    skeletonClassName: j
-  } = _(), [N] = O([/* @__PURE__ */ n.jsx(b, { className: m, skeletonCls: j, children: "占位" }, 1), /* @__PURE__ */ n.jsx(b, { className: m, skeletonCls: j, children: "占位" }, 2)]), y = w(() => {
-    if (a && p)
-      return N;
-    const i = r - 1 > 0 ? r - 1 : 2, u = d.length > r ? i : d.length, e = d.slice(0, u), l = [];
-    if (e != null && e.length && e.forEach((t, c) => {
-      l.push(a ? /* @__PURE__ */ n.jsx(b, { className: m, skeletonCls: j, children: t == null ? void 0 : t.label }, c) : t.children ? /* @__PURE__ */ n.jsx(R, { menu: {
-        items: t.children
-      }, children: /* @__PURE__ */ n.jsx(C, { type: "text", className: t.danger ? h : s, children: t == null ? void 0 : t.label }) }, c) : /* @__PURE__ */ n.jsx(C, { type: "text", className: t.danger ? h : s, onClick: t == null ? void 0 : t.onClick, children: t == null ? void 0 : t.label }, c));
-    }), u === i && d.length > r) {
-      const t = d.slice(i, d.length);
-      l.push(a ? /* @__PURE__ */ n.jsx(b, { className: m, skeletonCls: j, children: "更多" }, -1) : /* @__PURE__ */ n.jsx(R, { menu: {
-        items: t
-      }, children: /* @__PURE__ */ n.jsx(C, { type: "text", className: k, children: "更多" }) }, -1));
+    _: k
+  } = I(), {
+    loading: L
+  } = H(J), i = B(() => x ?? L, [x, L]), {
+    primaryBtnClassName: u,
+    dangerBtnClassName: s,
+    secondaryBtnClassName: f,
+    maskClassName: N,
+    skeletonBtnClassName: g,
+    skeletonClassName: m
+  } = Z(), [S] = O([/* @__PURE__ */ n.jsx(w, { className: g, skeletonCls: m, children: "占位" }, 1), /* @__PURE__ */ n.jsx(w, { className: g, skeletonCls: m, children: "占位" }, 2)]), b = B(() => {
+    if (i && p)
+      return S;
+    const a = l - 1 > 0 ? l - 1 : 2, C = d.length > l ? a : d.length, t = d.slice(0, C), r = [];
+    if (t != null && t.length && t.forEach((e, c) => {
+      r.push(i ? /* @__PURE__ */ n.jsx(w, { className: g, skeletonCls: m, children: e == null ? void 0 : e.label }, c) : e.children ? /* @__PURE__ */ n.jsx(_, { menu: {
+        items: e.children
+      }, children: /* @__PURE__ */ n.jsx(j, { type: "text", className: e.danger ? s : u, children: e == null ? void 0 : e.label }) }, c) : /* @__PURE__ */ n.jsx(j, { type: "text", className: e.danger ? s : u, onClick: e == null ? void 0 : e.onClick, children: e == null ? void 0 : e.label }, c));
+    }), C === a && d.length > l) {
+      const e = d.slice(a, d.length);
+      r.push(i ? /* @__PURE__ */ n.jsx(w, { className: g, skeletonCls: m, children: k(
+        /*i18n*/
+        {
+          id: "RzpL6g"
+        }
+      ) }, -1) : /* @__PURE__ */ n.jsx(_, { menu: {
+        items: e
+      }, getPopupContainer: () => document.fullscreenElement ?? document.body, children: /* @__PURE__ */ n.jsx(j, { type: "text", className: f, children: k(
+        /*i18n*/
+        {
+          id: "RzpL6g"
+        }
+      ) }) }, -1));
     }
-    return l;
-  }, [a, r, p, d]), S = w(() => {
+    return r;
+  }, [i, l, p, d]), y = B(() => {
     if (!(o != null && o.length))
       return;
-    if (a && p)
-      return N;
-    const i = o.map((e, l) => /* @__PURE__ */ n.jsx(b, { className: m, skeletonCls: j, children: e == null ? void 0 : e.label }, l)), u = o.map((e, l) => {
-      let t = /* @__PURE__ */ n.jsx(C, { type: "text", className: e.danger ? h : s, onClick: e.onClick, children: e == null ? void 0 : e.label }, l);
-      e.type === "secondary" && (t = /* @__PURE__ */ n.jsx(C, { type: "text", className: k, onClick: e.onClick, children: e == null ? void 0 : e.label }, l));
-      const c = e.render ?? ((L, E) => /* @__PURE__ */ n.jsx(W, { children: L }, E));
-      return c == null ? void 0 : c(t, l);
+    if (i && p)
+      return S;
+    const a = o.map((t, r) => /* @__PURE__ */ n.jsx(w, { className: g, skeletonCls: m, children: t == null ? void 0 : t.label }, r)), C = o.map((t, r) => {
+      let e = /* @__PURE__ */ n.jsx(j, { type: "text", className: t.danger ? s : u, onClick: t.onClick, children: t == null ? void 0 : t.label }, r);
+      t.type === "secondary" && (e = /* @__PURE__ */ n.jsx(j, { type: "text", className: f, onClick: t.onClick, children: t == null ? void 0 : t.label }, r));
+      const c = t.render ?? ((R, E) => /* @__PURE__ */ n.jsx(W, { children: R }, E));
+      return c == null ? void 0 : c(e, r);
     });
-    return a ? i : u;
-  }, [a, p, o]);
-  return B ? /* @__PURE__ */ n.jsxs("div", { onClick: (i) => i.stopPropagation(), style: {
+    return i ? a : C;
+  }, [i, p, o]);
+  return z ? /* @__PURE__ */ n.jsxs("div", { onClick: (a) => a.stopPropagation(), style: {
     overflow: "hidden"
   }, children: [
-    /* @__PURE__ */ n.jsx(I, { size: 8, ref: f, className: "actionGroup", style: {
+    /* @__PURE__ */ n.jsx(P, { size: 8, ref: h, className: "actionGroup", style: {
       flexWrap: "wrap"
-    }, children: S ?? y }),
-    /* @__PURE__ */ n.jsx("div", { className: T })
-  ] }) : /* @__PURE__ */ n.jsxs("div", { onClick: (i) => i.stopPropagation(), style: {
+    }, children: y ?? b }),
+    /* @__PURE__ */ n.jsx("div", { className: N })
+  ] }) : /* @__PURE__ */ n.jsxs("div", { onClick: (a) => a.stopPropagation(), style: {
     overflow: "hidden"
   }, children: [
-    /* @__PURE__ */ n.jsx(I, { size: $, ref: f, className: "actionGroup", children: S ?? y }),
-    /* @__PURE__ */ n.jsx("div", { className: T })
+    /* @__PURE__ */ n.jsx(P, { size: $, ref: h, className: "actionGroup", children: y ?? b }),
+    /* @__PURE__ */ n.jsx("div", { className: N })
   ] });
 });
-function ne(x) {
+function le(x) {
   var m;
   const {
-    actionGroup: r,
+    actionGroup: l,
     loading: p,
     maxCount: d = 3,
     customActions: o,
-    defaultWidth: B,
-    width: f,
-    ...g
-  } = x, z = ((m = F.useToken().token.Table) == null ? void 0 : m.cellPaddingInline) ?? q, a = P(null), s = M(a), h = P(0), k = w(() => f || (s != null && s.width && !h.current && (h.current = s == null ? void 0 : s.width), !(s != null && s.width) && h.current ? h.current + z * 2 + 1 : s != null && s.width ? s.width + z * 2 + 1 : B ?? 141), [f, s, z, B]);
-  return w(() => ({
-    width: Math.floor(k),
+    defaultWidth: z,
+    width: h,
+    ...k
+  } = x, {
+    _: L
+  } = I(), i = ((m = F.useToken().token.Table) == null ? void 0 : m.cellPaddingInline) ?? q, u = T(null), s = M(u), f = T(0), N = B(() => h || (s != null && s.width && !f.current && (f.current = s == null ? void 0 : s.width), !(s != null && s.width) && f.current ? f.current + i * 2 + 1 : s != null && s.width ? s.width + i * 2 + 1 : z ?? 141), [h, s, i, z]);
+  return B(() => ({
+    width: Math.floor(N),
     mobileHide: !0,
     isOperationCol: !0,
-    title: "操作",
+    title: L(
+      /*i18n*/
+      {
+        id: "5oBbwZ"
+      }
+    ),
     fixed: "right",
     key: "operationCol",
     dataIndex: "operationCol",
     className: "operationCol",
     disabled: !0,
-    render: (j, N, y) => {
-      var u, e;
-      const S = ((u = o == null ? void 0 : o(N, y)) == null ? void 0 : u.filter((l) => l.type != "detail")) ?? [], i = ((e = r == null ? void 0 : r(N, y)) == null ? void 0 : e.filter((l) => {
-        var c;
-        const t = typeof l.hidden == "function" ? (c = l.hidden) == null ? void 0 : c.call(l) : l.hidden;
-        return l.type != "detail" && !t;
+    render: (S, b, y) => {
+      var t, r;
+      const a = ((t = o == null ? void 0 : o(b, y)) == null ? void 0 : t.filter((e) => e.type != "detail")) ?? [], C = ((r = l == null ? void 0 : l(b, y)) == null ? void 0 : r.filter((e) => {
+        var R;
+        const c = typeof e.hidden == "function" ? (R = e.hidden) == null ? void 0 : R.call(e) : e.hidden;
+        return e.type != "detail" && !c;
       })) ?? [];
-      return /* @__PURE__ */ n.jsx(K, { actionGroup: i, customActions: S, loading: p, maxCount: d, useMaxWidth: g.useMaxWidth, ref: a, width: f });
+      return /* @__PURE__ */ n.jsx(K, { actionGroup: C, customActions: a, loading: p, maxCount: d, useMaxWidth: k.useMaxWidth, ref: u, width: h });
     },
-    ...g
-  }), [k, a.current, p, d, r, o]);
+    ...k
+  }), [N, u.current, p, d, l, o]);
 }
 export {
   K as BitzTableAction,
-  ne as default
+  le as default
 };