bitz-react-admin-ui 2.1.8 → 2.2.0

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

@@ -0,0 +1,21 @@
+import { TableProps } from 'antd';
+import { AnyObject } from 'antd/es/_util/type';
+import type { RowClassName } from 'rc-table/es/interface';
+import { BitzTableColumnsType } from '..';
+export interface BitzSubTableProps<RecordType = any> extends Omit<TableProps<RecordType>, 'size' | 'pagination' | 'bordered'> {
+    /** table可滚动区域的最大宽高的值 */
+    scroll?: {
+        x?: number;
+        y?: number;
+    };
+    /** PC端 & 移动端：后端返回的数组数据 */
+    dataSource?: RecordType[];
+    /** PC端&移动端：自定义的列表参数 */
+    columns?: BitzTableColumnsType<RecordType>;
+    /** PC&移动端：请求加载状态 */
+    loading?: boolean;
+    /** 自定义行类名 */
+    rowClassName?: RowClassName<RecordType>;
+}
+declare function SubTable<T extends AnyObject>({ dataSource, columns: tableColumns, loading, scroll, components, expandable, rowSelection, ...props }: BitzSubTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export default SubTable;

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

@@ -0,0 +1,149 @@
+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 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: f,
+  expandable: c,
+  rowSelection: m,
+  ...a
+}) {
+  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]), 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((i) => {
+      var b;
+      e.push(
+        ((b = i.querySelector("& > .operationCol .actionGroup")) == null ? void 0 : b.clientWidth) || 0
+      );
+    }), e.length)
+      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, 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 : v.offsetWidth;
+    return { tbodyWidth: e, scrollbarSize: i, hasScrollBar: n };
+  }, { hasScrollBar: R, scrollbarSize: S } = o(() => {
+    const { hasScrollBar: t, scrollbarSize: e } = _();
+    return {
+      hasScrollBar: t,
+      scrollbarSize: e
+    };
+  }, [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 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}`
+    }));
+  }, [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 {
+        ...c,
+        expandedRowRender: () => /* @__PURE__ */ C.jsx(C.Fragment, {}),
+        expandIcon: (t) => {
+          const e = H(t);
+          return {
+            ...e,
+            props: {
+              ...e.props,
+              disabled: !0,
+              style: {
+                ...e.props.style,
+                backgroundColor: j.colorBgContainerDisabled
+              }
+            }
+          };
+        }
+      };
+  }, [c]), X = o(() => l ? B : c, [l, c, B]), E = o(() => {
+    if (m)
+      return {
+        ...m,
+        selectedRowKeys: [],
+        getCheckboxProps: () => ({ disabled: !0 })
+      };
+  }, [m]), J = o(() => l ? E : m, [l, m, E]), Q = o(() => l ? void 0 : a.rowKey, [l, a.rowKey]), V = I(
+    (t, e) => {
+      var n;
+      if (!a.onRow)
+        return {};
+      const r = (n = a.onRow) == null ? void 0 : n.call(a, t, e);
+      return r.onClick && (r.className = "rowPointerCursor"), r;
+    },
+    [a.onRow]
+  ), Y = I(
+    (t, e, r) => {
+      const n = e % 2 === 0 ? "oddRow" : "evenRow";
+      if (a.rowClassName) {
+        const i = a.rowClassName(t, e, r);
+        return nt(n, i);
+      }
+      return n;
+    },
+    [a.rowClassName]
+  ), Z = (t) => {
+    var r;
+    const e = { ...t };
+    return e.className.includes("ant-table-cell-fix-right") && !R && ((r = e.style) != null && r.right) && (e.style = {
+      ...e.style,
+      right: e.style.right - (S || 0)
+    }), /* @__PURE__ */ C.jsx("th", { ...e });
+  }, tt = o(() => ({
+    ...f,
+    header: {
+      ...f == null ? void 0 : f.header,
+      cell: Z
+    }
+  }), [f, R, S]);
+  return /* @__PURE__ */ C.jsx(
+    g,
+    {
+      ...a,
+      bordered: q,
+      columns: G,
+      dataSource: U,
+      loading: !1,
+      pagination: !1,
+      scroll: A,
+      expandable: X,
+      rowSelection: J,
+      onRow: V,
+      rowClassName: Y,
+      components: tt,
+      rowKey: Q,
+      rowHoverable: P,
+      ref: h
+    }
+  );
+}
+export {
+  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,6 +6,7 @@ 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 { DragEndEvent } from '@dnd-kit/core';
 import './index.less';
 export interface BitzTableProps<RecordType = any> extends Omit<TableProps<RecordType>, 'size' | 'pagination' | 'bordered'> {
     /** 是否开启rowHover样式 */
@@ -55,6 +56,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;