bitz-react-admin-ui 1.8.3 → 1.9.0

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
+};

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

@@ -20,7 +20,6 @@ const J = () => {
       {
         [`.${o}`]: {
           height: "100%",
-          lineHeight: "normal",
           paddingBlock: 0,
           borderRadius: 0,
           borderColor: "transparent",

package/dist/components/BitzTableSelect/SelectPopup/getData.d.ts

@@ -10,7 +10,6 @@ export declare const getExpandable: (prop?: string) => {
 /** 布局 */
 export declare const getLayoutConfig: (lrLayout: any, showToolTagSelect: any) => {
     gutter: number;
-    spaceSize: number;
     left: {
         span: number;
     };
@@ -24,7 +23,6 @@ export declare const getLayoutConfig: (lrLayout: any, showToolTagSelect: any) =>
     };
 } | {
     gutter: number;
-    spaceSize: number;
     left: {
         span: number;
     };

package/dist/components/BitzTableSelect/SelectPopup/getData.mjs

@@ -1,34 +1,34 @@
 import { j as o } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { Table as f } from "antd";
+import { Table as m } from "antd";
 import a from "../../BitzDescriptions/index.mjs";
-import m from "../TableCell/index.mjs";
-import c from "../TextBlock/index.mjs";
-const j = (n, r, e) => {
-  const l = n.map((t) => (typeof t.title == "string" && (t.title = /* @__PURE__ */ o.jsx(c, { value: t.title, bold: 600 })), {
+import p from "../TableCell/index.mjs";
+import u from "../TextBlock/index.mjs";
+const S = (n, r, e) => {
+  const l = n.map((t) => (typeof t.title == "string" && (t.title = /* @__PURE__ */ o.jsx(u, { value: t.title, bold: 600 })), {
     ...t,
-    render: (i, u, g) => {
-      const p = (r == null ? void 0 : r.length) === 1 ? !1 : g + 1 > ((r == null ? void 0 : r.length) || 0) / 2;
+    render: (i, c, g) => {
+      const f = (r == null ? void 0 : r.length) === 1 ? !1 : g + 1 > ((r == null ? void 0 : r.length) || 0) / 2;
       if (t != null && t.render) {
-        const s = t.render(i, u, g);
+        const s = t.render(i, c, g);
         if (typeof s == "object")
           return s;
         if (["boolean", "number", "bigint", "string"].includes(
           typeof s
         ))
-          return /* @__PURE__ */ o.jsx(m, { value: `${s}`, isLatterHalf: p });
+          return /* @__PURE__ */ o.jsx(p, { value: `${s}`, isLatterHalf: f });
       }
-      return !i && !["boolean", "number", "bigint"].includes(typeof i) ? /* @__PURE__ */ o.jsx(c, { value: "-" }) : /* @__PURE__ */ o.jsx(m, { value: i, isLatterHalf: p });
+      return !i && !["boolean", "number", "bigint"].includes(typeof i) ? /* @__PURE__ */ o.jsx(u, { value: "-" }) : /* @__PURE__ */ o.jsx(p, { value: i, isLatterHalf: f });
     }
   }));
   return [
-    f.SELECTION_COLUMN,
-    f.EXPAND_COLUMN,
+    m.SELECTION_COLUMN,
+    m.EXPAND_COLUMN,
     {
       title: "序号",
       rowScope: "row",
       className: "numRow",
       width: 50,
-      render: (t, i, u) => u + 1 + (e.pageIndex - 1) * e.pageSize
+      render: (t, i, c) => c + 1 + (e.pageIndex - 1) * e.pageSize
     },
     ...l
   ];
@@ -40,7 +40,7 @@ const j = (n, r, e) => {
     },
     expandedRowRender: (r) => {
       var l;
-      const e = (l = r[n]) == null ? void 0 : l.map((t) => (typeof t.label == "string" && (t.label = /* @__PURE__ */ o.jsx(c, { minRows: 1, maxRows: 5, value: t.label })), typeof t.children == "string" && (t.children = /* @__PURE__ */ o.jsx(c, { minRows: 1, maxRows: 5, value: t.children })), t));
+      const e = (l = r[n]) == null ? void 0 : l.map((t) => (typeof t.label == "string" && (t.label = /* @__PURE__ */ o.jsx(u, { minRows: 1, maxRows: 5, value: t.label })), typeof t.children == "string" && (t.children = /* @__PURE__ */ o.jsx(u, { minRows: 1, maxRows: 5, value: t.children })), t));
       return /* @__PURE__ */ o.jsx(
         a,
         {
@@ -56,7 +56,6 @@ const j = (n, r, e) => {
   if (n) {
     const e = {
       gutter: 20,
-      spaceSize: 10,
       left: {
         span: 6
       },
@@ -73,7 +72,6 @@ const j = (n, r, e) => {
   } else {
     const e = {
       gutter: 0,
-      spaceSize: 10,
       left: {
         span: 0
       },
@@ -90,7 +88,7 @@ const j = (n, r, e) => {
   }
 };
 export {
-  j as getColumns,
+  S as getColumns,
   w as getExpandable,
   R as getLayoutConfig
 };

package/dist/components/BitzTableSelect/SelectPopup/index.mjs

@@ -1,46 +1,47 @@
 import { j as e } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { useRef as ee, useState as T, useMemo as F, useCallback as te, useEffect as re } from "react";
-import { theme as se, Row as y, Col as i, Space as K, Form as h, Select as A, Spin as le, Typography as oe, Table as ce, Pagination as ne, Flex as ie, Empty as G } from "antd";
-import H from "../../BitzButton/index.mjs";
+import { useRef as te, useState as T, useMemo as K, useCallback as re, useEffect as le } from "react";
+import { Row as y, Col as a, Space as A, Form as h, Select as G, Spin as se, Typography as oe, Table as ce, Pagination as ne, Flex as ie, Empty as H } from "antd";
+import J from "../../BitzButton/index.mjs";
 import { getColumns as ae, getExpandable as pe, getLayoutConfig as ue } from "./getData.mjs";
 import de from "../TextBlock/index.mjs";
 import xe from "../../../node_modules/.store/ahooks@3.7.10/node_modules/ahooks/es/useSize/index.mjs";
+import he from "../../BitzTheme/index.mjs";
 import "./index.less.mjs";
-import he from "../../../node_modules/.store/@ant-design_icons@5.3.3/node_modules/@ant-design/icons/es/icons/InfoCircleOutlined.mjs";
+import me from "../../../node_modules/.store/@ant-design_icons@5.3.3/node_modules/@ant-design/icons/es/icons/InfoCircleOutlined.mjs";
 import je from "../../../node_modules/.store/@ant-design_icons@5.3.3/node_modules/@ant-design/icons/es/icons/CloseOutlined.mjs";
 function Ee({
-  columns: k,
-  tableData: E,
-  total: J,
-  loading: j,
-  loadingFailed: f,
-  loadAgain: O,
-  page: b,
-  onPageChange: I,
-  searchInput: Q,
-  showToolTagSelect: P,
-  toolTags: W,
+  columns: P,
+  tableData: z,
+  total: O,
+  loading: m,
+  loadingFailed: b,
+  loadAgain: Q,
+  page: f,
+  onPageChange: B,
+  searchInput: W,
+  showToolTagSelect: E,
+  toolTags: $,
   onToolTagChange: g,
   lrLayout: w,
-  parentRender: z,
+  parentRender: I,
   keys: R,
-  rows: B,
+  rows: k,
   fieldNames: r,
   onChange: d,
-  onDropdownVisibleChange: m
+  onDropdownVisibleChange: j
 }) {
-  var _;
-  const C = ee(null), v = xe(C), { token: a } = se.useToken(), [o, $] = T([]), [l, q] = T([]), [L, U] = T(void 0), X = (t, s) => {
-    U(t), g == null || g(t, s), t || (m(!0), setTimeout(() => {
-      m(!1);
+  var F;
+  const C = te(null), v = xe(C), { token: o } = he.useToken(), { tableSpaceBetweenPage: M = 10 } = o == null ? void 0 : o.BitzTableSelect, [c, q] = T([]), [s, L] = T([]), [U, X] = T(void 0), Y = (t, l) => {
+    X(t), g == null || g(t, l), t || (j(!0), setTimeout(() => {
+      j(!1);
     }, 0));
-  }, Y = F(() => ae(k, E, b), [k]), Z = {
-    selectedRowKeys: o,
-    onSelect: (t, s) => {
-      if (s)
-        o.push(t[r.value]), l.push(t), d(o, l);
+  }, Z = K(() => ae(P, z, f), [P]), D = {
+    selectedRowKeys: c,
+    onSelect: (t, l) => {
+      if (l)
+        c.push(t[r.value]), s.push(t), d(c, s);
       else {
-        const p = l.filter(
+        const p = s.filter(
           (u) => u[r.value] !== t[r.value]
         );
         d(
@@ -49,211 +50,203 @@ function Ee({
         );
       }
     },
-    onSelectAll: (t, s, p) => {
-      const u = p.map((n) => n[r.value]);
+    onSelectAll: (t, l, p) => {
+      const u = p.map((i) => i[r.value]);
       if (t) {
-        const n = o.concat(u), S = l.concat(p);
-        d(n, S);
+        const i = c.concat(u), S = s.concat(p);
+        d(i, S);
       } else {
-        const n = o == null ? void 0 : o.filter((x) => !u.includes(x)), S = /* @__PURE__ */ new Map();
+        const i = c == null ? void 0 : c.filter((x) => !u.includes(x)), S = /* @__PURE__ */ new Map();
         p.forEach((x) => {
           S.set(x[r.value], x);
         });
-        const N = l == null ? void 0 : l.filter(
+        const ee = s == null ? void 0 : s.filter(
           (x) => !S.has(x[r.value])
         );
-        d(n, N);
+        d(i, ee);
       }
     }
-  }, D = te(() => pe(r.items), [r.items]), M = (t, s) => /* @__PURE__ */ e.jsxs("span", { style: { color: a.colorText }, children: [
+  }, V = re(() => pe(r.items), [r.items]), _ = (t, l) => /* @__PURE__ */ e.jsxs("span", { style: { color: o.colorText }, children: [
     t[0],
     " ",
-    /* @__PURE__ */ e.jsx("span", { style: { color: a.colorPrimary, fontWeight: 600 }, children: s }),
+    /* @__PURE__ */ e.jsx("span", { style: { color: o.colorPrimary, fontWeight: 600 }, children: l }),
     " ",
     t[1]
-  ] }), V = () => {
-    const t = (s) => {
-      const p = l.findIndex(
-        (n) => n[r.value] === s[r.value]
-      ), u = o.findIndex(
-        (n) => n === s[r.value]
+  ] }), N = () => {
+    const t = (l) => {
+      const p = s.findIndex(
+        (i) => i[r.value] === l[r.value]
+      ), u = c.findIndex(
+        (i) => i === l[r.value]
       );
-      l.splice(p, 1), o.splice(u, 1), d(o, l);
+      s.splice(p, 1), c.splice(u, 1), d(c, s);
     };
     return /* @__PURE__ */ e.jsxs(
-      K,
+      A,
       {
         direction: "vertical",
         style: {
           width: "calc(100% - 5px)",
           paddingRight: 5,
-          maxHeight: l.length ? 220 : "auto",
+          maxHeight: s.length ? 220 : "auto",
           overflow: "hidden auto"
         },
         children: [
-          l.map((s) => /* @__PURE__ */ e.jsxs(
+          s.map((l) => /* @__PURE__ */ e.jsxs(
             ie,
             {
               justify: "space-between",
               style: {
                 padding: "4px 8px",
-                border: `1px solid ${a.colorBorder}`,
+                border: `1px solid ${o.colorBorder}`,
                 backgroundColor: "#f5f5f5",
-                borderRadius: a.borderRadiusSM,
+                borderRadius: o.borderRadiusSM,
                 overflow: "hidden"
               },
               children: [
-                /* @__PURE__ */ e.jsx("div", { style: { width: "calc(100% - 15px)" }, children: /* @__PURE__ */ e.jsx(de, { value: s[r.label] }) }),
+                /* @__PURE__ */ e.jsx("div", { style: { width: "calc(100% - 15px)" }, children: /* @__PURE__ */ e.jsx(de, { value: l[r.label] }) }),
                 /* @__PURE__ */ e.jsx(
                   je,
                   {
                     style: {
-                      color: a.colorError,
+                      color: o.colorError,
                       fontSize: 13,
                       cursor: "pointer"
                     },
-                    onClick: () => t(s)
+                    onClick: () => t(l)
                   }
                 )
               ]
             },
-            s[r.value]
+            l[r.value]
           )),
-          !l.length && /* @__PURE__ */ e.jsx(G, { image: G.PRESENTED_IMAGE_SIMPLE })
+          !s.length && /* @__PURE__ */ e.jsx(H, { image: H.PRESENTED_IMAGE_SIMPLE })
         ]
       }
     );
-  }, c = F(() => ue(w, P), [w, P]);
-  return re(() => {
-    $(R ?? []), q(B ?? []);
-  }, [R, B]), /* @__PURE__ */ e.jsxs(y, { gutter: c.gutter, children: [
-    /* @__PURE__ */ e.jsx(i, { span: c.left.span, children: w && z && z(c.spaceSize, v == null ? void 0 : v.height) }),
-    /* @__PURE__ */ e.jsx(i, { span: c.right.span, children: /* @__PURE__ */ e.jsxs(
-      K,
-      {
-        direction: "vertical",
-        size: c.spaceSize,
-        style: { width: "100%" },
-        children: [
-          /* @__PURE__ */ e.jsx(h, { className: "tableSelectPopupSearchForm", children: /* @__PURE__ */ e.jsx(y, { gutter: [16, 16], children: /* @__PURE__ */ e.jsx(i, { span: 24, children: /* @__PURE__ */ e.jsxs(y, { justify: "space-between", gutter: [16, 16], children: [
-            /* @__PURE__ */ e.jsx(i, { span: c.right.search, children: /* @__PURE__ */ e.jsx(h.Item, { children: Q }) }),
-            /* @__PURE__ */ e.jsx(i, { span: c.right.operation, children: /* @__PURE__ */ e.jsxs(y, { justify: "end", gutter: 8, children: [
-              /* @__PURE__ */ e.jsx(i, { span: c.right.toolTagSelect, children: /* @__PURE__ */ e.jsx(h.Item, { children: /* @__PURE__ */ e.jsx(
-                A,
-                {
-                  allowClear: !0,
-                  className: "tableSelectPopupToolTagSelect",
-                  style: {
-                    width: "100%",
-                    "--toolTagSelect-color": j ? a.colorTextDisabled : a.colorText
-                  },
-                  placeholder: "常用标签",
-                  showSearch: !1,
-                  disabled: j,
-                  options: W,
-                  value: L,
-                  onChange: X,
-                  onDropdownVisibleChange: m
-                }
-              ) }) }),
-              /* @__PURE__ */ e.jsx(i, { span: c.right.totalSelect, children: /* @__PURE__ */ e.jsx(h.Item, { children: /* @__PURE__ */ e.jsxs("div", { className: "tableSelectPopupTotalSelect", children: [
-                /* @__PURE__ */ e.jsx(
-                  A,
-                  {
-                    style: { width: "100%" },
-                    mode: "multiple",
-                    placeholder: "",
-                    showSearch: !1,
-                    options: l,
-                    value: o,
-                    fieldNames: r,
-                    popupClassName: "tableSelectPopupTotalPopup",
-                    dropdownRender: V,
-                    tagRender: () => /* @__PURE__ */ e.jsx(e.Fragment, {}),
-                    onDropdownVisibleChange: m
-                  }
-                ),
-                /* @__PURE__ */ e.jsx("div", { className: "tableSelectPopupTotalSelectTip", children: M(
-                  ["已选择", "条数据"],
-                  o.length || 0
-                ) })
-              ] }) }) }),
-              /* @__PURE__ */ e.jsx(i, { span: c.right.button, children: /* @__PURE__ */ e.jsx(
-                H,
-                {
-                  type: "primary",
-                  danger: !0,
-                  onClick: () => d([], [], "clear"),
-                  children: "清空"
-                }
-              ) }),
-              /* @__PURE__ */ e.jsx(i, { span: c.right.button, children: /* @__PURE__ */ e.jsx(
-                H,
-                {
-                  type: "primary",
-                  onClick: () => d([], [], "confirm"),
-                  children: "确认"
-                }
-              ) })
-            ] }) })
-          ] }) }) }) }),
-          /* @__PURE__ */ e.jsx(
-            "div",
+  }, n = K(() => ue(w, E), [w, E]);
+  return le(() => {
+    q(R ?? []), L(k ?? []);
+  }, [R, k]), /* @__PURE__ */ e.jsxs(y, { gutter: n.gutter, children: [
+    /* @__PURE__ */ e.jsx(a, { span: n.left.span, children: w && I && I(M, v == null ? void 0 : v.height) }),
+    /* @__PURE__ */ e.jsx(a, { span: n.right.span, children: /* @__PURE__ */ e.jsxs(A, { direction: "vertical", size: M, style: { width: "100%" }, children: [
+      /* @__PURE__ */ e.jsx(h, { className: "tableSelectPopupSearchForm", children: /* @__PURE__ */ e.jsx(y, { gutter: [16, 16], children: /* @__PURE__ */ e.jsx(a, { span: 24, children: /* @__PURE__ */ e.jsxs(y, { justify: "space-between", gutter: [16, 16], children: [
+        /* @__PURE__ */ e.jsx(a, { span: n.right.search, children: /* @__PURE__ */ e.jsx(h.Item, { children: W }) }),
+        /* @__PURE__ */ e.jsx(a, { span: n.right.operation, children: /* @__PURE__ */ e.jsxs(y, { justify: "end", gutter: 8, children: [
+          /* @__PURE__ */ e.jsx(a, { span: n.right.toolTagSelect, children: /* @__PURE__ */ e.jsx(h.Item, { children: /* @__PURE__ */ e.jsx(
+            G,
             {
-              ref: C,
-              ...f && {
-                className: "pointerMouse",
-                onClick: () => O()
+              allowClear: !0,
+              className: "tableSelectPopupToolTagSelect",
+              style: {
+                width: "100%",
+                "--toolTagSelect-color": m ? o.colorTextDisabled : o.colorText
               },
+              placeholder: "常用标签",
+              showSearch: !1,
+              disabled: m,
+              options: $,
+              value: U,
+              onChange: Y,
+              onDropdownVisibleChange: j
+            }
+          ) }) }),
+          /* @__PURE__ */ e.jsx(a, { span: n.right.totalSelect, children: /* @__PURE__ */ e.jsx(h.Item, { children: /* @__PURE__ */ e.jsxs("div", { className: "tableSelectPopupTotalSelect", children: [
+            /* @__PURE__ */ e.jsx(
+              G,
+              {
+                style: { width: "100%" },
+                mode: "multiple",
+                placeholder: "",
+                showSearch: !1,
+                options: s,
+                value: c,
+                fieldNames: r,
+                popupClassName: "tableSelectPopupTotalPopup",
+                dropdownRender: N,
+                tagRender: () => /* @__PURE__ */ e.jsx(e.Fragment, {}),
+                onDropdownVisibleChange: j
+              }
+            ),
+            /* @__PURE__ */ e.jsx("div", { className: "tableSelectPopupTotalSelectTip", children: _(
+              ["已选择", "条数据"],
+              c.length || 0
+            ) })
+          ] }) }) }),
+          /* @__PURE__ */ e.jsx(a, { span: n.right.button, children: /* @__PURE__ */ e.jsx(
+            J,
+            {
+              type: "primary",
+              danger: !0,
+              onClick: () => d([], [], "clear"),
+              children: "清空"
+            }
+          ) }),
+          /* @__PURE__ */ e.jsx(a, { span: n.right.button, children: /* @__PURE__ */ e.jsx(
+            J,
+            {
+              type: "primary",
+              onClick: () => d([], [], "confirm"),
+              children: "确认"
+            }
+          ) })
+        ] }) })
+      ] }) }) }) }),
+      /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          ref: C,
+          ...b && {
+            className: "pointerMouse",
+            onClick: () => Q()
+          },
+          children: /* @__PURE__ */ e.jsx(
+            se,
+            {
+              spinning: b,
+              indicator: /* @__PURE__ */ e.jsx(me, {}),
+              tip: /* @__PURE__ */ e.jsx(oe.Text, { type: "danger", children: "加载失败，点击重试" }),
               children: /* @__PURE__ */ e.jsx(
-                le,
+                ce,
                 {
-                  spinning: f,
-                  indicator: /* @__PURE__ */ e.jsx(he, {}),
-                  tip: /* @__PURE__ */ e.jsx(oe.Text, { type: "danger", children: "加载失败，点击重试" }),
-                  children: /* @__PURE__ */ e.jsx(
-                    ce,
-                    {
-                      rowKey: r.value,
-                      loading: j,
-                      bordered: !0,
-                      sticky: !0,
-                      size: "small",
-                      scroll: { y: 400 },
-                      pagination: !1,
-                      rowSelection: Z,
-                      columns: Y,
-                      dataSource: E,
-                      ...f && { className: "loadingFailedTable" },
-                      ...D(),
-                      style: {
-                        "--tableBody-bootomBorderColor": (_ = a.Table) == null ? void 0 : _.borderColor
-                      }
-                    }
-                  )
+                  rowKey: r.value,
+                  loading: m,
+                  bordered: !0,
+                  sticky: !0,
+                  size: "small",
+                  scroll: { y: 400 },
+                  pagination: !1,
+                  rowSelection: D,
+                  columns: Z,
+                  dataSource: z,
+                  ...b && { className: "loadingFailedTable" },
+                  ...V(),
+                  style: {
+                    "--tableBody-bootomBorderColor": ((F = o.Table) == null ? void 0 : F.borderColor) || o.colorBorderSecondary
+                  }
                 }
               )
             }
-          ),
-          /* @__PURE__ */ e.jsx(h, { children: /* @__PURE__ */ e.jsx(h.Item, { style: { marginBottom: 0 }, children: /* @__PURE__ */ e.jsx(
-            ne,
-            {
-              disabled: j,
-              className: "tableSelectPopupTablePagination",
-              size: "small",
-              current: b.pageIndex,
-              pageSize: b.pageSize,
-              showTotal: (t) => M(["共", "条"], t),
-              showSizeChanger: !0,
-              showQuickJumper: !0,
-              total: J,
-              onChange: I,
-              onShowSizeChange: (t, s) => I(1, s)
-            }
-          ) }) })
-        ]
-      }
-    ) })
+          )
+        }
+      ),
+      /* @__PURE__ */ e.jsx(h, { children: /* @__PURE__ */ e.jsx(h.Item, { style: { marginBottom: 0 }, children: /* @__PURE__ */ e.jsx(
+        ne,
+        {
+          disabled: m,
+          className: "tableSelectPopupTablePagination",
+          size: "small",
+          current: f.pageIndex,
+          pageSize: f.pageSize,
+          showTotal: (t) => _(["共", "条"], t),
+          showSizeChanger: !0,
+          showQuickJumper: !0,
+          total: O,
+          onChange: B,
+          onShowSizeChange: (t, l) => B(1, l)
+        }
+      ) }) })
+    ] }) })
   ] });
 }
 export {

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

@@ -60,7 +60,9 @@ export interface BitzTableSelectProps<T extends BaseOptionType> extends AntSelec
     placeholder?: string;
     /** 向父/组件传递数据的事件 */
     onChange?: (value: Key[]) => void;
+    /** 计算popup总宽度的追加值 */
+    offsetWidth?: number;
 }
 /** 下拉表格组件 */
-declare function BitzTableSelect<T extends BaseOptionType>({ columns, tableData, loading, loadingFailed, loadAgain, total, page, onPageChange, onSearch, showToolTagSelect, placeholder, fieldNames, ...rest }: BitzTableSelectProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function BitzTableSelect<T extends BaseOptionType>({ columns, tableData, loading, loadingFailed, loadAgain, total, page, onPageChange, onSearch, showToolTagSelect, placeholder, fieldNames, offsetWidth, ...rest }: BitzTableSelectProps<T>): import("react/jsx-runtime").JSX.Element;
 export default BitzTableSelect;