@hkyhy/marsun-components-core 0.1.30 → 0.1.32

package/dist/components/Filter/FilterTreeSelect/index.js

@@ -1,155 +1,159 @@
-import { jsxs as U, jsx as x } from "react/jsx-runtime";
-import { ChevronDown as ke, ChevronRight as Ne, Check as Le, X as Fe } from "../../Icons/index.js";
-import { useFetchData as Ee } from "../../../hooks/useFetchData.js";
-import { Input as Te, Checkbox as Pe, Space as Re } from "antd";
-import H from "classnames";
-import { useRef as ie, useState as V, useEffect as W, useMemo as E, useCallback as X } from "react";
-import ze from "../FilterPopover/index.js";
-import { resolveFilterVisible as le } from "../types.js";
-import { useFilterFieldBridge as Ae, useFilterRegister as je } from "../useFilterState.js";
-import m from "./style.module.scss.js";
-import { useMarsunFetch as Ue } from "../../../provider/context.js";
-const { Search: Ve } = Te;
-function oe(h, g = 0, u = null) {
-  var L;
-  const a = [];
-  for (const p of h)
-    a.push({ id: p.id, name: p.name, depth: g, parentId: u }), (L = p.children) != null && L.length && a.push(...oe(p.children, g + 1, p.id));
-  return a;
+import { jsxs as H, jsx as f } from "react/jsx-runtime";
+import { ChevronDown as Te, ChevronRight as ye, Check as ze, X as Pe } from "../../Icons/index.js";
+import { useFetchData as Re } from "../../../hooks/useFetchData.js";
+import { Input as Ae, Spin as je, Checkbox as Ue, Space as Ve } from "antd";
+import R from "classnames";
+import { useRef as oe, useState as A, useEffect as W, useMemo as E, useCallback as X } from "react";
+import Be from "../FilterPopover/index.js";
+import { resolveFilterVisible as ae } from "../types.js";
+import { useFilterFieldBridge as He, useFilterRegister as We } from "../useFilterState.js";
+import g from "./style.module.scss.js";
+import { useMarsunFetch as Xe } from "../../../provider/context.js";
+import $e from "../../Empty/Empty.js";
+const { Search: qe } = Ae;
+function fe(u, v = 0, p = null) {
+  var N;
+  const d = [];
+  for (const m of u)
+    d.push({ id: m.id, name: m.name, depth: v, parentId: p }), (N = m.children) != null && N.length && d.push(...fe(m.children, v + 1, m.id));
+  return d;
 }
-function Be(h, g) {
-  if (!g) return h;
-  const u = g.toLowerCase();
-  function a(L) {
+function Ce(u, v) {
+  if (!v) return u;
+  const p = v.toLowerCase();
+  function d(N) {
     var b;
-    const p = [];
-    for (const F of L) {
-      const d = (b = F.children) != null && b.length ? a(F.children) : [];
-      (F.name.toLowerCase().includes(u) || d.length > 0) && p.push({ ...F, children: d.length > 0 ? d : void 0 });
+    const m = [];
+    for (const F of N) {
+      const h = (b = F.children) != null && b.length ? d(F.children) : [];
+      (F.name.toLowerCase().includes(p) || h.length > 0) && m.push({ ...F, children: h.length > 0 ? h : void 0 });
     }
-    return p;
+    return m;
   }
-  return a(h);
+  return d(u);
 }
-function fe(h) {
-  var u;
-  const g = [];
-  for (const a of h)
-    (u = a.children) != null && u.length && (g.push(a.id), g.push(...fe(a.children)));
-  return g;
+function de(u) {
+  var p;
+  const v = [];
+  for (const d of u)
+    (p = d.children) != null && p.length && (v.push(d.id), v.push(...de(d.children)));
+  return v;
 }
-function ye(h, g) {
-  const u = /* @__PURE__ */ new Map(), a = (L) => {
-    for (const p of L)
-      u.set(p.id, g(p)), p.children && a(p.children);
+function Ge(u, v) {
+  const p = /* @__PURE__ */ new Map(), d = (N) => {
+    for (const m of N)
+      p.set(m.id, v(m)), m.children && d(m.children);
   };
-  return a(h), u;
+  return d(u), p;
 }
-const _e = ({
-  filterKey: h,
-  label: g,
-  treeData: u,
-  fetchUrl: a,
-  fetchOptions: L,
-  transformData: p,
+const rt = ({
+  filterKey: u,
+  label: v,
+  treeData: p,
+  fetchUrl: d,
+  fetchOptions: N,
+  transformData: m,
   loadData: b,
   enabled: F = !0,
-  value: d,
-  onChange: f,
-  showSearch: P = !1,
-  multiple: i = !1,
-  leafOnly: k = !1,
-  active: ae,
+  value: h,
+  onChange: a,
+  showSearch: y = !1,
+  multiple: n = !1,
+  leafOnly: L = !1,
+  active: he,
   hidden: $,
   display: q,
-  dependsOn: de,
-  clearOnDepsChange: he = !0,
-  getNodeLabel: ee = (R) => R.name,
+  dependsOn: ue,
+  clearOnDepsChange: pe = !0,
+  getNodeLabel: ee = (z) => z.name,
   panelExtra: C,
-  panelWidth: ue
+  panelWidth: me,
+  loading: ge = !1
 }) => {
-  const R = ie(f);
-  R.current = f;
-  const pe = ue ?? (C ? 460 : void 0), { resolvedLabel: A, values: me, depsKey: ge } = Ae({
-    filterKey: h,
-    value: d,
-    label: g,
-    dependsOn: de,
-    clearOnDepsChange: he,
+  const z = oe(a);
+  z.current = a;
+  const ve = me ?? (C ? 460 : void 0), { resolvedLabel: j, values: xe, depsKey: we } = He({
+    filterKey: u,
+    value: h,
+    label: v,
+    dependsOn: ue,
+    clearOnDepsChange: pe,
     onDepsClear: () => {
       var e;
-      return (e = R.current) == null ? void 0 : e.call(R, i ? [] : void 0);
+      return (e = z.current) == null ? void 0 : e.call(z, n ? [] : void 0);
     }
-  }), G = Ue(), te = u != null || !b && !!a, { data: ve } = Ee({
-    data: u,
-    fetchUrl: te && !b ? a : void 0,
-    fetchOptions: L,
-    transformData: p,
+  }), G = Xe(), te = p != null || !b && !!d, { data: be, loading: Me } = Re({
+    data: p,
+    fetchUrl: te && !b ? d : void 0,
+    fetchOptions: N,
+    transformData: m,
     enabled: F && te && !b,
     baseUrl: G.baseUrl,
     defaultHeaders: G.headers,
     timeoutMs: G.timeoutMs
-  }), [xe, se] = V([]), J = ie(b);
+  }), [Se, se] = A([]), [Le, re] = A(!1), J = oe(b);
   J.current = b, W(() => {
-    if (!J.current || u != null || !F) return;
+    if (!J.current || p != null || !F) return;
     let e = !1;
-    return (async () => {
+    return re(!0), (async () => {
       try {
-        const t = await J.current({ values: me });
+        const t = await J.current({ values: xe });
         e || se(t ?? []);
       } catch {
         e || se([]);
+      } finally {
+        e || re(!1);
       }
     })(), () => {
       e = !0;
     };
-  }, [ge, F, u, b]);
-  const M = u ?? (b ? xe : ve ?? []), [we, B] = V(!1), [v, w] = V(
-    d ?? (i ? [] : void 0)
-  ), [Q, re] = V(/* @__PURE__ */ new Set()), [T, Y] = V(""), j = je(), Z = { filterKey: h, label: A, value: d };
+  }, [we, F, p, b]);
+  const M = p ?? (b ? Se : be ?? []), ce = ge || Me || Le, [ke, V] = A(!1), [x, w] = A(
+    h ?? (n ? [] : void 0)
+  ), [Q, ie] = A(/* @__PURE__ */ new Set()), [T, Y] = A(""), U = We(), Z = { filterKey: u, label: j, value: h };
   W(() => {
-    w(d ?? (i ? [] : void 0)), d == null && Y("");
-  }, [d, i]), W(() => {
-    M.length && re(new Set(fe(M)));
+    w(h ?? (n ? [] : void 0)), h == null && Y("");
+  }, [h, n]), W(() => {
+    M.length && ie(new Set(de(M)));
   }, [M]);
-  const y = E(
-    () => ye(M, ee),
+  const B = E(
+    () => Ge(M, ee),
     [M, ee]
   ), _ = E(() => {
-    if (!M.length || d == null) return "";
-    if (i) {
-      const e = d;
-      return e.length > 0 ? e.map((t) => y.get(t) ?? t).join("、") : "";
+    if (!M.length || h == null) return "";
+    if (n) {
+      const e = h;
+      return e.length > 0 ? e.map((t) => B.get(t) ?? t).join("、") : "";
     }
-    return y.get(d) ?? "";
-  }, [M, d, i, y]);
+    return B.get(h) ?? "";
+  }, [M, h, n, B]);
   W(() => {
-    if (j) {
-      if (!le({ display: q, hidden: $ }, Z)) {
-        j.unregister(h);
+    if (U) {
+      if (!ae({ display: q, hidden: $ }, Z)) {
+        U.unregister(u);
         return;
       }
-      _ ? j.register(h, {
-        label: A,
+      _ ? U.register(u, {
+        label: j,
         valueLabel: _,
-        onRemove: () => f == null ? void 0 : f(i ? [] : void 0)
-      }) : j.unregister(h);
+        onRemove: () => a == null ? void 0 : a(n ? [] : void 0)
+      }) : U.unregister(u);
     }
   }, [
     _,
-    h,
-    A,
+    u,
+    j,
     q,
     $,
-    j,
-    f,
-    i,
+    U,
+    a,
+    n,
     Z
   ]);
   const S = E(
-    () => P && T ? Be(M, T) : M,
-    [P, T, M]
-  ), ce = E(() => oe(S), [S]), z = E(() => {
+    () => y && T ? Ce(M, T) : M,
+    [y, T, M]
+  ), ne = E(() => fe(S), [S]), P = E(() => {
     const e = /* @__PURE__ */ new Map(), t = (o) => {
       var r;
       for (const s of o)
@@ -161,15 +165,15 @@ const _e = ({
       var r;
       for (const s of o)
         if ((r = s.children) != null && r.length) {
-          const c = [], l = (n) => {
-            var N;
-            c.push(n.id), (N = n.children) == null || N.forEach(l);
+          const c = [], l = (i) => {
+            var k;
+            c.push(i.id), (k = i.children) == null || k.forEach(l);
           };
           s.children.forEach(l), e.set(s.id, c), t(s.children);
         }
     };
     return t(S), e;
-  }, [S]), ne = E(() => {
+  }, [S]), le = E(() => {
     const e = /* @__PURE__ */ new Map(), t = (o) => {
       var r;
       for (const s of o)
@@ -184,40 +188,40 @@ const _e = ({
       var r;
       for (const s of o) {
         if (!((r = s.children) != null && r.length)) continue;
-        const c = [], l = (n) => {
-          var N;
-          if (!((N = n.children) != null && N.length)) {
-            c.push(n.id);
+        const c = [], l = (i) => {
+          var k;
+          if (!((k = i.children) != null && k.length)) {
+            c.push(i.id);
             return;
           }
-          n.children.forEach(l);
+          i.children.forEach(l);
         };
         s.children.forEach(l), e.set(s.id, c), t(s.children);
       }
     };
     return t(S), e;
   }, [S]), I = X((e) => {
-    re((t) => {
+    ie((t) => {
       const o = new Set(t);
       return o.has(e) ? o.delete(e) : o.add(e), o;
     });
-  }, []), be = X(
+  }, []), Ne = X(
     (e) => {
-      if (k && z.get(e)) {
+      if (L && P.get(e)) {
         I(e);
         return;
       }
-      const t = v === e ? void 0 : e;
-      w(t), f == null || f(t), B(!1);
+      const t = x === e ? void 0 : e;
+      w(t), a == null || a(t), V(!1);
     },
-    [v, f, k, z, I]
+    [x, a, L, P, I]
   ), O = X(
     (e) => {
-      const t = (v || []).slice(), o = K.get(e), r = D.get(e), s = ne.get(e);
-      if (k && (r != null && r.length)) {
+      const t = (x || []).slice(), o = K.get(e), r = D.get(e), s = le.get(e);
+      if (L && (r != null && r.length)) {
         if (r.every((l) => t.includes(l))) {
           const l = new Set(r);
-          w(t.filter((n) => !l.has(n)));
+          w(t.filter((i) => !l.has(i)));
         } else
           w([.../* @__PURE__ */ new Set([...t, ...r])]);
         return;
@@ -225,7 +229,7 @@ const _e = ({
       if (o)
         if (t.includes(e)) {
           const l = /* @__PURE__ */ new Set([e, ...o]);
-          w(t.filter((n) => !l.has(n)));
+          w(t.filter((i) => !l.has(i)));
         } else
           w([.../* @__PURE__ */ new Set([...t, e, ...o])]);
       else if (t.includes(e)) {
@@ -235,118 +239,131 @@ const _e = ({
         );
       } else {
         const c = [...t, e];
-        s && !k && (K.get(s) || []).every((n) => c.includes(n)) ? w([.../* @__PURE__ */ new Set([...c, s])]) : w(c);
+        s && !L && (K.get(s) || []).every((i) => c.includes(i)) ? w([.../* @__PURE__ */ new Set([...c, s])]) : w(c);
       }
     },
-    [v, K, ne, k, D]
-  ), Me = X(
-    (e) => e.parentId === null || P && T ? !0 : Q.has(e.parentId),
-    [Q, P, T]
+    [x, K, le, L, D]
+  ), Fe = X(
+    (e) => e.parentId === null || y && T ? !0 : Q.has(e.parentId),
+    [Q, y, T]
   );
-  return le({ display: q, hidden: $ }, Z) ? /* @__PURE__ */ U(
-    ze,
+  return ae({ display: q, hidden: $ }, Z) ? /* @__PURE__ */ H(
+    Be,
     {
-      label: A,
-      active: ae || (i ? (v == null ? void 0 : v.length) > 0 : !!d),
-      open: we,
-      onOpenChange: B,
-      width: pe,
-      onConfirm: i ? () => {
-        let e = v;
-        k && Array.isArray(e) && (e = e.filter((t) => !z.get(t))), f == null || f(e), B(!1);
+      label: j,
+      active: he || (n ? (x == null ? void 0 : x.length) > 0 : !!h),
+      loading: ce,
+      open: ke,
+      onOpenChange: V,
+      width: ve,
+      onConfirm: n ? () => {
+        let e = x;
+        L && Array.isArray(e) && (e = e.filter((t) => !P.get(t))), a == null || a(e), V(!1);
       } : void 0,
       onReset: () => {
-        const e = i ? [] : void 0;
-        w(e), Y(""), f == null || f(e), B(!1);
+        const e = n ? [] : void 0;
+        w(e), Y(""), a == null || a(e), V(!1);
       },
       children: [
-        P && /* @__PURE__ */ x(
-          Ve,
+        y && /* @__PURE__ */ f(
+          qe,
           {
-            placeholder: `搜索${A}`,
+            placeholder: `搜索${j}`,
             allowClear: !0,
             size: "middle",
-            className: H("filter-tree-select-search", m["filter-tree-select-search"]),
+            className: R("filter-tree-select-search", g["filter-tree-select-search"]),
             value: T,
             onChange: (e) => Y(e.target.value)
           }
         ),
-        C ? /* @__PURE__ */ x(
+        C ? /* @__PURE__ */ f(
           "div",
           {
-            className: H(
+            className: R(
               "filter-tree-select-panel-extra",
-              m["filter-tree-select-panel-extra"]
+              g["filter-tree-select-panel-extra"]
             ),
             children: C
           }
         ) : null,
-        /* @__PURE__ */ U(
+        /* @__PURE__ */ f(
           "div",
           {
-            className: H("filter-tree-select-options", m["filter-tree-select-options"]),
-            children: [
-              ce.map((e) => {
-                if (!Me(e)) return null;
-                const t = !z.get(e.id), o = Q.has(e.id), r = !i && v === e.id, s = i ? v || [] : [];
-                let c = i && s.includes(e.id), l = !1;
-                if (i && k && !t) {
-                  const n = D.get(e.id) || [], N = n.filter((Se) => s.includes(Se)).length;
-                  c = n.length > 0 && N === n.length, l = N > 0 && N < n.length;
-                }
-                return /* @__PURE__ */ U(
-                  "div",
-                  {
-                    className: H(
-                      "filter-tree-select-option",
-                      m["filter-tree-select-option"],
-                      r && m["filter-tree-select-option-selected"]
+            className: R("filter-tree-select-options", g["filter-tree-select-options"]),
+            children: ce ? /* @__PURE__ */ f(
+              "div",
+              {
+                className: R(
+                  "filter-tree-select-loading",
+                  g["filter-tree-select-loading"]
+                ),
+                children: /* @__PURE__ */ f(je, { size: "small" })
+              }
+            ) : ne.length === 0 ? /* @__PURE__ */ f(
+              "div",
+              {
+                className: R("filter-tree-select-empty", g["filter-tree-select-empty"]),
+                children: /* @__PURE__ */ f($e, { iconType: "simple", description: "暂无数据" })
+              }
+            ) : ne.map((e) => {
+              if (!Fe(e)) return null;
+              const t = !P.get(e.id), o = Q.has(e.id), r = !n && x === e.id, s = n ? x || [] : [];
+              let c = n && s.includes(e.id), l = !1;
+              if (n && L && !t) {
+                const i = D.get(e.id) || [], k = i.filter((Ee) => s.includes(Ee)).length;
+                c = i.length > 0 && k === i.length, l = k > 0 && k < i.length;
+              }
+              return /* @__PURE__ */ H(
+                "div",
+                {
+                  className: R(
+                    "filter-tree-select-option",
+                    g["filter-tree-select-option"],
+                    r && g["filter-tree-select-option-selected"]
+                  ),
+                  style: { paddingLeft: 8 + e.depth * 20 },
+                  onClick: () => n ? O(e.id) : Ne(e.id),
+                  children: [
+                    t ? /* @__PURE__ */ f("span", { className: g["filter-tree-select-expand-placeholder"] }) : /* @__PURE__ */ f(
+                      "span",
+                      {
+                        className: g["filter-tree-select-expand-icon"],
+                        onClick: (i) => {
+                          i.stopPropagation(), I(e.id);
+                        },
+                        children: o || y && T ? /* @__PURE__ */ f(Te, { style: { fontSize: 10 } }) : /* @__PURE__ */ f(ye, { style: { fontSize: 10 } })
+                      }
+                    ),
+                    n && /* @__PURE__ */ f(
+                      Ue,
+                      {
+                        checked: c,
+                        indeterminate: l,
+                        onClick: (i) => i.stopPropagation(),
+                        onChange: () => O(e.id)
+                      }
                     ),
-                    style: { paddingLeft: 8 + e.depth * 20 },
-                    onClick: () => i ? O(e.id) : be(e.id),
-                    children: [
-                      t ? /* @__PURE__ */ x("span", { className: m["filter-tree-select-expand-placeholder"] }) : /* @__PURE__ */ x(
-                        "span",
-                        {
-                          className: m["filter-tree-select-expand-icon"],
-                          onClick: (n) => {
-                            n.stopPropagation(), I(e.id);
-                          },
-                          children: o || P && T ? /* @__PURE__ */ x(ke, { style: { fontSize: 10 } }) : /* @__PURE__ */ x(Ne, { style: { fontSize: 10 } })
-                        }
-                      ),
-                      i && /* @__PURE__ */ x(
-                        Pe,
-                        {
-                          checked: c,
-                          indeterminate: l,
-                          onClick: (n) => n.stopPropagation(),
-                          onChange: () => O(e.id)
-                        }
-                      ),
-                      /* @__PURE__ */ x("span", { className: m["filter-tree-select-node-label"], children: e.name }),
-                      !i && r && /* @__PURE__ */ x(Le, { className: m["filter-tree-select-option-check"] })
-                    ]
-                  },
-                  e.id
-                );
-              }),
-              ce.length === 0 && /* @__PURE__ */ x("div", { className: m["filter-tree-select-empty"], children: "暂无数据" })
-            ]
+                    /* @__PURE__ */ f("span", { className: g["filter-tree-select-node-label"], children: e.name }),
+                    !n && r && /* @__PURE__ */ f(ze, { className: g["filter-tree-select-option-check"] })
+                  ]
+                },
+                e.id
+              );
+            })
           }
         ),
-        i && (k ? (v || []).some((e) => !z.get(e)) : (v || []).length > 0) && /* @__PURE__ */ U("div", { className: m["filter-tree-select-selected-bar"], children: [
-          /* @__PURE__ */ x("div", { className: m["filter-tree-select-selected-label"], children: "已选：" }),
-          /* @__PURE__ */ x(Re, { size: [4, 4], wrap: !0, children: (v || []).filter((e) => !(k && z.get(e))).map((e) => /* @__PURE__ */ U(
+        n && (L ? (x || []).some((e) => !P.get(e)) : (x || []).length > 0) && /* @__PURE__ */ H("div", { className: g["filter-tree-select-selected-bar"], children: [
+          /* @__PURE__ */ f("div", { className: g["filter-tree-select-selected-label"], children: "已选：" }),
+          /* @__PURE__ */ f(Ve, { size: [4, 4], wrap: !0, children: (x || []).filter((e) => !(L && P.get(e))).map((e) => /* @__PURE__ */ H(
             "span",
             {
-              className: m["filter-tree-select-selected-tag"],
+              className: g["filter-tree-select-selected-tag"],
               onClick: (t) => {
                 t.stopPropagation(), O(e);
               },
               children: [
-                y.get(e) ?? e,
-                /* @__PURE__ */ x(Fe, { className: m["filter-tree-select-selected-remove"] })
+                B.get(e) ?? e,
+                /* @__PURE__ */ f(Pe, { className: g["filter-tree-select-selected-remove"] })
               ]
             },
             e
@@ -357,6 +374,6 @@ const _e = ({
   ) : null;
 };
 export {
-  _e as default
+  rt as default
 };
 //# sourceMappingURL=index.js.map