@unicom-cloud/ui 0.8.115 → 0.8.117

package/select/index.js

@@ -1,3 +1,4 @@
+/* 2025-11-03 10:27:46 */
 import t from "./Select.js";
 import { default as r } from "./Option.js";
 import { default as f } from "./OptGroup.js";

package/select/utils.js

@@ -0,0 +1,134 @@
+/* 2025-11-03 10:27:46 */
+import { jsx as K } from "react/jsx-runtime";
+import a from "lodash/get";
+import O from "react";
+import I from "../dist/ui-common/utils/fillNBSP.js";
+import U from "../dist/ui-common/utils/getHighlightText.js";
+import "../dist/ui-common/utils/is.js";
+import j from "./Option.js";
+import { isArray as g, isPlainObject as h, isEmptyArray as z, isNil as B, isString as A, isNumber as D, isFunction as N } from "@unicom-cloud/utils/is";
+function ee(r) {
+  r?.preventDefault?.();
+}
+function Q(r, p) {
+  return p ? !g(r) || z(r) : B(r);
+}
+function re(r, p, l) {
+  return l && (p ? r = g(r) ? r.map(
+    (o) => h(o) && "label" in o ? o.value : o
+  ) : r : r = h(r) && "label" in r ? r.value : r), Q(r, p) ? p ? g(r) ? r : [] : void 0 : r;
+}
+function R(r) {
+  return a(r, "props.isSelectOption") || a(r, "type.__PQB_SELECT_OPTION__");
+}
+function v(r) {
+  return a(r, "props.isSelectOptGroup") || a(r, "type.__PQB_SELECT_OPTGROUP__");
+}
+function q({
+  children: r,
+  options: p,
+  filterOption: l
+}, {
+  inputValue: o = "",
+  userCreatedOptions: T,
+  userCreatingOption: E,
+  prefixCls: b
+}, {
+  optionInfoMap: _ = /* @__PURE__ */ new Map(),
+  optionValueList: y = [],
+  customNodeCount: x = 0
+} = {}) {
+  let S = !1, c = !1, i = [], d = [];
+  const F = (e) => {
+    const s = a(e, "props.value"), t = a(e, "props.children");
+    return s === void 0 && t !== null && t !== void 0 ? t.toString() : s;
+  }, u = ({ label: e, value: s }, t, n) => !e && !s && !t ? (x++, `custom_node_${x}`) : n ? t || `group_${e}` : t || `${typeof s}_${s}` || `${e}_${_.size}`, w = (e, s, t) => {
+    const n = F(e);
+    let f = !0;
+    l === !0 ? f = n !== void 0 && String(n).toLowerCase().indexOf(o.toLowerCase()) !== -1 : N(l) && (f = !o || l(o, e, t));
+    const m = _.get(n), $ = m?._origin === "userCreatedOptions" || m?._origin === "userCreatingOption";
+    if (!m || $) {
+      "_key" in e.props || (e = O.cloneElement(e, {
+        _key: u(e.props, e.key)
+      }));
+      const k = _.size, P = {
+        child: e,
+        ...e.props,
+        value: n,
+        _index: k,
+        _origin: s,
+        _valid: f
+      };
+      if (_.set(n, P), $) {
+        const L = i.findIndex(
+          (G) => G?.props?.value === n
+        );
+        L > -1 && (f ? i[L] = e : i.splice(L, 1));
+      } else
+        y.push(n), f && (i.push(e), P.disabled || d.push(k));
+    }
+    A(e.props.children) || (c = !0);
+  }, C = (e, s) => {
+    s && g(e) && e.length && e.forEach((t) => {
+      (A(t) || D(t)) && (t = {
+        label: t,
+        value: t
+      });
+      const n = /* @__PURE__ */ K(
+        j,
+        {
+          _key: u(t),
+          value: t.value,
+          disabled: t.disabled === !0,
+          extra: t.extra,
+          children: I(t.label)
+        }
+      );
+      w(n, s, t);
+    });
+  };
+  return E && C([E], "userCreatingOption"), r && O.Children.map(r, (e) => {
+    if (v(e)) {
+      const { children: s, options: t } = e.props, {
+        childrenList: n,
+        optionIndexListForArrowKey: f,
+        hasComplexLabelInOptions: m
+      } = q(
+        { children: s, options: t, filterOption: l },
+        { inputValue: o, prefixCls: b },
+        { optionInfoMap: _, optionValueList: y, customNodeCount: x }
+      );
+      n.length && (i.push(
+        O.cloneElement(e, {
+          children: null,
+          _key: u(e.props, e.key, !0)
+        })
+      ), i = i.concat(n), d = d.concat(
+        f
+      ), S = !0, c = c || m);
+    } else R(e) ? w(e, "children", null) : h(e) && e.props && i.push(
+      O.cloneElement(e, {
+        _key: u(e.props, e.key)
+      })
+    );
+  }), C(p, "options"), C(T, "userCreatedOptions"), {
+    childrenList: U({
+      nodeList: i,
+      pattern: o,
+      highlightClassName: `${b}-highlight`
+    }),
+    optionInfoMap: _,
+    optionValueList: y,
+    optionIndexListForArrowKey: d,
+    hasOptGroup: S,
+    hasComplexLabelInOptions: c
+  };
+}
+export {
+  q as flatChildren,
+  re as getValidValue,
+  Q as isEmpty,
+  v as isSelectOptGroup,
+  R as isSelectOption,
+  ee as preventDefaultEvent
+};

package/select-view/Core.js

@@ -1,107 +1,108 @@
-import { jsx as r, jsxs as k } from "react/jsx-runtime";
-import We, { useRef as ae, useContext as qe, useState as ce, useEffect as Xe, useImperativeHandle as Je, useMemo as Qe, createElement as Ye } from "react";
-import Ze from "@unicom-cloud/icons/IconUiClose";
-import eo from "@unicom-cloud/icons/IconUiDown";
-import oo from "@unicom-cloud/icons/IconUiLoading";
-import no from "@unicom-cloud/icons/IconUiSearch";
-import to from "lodash/isFunction";
-import le from "lodash/isUndefined";
-import { a as ro, I as so } from "../chunk/DstheLSK.js";
-import { u as ao } from "../chunk/BJeTDXdz.js";
-import { u as co } from "../chunk/Ca6eMq_Y.js";
-import lo from "../input-tag/InputTag.js";
-import io from "../input/InputElement.js";
-import uo from "../popover/index.js";
-import ie from "../tag/index.js";
-import E from "@unicom-cloud/utils/class-name";
-import { f as ue } from "../chunk/CftuXmo_.js";
-import { i as po } from "../chunk/CYhxqVkn.js";
-import "../chunk/DsaQZE4X.js";
-import { Enter as mo, Backspace as fo } from "@unicom-cloud/utils/constant/keyboardCode";
-import { isPlainObject as C, isNumber as de } from "@unicom-cloud/utils/is";
-const K = "__pqb_value_tag_placeholder", w = {
+/* 2025-11-03 10:27:46 */
+import { jsx as t, jsxs as E } from "react/jsx-runtime";
+import qe, { useRef as ae, useContext as Xe, useState as ce, useEffect as Je, useImperativeHandle as Qe, useMemo as Ye, createElement as Ze } from "react";
+import eo from "@unicom-cloud/icons/IconUiClose";
+import oo from "@unicom-cloud/icons/IconUiDown";
+import no from "@unicom-cloud/icons/IconUiLoading";
+import ro from "@unicom-cloud/icons/IconUiSearch";
+import "../config-provider/ConfigProvider.js";
+import to from "../dist/ui-common/hooks/use-update/index.js";
+import so from "../dist/ui-common/hooks/use-persist-callback/index.js";
+import ao from "../icon-hover/index.js";
+import co from "../input-tag/InputTag.js";
+import lo from "../input/InputElement.js";
+import io from "../popover/index.js";
+import le from "../tag/index.js";
+import P from "@unicom-cloud/utils/class-name";
+import ie from "../dist/ui-common/utils/fillNBSP.js";
+import uo from "../dist/ui-common/utils/include.js";
+import "../dist/ui-common/utils/is.js";
+import { Enter as mo, Backspace as po } from "@unicom-cloud/utils/constant/keyboardCode";
+import fo from "../config-provider/context.js";
+import { isPlainObject as C, isUndefined as ue, isNumber as de, isString as ho, isObjectLike as me, isFunction as go } from "@unicom-cloud/utils/is";
+const j = "__pqb_value_tag_placeholder", w = {
   BEFORE: 0,
   EDITING: 1,
   NONE: 2
-}, Bo = We.forwardRef(function(x, pe) {
+}, Bo = qe.forwardRef(function(x, pe) {
   const {
-    id: me,
-    style: fe,
-    className: he,
-    size: ge,
+    id: fe,
+    style: he,
+    className: ge,
+    size: ve,
     bordered: be,
-    allowClear: ve,
-    allowCreate: Ce,
-    status: xe,
-    loading: Ie,
-    disabled: b,
-    animation: we,
+    allowClear: Ce,
+    allowCreate: xe,
+    status: Ie,
+    loading: we,
+    disabled: v,
+    animation: Ne,
     prefixCls: n,
     suffixIcon: G,
     arrowIcon: W,
-    removeIcon: Ne,
+    removeIcon: Te,
     clearIcon: D,
     placeholder: q,
     renderText: X,
-    value: v,
+    value: b,
     inputValue: F,
-    popupVisible: m,
+    popupVisible: p,
     maxTagCount: c,
     isMultiple: I,
     isEmptyValue: R,
     prefix: O,
-    ariaControls: Te,
+    ariaControls: $e,
     renderTag: M,
     dragToSort: J,
-    rtl: $e,
+    rtl: Se,
     htmlDataAttributes: ye,
-    onKeyDown: Se,
-    onChangeInputValue: Pe,
-    onPaste: ke,
-    onClear: Ee,
-    onFocus: De,
-    onBlur: Fe,
-    onRemoveCheckedItem: Re,
+    onKeyDown: ke,
+    onChangeInputValue: Ee,
+    onPaste: Pe,
+    onClear: De,
+    onFocus: Fe,
+    onBlur: Re,
+    onRemoveCheckedItem: Oe,
     onSort: A,
-    ...Oe
-  } = x, N = ae(null), f = ae(null), { size: Me, getPrefixCls: Q } = qe(ro), [Ae, Y] = ce(w.NONE), [B, Z] = ce(!1), Be = ao(), T = "showSearch" in x ? x.showSearch : I, p = T || Ce, y = ge || Me, V = B || m, Ve = C(T) && T.retainInputValue, h = !I && v !== void 0 ? X(v).text : "", _ = (e) => {
+    ...Me
+  } = x, N = ae(null), f = ae(null), { size: Ae, getPrefixCls: Q } = Xe(fo), [Ve, Y] = ce(w.NONE), [V, Z] = ce(!1), _e = to(), T = "showSearch" in x ? x.showSearch : I, m = T || xe, S = ve || Ae, _ = V || p, Be = C(T) && T.retainInputValue, h = !I && b !== void 0 ? X(b).text : "", B = (e) => {
     e?.preventDefault?.();
   }, U = (e) => {
-    const o = p ? N.current : f.current;
+    const o = m ? N.current : f.current;
     o && (e === "focus" ? o.focus() : o.blur());
-  }, S = (e, o) => {
-    p && o.target === f.current || (e === "focus" ? (Z(!0), De?.(o)) : (Z(!1), Fe?.(o)));
+  }, y = (e, o) => {
+    m && o.target === f.current || (e === "focus" ? (Z(!0), Fe?.(o)) : (Z(!1), Re?.(o)));
   }, ee = (e) => {
-    if (p && e.currentTarget === f.current)
+    if (m && e.currentTarget === f.current)
       return;
-    e.key === mo.key && e.preventDefault(), Se?.(e);
+    e.key === mo.key && e.preventDefault(), ke?.(e);
   };
-  Xe(() => {
-    U(m ? "focus" : "blur"), p && Y(m ? w.BEFORE : w.NONE);
-  }, [m]), Je(pe, () => ({
+  Je(() => {
+    U(p ? "focus" : "blur"), m && Y(p ? w.BEFORE : w.NONE);
+  }, [p]), Qe(pe, () => ({
     dom: f.current,
     getRootDOMNode: () => f.current,
     focus: U.bind(null, "focus"),
     blur: U.bind(null, "blur"),
     getWidth: () => f.current && f.current.clientWidth
   }));
-  const _e = "arrowIcon" in x ? W === null ? null : /* @__PURE__ */ r("div", { className: `${n}-arrow-icon`, children: W }) : /* @__PURE__ */ r("div", { className: `${n}-arrow-icon`, children: /* @__PURE__ */ r(eo, {}) }), Ue = Ie ? /* @__PURE__ */ r("span", { className: `${n}-loading-icon`, children: /* @__PURE__ */ r(oo, {}) }) : G ? /* @__PURE__ */ r("span", { className: `${n}-suffix-icon`, children: G }) : x.showSearch && m ? /* @__PURE__ */ r("div", { className: `${n}-search-icon`, children: /* @__PURE__ */ r(no, {}) }) : _e, i = {
-    paste: ke,
+  const Ue = "arrowIcon" in x ? W === null ? null : /* @__PURE__ */ t("div", { className: `${n}-arrow-icon`, children: W }) : /* @__PURE__ */ t("div", { className: `${n}-arrow-icon`, children: /* @__PURE__ */ t(oo, {}) }), ze = we ? /* @__PURE__ */ t("span", { className: `${n}-loading-icon`, children: /* @__PURE__ */ t(no, {}) }) : G ? /* @__PURE__ */ t("span", { className: `${n}-suffix-icon`, children: G }) : x.showSearch && p ? /* @__PURE__ */ t("div", { className: `${n}-search-icon`, children: /* @__PURE__ */ t(ro, {}) }) : Ue, i = {
+    paste: Pe,
     keyDown: ee,
     focus: (e) => {
-      e.stopPropagation(), S("focus", e);
+      e.stopPropagation(), y("focus", e);
     },
     blur: (e) => {
-      e.stopPropagation(), S("blur", e);
+      e.stopPropagation(), y("blur", e);
     },
     change: (e, o) => {
-      Y(w.EDITING), Pe?.(e, o);
+      Y(w.EDITING), Ee?.(e, o);
     }
-  }, ze = () => {
+  }, Le = () => {
     let e;
-    switch (Ae) {
+    switch (Ve) {
       case w.BEFORE:
-        e = F || (Ve ? h : "");
+        e = F || (Be ? h : "");
         break;
       case w.EDITING:
         e = F || "";
@@ -110,77 +111,77 @@ const K = "__pqb_value_tag_placeholder", w = {
         e = h;
         break;
     }
-    const o = !!(V && p || R), s = {
+    const o = !!(_ && m || R), s = {
       style: { width: "100%" },
       // _inputValue after renderText(value) may be rich text, but the value of <input> cannot be object
-      value: o && typeof e != "object" ? e : "",
+      value: o && !me(e) ? e : "",
       // Allow placeholder to display the selected value first when searching
-      placeholder: p && // 0 can also be used as a placeholder, because when options is number[], the selected value may be 0
-      (h || h === 0) && typeof h != "object" ? h : q
+      placeholder: m && // 0 can also be used as a placeholder, because when options is number[], the selected value may be 0
+      (h || h === 0) && !me(h) ? h : q
     };
-    return p ? (s.onPaste = i.paste, s.onKeyDown = i.keyDown, s.onFocus = i.focus, s.onBlur = i.blur, s.onChange = i.change) : (s.tabIndex = -1, s.style.pointerEvents = "none"), /* @__PURE__ */ k("span", { className: `${n}-view-selector`, children: [
-      /* @__PURE__ */ r(
-        io,
+    return m ? (s.onPaste = i.paste, s.onKeyDown = i.keyDown, s.onFocus = i.focus, s.onBlur = i.blur, s.onChange = i.change) : (s.tabIndex = -1, s.style.pointerEvents = "none"), /* @__PURE__ */ E("span", { className: `${n}-view-selector`, children: [
+      /* @__PURE__ */ t(
+        lo,
         {
           "aria-hidden": !o || void 0,
           ref: N,
-          disabled: b,
-          className: E(`${n}-view-input`, {
+          disabled: v,
+          className: P(`${n}-view-input`, {
             [`${n}-hidden`]: !o
           }),
           autoComplete: "off",
           ...s
         }
       ),
-      o ? /* @__PURE__ */ r("span", { className: `${n}-view-value-mirror`, children: ue(s.value ? e : s.placeholder) }) : null,
-      /* @__PURE__ */ r(
+      o ? /* @__PURE__ */ t("span", { className: `${n}-view-value-mirror`, children: ie(s.value ? e : s.placeholder) }) : null,
+      /* @__PURE__ */ t(
         "span",
         {
           style: o ? { display: "none" } : {},
           className: `${n}-view-value`,
-          children: ue(R ? s.placeholder : e)
+          children: ie(R ? s.placeholder : e)
         }
       )
     ] });
-  }, z = co(X), oe = C(c) ? c.count : c, ne = (e) => {
+  }, z = so(X), oe = C(c) ? c.count : c, ne = (e) => {
     const o = z(e);
     return { value: e, label: o.text, closable: !o.disabled };
-  }, L = Qe(() => {
+  }, L = Ye(() => {
     if (!I)
       return [];
-    const e = le(v) ? [] : [].concat(v);
-    return (de(oe) ? e.slice(0, oe) : e).map((P, g, re) => ne(P));
-  }, [v, I, c, z]), Le = () => {
-    const e = C(c) ? c.count : c, o = C(c) && c.showPopover, s = Q?.("input-tag"), P = (t) => C(c) && to(c.render) ? c.render(t) : e === "responsive" ? /* @__PURE__ */ k(
-      ie,
+    const e = ue(b) ? [] : [].concat(b);
+    return (de(oe) ? e.slice(0, oe) : e).map((k, g, te) => ne(k));
+  }, [b, I, c, z]), He = () => {
+    const e = C(c) ? c.count : c, o = C(c) && c.showPopover, s = Q?.("input-tag"), k = (r) => C(c) && go(c.render) ? c.render(r) : e === "responsive" ? /* @__PURE__ */ E(
+      le,
       {
         className: `${s}-tag`,
         children: [
           "+",
-          t,
+          r,
           "..."
         ]
       },
-      K
-    ) : `+${t}...`, g = le(v) ? [] : [].concat(v), re = () => {
-      for (let t = g.length - 1; t >= 0; t--) {
-        const l = g[t];
+      j
+    ) : `+${r}...`, g = ue(b) ? [] : [].concat(b), te = () => {
+      for (let r = g.length - 1; r >= 0; r--) {
+        const l = g[r];
         if (!z(l).disabled)
-          return t;
+          return r;
       }
       return -1;
-    }, j = {
+    }, H = {
       onPaste: i.paste,
       onKeyDown: i.keyDown,
       onFocus: i.focus,
       onBlur: i.blur,
       onInputChange: i.change,
-      onRemove: (t, l, u) => {
+      onRemove: (r, l, u) => {
         const $ = u.key;
         let a = -1;
-        $ === fo.key && (a = re()) !== -1 && (t = g[a], l = a), c && Be(), Re?.(t, l, u);
+        $ === po.key && (a = te()) !== -1 && (r = g[a], l = a), c && _e(), Oe?.(r, l, u);
       }
-    }, Ke = {
+    }, Ge = {
       suffix: null,
       prefix: null,
       addBefore: null,
@@ -189,13 +190,13 @@ const K = "__pqb_value_tag_placeholder", w = {
       labelInValue: !1
     }, se = (() => {
       if (de(e)) {
-        const t = g.length - e;
-        if (t > 0) {
+        const r = g.length - e;
+        if (r > 0) {
           const l = {
-            label: P(t),
+            label: k(r),
             closable: !1,
             // InputTag needs to extract value as key
-            value: K
+            value: j
           };
           if (o) {
             const u = g.map((a, d) => ({ val: a, index: d })).slice(e).map((a) => {
@@ -203,30 +204,30 @@ const K = "__pqb_value_tag_placeholder", w = {
               return M ? M(
                 {
                   ...d,
-                  onClose: (H) => j.onRemove(
+                  onClose: (K) => H.onRemove(
                     d.value,
                     a.index,
-                    H
+                    K
                   )
                 },
                 a.index,
                 L.concat(l)
-              ) : /* @__PURE__ */ Ye(
-                ie,
+              ) : /* @__PURE__ */ Ze(
+                le,
                 {
                   ...d,
                   key: d.value,
                   className: `${s}-tag`,
-                  onClose: (H) => j.onRemove(d.value, a.index, H)
+                  onClose: (K) => H.onRemove(d.value, a.index, K)
                 },
                 d.label
               );
             }), $ = C(o) ? o : {};
-            l.label = /* @__PURE__ */ r(
-              uo,
+            l.label = /* @__PURE__ */ t(
+              io,
               {
                 ...$,
-                content: !!u.length && /* @__PURE__ */ r(
+                content: !!u.length && /* @__PURE__ */ t(
                   "div",
                   {
                     onClick: (a) => {
@@ -242,120 +243,120 @@ const K = "__pqb_value_tag_placeholder", w = {
           return l;
         }
       }
-    })(), Ge = se ? L.concat(se) : L;
-    return /* @__PURE__ */ r(
-      lo,
+    })(), We = se ? L.concat(se) : L;
+    return /* @__PURE__ */ t(
+      co,
       {
-        ...Ke,
-        className: V ? `${Q?.("input-tag")}-focus` : "",
+        ...Ge,
+        className: _ ? `${Q?.("input-tag")}-focus` : "",
         ref: N,
-        disabled: b,
+        disabled: v,
         dragToSort: J,
         disableInput: !T,
-        animation: we,
+        animation: Ne,
         placeholder: q,
-        value: Ge,
+        value: We,
         inputValue: F,
-        size: y,
+        size: S,
         tagClassName: `${n}-tag`,
         renderTag: M,
-        icon: { removeIcon: Ne },
+        icon: { removeIcon: Te },
         maxTagCount: e === "responsive" ? {
           count: e,
-          render: P,
+          render: k,
           popoverProps: C(o) ? o : o ? {} : { disabled: !0 }
         } : void 0,
-        onChange: (t, l) => {
+        onChange: (r, l) => {
           if (A && l === "sort") {
-            const u = t.indexOf(
-              K
+            const u = r.indexOf(
+              j
             );
             if (u > -1) {
-              const $ = t.slice(0, u), a = t.slice(u + 1), d = g.slice(
-                t.length - 1 - g.length
+              const $ = r.slice(0, u), a = r.slice(u + 1), d = g.slice(
+                r.length - 1 - g.length
               );
               A($.concat(d, a));
             } else
-              A(t);
+              A(r);
           }
         },
-        ...j
+        ...H
       }
     );
-  }, te = xe || (x.error ? "error" : void 0), je = !b && !R && ve ? /* @__PURE__ */ r(
-    so,
+  }, re = Ie || (x.error ? "error" : void 0), Ke = !v && !R && Ce ? /* @__PURE__ */ t(
+    ao,
     {
-      size: y,
+      size: S,
       className: `${n}-clear-icon`,
-      onClick: Ee,
-      onMouseDown: _,
-      children: D ?? /* @__PURE__ */ r(Ze, {})
+      onClick: De,
+      onMouseDown: B,
+      children: D ?? /* @__PURE__ */ t(eo, {})
     },
     "clearIcon"
-  ) : null, He = E(
+  ) : null, je = P(
     n,
     `${n}-${I ? "multiple" : "single"}`,
     {
       [`${n}-show-search`]: T,
-      [`${n}-open`]: m,
-      [`${n}-size-${y}`]: y,
-      [`${n}-focused`]: V,
-      [`${n}-${te}`]: te,
-      [`${n}-disabled`]: b,
+      [`${n}-open`]: p,
+      [`${n}-size-${S}`]: S,
+      [`${n}-focused`]: _,
+      [`${n}-${re}`]: re,
+      [`${n}-disabled`]: v,
       [`${n}-no-border`]: !be,
-      [`${n}-rtl`]: $e
+      [`${n}-rtl`]: Se
     },
-    he
+    ge
   );
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ t(
     "div",
     {
       role: "combobox",
       "aria-haspopup": "listbox",
       "aria-autocomplete": "list",
-      "aria-expanded": m,
-      "aria-disabled": b,
-      "aria-controls": Te,
-      ...po(Oe, ["onClick", "onMouseEnter", "onMouseLeave"]),
+      "aria-expanded": p,
+      "aria-disabled": v,
+      "aria-controls": $e,
+      ...uo(Me, ["onClick", "onMouseEnter", "onMouseLeave"]),
       ...ye,
       ref: f,
-      tabIndex: b ? -1 : 0,
-      id: me,
-      style: fe,
-      className: He,
+      tabIndex: v ? -1 : 0,
+      id: fe,
+      style: he,
+      className: je,
       onKeyDown: ee,
       onFocus: (e) => {
-        !b && !J && (p ? N.current && N.current.focus() : S("focus", e));
+        !v && !J && (m ? N.current && N.current.focus() : y("focus", e));
       },
-      onBlur: (e) => S("blur", e),
-      children: /* @__PURE__ */ k(
+      onBlur: (e) => y("blur", e),
+      children: /* @__PURE__ */ E(
         "div",
         {
-          title: typeof h == "string" ? h : void 0,
-          className: E(`${n}-view`, {
+          title: ho(h) ? h : void 0,
+          className: P(`${n}-view`, {
             [`${n}-view-with-prefix`]: O
           }),
-          onClick: (e) => m && p && e.stopPropagation(),
+          onClick: (e) => p && m && e.stopPropagation(),
           children: [
-            O && /* @__PURE__ */ r(
+            O && /* @__PURE__ */ t(
               "div",
               {
                 "aria-hidden": "true",
-                className: E(`${n}-prefix`),
-                onMouseDown: (e) => B && _(e),
+                className: P(`${n}-prefix`),
+                onMouseDown: (e) => V && B(e),
                 children: O
               }
             ),
-            I ? Le() : ze(),
-            /* @__PURE__ */ k(
+            I ? He() : Le(),
+            /* @__PURE__ */ E(
               "div",
               {
                 "aria-hidden": "true",
                 className: `${n}-suffix`,
-                onMouseDown: (e) => B && _(e),
+                onMouseDown: (e) => V && B(e),
                 children: [
-                  je,
-                  Ue
+                  Ke,
+                  ze
                 ]
               }
             )