@hkyhy/marsun-components-core 0.1.28 → 0.1.30

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

@@ -1,309 +1,352 @@
-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 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) {
-  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;
+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;
 }
-function Me(u, f) {
-  if (!f) return u;
-  const v = f.toLowerCase();
-  function h(N) {
-    var P;
+function Be(h, g) {
+  if (!g) return h;
+  const u = g.toLowerCase();
+  function a(L) {
+    var b;
     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 });
+    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 });
     }
     return p;
   }
-  return h(u);
+  return a(h);
 }
-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 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 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 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);
   };
-  return h(u), v;
+  return a(h), u;
 }
-const Re = ({
-  filterKey: u,
-  label: f,
-  treeData: v,
-  fetchUrl: h,
-  fetchOptions: N,
+const _e = ({
+  filterKey: h,
+  label: g,
+  treeData: u,
+  fetchUrl: a,
+  fetchOptions: L,
   transformData: p,
-  enabled: P = !0,
+  loadData: b,
+  enabled: F = !0,
   value: d,
-  onChange: l,
-  showSearch: E = !1,
-  multiple: o = !1,
+  onChange: f,
+  showSearch: P = !1,
+  multiple: i = !1,
   leafOnly: k = !1,
-  active: se,
-  hidden: U,
-  display: B,
-  getNodeLabel: _ = (z) => z.name
+  active: ae,
+  hidden: $,
+  display: q,
+  dependsOn: de,
+  clearOnDepsChange: he = !0,
+  getNodeLabel: ee = (R) => R.name,
+  panelExtra: C,
+  panelWidth: ue
 }) => {
-  const z = ve(), { data: re } = he({
-    data: v,
-    fetchUrl: h,
-    fetchOptions: N,
+  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,
+    onDepsClear: () => {
+      var e;
+      return (e = R.current) == null ? void 0 : e.call(R, i ? [] : void 0);
+    }
+  }), G = Ue(), te = u != null || !b && !!a, { data: ve } = Ee({
+    data: u,
+    fetchUrl: te && !b ? a : void 0,
+    fetchOptions: L,
     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)));
+    enabled: F && te && !b,
+    baseUrl: G.baseUrl,
+    defaultHeaders: G.headers,
+    timeoutMs: G.timeoutMs
+  }), [xe, se] = V([]), J = ie(b);
+  J.current = b, W(() => {
+    if (!J.current || u != null || !F) return;
+    let e = !1;
+    return (async () => {
+      try {
+        const t = await J.current({ values: me });
+        e || se(t ?? []);
+      } catch {
+        e || se([]);
+      }
+    })(), () => {
+      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 };
+  W(() => {
+    w(d ?? (i ? [] : void 0)), d == null && Y("");
+  }, [d, i]), W(() => {
+    M.length && re(new Set(fe(M)));
   }, [M]);
-  const j = L(
-    () => Se(M, _),
-    [M, _]
-  ), q = L(() => {
+  const y = E(
+    () => ye(M, ee),
+    [M, ee]
+  ), _ = E(() => {
     if (!M.length || d == null) return "";
-    if (o) {
+    if (i) {
       const e = d;
-      return e.length > 0 ? e.map((t) => j.get(t) ?? t).join("、") : "";
+      return e.length > 0 ? e.map((t) => y.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 y.get(d) ?? "";
+  }, [M, d, i, y]);
+  W(() => {
+    if (j) {
+      if (!le({ display: q, hidden: $ }, Z)) {
+        j.unregister(h);
         return;
       }
-      q ? A.register(u, {
-        label: f,
-        valueLabel: q,
-        onRemove: () => l == null ? void 0 : l(o ? [] : void 0)
-      }) : A.unregister(u);
+      _ ? j.register(h, {
+        label: A,
+        valueLabel: _,
+        onRemove: () => f == null ? void 0 : f(i ? [] : void 0)
+      }) : j.unregister(h);
     }
   }, [
+    _,
+    h,
+    A,
     q,
-    u,
+    $,
+    j,
     f,
-    B,
-    U,
-    A,
-    l,
-    o,
-    $
+    i,
+    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(
+    () => P && T ? Be(M, T) : M,
+    [P, T, M]
+  ), ce = E(() => oe(S), [S]), z = 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 = (n) => {
+            var N;
+            c.push(n.id), (N = n.children) == null || N.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]), ne = 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)) {
+        const c = [], l = (n) => {
+          var N;
+          if (!((N = n.children) != null && N.length)) {
             c.push(n.id);
             return;
           }
-          n.children.forEach(i);
+          n.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) => {
+    re((t) => {
+      const o = new Set(t);
+      return o.has(e) ? o.delete(e) : o.add(e), o;
     });
-  }, []), ne = C(
+  }, []), be = X(
     (e) => {
-      if (k && F.get(e)) {
-        Q(e);
+      if (k && z.get(e)) {
+        I(e);
         return;
       }
-      const t = m === e ? void 0 : e;
-      w(t), l == null || l(t), R(!1);
+      const t = v === e ? void 0 : e;
+      w(t), f == null || f(t), B(!1);
     },
-    [m, l, k, F, Q]
-  ), W = C(
+    [v, f, k, z, I]
+  ), O = X(
     (e) => {
-      const t = (m || []).slice(), a = G.get(e), r = J.get(e), s = I.get(e);
+      const t = (v || []).slice(), o = K.get(e), r = D.get(e), s = ne.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)));
+        if (r.every((l) => t.includes(l))) {
+          const l = new Set(r);
+          w(t.filter((n) => !l.has(n)));
         } 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((n) => !l.has(n)));
         } 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 && !k && (K.get(s) || []).every((n) => c.includes(n)) ? 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]
+    [v, K, ne, k, D]
+  ), Me = X(
+    (e) => e.parentId === null || P && T ? !0 : Q.has(e.parentId),
+    [Q, P, T]
   );
-  return O({ display: B, hidden: U }, $) ? /* @__PURE__ */ D(
-    ge,
+  return le({ display: q, hidden: $ }, Z) ? /* @__PURE__ */ U(
+    ze,
     {
-      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: 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);
       } : void 0,
       onReset: () => {
-        const e = o ? [] : void 0;
-        w(e), X(""), l == null || l(e), R(!1);
+        const e = i ? [] : void 0;
+        w(e), Y(""), f == null || f(e), B(!1);
       },
       children: [
-        E && /* @__PURE__ */ x(
-          we,
+        P && /* @__PURE__ */ x(
+          Ve,
           {
-            placeholder: `搜索${f}`,
+            placeholder: `搜索${A}`,
             allowClear: !0,
             size: "middle",
-            className: Y("filter-tree-select-search", g["filter-tree-select-search"]),
+            className: H("filter-tree-select-search", m["filter-tree-select-search"]),
             value: T,
-            onChange: (e) => X(e.target.value)
+            onChange: (e) => Y(e.target.value)
           }
         ),
-        /* @__PURE__ */ D(
+        C ? /* @__PURE__ */ x(
+          "div",
+          {
+            className: H(
+              "filter-tree-select-panel-extra",
+              m["filter-tree-select-panel-extra"]
+            ),
+            children: C
+          }
+        ) : null,
+        /* @__PURE__ */ U(
           "div",
           {
-            className: Y("filter-tree-select-options", g["filter-tree-select-options"]),
+            className: H("filter-tree-select-options", m["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;
+              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__ */ D(
+                return /* @__PURE__ */ U(
                   "div",
                   {
-                    className: Y(
+                    className: H(
                       "filter-tree-select-option",
-                      g["filter-tree-select-option"],
-                      r && g["filter-tree-select-option-selected"]
+                      m["filter-tree-select-option"],
+                      r && m["filter-tree-select-option-selected"]
                     ),
                     style: { paddingLeft: 8 + e.depth * 20 },
-                    onClick: () => o ? W(e.id) : ne(e.id),
+                    onClick: () => i ? O(e.id) : be(e.id),
                     children: [
-                      t ? /* @__PURE__ */ x("span", { className: g["filter-tree-select-expand-placeholder"] }) : /* @__PURE__ */ x(
+                      t ? /* @__PURE__ */ x("span", { className: m["filter-tree-select-expand-placeholder"] }) : /* @__PURE__ */ x(
                         "span",
                         {
-                          className: g["filter-tree-select-expand-icon"],
+                          className: m["filter-tree-select-expand-icon"],
                           onClick: (n) => {
-                            n.stopPropagation(), Q(e.id);
+                            n.stopPropagation(), I(e.id);
                           },
-                          children: a || E && T ? /* @__PURE__ */ x(oe, { style: { fontSize: 10 } }) : /* @__PURE__ */ x(ae, { style: { fontSize: 10 } })
+                          children: o || P && T ? /* @__PURE__ */ x(ke, { style: { fontSize: 10 } }) : /* @__PURE__ */ x(Ne, { style: { fontSize: 10 } })
                         }
                       ),
-                      o && /* @__PURE__ */ x(
-                        ue,
+                      i && /* @__PURE__ */ x(
+                        Pe,
                         {
                           checked: c,
-                          indeterminate: i,
+                          indeterminate: l,
                           onClick: (n) => n.stopPropagation(),
-                          onChange: () => W(e.id)
+                          onChange: () => O(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"] })
+                      /* @__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
                 );
               }),
-              K.length === 0 && /* @__PURE__ */ x("div", { className: g["filter-tree-select-empty"], children: "暂无数据" })
+              ce.length === 0 && /* @__PURE__ */ x("div", { className: m["filter-tree-select-empty"], children: "暂无数据" })
             ]
           }
         ),
-        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(
+        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(
             "span",
             {
-              className: g["filter-tree-select-selected-tag"],
+              className: m["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"] })
+                y.get(e) ?? e,
+                /* @__PURE__ */ x(Fe, { className: m["filter-tree-select-selected-remove"] })
               ]
             },
             e
@@ -314,6 +357,6 @@ const Re = ({
   ) : null;
 };
 export {
-  Re as default
+  _e as default
 };
 //# sourceMappingURL=index.js.map