bitz-react-admin-ui 2.1.3 → 2.1.5

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

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