@unicom-cloud/ui 0.8.45 → 0.8.47

package/select/OptGroup.js

@@ -1,20 +0,0 @@
-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

@@ -1,97 +0,0 @@
-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

@@ -1,544 +0,0 @@
-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
-};