bitz-react-admin-ui 1.9.5 → 1.9.7

package/dist/components/BitzTable/Table/utils.d.ts

@@ -0,0 +1,5 @@
+import { BitzTableColumnsType } from '..';
+/** build skeleton */
+export declare function loopBuildSkeleton<T>(columns: BitzTableColumnsType<T>, toolCols: any): BitzTableColumnsType<T>;
+/** 设置复选框列、展开列的位置 */
+export declare function getColumnsWithTool<T>(sortCols: any, cols: any, rowSelection: any, expandable: any): BitzTableColumnsType<T>;

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

@@ -0,0 +1,40 @@
+import { j as f } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import { Skeleton as x, Table as d } from "antd";
+function a(o, t) {
+  return o == null ? void 0 : o.map((e) => {
+    const n = { ...e };
+    return e != null && e.isOperationCol || e != null && e.isToolCol || t.includes(e) ? e : (n != null && n.children && (n.children = a(n == null ? void 0 : n.children, t)), {
+      ...n,
+      sorter: !1,
+      render: (l, i, r) => /* @__PURE__ */ f.jsx(
+        x,
+        {
+          active: !0,
+          title: !1,
+          paragraph: {
+            rows: 1,
+            width: (r + 1) % 2 === 0 ? "100%" : "60%"
+          }
+        }
+      )
+    });
+  });
+}
+const C = 0, c = 1;
+function s(o, t, e, n) {
+  let l = C;
+  if (e) {
+    const i = o.indexOf(d.SELECTION_COLUMN);
+    i >= 0 && (l = i), t.splice(l, 0, d.SELECTION_COLUMN);
+  }
+  if (n) {
+    let i = 0;
+    const r = o.indexOf(d.EXPAND_COLUMN);
+    r >= 0 && (i = r), e && l === 0 && r === -1 && (i = c), t.splice(i, 0, d.EXPAND_COLUMN);
+  }
+  return t;
+}
+export {
+  s as getColumnsWithTool,
+  a as loopBuildSkeleton
+};

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

@@ -7,8 +7,8 @@ import { TableContext as me } from "../../Store/index.mjs";
 import { genColumnKey as F, columnSort as de } from "../../Store/utils/index.mjs";
 import p from "../../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
 import { DndContext as ue } from "../../../../node_modules/.store/@dnd-kit_core@6.1.0/node_modules/@dnd-kit/core/dist/core.esm.mjs";
-import { SortableContext as pe, verticalListSortingStrategy as he, arrayMove as xe } from "../../../../node_modules/.store/@dnd-kit_sortable@7.0.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
-import fe from "./DndItem.mjs";
+import { SortableContext as pe, verticalListSortingStrategy as fe, arrayMove as he } from "../../../../node_modules/.store/@dnd-kit_sortable@7.0.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
+import xe from "./DndItem.mjs";
 import { restrictToVerticalAxis as be, restrictToWindowEdges as ye } from "../../../../node_modules/.store/@dnd-kit_modifiers@6.0.1/node_modules/@dnd-kit/modifiers/dist/modifiers.esm.mjs";
 import P from "../../../BitzButton/index.mjs";
 import { useImmer as Ce } from "../../../../node_modules/.store/use-immer@0.9.0/node_modules/use-immer/dist/use-immer.module.mjs";
@@ -18,7 +18,7 @@ import "./index.less.mjs";
 import W from "../../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/omit.mjs";
 import ke from "../../../../node_modules/.store/@ant-design_icons@5.3.5/node_modules/@ant-design/icons/es/icons/CheckCircleOutlined.mjs";
 import ge from "../../../../node_modules/.store/@ant-design_icons@5.3.5/node_modules/@ant-design/icons/es/icons/RedoOutlined.mjs";
-const $e = oe(({ onChange: f }) => {
+const $e = oe(({ onChange: x }) => {
   var _, E, z, H;
   const { token: i } = je.useToken(), b = se(), [j, k] = N(null), [$, K] = N(!1), [q, w] = N(!1), [a, y] = Ce({
     columnsMap: {},
@@ -43,7 +43,7 @@ const $e = oe(({ onChange: f }) => {
     y((e) => {
       e.columnsMap = { ...l.defaultColumnKeyMap };
     });
-  }, []), h = M(() => {
+  }, []), f = M(() => {
     var s, n;
     const e = [];
     return (s = l == null ? void 0 : l.columns) != null && s.length && ((n = l == null ? void 0 : l.columns) == null || n.map(({ key: u, dataIndex: t, ...m }) => {
@@ -95,7 +95,7 @@ const $e = oe(({ onChange: f }) => {
       t.columnsMap = { ...n };
     });
   }, Z = (e, s) => {
-    const n = { ...a.columnsMap }, u = xe(a.sortKeyColumns, e, s);
+    const n = { ...a.columnsMap }, u = he(a.sortKeyColumns, e, s);
     u.forEach((t, m) => {
       n[t] = { ...n[t] || {}, order: m };
     }), w(!0), y((t) => {
@@ -103,27 +103,28 @@ const $e = oe(({ onChange: f }) => {
     });
   }, ee = () => {
     var e;
-    L(a.columnsMap), U(a.sortKeyColumns), G === "online" && B && (g == null || g(B, a.columnsMap)), f ? (K(!0), (e = f == null ? void 0 : f(a.columnsMap)) == null || e.finally(() => {
+    L(a.columnsMap), U(a.sortKeyColumns), G === "online" && B && (g == null || g(B, a.columnsMap)), x ? (K(!0), (e = x == null ? void 0 : x(a.columnsMap)) == null || e.finally(() => {
       K(!1), b.hide();
     })) : b.hide();
   }, I = () => {
     b.hide();
-  }, x = M(() => i.mode === "dark", [i.mode]);
+  }, h = M(() => i.mode === "dark", [i.mode]);
   return /* @__PURE__ */ o.jsxs(
     le,
     {
       className: "tableColumnSettingModal",
       title: /* @__PURE__ */ o.jsx(ne.Title, { style: { fontSize: 16, margin: 0 }, children: "列设置" }),
+      getContainer: !1,
       ...te(b),
       style: {
         "--modalContent-bgColor": (_ = i.Modal) == null ? void 0 : _.contentBg,
         "--header-bgColor": (E = i.Modal) == null ? void 0 : E.headerBg,
         "--footer-bgColor": (z = i.Modal) == null ? void 0 : z.footerBg,
-        "--blockTitle-colorBg": x ? "#333" : "#fff",
-        "--leftBody-bgColor": x ? "#262626" : "#e0e0e0",
-        "--rightBody-bgColor": x ? "#262626" : "#fff",
-        "--checked": x ? "#303030" : "#eee",
-        "--block-bgColor": x ? "#222" : "#fff",
+        "--blockTitle-colorBg": h ? "#333" : "#fff",
+        "--leftBody-bgColor": h ? "#262626" : "#e0e0e0",
+        "--rightBody-bgColor": h ? "#262626" : "#fff",
+        "--checked": h ? "#303030" : "#eee",
+        "--block-bgColor": h ? "#222" : "#fff",
         "--colorText": i.colorText,
         "--colorText-desc": i.colorTextDescription,
         "--colorBorder": i.colorBorder
@@ -228,9 +229,9 @@ const $e = oe(({ onChange: f }) => {
                     children: /* @__PURE__ */ o.jsx(
                       pe,
                       {
-                        items: h == null ? void 0 : h.map((e) => e.key),
-                        strategy: he,
-                        children: /* @__PURE__ */ o.jsx("ul", { className: r.content, children: h == null ? void 0 : h.map((e) => /* @__PURE__ */ o.jsx(fe, { item: e }, e.key)) })
+                        items: f == null ? void 0 : f.map((e) => e.key),
+                        strategy: fe,
+                        children: /* @__PURE__ */ o.jsx("ul", { className: r.content, children: f == null ? void 0 : f.map((e) => /* @__PURE__ */ o.jsx(xe, { item: e }, e.key)) })
                       }
                     )
                   }

package/dist/components/BitzTable/ToolBar/DensityIcon/index.mjs

@@ -1,25 +1,24 @@
-import { j as o } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { memo as d, useContext as k } from "react";
-import { Tooltip as b } from "antd";
-import { TableContext as g } from "../../Store/index.mjs";
-import j from "../style.mjs";
-import h from "../../../BitzButton/index.mjs";
-import C from "../../Dropdown/index.mjs";
-import w from "../../../../node_modules/.store/@ant-design_icons@5.3.5/node_modules/@ant-design/icons/es/icons/ColumnHeightOutlined.mjs";
-const z = (e) => {
-  const { order: s, show: c = !0, icon: a = /* @__PURE__ */ o.jsx(w, {}) } = e, {
-    sizeStorageType: y,
-    sizeStorageKey: i,
-    onlineSizeChange: l,
-    tableSize: m,
-    setTableSize: n
-  } = k(g), { toolbarItemClassName: f } = j(), u = {
-    selectedKeys: [m],
-    onClick: (x) => {
-      var r;
-      const { key: t } = x;
-      t !== m && (n == null || n(t), y === "online" && i && (l == null || l(i, t)), (r = e == null ? void 0 : e.onChange) == null || r.call(e, t));
-    },
+import { j as l } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import { memo as k, useContext as g } from "react";
+import { Tooltip as h } from "antd";
+import { TableContext as j } from "../../Store/index.mjs";
+import z from "../style.mjs";
+import C from "../../../BitzButton/index.mjs";
+import S from "../../Dropdown/index.mjs";
+import D from "../../../../node_modules/.store/@ant-design_icons@5.3.5/node_modules/@ant-design/icons/es/icons/ColumnHeightOutlined.mjs";
+const I = ({ defaultSize: e, items: n }) => n.map((t) => t.key === e ? {
+  ...t,
+  label: `${t.label}（默认）`
+} : t), w = (e) => {
+  const { order: n, show: t = !0, icon: c = /* @__PURE__ */ l.jsx(D, {}) } = e, {
+    sizeStorageType: u,
+    sizeStorageKey: m,
+    onlineSizeChange: i,
+    defaultTableSize: f,
+    tableSize: s,
+    setTableSize: r
+  } = g(j), { toolbarItemClassName: y } = z(), d = I({
+    defaultSize: f,
     items: [
       {
         key: "xl",
@@ -27,7 +26,7 @@ const z = (e) => {
       },
       {
         key: "lg",
-        label: "宽松（默认）"
+        label: "宽松"
       },
       {
         key: "md",
@@ -42,18 +41,26 @@ const z = (e) => {
         label: "特紧凑"
       }
     ]
+  }), x = {
+    selectedKeys: [s],
+    onClick: (b) => {
+      var a;
+      const { key: o } = b;
+      o !== s && (r == null || r(o), u === "online" && m && (i == null || i(m, o)), (a = e == null ? void 0 : e.onChange) == null || a.call(e, o));
+    },
+    items: d
   };
-  return c ? /* @__PURE__ */ o.jsx(C, { menu: u, trigger: ["click"], children: /* @__PURE__ */ o.jsx(b, { title: "表格密度", open: !1, children: /* @__PURE__ */ o.jsx(
-    h,
+  return t ? /* @__PURE__ */ l.jsx(S, { menu: x, trigger: ["click"], children: /* @__PURE__ */ l.jsx(h, { title: "表格密度", open: !1, children: /* @__PURE__ */ l.jsx(
+    C,
     {
-      style: { order: s },
+      style: { order: n },
       type: "text",
-      className: f,
-      icon: a,
+      className: y,
+      icon: c,
       children: "表格密度"
     }
   ) }) }) : null;
-}, G = d(z);
+}, O = k(w);
 export {
-  G as default
+  O as default
 };

package/dist/components/BitzTable/ToolBar/FullscreenIcon/index.mjs

@@ -1,56 +1,46 @@
-import { j as o } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { memo as p, useState as x, useMemo as b, useEffect as E } from "react";
-import { Tooltip as B } from "antd";
-import F from "../style.mjs";
-import j from "../../../BitzButton/index.mjs";
-import c from "../../../../node_modules/.store/screenfull@6.0.2/node_modules/screenfull/index.mjs";
-import h from "../../../BitzToast/index.mjs";
-import v from "../../../../node_modules/.store/@ant-design_icons@5.3.5/node_modules/@ant-design/icons/es/icons/FullscreenExitOutlined.mjs";
-import z from "../../../../node_modules/.store/@ant-design_icons@5.3.5/node_modules/@ant-design/icons/es/icons/FullscreenOutlined.mjs";
-function m(t, n) {
-  if (t.classList.contains(n))
-    return t;
-  var r = t.parentNode;
-  if (r) {
-    var e = m(r, n);
-    if (e)
-      return e;
-  }
-  return null;
-}
-const L = ({
-  order: t,
-  show: n = !0
+import { j as t } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import { memo as d, useState as p, useMemo as x, useEffect as b } from "react";
+import { Tooltip as E } from "antd";
+import B from "../style.mjs";
+import F from "../../../BitzButton/index.mjs";
+import r from "../../../../node_modules/.store/screenfull@6.0.2/node_modules/screenfull/index.mjs";
+import j from "../../../BitzToast/index.mjs";
+import { findParentFirstNodeByClass as h } from "../../../../utils/findNode.mjs";
+import z from "../../../../node_modules/.store/@ant-design_icons@5.3.5/node_modules/@ant-design/icons/es/icons/FullscreenExitOutlined.mjs";
+import T from "../../../../node_modules/.store/@ant-design_icons@5.3.5/node_modules/@ant-design/icons/es/icons/FullscreenOutlined.mjs";
+const g = ({
+  order: m,
+  show: u = !0
 }) => {
-  const { toolbarItemClassName: r } = F(), [e, u] = x(!1), s = b(() => e ? {
+  const { toolbarItemClassName: a } = B(), [l, s] = p(!1), n = x(() => l ? {
     title: "退出全屏",
-    icon: /* @__PURE__ */ o.jsx(v, {})
+    icon: /* @__PURE__ */ t.jsx(z, {})
   } : {
     title: "全屏",
-    icon: /* @__PURE__ */ o.jsx(z, {})
-  }, [e]);
-  E(() => (document == null || document.addEventListener("fullscreenchange", (i) => {
-    var l, a, f;
-    (l = i.target) != null && l.classList.contains("bitzTableBlock") && (u(!!document.fullscreenElement), (f = (a = document.fullscreenElement) == null ? void 0 : a.classList) != null && f.contains("bitzTableBlock") || u(!1));
+    icon: /* @__PURE__ */ t.jsx(T, {})
+  }, [l]);
+  b(() => (document == null || document.addEventListener("fullscreenchange", (o) => {
+    var e, i, c;
+    (e = o.target) != null && e.classList.contains("bitzTableBlock") && (s(!!document.fullscreenElement), (c = (i = document.fullscreenElement) == null ? void 0 : i.classList) != null && c.contains("bitzTableBlock") || s(!1));
   }), document == null ? void 0 : document.removeEventListener("fullscreenchange", () => {
   })), []);
-  const d = (i) => {
-    c.isEnabled || h.error("您的浏览器不支持全屏");
-    const l = m(i.target, "bitzTableBlock");
-    e ? c.exit() : c.request(l);
+  const f = (o) => {
+    r.isEnabled || j.error("您的浏览器不支持全屏");
+    const e = h(o.target, "bitzTableBlock");
+    l ? r.exit() : r.request(e);
   };
-  return n ? /* @__PURE__ */ o.jsx(B, { title: s.title, open: !1, children: /* @__PURE__ */ o.jsx(
-    j,
+  return u ? /* @__PURE__ */ t.jsx(E, { title: n.title, open: !1, children: /* @__PURE__ */ t.jsx(
+    F,
     {
       type: "text",
-      className: r,
-      onClick: d,
-      icon: s.icon,
-      style: { order: t },
-      children: s.title
+      className: a,
+      onClick: f,
+      icon: n.icon,
+      style: { order: m },
+      children: n.title
     }
   ) }) : null;
-}, q = p(L);
+}, G = d(g);
 export {
-  q as default
+  G as default
 };

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

@@ -5,7 +5,7 @@ import ColConfigIcon from './ColConfigIcon';
 import { DensitySize } from '../Store';
 import { MouseEventHandler } from 'react';
 import FullscreenIcon from './FullscreenIcon';
-import { ToolEnum } from '@/components/BitzConfigProvider/context';
+import { ToolEnum } from '../../../components/BitzConfigProvider/context';
 import { ColumnsConfigProps } from '..';
 export type MenuKeysType = 'excel';
 export type ExportEvent = (key: MenuKeysType) => void;

package/dist/components/BitzTable/index.d.ts

@@ -47,10 +47,16 @@ interface BitzTableColumnType<RecordType = any> extends ColumnsConfigProps, Tabl
     mobileHideLabel?: boolean;
     /** 是否为操作列 */
     isOperationCol?: boolean;
+    /** 是否为复选框/展开列 */
+    isToolCol?: boolean;
     /** 列宽根据内容宽度最大的设置(只应用在操作列上) */
     useMaxWidth?: boolean;
 }
-type BitzTableColumnsType<DataType> = BitzTableColumnType<DataType>[];
+/** 表头分组 */
+interface BitzTableColumnGroupType<RecordType> extends Omit<BitzTableColumnType<RecordType>, 'dataIndex'> {
+    children: BitzTableColumnsType<RecordType>;
+}
+type BitzTableColumnsType<RecordType> = (BitzTableColumnType<RecordType> | BitzTableColumnGroupType<RecordType>)[];
 type CompoundedComponent = React.ForwardRefExoticComponent<BitzTableProps> & {
     ActionBar: typeof ActionBar;
     ToolBar: typeof ToolBar;
@@ -58,6 +64,6 @@ type CompoundedComponent = React.ForwardRefExoticComponent<BitzTableProps> & {
     ActionCol: typeof ActionCol;
 };
 declare const BitzTable: CompoundedComponent;
-export type { BitzTableProps, BitzTableSizeType, ColumnsConfigProps, SizeStateType, ColumnStateType, BitzTableColumnType, BitzTableColumnsType, ActionsFunType, Action, BitzTableActionProps, BitzTableActionColProps, };
+export type { BitzTableProps, BitzTableSizeType, ColumnsConfigProps, SizeStateType, ColumnStateType, BitzTableColumnType, BitzTableColumnGroupType, BitzTableColumnsType, ActionsFunType, Action, BitzTableActionProps, BitzTableActionColProps, };
 export { BitzTableProvider, BitzTableContext };
 export default BitzTable;

package/dist/node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs as u } from "../../../../../_virtual/_commonjsHelpers.mjs";
-import { __module as i } from "../../../../../_virtual/index2.mjs";
+import { __module as i } from "../../../../../_virtual/index.mjs";
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see

package/dist/node_modules/.store/prop-types@15.8.1/node_modules/prop-types/index.mjs

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs as e } from "../../../../../_virtual/_commonjsHelpers.mjs";
-import { __module as r } from "../../../../../_virtual/index.mjs";
+import { __module as r } from "../../../../../_virtual/index2.mjs";
 import { __require as o } from "../../../react-is@16.13.1/node_modules/react-is/index.mjs";
 import { __require as t } from "./factoryWithTypeCheckers.mjs";
 import { __require as p } from "./factoryWithThrowingShims.mjs";