bitz-react-admin-ui 2.1.3 → 2.1.6

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

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

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

@@ -1,37 +1,40 @@
 import { j as i } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { Input as l } from "antd";
-import m from "../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
+import { Input as a } from "antd";
+import l from "../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
 import "./index.less.mjs";
-const { TextArea: n } = l, u = ({
-  maxRows: t = 1,
+const { TextArea: m } = a, d = ({
+  maxRows: e = 1,
   minRows: o,
-  bold: e,
-  value: s,
+  bold: s,
+  value: t,
   className: r
 }) => {
-  const a = {
-    "--cell-text-maxRows": t,
-    ...e && {
-      fontWeight: e
+  const n = {
+    "--cell-text-maxRows": e,
+    ...s && {
+      fontWeight: s
+    },
+    ...!t && !["number", "boolean"].includes(typeof t) && {
+      paddingInline: 24
     }
   };
   return /* @__PURE__ */ i.jsx(
-    n,
+    m,
     {
-      className: m("textBlock", r),
-      title: s,
-      value: s,
+      className: l("textBlock", r),
+      title: t,
+      value: t,
       readOnly: !0,
       size: "small",
       variant: "borderless",
       autoSize: {
-        minRows: o ?? t,
-        maxRows: t
+        minRows: o ?? e,
+        maxRows: e
       },
-      style: a
+      style: n
     }
   );
 };
 export {
-  u as default
+  d as default
 };

package/dist/index.d.ts

@@ -18,6 +18,7 @@ export { default as BitzException } from './components/BitzException';
 export { default as BitzFloatLayout } from './components/BitzFloatLayout';
 export { default as BitzFluentInput } from './components/BitzFluentInput';
 export { default as BitzFluentSelect } from './components/BitzFluentSelect';
+export { default as BitzFluentTreeSelect } from './components/BitzFluentTreeSelect';
 export { default as BitzFuiCalendar } from './components/BitzFuiCalendar';
 export { default as BitzFullScreen } from './components/BitzFullScreen';
 export { default as BitzHighlight } from './components/BitzHighlight';