bitz-react-admin-ui 2.1.7 → 2.1.9

package/dist/components/BitzConfigProvider/context.d.ts

@@ -26,7 +26,13 @@ export interface TableComponentContextProps {
     /** 外观配置的作用域 */
     setStylesScope?: (value: StylesConfigScopeType) => void;
 }
+/** 控制tableSelect的全局行为 */
+export interface TableSelectComponentContextProps {
+    /** 默认size */
+    defaultSize?: DensitySize;
+}
 export interface BitzConfigProviderContextProps {
     Table?: TableComponentContextProps;
+    TableSelect?: TableSelectComponentContextProps;
 }
 export declare const BitzConfigContext: import("react").Context<BitzConfigProviderContextProps>;

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

@@ -14,6 +14,8 @@ interface TableConfigBySize {
 export interface BitzTableSelectComponentToken {
     /** table与分页组件的纵向间隙距离 */
     tableSpaceBetweenPage?: number;
+    /** 控制padding-block */
+    paddingBlock?: number;
     /** list背景颜色 移动端 */
     mobileListBgColor?: string;
     /** listItem背景颜色 移动端 */

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,165 @@
+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 "../../../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,
+  scroll: s,
+  components: y,
+  expandable: l,
+  rowSelection: h,
+  ...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(() => {
+    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(
+      "& > .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;
+      e.push(
+        ((u = c.querySelector("& > .operationCol .actionGroup")) == null ? void 0 : u.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(
+      ".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(
+      ".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();
+    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
+    }));
+    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}`
+    }));
+  }, [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)
+      return {
+        ...l,
+        expandedRowRender: () => /* @__PURE__ */ S.jsx(S.Fragment, {}),
+        expandIcon: (t) => {
+          const e = Z(t);
+          return {
+            ...e,
+            props: {
+              ...e.props,
+              disabled: !0,
+              style: {
+                ...e.props.style,
+                backgroundColor: _.colorBgContainerDisabled
+              }
+            }
+          };
+        }
+      };
+  }, [l]), tt = r(() => i ? L : l, [i, l, L]), M = r(() => {
+    if (h)
+      return {
+        ...h,
+        selectedRowKeys: [],
+        getCheckboxProps: () => ({ disabled: !0 })
+      };
+  }, [h]), et = r(() => i ? M : h, [i, h, M]), nt = r(() => i ? void 0 : a.rowKey, [i, a.rowKey]), ot = $(
+    (t, e) => {
+      var o;
+      if (!a.onRow)
+        return {};
+      const n = (o = a.onRow) == null ? void 0 : o.call(a, t, e);
+      return n.onClick && (n.className = "rowPointerCursor"), n;
+    },
+    [a.onRow]
+  ), rt = $(
+    (t, e, n) => {
+      const o = e % 2 === 0 ? "oddRow" : "evenRow";
+      if (a.rowClassName) {
+        const c = a.rowClassName(t, e, n);
+        return lt(o, c);
+      }
+      return o;
+    },
+    [a.rowClassName]
+  ), st = (t) => {
+    var n;
+    const e = { ...t };
+    return e.className.includes("ant-table-cell-fix-right") && !B && ((n = e.style) != null && n.right) && (e.style = {
+      ...e.style,
+      right: e.style.right - (T || 0)
+    }), /* @__PURE__ */ S.jsx("th", { ...e });
+  }, at = r(() => ({
+    ...y,
+    header: {
+      ...y == null ? void 0 : y.header,
+      cell: st
+    }
+  }), [y, B, T]);
+  return /* @__PURE__ */ S.jsx(
+    z,
+    {
+      ...a,
+      bordered: U,
+      columns: H,
+      dataSource: J,
+      loading: !1,
+      pagination: !1,
+      scroll: C,
+      expandable: tt,
+      rowSelection: et,
+      onRow: ot,
+      rowClassName: rt,
+      components: at,
+      rowKey: nt,
+      rowHoverable: V,
+      ref: d
+    }
+  );
+}
+export {
+  Nt as default
+};