@hkyhy/marsun-components-core 0.1.29 → 0.1.31

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

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