@unicom-cloud/ui 0.8.90 → 0.8.91

package/cascader/panel/List.js

@@ -0,0 +1,278 @@
+import { jsx as d, Fragment as I, jsxs as K } from "react/jsx-runtime";
+import "../../dist/react-transition-group/src/CSSTransition.js";
+import "../../dist/react-transition-group/src/ReplaceTransition.js";
+import "../../dist/react-transition-group/src/SwitchTransition.js";
+import "../../dist/react-transition-group/chunk/CPfP7aNL.js";
+import z from "../../dist/react-transition-group/src/TransitionGroup.js";
+import H from "lodash/isEqualWith";
+import S from "lodash/isFunction";
+import G from "lodash/isString";
+import J, { useState as Q, useCallback as _, useEffect as M } from "react";
+import { getMultipleCheckValue as X } from "../util.js";
+import Y from "../../components/common/hooks/useForceUpdate.js";
+import Z from "../../components/common/hooks/useRefs.js";
+import ee from "../../components/common/hooks/useUpdateEffect.js";
+import { PqbCSSTransition as te } from "../../components/common/utils/PqbCSSTransition.js";
+import L from "@unicom-cloud/utils/class-name";
+import { on as le, off as R } from "../../components/common/utils/dom.js";
+import "../../components/common/utils/is.js";
+import { Enter as re, ArrowLeft as ie, ArrowRight as ae, ArrowUp as ne, ArrowDown as F, Esc as se } from "@unicom-cloud/utils/constant/keyboardCode";
+import ce from "../../virtual-list/VirtualList.js";
+import de from "./Option.js";
+import { isPlainObject as ue } from "@unicom-cloud/utils/is";
+const fe = (l) => {
+  for (let n = 0; n < l.length; n++)
+    if (!l[n].disabled)
+      return l[n];
+}, T = (l) => {
+  if (l && l.disabled) {
+    let n = l;
+    for (; n.parent && n.parent.disabled; )
+      n = n.parent;
+    return n;
+  }
+  return l;
+}, U = (l, n) => l < 0 ? n : l > n ? 0 : l, _e = (l) => {
+  var P;
+  const [n, W] = Z(), C = Y(), {
+    store: u,
+    prefixCls: s,
+    value: x,
+    multiple: f,
+    renderFooter: $,
+    renderOption: A,
+    showEmptyChildren: j,
+    loadMore: E,
+    renderEmpty: v,
+    rtl: V,
+    icons: B
+  } = l, [a, k] = Q(
+    u.findNodeByValue(x && x[x.length - 1]) || null
+  ), g = u.getOptions(), O = (e) => {
+    var r;
+    (r = l.onChange) == null || r.call(l, e);
+  }, N = async (e) => {
+    if (!e.isLeaf && S(E) && !e.children) {
+      e.setLoading(!0), C();
+      try {
+        const r = await E(
+          e.pathValue,
+          e.pathValue.length
+        );
+        u.appendOptionChildren(e, r), u.setNodeCheckedByValue(l.value);
+      } catch (r) {
+        console.error(r);
+      }
+      e.setLoading(!1), C();
+    }
+  }, b = async (e, r = !0) => {
+    !e || e.disabled || (k(e), N(e), !f && r && (l.changeOnSelect || e.isLeaf) && O([e.pathValue]));
+  }, p = (e, r) => {
+    const i = X(l.value, u, e, r);
+    e === a && C(), k(e), l.changeOnSelect || N(e), O(i);
+  }, D = _(
+    (e = a) => {
+      var i;
+      let r = e;
+      for (; r; )
+        (i = n[r._level]) == null || i.scrollTo({
+          index: r._index,
+          options: { block: "nearest" }
+        }), r = r._level < 1 ? null : r.parent;
+    },
+    [a]
+  ), w = _(
+    (e) => {
+      var t;
+      const r = e.key;
+      let i;
+      switch (r) {
+        case se.key: {
+          e.preventDefault(), (t = l.onEsc) == null || t.call(l);
+          break;
+        }
+        case F.key:
+        case ne.key: {
+          if (!a)
+            i = fe(g);
+          else {
+            const c = T(a), o = c.parent && c.parent.children || g, m = r === F.key ? 1 : -1;
+            let h = U(
+              c._index + m,
+              o.length - 1
+            );
+            for (; h !== c._index && (i = o[h], i.disabled); )
+              h = U(h + m, o.length - 1);
+          }
+          return D(i), b(i, !1), e.preventDefault(), !1;
+        }
+        case ae.key:
+          return a && !a.disabled && (i = (a.children || [])[0] || a, b(i, !1)), e.preventDefault(), !1;
+        case ie.key: {
+          if (a) {
+            const c = T(a);
+            i = c.parent || c;
+          }
+          return b(i, !1), e.preventDefault(), !1;
+        }
+        case re.key:
+          return a && (f ? p(a, !a._checked) : b(a)), e.preventDefault(), !1;
+      }
+    },
+    [a]
+  );
+  ee(() => {
+    k((e) => {
+      let r;
+      if (e && e.pathValue && e.pathValue.length) {
+        const i = e.pathValue;
+        let t = { children: g };
+        i.map((c) => {
+          const m = (t.children || []).find((h) => h.value === c);
+          m && (t = m, r = m);
+        });
+      }
+      return r;
+    });
+  }, [u]), M(() => {
+    l.popupVisible && g.length && setTimeout(D);
+  }, [l.popupVisible]), M(() => {
+    const e = l.getTriggerElement();
+    if (e)
+      return l.popupVisible ? le(e, "keydown", w) : R(e, "keydown", w), () => {
+        R(e, "keydown", w);
+      };
+  }, [l.popupVisible, w]);
+  const y = (() => {
+    const e = [g];
+    return (a ? a.getPathNodes() : []).forEach((i) => {
+      i && i.children && e.push(i.children);
+    }), e;
+  })(), q = S(l.dropdownColumnRender) ? l.dropdownColumnRender : (e) => e;
+  return !y.length || !((P = y[0]) != null && P.length) ? /* @__PURE__ */ d(I, { children: v() }) : /* @__PURE__ */ d(z, { component: J.Fragment, children: y.map((e, r) => {
+    const i = $ ? $(r, a || null) : null;
+    return e.length === 0 && !j ? null : /* @__PURE__ */ d(
+      te,
+      {
+        timeout: {
+          enter: 300,
+          exit: 0
+        },
+        classNames: "cascaderSlide",
+        onEnter: (t) => {
+          t && (t.style.marginLeft = `-${t.scrollWidth}px`);
+        },
+        onEntering: (t) => {
+          t && (t.style.marginLeft = "0px");
+        },
+        onEntered: (t) => {
+          t && (t.style.marginLeft = "");
+        },
+        children: /* @__PURE__ */ d(
+          "div",
+          {
+            className: L(`${s}-list-column`, {
+              [`${s}-list-column-virtual`]: l.virtualListProps && l.virtualListProps.threshold !== null,
+              [`${s}-list-column-rtl`]: V
+            }),
+            style: {
+              zIndex: y.length - r,
+              ...l.dropdownMenuColumnStyle
+            },
+            children: q(
+              /* @__PURE__ */ K(
+                "div",
+                {
+                  className: L(`${s}-list-wrapper`, {
+                    [`${s}-list-wrapper-with-footer`]: i !== null
+                  }),
+                  children: [
+                    e.length === 0 ? v == null ? void 0 : v(l.virtualListProps ? "100%" : 120) : /* @__PURE__ */ d(
+                      ce,
+                      {
+                        needFiller: !1,
+                        threshold: l.virtualListProps ? 100 : null,
+                        data: e,
+                        isStaticItemHeight: !0,
+                        itemKey: "value",
+                        ...ue(l.virtualListProps) ? l.virtualListProps : {},
+                        wrapper: "ul",
+                        role: "menu",
+                        ref: (t) => W(t, r),
+                        className: L(
+                          `${s}-list`,
+                          `${s}-list-select`,
+                          {
+                            [`${s}-list-multiple`]: f,
+                            [`${s}-list-rtl`]: V
+                          }
+                        ),
+                        children: (t) => {
+                          let c = !1;
+                          return a && (c = a.pathValue[r] === t.value), /* @__PURE__ */ d(
+                            "li",
+                            {
+                              tabIndex: 0,
+                              role: "menuitem",
+                              "aria-haspopup": !t.isLeaf,
+                              "aria-expanded": c && !t.isLeaf,
+                              "aria-disabled": t.disabled,
+                              title: G(t.label) ? t.label : void 0,
+                              className: L(`${s}-list-item`, {
+                                [`${s}-list-item-active`]: c,
+                                [`${s}-list-item-disabled`]: t.disabled
+                              }),
+                              children: /* @__PURE__ */ d(
+                                de,
+                                {
+                                  prefixCls: s,
+                                  rtl: V,
+                                  multiple: f,
+                                  option: t,
+                                  selected: !f && t.isLeaf && H(l.value, t.pathValue),
+                                  icons: B,
+                                  onMouseEnter: () => {
+                                    t.disabled || l.expandTrigger === "hover" && (k(t), !t.isLeaf && N(t));
+                                  },
+                                  renderOption: A && (() => A(t._data, r)),
+                                  onClickOption: () => {
+                                    t.isLeaf && f && !t.disableCheckbox ? p(t, !t._checked) : b(t);
+                                  },
+                                  onMultipleChecked: (o) => {
+                                    p(t, o);
+                                  },
+                                  onDoubleClickOption: l.onDoubleClickOption
+                                }
+                              )
+                            },
+                            t.value
+                          );
+                        }
+                      }
+                    ),
+                    i && /* @__PURE__ */ d(
+                      "div",
+                      {
+                        className: `${s}-list-footer`,
+                        onMouseDown: (t) => {
+                          t.stopPropagation();
+                        },
+                        children: i
+                      }
+                    )
+                  ]
+                }
+              ),
+              r
+            )
+          }
+        )
+      },
+      r
+    );
+  }) });
+};
+export {
+  _e as default,
+  U as getLegalIndex
+};

package/cascader/panel/Option.js

@@ -0,0 +1,33 @@
+import { jsxs as c, Fragment as s, jsx as b } from "react/jsx-runtime";
+import h from "../../checkbox/Checkbox.js";
+const C = (i) => {
+  const { prefixCls: d, multiple: o, option: e, renderOption: l, selected: a, icons: n } = i, t = e.disabled || o && e.disableCheckbox;
+  return /* @__PURE__ */ c(s, { children: [
+    o ? /* @__PURE__ */ b(
+      h,
+      {
+        disabled: t,
+        checked: e._checked,
+        indeterminate: e._halfChecked,
+        onChange: i.onMultipleChecked,
+        value: e.value
+      }
+    ) : "",
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: `${d}-list-item-label`,
+        onClick: e.disabled ? void 0 : i.onClickOption,
+        onMouseEnter: i.onMouseEnter,
+        onDoubleClick: t ? void 0 : i.onDoubleClickOption,
+        children: [
+          l ? l() : e.label,
+          e.isLeaf ? a && n.checked : e.loading ? n.loading : n.next
+        ]
+      }
+    )
+  ] });
+};
+export {
+  C as default
+};

package/cascader/panel/Search.js

@@ -0,0 +1,169 @@
+import { jsx as h, jsxs as N, Fragment as w } from "react/jsx-runtime";
+import B from "../../dist/scroll-into-view-if-needed/src/index.js";
+import D from "lodash/isEqualWith";
+import O from "lodash/isFunction";
+import L from "lodash/isString";
+import { useState as P, useRef as E, useEffect as F } from "react";
+import { getMultipleCheckValue as K } from "../util.js";
+import q from "../../checkbox/Checkbox.js";
+import T from "../../components/common/hooks/useIsFirstRender.js";
+import M from "../../components/common/hooks/useUpdateEffect.js";
+import S from "@unicom-cloud/utils/class-name";
+import { on as W, off as z } from "../../components/common/utils/dom.js";
+import "../../components/common/utils/is.js";
+import { Enter as G, ArrowUp as J, ArrowDown as A, Esc as Q } from "@unicom-cloud/utils/constant/keyboardCode";
+import X from "../../virtual-list/VirtualList.js";
+import { isPlainObject as Y } from "@unicom-cloud/utils/is";
+const H = (t, r) => t < 0 ? r : t > r ? 0 : t, Z = (t, r, s) => {
+  let b = r;
+  if (L(r)) {
+    const o = r.toUpperCase().indexOf(t.toUpperCase());
+    if (o > -1) {
+      const m = r.substring(0, o + 1), g = r.substring(o + t.length);
+      b = /* @__PURE__ */ N(w, { children: [
+        m,
+        /* @__PURE__ */ h("span", { className: `${s}-highlight`, children: r.substring(o, t.length + 1) }),
+        g
+      ] });
+    }
+  }
+  return b;
+}, ge = (t) => {
+  const {
+    store: r,
+    prefixCls: s,
+    multiple: b,
+    onChange: o,
+    inputValue: m,
+    renderEmpty: g,
+    style: U,
+    defaultActiveFirstOption: $,
+    rtl: V,
+    icons: _
+  } = t, x = t.value || [], [c, j] = P(
+    r.searchNodeByLabel(m) || []
+  ), k = E(), v = E(), I = T(), [p, y] = P(
+    $ ? 0 : -1
+  ), C = (e, n, d) => {
+    if (d.stopPropagation(), !e.disabled)
+      if (b) {
+        const u = K(
+          t.value,
+          r,
+          e,
+          n
+        );
+        o == null || o(u);
+      } else
+        o == null || o([e.pathValue]);
+  };
+  return M(() => {
+    j(r.searchNodeByLabel(m));
+  }, [m, r]), M(() => {
+    y((e) => e > c.length - 1 ? $ ? 0 : -1 : e);
+  }, [c]), F(() => {
+    const e = t.getTriggerElement();
+    if (!e)
+      return;
+    const n = (d) => {
+      var a;
+      d.stopPropagation();
+      const u = d.key;
+      switch (u) {
+        case Q.key:
+          return (a = t.onEsc) == null || a.call(t), !1;
+        case A.key:
+        case J.key: {
+          v.current = !0;
+          const f = A.key === u ? 1 : -1;
+          let i = H(
+            p + f,
+            c.length - 1
+          );
+          for (; i !== p && c[i].disabled; )
+            i = H(i + f, c.length - 1);
+          return y(i), !1;
+        }
+        case G.key: {
+          const f = c[p];
+          if (f) {
+            const i = x.some((l) => D(l, f.pathValue));
+            C(f, !i, d);
+          }
+          return !1;
+        }
+      }
+    };
+    return W(e, "keydown", n), () => {
+      z(e, "keydown", n);
+    };
+  }, [c, p, x]), F(() => {
+    var n;
+    const e = k.current;
+    e && (v.current || I) && B(e, {
+      behavior: "auto",
+      block: "nearest",
+      scrollMode: "if-needed",
+      boundary: (n = e.parentNode) == null ? void 0 : n.parentNode
+    });
+  }, [p, c]), k.current = null, c.length ? /* @__PURE__ */ h("div", { className: `${s}-list-wrapper`, children: /* @__PURE__ */ h(
+    X,
+    {
+      needFiller: !1,
+      wrapper: "ul",
+      role: "menu",
+      style: U,
+      data: c,
+      isStaticItemHeight: !0,
+      threshold: t.virtualListProps ? 100 : null,
+      ...Y(t.virtualListProps) ? t.virtualListProps : {},
+      onMouseMove: () => {
+        v.current = !1;
+      },
+      className: S(`${s}-list`, `${s}-list-search`, {
+        [`${s}-list-multiple`]: b,
+        [`${s}-list-rtl`]: V
+      }),
+      children: (e, n) => {
+        const d = e.getPathNodes(), u = d.map((l, R, ee) => /* @__PURE__ */ N("span", { children: [
+          l.label,
+          d.length === R + 1 ? "" : " / "
+        ] }, `${l.label}_${l._level}`)), a = e._checked, f = { checked: a }, i = O(t.renderOption) ? t.renderOption(m, e._data, f) : Z(m, u, s);
+        return /* @__PURE__ */ h(
+          "li",
+          {
+            title: L(i) ? i : L(u) ? u : void 0,
+            role: "menuitem",
+            "aria-disabled": e.disabled,
+            ref: (l) => {
+              n === p && (k.current = l), a && !k.current && (k.current = l);
+            },
+            className: S(`${s}-list-search-item`, {
+              [`${s}-list-search-item-active`]: a,
+              [`${s}-list-search-item-hover`]: n === p,
+              [`${s}-list-search-item-disabled`]: e.disabled
+            }),
+            onClick: (l) => {
+              C(e, !a, l);
+            },
+            onMouseEnter: () => {
+              !v.current && !e.disabled && y(n);
+            },
+            onMouseLeave: () => {
+              !v.current && !e.disabled && y($ ? 0 : -1);
+            },
+            children: /* @__PURE__ */ h("div", { className: `${s}-list-item-label`, children: O(t.renderOption) ? i : b ? /* @__PURE__ */ h(q, { checked: a, disabled: e.disabled, children: i }) : /* @__PURE__ */ N(w, { children: [
+              i,
+              a && /* @__PURE__ */ h("span", { className: `${s}-check-icon`, children: _.checked })
+            ] }) })
+          },
+          n
+        );
+      }
+    }
+  ) }) : /* @__PURE__ */ h(w, { children: g == null ? void 0 : g() });
+};
+export {
+  ge as default,
+  H as getLegalIndex
+};

package/cascader/util.js

@@ -1,14 +1,66 @@
-import { J as s, I as t, H as o, V as r, Y as l, K as u, Z as S, Q as V, X as m, U as f, W as g } from "../chunk/BbQEqpOn.js";
+import k from "./base/store.js";
+const a = "__pqb_cascader__", y = "parent", O = "child", j = {
+  cascader: "cascader",
+  select: "select"
+};
+function C(e) {
+  return {
+    showEmptyChildren: e.showEmptyChildren,
+    changeOnSelect: e.changeOnSelect,
+    lazyload: !!e.loadMore,
+    fieldNames: e.fieldNames,
+    filterOption: e.filterOption,
+    showParent: e.mode === "multiple" && !e.changeOnSelect && e.checkedStrategy === y
+  };
+}
+function A(e, t) {
+  const n = t ? Array.isArray(t[0]) ? t : [t] : [];
+  return new k(e.options || [], n, C(e));
+}
+const V = (e) => (e || []).reduce((c, s) => (c.add([].concat(s).join(a)), c), /* @__PURE__ */ new Set()), i = (e, t) => {
+  const n = t || [];
+  return e.has(n.join(a));
+}, v = (e, t) => {
+  const n = t || [];
+  return e.delete(n.join(a));
+}, E = (e, t, n) => {
+  let c = [];
+  if (e === void 0 ? c = [] : t ? c = e : c = [e], n && n.config.showParent) {
+    const s = n.getCheckedNodes(), h = V(
+      s.map((o) => o.pathValue)
+    ), f = [], l = {};
+    return c.map((o, S, r) => {
+      o.some((u, m, g) => {
+        const d = g.slice(0, m + 1), _ = i(h, d);
+        return _ && !l[d.join(a)] && (f.push(d), l[d.join(a)] = 1), _;
+      });
+    }), f;
+  }
+  return c;
+}, N = (e) => {
+  const t = (n) => Array.isArray(n) ? n.every((c) => c._checked || c.disabled ? !0 : t(c.children)) : !1;
+  return e._halfChecked && t(e == null ? void 0 : e.children);
+}, P = (e, t, n, c) => {
+  const s = c && N(n) ? !1 : c, h = t.getCheckedNodes().reduce((r, u) => (r.add(u.pathValue.join(a)), r), /* @__PURE__ */ new Set());
+  n.setCheckedState(s);
+  const l = t.getCheckedNodes().map((r) => r.pathValue), o = V(l), S = /* @__PURE__ */ new Set();
+  return e.filter((r, u, m) => {
+    if (!i(h, r) || i(o, r))
+      return S.add(r.join(a)), !0;
+  }).concat(
+    l.filter((r, u, m) => !i(S, r))
+  );
+};
 export {
-  s as PANEL_MODE,
-  t as SHOW_CHILD,
-  o as SHOW_PARENT,
-  r as ValueSeparator,
-  l as formatValue,
-  u as getConfig,
-  S as getMultipleCheckValue,
-  V as getStore,
-  m as removeValueFromSet,
-  f as transformValuesToSet,
-  g as valueInSet
+  j as PANEL_MODE,
+  O as SHOW_CHILD,
+  y as SHOW_PARENT,
+  a as ValueSeparator,
+  E as formatValue,
+  C as getConfig,
+  P as getMultipleCheckValue,
+  A as getStore,
+  v as removeValueFromSet,
+  V as transformValuesToSet,
+  i as valueInSet
 };