bitz-react-admin-ui 1.4.2

package/dist/components/BitzTable/index.mjs

@@ -0,0 +1,96 @@
+import { j as e } from "../../node_modules/react/jsx-runtime.mjs";
+import { useContext as X, useState as g, useMemo as h, useEffect as Y } from "react";
+import { isMobile as v } from "../../node_modules/react-device-detect/dist/lib.mjs";
+import { Table as Z, Skeleton as I } from "antd";
+import S from "../BitzDrawer/index.mjs";
+import ee from "../BitzLoadMore/index.mjs";
+import se from "../BitzPagination/index.mjs";
+import le from "../BitzNoData/index.mjs";
+import ne from "./ToolBar/index.mjs";
+import { TableContext as oe } from "../BitzTableProvider/index.mjs";
+import re from "./TableSkeleton/index.mjs";
+import { columnSort as ie, genColumnKey as w } from "../BitzTableProvider/utils/index.mjs";
+import "./index.less.mjs";
+import te from "../../node_modules/lodash-es/at.mjs";
+const ze = ({
+  tableItemEmit: N = () => {
+  },
+  showPagination: B = !0,
+  dataSource: l = [],
+  total: f = 0,
+  columns: t,
+  loading: x = !1,
+  skeletonNum: z = 2,
+  skeletonRender: m,
+  skeletonRowNum: M = 4,
+  skeletonRowsWidth: T = ["35%", "100%", "100%", "60%"],
+  tableOperationEmit: u = () => {
+  },
+  mobileLoadEmit: y = () => {
+  },
+  mobileRefreshEmit: L = () => {
+  },
+  operations: C = [],
+  paginationEmit: k = () => {
+  },
+  mobilePageHeight: F = 500,
+  mobileCancelText: E = "取消",
+  noDataTitle: K,
+  noDataImg: A,
+  color: D,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  size: j,
+  pagination: ae = !1,
+  showTableTool: O = !0,
+  tableAction: $,
+  tableToolbar: P,
+  resetPage: _,
+  ...a
+}) => {
+  const i = X(oe), [H, d] = g(!1), [W, q] = g({}), G = h(() => (l == null ? void 0 : l.length) == f && (l == null ? void 0 : l.length) > 0, [l, f]), J = (s) => {
+    d(!0), q(s), N(s);
+  }, b = () => {
+    d(!1);
+  }, Q = (s) => {
+    d(!1), u(s.type, W);
+  }, c = h(() => {
+    const s = (r) => r.map((o) => {
+      const V = w((o == null ? void 0 : o.key) || (o == null ? void 0 : o.dataIndex), o.index), p = i.columnsMap[V];
+      return p && p.show === !1 ? !1 : o.children ? {
+        ...o,
+        children: s(o.children)
+      } : o;
+    }).filter(Boolean);
+    return s(t).sort(ie(i.columnsMap));
+  }, [i.columnsMap, t]), R = h(() => {
+    if (a != null && a.rowSelection)
+      return {
+        ...a.rowSelection,
+        fixed: "left",
+        columnWidth: 52
+      };
+  }, [a.rowSelection]);
+  Y(() => {
+    if (t && t.length > 0) {
+      const s = t.map((n) => (
+        // @ts-ignore
+        w((n == null ? void 0 : n.key) ?? (n == null ? void 0 : n.dataIndex), n == null ? void 0 : n.dataIndex)
+      ));
+      i.setSortKeyColumns(s);
+    }
+  }, [t]);
+  const U = h(() => `${j ?? (i == null ? void 0 : i.tableSize) ?? "lg"}BitzTable`, [j, i.tableSize]);
+  return e.jsxs("div", { className: "bitzTableBlock", children: [!v && e.jsxs("div", { className: `bitzTableContainer ${U}`, children: [O && e.jsx(ne, { tableAction: $, tableToolbar: P }), x ? e.jsx(re, { columns: c, dataLength: l == null ? void 0 : l.length }) : e.jsx(Z, { columns: c, dataSource: l, pagination: {
+    showTotal: (s) => e.jsx(e.Fragment, { children: s })
+  }, loading: x, size: "large", rowSelection: R, scroll: { x: 1e3 }, ...a }), B && e.jsx(se, { total: f, dataSource: l, resetPage: _, paginationEmit: k })] }), v && e.jsxs(e.Fragment, { children: [(x || (l == null ? void 0 : l.length) > 0) && e.jsx(ee, { color: D, height: F, showNoMore: G, refreshEmit: L, loadEmit: y, extra: e.jsxs("div", { className: "mobileTable", children: [l == null ? void 0 : l.map((s, n) => e.jsxs("div", { children: [e.jsx("div", { className: "rowBox", children: c == null ? void 0 : c.map((r, o) => e.jsx("div", { children: !(r != null && r.mobileHide) && e.jsxs("div", { className: "row", onClick: () => {
+    J(s);
+  }, children: [e.jsxs("div", { className: "label", children: [r.title, "："] }), e.jsx("div", { className: "value", children: r.render(te(s, r == null ? void 0 : r.dataIndex), s, n) })] }) }, o)) }), e.jsx("div", { className: "rowBoxLine" })] }, n)), x && Array.from({ length: z }).map((s, n) => e.jsxs("div", { children: [e.jsx("div", { className: "rowBox", children: m ? m() : e.jsx(I, { title: !1, paragraph: {
+    rows: M,
+    width: T
+  }, active: !0 }) }), e.jsx("div", { className: "rowBoxLine" })] }, n)), e.jsx(S, { className: "tableMobileDrawer", open: H, placement: "bottom", height: "auto", closable: !1, onClose: b, children: e.jsxs("div", { className: "drawerBox", children: [e.jsx("div", { className: "boxBody", children: C.map((s, n) => e.jsx("div", { className: "operaList", onClick: () => {
+    Q(s);
+  }, children: s.label }, n)) }), e.jsx("div", { className: "boxLine" }), e.jsx("div", { className: "boxFooter", onClick: b, children: E })] }) })] }) }), !x && e.jsx(le, { data: l, title: K, img: A })] })] });
+};
+export {
+  ze as default
+};

package/dist/components/BitzTableActionBar/index.mjs

@@ -0,0 +1,34 @@
+import { j as t } from "../../node_modules/react/jsx-runtime.mjs";
+import { useMemo as S } from "react";
+import { Space as C, Dropdown as g } from "antd";
+import y from "../BitzButton/index.mjs";
+import N from "./style.mjs";
+import z from "../../node_modules/@ant-design/icons/es/icons/CloudDownloadOutlined.mjs";
+import E from "../../node_modules/@ant-design/icons/es/icons/CloudUploadOutlined.mjs";
+import D from "../../node_modules/@ant-design/icons/es/icons/PlusCircleFilled.mjs";
+import O from "../../node_modules/@ant-design/icons/es/icons/CaretDownOutlined.mjs";
+const v = ({ size: k, add: i, excel: o }) => {
+  const { wrapSSR: c, blockCls: h, addBtnClassName: b, dropdownBtnClassName: w } = N(k), B = S(() => {
+    var r, n, s, m, a, l, p, u, d, e, f, j;
+    return [
+      {
+        key: ((n = (r = o.menu) == null ? void 0 : r[0]) == null ? void 0 : n.key) || "download",
+        label: ((m = (s = o.menu) == null ? void 0 : s[0]) == null ? void 0 : m.label) || "Excel模板下载",
+        icon: ((l = (a = o.menu) == null ? void 0 : a[0]) == null ? void 0 : l.icon) || t.jsx(z, { style: { fontSize: 14 } })
+      },
+      {
+        key: ((u = (p = o.menu) == null ? void 0 : p[1]) == null ? void 0 : u.key) || "import",
+        label: ((e = (d = o.menu) == null ? void 0 : d[1]) == null ? void 0 : e.label) || "Excel数据导入",
+        icon: ((j = (f = o.menu) == null ? void 0 : f[1]) == null ? void 0 : j.icon) || t.jsx(E, { style: { fontSize: 14 } })
+      },
+      ...(o == null ? void 0 : o.otherMenu) ?? []
+    ];
+  }, [o]);
+  return c(t.jsxs(C.Compact, { className: h, style: { height: "100%" }, children: [t.jsx(y, { type: "primary", icon: t.jsx(D, {}), onClick: i.onClick, className: b, children: i.text }), t.jsx(g, { menu: { items: B, onClick: ({ key: r }) => {
+    var n;
+    return (n = o.onClick) == null ? void 0 : n.call(o, r);
+  } }, trigger: (o == null ? void 0 : o.trigger) || ["click"], children: t.jsx(y, { className: w, type: "text", children: t.jsxs(C, { children: [t.jsx("span", { children: o.text ?? "Excel文档导入" }), t.jsx(O, {})] }) }) })] }));
+};
+export {
+  v as default
+};

package/dist/components/BitzTableActionBar/style.mjs

@@ -0,0 +1,55 @@
+import { useContext as z, useMemo as y } from "react";
+import { theme as w } from "antd";
+import "../../node_modules/@ant-design/cssinjs/es/extractStyle.mjs";
+import "../../node_modules/@ant-design/cssinjs/es/hooks/useCacheToken.mjs";
+import "../../node_modules/@ant-design/cssinjs/es/StyleContext.mjs";
+import "../../node_modules/@ant-design/cssinjs/es/theme/createTheme.mjs";
+import "../../node_modules/rc-util/es/warning.mjs";
+import "../../node_modules/@ant-design/cssinjs/es/theme/ThemeCache.mjs";
+import "../../node_modules/@ant-design/cssinjs/es/hooks/useCompatibleInsertionEffect.mjs";
+import "../../node_modules/@ant-design/cssinjs/es/hooks/useEffectCleanupRegister.mjs";
+import "../../node_modules/@ant-design/cssinjs/es/hooks/useHMR.mjs";
+import A from "../../node_modules/@ant-design/cssinjs/es/hooks/useStyleRegister.mjs";
+import "../../node_modules/@ant-design/cssinjs/es/transformers/legacyLogicalProperties.mjs";
+import { TableContext as N } from "../BitzTableProvider/index.mjs";
+import d from "../../node_modules/classnames/index.mjs";
+const F = (p) => {
+  const { theme: l, hashId: n, token: s } = w.useToken(), { tableSize: c } = z(N), S = y(() => p ?? c ?? "lg", [p, c]), e = "bitzTableActionBarBlock", r = "actionBtn", m = "ActionBtn", i = "dropdownBtn", h = (t, a, o) => [
+    {
+      [`.${t} .${a}`]: {
+        height: "100%",
+        borderRadius: 0,
+        paddingBlock: 0
+      }
+    },
+    { [`.${t} .xl${o}`]: { fontSize: 14 } },
+    { [`.${t} .lg${o}`]: { fontSize: 12 } },
+    { [`.${t} .md${o}`]: { fontSize: 12 } },
+    { [`.${t} .sm${o}`]: { fontSize: 12 } },
+    { [`.${t} .xs${o}`]: { fontSize: 12 } }
+  ], u = (t, a, o) => [
+    {
+      [`.${t} .${a}`]: {
+        "&:hover": {
+          color: `${o.colorPrimary} !important`,
+          background: "inherit !important"
+        },
+        "&:focus": {
+          color: `${o.colorPrimaryActive} !important`
+        }
+      }
+    }
+  ], B = A({
+    theme: l,
+    token: s,
+    hashId: n,
+    path: [e, m, r, i]
+  }, () => [
+    h(e, r, m),
+    u(e, i, s)
+  ]), $ = `${S}${m}`, g = d(r, $, n), f = d(r, i, $, n);
+  return { wrapSSR: B, blockCls: e, addBtnClassName: g, dropdownBtnClassName: f };
+};
+export {
+  F as default
+};

package/dist/components/BitzTableActionCol/index.mjs

@@ -0,0 +1,27 @@
+import { j as m } from "../../node_modules/react/jsx-runtime.mjs";
+import w from "../../node_modules/ahooks/es/useSize/index.mjs";
+import { Space as z, Dropdown as C } from "antd";
+import { useRef as N, useMemo as t } from "react";
+import x from "../BitzButton/index.mjs";
+import g from "./style.mjs";
+const S = ({ size: h, actionGroup: e, refInstance: i }) => {
+  {
+    const { wrapSSR: n, editBtnClassName: f, delBtnClassName: r, dropdownBtnClassName: l } = g(h), d = t(() => e != null && e.length ? e.slice(0, 1) : [], [e]), B = t(() => (e == null ? void 0 : e.length) > 1 ? e.slice(1, 2) : [], [e]), c = t(() => (e == null ? void 0 : e.length) > 2 ? [{ label: "更多" }] : [], [e]), j = t(() => (e == null ? void 0 : e.length) > 2 ? e.slice(2, e.length) : [], [e]);
+    return n(m.jsxs(z, { size: 24, ref: i, children: [d.map((s) => m.jsx(x, { type: "text", className: f, onClick: s == null ? void 0 : s.onClick, children: s == null ? void 0 : s.label }, 1)), B.map((s) => m.jsx(x, { type: "text", className: r, onClick: s == null ? void 0 : s.onClick, children: s == null ? void 0 : s.label }, 2)), c.map((s) => m.jsx(C, { menu: { items: j }, children: m.jsx(x, { type: "text", className: l, children: s == null ? void 0 : s.label }, 3) }, 5))] }));
+  }
+};
+function k(h) {
+  return (e) => {
+    const { size: i, actionGroup: n, ...f } = e, r = N(null), l = w(r), d = t(() => l != null && l.width ? l.width + 48 + 1 : 200, [l]);
+    return t(() => ({
+      width: d,
+      render: () => m.jsx(h, { size: i, actionGroup: n, refInstance: r }),
+      ...f
+    }), [d]);
+  };
+}
+const E = k(S);
+export {
+  S as BitzTableAction,
+  E as default
+};

package/dist/components/BitzTableActionCol/style.mjs

@@ -0,0 +1,80 @@
+import { useContext as C, useMemo as v } from "react";
+import { theme as w } from "antd";
+import "../../node_modules/@ant-design/cssinjs/es/extractStyle.mjs";
+import "../../node_modules/@ant-design/cssinjs/es/hooks/useCacheToken.mjs";
+import "../../node_modules/@ant-design/cssinjs/es/StyleContext.mjs";
+import "../../node_modules/@ant-design/cssinjs/es/theme/createTheme.mjs";
+import "../../node_modules/rc-util/es/warning.mjs";
+import "../../node_modules/@ant-design/cssinjs/es/theme/ThemeCache.mjs";
+import "../../node_modules/@ant-design/cssinjs/es/hooks/useCompatibleInsertionEffect.mjs";
+import "../../node_modules/@ant-design/cssinjs/es/hooks/useEffectCleanupRegister.mjs";
+import "../../node_modules/@ant-design/cssinjs/es/hooks/useHMR.mjs";
+import x from "../../node_modules/@ant-design/cssinjs/es/hooks/useStyleRegister.mjs";
+import "../../node_modules/@ant-design/cssinjs/es/transformers/legacyLogicalProperties.mjs";
+import { TableContext as T } from "../BitzTableProvider/index.mjs";
+import a from "../../node_modules/classnames/index.mjs";
+const K = (p) => {
+  const { theme: g, hashId: e, token: n } = w.useToken(), { tableSize: d } = C(T), h = v(() => p ?? d ?? "lg", [p, d]), i = "ActionTextBtn", r = "actionTextBtn", m = "editBtn", s = "delBtn", c = "dropdownBtn", S = (t, o) => [
+    {
+      [`.${t}`]: {
+        padding: 0,
+        margin: 0,
+        background: "inherit",
+        border: "none",
+        height: "auto",
+        "&:hover": {
+          background: "inherit !important"
+        }
+      }
+    },
+    { [`.xl${o}`]: { fontSize: 14 } },
+    { [`.lg${o}`]: { fontSize: 12 } },
+    { [`.md${o}`]: { fontSize: 12 } },
+    { [`.sm${o}`]: { fontSize: 11 } },
+    { [`.xs${o}`]: { fontSize: 11 } }
+  ], B = (t, o) => [
+    {
+      [`.${t}`]: {
+        color: o.colorPrimary,
+        "&:hover": {
+          color: `${o.colorPrimaryHover} !important`
+        }
+      }
+    }
+  ], $ = (t, o) => [
+    {
+      [`.${t}`]: {
+        color: o.colorError,
+        "&:hover": {
+          color: `${o.colorErrorHover} !important`
+        }
+      }
+    }
+  ], u = (t, o) => [
+    {
+      [`.${t}`]: {
+        color: o.colorText,
+        "&:hover": {
+          color: "rgba(0, 0, 0, 0.56) !important"
+        },
+        "&:focus": {
+          color: "rgba(0, 0, 0, 0.56) !important"
+        }
+      }
+    }
+  ], f = x({
+    theme: g,
+    token: n,
+    hashId: e,
+    path: [r, i, m, s, c]
+  }, () => [
+    S(r, i),
+    B(m, n),
+    $(s, n),
+    u(c, n)
+  ]), l = `${h}${i}`, y = a(r, m, l, e), b = a(r, s, l, e), z = a(r, c, l, e);
+  return { wrapSSR: f, editBtnClassName: y, delBtnClassName: b, dropdownBtnClassName: z };
+};
+export {
+  K as default
+};

package/dist/components/BitzTableOperations/index.mjs

@@ -0,0 +1,9 @@
+import { j as t } from "../../node_modules/react/jsx-runtime.mjs";
+import { Space as p, Button as n } from "antd";
+const m = ({ record: a = {}, operations: r = [], tableOperationEmit: s = () => {
+}, ...l }) => t.jsx("div", { className: "bitzTableOperationsBlock", ...l, children: t.jsx(p, { children: r.map((e, i) => t.jsx(n, { className: `${(e == null ? void 0 : e.className) || ""}`, type: e.type == "edit" ? "primary" : "default", danger: e.type == "delete", onClick: () => {
+  s(e.type, a);
+}, children: e.label }, i)) }) });
+export {
+  m as default
+};

package/dist/components/BitzTableProvider/index.mjs

@@ -0,0 +1,109 @@
+import { j as O } from "../../node_modules/react/jsx-runtime.mjs";
+import T from "../../hooks/useMergedState.mjs";
+import { createContext as b, useRef as J, useMemo as N, useEffect as v, useCallback as j } from "react";
+import { genColumnKey as I } from "./utils/index.mjs";
+import M from "../../node_modules/lodash-es/merge.mjs";
+function E(e = {}) {
+  var y, w, C, K, h, g;
+  const o = J([]), [x, z] = T(() => e.size || e.defaultSize || "lg", {
+    value: e.size,
+    onChange: e.onSizeChange
+  }), m = N(() => {
+    var u, t;
+    if ((u = e == null ? void 0 : e.columnsState) != null && u.defaultValue)
+      return e.columnsState.defaultValue;
+    const n = {};
+    return (t = e.columns) == null || t.forEach(({ key: c, dataIndex: l, fixed: a, disable: i }, s) => {
+      const V = I(c ?? l, s);
+      V && (n[V] = {
+        show: !0,
+        fixed: a,
+        disable: i
+      });
+    }), n;
+  }, [e.columns]), [f, r] = T(() => {
+    var t, c, l, a;
+    const { persistenceType: n, persistenceKey: u } = e.columnsState || {};
+    if (u && n && typeof window < "u") {
+      const i = window[n];
+      try {
+        const s = i == null ? void 0 : i.getItem(u);
+        if (s)
+          return (t = e == null ? void 0 : e.columnsState) != null && t.defaultValue ? M(JSON.parse(s), (c = e == null ? void 0 : e.columnsState) == null ? void 0 : c.defaultValue) : JSON.parse(s);
+      } catch (s) {
+        console.warn(s);
+      }
+    }
+    return e.columnsStateMap || ((l = e.columnsState) == null ? void 0 : l.value) || ((a = e.columnsState) == null ? void 0 : a.defaultValue) || m;
+  }, {
+    value: ((y = e.columnsState) == null ? void 0 : y.value) || e.columnsStateMap,
+    onChange: ((w = e.columnsState) == null ? void 0 : w.onChange) || e.onColumnsStateChange
+  });
+  v(() => {
+    var t, c;
+    const { persistenceType: n, persistenceKey: u } = e.columnsState || {};
+    if (u && n && typeof window < "u") {
+      const l = window[n];
+      try {
+        const a = l == null ? void 0 : l.getItem(u);
+        a ? (t = e == null ? void 0 : e.columnsState) != null && t.defaultValue ? r(M(JSON.parse(a), (c = e == null ? void 0 : e.columnsState) == null ? void 0 : c.defaultValue)) : r(JSON.parse(a)) : r(m);
+      } catch (a) {
+        console.warn(a);
+      }
+    }
+  }, [
+    (C = e.columnsState) == null ? void 0 : C.persistenceKey,
+    (K = e.columnsState) == null ? void 0 : K.persistenceType,
+    m
+  ]);
+  const S = j(() => {
+    const { persistenceType: n, persistenceKey: u } = e.columnsState || {};
+    if (!u || !n || typeof window > "u")
+      return;
+    const t = window[n];
+    try {
+      t == null || t.removeItem(u);
+    } catch (c) {
+      console.warn(c);
+    }
+  }, [e.columnsState]);
+  v(() => {
+    var c, l;
+    if (!((c = e.columnsState) != null && c.persistenceKey) || !((l = e.columnsState) != null && l.persistenceType) || typeof window > "u")
+      return;
+    const { persistenceType: n, persistenceKey: u } = e.columnsState, t = window[n];
+    try {
+      t == null || t.setItem(u, JSON.stringify(f));
+    } catch (a) {
+      console.warn(a), S();
+    }
+  }, [
+    (h = e.columnsState) == null ? void 0 : h.persistenceKey,
+    f,
+    (g = e.columnsState) == null ? void 0 : g.persistenceType
+  ]);
+  const d = {
+    sortKeyColumns: o.current,
+    setSortKeyColumns: (n) => {
+      o.current = n;
+    },
+    columnsMap: f,
+    setColumnsMap: r,
+    setTableSize: z,
+    tableSize: x,
+    columns: e.columns,
+    clearPersistenceStorage: S,
+    defaultColumnKeyMap: m
+  };
+  return Object.defineProperty(d, "sortKeyColumns", {
+    get: () => o.current
+  }), d;
+}
+const P = b({}), D = (e) => {
+  const o = E(e.initValue);
+  return O.jsx(P.Provider, { value: o, children: e.children });
+};
+export {
+  P as TableContext,
+  D as default
+};

package/dist/components/BitzTableProvider/utils/index.mjs

@@ -0,0 +1,14 @@
+const s = (r, e) => r ? Array.isArray(r) ? r.join("-") : r.toString() : `${e}`, y = (r) => (e, i) => {
+  var x, f, g, u;
+  const { fixed: t, index: c } = e, { fixed: n, index: h } = i;
+  if (t === "left" && n !== "left" || n === "right" && t !== "right")
+    return -2;
+  if (n === "left" && t !== "left" || t === "right" && n !== "right")
+    return 2;
+  const d = e.key || `${c}`, o = i.key || `${h}`;
+  return (x = r[d]) != null && x.order || (f = r[o]) != null && f.order ? (((g = r[d]) == null ? void 0 : g.order) || 0) - (((u = r[o]) == null ? void 0 : u.order) || 0) : (e.index || 0) - (i.index || 0);
+};
+export {
+  y as columnSort,
+  s as genColumnKey
+};

package/dist/components/BitzTableSelect/Picker/index.less.mjs

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

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

@@ -0,0 +1,23 @@
+import { j as e } from "../../../node_modules/react/jsx-runtime.mjs";
+import { useState as r, useEffect as j } from "react";
+import { Select as b, Drawer as w, Input as S } from "antd";
+import k from "../../BitzButton/index.mjs";
+import "./index.less.mjs";
+const T = ({ value: s, placeholder: i = "请选择", fieldNames: a = {
+  label: "name",
+  value: "key"
+}, onChange: t, ...y }) => {
+  const [p, c] = r([]), [m, o] = r([]), [n, l] = r(!1), f = () => {
+    o([]), t == null || t([]);
+  }, u = (d, x) => {
+    o(x), t == null || t(d);
+  };
+  return j(() => {
+    if (s && !Array.isArray(s))
+      throw new Error(`form表单在使用setFieldValue给TableSelect组件赋值时请确认值为数组类型, \`value\`: ${s}`);
+    c(s ?? []);
+  }, [s]), e.jsxs("div", { children: [e.jsx(b, { style: { width: "200px" }, allowClear: !0, mode: "tags", maxTagCount: "responsive", value: p, options: m, fieldNames: a, showSearch: !1, open: !1, placeholder: i, popupClassName: "tableSelectPopupBlock", dropdownRender: () => e.jsx(e.Fragment, {}), onClick: () => l(!0), onClear: f, onChange: u }), e.jsxs(w, { open: n, placement: "bottom", height: "100%", children: [e.jsx(S, {}), e.jsx(k, { onClick: () => l(!1), children: "关闭" })] })] });
+};
+export {
+  T as default
+};

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

@@ -0,0 +1,25 @@
+import { j as m } from "../../../node_modules/react/jsx-runtime.mjs";
+import { useState as r, useEffect as u } from "react";
+import { Select as q } from "antd";
+import z from "../SelectPopup/index.mjs";
+function K({ value: l, options: t, columns: b, tableData: S, total: d, loading: T, loadingFailed: V, loadAgain: w, page: x, onPageChange: g, searchInput: h, showToolTagSelect: j, toolTags: y, onToolTagChange: D, lrLayout: k, parentRender: A, placeholder: E = "请选择", fieldNames: c, onChange: e, ...N }) {
+  const [n, P] = r([]), [f, s] = r([]), [i, a] = r(!1), [B, F] = r(!1), v = () => {
+    s([]), e == null || e([]);
+  }, I = (o, p, $) => {
+    $ === "confirm" ? a(!1) : (s([...p]), e == null || e([...o]));
+  }, L = (o, p) => {
+    s(p), e == null || e(o);
+  }, O = (o) => {
+    !i && o && a(!0), !B && !o && i && a(!1);
+  };
+  return u(() => {
+    if (l && !Array.isArray(l))
+      throw new Error(`form表单在使用setFieldValue给TableSelect组件赋值时请确认值为数组类型, \`value\`: ${l}`);
+    P(l ?? []);
+  }, [l]), u(() => {
+    t != null && t.length && s(t);
+  }, [t]), m.jsx(q, { allowClear: !0, className: "tableSelectBlock", mode: "multiple", maxTagCount: "responsive", value: n, options: f, fieldNames: c, showSearch: !1, open: i, placeholder: E, popupClassName: "tableSelectPopupBlock", dropdownRender: () => m.jsx(z, { columns: b, tableData: S, total: d, page: x, onPageChange: g, searchInput: h, loading: T, loadingFailed: V, loadAgain: w, keys: n, rows: f, fieldNames: c, onChange: I, onDropdownVisibleChange: F, showToolTagSelect: j, toolTags: y, onToolTagChange: D, lrLayout: k, parentRender: A }), onClear: v, onDropdownVisibleChange: O, onChange: L, ...N });
+}
+export {
+  K as default
+};

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

@@ -0,0 +1,86 @@
+import { j as o } from "../../../node_modules/react/jsx-runtime.mjs";
+import { Table as a } from "antd";
+import m from "../../BitzDescriptions/index.mjs";
+import p from "../TableCell/index.mjs";
+import u from "../TextBlock/index.mjs";
+const j = (n, r, e) => {
+  const l = n.map((t) => (typeof t.title == "string" && (t.title = o.jsx(u, { value: t.title, bold: 600 })), {
+    ...t,
+    render: (i, c, f) => {
+      const g = (r == null ? void 0 : r.length) === 1 ? !1 : f + 1 > ((r == null ? void 0 : r.length) || 0) / 2;
+      if (t != null && t.render) {
+        const s = t.render(i, c, f);
+        if (typeof s == "object")
+          return s;
+        if (["boolean", "number", "bigint", "string"].includes(typeof s))
+          return o.jsx(p, { value: `${s}`, isLatterHalf: g });
+      }
+      return !i && !["boolean", "number", "bigint"].includes(typeof i) ? o.jsx(u, { value: "-" }) : o.jsx(p, { value: i, isLatterHalf: g });
+    }
+  }));
+  return [
+    a.SELECTION_COLUMN,
+    a.EXPAND_COLUMN,
+    {
+      title: "序号",
+      rowScope: "row",
+      className: "numRow",
+      width: 50,
+      render: (t, i, c) => c + 1 + (e.pageIndex - 1) * e.pageSize
+    },
+    ...l
+  ];
+}, w = (n) => n ? {
+  expandable: {
+    rowExpandable: (r) => {
+      var e;
+      return (e = r[n]) == null ? void 0 : e.length;
+    },
+    expandedRowRender: (r) => {
+      var l;
+      const e = (l = r[n]) == null ? void 0 : l.map((t) => (typeof t.label == "string" && (t.label = o.jsx(u, { minRows: 1, maxRows: 5, value: t.label })), typeof t.children == "string" && (t.children = o.jsx(u, { minRows: 1, maxRows: 5, value: t.children })), t));
+      return o.jsx(m, { size: "small", bordered: !0, items: e, column: { xs: 1, sm: 1, md: 1, lg: 2, xl: 2, xxl: 2 } });
+    }
+  }
+} : null, R = (n, r) => {
+  if (n) {
+    const e = {
+      gutter: 20,
+      spaceSize: 10,
+      left: {
+        span: 6
+      },
+      right: {
+        span: 18,
+        search: 9,
+        operation: 15,
+        toolTagSelect: 7,
+        totalSelect: 9,
+        button: 4
+      }
+    };
+    return r || (e.right.search = 11, e.right.operation = 13, e.right.toolTagSelect = 0, e.right.totalSelect = 11, e.right.button = void 0), e;
+  } else {
+    const e = {
+      gutter: 0,
+      spaceSize: 10,
+      left: {
+        span: 0
+      },
+      right: {
+        span: 24,
+        search: 10,
+        operation: 14,
+        toolTagSelect: 6,
+        totalSelect: 9,
+        button: void 0
+      }
+    };
+    return r || (e.right.search = 11, e.right.operation = 13, e.right.toolTagSelect = 0, e.right.totalSelect = 11), e;
+  }
+};
+export {
+  j as getColumns,
+  w as getExpandable,
+  R as getLayoutConfig
+};

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

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

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

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