@hkyhy/marsun-components-core 0.1.29 → 0.1.31

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

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