bitz-react-admin-ui 2.1.9 → 2.2.1

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

@@ -1,91 +1,75 @@
-import { j as S } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { useContext as q, useRef as it, useMemo as r, useCallback as $ } from "react";
-import { Table as z } from "antd";
-import lt from "../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
-import { BitzTableContext as ct } from "../Store/index.mjs";
-import ut from "../../../node_modules/.store/ahooks@3.7.11/node_modules/ahooks/es/useSize/index.mjs";
-import mt from "../ActionCol/style.mjs";
-import ht from "../../BitzTheme/index.mjs";
-import dt from "../../../node_modules/.store/antd@5.16.2/node_modules/antd/es/table/ExpandIcon.mjs";
+import { j as C } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import { useContext as D, useRef as et, useMemo as o, useCallback as I } from "react";
+import { Table as g } from "antd";
+import nt from "../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
+import { BitzTableContext as rt } from "../Store/index.mjs";
+import ot from "../../../node_modules/.store/ahooks@3.7.11/node_modules/ahooks/es/useSize/index.mjs";
+import st from "../ActionCol/style.mjs";
+import at from "../../BitzTheme/index.mjs";
+import lt from "../../../node_modules/.store/antd@5.16.2/node_modules/antd/es/table/ExpandIcon.mjs";
 import "../../../node_modules/.store/antd@5.16.2/node_modules/antd/es/config-provider/index.mjs";
-import ft from "../../../node_modules/.store/antd@5.16.2/node_modules/antd/locale/en_US.mjs";
-import { getColumnsWithTool as bt, loopBuildSkeleton as yt } from "../Table/utils.mjs";
-import { ConfigContext as Ct } from "../../../node_modules/.store/antd@5.16.2/node_modules/antd/es/config-provider/context.mjs";
-const O = [z.SELECTION_COLUMN, z.EXPAND_COLUMN];
-function Nt({
-  dataSource: f = [],
-  columns: E,
-  loading: i = !1,
+import ct from "../../../node_modules/.store/antd@5.16.2/node_modules/antd/locale/en_US.mjs";
+import { getColumnsWithTool as it, loopBuildSkeleton as ut } from "../Table/utils.mjs";
+import { ConfigContext as mt } from "../../../node_modules/.store/antd@5.16.2/node_modules/antd/es/config-provider/context.mjs";
+const M = [g.SELECTION_COLUMN, g.EXPAND_COLUMN];
+function Bt({
+  dataSource: u = [],
+  columns: x,
+  loading: l = !1,
   scroll: s,
-  components: y,
-  expandable: l,
-  rowSelection: h,
+  components: f,
+  expandable: c,
+  rowSelection: m,
   ...a
 }) {
-  var A, D;
-  const { token: _ } = ht.useToken(), { gap: G } = mt(), { showColumnBorder: U, rowHoverable: V } = q(ct), d = it(null), R = ut((A = d.current) == null ? void 0 : A.nativeElement), C = r(() => {
+  var T, N;
+  const { token: j } = at.useToken(), { gap: K } = st(), { showColumnBorder: q, rowHoverable: P } = D(rt), h = et(null), y = ot((T = h.current) == null ? void 0 : T.nativeElement), A = o(() => {
     let t = (s == null ? void 0 : s.x) ?? 1e3;
     return s != null && s.x ? { x: t, y: s.y || 400 } : s != null && s.y ? { x: t, y: s.y } : { x: t, y: 400 };
-  }, [s]), X = () => {
-    var n, o;
-    const t = (o = (n = d.current) == null ? void 0 : n.nativeElement) == null ? void 0 : o.querySelectorAll(
+  }, [s]), O = () => {
+    var r, n;
+    const t = (n = (r = h.current) == null ? void 0 : r.nativeElement) == null ? void 0 : n.querySelectorAll(
       "& > .bitzTableContainerBody > .ant-table-wrapper.bitzTable > .ant-spin-nested-loading > .ant-spin-container > .ant-table > .ant-table-container > .ant-table-body > table > .ant-table-tbody > tr:not(.ant-table-measure-row, .ant-table-expanded-row)"
     ), e = [];
-    if (t == null || t.forEach((c) => {
-      var u;
+    if (t == null || t.forEach((i) => {
+      var b;
       e.push(
-        ((u = c.querySelector("& > .operationCol .actionGroup")) == null ? void 0 : u.clientWidth) || 0
+        ((b = i.querySelector("& > .operationCol .actionGroup")) == null ? void 0 : b.clientWidth) || 0
       );
     }), e.length)
-      return Math.ceil(Math.max(...e)) + G * 2;
-  }, I = () => {
-    var u, b, g, x, p;
-    const t = (b = (u = d.current) == null ? void 0 : u.nativeElement) == null ? void 0 : b.querySelector(
+      return Math.ceil(Math.max(...e)) + K * 2;
+  }, _ = () => {
+    var b, p, W, L, v;
+    const t = (p = (b = h.current) == null ? void 0 : b.nativeElement) == null ? void 0 : p.querySelector(
       ".ant-table-body"
-    ), e = t == null ? void 0 : t.clientWidth, o = ((t == null ? void 0 : t.offsetWidth) || 0) - e > 0, c = (p = (x = (g = d.current) == null ? void 0 : g.nativeElement) == null ? void 0 : x.querySelector(
+    ), e = t == null ? void 0 : t.clientWidth, n = ((t == null ? void 0 : t.offsetWidth) || 0) - e > 0, i = (v = (L = (W = h.current) == null ? void 0 : W.nativeElement) == null ? void 0 : L.querySelector(
       ".ant-table-cell-scrollbar"
-    )) == null ? void 0 : p.offsetWidth;
-    return { tbodyWidth: e, scrollbarSize: c, hasScrollBar: o };
-  }, F = (t) => {
-    var j, K;
-    const e = t.length, n = t.filter((m) => m.width), c = n.map((m) => m.width).reduce((m, k) => m + k, 0);
-    let u = 0;
-    if ((j = d.current) != null && j.nativeElement) {
-      const m = window.getComputedStyle((K = d.current) == null ? void 0 : K.nativeElement), k = parseInt(
-        m.getPropertyValue("--toolCell-paddingInline")
-      );
-      u = parseInt(m.getPropertyValue("--fontSize")) + 4 + 2 * k;
-    }
-    let b = 0;
-    h && (b += u), l && (b += u);
-    const { tbodyWidth: g } = I(), x = parseInt(`${C == null ? void 0 : C.x}`) || 0, p = Math.max(x, g), P = (parseInt(`${p}`) || 0) - c - b;
-    return P >= 0 ? P / (e - n.length) : void 0;
-  }, { hasScrollBar: B, scrollbarSize: T } = r(() => {
-    const { hasScrollBar: t, scrollbarSize: e } = I();
+    )) == null ? void 0 : v.offsetWidth;
+    return { tbodyWidth: e, scrollbarSize: i, hasScrollBar: n };
+  }, { hasScrollBar: R, scrollbarSize: S } = o(() => {
+    const { hasScrollBar: t, scrollbarSize: e } = _();
     return {
       hasScrollBar: t,
       scrollbarSize: e
     };
-  }, [R == null ? void 0 : R.height]), w = r(() => {
-    const t = E ?? [], e = t.filter((o) => !O.includes(o));
-    F(e);
-    const n = e.map((o) => ({
-      ...o,
-      width: o.useMaxWidth ? X() ?? o.width : o.width
+  }, [y == null ? void 0 : y.height]), d = o(() => {
+    const t = x ?? [], r = t.filter((n) => !M.includes(n)).map((n) => ({
+      ...n,
+      width: n.useMaxWidth ? O() ?? n.width : n.width
     }));
-    return bt(t, n, h, l);
-  }, [E]), v = r(() => yt(w, O), [w]), H = r(() => i ? v : w, [i, w, v]), N = r(() => {
-    const t = f == null ? void 0 : f.length, e = t > 10 ? t >= 20 ? 20 : t : 10;
-    return Array.from({ length: e }).map((o, c) => ({
-      key: `${Date.now()}${c}`
+    return it(t, r, m, c);
+  }, [x]), k = o(() => ut(d, M), [d]), G = o(() => l ? k : d, [l, d, k]), z = o(() => {
+    const t = u == null ? void 0 : u.length, e = t > 4 ? t >= 8 ? 8 : t : 4;
+    return Array.from({ length: e }).map((n, i) => ({
+      key: `${Date.now()}${i}`
     }));
-  }, [f]), J = r(() => i ? N : f, [i, f, N]), { table: W, locale: Q = ft } = q(Ct), Y = { ...Q.Table }, Z = ((D = W == null ? void 0 : W.expandable) == null ? void 0 : D.expandIcon) || (l == null ? void 0 : l.expandIcon) || dt(Y), L = r(() => {
-    if (l)
+  }, [u]), U = o(() => l ? z : u, [l, u, z]), { table: w, locale: $ = ct } = D(mt), F = { ...$.Table }, H = ((N = w == null ? void 0 : w.expandable) == null ? void 0 : N.expandIcon) || (c == null ? void 0 : c.expandIcon) || lt(F), B = o(() => {
+    if (c)
       return {
-        ...l,
-        expandedRowRender: () => /* @__PURE__ */ S.jsx(S.Fragment, {}),
+        ...c,
+        expandedRowRender: () => /* @__PURE__ */ C.jsx(C.Fragment, {}),
         expandIcon: (t) => {
-          const e = Z(t);
+          const e = H(t);
           return {
             ...e,
             props: {
@@ -93,73 +77,73 @@ function Nt({
               disabled: !0,
               style: {
                 ...e.props.style,
-                backgroundColor: _.colorBgContainerDisabled
+                backgroundColor: j.colorBgContainerDisabled
               }
             }
           };
         }
       };
-  }, [l]), tt = r(() => i ? L : l, [i, l, L]), M = r(() => {
-    if (h)
+  }, [c]), X = o(() => l ? B : c, [l, c, B]), E = o(() => {
+    if (m)
       return {
-        ...h,
+        ...m,
         selectedRowKeys: [],
         getCheckboxProps: () => ({ disabled: !0 })
       };
-  }, [h]), et = r(() => i ? M : h, [i, h, M]), nt = r(() => i ? void 0 : a.rowKey, [i, a.rowKey]), ot = $(
+  }, [m]), J = o(() => l ? E : m, [l, m, E]), Q = o(() => l ? void 0 : a.rowKey, [l, a.rowKey]), V = I(
     (t, e) => {
-      var o;
+      var n;
       if (!a.onRow)
         return {};
-      const n = (o = a.onRow) == null ? void 0 : o.call(a, t, e);
-      return n.onClick && (n.className = "rowPointerCursor"), n;
+      const r = (n = a.onRow) == null ? void 0 : n.call(a, t, e);
+      return r.onClick && (r.className = "rowPointerCursor"), r;
     },
     [a.onRow]
-  ), rt = $(
-    (t, e, n) => {
-      const o = e % 2 === 0 ? "oddRow" : "evenRow";
+  ), Y = I(
+    (t, e, r) => {
+      const n = e % 2 === 0 ? "oddRow" : "evenRow";
       if (a.rowClassName) {
-        const c = a.rowClassName(t, e, n);
-        return lt(o, c);
+        const i = a.rowClassName(t, e, r);
+        return nt(n, i);
       }
-      return o;
+      return n;
     },
     [a.rowClassName]
-  ), st = (t) => {
-    var n;
+  ), Z = (t) => {
+    var r;
     const e = { ...t };
-    return e.className.includes("ant-table-cell-fix-right") && !B && ((n = e.style) != null && n.right) && (e.style = {
+    return e.className.includes("ant-table-cell-fix-right") && !R && ((r = e.style) != null && r.right) && (e.style = {
       ...e.style,
-      right: e.style.right - (T || 0)
-    }), /* @__PURE__ */ S.jsx("th", { ...e });
-  }, at = r(() => ({
-    ...y,
+      right: e.style.right - (S || 0)
+    }), /* @__PURE__ */ C.jsx("th", { ...e });
+  }, tt = o(() => ({
+    ...f,
     header: {
-      ...y == null ? void 0 : y.header,
-      cell: st
+      ...f == null ? void 0 : f.header,
+      cell: Z
     }
-  }), [y, B, T]);
-  return /* @__PURE__ */ S.jsx(
-    z,
+  }), [f, R, S]);
+  return /* @__PURE__ */ C.jsx(
+    g,
     {
       ...a,
-      bordered: U,
-      columns: H,
-      dataSource: J,
+      bordered: q,
+      columns: G,
+      dataSource: U,
       loading: !1,
       pagination: !1,
-      scroll: C,
-      expandable: tt,
-      rowSelection: et,
-      onRow: ot,
-      rowClassName: rt,
-      components: at,
-      rowKey: nt,
-      rowHoverable: V,
-      ref: d
+      scroll: A,
+      expandable: X,
+      rowSelection: J,
+      onRow: V,
+      rowClassName: Y,
+      components: tt,
+      rowKey: Q,
+      rowHoverable: P,
+      ref: h
     }
   );
 }
 export {
-  Nt as default
+  Bt as default
 };

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

@@ -0,0 +1,12 @@
+import { DragEndEvent } from "@dnd-kit/core";
+import { ReactNode } from "react";
+interface SortTableContextProps {
+    children?: ReactNode;
+    enabledRowDragSort?: boolean;
+    dataSource: any[];
+    mergeRowKey: string;
+    onDragEnd: (event: DragEndEvent) => void;
+}
+declare function SortTableContext({ children, enabledRowDragSort, dataSource, mergeRowKey, onDragEnd, }: SortTableContextProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof SortTableContext>;
+export default _default;

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

@@ -0,0 +1,25 @@
+import { j as t } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import { DndContext as a } from "../../../node_modules/.store/@dnd-kit_core@6.1.0/node_modules/@dnd-kit/core/dist/core.esm.mjs";
+import { restrictToVerticalAxis as n } from "../../../node_modules/.store/@dnd-kit_modifiers@6.0.1/node_modules/@dnd-kit/modifiers/dist/modifiers.esm.mjs";
+import { SortableContext as x, verticalListSortingStrategy as f } from "../../../node_modules/.store/@dnd-kit_sortable@7.0.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
+import { memo as p } from "react";
+function l({
+  children: r,
+  enabledRowDragSort: o,
+  dataSource: e,
+  mergeRowKey: m,
+  onDragEnd: i
+}) {
+  return o ? /* @__PURE__ */ t.jsx(a, { modifiers: [n], onDragEnd: i, children: /* @__PURE__ */ t.jsx(
+    x,
+    {
+      items: e.map((s) => s[m]),
+      strategy: f,
+      children: r
+    }
+  ) }) : /* @__PURE__ */ t.jsx(t.Fragment, { children: r });
+}
+const C = p(l);
+export {
+  C as default
+};

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

@@ -0,0 +1,7 @@
+import React from 'react';
+interface RowProps extends React.HTMLAttributes<HTMLTableRowElement> {
+    'data-row-key': string;
+    loading: 'true' | 'false';
+}
+declare const SortableRow: ({ children, loading, ...props }: RowProps) => import("react/jsx-runtime").JSX.Element;
+export default SortableRow;

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

@@ -0,0 +1,54 @@
+import { j as i } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+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 { theme as h } from "antd";
+import a from "react";
+import j from "../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/MenuOutlined.mjs";
+const T = ({ children: m, loading: t, ...e }) => {
+  const { token: l } = h.useToken(), {
+    attributes: f,
+    listeners: u,
+    setNodeRef: c,
+    setActivatorNodeRef: d,
+    transform: o,
+    transition: p,
+    isDragging: x
+  } = R({ id: e["data-row-key"] }), S = {
+    ...e.style,
+    transform: b.Transform.toString(o && { ...o, scaleY: 1 }),
+    transition: p,
+    ...x ? { position: "relative", zIndex: 9999 } : {}
+  };
+  return /* @__PURE__ */ i.jsx(
+    "tr",
+    {
+      ...e,
+      style: S,
+      ...f,
+      ...t === "true" ? {} : {
+        ref: c
+      },
+      children: a.Children.map(m, (r) => {
+        var n, s;
+        return ((s = (n = r.props) == null ? void 0 : n.additionalProps) == null ? void 0 : s["data-column-name"]) === "dragSortCell" ? a.cloneElement(r, {
+          children: /* @__PURE__ */ i.jsx(
+            j,
+            {
+              ref: d,
+              style: {
+                touchAction: "none",
+                cursor: t === "true" ? "default" : "move",
+                fontSize: "calc(var(--fontSize) + 3px)",
+                color: t === "true" ? l.colorTextDisabled : "inherit"
+              },
+              ...u
+            }
+          )
+        }) : r;
+      })
+    }
+  );
+};
+export {
+  T as default
+};

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

@@ -6,8 +6,13 @@ import type { RowClassName } from 'rc-table/es/interface';
 import { ColumnStateType, DensitySize, StylesStateType, ExportColumnStateType } from '../Store';
 import { ActionsFunType, BitzTableColumnsType } from '..';
 import { BitzTableBorderedType } from '@/components/BitzConfigProvider/context';
+import { TableRowSelection } from 'antd/es/table/interface';
+import { DragEndEvent } from '@dnd-kit/core';
 import './index.less';
-export interface BitzTableProps<RecordType = any> extends Omit<TableProps<RecordType>, 'size' | 'pagination' | 'bordered'> {
+export interface BitzTableRowSelectionProps<RecordType> extends TableRowSelection<RecordType> {
+    onClear?: () => void;
+}
+export interface BitzTableProps<RecordType = any> extends Omit<TableProps<RecordType>, 'size' | 'pagination' | 'bordered' | 'rowSelection'> {
     /** 是否开启rowHover样式 */
     rowHoverable?: boolean;
     /** 是否开启斑马纹样式 */
@@ -16,6 +21,8 @@ export interface BitzTableProps<RecordType = any> extends Omit<TableProps<Record
     bordered?: BitzTableBorderedType;
     /** PC端：是否显示分页 */
     showPagination?: boolean;
+    /** PC端：是否显示分页选中条数据 */
+    showSelected?: boolean;
     /** PC端：BitzTable组件的整体高度，由外部通过视口高度减去其他元素高度和间隙的结果 */
     height?: number;
     /** table可滚动区域的最大宽高的值 */
@@ -33,6 +40,8 @@ export interface BitzTableProps<RecordType = any> extends Omit<TableProps<Record
     operationFilter?: ActionsFunType<RecordType>;
     /** PC&移动端：请求加载状态 */
     loading?: boolean;
+    /** 多选/单选 */
+    rowSelection?: BitzTableRowSelectionProps<RecordType>;
     /** 骨架屏列表个数 */
     skeletonNum?: {
         pc?: number;
@@ -55,6 +64,10 @@ export interface BitzTableProps<RecordType = any> extends Omit<TableProps<Record
     };
     /** PC端：给父组件传值 page当前第几页  pageSize每页有多少 */
     paginationEmit?: (page: number, pageSize: number) => void;
+    /** 是否启用拖拽 */
+    enabledRowDragSort?: boolean;
+    /** 拖拽结束 */
+    onRowDragEnd?: (event: DragEndEvent) => void;
     /** 移动端：加载更多返回函数 */
     /** 移动端：下拉刷新 */
     mobileRefreshEmit?: () => Promise<unknown> | void;