bitz-react-admin-ui 2.8.0 → 2.8.2

package/dist/components/BitzTable/Table/style.mjs

@@ -1,4 +1,13 @@
-const F = ({ height: w, token: i, evenRowBgColor: y, table: o, gap: I, borderColor: R, scrollbarWidth: e, other: u }) => {
+const F = ({
+  height: w,
+  token: i,
+  evenRowBgColor: y,
+  table: o,
+  gap: I,
+  borderColor: R,
+  scrollbarWidth: e,
+  other: u
+}) => {
   var h, g, r, x, n, T, p, s, d, $, m, H, C, S, f, c, k, z, B, v;
   return {
     height: w,

package/dist/components/BitzTable/Table/utils.mjs

@@ -7,10 +7,17 @@ function S(t) {
     return e != null && e.isOperationCol || e != null && e.isCheckboxCol || e != null && e.isExpandIconCol || I.includes(e) ? e : (o != null && o.children && (o.children = S(o == null ? void 0 : o.children)), {
       ...o,
       sorter: !1,
-      render: (c, d, n) => E.jsx(O, { active: !0, title: !1, paragraph: {
-        rows: 1,
-        width: (n + 1) % 2 === 0 ? "100%" : "60%"
-      } })
+      render: (c, d, n) => /* @__PURE__ */ E.jsx(
+        O,
+        {
+          active: !0,
+          title: !1,
+          paragraph: {
+            rows: 1,
+            width: (n + 1) % 2 === 0 ? "100%" : "60%"
+          }
+        }
+      )
     });
   });
 }

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

@@ -15,9 +15,18 @@ const c = "-", m = a`
   }
 `, f = ({ value: o, children: s }) => {
   const t = e(() => o || c, [o]), i = e(() => r ? { open: !1 } : { title: t }, [r, t]);
-  return p.jsx(l.Text, { ellipsis: {
-    tooltip: i
-  }, style: { fontSize: "inherit", width: "100%" }, copyable: !!o, className: m, children: s || t });
+  return /* @__PURE__ */ p.jsx(
+    l.Text,
+    {
+      ellipsis: {
+        tooltip: i
+      },
+      style: { fontSize: "inherit", width: "100%" },
+      copyable: !!o,
+      className: m,
+      children: s || t
+    }
+  );
 }, T = n(f);
 export {
   T as default

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

@@ -5,36 +5,56 @@ import { BitzTableContext as de } from "../../Store/index.mjs";
 import q from "../../../BitzButton/index.mjs";
 import he from "../../../BitzTheme/index.mjs";
 import xe from "./StylesConfig/index.mjs";
-import Ce from "./ColumnsSort/index.mjs";
-import ye from "./ExportConfig/index.mjs";
+import ye from "./ColumnsSort/index.mjs";
+import Ce from "./ExportConfig/index.mjs";
 import { BitzConfigContext as Se } from "../../../BitzConfigProvider/context.mjs";
 import He from "../Modal/index.mjs";
 import { blockGap as J, modalHeaderHeight as P, modalFooterHeight as Q } from "../Modal/style.mjs";
 import je from "../../../../node_modules/@ant-design/icons/es/icons/CheckCircleOutlined.mjs";
 import Ee from "../../../../node_modules/lodash-es/omit.mjs";
-const Te = "导出设置", Ae = ({ open: p, title: U, onChange: u, close: g, getContainer: X }) => {
-  const { token: b } = he.useToken(), [s, i] = f(-1), [Y, d] = f(!1);
+const Te = "导出设置", Ae = ({
+  open: p,
+  title: U,
+  onChange: u,
+  close: g,
+  getContainer: X
+}) => {
+  const { token: b } = he.useToken(), [n, i] = f(-1), [Y, d] = f(!1);
   f(!1);
-  const [Z, c] = f(!1), { persistenceType: _, persistenceKey: k, onlineChange: h, setColumnsMap: ee, stylesStorageType: te, stylesStorageKey: v, setTableStylesConfig: x, onlineStylesConfigChange: C, defaultTableExportConfig: oe, exportStorageType: re, exportStorageKey: w, setTableExportConfig: ne, onlineExportConfigChange: y } = W(de), a = W(Se).Table, m = l(null), B = l(null), S = l(null), se = async () => {
-    var z, D, K, M, O, V, N, A, L;
+  const [Z, c] = f(!1), {
+    persistenceType: _,
+    persistenceKey: k,
+    onlineChange: h,
+    setColumnsMap: ee,
+    stylesStorageType: te,
+    stylesStorageKey: v,
+    setTableStylesConfig: x,
+    onlineStylesConfigChange: y,
+    defaultTableExportConfig: oe,
+    exportStorageType: re,
+    exportStorageKey: w,
+    setTableExportConfig: se,
+    onlineExportConfigChange: C
+  } = W(de), a = W(Se).Table, m = l(null), B = l(null), S = l(null), ne = async () => {
+    var F, K, M, O, V, N, L, A, D;
     if (Z)
       return;
     c(!0);
-    const e = (z = m.current) == null ? void 0 : z.getCheckedKeys();
+    const e = (F = m.current) == null ? void 0 : F.getCheckedKeys();
     if (!(e != null && e.length)) {
       i(2), I.error("表格至少需要显示一列"), c(!1);
       return;
     }
-    if (!((D = S.current) == null ? void 0 : D.hasOne())) {
+    if (!((K = S.current) == null ? void 0 : K.hasOne())) {
       i(3), I.error("导出设置至少需要一个字段"), c(!1);
       return;
     }
-    const o = (K = B.current) == null ? void 0 : K.getFormInstance(), n = await (o == null ? void 0 : o.getFieldsValue()), fe = Ee(n, "stylesScope"), T = {
-      ...(M = m.current) == null ? void 0 : M.getLeftSortColumns(),
-      ...(O = m.current) == null ? void 0 : O.getCenterSortColumns(),
-      ...(V = m.current) == null ? void 0 : V.getRightSortColumns()
-    }, R = ((N = S.current) == null ? void 0 : N.getExportConfig()) ?? oe;
-    x == null || x(fe), (A = a == null ? void 0 : a.setStylesScope) == null || A.call(a, n.stylesScope ? "global" : "current"), ee(T), ne(R), te === "online" && v && (C == null || C(v, n)), _ === "online" && k && (h == null || h(k, T)), re === "online" && w && (y == null || y(w, R)), c(!1), u ? (d(!0), (L = u == null ? void 0 : u(n, T, R)) == null || L.finally(() => {
+    const o = (M = B.current) == null ? void 0 : M.getFormInstance(), s = await (o == null ? void 0 : o.getFieldsValue()), fe = Ee(s, "stylesScope"), T = {
+      ...(O = m.current) == null ? void 0 : O.getLeftSortColumns(),
+      ...(V = m.current) == null ? void 0 : V.getCenterSortColumns(),
+      ...(N = m.current) == null ? void 0 : N.getRightSortColumns()
+    }, R = ((L = S.current) == null ? void 0 : L.getExportConfig()) ?? oe;
+    x == null || x(fe), (A = a == null ? void 0 : a.setStylesScope) == null || A.call(a, s.stylesScope ? "global" : "current"), ee(T), se(R), te === "online" && v && (y == null || y(v, s)), _ === "online" && k && (h == null || h(k, T)), re === "online" && w && (C == null || C(w, R)), c(!1), u ? (d(!0), (D = u == null ? void 0 : u(s, T, R)) == null || D.finally(() => {
       d(!1), g();
     })) : g();
   };
@@ -51,29 +71,83 @@ const Te = "导出设置", Ae = ({ open: p, title: U, onChange: u, close: g, get
     var o;
     const e = (o = j.current) == null ? void 0 : o.clientHeight, r = window.innerHeight - J - P - Q - 48 - e - 32;
     E.current[2] = window.innerHeight - J, ae(r);
-  }, F = (e, r) => {
-    var n;
-    const o = (n = j.current) == null ? void 0 : n.clientHeight;
+  }, z = (e, r) => {
+    var s;
+    const o = (s = j.current) == null ? void 0 : s.clientHeight;
     E.current[r] = P + Q + 48 + 32 + o + e;
   };
   return $(() => {
     var r, o;
     const e = (o = (r = H.current) == null ? void 0 : r.parentElement) == null ? void 0 : o.parentElement;
-    e && (e.style.height = `${E.current[s]}px`);
-  }, [s]), $(() => {
+    e && (e.style.height = `${E.current[n]}px`);
+  }, [n]), $(() => {
     p && i(1);
-  }, [p]), t.jsx(He, { open: p, title: U, close: g, closeAfter: le, getContainer: X, footer: t.jsxs(t.Fragment, { children: [t.jsx(q, {
-    type: "primary",
-    icon: t.jsx(je, {}),
-    onClick: se,
-    // disabled={!isEdit}
-    loading: Y,
-    children: "保存"
-  }), t.jsx(q, { onClick: g, children: "取消" })] }), children: t.jsx(ue, { className: "container", bordered: !1, ref: H, children: t.jsxs(G, { vertical: !0, align: "center", children: [t.jsx("div", { className: "segmentedWrapper", ref: j, children: t.jsx(ge, { size: "large", options: [
-    { label: "外观设置", value: 1 },
-    { label: "列设置", value: 2 },
-    { label: Te, value: 3 }
-  ], value: s, onChange: ie }) }), t.jsxs(G, { className: "containerBody", children: [t.jsx(xe, { ref: B, postHeight: (e) => F(e, 1), display: s === 1 }), t.jsx(Ce, { ref: m, postHeight: me, height: ce, display: s === 2 }), t.jsx(ye, { refInstance: S, postHeight: (e) => F(e, 3), display: s === 3, showSelectRadio: !1 })] })] }) }) });
+  }, [p]), /* @__PURE__ */ t.jsx(
+    He,
+    {
+      open: p,
+      title: U,
+      close: g,
+      closeAfter: le,
+      getContainer: X,
+      footer: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+        /* @__PURE__ */ t.jsx(
+          q,
+          {
+            type: "primary",
+            icon: /* @__PURE__ */ t.jsx(je, {}),
+            onClick: ne,
+            loading: Y,
+            children: "保存"
+          }
+        ),
+        /* @__PURE__ */ t.jsx(q, { onClick: g, children: "取消" })
+      ] }),
+      children: /* @__PURE__ */ t.jsx(ue, { className: "container", bordered: !1, ref: H, children: /* @__PURE__ */ t.jsxs(G, { vertical: !0, align: "center", children: [
+        /* @__PURE__ */ t.jsx("div", { className: "segmentedWrapper", ref: j, children: /* @__PURE__ */ t.jsx(
+          ge,
+          {
+            size: "large",
+            options: [
+              { label: "外观设置", value: 1 },
+              { label: "列设置", value: 2 },
+              { label: Te, value: 3 }
+            ],
+            value: n,
+            onChange: ie
+          }
+        ) }),
+        /* @__PURE__ */ t.jsxs(G, { className: "containerBody", children: [
+          /* @__PURE__ */ t.jsx(
+            xe,
+            {
+              ref: B,
+              postHeight: (e) => z(e, 1),
+              display: n === 1
+            }
+          ),
+          /* @__PURE__ */ t.jsx(
+            ye,
+            {
+              ref: m,
+              postHeight: me,
+              height: ce,
+              display: n === 2
+            }
+          ),
+          /* @__PURE__ */ t.jsx(
+            Ce,
+            {
+              refInstance: S,
+              postHeight: (e) => z(e, 3),
+              display: n === 3,
+              showSelectRadio: !1
+            }
+          )
+        ] })
+      ] }) })
+    }
+  );
 };
 export {
   Ae as default,

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

@@ -1,29 +1,58 @@
-import { j as t } from "../../../../../node_modules/react/jsx-runtime.mjs";
+import { j as e } from "../../../../../node_modules/react/jsx-runtime.mjs";
 import F, { useState as E, useMemo as M } from "react";
 import { useSortable as O } from "../../../../../node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
-import { CSS as k } from "../../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.mjs";
-import { theme as j, Flex as p, Checkbox as _, Tooltip as v } from "antd";
+import { CSS as v } from "../../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.mjs";
+import { theme as j, Flex as d, Checkbox as _, Tooltip as k } from "antd";
 import $ from "../../../../../node_modules/classnames/index.mjs";
 import q from "../../../../../assets/iconfont/IconDragOrder.mjs";
 import u from "../../../../../assets/iconfont/IconColumnFixedLeft.mjs";
 import x from "../../../../../assets/iconfont/IconColumnFixedRight.mjs";
 import g from "../../../../../assets/iconfont/IconColumnCancelFixed.mjs";
-const h = ({ icon: e, className: i, open: o, title: r, onClick: s }) => {
+const h = ({ icon: t, className: i, open: o, title: r, onClick: s }) => {
   const { token: n } = j.useToken();
-  return t.jsx(v, { getTooltipContainer: (a) => a.parentElement, title: r, open: o ? !1 : void 0, children: t.jsx(e, { size: n.fontSize + 4, className: i, onClick: s }) });
-}, A = ({ item: e, isDragOverlay: i, placement: o, onLeftClick: r, onRightClick: s, onCheckboxChange: n }) => {
-  const { attributes: a, isDragging: l, setNodeRef: I, listeners: y, transform: S, transition: N } = O({
-    id: e == null ? void 0 : e.key
+  return /* @__PURE__ */ e.jsx(
+    k,
+    {
+      getTooltipContainer: (a) => a.parentElement,
+      title: r,
+      open: o ? !1 : void 0,
+      children: /* @__PURE__ */ e.jsx(
+        t,
+        {
+          size: n.fontSize + 4,
+          className: i,
+          onClick: s
+        }
+      )
+    }
+  );
+}, A = ({
+  item: t,
+  isDragOverlay: i,
+  placement: o,
+  onLeftClick: r,
+  onRightClick: s,
+  onCheckboxChange: n
+}) => {
+  const {
+    attributes: a,
+    isDragging: l,
+    setNodeRef: I,
+    listeners: y,
+    transform: S,
+    transition: N
+  } = O({
+    id: t == null ? void 0 : t.key
     // disabled: item?.disabled,
   }), { token: T } = j.useToken(), w = {
     transition: N,
-    transform: k.Transform.toString(S),
+    transform: v.Transform.toString(S),
     ...l && {
       opacity: 0.6
     }
   }, z = ({ target: D }) => {
-    n == null || n(e.key, D.checked);
-  }, [c, f] = E(!1), { text: m, icon: d } = M(() => o === "left" ? {
+    n == null || n(t.key, D.checked);
+  }, [c, f] = E(!1), { text: m, icon: p } = M(() => o === "left" ? {
     text: {
       left: "取消固定",
       right: "固定在右侧"
@@ -51,18 +80,70 @@ const h = ({ icon: e, className: i, open: o, title: r, onClick: s }) => {
       right: g
     }
   }, [o]);
-  return t.jsxs("div", { className: $({ sortItemDragging: l }, "sortItem", {
-    showSortItemOperat: c && !i
-  }), style: w, ref: I, onMouseEnter: () => f(!0), onMouseLeave: () => f(!1), ...a, children: [t.jsx(p, { align: "center", className: "dragIcon", ...y, children: t.jsx(q, { size: T.fontSize + 4, style: { opacity: c ? 1 : 0.3 } }) }), t.jsx(_, {
-    checked: e.show,
-    // className={checkboxCls}
-    onChange: z,
-    title: e.title,
-    children: e.title
-  }), t.jsxs(p, { style: {
-    height: "100%",
-    display: c && !i ? "flex" : "none"
-  }, align: "center", className: "operation pointerCursor", children: [t.jsx(h, { className: "leftOperation", title: m.left, open: l, icon: d.left, onClick: () => r == null ? void 0 : r(e.key, o) }), t.jsx(h, { className: "rightOperation", title: m.right, open: l, icon: d.right, onClick: () => s == null ? void 0 : s(e.key, o) })] })] });
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: $({ sortItemDragging: l }, "sortItem", {
+        showSortItemOperat: c && !i
+      }),
+      style: w,
+      ref: I,
+      onMouseEnter: () => f(!0),
+      onMouseLeave: () => f(!1),
+      ...a,
+      children: [
+        /* @__PURE__ */ e.jsx(d, { align: "center", className: "dragIcon", ...y, children: /* @__PURE__ */ e.jsx(
+          q,
+          {
+            size: T.fontSize + 4,
+            style: { opacity: c ? 1 : 0.3 }
+          }
+        ) }),
+        /* @__PURE__ */ e.jsx(
+          _,
+          {
+            checked: t.show,
+            onChange: z,
+            title: t.title,
+            children: t.title
+          }
+        ),
+        /* @__PURE__ */ e.jsxs(
+          d,
+          {
+            style: {
+              height: "100%",
+              display: c && !i ? "flex" : "none"
+            },
+            align: "center",
+            className: "operation pointerCursor",
+            children: [
+              /* @__PURE__ */ e.jsx(
+                h,
+                {
+                  className: "leftOperation",
+                  title: m.left,
+                  open: l,
+                  icon: p.left,
+                  onClick: () => r == null ? void 0 : r(t.key, o)
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                h,
+                {
+                  className: "rightOperation",
+                  title: m.right,
+                  open: l,
+                  icon: p.right,
+                  onClick: () => s == null ? void 0 : s(t.key, o)
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
 }, W = F.memo(A);
 export {
   W as default

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

@@ -1,17 +1,26 @@
 import { j as s } from "../../../../../node_modules/react/jsx-runtime.mjs";
-import { genColumnKey as S, columnSort as w } from "../../../Store/utils/index.mjs";
-import { DndContext as k, closestCenter as E, DragOverlay as I } from "../../../../../node_modules/@dnd-kit/core/dist/core.esm.mjs";
-import { restrictToVerticalAxis as K, restrictToWindowEdges as A } from "../../../../../node_modules/@dnd-kit/modifiers/dist/modifiers.esm.mjs";
-import { SortableContext as N, verticalListSortingStrategy as O, arrayMove as R } from "../../../../../node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
-import { Flex as T } from "antd";
-import { useMemo as F, useState as V } from "react";
-import g from "./DndItem.mjs";
+import { genColumnKey as w, columnSort as S } from "../../../Store/utils/index.mjs";
+import { DndContext as I, closestCenter as E, DragOverlay as K } from "../../../../../node_modules/@dnd-kit/core/dist/core.esm.mjs";
+import { restrictToVerticalAxis as k, restrictToWindowEdges as A } from "../../../../../node_modules/@dnd-kit/modifiers/dist/modifiers.esm.mjs";
+import { SortableContext as N, verticalListSortingStrategy as O, arrayMove as T } from "../../../../../node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
+import { Flex as F } from "antd";
+import { useMemo as R, useState as V } from "react";
+import u from "./DndItem.mjs";
 import W from "../../../../../node_modules/lodash-es/omit.mjs";
-const U = ({ placement: h, dataList: t, keys: d, columnsMap: c, onLeftClick: u, onRightClick: p, onChange: C, onMoveEnd: D }) => {
-  const x = F(() => {
+const U = ({
+  placement: g,
+  dataList: t,
+  keys: d,
+  columnsMap: c,
+  onLeftClick: h,
+  onRightClick: p,
+  onChange: j,
+  onMoveEnd: v
+}) => {
+  const x = R(() => {
     const e = [];
-    return t != null && t.length && (t == null || t.map((o) => {
-      const { key: r, dataIndex: l, ...m } = o, a = S(o, [r || l].join("-")), n = c[a || "null"];
+    return t != null && t.length && (t == null || t.map((r) => {
+      const { key: o, dataIndex: l, ...m } = r, a = w(r, [o || l].join("-")), n = c[a || "null"];
       return e.push({
         key: a,
         ...W(m, ["className"]),
@@ -19,29 +28,59 @@ const U = ({ placement: h, dataList: t, keys: d, columnsMap: c, onLeftClick: u,
         disabled: (n == null ? void 0 : n.disabled) === !0,
         show: n == null ? void 0 : n.show
       }), n;
-    })), e.sort(w(c));
-  }, [c, t]), [i, f] = V(-1), j = (e) => {
-    const { active: o } = e;
-    o && f(o.data.current.sortable.index);
-  }, v = (e) => {
-    const { over: o } = e;
-    if (o) {
-      const r = o.data.current.sortable.index;
-      i !== r && (y(i, r), f(-1));
+    })), e.sort(S(c));
+  }, [c, t]), [i, f] = V(-1), y = (e) => {
+    const { active: r } = e;
+    r && f(r.data.current.sortable.index);
+  }, D = (e) => {
+    const { over: r } = e;
+    if (r) {
+      const o = r.data.current.sortable.index;
+      i !== o && (C(i, o), f(-1));
     }
-  }, y = (e, o) => {
-    const r = {}, l = R(d, e, o);
+  }, C = (e, r) => {
+    const o = {}, l = T(d, e, r);
     l.forEach((m, a) => {
-      r[m] = { ...c[m], order: a };
-    }), D(r, l);
-  }, b = (e, o) => {
-    const r = { ...c };
-    r[e] = { ...r[e], show: o }, C(
-      r
+      o[m] = { ...c[m], order: a };
+    }), v(o, l);
+  }, b = (e, r) => {
+    const o = { ...c };
+    o[e] = { ...o[e], show: r }, j(
+      o
       /*, newCheckedKeys*/
     );
   };
-  return s.jsx(k, { modifiers: [K, A], collisionDetection: E, onDragStart: j, onDragEnd: v, onDragCancel: () => f(-1), children: s.jsx(N, { items: d, strategy: O, children: s.jsxs(T, { vertical: !0, className: "sortList", children: [x.map((e) => s.jsx(g, { item: e, placement: h, onLeftClick: u, onRightClick: p, onCheckboxChange: b }, e.key)), s.jsx(I, { children: i !== -1 && s.jsx(g, { item: x[i], isDragOverlay: !0 }, x[i].key) })] }) }) });
+  return /* @__PURE__ */ s.jsx(
+    I,
+    {
+      modifiers: [k, A],
+      collisionDetection: E,
+      onDragStart: y,
+      onDragEnd: D,
+      onDragCancel: () => f(-1),
+      children: /* @__PURE__ */ s.jsx(N, { items: d, strategy: O, children: /* @__PURE__ */ s.jsxs(F, { vertical: !0, className: "sortList", children: [
+        x.map((e) => /* @__PURE__ */ s.jsx(
+          u,
+          {
+            item: e,
+            placement: g,
+            onLeftClick: h,
+            onRightClick: p,
+            onCheckboxChange: b
+          },
+          e.key
+        )),
+        /* @__PURE__ */ s.jsx(K, { children: i !== -1 && /* @__PURE__ */ s.jsx(
+          u,
+          {
+            item: x[i],
+            isDragOverlay: !0
+          },
+          x[i].key
+        ) })
+      ] }) })
+    }
+  );
 };
 export {
   U as default