bitz-react-admin-ui 1.8.2 → 1.9.0

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

@@ -1,195 +1,352 @@
-import { j as t } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { useContext as tl, useState as E, useMemo as u, useEffect as ve, useRef as P, useCallback as ke } from "react";
-import { isMobile as D } from "../../../node_modules/.store/react-device-detect@2.2.3/node_modules/react-device-detect/dist/lib.mjs";
-import { Table as F, Skeleton as nl } from "antd";
-import He from "../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
-import rl from "../../BitzDrawer/index.mjs";
-import sl from "../../BitzPagination/index.mjs";
-import al from "../../BitzNoData/index.mjs";
+import { j as o } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import { useContext as se, useState as R, useMemo as x, useEffect as le, useRef as O, useCallback as ie } from "react";
+import { isMobile as V } from "../../../node_modules/.store/react-device-detect@2.2.3/node_modules/react-device-detect/dist/lib.mjs";
+import { Table as K, Skeleton as Oe } from "antd";
+import ae from "../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
+import Ve from "../../BitzDrawer/index.mjs";
+import Ke from "../../BitzPagination/index.mjs";
+import _e from "../../BitzNoData/index.mjs";
 import "../../BitzList/index.less.mjs";
-import il from "../../BitzList/List.mjs";
+import $e from "../../BitzList/List.mjs";
 import "../../BitzPullRefresh/style/index.less.mjs";
-import cl from "../../BitzPullRefresh/PullRefresh.mjs";
-import hl, { TableContext as bl } from "../Store/index.mjs";
-import dl from "../TableSkeleton/index.mjs";
-import { columnSort as Se, genColumnKey as $e } from "../Store/utils/index.mjs";
-import R from "../../../node_modules/.store/ahooks@3.7.10/node_modules/ahooks/es/useSize/index.mjs";
-import gl from "../ActionCol/style.mjs";
-import xl from "../../BitzTheme/index.mjs";
+import De from "../../BitzPullRefresh/PullRefresh.mjs";
+import qe, { TableContext as Fe } from "../Store/index.mjs";
+import Ge from "../TableSkeleton/index.mjs";
+import { columnSort as ce, genColumnKey as de } from "../Store/utils/index.mjs";
+import _ from "../../../node_modules/.store/ahooks@3.7.10/node_modules/ahooks/es/useSize/index.mjs";
+import Ue from "../ActionCol/style.mjs";
+import Xe from "../../BitzTheme/index.mjs";
+import { BitzConfigContext as Ie } from "../../BitzConfigProvider/context.mjs";
+import { getCssVar as Je } from "./style.mjs";
 import "./index.less.mjs";
-import fl from "../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/at.mjs";
-function ul({ showPagination: z = !0, fillEvenRow: O = !0, evenRowBgColor: Tl = "#f9f9f9", height: w, dataSource: c = [], total: S = 0, columns: m, loading: N = !1, skeletonNum: Le = 2, skeletonRender: V, skeletonRowNum: Me = 4, skeletonRowsWidth: We = ["35%", "100%", "100%", "60%"], mobileLoadEmit: Ae, mobileRefreshEmit: K, operationFilter: $, enableControlPage: Ee, pagination: Pe, paginationEmit: De = () => {
-}, mobilePageHeight: ml = 500, mobileCancelText: Fe = "取消", noDataTitle: Re, noDataImg: Oe, color: pl, size: _, showTableTool: q = !0, tableAction: Ve, tableToolbar: Ke, selectionBar: _e, scroll: h, resetPage: qe, ...b }) {
-  var le;
-  const { token: n } = xl.useToken(), { gap: Ge } = gl(), d = tl(bl), [p, G] = E(!1), [Ue, L] = E(!1), Xe = u(() => !!(c != null && c.length) && (c == null ? void 0 : c.length) >= S, [c, S]), [Ie, Je] = E([]), Qe = (l, e) => {
-    var o;
-    const r = (o = $ == null ? void 0 : $(l, e)) == null ? void 0 : o.filter((s) => s.type !== "divider");
-    r != null && r.length && (Je(r), L(!0));
-  }, U = () => {
-    L(!1);
-  }, Ye = (l) => {
-    var e;
-    L(!1), (e = l.onClick) == null || e.call(l);
+import Qe from "../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/at.mjs";
+function Ye({
+  rowHoverable: m,
+  showPagination: he = !0,
+  height: C,
+  dataSource: l = [],
+  total: M = 0,
+  columns: y,
+  loading: N = !1,
+  skeletonNum: fe = 2,
+  skeletonRender: $,
+  skeletonRowNum: ue = 4,
+  skeletonRowsWidth: xe = ["35%", "100%", "100%", "60%"],
+  mobileLoadEmit: be,
+  mobileRefreshEmit: D,
+  operationFilter: L,
+  enableControlPage: ge,
+  pagination: me,
+  paginationEmit: ye = () => {
+  },
+  mobilePageHeight: Ze = 500,
+  mobileCancelText: pe = "取消",
+  noDataTitle: we,
+  noDataImg: Be,
+  color: en,
+  size: q,
+  showTableTool: F = !0,
+  tableAction: je,
+  tableToolbar: Ce,
+  selectionBar: ve,
+  scroll: f,
+  components: E,
+  resetPage: Ne,
+  ...h
+}) {
+  const { token: p } = Xe.useToken(), { Table: c } = p, { tableSpaceBetweenPage: G = 10 } = c, { gap: ze } = Ue(), u = se(Fe), { Table: s } = se(Ie), [w, U] = R(!1), [Te, S] = R(!1), ke = x(() => !!(l != null && l.length) && (l == null ? void 0 : l.length) >= M, [l, M]), [Me, Le] = R([]), Ee = (e, n) => {
+    var r;
+    const t = (r = L == null ? void 0 : L(e, n)) == null ? void 0 : r.filter(
+      (i) => i.type !== "divider"
+    );
+    t != null && t.length && (Le(t), S(!0));
+  }, X = () => {
+    S(!1);
+  }, Se = (e) => {
+    var n;
+    S(!1), (n = e.onClick) == null || n.call(e);
   };
-  ve(() => (document == null || document.addEventListener("fullscreenchange", (l) => {
-    var e, r, o;
-    (e = l.target) != null && e.classList.contains("bitzTableBlock") && (G(!!document.fullscreenElement), (o = (r = document.fullscreenElement) == null ? void 0 : r.classList) != null && o.contains("bitzTableBlock") || G(!1));
+  le(() => (document == null || document.addEventListener("fullscreenchange", (e) => {
+    var n, t, r;
+    (n = e.target) != null && n.classList.contains("bitzTableBlock") && (U(!!document.fullscreenElement), (r = (t = document.fullscreenElement) == null ? void 0 : t.classList) != null && r.contains("bitzTableBlock") || U(!1));
   }), document == null ? void 0 : document.removeEventListener("fullscreenchange", () => {
   })), []);
-  const C = P(null), M = R(C), v = P(null), W = R(v), X = P(null), y = R(X), Ze = () => {
-    var r;
-    const l = (r = v.current) == null ? void 0 : r.querySelectorAll(".ant-table-body tr:not(.ant-table-measure-row)"), e = [];
-    if (l == null || l.forEach((o) => {
-      var s;
-      e.push(((s = o.querySelector(".operationCol .actionGroup")) == null ? void 0 : s.clientWidth) || 0);
-    }), e.length)
-      return Math.ceil(Math.max(...e)) + Ge * 2;
-  }, I = () => {
-    var s;
-    const l = (s = v.current) == null ? void 0 : s.querySelector(".ant-table-body"), e = l == null ? void 0 : l.clientWidth, r = ((l == null ? void 0 : l.offsetWidth) || 0) - e, o = r > 0;
-    return { tbodyWidth: e, scrollBarWidth: r, hasScrollBar: o };
-  }, { y: A, hasScrollBar: J } = u(() => {
-    if (typeof w > "u")
+  const B = O(null), W = _(B), z = O(null), P = _(z), I = O(null), j = _(I), We = () => {
+    var t;
+    const e = (t = z.current) == null ? void 0 : t.querySelectorAll(
+      ".ant-table-body tr:not(.ant-table-measure-row)"
+    ), n = [];
+    if (e == null || e.forEach((r) => {
+      var i;
+      n.push(
+        ((i = r.querySelector(".operationCol .actionGroup")) == null ? void 0 : i.clientWidth) || 0
+      );
+    }), n.length)
+      return Math.ceil(Math.max(...n)) + ze * 2;
+  }, J = () => {
+    var i;
+    const e = (i = z.current) == null ? void 0 : i.querySelector(
+      ".ant-table-body"
+    ), n = e == null ? void 0 : e.clientWidth, t = ((e == null ? void 0 : e.offsetWidth) || 0) - n, r = t > 0;
+    return { tbodyWidth: n, scrollBarWidth: t, hasScrollBar: r };
+  }, { y: H, hasScrollBar: Q } = x(() => {
+    if (typeof C > "u")
       return {};
-    const { hasScrollBar: l } = I();
-    let e = 40, r = 40, o = 10;
-    if (C.current) {
-      const f = window.getComputedStyle(C.current);
-      e = parseInt(f.getPropertyValue("--cell-block")), r = parseInt(f.getPropertyValue("--toolbar-height")), o = parseInt(f.getPropertyValue("--container-gap")) || 0;
+    const { hasScrollBar: e } = J();
+    let n = 40, t = 40;
+    if (B.current) {
+      const g = window.getComputedStyle(B.current);
+      n = parseInt(g.getPropertyValue("--cell-height")), t = parseInt(g.getPropertyValue("--toolbar-height"));
     }
-    const s = (y == null ? void 0 : y.height) || 0, a = s ? o : 0;
-    return { y: (p ? window.innerHeight : w) - s - a - r - e, hasScrollBar: l };
+    const r = (j == null ? void 0 : j.height) || 0, i = r ? G : 0;
+    return { y: (w ? window.innerHeight : C) - r - i - t - n, hasScrollBar: e };
   }, [
-    p,
     w,
-    y == null ? void 0 : y.height,
-    M == null ? void 0 : M.height,
-    W == null ? void 0 : W.height
-  ]), k = u(() => h != null && h.x ? { x: h.x, y: h.y || A } : h != null && h.y ? { x: 1e3, y: h.y } : { x: 1e3, y: A }, [h, A]), Q = ke((l) => {
-    const e = l.length, r = l.filter((g) => g.width), s = r.map((g) => g.width).reduce((g, H) => g + H, 0);
-    let a = 0;
-    if (C.current) {
-      const g = window.getComputedStyle(C.current);
-      a = parseInt(g.getPropertyValue("--toolCell-width"));
-    }
-    let i = 0;
-    b.rowSelection && (i += a), b.expandable && (i += a);
-    const { tbodyWidth: T } = I(), x = parseInt(`${k.x}`) || 0, f = Math.max(x, T), j = (parseInt(`${f}`) || 0) - s - i;
-    return j >= 0 ? j / (e - r.length) : void 0;
-  }, [b.expandable, b.rowSelection, k]), B = u(() => {
-    const l = (a) => a.map((i) => {
-      const T = $e((i == null ? void 0 : i.key) || (i == null ? void 0 : i.dataIndex), i.index), x = d.columnsMap[T];
-      return x && x.show === !1 ? !1 : i.children ? {
-        ...i,
-        children: l(i.children)
-      } : i;
-    }).filter(Boolean), e = l(m);
-    if (D)
-      return e.sort(Se(d.columnsMap));
-    const r = e.sort(Se(d.columnsMap)), o = Q(r), s = r.map((a) => ({
-      ...a,
-      ...a.width ? {
-        width: a.useMaxWidth ? Ze() ?? a.width : a.width
+    C,
+    j == null ? void 0 : j.height,
+    W == null ? void 0 : W.height,
+    P == null ? void 0 : P.height
+  ]), T = x(() => f != null && f.x ? { x: f.x, y: f.y || H } : f != null && f.y ? { x: 1e3, y: f.y } : { x: 1e3, y: H }, [f, H]), Y = ie(
+    (e) => {
+      const n = e.length, t = e.filter((b) => b.width), i = t.map((b) => b.width).reduce((b, A) => b + A, 0);
+      let d = 0;
+      if (B.current) {
+        const b = window.getComputedStyle(B.current), A = parseInt(
+          b.getPropertyValue("--toolCell-paddingInline")
+        );
+        d = parseInt(b.getPropertyValue("--fontSize")) + 4 + 2 * A;
+      }
+      let a = 0;
+      h.rowSelection && (a += d), h.expandable && (a += d);
+      const { tbodyWidth: k } = J(), g = parseInt(`${T.x}`) || 0, Re = Math.max(g, k), re = (parseInt(`${Re}`) || 0) - i - a;
+      return re >= 0 ? re / (n - t.length) : void 0;
+    },
+    [h.expandable, h.rowSelection, T]
+  ), v = x(() => {
+    const e = (d) => d.map((a) => {
+      const k = de(
+        (a == null ? void 0 : a.key) || (a == null ? void 0 : a.dataIndex),
+        a.index
+      ), g = u.columnsMap[k];
+      return g && g.show === !1 ? !1 : a.children ? {
+        ...a,
+        children: e(a.children)
+      } : a;
+    }).filter(Boolean), n = e(y);
+    if (V)
+      return n.sort(ce(u.columnsMap));
+    const t = n.sort(ce(u.columnsMap)), r = Y(t), i = t.map((d) => ({
+      ...d,
+      ...d.width ? {
+        width: d.useMaxWidth ? We() ?? d.width : d.width
       } : {
         // 给未设置width的列设置平均数
-        width: o
+        width: r
       }
     }));
-    return [F.SELECTION_COLUMN, F.EXPAND_COLUMN, ...s];
-  }, [m, d.columnsMap, Q, d.sortKeyColumns]);
-  ve(() => {
-    if (m && m.length > 0) {
-      const l = m.map((e) => (
-        // @ts-ignore
-        $e((e == null ? void 0 : e.key) ?? (e == null ? void 0 : e.dataIndex), e == null ? void 0 : e.dataIndex)
-      ));
-      d.setSortKeyColumns(l);
+    return [K.SELECTION_COLUMN, K.EXPAND_COLUMN, ...i];
+  }, [y, u.columnsMap, Y, u.sortKeyColumns]);
+  le(() => {
+    if (y && y.length > 0) {
+      const e = y.map(
+        (n) => (
+          // @ts-ignore
+          de((n == null ? void 0 : n.key) ?? (n == null ? void 0 : n.dataIndex), n == null ? void 0 : n.dataIndex)
+        )
+      );
+      u.setSortKeyColumns(e);
     }
-  }, [m]);
-  const Y = u(() => `${_ ?? (d == null ? void 0 : d.tableSize) ?? "lg"}BitzTable`, [_, d.tableSize]), el = u(() => He(
+  }, [y]);
+  const Z = x(() => `${q ?? (u == null ? void 0 : u.tableSize) ?? "lg"}BitzTable`, [q, u.tableSize]), ee = x(() => h.bordered ?? (s == null ? void 0 : s.bordered), [s == null ? void 0 : s.bordered]), Pe = x(() => ae(
     "bitzTableContainer",
     /* "hideBorder", */
-    { hasScrollBar: J },
-    Y
-  ), [Y, J, p]), ll = u(() => ({
-    "--container-bgColor": n.colorBgContainer
-  }), [n.Table]), ol = u(() => {
-    var l, e, r, o, s, a, i, T, x, f, j, g, H, oe, te, ne, re, se, ae, ie, ce, he, be, de, ge, xe, fe, ue, Te, me, pe, Ce, ye, we, Be, je, ze, Ne;
-    return {
-      height: p ? "100%" : w,
-      "--toolbar-bgColor": (l = n.Table) == null ? void 0 : l.toolbarBgColor,
-      "--thead-bgColor": (e = n.Table) == null ? void 0 : e.headerBg,
-      "--thead-hoverBgColor": (r = n.Table) == null ? void 0 : r.headerSortHoverBg,
-      "--evenRow-BgColor": (o = n.Table) == null ? void 0 : o.evenRowBgColor,
-      "--oddRow-BgColor": n.colorBgContainer,
-      "--radioCheckbox-borderColor": (s = n.Table) == null ? void 0 : s.radioCheckboxBorderColor,
-      "--expandIcon-borderColor": (a = n.Table) == null ? void 0 : a.expandIconBorderColor,
-      "--rowHover-bgColor": (i = n.Table) == null ? void 0 : i.rowHoverBg,
-      "--tbodyRow-borderColor": (T = n.Table) == null ? void 0 : T.borderColor,
-      "--xlTable-fontSize": `${(f = (x = n.Table) == null ? void 0 : x.xlTable) == null ? void 0 : f.fontSize}px`,
-      "--lgTable-fontSize": `${(g = (j = n.Table) == null ? void 0 : j.lgTable) == null ? void 0 : g.fontSize}px`,
-      "--mdTable-fontSize": `${(oe = (H = n.Table) == null ? void 0 : H.mdTable) == null ? void 0 : oe.fontSize}px`,
-      "--smTable-fontSize": `${(ne = (te = n.Table) == null ? void 0 : te.smTable) == null ? void 0 : ne.fontSize}px`,
-      "--xsTable-fontSize": `${(se = (re = n.Table) == null ? void 0 : re.xsTable) == null ? void 0 : se.fontSize}px`,
-      "--xlTable-height": `${(ie = (ae = n.Table) == null ? void 0 : ae.xlTable) == null ? void 0 : ie.height}px`,
-      "--lgTable-height": `${(he = (ce = n.Table) == null ? void 0 : ce.lgTable) == null ? void 0 : he.height}px`,
-      "--mdTable-height": `${(de = (be = n.Table) == null ? void 0 : be.mdTable) == null ? void 0 : de.height}px`,
-      "--smTable-height": `${(xe = (ge = n.Table) == null ? void 0 : ge.smTable) == null ? void 0 : xe.height}px`,
-      "--xsTable-height": `${(ue = (fe = n.Table) == null ? void 0 : fe.xsTable) == null ? void 0 : ue.height}px`,
-      "--xlTable-lineHeight": `${(me = (Te = n.Table) == null ? void 0 : Te.xlTable) == null ? void 0 : me.lineHeight}px`,
-      "--lgTable-lineHeight": `${(Ce = (pe = n.Table) == null ? void 0 : pe.lgTable) == null ? void 0 : Ce.lineHeight}px`,
-      "--mdTable-lineHeight": `${(we = (ye = n.Table) == null ? void 0 : ye.mdTable) == null ? void 0 : we.lineHeight}px`,
-      "--smTable-lineHeight": `${(je = (Be = n.Table) == null ? void 0 : Be.smTable) == null ? void 0 : je.lineHeight}px`,
-      "--xsTable-lineHeight": `${(Ne = (ze = n.Table) == null ? void 0 : ze.xsTable) == null ? void 0 : Ne.lineHeight}px`
-      // '--tableBody-bootomBorderColor': token.Table?.borderColor || '#f0f0f0',
-    };
-  }, [p, w, n.Table]), Z = ke((l, e) => O ? e % 2 === 0 ? "oddRow" : "evenRow" : "", [O]), ee = t.jsx(il, {
-    finished: Xe,
-    // @ts-ignore
-    onLoad: Ae,
-    loadingText: "加载中...",
-    finishedText: "没有更多了",
-    errorText: "加载失败",
-    children: t.jsxs("div", { className: "mobileList", style: { backgroundColor: (le = n.Table) == null ? void 0 : le.mobileListBgColor }, children: [c == null ? void 0 : c.map((l, e) => {
-      var r;
-      return t.jsx("div", { className: "listItem", style: { backgroundColor: (r = n.Table) == null ? void 0 : r.listItemBgColor }, onClick: () => Qe(l, e), children: B == null ? void 0 : B.map((o, s) => {
-        var a;
-        return !(o != null && o.mobileHide) && t.jsxs("div", { className: "row", style: { color: n.colorText }, children: [!o.mobileHideLabel && t.jsxs("div", { className: "label", children: [`${o.title}`, "："] }), t.jsx("div", { className: "value", children: ((a = o == null ? void 0 : o.render) == null ? void 0 : a.call(o, fl(l, (o == null ? void 0 : o.dataIndex) || ""), l, e)) || (l == null ? void 0 : l[o.dataIndex]) })] }, s);
-      }) }, e);
-    }), N && Array.from({ length: Le }).map((l, e) => {
-      var r;
-      return t.jsx("div", { className: "listItem", style: { backgroundColor: (r = n.Table) == null ? void 0 : r.listItemBgColor }, children: t.jsx("div", { className: "row", children: V ? V() : t.jsx(nl, { title: !1, paragraph: {
-        rows: Me,
-        width: We
-      }, active: !0 }) }) }, e);
-    })] })
-  });
-  return t.jsxs("div", { className: He("bitzTableBlock", { fullscreen: p }), style: ll, children: [!D && t.jsxs("div", { ref: C, className: el, style: ol, children: [t.jsxs("div", { className: "bitzTableContainerBody", ref: v, children: [q && t.jsxs("div", { className: "bitzTableToolbarBlock", children: [Ve || t.jsx("div", {}), Ke, (b == null ? void 0 : b.rowSelection) && t.jsx(t.Fragment, { children: _e })] }), t.jsx(F, {
-    columns: B,
-    dataSource: c,
-    loading: !1,
-    pagination: !1,
-    scroll: k,
-    ...b,
-    // style={style}
-    rowClassName: Z,
-    className: "bitzTable"
-  }), t.jsx(dl, {
-    columns: B,
-    dataLength: c.length,
-    scroll: k,
-    rowSelection: b.rowSelection,
-    expandable: b.expandable,
-    // style={style}
-    showTableTool: q,
-    rowClassName: Z,
-    loading: N,
-    className: "bitzTableSkeleton"
-  })] }), z && t.jsx(sl, { elRefInstance: X, enableControl: Ee, pagination: Pe, total: S, dataSource: c, resetPage: qe, paginationEmit: De })] }), D && t.jsxs(t.Fragment, { children: [(N || (c == null ? void 0 : c.length) > 0) && t.jsx(t.Fragment, { children: K ? t.jsx(cl, { onRefresh: K, children: ee }) : ee }), !N && t.jsx(al, { data: c, title: Re, img: Oe }), t.jsx(rl, { className: "tableMobileDrawer", open: Ue, placement: "bottom", height: "auto", closable: !1, onClose: U, children: t.jsxs("div", { className: "drawerBox", children: [t.jsx("div", { className: "boxBody", children: Ie.map((l, e) => t.jsx("div", { className: "operaList", onClick: () => Ye(l), ...l.danger && {
-    style: { color: n.colorError }
-  }, children: l.label }, e)) }), t.jsx("div", { className: "boxLine" }), t.jsx("div", { className: "boxFooter", onClick: U, children: Fe })] }) })] })] });
+    { hasScrollBar: Q },
+    Z
+  ), [Z, Q, w]), He = x(() => ({
+    "--container-bgColor": p.colorBgContainer
+  }), [p.colorBgContainer]), Ae = x(() => {
+    const e = (s == null ? void 0 : s.fillEvenRow) ?? !0;
+    return Je({
+      height: w ? "100%" : C,
+      fillEvenRow: e,
+      colorBgContainer: p.colorBgContainer,
+      table: c,
+      gap: G
+    });
+  }, [w, C, c, s == null ? void 0 : s.fillEvenRow]), ne = ie((e, n) => n % 2 === 0 ? "oddRow" : "evenRow", []), te = /* @__PURE__ */ o.jsx(
+    $e,
+    {
+      finished: ke,
+      onLoad: be,
+      loadingText: "加载中...",
+      finishedText: "没有更多了",
+      errorText: "加载失败",
+      children: /* @__PURE__ */ o.jsxs(
+        "div",
+        {
+          className: "mobileList",
+          style: { backgroundColor: c == null ? void 0 : c.mobileListBgColor },
+          children: [
+            l == null ? void 0 : l.map((e, n) => /* @__PURE__ */ o.jsx(
+              "div",
+              {
+                className: "listItem",
+                style: { backgroundColor: c == null ? void 0 : c.listItemBgColor },
+                onClick: () => Ee(e, n),
+                children: v == null ? void 0 : v.map((t, r) => {
+                  var i;
+                  return !(t != null && t.mobileHide) && /* @__PURE__ */ o.jsxs(
+                    "div",
+                    {
+                      className: "row",
+                      style: { color: p.colorText },
+                      children: [
+                        !t.mobileHideLabel && /* @__PURE__ */ o.jsxs("div", { className: "label", children: [
+                          `${t.title}`,
+                          "："
+                        ] }),
+                        /* @__PURE__ */ o.jsx("div", { className: "value", children: ((i = t == null ? void 0 : t.render) == null ? void 0 : i.call(
+                          t,
+                          Qe(e, (t == null ? void 0 : t.dataIndex) || ""),
+                          e,
+                          n
+                        )) || (e == null ? void 0 : e[t.dataIndex]) })
+                      ]
+                    },
+                    r
+                  );
+                })
+              },
+              n
+            )),
+            N && Array.from({ length: fe }).map((e, n) => /* @__PURE__ */ o.jsx(
+              "div",
+              {
+                className: "listItem",
+                style: { backgroundColor: c == null ? void 0 : c.listItemBgColor },
+                children: /* @__PURE__ */ o.jsx("div", { className: "row", children: $ ? $() : /* @__PURE__ */ o.jsx(
+                  Oe,
+                  {
+                    title: !1,
+                    paragraph: {
+                      rows: ue,
+                      width: xe
+                    },
+                    active: !0
+                  }
+                ) })
+              },
+              n
+            ))
+          ]
+        }
+      )
+    }
+  ), oe = x(() => {
+    if (E)
+      return E;
+    let e = (s == null ? void 0 : s.rowHoverable) ?? !0;
+    if (typeof m == "boolean" && (e = m), !e)
+      return {
+        body: {
+          cell: ({ onMouseEnter: n, onMouseLeave: t, ...r }) => /* @__PURE__ */ o.jsx("td", { ...r })
+        }
+      };
+  }, [E, m, s == null ? void 0 : s.rowHoverable]);
+  return /* @__PURE__ */ o.jsxs(
+    "div",
+    {
+      className: ae("bitzTableBlock", { fullscreen: w }),
+      style: He,
+      children: [
+        !V && /* @__PURE__ */ o.jsxs("div", { ref: B, className: Pe, style: Ae, children: [
+          /* @__PURE__ */ o.jsxs("div", { className: "bitzTableContainerBody", ref: z, children: [
+            F && /* @__PURE__ */ o.jsxs("div", { className: "bitzTableToolbarBlock", children: [
+              je || /* @__PURE__ */ o.jsx("div", {}),
+              Ce,
+              (h == null ? void 0 : h.rowSelection) && /* @__PURE__ */ o.jsx(o.Fragment, { children: ve })
+            ] }),
+            /* @__PURE__ */ o.jsx(
+              K,
+              {
+                bordered: ee,
+                columns: v,
+                dataSource: l,
+                loading: !1,
+                pagination: !1,
+                scroll: T,
+                ...h,
+                rowClassName: ne,
+                className: "bitzTable",
+                components: oe
+              }
+            ),
+            /* @__PURE__ */ o.jsx(
+              Ge,
+              {
+                bordered: ee,
+                columns: v,
+                dataLength: l.length,
+                scroll: T,
+                rowSelection: h.rowSelection,
+                expandable: h.expandable,
+                showTableTool: F,
+                rowClassName: ne,
+                loading: N,
+                className: "bitzTableSkeleton",
+                components: oe
+              }
+            )
+          ] }),
+          he && /* @__PURE__ */ o.jsx(
+            Ke,
+            {
+              elRefInstance: I,
+              enableControl: ge,
+              pagination: me,
+              total: M,
+              dataSource: l,
+              resetPage: Ne,
+              paginationEmit: ye
+            }
+          )
+        ] }),
+        V && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+          (N || (l == null ? void 0 : l.length) > 0) && /* @__PURE__ */ o.jsx(o.Fragment, { children: D ? /* @__PURE__ */ o.jsx(De, { onRefresh: D, children: te }) : te }),
+          !N && /* @__PURE__ */ o.jsx(_e, { data: l, title: we, img: Be }),
+          /* @__PURE__ */ o.jsx(
+            Ve,
+            {
+              className: "tableMobileDrawer",
+              open: Te,
+              placement: "bottom",
+              height: "auto",
+              closable: !1,
+              onClose: X,
+              children: /* @__PURE__ */ o.jsxs("div", { className: "drawerBox", children: [
+                /* @__PURE__ */ o.jsx("div", { className: "boxBody", children: Me.map((e, n) => /* @__PURE__ */ o.jsx(
+                  "div",
+                  {
+                    className: "operaList",
+                    onClick: () => Se(e),
+                    ...e.danger && {
+                      style: { color: p.colorError }
+                    },
+                    children: e.label
+                  },
+                  n
+                )) }),
+                /* @__PURE__ */ o.jsx("div", { className: "boxLine" }),
+                /* @__PURE__ */ o.jsx("div", { className: "boxFooter", onClick: X, children: pe })
+              ] })
+            }
+          )
+        ] })
+      ]
+    }
+  );
 }
-const Rl = (z) => t.jsx(hl, { initValue: z, children: t.jsx(ul, { ...z }) });
+const Nn = (m) => /* @__PURE__ */ o.jsx(qe, { initValue: m, children: /* @__PURE__ */ o.jsx(Ye, { ...m }) });
 export {
-  Rl as default
+  Nn as default
 };

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

@@ -0,0 +1,39 @@
+export declare const getCssVar: ({ height, fillEvenRow, colorBgContainer, table, gap, }: {
+    height: any;
+    fillEvenRow: any;
+    colorBgContainer: any;
+    table: any;
+    gap: any;
+}) => {
+    height: any;
+    '--toolbar-bgColor': any;
+    '--thead-bgColor': any;
+    '--thead-hoverBgColor': any;
+    '--evenRow-BgColor': any;
+    '--oddRow-BgColor': any;
+    '--radioCheckbox-borderColor': any;
+    '--expandIcon-borderColor': any;
+    '--rowHover-bgColor': any;
+    '--tbodyRow-borderColor': any;
+    '--container-gap': any;
+    '--xlTable-fontSize': string;
+    '--lgTable-fontSize': string;
+    '--mdTable-fontSize': string;
+    '--smTable-fontSize': string;
+    '--xsTable-fontSize': string;
+    '--xlTable-height': string;
+    '--lgTable-height': string;
+    '--mdTable-height': string;
+    '--smTable-height': string;
+    '--xsTable-height': string;
+    '--xlTable-lineHeight': string;
+    '--lgTable-lineHeight': string;
+    '--mdTable-lineHeight': string;
+    '--smTable-lineHeight': string;
+    '--xsTable-lineHeight': string;
+    '--xlSkeleton-height': string;
+    '--lgSkeleton-height': string;
+    '--mdSkeleton-height': string;
+    '--smSkeleton-height': string;
+    '--xsSkeleton-height': string;
+};

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

@@ -0,0 +1,46 @@
+const u = ({
+  height: v,
+  fillEvenRow: w,
+  colorBgContainer: R,
+  table: o,
+  gap: I
+}) => {
+  var h, i, g, r, x, n, T, d, p, s, $, H, m, C, S, k, f, z, B, c;
+  return {
+    height: v,
+    "--toolbar-bgColor": o == null ? void 0 : o.toolbarBgColor,
+    "--thead-bgColor": o == null ? void 0 : o.headerBg,
+    "--thead-hoverBgColor": o == null ? void 0 : o.headerSortHoverBg,
+    "--evenRow-BgColor": w,
+    "--oddRow-BgColor": R,
+    "--radioCheckbox-borderColor": o == null ? void 0 : o.radioCheckboxBorderColor,
+    "--expandIcon-borderColor": o == null ? void 0 : o.expandIconBorderColor,
+    "--rowHover-bgColor": o == null ? void 0 : o.rowHoverBg,
+    "--tbodyRow-borderColor": o == null ? void 0 : o.borderColor,
+    "--container-gap": I,
+    "--xlTable-fontSize": `${(h = o == null ? void 0 : o.xlTable) == null ? void 0 : h.fontSize}px`,
+    "--lgTable-fontSize": `${(i = o == null ? void 0 : o.lgTable) == null ? void 0 : i.fontSize}px`,
+    "--mdTable-fontSize": `${(g = o == null ? void 0 : o.mdTable) == null ? void 0 : g.fontSize}px`,
+    "--smTable-fontSize": `${(r = o == null ? void 0 : o.smTable) == null ? void 0 : r.fontSize}px`,
+    "--xsTable-fontSize": `${(x = o == null ? void 0 : o.xsTable) == null ? void 0 : x.fontSize}px`,
+    "--xlTable-height": `${(n = o == null ? void 0 : o.xlTable) == null ? void 0 : n.height}px`,
+    "--lgTable-height": `${(T = o == null ? void 0 : o.lgTable) == null ? void 0 : T.height}px`,
+    "--mdTable-height": `${(d = o == null ? void 0 : o.mdTable) == null ? void 0 : d.height}px`,
+    "--smTable-height": `${(p = o == null ? void 0 : o.smTable) == null ? void 0 : p.height}px`,
+    "--xsTable-height": `${(s = o == null ? void 0 : o.xsTable) == null ? void 0 : s.height}px`,
+    "--xlTable-lineHeight": `${($ = o == null ? void 0 : o.xlTable) == null ? void 0 : $.lineHeight}px`,
+    "--lgTable-lineHeight": `${(H = o == null ? void 0 : o.lgTable) == null ? void 0 : H.lineHeight}px`,
+    "--mdTable-lineHeight": `${(m = o == null ? void 0 : o.mdTable) == null ? void 0 : m.lineHeight}px`,
+    "--smTable-lineHeight": `${(C = o == null ? void 0 : o.smTable) == null ? void 0 : C.lineHeight}px`,
+    "--xsTable-lineHeight": `${(S = o == null ? void 0 : o.xsTable) == null ? void 0 : S.lineHeight}px`,
+    "--xlSkeleton-height": `${(k = o == null ? void 0 : o.xlTable) == null ? void 0 : k.skeletonHeight}px`,
+    "--lgSkeleton-height": `${(f = o == null ? void 0 : o.lgTable) == null ? void 0 : f.skeletonHeight}px`,
+    "--mdSkeleton-height": `${(z = o == null ? void 0 : o.mdTable) == null ? void 0 : z.skeletonHeight}px`,
+    "--smSkeleton-height": `${(B = o == null ? void 0 : o.smTable) == null ? void 0 : B.skeletonHeight}px`,
+    "--xsSkeleton-height": `${(c = o == null ? void 0 : o.xsTable) == null ? void 0 : c.skeletonHeight}px`
+    // '--tableBody-bootomBorderColor': table?.borderColor || '#f0f0f0',
+  };
+};
+export {
+  u as getCssVar
+};