@unicom-cloud/ui 0.8.108 → 0.8.109

package/select/Option.js

@@ -1,9 +1,8 @@
 import { jsxs as g, jsx as p } from "react/jsx-runtime";
 import E from "react";
-import L from "../checkbox/Checkbox.js";
-import "../checkbox/Group.js";
+import { C as L } from "../chunk/DYc9a7tm.js";
 import _ from "@unicom-cloud/utils/class-name";
-import { omit as j } from "../components/common/utils/omit.js";
+import { o as j } from "../chunk/BKKEev13.js";
 function y(l, f) {
   const {
     style: h,
@@ -22,13 +21,13 @@ function y(l, f) {
     _onMouseEnter: b,
     _onMouseLeave: x,
     _onClick: w,
-    ...i
-  } = l, t = "value" in l ? d : `${u}`, o = "children" in l ? u : `${d}`, s = m ? C.indexOf(t) !== -1 : C === t, c = {
+    ...s
+  } = l, t = "value" in l ? d : `${u}`, o = "children" in l ? u : `${d}`, i = m ? C.indexOf(t) !== -1 : C === t, c = {
     style: h,
     className: _(
       `${e}-option`,
       {
-        [`${e}-option-selected`]: s,
+        [`${e}-option-selected`]: i,
         [`${e}-option-disabled`]: r,
         [`${e}-option-hover`]: t === N,
         [`${e}-option-empty`]: !o && o !== 0 || typeof o == "string" && /^\s*$/.test(o),
@@ -37,15 +36,15 @@ function y(l, f) {
       $
     ),
     onMouseEnter: (n) => {
-      b?.(t), i.onMouseEnter?.(n);
+      b?.(t), s.onMouseEnter?.(n);
     },
     onMouseLeave: (n) => {
-      x?.(), i.onMouseLeave?.(n);
+      x?.(), s.onMouseLeave?.(n);
     },
     onClick: (n) => {
-      w?.(t, r), i.onClick?.(n);
+      w?.(t, r), s.onClick?.(n);
     },
-    ...j(i, [
+    ...j(s, [
       "_key",
       "extra",
       "isSelectOption",
@@ -56,7 +55,7 @@ function y(l, f) {
   }, a = {
     ref: f,
     role: "option",
-    "aria-selected": s
+    "aria-selected": i
   };
   return k && Object.assign(a, { "data-user-created": !0 }), M && Object.assign(a, { "data-user-creating": !0 }), m ? /* @__PURE__ */ g(
     "li",
@@ -65,7 +64,7 @@ function y(l, f) {
       className: _(
         `${e}-option-wrapper`,
         {
-          [`${e}-option-wrapper-selected`]: s,
+          [`${e}-option-wrapper-selected`]: i,
           [`${e}-option-wrapper-disabled`]: r
         },
         v
@@ -76,7 +75,7 @@ function y(l, f) {
           {
             "aria-hidden": "true",
             className: `${e}-checkbox`,
-            checked: s,
+            checked: i,
             disabled: r,
             onChange: c.onClick
           }

package/select/Select.js

@@ -1,27 +1,25 @@
 import { jsx as E, jsxs as ct } from "react/jsx-runtime";
 import m from "lodash/isArray";
 import ft from "lodash/isFunction";
-import dt, { useContext as mt, useState as j, useMemo as Pe, useRef as b, useCallback as ne, useEffect as V, useImperativeHandle as gt } from "react";
-import ht from "../checkbox/Checkbox.js";
-import "../checkbox/Group.js";
-import "../config-provider/ConfigProvider.js";
-import Ct from "../components/common/hooks/useId.js";
-import Ot from "../components/common/hooks/useMergeProps.js";
-import Ie from "../components/common/hooks/useMergeValue.js";
-import vt from "../select-view/index.js";
-import bt from "../trigger/index.js";
+import dt, { useContext as mt, useState as j, useMemo as Ie, useRef as b, useCallback as ne, useEffect as V, useImperativeHandle as gt } from "react";
+import { C as ht } from "../chunk/DYc9a7tm.js";
+import { a as Ct } from "../chunk/DXlwLh0Y.js";
+import { u as Ot } from "../chunk/COqvRD0G.js";
+import { u as vt } from "../chunk/FgWHhRFz.js";
+import { u as Pe } from "../chunk/2vdCeheu.js";
+import bt from "../select-view/index.js";
+import Vt from "../trigger/index.js";
 import oe from "@unicom-cloud/utils/class-name";
-import { getHotkeyHandler as Vt } from "../components/common/utils/getHotkeyHandler.js";
-import "../components/common/utils/is.js";
-import { Esc as yt, Enter as _e, Tab as Ee, ArrowUp as wt, ArrowDown as kt } from "@unicom-cloud/utils/constant/keyboardCode";
-import { omit as xt } from "../components/common/utils/omit.js";
-import { resizeObserver as St } from "../components/common/utils/resizeObserver.js";
-import { warning as Pt } from "../components/common/utils/warning.js";
-import It from "../virtual-list/VirtualList.js";
-import _t from "./OptGroup.js";
-import Et from "./Option.js";
-import { getValidValue as Me, flatChildren as Mt, isEmpty as re, preventDefaultEvent as At, isSelectOptGroup as Ft, isSelectOption as Lt } from "./util.js";
-import Nt from "../config-provider/context.js";
+import { g as yt } from "../chunk/Dh7Osrvr.js";
+import "../chunk/DsaQZE4X.js";
+import { Esc as wt, Enter as _e, Tab as Ee, ArrowUp as kt, ArrowDown as xt } from "@unicom-cloud/utils/constant/keyboardCode";
+import { o as St } from "../chunk/BKKEev13.js";
+import { r as It } from "../chunk/B8W1N4er.js";
+import Pt from "../utils/warning.js";
+import _t from "../virtual-list/VirtualList.js";
+import Et from "./OptGroup.js";
+import Mt from "./Option.js";
+import { getValidValue as Me, flatChildren as At, isEmpty as re, preventDefaultEvent as Ft, isSelectOptGroup as Lt, isSelectOption as Nt } from "./util.js";
 import { isPlainObject as O } from "@unicom-cloud/utils/is";
 const Ae = "userCreatingOption", Tt = {
   trigger: "click",
@@ -32,7 +30,7 @@ const Ae = "userCreatingOption", Tt = {
   allowCheckAll: !0
 }, Ut = { bottom: 4 };
 function Dt(Fe, Le) {
-  const { getPrefixCls: Ne, renderEmpty: Te, componentConfig: Ue, rtl: le } = mt(Nt), a = Ot(
+  const { getPrefixCls: Ne, renderEmpty: Te, componentConfig: Ue, rtl: le } = mt(Ct), a = vt(
     Fe,
     Tt,
     Ue?.Select
@@ -62,38 +60,38 @@ function Dt(Fe, Le) {
     onDeselect: je,
     onClear: We,
     onSearch: Be,
-    onFocus: qe,
-    onBlur: ze,
-    onPopupScroll: Je,
+    onFocus: ze,
+    onBlur: Je,
+    onPopupScroll: qe,
     onVisibleChange: Qe,
     onInputValueChange: Xe,
     onPaste: Ye,
     onKeyDown: Ze
   } = a;
-  let { mode: q, allowCheckAll: Oe, allowCreate: c } = a;
-  q === "tags" && (q = "multiple", c = !0, Pt(
+  let { mode: z, allowCheckAll: Oe, allowCreate: c } = a;
+  z === "tags" && (z = "multiple", c = !0, Pt(
     !0,
-    `[Pqb Select] The 'tags' mode will be removed in the next major version, please use {mode: "multiple", allowCreate: true} instead.`
+    `[Select] The 'tags' mode will be removed in the next major version, please use {mode: "multiple", allowCreate: true} instead.`
   ));
-  const f = Ne?.("select"), u = q === "multiple";
+  const f = Ne?.("select"), u = z === "multiple";
   u || (Oe = !1);
-  const [et, z] = j(
+  const [et, J] = j(
     Me(a.defaultValue, u, U)
-  ), n = "value" in a ? Me(a.value, u, U) : et, [d, tt, nt] = Ie("", {
+  ), n = "value" in a ? Me(a.value, u, U) : et, [d, tt, nt] = Pe("", {
     value: "inputValue" in a ? a.inputValue || "" : void 0
-  }), [g, ot] = Ie(!1, {
+  }), [g, ot] = Pe(!1, {
     defaultValue: a.defaultPopupVisible,
     value: "popupVisible" in a ? a.popupVisible : y && "popupVisible" in y ? y.popupVisible : void 0
   }), [F, rt] = j(null), [L, it] = j([]), [h, M] = j(
     m(n) ? n[0] : n
   ), {
-    childrenList: J,
+    childrenList: q,
     optionInfoMap: p,
     optionValueList: w,
     optionIndexListForArrowKey: S,
     hasOptGroup: lt,
     hasComplexLabelInOptions: st
-  } = Pe(() => Mt(
+  } = Ie(() => At(
     { children: se, options: ce, filterOption: fe },
     {
       prefixCls: f,
@@ -108,7 +106,7 @@ function Dt(Fe, Le) {
     d,
     F,
     L
-  ]), Q = b(null), ve = b(null), v = b(null), P = b([]), k = b(null), be = b(d), X = b(null), D = b(0), Y = b(!1), Ve = Ct(`${f}-popup-`), R = re(n, u), ye = Pe(() => {
+  ]), Q = b(null), ve = b(null), v = b(null), I = b([]), k = b(null), be = b(d), X = b(null), D = b(0), Y = b(!1), Ve = Ot(`${f}-popup-`), R = re(n, u), ye = Ie(() => {
     if (ue) {
       const e = m(n) ? n[0] : n, t = !R && p.get(e)?._valid, r = p?.get(w[0])?._origin === Ae;
       return t && !r ? e : w[S[0]];
@@ -132,13 +130,13 @@ function Dt(Fe, Le) {
   ), $ = ne(
     (e, t = !1) => O(c) && typeof c?.formatter == "function" ? c.formatter(e, t) : e,
     [c]
-  ), I = (e, t) => {
+  ), P = (e, t) => {
     (e !== be.current || t !== X.current) && (tt(e), be.current = e, X.current = t, Xe?.(e, t));
   }, A = (e) => {
     g !== e && (ot(e), Qe?.(e), y?.onVisibleChange?.(e));
   };
   V(() => {
-    u ? m(n) || z(n === void 0 ? [] : [n]) : m(n) && z(n.length === 0 ? void 0 : n[0]);
+    u ? m(n) || J(n === void 0 ? [] : [n]) : m(n) && J(n.length === 0 ? void 0 : n[0]);
   }, [u, n]), V(() => {
     if (g) {
       M(ye);
@@ -149,8 +147,8 @@ function Dt(Fe, Le) {
     (k.current === "up" || k.current === "down") && (H(h), k.current = "none");
   }, [h]), V(() => {
     M(ye);
-  }, [JSON.stringify(J.map((e) => e?.props?.value))]), V(() => {
-    P.current = P.current.filter((e) => u ? m(n) && n.indexOf(e.value) > -1 : e.value === n);
+  }, [JSON.stringify(q.map((e) => e?.props?.value))]), V(() => {
+    I.current = I.current.filter((e) => u ? m(n) && n.indexOf(e.value) > -1 : e.value === n);
   }, [n, u]), V(() => {
     if (c) {
       let e;
@@ -158,7 +156,7 @@ function Dt(Fe, Le) {
         e = [];
       else {
         const r = m(n) ? n : [n], o = r.filter((i, l, C) => {
-          const x = p.get(i) || P.current.find((te) => te.value === i)?.option;
+          const x = p.get(i) || I.current.find((te) => te.value === i)?.option;
           return !x || x._origin === Ae;
         }).map((i) => $(i));
         e = L.filter((i) => {
@@ -183,12 +181,12 @@ function Dt(Fe, Le) {
     (e) => {
       const t = p.get(e);
       if (t) {
-        const o = P.current.findIndex(
+        const o = I.current.findIndex(
           (s) => s.value === e
         );
-        return o > -1 ? P.current.splice(o, 1, { value: e, option: t }) : P.current.push({ value: e, option: t }), t;
+        return o > -1 ? I.current.splice(o, 1, { value: e, option: t }) : I.current.push({ value: e, option: t }), t;
       }
-      const r = P.current.find((o) => o.value === e);
+      const r = I.current.find((o) => o.value === e);
       return r && r.option;
     },
     [p]
@@ -224,7 +222,7 @@ function Dt(Fe, Le) {
     }
     return { option: o, value: r };
   }, _ = (e) => {
-    if (z(e), Ce) {
+    if (J(e), Ce) {
       const t = G(e);
       Ce(t.value, t.option);
     }
@@ -246,12 +244,12 @@ function Dt(Fe, Le) {
     t || (u ? (ke(
       e,
       n.indexOf(e) === -1 ? "add" : "remove"
-    ), (!O(pe) || !pe.retainInputValueWhileSelect) && I("", "optionChecked")) : (e !== n && _(e), setTimeout(() => {
+    ), (!O(pe) || !pe.retainInputValueWhileSelect) && P("", "optionChecked")) : (e !== n && _(e), setTimeout(() => {
       A(!1);
     })));
-  }, K = Vt(
+  }, K = yt(
     /* @__PURE__ */ new Map([
-      [yt.key, () => A(!1)],
+      [wt.key, () => A(!1)],
       [
         _e.key,
         () => {
@@ -268,14 +266,14 @@ function Dt(Fe, Le) {
         () => A(!1)
       ],
       [
-        wt.key,
+        kt.key,
         () => {
           if (g)
             return k.current = "up", M(we("up")), !1;
         }
       ],
       [
-        kt.key,
+        xt.key,
         () => {
           if (g)
             return k.current = "down", M(we("down")), !1;
@@ -283,30 +281,30 @@ function Dt(Fe, Le) {
       ]
     ])
   ), at = () => {
-    const e = y?.autoAlignPopupWidth === !1 && (!y?.style?.width || y?.style?.width === "auto"), t = e && st, r = "notFoundContent" in a ? He : Te("Select"), o = J.length ? /* @__PURE__ */ E(
-      It,
+    const e = y?.autoAlignPopupWidth === !1 && (!y?.style?.width || y?.style?.width === "auto"), t = e && st, r = "notFoundContent" in a ? He : Te("Select"), o = q.length ? /* @__PURE__ */ E(
+      _t,
       {
         id: Ve,
         role: "listbox",
         style: me,
         className: oe(`${f}-popup-inner`, ge),
         ref: Q,
-        data: J,
+        data: q,
         height: null,
         isStaticItemHeight: !lt,
         measureLongestItem: e,
         itemKey: (l) => l.props._key,
-        onMouseDown: At,
+        onMouseDown: Ft,
         onMouseMove: () => {
           k.current = null;
         },
-        onScroll: (l) => Je?.(l.target),
+        onScroll: (l) => qe?.(l.target),
         ...he,
         threshold: t ? null : he?.threshold,
         children: (l) => {
-          if (Ft(l))
+          if (Lt(l))
             return /* @__PURE__ */ E(l.type, { ...l.props, prefixCls: f });
-          if (Lt(l)) {
+          if (Nt(l)) {
             const C = l.props?.value, x = O(F) ? F.value : F, te = L.map(
               (T) => O(T) ? T.value : T
             ), pt = {
@@ -382,9 +380,9 @@ function Dt(Fe, Le) {
     }
     return !!D.current;
   }, ut = {
-    onFocus: qe,
+    onFocus: ze,
     onBlur: (e) => {
-      ze?.(e), !g && !Y.current && I("", "optionListHide");
+      Je?.(e), !g && !Y.current && P("", "optionListHide");
     },
     onKeyDown: (e) => {
       if (e.target.tagName === "INPUT" && e.target.value) {
@@ -392,13 +390,13 @@ function Dt(Fe, Le) {
         if (r || t) {
           const o = r ? `
 ` : t ? "	" : "";
-          Z(e.target.value + o) && I("", "tokenSeparator");
+          Z(e.target.value + o) && P("", "tokenSeparator");
         }
       }
       K(e), Ze?.(e);
     },
     onChangeInputValue: (e, { nativeEvent: { inputType: t } }) => {
-      t !== "insertFromPaste" && Z(e), D.current ? I("", "tokenSeparator") : I(e, "manual"), !g && e && A(!0);
+      t !== "insertFromPaste" && Z(e), D.current ? P("", "tokenSeparator") : P(e, "manual"), !g && e && A(!0);
     },
     onPaste: (e) => {
       Z(e.clipboardData.getData("text")), Ye?.(e);
@@ -416,7 +414,7 @@ function Dt(Fe, Le) {
         _(t);
       } else
         _(void 0);
-      I("", "manual"), We?.(g);
+      P("", "manual"), We?.(g);
     }
   };
   gt(
@@ -447,7 +445,7 @@ function Dt(Fe, Le) {
     ]
   );
   const Se = (e) => /* @__PURE__ */ E(
-    bt,
+    Vt,
     {
       ref: ve,
       popup: at,
@@ -464,21 +462,21 @@ function Dt(Fe, Le) {
         Y.current = !0;
       },
       __onExited: () => {
-        Y.current = !1, I("", "optionListHide");
+        Y.current = !1, P("", "optionListHide");
       },
-      ...xt(y, ["popupVisible", "onVisibleChange"]),
+      ...St(y, ["popupVisible", "onVisibleChange"]),
       children: e
     }
   ), ee = typeof B == "function" ? B(G(n)) : B;
   return V(() => {
-    const e = St([v.current?.dom], () => {
+    const e = It([v.current?.dom], () => {
       ve.current?.updatePopupPosition?.();
     });
     return () => {
       e();
     };
   }, [v.current?.dom]), ee != null ? Se(ee) : /* @__PURE__ */ E(
-    vt,
+    bt,
     {
       ...a,
       ...ut,
@@ -526,10 +524,10 @@ function Dt(Fe, Le) {
 }
 const Rt = dt.forwardRef(Dt), ie = Rt;
 ie.displayName = "Select";
-ie.Option = Et;
-ie.OptGroup = _t;
+ie.Option = Mt;
+ie.OptGroup = Et;
 export {
-  Et as SelectOption,
-  _t as SelectOptionGroup,
+  Mt as SelectOption,
+  Et as SelectOptionGroup,
   ie as default
 };

package/select/util.js

@@ -7,8 +7,8 @@ import I from "lodash/isNumber";
 import L from "lodash/isPlainObject";
 import N from "lodash/isString";
 import u from "react";
-import { fillNBSP as U } from "../components/common/utils/fillNBSP.js";
-import { getHighlightText as j } from "../components/common/utils/getHighlightText.js";
+import { f as U } from "../chunk/CftuXmo_.js";
+import { g as j } from "../chunk/B7M-FGia.js";
 import z from "./Option.js";
 function ne(r) {
   r?.preventDefault?.();
@@ -41,18 +41,18 @@ function v({
   optionValueList: y = [],
   customNodeCount: x = 0
 } = {}) {
-  let S = !1, c = !1, i = [], d = [];
+  let S = !1, c = !1, i = [], g = [];
   const A = (e) => {
     const s = _(e, "props.value"), t = _(e, "props.children");
     return s === void 0 && t !== null && t !== void 0 ? t.toString() : s;
-  }, g = ({ label: e, value: s }, t, n) => !e && !s && !t ? (x++, `custom_node_${x}`) : n ? t || `group_${e}` : t || `${typeof s}_${s}` || `${e}_${m.size}`, w = (e, s, t) => {
+  }, d = ({ label: e, value: s }, t, n) => !e && !s && !t ? (x++, `custom_node_${x}`) : n ? t || `group_${e}` : t || `${typeof s}_${s}` || `${e}_${m.size}`, w = (e, s, t) => {
     const n = A(e);
     let f = !0;
     l === !0 ? f = n !== void 0 && String(n).toLowerCase().indexOf(o.toLowerCase()) !== -1 : typeof l == "function" && (f = !o || l(o, e, t));
     const a = m.get(n), P = a?._origin === "userCreatedOptions" || a?._origin === "userCreatingOption";
     if (!a || P) {
       "_key" in e.props || (e = u.cloneElement(e, {
-        _key: g(e.props, e.key)
+        _key: d(e.props, e.key)
       }));
       const $ = m.size, k = {
         child: e,
@@ -68,7 +68,7 @@ function v({
         );
         h > -1 && (f ? i[h] = e : i.splice(h, 1));
       } else
-        y.push(n), f && (i.push(e), k.disabled || d.push($));
+        y.push(n), f && (i.push(e), k.disabled || g.push($));
     }
     typeof e.props.children != "string" && (c = !0);
   }, C = (e, s) => {
@@ -80,7 +80,7 @@ function v({
       const n = /* @__PURE__ */ K(
         z,
         {
-          _key: g(t),
+          _key: d(t),
           value: t.value,
           disabled: t.disabled === !0,
           extra: t.extra,
@@ -104,14 +104,14 @@ function v({
       n.length && (i.push(
         u.cloneElement(e, {
           children: null,
-          _key: g(e.props, e.key, !0)
+          _key: d(e.props, e.key, !0)
         })
-      ), i = i.concat(n), d = d.concat(
+      ), i = i.concat(n), g = g.concat(
         f
       ), S = !0, c = c || a);
     } else Q(e) ? w(e, "children", null) : L(e) && e.props && i.push(
       u.cloneElement(e, {
-        _key: g(e.props, e.key)
+        _key: d(e.props, e.key)
       })
     );
   }), C(p, "options"), C(T, "userCreatedOptions"), {
@@ -122,7 +122,7 @@ function v({
     }),
     optionInfoMap: m,
     optionValueList: y,
-    optionIndexListForArrowKey: d,
+    optionIndexListForArrowKey: g,
     hasOptGroup: S,
     hasComplexLabelInOptions: c
   };