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

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

@@ -20,7 +20,9 @@ const R = ({
   } = x({
     id: t == null ? void 0 : t.field
     // disabled: item?.disabled,
-  }), { token: s } = y.useToken(), u = {
+  }), {
+    token: s
+  } = y.useToken(), u = {
     gap: 8,
     transition: d,
     transform: D.Transform.toString(m),
@@ -30,40 +32,28 @@ const R = ({
     ...l && {
       backgroundColor: s.colorBgContainer
     }
-  }, [p, n] = I(!1), g = ({ target: S }) => {
+  }, [p, n] = I(!1), g = ({
+    target: S
+  }) => {
     r == null || r(t.field, S.checked);
   };
-  return /* @__PURE__ */ e.jsxs(
-    a,
-    {
-      align: "center",
-      className: h({ sortItemDragging: o }, "sortItem"),
-      style: u,
-      ref: c,
-      onMouseEnter: () => n(!0),
-      onMouseLeave: () => n(!1),
-      ...i,
-      children: [
-        /* @__PURE__ */ e.jsx(a, { align: "center", className: "dragIcon", ...f, children: /* @__PURE__ */ e.jsx(
-          w,
-          {
-            size: s.fontSize + 4,
-            style: { opacity: p ? 1 : 0.3 }
-          }
-        ) }),
-        /* @__PURE__ */ e.jsx(
-          N,
-          {
-            value: t.field,
-            checked: t.show,
-            onChange: g,
-            title: t.title,
-            children: t.title
-          }
-        )
-      ]
-    }
-  );
+  return /* @__PURE__ */ e.jsxs(a, { align: "center", className: h({
+    sortItemDragging: o
+  }, "sortItem"), style: u, ref: c, onMouseEnter: () => n(!0), onMouseLeave: () => n(!1), ...i, children: [
+    /* @__PURE__ */ e.jsx(a, { align: "center", className: "dragIcon", ...f, children: /* @__PURE__ */ e.jsx(w, { size: s.fontSize + 4, style: {
+      opacity: p ? 1 : 0.3
+    } }) }),
+    /* @__PURE__ */ e.jsx(
+      N,
+      {
+        value: t.field,
+        checked: t.show,
+        onChange: g,
+        title: t.title,
+        children: t.title
+      }
+    )
+  ] });
 }, B = j.memo(R);
 export {
   B as default

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

@@ -3,12 +3,21 @@ import { DndContext as j, closestCenter as u, DragOverlay as h } from "../../../
 import { SortableContext as v, rectSortingStrategy as y, arrayMove as l } from "../../../../../node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
 import { useState as C } from "react";
 import m from "./DndItem.mjs";
-const E = ({ dataList: r, keys: a, onChange: x, onMoveEnd: d }) => {
+const E = ({
+  dataList: r,
+  keys: a,
+  onChange: x,
+  onMoveEnd: d
+}) => {
   const [s, c] = C(-1), f = (t) => {
-    const { active: e } = t;
+    const {
+      active: e
+    } = t;
     e && c(e.data.current.sortable.index);
   }, D = (t) => {
-    const { over: e } = t;
+    const {
+      over: e
+    } = t;
     if (e) {
       const n = e.data.current.sortable.index;
       s !== n && (g(s, n), c(-1));
@@ -20,33 +29,10 @@ const E = ({ dataList: r, keys: a, onChange: x, onMoveEnd: d }) => {
     const n = r.findIndex((S) => S.field === t), i = JSON.parse(JSON.stringify(r));
     i[n].show = e, x(i);
   };
-  return /* @__PURE__ */ o.jsx(
-    j,
-    {
-      collisionDetection: u,
-      onDragStart: f,
-      onDragEnd: D,
-      onDragCancel: () => c(-1),
-      children: /* @__PURE__ */ o.jsx(v, { items: a, strategy: y, children: /* @__PURE__ */ o.jsxs("div", { className: "sortList", children: [
-        r.map((t) => /* @__PURE__ */ o.jsx(
-          m,
-          {
-            item: t,
-            onCheckboxChange: p
-          },
-          t.field
-        )),
-        /* @__PURE__ */ o.jsx(h, { children: s !== -1 && /* @__PURE__ */ o.jsx(
-          m,
-          {
-            item: r[s],
-            isDragOverlay: !0
-          },
-          r[s].field
-        ) })
-      ] }) })
-    }
-  );
+  return /* @__PURE__ */ o.jsx(j, { collisionDetection: u, onDragStart: f, onDragEnd: D, onDragCancel: () => c(-1), children: /* @__PURE__ */ o.jsx(v, { items: a, strategy: y, children: /* @__PURE__ */ o.jsxs("div", { className: "sortList", children: [
+    r.map((t) => /* @__PURE__ */ o.jsx(m, { item: t, onCheckboxChange: p }, t.field)),
+    /* @__PURE__ */ o.jsx(h, { children: s !== -1 && /* @__PURE__ */ o.jsx(m, { item: r[s], isDragOverlay: !0 }, r[s].field) })
+  ] }) }) });
 };
 export {
   E as default

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

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

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

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from "react";
+import { FC, ReactNode } from 'react';
 interface RadioCardProps {
     label: string;
     value: any;

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

@@ -1,13 +1,16 @@
-import { j as r } from "../../../../../node_modules/react/jsx-runtime.mjs";
-import { Radio as i, Flex as o, Typography as s } from "antd";
-const d = ({
-  label: e,
+import { j as e } from "../../../../../node_modules/react/jsx-runtime.mjs";
+import { Radio as n, Flex as s, Typography as a } from "antd";
+const x = ({
+  label: r,
   value: t,
-  children: a
-}) => /* @__PURE__ */ r.jsx(i, { value: t, children: /* @__PURE__ */ r.jsxs(o, { vertical: !0, align: "center", gap: 8, children: [
-  a,
-  /* @__PURE__ */ r.jsx(s.Text, { children: e })
+  children: i
+}) => /* @__PURE__ */ e.jsx(n, { value: t, children: /* @__PURE__ */ e.jsxs(s, { vertical: !0, align: "center", justify: "center", gap: 8, children: [
+  i,
+  /* @__PURE__ */ e.jsx(a.Text, { style: {
+    flex: 1,
+    textAlign: "center"
+  }, children: r })
 ] }) });
 export {
-  d as default
+  x as default
 };

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

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