@hkyhy/marsun-components-core 0.1.26 → 0.1.28

package/dist/components/Filter/FilterTreeSelect/index.d.ts

@@ -15,6 +15,12 @@ export interface FilterTreeSelectProps extends BaseFilterProps {
     onChange?: (value: string | string[] | undefined) => void;
     showSearch?: boolean;
     multiple?: boolean;
+    /**
+     * 仅叶子写入最终值。
+     * - 单选：点父节点只展开
+     * - 多选：点父节点 / 勾选框 = 全选或取消其下全部叶子；父勾选框支持半选
+     */
+    leafOnly?: boolean;
     /** 自定义节点展示标签（默认 name） */
     getNodeLabel?: (node: TreeFilterNode) => string;
 }

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

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