@unicom-cloud/ui 0.8.44 → 0.8.46

package/select/OptGroup.js

@@ -0,0 +1,20 @@
+import { jsx as i } from "react/jsx-runtime";
+import l from "react";
+import n from "../utils/omit.js";
+function s(r, t) {
+  const { prefixCls: o, label: e, ...p } = r;
+  return /* @__PURE__ */ i(
+    "li",
+    {
+      ref: t,
+      className: `${o}-group-title`,
+      ...n(p, ["_key", "children", "isSelectOptGroup"]),
+      children: e
+    }
+  );
+}
+const c = l.forwardRef(s), f = c;
+f.__PQB_SELECT_OPTGROUP__ = !0;
+export {
+  f as default
+};

package/select/Option.js

@@ -0,0 +1,97 @@
+import { jsxs as j, jsx as f } from "react/jsx-runtime";
+import y from "react";
+/* empty css                  */
+/* empty css                           */
+import E from "../checkbox/Checkbox.js";
+import v from "@unicom-cloud/utils/class-name";
+import L from "../utils/omit.js";
+function P(l, N) {
+  const {
+    style: _,
+    className: b,
+    wrapperClassName: k,
+    disabled: a,
+    prefixCls: e,
+    rtl: x,
+    value: h,
+    children: C,
+    _isMultipleMode: $,
+    _isUserCreatedOption: w,
+    _isUserCreatingOption: g,
+    _valueActive: M,
+    _valueSelect: O,
+    _onMouseEnter: c,
+    _onMouseLeave: d,
+    _onClick: m,
+    ...o
+  } = l, n = "value" in l ? h : `${C}`, i = "children" in l ? C : `${h}`, s = $ ? O.indexOf(n) !== -1 : O === n, u = {
+    style: _,
+    className: v(
+      `${e}-option`,
+      {
+        [`${e}-option-selected`]: s,
+        [`${e}-option-disabled`]: a,
+        [`${e}-option-hover`]: n === M,
+        [`${e}-option-empty`]: !i && i !== 0 || typeof i == "string" && /^\s*$/.test(i),
+        [`${e}-option-rtl`]: x
+      },
+      b
+    ),
+    onMouseEnter: (r) => {
+      var t;
+      c == null || c(n), (t = o.onMouseEnter) == null || t.call(o, r);
+    },
+    onMouseLeave: (r) => {
+      var t;
+      d == null || d(), (t = o.onMouseLeave) == null || t.call(o, r);
+    },
+    onClick: (r) => {
+      var t;
+      m == null || m(n, a), (t = o.onClick) == null || t.call(o, r);
+    },
+    ...L(o, [
+      "_key",
+      "extra",
+      "isSelectOption",
+      "onClick",
+      "onMouseEnter",
+      "onMouseLeave"
+    ])
+  }, p = {
+    ref: N,
+    role: "option",
+    "aria-selected": s
+  };
+  return w && Object.assign(p, { "data-user-created": !0 }), g && Object.assign(p, { "data-user-creating": !0 }), $ ? /* @__PURE__ */ j(
+    "li",
+    {
+      ...p,
+      className: v(
+        `${e}-option-wrapper`,
+        {
+          [`${e}-option-wrapper-selected`]: s,
+          [`${e}-option-wrapper-disabled`]: a
+        },
+        k
+      ),
+      children: [
+        /* @__PURE__ */ f(
+          E,
+          {
+            "aria-hidden": "true",
+            className: `${e}-checkbox`,
+            checked: s,
+            disabled: a,
+            onChange: u.onClick
+          }
+        ),
+        /* @__PURE__ */ f("span", { ...u, children: i })
+      ]
+    }
+  ) : /* @__PURE__ */ f("li", { ...p, ...u, children: i });
+}
+const R = y.forwardRef(P), S = R;
+S.__PQB_SELECT_OPTION__ = !0;
+export {
+  S as default
+};

package/select/Select.js

@@ -0,0 +1,544 @@
+import { jsx as w, jsxs as mt, Fragment as gt } from "react/jsx-runtime";
+import U from "lodash/isArray";
+import ht from "lodash/isFunction";
+import yt, { useContext as Ct, useState as W, useMemo as Pe, useRef as v, useCallback as pe, useEffect as V, useImperativeHandle as Ot } from "react";
+/* empty css                  */
+/* empty css                           */
+import bt from "../checkbox/Checkbox.js";
+import "../config-provider/ConfigProvider.js";
+import vt from "../hooks/useId.js";
+import Vt from "../hooks/useMergeProps.js";
+import De from "../hooks/useMergeValue.js";
+import xt from "../SelectView.js";
+import kt from "../Trigger.js";
+import fe from "@unicom-cloud/utils/class-name";
+import wt from "../utils/getHotkeyHandler.js";
+import { isObject as b } from "../utils/is.js";
+import { Esc as At, Enter as Re, Tab as He, ArrowUp as St, ArrowDown as It } from "../utils/keyCode.js";
+import _t from "../utils/omit.js";
+import Et from "../utils/warning.js";
+/* empty css                               */
+import Ft from "../virtual-list/VirtualList.js";
+import Mt from "./OptGroup.js";
+import Nt from "./Option.js";
+import { getValidValue as $e, flatChildren as Tt, isEmpty as de, preventDefaultEvent as Lt, isSelectOptGroup as Ut, isSelectOption as Pt } from "./util.js";
+import { ConfigContext as Dt } from "../config-provider/context.js";
+const Ge = "userCreatingOption", Rt = {
+  trigger: "click",
+  bordered: !0,
+  filterOption: !0,
+  unmountOnExit: !0,
+  defaultActiveFirstOption: !0
+}, Ht = { bottom: 4 };
+function $t(je, Ke) {
+  var Te;
+  const { getPrefixCls: We, renderEmpty: qe, componentConfig: q, rtl: ge } = Ct(Dt), u = Vt(
+    je,
+    Rt,
+    q == null ? void 0 : q.Select
+  ), {
+    children: he,
+    renderFormat: ye,
+    defaultActiveFirstOption: Ce,
+    disabled: Be,
+    unmountOnExit: Je,
+    notFoundContent: Qe,
+    showSearch: Oe,
+    tokenSeparators: B,
+    options: be,
+    filterOption: ve,
+    labelInValue: P,
+    getPopupContainer: Xe,
+    trigger: Ye,
+    triggerElement: J,
+    triggerProps: c,
+    dropdownRender: Ve,
+    dropdownMenuStyle: xe,
+    dropdownMenuClassName: ke,
+    virtualListProps: D,
+    // events
+    onChange: we,
+    onSelect: Ze,
+    onDeselect: ze,
+    onClear: Q,
+    onSearch: X,
+    onFocus: et,
+    onBlur: Y,
+    onPopupScroll: Z,
+    onVisibleChange: z,
+    onInputValueChange: ee,
+    onPaste: te,
+    onKeyDown: ne
+  } = u;
+  let { mode: re, allowCreate: d } = u;
+  re === "tags" && (re = "multiple", d = !0, Et(
+    !0,
+    `[Pqb Select] The 'tags' mode will be removed in the next major version, please use {mode: "multiple", allowCreate: true} instead.`
+  ));
+  const m = We("select"), p = re === "multiple", [tt, oe] = W(
+    $e(u.defaultValue, p, P)
+  ), o = "value" in u ? $e(u.value, p, P) : tt, [g, nt, rt] = De("", {
+    value: "inputValue" in u ? u.inputValue || "" : void 0
+  }), [y, ot] = De(!1, {
+    defaultValue: u.defaultPopupVisible,
+    value: "popupVisible" in u ? u.popupVisible : c && "popupVisible" in c ? c.popupVisible : void 0
+  }), [M, it] = W(null), [N, lt] = W([]), [O, E] = W(
+    U(o) ? o[0] : o
+  ), {
+    childrenList: ie,
+    optionInfoMap: a,
+    optionValueList: x,
+    optionIndexListForArrowKey: A,
+    hasOptGroup: st,
+    hasComplexLabelInOptions: at
+  } = Pe(() => Tt(
+    { children: he, options: be, filterOption: ve },
+    {
+      prefixCls: m,
+      inputValue: g,
+      userCreatedOptions: N,
+      userCreatingOption: M
+    }
+  ), [
+    he,
+    be,
+    ve,
+    g,
+    M,
+    N
+  ]), le = v(null), Ae = v(null), h = v(null), S = v([]), k = v(null), Se = v(g), se = v(null), R = v(0), ae = v(!1), Ie = vt(`${m}-popup-`), H = de(o, p), _e = Pe(() => {
+    var e, t;
+    if (Ce) {
+      const r = U(o) ? o[0] : o, n = !H && ((e = a.get(r)) == null ? void 0 : e._valid), l = ((t = a == null ? void 0 : a.get(x[0])) == null ? void 0 : t._origin) === Ge;
+      return n && !l ? r : x[A[0]];
+    }
+  }, [
+    o,
+    a,
+    x,
+    A,
+    Ce,
+    H
+  ]), $ = pe(
+    (e, t) => {
+      var n;
+      const r = a.get(e);
+      le.current && ((n = r == null ? void 0 : r.child) != null && n.props) && le.current.scrollTo({
+        key: r.child.props._key,
+        options: t
+      });
+    },
+    [a]
+  ), G = pe(
+    (e, t = !1) => b(d) && typeof (d == null ? void 0 : d.formatter) == "function" ? d.formatter(e, t) : e,
+    [d]
+  ), I = (e, t) => {
+    (e !== Se.current || t !== se.current) && (nt(e), Se.current = e, se.current = t, ee == null || ee(e, t));
+  }, F = (e) => {
+    var t;
+    y !== e && (ot(e), z == null || z(e), c && ((t = c.onVisibleChange) == null || t.call(c, e)));
+  };
+  V(() => {
+    p ? Array.isArray(o) || oe(o === void 0 ? [] : [o]) : Array.isArray(o) && oe(o.length === 0 ? void 0 : o[0]);
+  }, [p, o]), V(() => {
+    if (y) {
+      E(_e);
+      const e = U(o) ? o[0] : o;
+      !H && a.has(e) && setTimeout(() => $(e));
+    }
+  }, [y]), V(() => {
+    (k.current === "up" || k.current === "down") && ($(O), k.current = "none");
+  }, [O]), V(() => {
+    E(_e);
+  }, [JSON.stringify(ie.map((e) => {
+    var t;
+    return (t = e == null ? void 0 : e.props) == null ? void 0 : t.value;
+  }))]), V(() => {
+    S.current = S.current.filter((e) => p ? U(o) && o.indexOf(e.value) > -1 : e.value === o);
+  }, [o, p]), V(() => {
+    if (d) {
+      let e;
+      if (de(o, p))
+        e = [];
+      else {
+        const r = Array.isArray(o) ? o : [o], n = r.filter((i) => {
+          var C;
+          const f = a.get(i) || ((C = S.current.find((s) => s.value === i)) == null ? void 0 : C.option);
+          return !f || f._origin === Ge;
+        }).map((i) => G(i));
+        e = N.filter((i) => {
+          const f = b(i) ? i.value : i;
+          return r.indexOf(f) !== -1;
+        }).concat(
+          n
+        );
+      }
+      const t = (r) => r.map((n) => b(n) ? n.value : n).toString();
+      t(e) !== t(N) && lt(e);
+    }
+  }, [o, d, p, G]), V(() => {
+    d && it(
+      g && !a.has(g) ? G(g, !0) : null
+    );
+  }, [g, G]), V(() => {
+    const { current: e } = se;
+    rt === g && (e === "manual" || e === "optionListHide") && (X == null || X(g, e));
+  }, [g]);
+  const T = pe(
+    (e) => {
+      const t = a.get(e);
+      if (t) {
+        const n = S.current.findIndex(
+          (l) => l.value === e
+        );
+        return n > -1 ? S.current.splice(n, 1, { value: e, option: t }) : S.current.push({ value: e, option: t }), t;
+      }
+      const r = S.current.find((n) => n.value === e);
+      return r && r.option;
+    },
+    [a]
+  ), Ee = (e) => {
+    if (!A.length)
+      return;
+    if (O === void 0 || !a.has(O))
+      return x[A[0]];
+    const r = a.get(O)._index, n = A.indexOf(r), l = A.length;
+    return x[A[((e === "up" ? n - 1 : n + 1) + l) % l]];
+  }, j = (e, t = de(e, p)) => {
+    let r = e;
+    const n = e === void 0 ? void 0 : Array.isArray(e) ? e.map(T) : T(e);
+    if (P && !t) {
+      const l = (i, f) => {
+        if (f)
+          return f.children;
+        const C = "value" in u ? u.value : "defaultValue" in u ? u.defaultValue : null;
+        if (Array.isArray(C)) {
+          for (const s of C)
+            if (b(s) && s.value === i)
+              return s.label;
+        } else if (b(C) && C.value === i)
+          return C.label;
+      };
+      Array.isArray(e) ? r = e.map((i, f) => ({
+        value: i,
+        label: l(i, n[f])
+      })) : r = {
+        value: e,
+        label: l(e, n)
+      };
+    }
+    return { option: n, value: r };
+  }, _ = (e) => {
+    if (oe(e), we) {
+      const t = j(e);
+      we(t.value, t.option);
+    }
+  }, Fe = (e, t) => {
+    if (t === "remove" || t === "add" && a.get(e)) {
+      const r = t === "add" ? o.concat(e) : o.filter((l) => l !== e), n = t === "add" ? Ze : ze;
+      if (_(r), typeof n == "function") {
+        const l = j(
+          e,
+          !1
+        );
+        n(
+          l.value,
+          l.option
+        );
+      }
+    }
+  }, Me = (e, t) => {
+    t || (p ? (Fe(
+      e,
+      o.indexOf(e) === -1 ? "add" : "remove"
+    ), (!b(Oe) || !Oe.retainInputValueWhileSelect) && I("", "optionChecked")) : (e !== o && _(e), setTimeout(() => {
+      F(!1);
+    })));
+  }, K = wt(
+    /* @__PURE__ */ new Map([
+      [At.key, () => F(!1)],
+      [
+        Re.key,
+        () => {
+          if (y) {
+            const e = a.get(O);
+            e && Me(O, e.disabled);
+          } else
+            F(!0);
+        }
+      ],
+      [
+        He.key,
+        // 按tab键切换，关闭开启的弹出框
+        () => F(!1)
+      ],
+      [
+        St.key,
+        () => {
+          if (y)
+            return k.current = "up", E(Ee("up")), !1;
+        }
+      ],
+      [
+        It.key,
+        () => {
+          if (y)
+            return k.current = "down", E(Ee("down")), !1;
+        }
+      ]
+    ])
+  ), ut = () => {
+    var f, C;
+    const e = (c == null ? void 0 : c.autoAlignPopupWidth) === !1 && (!((f = c == null ? void 0 : c.style) != null && f.width) || ((C = c == null ? void 0 : c.style) == null ? void 0 : C.width) === "auto"), t = e && at, r = "notFoundContent" in u ? Qe : qe("Select"), n = ie.length ? /* @__PURE__ */ w(
+      Ft,
+      {
+        id: Ie,
+        role: "listbox",
+        style: xe,
+        className: fe(`${m}-popup-inner`, ke),
+        ref: le,
+        data: ie,
+        height: null,
+        isStaticItemHeight: !st,
+        measureLongestItem: e,
+        itemKey: (s) => s.props._key,
+        onMouseDown: Lt,
+        onMouseMove: () => {
+          k.current = null;
+        },
+        onScroll: (s) => Z == null ? void 0 : Z(s.target),
+        ...D,
+        threshold: t ? null : D == null ? void 0 : D.threshold,
+        children: (s) => {
+          var Le;
+          if (Ut(s))
+            return /* @__PURE__ */ w(s.type, { ...s.props, prefixCls: m });
+          if (Pt(s)) {
+            const Ue = (Le = s.props) == null ? void 0 : Le.value, pt = b(M) ? M.value : M, ft = N.map(
+              (L) => b(L) ? L.value : L
+            ), dt = {
+              prefixCls: m,
+              rtl: ge,
+              _valueActive: O,
+              _valueSelect: o,
+              _isMultipleMode: p,
+              _isUserCreatingOption: d && pt === Ue,
+              _isUserCreatedOption: d && ft.indexOf(Ue) > -1,
+              _onClick: Me,
+              _onMouseEnter: (L) => {
+                k.current === null && E(L);
+              },
+              _onMouseLeave: () => {
+                k.current === null && E(void 0);
+              }
+            };
+            return s && /* @__PURE__ */ w(s.type, { ...s.props, ...dt });
+          }
+          return s;
+        }
+      }
+    ) : null, i = r && !(d && g) ? /* @__PURE__ */ w(
+      "div",
+      {
+        style: xe,
+        className: fe(`${m}-popup-inner`, ke),
+        children: r
+      }
+    ) : null;
+    return /* @__PURE__ */ mt(
+      "div",
+      {
+        className: fe(`${m}-popup`, {
+          [`${m}-popup-hidden`]: n === null && i === null,
+          [`${m}-popup-multiple`]: p
+        }),
+        tabIndex: -1,
+        onKeyDown: (s) => K(s),
+        children: [
+          !!p && !!n && // 潘启宝新增
+          /* @__PURE__ */ w(gt, { children: /* @__PURE__ */ w(
+            bt,
+            {
+              "aria-hidden": "true",
+              className: `${m}-checkbox ${m}-checkbox-all`,
+              checked: x.length === o.length,
+              indeterminate: x.length !== o.length && o.length !== 0,
+              onChange: (s) => {
+                _(s ? [...x] : []);
+              },
+              children: "全选"
+            }
+          ) }),
+          typeof Ve == "function" ? Ve(n || i) : n || i
+        ]
+      }
+    );
+  }, ue = (e) => {
+    if (R.current = null, p && U(B) && B.length) {
+      const t = e.split(new RegExp(`[${B.join("")}]`));
+      if (t.length > 1) {
+        R.current = Date.now();
+        const r = t.filter(
+          (i, f) => i && t.indexOf(i) === f
+        ), n = o.slice(0);
+        let l = !1;
+        r.forEach((i) => {
+          n.indexOf(i) === -1 && (d || a.get(i)) && (n.push(i), l = !0);
+        }), l && _(n);
+      }
+    }
+    return !!R.current;
+  }, ct = {
+    onFocus: et,
+    onBlur: (e) => {
+      Y == null || Y(e), !y && !ae.current && I("", "optionListHide");
+    },
+    onKeyDown: (e) => {
+      if (e.target.tagName === "INPUT" && e.target.value) {
+        const t = e.key === He.key, r = e.key === Re.key;
+        if (r || t) {
+          const n = r ? `
+` : t ? "	" : "";
+          ue(e.target.value + n) && I("", "tokenSeparator");
+        }
+      }
+      K(e), ne == null || ne(e);
+    },
+    onChangeInputValue: (e, { nativeEvent: { inputType: t } }) => {
+      t !== "insertFromPaste" && ue(e), R.current ? I("", "tokenSeparator") : I(e, "manual"), !y && e && F(!0);
+    },
+    onPaste: (e) => {
+      ue(e.clipboardData.getData("text")), te == null || te(e);
+    },
+    // Option Items
+    onRemoveCheckedItem: (e, t, r) => {
+      r.stopPropagation(), Fe(o[t], "remove");
+    },
+    onClear: (e) => {
+      if (e.stopPropagation(), p) {
+        const t = o.filter((r) => {
+          const n = a.get(r);
+          return n && n.disabled;
+        });
+        _(t);
+      } else
+        _(void 0);
+      I("", "manual"), Q == null || Q(y);
+    }
+  };
+  Ot(
+    Ke,
+    () => {
+      var e, t;
+      return {
+        dom: (e = h.current) == null ? void 0 : e.dom,
+        focus() {
+          h.current && h.current.focus();
+        },
+        blur() {
+          h.current && h.current.blur();
+        },
+        hotkeyHandler: K,
+        activeOptionValue: O,
+        getOptionInfoByValue: T,
+        getOptionInfoList: () => [...a.values()].filter((r) => r._valid),
+        scrollIntoView: $,
+        getRootDOMNode: (t = h.current) == null ? void 0 : t.getRootDOMNode
+      };
+    },
+    [
+      K,
+      a,
+      O,
+      T,
+      $
+    ]
+  );
+  const Ne = (e) => /* @__PURE__ */ w(
+    kt,
+    {
+      ref: (t) => Ae.current = t,
+      popup: ut,
+      trigger: Ye,
+      disabled: Be,
+      getPopupContainer: Xe,
+      classNames: "slideDynamicOrigin",
+      autoAlignPopupWidth: !0,
+      popupAlign: Ht,
+      popupVisible: y,
+      unmountOnExit: Je,
+      onVisibleChange: F,
+      __onExit: () => {
+        ae.current = !0;
+      },
+      __onExited: () => {
+        ae.current = !1, I("", "optionListHide");
+      },
+      ..._t(c, ["popupVisible", "onVisibleChange"]),
+      children: e
+    }
+  ), ce = typeof J == "function" ? J(j(o)) : J;
+  return V(() => {
+    var t;
+    let e;
+    return (t = h.current) != null && t.dom && (e = new ResizeObserver(() => {
+      var r, n;
+      (n = (r = Ae.current) == null ? void 0 : r.updatePopupPosition) == null || n.call(r);
+    }), e.observe(h.current.dom)), () => {
+      var r, n, l;
+      (r = h.current) != null && r.dom && ((n = e == null ? void 0 : e.unobserve) == null || n.call(e, h.current.dom)), (l = e == null ? void 0 : e.disconnect) == null || l.call(e), e = null;
+    };
+  }, [(Te = h.current) == null ? void 0 : Te.dom]), ce != null ? Ne(ce) : /* @__PURE__ */ w(
+    xt,
+    {
+      ...u,
+      ...ct,
+      ref: h,
+      value: o,
+      inputValue: g,
+      popupVisible: y,
+      rtl: ge,
+      prefixCls: m,
+      allowCreate: !!d,
+      ariaControls: Ie,
+      isEmptyValue: H,
+      isMultiple: p,
+      onSort: _,
+      renderText: (e) => {
+        const t = T(e);
+        let r = e;
+        if (ht(ye)) {
+          const n = j(e, !1);
+          r = ye(
+            n.option || null,
+            n.value
+          );
+        } else {
+          let n = !1;
+          if (P) {
+            const l = u.value || u.defaultValue;
+            if (Array.isArray(l)) {
+              const i = l.find(
+                (f) => b(f) && f.value === e
+              );
+              i && (r = i.label, n = !0);
+            } else b(l) && (r = l.label, n = !0);
+          }
+          !n && t && "children" in t && (r = t.children);
+        }
+        return {
+          text: r,
+          disabled: t && t.disabled
+        };
+      },
+      renderView: Ne
+    }
+  );
+}
+const Gt = yt.forwardRef($t), me = Gt;
+me.displayName = "Select";
+me.Option = Nt;
+me.OptGroup = Mt;
+export {
+  me as default
+};