bitz-react-admin-ui 2.2.8 → 2.3.0

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

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

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

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

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

@@ -1,8 +1,8 @@
 import { j as e } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { Segmented as _, message as V } from "antd";
-import { useState as m, useContext as w, useRef as j, useMemo as $ } from "react";
+import { Segmented as _, message as w } from "antd";
+import { useState as m, useContext as H, useRef as j, useMemo as $ } from "react";
 import { BitzTableContext as ee } from "../../Store/index.mjs";
-import A from "../../../BitzButton/index.mjs";
+import L from "../../../BitzButton/index.mjs";
 import te from "../../../BitzTheme/index.mjs";
 import oe from "./StylesConfig/index.mjs";
 import re from "./ColumnsSort/index.mjs";
@@ -11,29 +11,49 @@ import { BitzConfigContext as ne } from "../../../BitzConfigProvider/context.mjs
 import le from "../Modal/index.mjs";
 import ie from "../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/CheckCircleOutlined.mjs";
 import ae from "../../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/omit.mjs";
-const fe = "导出设置", he = ({ open: H, title: L, onChange: n, close: l, getContainer: I }) => {
+const fe = "导出设置", he = ({
+  open: A,
+  title: D,
+  onChange: n,
+  close: l,
+  getContainer: I
+}) => {
   const { token: T } = te.useToken(), [i, a] = m(1), [q, c] = m(!1);
   m(!1);
-  const [G, o] = m(!1), { persistenceType: J, persistenceKey: R, onlineChange: u, setColumnsMap: N, stylesStorageType: P, stylesStorageKey: b, setTableStylesConfig: p, onlineStylesConfigChange: g, defaultTableExportConfig: Q, exportStorageType: U, exportStorageKey: h, setTableExportConfig: W, onlineExportConfigChange: d } = w(ee), r = w(ne).Table, s = j(null), k = j(null), x = j(null), X = async () => {
-    var B, v, z, D, E, F, K, M, O;
+  const [G, o] = m(!1), {
+    persistenceType: J,
+    persistenceKey: R,
+    onlineChange: u,
+    setColumnsMap: N,
+    stylesStorageType: P,
+    stylesStorageKey: b,
+    setTableStylesConfig: p,
+    onlineStylesConfigChange: d,
+    defaultTableExportConfig: Q,
+    exportStorageType: U,
+    exportStorageKey: h,
+    setTableExportConfig: W,
+    onlineExportConfigChange: g
+  } = H(ee), r = H(ne).Table, s = j(null), k = j(null), x = j(null), X = async () => {
+    var v, z, B, E, F, K, M, O, V;
     if (G)
       return;
     o(!0);
-    const t = (B = s.current) == null ? void 0 : B.getCheckedKeys();
+    const t = (v = s.current) == null ? void 0 : v.getCheckedKeys();
     if (!(t != null && t.length)) {
-      a(2), V.error("表格至少需要显示一列"), o(!1);
+      a(2), w.error("表格至少需要显示一列"), o(!1);
       return;
     }
-    if (!((v = x.current) == null ? void 0 : v.hasOne())) {
-      a(3), V.error("导出设置至少需要一个字段"), o(!1);
+    if (!((z = x.current) == null ? void 0 : z.hasOne())) {
+      a(3), w.error("导出设置至少需要一个字段"), o(!1);
       return;
     }
-    const y = (z = k.current) == null ? void 0 : z.getFormInstance(), f = await (y == null ? void 0 : y.getFieldsValue()), Z = ae(f, "stylesScope"), C = {
-      ...(D = s.current) == null ? void 0 : D.getLeftSortColumns(),
-      ...(E = s.current) == null ? void 0 : E.getCenterSortColumns(),
-      ...(F = s.current) == null ? void 0 : F.getRightSortColumns()
-    }, S = ((K = x.current) == null ? void 0 : K.getExportConfig()) ?? Q;
-    p == null || p(Z), (M = r == null ? void 0 : r.setStylesScope) == null || M.call(r, f.stylesScope ? "global" : "current"), N(C), W(S), P === "online" && b && (g == null || g(b, f)), J === "online" && R && (u == null || u(R, C)), U === "online" && h && (d == null || d(h, S)), o(!1), n ? (c(!0), (O = n == null ? void 0 : n(f, C, S)) == null || O.finally(() => {
+    const y = (B = k.current) == null ? void 0 : B.getFormInstance(), f = await (y == null ? void 0 : y.getFieldsValue()), Z = ae(f, "stylesScope"), C = {
+      ...(E = s.current) == null ? void 0 : E.getLeftSortColumns(),
+      ...(F = s.current) == null ? void 0 : F.getCenterSortColumns(),
+      ...(K = s.current) == null ? void 0 : K.getRightSortColumns()
+    }, S = ((M = x.current) == null ? void 0 : M.getExportConfig()) ?? Q;
+    p == null || p(Z), (O = r == null ? void 0 : r.setStylesScope) == null || O.call(r, f.stylesScope ? "global" : "current"), N(C), W(S), P === "online" && b && (d == null || d(b, f)), J === "online" && R && (u == null || u(R, C)), U === "online" && h && (g == null || g(h, S)), o(!1), n ? (c(!0), (V = n == null ? void 0 : n(f, C, S)) == null || V.finally(() => {
       c(!1), l();
     })) : l();
   };
@@ -41,18 +61,62 @@ const fe = "导出设置", he = ({ open: H, title: L, onChange: n, close: l, get
   const Y = () => {
     a(1), c(!1), o(!1);
   };
-  return e.jsx(le, { open: H, title: L, close: l, closeAfter: Y, getContainer: I, footer: e.jsxs(e.Fragment, { children: [e.jsx(A, {
-    type: "primary",
-    icon: e.jsx(ie, {}),
-    onClick: X,
-    // disabled={!isEdit}
-    loading: q,
-    children: "保存"
-  }), e.jsx(A, { onClick: l, children: "取消" })] }), extra: e.jsx(_, { size: "large", options: [
-    { label: "外观设置", value: 1 },
-    { label: "列设置", value: 2 },
-    { label: fe, value: 3 }
-  ], value: i, onChange: a }), children: (t) => e.jsxs(e.Fragment, { children: [e.jsx(oe, { ref: k, display: i === 1 }), e.jsx(re, { parentHeight: t, ref: s, display: i === 2 }), e.jsx(se, { parentHeight: t, refInstance: x, display: i === 3, showSelectRadio: !1 })] }) });
+  return /* @__PURE__ */ e.jsx(
+    le,
+    {
+      open: A,
+      title: D,
+      close: l,
+      closeAfter: Y,
+      getContainer: I,
+      footer: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx(
+          L,
+          {
+            type: "primary",
+            icon: /* @__PURE__ */ e.jsx(ie, {}),
+            onClick: X,
+            loading: q,
+            children: "保存"
+          }
+        ),
+        /* @__PURE__ */ e.jsx(L, { onClick: l, children: "取消" })
+      ] }),
+      extra: /* @__PURE__ */ e.jsx(
+        _,
+        {
+          size: "large",
+          options: [
+            { label: "外观设置", value: 1 },
+            { label: "列设置", value: 2 },
+            { label: fe, value: 3 }
+          ],
+          value: i,
+          onChange: a
+        }
+      ),
+      children: (t) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx(oe, { ref: k, display: i === 1 }),
+        /* @__PURE__ */ e.jsx(
+          re,
+          {
+            parentHeight: t,
+            ref: s,
+            display: i === 2
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          se,
+          {
+            parentHeight: t,
+            refInstance: x,
+            display: i === 3,
+            showSelectRadio: !1
+          }
+        )
+      ] })
+    }
+  );
 };
 export {
   he as default,

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

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

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

@@ -1,17 +1,26 @@
 import { j as s } from "../../../../../node_modules/.store/react@18.2.0/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/.store/@dnd-kit_core@6.1.0/node_modules/@dnd-kit/core/dist/core.esm.mjs";
-import { restrictToVerticalAxis as K, restrictToWindowEdges as A } from "../../../../../node_modules/.store/@dnd-kit_modifiers@6.0.1/node_modules/@dnd-kit/modifiers/dist/modifiers.esm.mjs";
-import { SortableContext as N, verticalListSortingStrategy as O, arrayMove as R } from "../../../../../node_modules/.store/@dnd-kit_sortable@7.0.2/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/.store/@dnd-kit_core@6.1.0/node_modules/@dnd-kit/core/dist/core.esm.mjs";
+import { restrictToVerticalAxis as k, restrictToWindowEdges as A } from "../../../../../node_modules/.store/@dnd-kit_modifiers@6.0.1/node_modules/@dnd-kit/modifiers/dist/modifiers.esm.mjs";
+import { SortableContext as N, verticalListSortingStrategy as O, arrayMove as T } from "../../../../../node_modules/.store/@dnd-kit_sortable@7.0.2/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/.store/lodash-es@4.17.21/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