bitz-react-admin-ui 2.1.3 → 2.1.6

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

@@ -1,79 +1,94 @@
 import { j as e } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { create as A, useModal as G, antdModalV5 as I } from "@ebay/nice-modal-react";
-import { Modal as J, Typography as P, Card as Q, Segmented as U, Flex as X } from "antd";
-import { useState as p, useContext as M, useRef as T, useMemo as Y } from "react";
-import { BitzTableContext as Z } from "../../Store/index.mjs";
-import z from "../../../BitzButton/index.mjs";
-import _ from "../../../BitzTheme/index.mjs";
-import $ from "../../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
-import ee from "./StylesConfig/index.mjs";
-import te from "./ColumnsSort/index.mjs";
-import oe from "./ExportConfig/index.mjs";
-import { styles as re } from "./style.mjs";
-import { BitzConfigContext as se } from "../../../BitzConfigProvider/context.mjs";
-import le from "../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/CheckCircleOutlined.mjs";
-import ne from "../../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/omit.mjs";
-const be = A(
-  ({ title: R, onChange: r, getContainer: N }) => {
-    const { token: s } = _.useToken(), l = G(), [n, V] = p(1), [w, y] = p(!1);
-    p(!1);
-    const {
-      persistenceType: H,
-      persistenceKey: g,
-      onlineChange: a,
-      setColumnsMap: L,
-      setSortKeyColumns: E,
-      stylesStorageType: D,
-      stylesStorageKey: C,
-      setTableStylesConfig: m,
-      onlineStylesConfigChange: c
-      // clearPersistenceStorage,
-    } = M(Z), o = M(se).Table, t = T(null), x = T(null), O = async () => {
-      var S, j, h, b, k, v, B, F, K;
-      const d = (S = x.current) == null ? void 0 : S.getFormInstance(), f = await (d == null ? void 0 : d.getFieldsValue()), W = ne(f, "stylesScope"), u = {
-        ...(j = t.current) == null ? void 0 : j.getLeftSortColumns(),
-        ...(h = t.current) == null ? void 0 : h.getCenterSortColumns(),
-        ...(b = t.current) == null ? void 0 : b.getRightSortColumns()
-      }, q = [
-        ...(k = t.current) == null ? void 0 : k.getLeftSortKeys(),
-        ...(v = t.current) == null ? void 0 : v.getCenterSortKeys(),
-        ...(B = t.current) == null ? void 0 : B.getRightSortKeys()
-      ];
-      m == null || m(W), (F = o == null ? void 0 : o.setStylesScope) == null || F.call(o, f.stylesScope ? "global" : "current"), L(u), E(q), D === "online" && C && (c == null || c(C, f)), H === "online" && g && (a == null || a(g, u)), r ? (y(!0), (K = r == null ? void 0 : r(u)) == null || K.finally(() => {
-        y(!1), l.hide();
-      })) : l.hide();
-    }, i = Y(() => s.mode === "dark", [s.mode]);
+import { create as te, useModal as oe, antdModalV5 as re } from "@ebay/nice-modal-react";
+import { Modal as se, Typography as ne, Card as le, Segmented as ie, Flex as ae, message as D } from "antd";
+import { useState as c, useContext as W, useRef as h, useMemo as ce } from "react";
+import { BitzTableContext as me } from "../../Store/index.mjs";
+import q from "../../../BitzButton/index.mjs";
+import fe from "../../../BitzTheme/index.mjs";
+import de from "../../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
+import ue from "./StylesConfig/index.mjs";
+import pe from "./ColumnsSort/index.mjs";
+import ge from "./ExportConfig/index.mjs";
+import { styles as ye } from "./style.mjs";
+import { BitzConfigContext as Ce } from "../../../BitzConfigProvider/context.mjs";
+import xe from "../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/CheckCircleOutlined.mjs";
+import Se from "../../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/omit.mjs";
+const Oe = te(
+  ({ title: A, onChange: r, getContainer: G }) => {
+    const { token: s } = fe.useToken(), n = oe(), [l, m] = c(1), [I, j] = c(!1);
+    c(!1);
+    const [J, i] = c(!1), {
+      persistenceType: P,
+      persistenceKey: b,
+      onlineChange: f,
+      setColumnsMap: Q,
+      setSortKeyColumns: U,
+      stylesStorageType: X,
+      stylesStorageKey: K,
+      setTableStylesConfig: d,
+      onlineStylesConfigChange: u,
+      exportStorageType: Y,
+      exportStorageKey: T,
+      setTableExportConfig: Z,
+      onlineExportConfigChange: p
+    } = W(me), o = W(Ce).Table, t = h(null), k = h(null), g = h(null), _ = async () => {
+      var B, F, M, R, z, w, N, V, E, O, H, L;
+      if (J)
+        return;
+      i(!0);
+      const y = (B = t.current) == null ? void 0 : B.getCheckedKeys();
+      if (!(y != null && y.length)) {
+        m(2), D.error("表格至少需要显示一列"), i(!1);
+        return;
+      }
+      if (!((F = g.current) == null ? void 0 : F.hasOne())) {
+        m(3), D.error("导出设置至少需要一个字段"), i(!1);
+        return;
+      }
+      const C = (M = k.current) == null ? void 0 : M.getFormInstance(), x = await (C == null ? void 0 : C.getFieldsValue()), $ = Se(x, "stylesScope"), S = {
+        ...(R = t.current) == null ? void 0 : R.getLeftSortColumns(),
+        ...(z = t.current) == null ? void 0 : z.getCenterSortColumns(),
+        ...(w = t.current) == null ? void 0 : w.getRightSortColumns()
+      }, ee = [
+        ...((N = t.current) == null ? void 0 : N.getLeftSortKeys()) ?? [],
+        ...((V = t.current) == null ? void 0 : V.getCenterSortKeys()) ?? [],
+        ...((E = t.current) == null ? void 0 : E.getRightSortKeys()) ?? []
+      ], v = ((O = g.current) == null ? void 0 : O.getExportConfig()) ?? [];
+      d == null || d($), (H = o == null ? void 0 : o.setStylesScope) == null || H.call(o, x.stylesScope ? "global" : "current"), Q(S), U(ee), Z(v), X === "online" && K && (u == null || u(K, x)), P === "online" && b && (f == null || f(b, S)), Y === "online" && T && (p == null || p(T, v)), i(!1), r ? (j(!0), (L = r == null ? void 0 : r(S)) == null || L.finally(() => {
+        j(!1), n.hide();
+      })) : n.hide();
+    }, a = ce(() => s.mode === "dark", [s.mode]);
     return /* @__PURE__ */ e.jsx(
-      J,
+      se,
       {
-        className: $(re(s), "tableConfigModal"),
-        title: /* @__PURE__ */ e.jsx(P.Title, { style: { fontSize: 16, margin: 0 }, children: R }),
-        getContainer: N,
-        ...I(l),
+        className: de(ye(s), "tableConfigModal"),
+        title: /* @__PURE__ */ e.jsx(ne.Title, { style: { fontSize: 16, margin: 0 }, children: A }),
+        getContainer: G,
+        ...re(n),
         style: {
-          "--sortCard-bgColor": i ? "#444" : "#f2f2f2",
-          "--sortCard-titleColor": i ? "#ccc" : "#777",
-          "--radioCard-bgColor": i ? "#444" : "#F2F2F2",
-          "--radioCard-bgHoverColor": i ? "#333" : s.colorBgContainer
+          "--sortCard-bgColor": a ? "#444" : "#f2f2f2",
+          "--sortCard-titleColor": a ? "#ccc" : "#777",
+          "--radioCard-bgColor": a ? "#444" : "#F2F2F2",
+          "--radioCard-bgHoverColor": a ? "#333" : s.colorBgContainer
         },
         styles: { body: { maxHeight: window.innerHeight - 300 } },
         width: 700,
         footer: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           /* @__PURE__ */ e.jsx(
-            z,
+            q,
             {
               type: "primary",
-              icon: /* @__PURE__ */ e.jsx(le, {}),
-              onClick: O,
-              loading: w,
+              icon: /* @__PURE__ */ e.jsx(xe, {}),
+              onClick: _,
+              loading: I,
               children: "保存"
             }
           ),
-          /* @__PURE__ */ e.jsx(z, { onClick: () => l.hide(), children: "取消" })
+          /* @__PURE__ */ e.jsx(q, { onClick: () => n.hide(), children: "取消" })
         ] }),
-        children: /* @__PURE__ */ e.jsxs(Q, { className: "container", bordered: !1, children: [
+        children: /* @__PURE__ */ e.jsxs(le, { className: "container", bordered: !1, children: [
           /* @__PURE__ */ e.jsx("div", { className: "segmentedWrapper", children: /* @__PURE__ */ e.jsx(
-            U,
+            ie,
             {
               size: "large",
               options: [
@@ -81,14 +96,14 @@ const be = A(
                 { label: "列设置", value: 2 },
                 { label: "导出设置", value: 3 }
               ],
-              value: n,
-              onChange: V
+              value: l,
+              onChange: m
             }
           ) }),
-          /* @__PURE__ */ e.jsxs(X, { className: "containerBody", children: [
-            /* @__PURE__ */ e.jsx(ee, { ref: x, display: n === 1 }),
-            /* @__PURE__ */ e.jsx(te, { ref: t, display: n === 2 }),
-            /* @__PURE__ */ e.jsx(oe, { display: n === 3 })
+          /* @__PURE__ */ e.jsxs(ae, { className: "containerBody", children: [
+            /* @__PURE__ */ e.jsx(ue, { ref: k, display: l === 1 }),
+            /* @__PURE__ */ e.jsx(pe, { ref: t, display: l === 2 }),
+            /* @__PURE__ */ e.jsx(ge, { ref: g, display: l === 3 })
           ] })
         ] })
       }
@@ -96,5 +111,5 @@ const be = A(
   }
 );
 export {
-  be as default
+  Oe as default
 };

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

@@ -1,94 +1,151 @@
-import { j as s } from "../../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import E, { useState as O, useMemo as R } from "react";
-import { useSortable as v } from "../../../../../node_modules/.store/@dnd-kit_sortable@7.0.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
-import { CSS as w } from "../../../../../node_modules/.store/@dnd-kit_utilities@3.2.2/node_modules/@dnd-kit/utilities/dist/utilities.esm.mjs";
-import { Flex as f, Checkbox as D, Tooltip as M } from "antd";
-import h from "../../../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
-import i from "../../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/PicRightOutlined.mjs";
-const g = ({ icon: o, className: r, open: e, title: n, onClick: t }) => /* @__PURE__ */ s.jsx(
-  M,
+import { j as o } from "../../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import D, { useState as E, useMemo as F } from "react";
+import { useSortable as R } from "../../../../../node_modules/.store/@dnd-kit_sortable@7.0.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
+import { CSS as b } from "../../../../../node_modules/.store/@dnd-kit_utilities@3.2.2/node_modules/@dnd-kit/utilities/dist/utilities.esm.mjs";
+import { Flex as p, Checkbox as v, Tooltip as w } from "antd";
+import M from "../../../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
+import O from "../../../../../assets/iconfont/IconDragOrder.mjs";
+import g from "../../../../../assets/iconfont/IconColumnFixedLeft.mjs";
+import h from "../../../../../assets/iconfont/IconColumnFixedRight.mjs";
+import x from "../../../../../assets/iconfont/IconColumnCancelFixed.mjs";
+import "../../../../../assets/iconfont/IconMore.mjs";
+import "../../../../../assets/iconfont/IconIcFluentHomeRegular.mjs";
+import "../../../../../assets/iconfont/IconKuansongde.mjs";
+import "../../../../../assets/iconfont/IconTekuansong.mjs";
+import "../../../../../assets/iconfont/IconJincoude.mjs";
+import "../../../../../assets/iconfont/IconZhongdengde.mjs";
+import "../../../../../assets/iconfont/IconTejincou.mjs";
+import "../../../../../assets/iconfont/IconWufengexian.mjs";
+import "../../../../../assets/iconfont/IconHangliefengexian.mjs";
+import "../../../../../assets/iconfont/IconHangfengexian.mjs";
+import "../../../../../assets/iconfont/IconLiefengexian.mjs";
+import "../../../../../assets/iconfont/IconYoubanmawentianchong.mjs";
+import "../../../../../assets/iconfont/IconWubanmawentianchong.mjs";
+import "../../../../../assets/iconfont/IconZhongzhi.mjs";
+import "../../../../../assets/iconfont/IconGaojisousuo.mjs";
+import "../../../../../assets/iconfont/IconSousuo.mjs";
+import "../../../../../assets/iconfont/IconClose.mjs";
+import "../../../../../assets/iconfont/IconFanhui.mjs";
+import "../../../../../assets/iconfont/IconJinggao.mjs";
+import "../../../../../assets/iconfont/IconIcon21.mjs";
+import "../../../../../assets/iconfont/IconChenggong.mjs";
+import "../../../../../assets/iconfont/IconTishi1.mjs";
+import "../../../../../assets/iconfont/IconDuigoux.mjs";
+import "../../../../../assets/iconfont/IconCuowu.mjs";
+import "../../../../../assets/iconfont/IconXinxitishi.mjs";
+import "../../../../../assets/iconfont/IconFabu.mjs";
+import "../../../../../assets/iconfont/IconShanchu1.mjs";
+import "../../../../../assets/iconfont/IconShanchu.mjs";
+import "../../../../../assets/iconfont/IconTuodong.mjs";
+const d = ({ icon: t, className: r, open: e, title: i, onClick: n }) => /* @__PURE__ */ o.jsx(
+  w,
   {
-    getTooltipContainer: (l) => l.parentElement,
-    title: n,
+    getTooltipContainer: (s) => s.parentElement,
+    title: i,
     open: e ? !1 : void 0,
-    children: /* @__PURE__ */ s.jsx(o, { className: r, onClick: t })
+    children: /* @__PURE__ */ o.jsx(t, { className: r, onClick: n })
   }
 ), T = ({
-  item: o,
+  item: t,
   placement: r,
   onLeftClick: e,
-  onRightClick: n,
-  onCheckboxChange: t
+  onRightClick: i,
+  onCheckboxChange: n
 }) => {
   const {
-    attributes: l,
-    isDragging: a,
+    attributes: s,
+    isDragging: m,
     setNodeRef: u,
-    listeners: x,
-    transform: p,
-    transition: j
-  } = v({
-    id: o == null ? void 0 : o.key
+    listeners: j,
+    transform: C,
+    transition: I
+  } = R({
+    id: t == null ? void 0 : t.key
     // disabled: item?.disabled,
   }), k = {
-    transition: j,
-    transform: w.Transform.toString(p)
-  }, C = h({
-    disabledCheckbox: (o == null ? void 0 : o.disabled) || (o == null ? void 0 : o.fixed)
-  }), b = ({ target: c }) => {
-    o != null && o.disabled || o != null && o.fixed || t(o.key, c.checked);
-  }, [N, y] = O(!1), d = (c) => {
-    y(c);
-  }, { left: S, right: I } = R(() => r === "left" ? { left: "取消固定", right: "固定在右侧" } : r === "center" ? { left: "固定在左侧", right: "固定在右侧" } : { left: "固定在左侧", right: "取消固定" }, [r]);
-  return /* @__PURE__ */ s.jsxs(
-    f,
+    transition: I,
+    transform: b.Transform.toString(C)
+  }, y = ({ target: l }) => {
+    n(t.key, l.checked);
+  }, [N, S] = E(!1), c = (l) => {
+    S(l);
+  }, { text: a, icon: f } = F(() => r === "left" ? {
+    text: {
+      left: "取消固定",
+      right: "固定在右侧"
+    },
+    icon: {
+      left: x,
+      right: h
+    }
+  } : r === "center" ? {
+    text: {
+      left: "固定在左侧",
+      right: "固定在右侧"
+    },
+    icon: {
+      left: g,
+      right: h
+    }
+  } : {
+    text: {
+      left: "固定在左侧",
+      right: "取消固定"
+    },
+    icon: {
+      left: g,
+      right: x
+    }
+  }, [r]);
+  return /* @__PURE__ */ o.jsxs(
+    p,
     {
       align: "center",
-      className: h({ draggingSortItem: a }, "sortItem"),
+      className: M({ draggingSortItem: m }, "sortItem"),
       style: k,
       ref: u,
-      onMouseEnter: () => d(!0),
-      onMouseLeave: () => d(!1),
-      ...l,
+      onMouseEnter: () => c(!0),
+      onMouseLeave: () => c(!1),
+      ...s,
       children: [
-        /* @__PURE__ */ s.jsx(f, { align: "center", className: "dragIcon", ...x, children: /* @__PURE__ */ s.jsx(i, {}) }),
-        /* @__PURE__ */ s.jsx(
-          D,
+        /* @__PURE__ */ o.jsx(p, { align: "center", className: "dragIcon", ...j, children: /* @__PURE__ */ o.jsx(O, {}) }),
+        /* @__PURE__ */ o.jsx(
+          v,
           {
-            checked: o.show,
-            className: C,
-            onChange: b,
-            title: o.title,
-            children: o.title
+            checked: t.show,
+            onChange: y,
+            title: t.title,
+            children: t.title
           }
         ),
-        !(o != null && o.isOperationCol) && /* @__PURE__ */ s.jsxs(
-          f,
+        /* @__PURE__ */ o.jsxs(
+          p,
           {
             style: {
               height: "100%",
               display: N ? "flex" : "none"
             },
+            align: "center",
             className: "operation pointerCursor",
             children: [
-              /* @__PURE__ */ s.jsx(
-                g,
+              /* @__PURE__ */ o.jsx(
+                d,
                 {
                   className: "leftOperation",
-                  title: S,
-                  open: a,
-                  icon: i,
-                  onClick: () => e(o.key, r)
+                  title: a.left,
+                  open: m,
+                  icon: f.left,
+                  onClick: () => e(t.key, r)
                 }
               ),
-              /* @__PURE__ */ s.jsx(
-                g,
+              /* @__PURE__ */ o.jsx(
+                d,
                 {
                   className: "rightOperation",
-                  title: I,
-                  open: a,
-                  icon: i,
-                  onClick: () => n(o.key, r)
+                  title: a.right,
+                  open: m,
+                  icon: f.right,
+                  onClick: () => i(t.key, r)
                 }
               )
             ]
@@ -97,7 +154,7 @@ const g = ({ icon: o, className: r, open: e, title: n, onClick: t }) => /* @__PU
       ]
     }
   );
-}, A = E.memo(T);
+}, It = D.memo(T);
 export {
-  A as default
+  It as default
 };

package/dist/components/BitzTable/ToolBar/ColConfigIcon/ColumnsSort/index.d.ts

@@ -4,11 +4,12 @@ interface ColumnsSortProps {
 }
 export interface ColumnsSortImperativeProps {
     getLeftSortColumns: () => any;
-    getLeftSortKeys: () => any;
+    getLeftSortKeys: () => any[];
     getCenterSortColumns: () => any;
-    getCenterSortKeys: () => any;
+    getCenterSortKeys: () => any[];
     getRightSortColumns: () => any;
-    getRightSortKeys: () => any;
+    getRightSortKeys: () => any[];
+    getCheckedKeys: () => any[];
 }
 declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<ColumnsSortProps & import("react").RefAttributes<ColumnsSortImperativeProps>>>;
 export default _default;