@hkyhy/marsun-components-core 0.1.29 → 0.1.30

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

@@ -1,234 +1,273 @@
-import { jsxs as b, jsx as m } from "react/jsx-runtime";
-import { Check as oe, X as le } from "../../Icons/index.js";
-import { Input as ae, Checkbox as Q, Space as fe } from "antd";
-import { useState as E, useRef as ge, useMemo as U, useEffect as W } from "react";
-import de from "../../Form/PersonOptionRow/index.js";
-import he from "../FilterPopover/index.js";
-import { resolveFilterVisible as Y } from "../types.js";
-import { useFilterRegister as me } from "../useFilterState.js";
-import g from "./style.module.scss.js";
-import v from "classnames";
-const { Search: ve } = ae;
-function Se(r) {
+import { jsxs as L, jsx as g } from "react/jsx-runtime";
+import { Check as Ae, X as Ne } from "../../Icons/index.js";
+import { Input as ke, Checkbox as V, Space as Ce } from "antd";
+import { useState as D, useRef as ee, useEffect as G, useMemo as re } from "react";
+import Le from "../../Form/PersonOptionRow/index.js";
+import we from "../FilterPopover/index.js";
+import { resolveFilterVisible as te } from "../types.js";
+import { useFilterFieldBridge as Fe, useFilterRegister as Oe } from "../useFilterState.js";
+import a from "./style.module.scss.js";
+import h from "classnames";
+const { Search: Pe } = ke;
+function Re(r) {
   const s = [r.label];
   return r.departmentName && s.push(r.departmentName), s.join(" · ");
 }
-function Ae(r, s) {
-  const i = s.toLowerCase();
-  return [r.label, r.departmentName, r.email, r.phone, r.employeeId].filter(Boolean).some((o) => String(o).toLowerCase().includes(i));
+function Te(r, s) {
+  const l = s.toLowerCase();
+  return [r.label, r.departmentName, r.email, r.phone, r.employeeId].filter(Boolean).some((d) => String(d).toLowerCase().includes(l));
 }
-function Z(r, s) {
+function ne(r, s) {
   if (!(r != null && r.length) && !(s != null && s.length)) return !0;
   if (!r || !s || r.length !== s.length) return !1;
-  const i = [...r].map(String).sort(), o = [...s].map(String).sort();
-  return i.every((l, a) => l === o[a]);
+  const l = [...r].map(String).sort(), d = [...s].map(String).sort();
+  return l.every((m, i) => m === d[i]);
 }
-function _(r) {
+function se(r) {
   return Array.isArray(r) ? r : r != null && r !== "" ? [r] : [];
 }
-function q(r, s, i, o, l) {
-  if (o) {
-    const a = _(r);
-    return !l && (i != null && i.length) && Z(a, i) ? [] : a;
+function J(r, s, l, d, m) {
+  if (d) {
+    const i = se(r);
+    return !m && (l != null && l.length) && ne(i, l) ? [] : i;
   }
-  if (!(!l && s !== void 0 && r === s))
+  if (!(!m && s !== void 0 && r === s))
     return r;
 }
-function I(r, s, i, o) {
-  return o ? _(r) : q(r, s, i, !1, !0);
+function H(r, s, l, d) {
+  return d ? se(r) : J(r, s, l, !1, !0);
 }
-function xe(r, s, i, o, l) {
-  if (i) {
-    const d = r || [];
-    return d.length ? l != null && l.length && Z(d, l) ? "全部" : d.map((N) => {
-      var w;
-      return ((w = s.find((n) => String(n.value) === String(N))) == null ? void 0 : w.label) ?? String(N);
+function je(r, s, l, d, m) {
+  if (l) {
+    const f = r || [];
+    return f.length ? m != null && m.length && ne(f, m) ? "全部" : f.map((S) => {
+      var b;
+      return ((b = s.find((w) => String(w.value) === String(S))) == null ? void 0 : b.label) ?? String(S);
     }).join("、") : "";
   }
   if (r == null) return "";
-  const a = s.find((d) => String(d.value) === String(r));
-  return a ? o ? Se(a) : a.label : String(r);
+  const i = s.find((f) => String(f.value) === String(r));
+  return i ? d ? Re(i) : i.label : String(r);
 }
-const Re = ({
+const He = ({
   filterKey: r,
   label: s,
-  options: i = [],
-  value: o,
-  onChange: l,
-  defaultValue: a,
-  defaultValues: d,
-  showDefaultAsSelected: N = !1,
-  searchable: w = !1,
+  options: l,
+  loadData: d,
+  enabled: m = !0,
+  value: i,
+  onChange: f,
+  defaultValue: S,
+  defaultValues: b,
+  showDefaultAsSelected: w = !1,
+  searchable: ce = !1,
   multiple: n = !1,
-  minSelection: h,
-  variant: K = "default",
-  active: V,
-  hidden: u,
-  display: T
+  minSelection: v,
+  variant: ie = "default",
+  active: oe,
+  hidden: M,
+  display: B,
+  dependsOn: le,
+  clearOnDepsChange: ae = !0,
+  panelExtra: z,
+  panelWidth: fe
 }) => {
-  const p = K === "person", [ee, F] = E(!1), [O, j] = E(""), f = q(
-    o,
-    a,
-    d,
+  const F = ie === "person", [de, R] = D(!1), [T, I] = D(""), u = ee(f);
+  u.current = f;
+  const ge = fe ?? (z ? 460 : void 0), { resolvedLabel: A, values: he, depsKey: me } = Fe({
+    filterKey: r,
+    value: i,
+    label: s,
+    dependsOn: le,
+    clearOnDepsChange: ae,
+    onDepsClear: () => {
+      var e;
+      return (e = u.current) == null ? void 0 : e.call(u, void 0);
+    }
+  }), [ve, Q] = D([]), q = ee(d);
+  q.current = d, G(() => {
+    if (!q.current || l != null || !m) return;
+    let e = !1;
+    return (async () => {
+      try {
+        const t = await q.current({ values: he });
+        e || Q(t ?? []);
+      } catch {
+        e || Q([]);
+      }
+    })(), () => {
+      e = !0;
+    };
+  }, [me, m, l, d]);
+  const O = l ?? ve, o = J(
+    i,
+    S,
+    b,
     n,
-    N
-  ), [S, y] = E(
-    () => I(o, a, d, n) ?? (n ? [] : void 0)
-  ), P = me(), R = ge(l);
-  R.current = l;
-  const X = U(() => {
-    const e = Array.isArray(f) ? f : f != null && f !== "" ? [f] : [], t = !n || h == null || e.length > h;
+    w
+  ), [p, N] = D(
+    () => H(i, S, b, n) ?? (n ? [] : void 0)
+  ), j = Oe(), U = re(() => {
+    const e = Array.isArray(o) ? o : o != null && o !== "" ? [o] : [], t = !n || v == null || e.length > v;
     return () => {
       var c;
-      t && ((c = R.current) == null || c.call(R, void 0));
+      t && ((c = u.current) == null || c.call(u, void 0));
     };
-  }, [f, h, n]), $ = () => {
-    y(
-      I(o, a, d, n) ?? (n ? [] : void 0)
-    ), j("");
+  }, [o, v, n]), Y = () => {
+    N(
+      H(i, S, b, n) ?? (n ? [] : void 0)
+    ), I("");
   };
-  W(() => {
-    const e = I(o, a, d, n);
-    y(e ?? (n ? [] : void 0));
-    const t = q(
-      o,
-      a,
-      d,
+  G(() => {
+    const e = H(i, S, b, n);
+    N(e ?? (n ? [] : void 0));
+    const t = J(
+      i,
+      S,
+      b,
       n,
-      N
+      w
     );
-    (t == null || Array.isArray(t) && t.length === 0) && j("");
-  }, [o, a, d, n, N]);
-  const D = U(
-    () => xe(f, i, n, p, d),
-    [i, f, n, p, d]
+    (t == null || Array.isArray(t) && t.length === 0) && I("");
+  }, [i, S, b, n, w]);
+  const W = re(
+    () => je(o, O, n, F, b),
+    [O, o, n, F, b]
   );
-  if (W(() => {
-    if (!P) return;
-    if (!Y({ display: T, hidden: u }, { filterKey: r, label: s, value: o })) {
-      P.unregister(r);
+  if (G(() => {
+    if (!j) return;
+    if (!te({ display: B, hidden: M }, { filterKey: r, label: A, value: i })) {
+      j.unregister(r);
       return;
     }
-    if (D) {
-      const t = Array.isArray(f) ? f : f != null && f !== "" ? [f] : [], c = !n || h == null || t.length > h;
-      P.register(r, {
-        label: s,
-        valueLabel: D,
-        onRemove: X,
+    if (W) {
+      const t = Array.isArray(o) ? o : o != null && o !== "" ? [o] : [], c = !n || v == null || t.length > v;
+      j.register(r, {
+        label: A,
+        valueLabel: W,
+        onRemove: U,
         removable: c
       });
     } else
-      P.unregister(r);
-  }, [D, r, s, u, T, X]), !Y({ display: T, hidden: u }, { filterKey: r, label: s, value: o })) return null;
-  const A = O ? i.filter(
-    (e) => p ? Ae(e, O) : e.label.toLowerCase().includes(O.toLowerCase())
-  ) : i, re = () => {
-    l == null || l(S), F(!1);
-  }, te = () => {
-    $(), F(!1);
-  }, ne = (e) => {
-    !e && n && $(), F(e);
-  }, se = (e) => {
+      j.unregister(r);
+  }, [W, r, A, M, B, U]), !te({ display: B, hidden: M }, { filterKey: r, label: A, value: i })) return null;
+  const x = T ? O.filter(
+    (e) => F ? Te(e, T) : e.label.toLowerCase().includes(T.toLowerCase())
+  ) : O, Se = () => {
+    f == null || f(p), R(!1);
+  }, be = () => {
+    Y(), R(!1);
+  }, ue = (e) => {
+    !e && n && Y(), R(e);
+  }, pe = (e) => {
     if (!n) {
-      const t = a !== void 0 && e === a;
+      const t = S !== void 0 && e === S;
       let c;
-      S === e || t ? c = void 0 : c = e, y(c), l == null || l(c), F(!1);
+      p === e || t ? c = void 0 : c = e, N(c), f == null || f(c), R(!1);
     }
-  }, M = (e) => {
-    const t = S || [], c = t.some((x) => String(x) === String(e));
-    if (c && h != null && t.length <= h)
+  }, X = (e) => {
+    const t = p || [], c = t.some((y) => String(y) === String(e));
+    if (c && v != null && t.length <= v)
       return;
-    const L = c ? t.filter((x) => String(x) !== String(e)) : [...t, e];
-    y(L);
-  }, k = Array.isArray(S) ? S : [], G = A.filter(
+    const P = c ? t.filter((y) => String(y) !== String(e)) : [...t, e];
+    N(P);
+  }, k = Array.isArray(p) ? p : [], Z = x.filter(
     (e) => k.some((t) => String(t) === String(e.value))
-  ).length, z = A.length > 0 && G === A.length, ce = G > 0 && !z, H = (e) => {
-    const t = k, c = A.map((C) => C.value);
+  ).length, $ = x.length > 0 && Z === x.length, xe = Z > 0 && !$, _ = (e) => {
+    const t = k, c = x.map((C) => C.value);
     if (e) {
-      const C = new Set(t.map(String)), J = [...t];
-      for (const B of c)
-        C.has(String(B)) || (J.push(B), C.add(String(B)));
-      y(J);
+      const C = new Set(t.map(String)), K = [...t];
+      for (const E of c)
+        C.has(String(E)) || (K.push(E), C.add(String(E)));
+      N(K);
       return;
     }
-    const L = new Set(c.map(String));
-    let x = t.filter((C) => !L.has(String(C)));
-    h != null && x.length < h && (x = t.slice(0, h)), y(x);
-  }, ie = n ? Array.isArray(f) && f.length > 0 : f != null && f !== "";
-  return /* @__PURE__ */ b(
-    he,
+    const P = new Set(c.map(String));
+    let y = t.filter((C) => !P.has(String(C)));
+    v != null && y.length < v && (y = t.slice(0, v)), N(y);
+  }, ye = n ? Array.isArray(o) && o.length > 0 : o != null && o !== "";
+  return /* @__PURE__ */ L(
+    we,
     {
-      label: s,
-      active: V || ie,
-      open: ee,
-      onOpenChange: ne,
-      onConfirm: n ? re : void 0,
-      onReset: n ? te : void 0,
+      label: A,
+      active: oe || ye,
+      open: de,
+      onOpenChange: ue,
+      width: ge,
+      onConfirm: n ? Se : void 0,
+      onReset: n ? be : void 0,
       children: [
-        w && /* @__PURE__ */ m(
-          ve,
+        ce && /* @__PURE__ */ g(
+          Pe,
           {
-            placeholder: `搜索${s}`,
+            placeholder: `搜索${A}`,
             allowClear: !0,
             size: "middle",
-            className: v("filter-select-search", g["filter-select-search"]),
-            value: O,
-            onChange: (e) => j(e.target.value)
+            className: h("filter-select-search", a["filter-select-search"]),
+            value: T,
+            onChange: (e) => I(e.target.value)
           }
         ),
-        /* @__PURE__ */ b("div", { className: v("filter-select-options", g["filter-select-options"]), children: [
-          n && A.length > 0 && /* @__PURE__ */ b(
+        z ? /* @__PURE__ */ g(
+          "div",
+          {
+            className: h("filter-select-panel-extra", a["filter-select-panel-extra"]),
+            children: z
+          }
+        ) : null,
+        /* @__PURE__ */ L("div", { className: h("filter-select-options", a["filter-select-options"]), children: [
+          n && x.length > 0 && /* @__PURE__ */ L(
             "div",
             {
-              className: v(
+              className: h(
                 "filter-select-option",
-                g["filter-select-option"],
+                a["filter-select-option"],
                 "filter-select-select-all",
-                g["filter-select-select-all"]
+                a["filter-select-select-all"]
               ),
-              onClick: () => H(!z),
+              onClick: () => _(!$),
               children: [
-                /* @__PURE__ */ m(
-                  Q,
+                /* @__PURE__ */ g(
+                  V,
                   {
-                    checked: z,
-                    indeterminate: ce,
-                    onChange: (e) => H(e.target.checked),
+                    checked: $,
+                    indeterminate: xe,
+                    onChange: (e) => _(e.target.checked),
                     onClick: (e) => e.stopPropagation()
                   }
                 ),
-                /* @__PURE__ */ m("span", { children: "全选" })
+                /* @__PURE__ */ g("span", { children: "全选" })
               ]
             }
           ),
-          A.map((e) => /* @__PURE__ */ b(
+          x.map((e) => /* @__PURE__ */ L(
             "div",
             {
-              className: v(
+              className: h(
                 "filter-select-option",
-                g["filter-select-option"],
-                !n && S === e.value && v(
+                a["filter-select-option"],
+                !n && p === e.value && h(
                   "filter-select-option-selected",
-                  g["filter-select-option-selected"]
+                  a["filter-select-option-selected"]
                 )
               ),
-              onClick: () => n ? M(e.value) : se(e.value),
+              onClick: () => n ? X(e.value) : pe(e.value),
               children: [
-                n && /* @__PURE__ */ m(
-                  Q,
+                n && /* @__PURE__ */ g(
+                  V,
                   {
                     checked: k.some((t) => String(t) === String(e.value)),
-                    onChange: () => M(e.value),
+                    onChange: () => X(e.value),
                     onClick: (t) => t.stopPropagation()
                   }
                 ),
-                p ? /* @__PURE__ */ m(de, { option: e }) : /* @__PURE__ */ m("span", { children: e.label }),
-                !n && !p && S === e.value && /* @__PURE__ */ m(
-                  oe,
+                F ? /* @__PURE__ */ g(Le, { option: e }) : /* @__PURE__ */ g("span", { children: e.label }),
+                !n && !F && p === e.value && /* @__PURE__ */ g(
+                  Ae,
                   {
-                    className: v(
+                    className: h(
                       "filter-select-option-check",
-                      g["filter-select-option-check"]
+                      a["filter-select-option-check"]
                     )
                   }
                 )
@@ -236,50 +275,50 @@ const Re = ({
             },
             String(e.value)
           )),
-          A.length === 0 && /* @__PURE__ */ m("div", { className: v("filter-select-empty", g["filter-select-empty"]), children: "暂无数据" })
+          x.length === 0 && /* @__PURE__ */ g("div", { className: h("filter-select-empty", a["filter-select-empty"]), children: "暂无数据" })
         ] }),
-        n && k.length > 0 && /* @__PURE__ */ b(
+        n && k.length > 0 && /* @__PURE__ */ L(
           "div",
           {
-            className: v("filter-select-selected-bar", g["filter-select-selected-bar"]),
+            className: h("filter-select-selected-bar", a["filter-select-selected-bar"]),
             children: [
-              /* @__PURE__ */ m(
+              /* @__PURE__ */ g(
                 "div",
                 {
-                  className: v(
+                  className: h(
                     "filter-select-selected-label",
-                    g["filter-select-selected-label"]
+                    a["filter-select-selected-label"]
                   ),
                   children: "已选："
                 }
               ),
-              /* @__PURE__ */ m(
+              /* @__PURE__ */ g(
                 "div",
                 {
-                  className: v(
+                  className: h(
                     "filter-select-selected-tags",
-                    g["filter-select-selected-tags"]
+                    a["filter-select-selected-tags"]
                   ),
-                  children: /* @__PURE__ */ m(fe, { size: [4, 4], wrap: !0, children: k.map((e) => {
-                    const t = i.find((L) => String(L.value) === String(e)), c = h == null || k.length > h;
-                    return /* @__PURE__ */ b(
+                  children: /* @__PURE__ */ g(Ce, { size: [4, 4], wrap: !0, children: k.map((e) => {
+                    const t = O.find((P) => String(P.value) === String(e)), c = v == null || k.length > v;
+                    return /* @__PURE__ */ L(
                       "span",
                       {
-                        className: v(
+                        className: h(
                           "filter-select-selected-tag",
-                          g["filter-select-selected-tag"],
-                          !c && g["filter-select-selected-tag-disabled"]
+                          a["filter-select-selected-tag"],
+                          !c && a["filter-select-selected-tag-disabled"]
                         ),
-                        onClick: () => c && M(e),
+                        onClick: () => c && X(e),
                         children: [
                           (t == null ? void 0 : t.label) ?? String(e),
-                          /* @__PURE__ */ m(
-                            le,
+                          /* @__PURE__ */ g(
+                            Ne,
                             {
-                              className: v(
+                              className: h(
                                 "filter-select-selected-remove",
-                                g["filter-select-selected-remove"],
-                                !c && g["filter-select-selected-remove-disabled"]
+                                a["filter-select-selected-remove"],
+                                !c && a["filter-select-selected-remove-disabled"]
                               )
                             }
                           )
@@ -298,6 +337,6 @@ const Re = ({
   );
 };
 export {
-  Re as default
+  He as default
 };
 //# sourceMappingURL=index.js.map