@unicom-cloud/ui 0.8.90 → 0.8.91

package/select/Select.js

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

package/select/index.js

@@ -1,8 +1,8 @@
-import { S as o } from "../chunk/BbQEqpOn.js";
-import { O as r } from "../chunk/BbQEqpOn.js";
+import t from "./Select.js";
+import { default as r } from "./Option.js";
 import { default as f } from "./OptGroup.js";
 export {
   r as SelectOption,
   f as SelectOptionGroup,
-  o as default
+  t as default
 };