@hkyhy/marsun-components-core 0.1.30 → 0.1.32

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

@@ -1,271 +1,276 @@
-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 { 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 h from "classnames";
-const { Search: Pe } = ke;
-function Re(r) {
-  const s = [r.label];
-  return r.departmentName && s.push(r.departmentName), s.join(" · ");
+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 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 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 ne(r, s) {
-  if (!(r != null && r.length) && !(s != null && s.length)) return !0;
-  if (!r || !s || r.length !== s.length) return !1;
-  const l = [...r].map(String).sort(), d = [...s].map(String).sort();
-  return l.every((m, i) => m === d[i]);
+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 se(r) {
-  return Array.isArray(r) ? r : r != null && r !== "" ? [r] : [];
+function ce(t) {
+  return Array.isArray(t) ? t : t != null && t !== "" ? [t] : [];
 }
-function J(r, s, l, d, m) {
-  if (d) {
-    const i = se(r);
-    return !m && (l != null && l.length) && ne(i, l) ? [] : i;
+function J(t, s, f, h, m) {
+  if (h) {
+    const c = ce(t);
+    return !m && (f != null && f.length) && ie(c, f) ? [] : c;
   }
-  if (!(!m && s !== void 0 && r === s))
-    return r;
+  if (!(!m && s !== void 0 && t === s))
+    return t;
 }
-function H(r, s, l, d) {
-  return d ? se(r) : J(r, s, l, !1, !0);
+function H(t, s, f, h) {
+  return h ? ce(t) : J(t, s, f, !1, !0);
 }
-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);
+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 i = s.find((f) => String(f.value) === String(r));
-  return i ? d ? Re(i) : i.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 He = ({
-  filterKey: r,
+const Ve = ({
+  filterKey: t,
   label: s,
-  options: l,
-  loadData: d,
+  options: f,
+  loadData: h,
   enabled: m = !0,
-  value: i,
-  onChange: f,
+  value: c,
+  onChange: d,
   defaultValue: S,
-  defaultValues: b,
-  showDefaultAsSelected: w = !1,
-  searchable: ce = !1,
+  defaultValues: p,
+  showDefaultAsSelected: F = !1,
+  searchable: le = !1,
   multiple: n = !1,
   minSelection: v,
-  variant: ie = "default",
-  active: oe,
-  hidden: M,
-  display: B,
-  dependsOn: le,
-  clearOnDepsChange: ae = !0,
-  panelExtra: z,
-  panelWidth: fe
+  variant: oe = "default",
+  active: ae,
+  hidden: j,
+  display: z,
+  dependsOn: fe,
+  clearOnDepsChange: de = !0,
+  panelExtra: B,
+  panelWidth: ge,
+  loading: he = !1
 }) => {
-  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,
+  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: le,
-    clearOnDepsChange: ae,
+    dependsOn: fe,
+    clearOnDepsChange: de,
     onDepsClear: () => {
       var e;
-      return (e = u.current) == null ? void 0 : e.call(u, void 0);
+      return (e = b.current) == null ? void 0 : e.call(b, void 0);
     }
-  }), [ve, Q] = D([]), q = ee(d);
-  q.current = d, G(() => {
-    if (!q.current || l != null || !m) return;
+  }), [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 (async () => {
+    return U(!0), (async () => {
       try {
-        const t = await q.current({ values: he });
-        e || Q(t ?? []);
+        const r = await q.current({ values: Se });
+        e || Q(r ?? []);
       } catch {
         e || Q([]);
+      } finally {
+        e || U(!1);
       }
     })(), () => {
       e = !0;
     };
-  }, [me, m, l, d]);
-  const O = l ?? ve, o = J(
-    i,
+  }, [pe, m, f, h]);
+  const O = f ?? be, Y = he || ue, l = J(
+    c,
     S,
-    b,
+    p,
     n,
-    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;
+    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 = u.current) == null || c.call(u, void 0));
+      var i;
+      r && ((i = b.current) == null || i.call(b, void 0));
     };
-  }, [o, v, n]), Y = () => {
-    N(
-      H(i, S, b, n) ?? (n ? [] : void 0)
+  }, [l, v, n]), _ = () => {
+    A(
+      H(c, S, p, n) ?? (n ? [] : void 0)
     ), I("");
   };
   G(() => {
-    const e = H(i, S, b, n);
-    N(e ?? (n ? [] : void 0));
-    const t = J(
-      i,
+    const e = H(c, S, p, n);
+    A(e ?? (n ? [] : void 0));
+    const r = J(
+      c,
       S,
-      b,
+      p,
       n,
-      w
+      F
     );
-    (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]
+    (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 (G(() => {
-    if (!j) return;
-    if (!te({ display: B, hidden: M }, { filterKey: r, label: A, value: i })) {
-      j.unregister(r);
+    if (!M) return;
+    if (!se({ display: z, hidden: j }, { filterKey: t, label: x, value: c })) {
+      M.unregister(t);
       return;
     }
-    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
+    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
-      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) => {
+      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 = S !== void 0 && e === S;
-      let c;
-      p === e || t ? c = void 0 : c = e, N(c), f == null || f(c), R(!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);
     }
-  }, X = (e) => {
-    const t = p || [], c = t.some((y) => String(y) === String(e));
-    if (c && v != null && t.length <= v)
+  }, W = (e) => {
+    const r = u || [], i = r.some((N) => String(N) === String(e));
+    if (i && v != null && r.length <= v)
       return;
-    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, $ = x.length > 0 && Z === x.length, xe = Z > 0 && !$, _ = (e) => {
-    const t = k, c = x.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)), K = [...t];
-      for (const E of c)
-        C.has(String(E)) || (K.push(E), C.add(String(E)));
-      N(K);
+      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 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,
+    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: A,
-      active: oe || ye,
-      open: de,
-      onOpenChange: ue,
-      width: ge,
-      onConfirm: n ? Se : void 0,
-      onReset: n ? be : 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: [
-        ce && /* @__PURE__ */ g(
-          Pe,
+        le && /* @__PURE__ */ o(
+          Be,
           {
-            placeholder: `搜索${A}`,
+            placeholder: `搜索${x}`,
             allowClear: !0,
             size: "middle",
-            className: h("filter-select-search", a["filter-select-search"]),
+            className: g("filter-select-search", a["filter-select-search"]),
             value: T,
             onChange: (e) => I(e.target.value)
           }
         ),
-        z ? /* @__PURE__ */ g(
+        B ? /* @__PURE__ */ o(
           "div",
           {
-            className: h("filter-select-panel-extra", a["filter-select-panel-extra"]),
-            children: z
+            className: g("filter-select-panel-extra", a["filter-select-panel-extra"]),
+            children: B
           }
         ) : null,
-        /* @__PURE__ */ L("div", { className: h("filter-select-options", a["filter-select-options"]), children: [
-          n && x.length > 0 && /* @__PURE__ */ L(
+        /* @__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: h(
+              className: g(
                 "filter-select-option",
                 a["filter-select-option"],
                 "filter-select-select-all",
                 a["filter-select-select-all"]
               ),
-              onClick: () => _(!$),
+              onClick: () => V(!X),
               children: [
-                /* @__PURE__ */ g(
-                  V,
+                /* @__PURE__ */ o(
+                  te,
                   {
-                    checked: $,
-                    indeterminate: xe,
-                    onChange: (e) => _(e.target.checked),
+                    checked: X,
+                    indeterminate: Le,
+                    onChange: (e) => V(e.target.checked),
                     onClick: (e) => e.stopPropagation()
                   }
                 ),
-                /* @__PURE__ */ g("span", { children: "全选" })
+                /* @__PURE__ */ o("span", { children: "全选" })
               ]
             }
           ),
-          x.map((e) => /* @__PURE__ */ L(
+          y.map((e) => /* @__PURE__ */ C(
             "div",
             {
-              className: h(
+              className: g(
                 "filter-select-option",
                 a["filter-select-option"],
-                !n && p === e.value && h(
+                !n && u === e.value && g(
                   "filter-select-option-selected",
                   a["filter-select-option-selected"]
                 )
               ),
-              onClick: () => n ? X(e.value) : pe(e.value),
+              onClick: () => n ? W(e.value) : Ae(e.value),
               children: [
-                n && /* @__PURE__ */ g(
-                  V,
+                n && /* @__PURE__ */ o(
+                  te,
                   {
-                    checked: k.some((t) => String(t) === String(e.value)),
-                    onChange: () => X(e.value),
-                    onClick: (t) => t.stopPropagation()
+                    checked: L.some((r) => String(r) === String(e.value)),
+                    onChange: () => W(e.value),
+                    onClick: (r) => r.stopPropagation()
                   }
                 ),
-                F ? /* @__PURE__ */ g(Le, { option: e }) : /* @__PURE__ */ g("span", { children: e.label }),
-                !n && !F && p === e.value && /* @__PURE__ */ g(
-                  Ae,
+                w ? /* @__PURE__ */ o(Re, { option: e }) : /* @__PURE__ */ o("span", { children: e.label }),
+                !n && !w && u === e.value && /* @__PURE__ */ o(
+                  Fe,
                   {
-                    className: h(
+                    className: g(
                       "filter-select-option-check",
                       a["filter-select-option-check"]
                     )
@@ -274,51 +279,50 @@ const He = ({
               ]
             },
             String(e.value)
-          )),
-          x.length === 0 && /* @__PURE__ */ g("div", { className: h("filter-select-empty", a["filter-select-empty"]), children: "暂无数据" })
-        ] }),
-        n && k.length > 0 && /* @__PURE__ */ L(
+          ))
+        ] }) }),
+        n && L.length > 0 && /* @__PURE__ */ C(
           "div",
           {
-            className: h("filter-select-selected-bar", a["filter-select-selected-bar"]),
+            className: g("filter-select-selected-bar", a["filter-select-selected-bar"]),
             children: [
-              /* @__PURE__ */ g(
+              /* @__PURE__ */ o(
                 "div",
                 {
-                  className: h(
+                  className: g(
                     "filter-select-selected-label",
                     a["filter-select-selected-label"]
                   ),
                   children: "已选："
                 }
               ),
-              /* @__PURE__ */ g(
+              /* @__PURE__ */ o(
                 "div",
                 {
-                  className: h(
+                  className: g(
                     "filter-select-selected-tags",
                     a["filter-select-selected-tags"]
                   ),
-                  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(
+                  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: h(
+                        className: g(
                           "filter-select-selected-tag",
                           a["filter-select-selected-tag"],
-                          !c && a["filter-select-selected-tag-disabled"]
+                          !i && a["filter-select-selected-tag-disabled"]
                         ),
-                        onClick: () => c && X(e),
+                        onClick: () => i && W(e),
                         children: [
-                          (t == null ? void 0 : t.label) ?? String(e),
-                          /* @__PURE__ */ g(
-                            Ne,
+                          (r == null ? void 0 : r.label) ?? String(e),
+                          /* @__PURE__ */ o(
+                            we,
                             {
-                              className: h(
+                              className: g(
                                 "filter-select-selected-remove",
                                 a["filter-select-selected-remove"],
-                                !c && a["filter-select-selected-remove-disabled"]
+                                !i && a["filter-select-selected-remove-disabled"]
                               )
                             }
                           )
@@ -337,6 +341,6 @@ const He = ({
   );
 };
 export {
-  He as default
+  Ve as default
 };
 //# sourceMappingURL=index.js.map