@unicom-cloud/ui 0.8.66 → 0.8.67

package/SelectView.js

@@ -1,343 +1,362 @@
-import { jsx as n, jsxs as k, Fragment as Xe } from "react/jsx-runtime";
-import Ee, { useRef as ue, useContext as Je, useState as Ie, useEffect as Qe, useImperativeHandle as De, useMemo as Ye, createElement as Ze } from "react";
-import { y as A } from "./chunk/BAWsPQBM.js";
-import "./utils/is.js";
-import { pickDataAttributes as eo } from "./utils/pick.js";
+import { jsx as r, jsxs as k } from "react/jsx-runtime";
+import Pe, { useRef as fe, useContext as Je, useState as Te, useEffect as Qe, useImperativeHandle as De, useMemo as Ye, createElement as Ze } from "react";
+import { m as R } from "./chunk/JPPo5nY_.js";
+import "./chunk/CkNSv2U7.js";
+import { r as eo } from "./chunk/D7NyvE5f.js";
 import oo from "@unicom-cloud/icons/IconUiClose";
-import to from "@unicom-cloud/icons/IconUiDown";
-import ro from "@unicom-cloud/icons/IconUiLoading";
-import no from "@unicom-cloud/icons/IconUiSearch";
+import no from "@unicom-cloud/icons/IconUiDown";
+import to from "@unicom-cloud/icons/IconUiLoading";
+import ro from "@unicom-cloud/icons/IconUiSearch";
 import so from "lodash/isFunction";
-import $e from "lodash/isUndefined";
-import { d as ao, I as lo } from "./chunk/-zpSUpGE.js";
-import { useForceUpdate as co } from "./hooks/useForceUpdate.js";
-import { usePersistCallback as io } from "./hooks/usePersistCallback.js";
-import { I as uo } from "./chunk/C6QWSzsM.js";
-import { I as fo } from "./chunk/BIT0j3HT.js";
+import ve from "lodash/isUndefined";
+import { a as ao, I as lo } from "./chunk/BJQ5UNa-.js";
+import { c as co } from "./chunk/BP9sYyk9.js";
+import { a as io } from "./chunk/fdU3ang6.js";
+import { I as uo } from "./chunk/D8oTPQ2H.js";
+import { I as fo } from "./chunk/Dz5BdmXo.js";
 import po from "./Popover.js";
-import Te from "./Tag.js";
-import ye from "./utils/fillNBSP.js";
-import mo from "./utils/include.js";
-import { E as ho, B as go } from "./chunk/C2lIz2F9.js";
+import ye from "./Tag.js";
+import { l as Se } from "./chunk/DGTIZ_0O.js";
+import { f as mo } from "./chunk/BxUs8_Cr.js";
+import { e as ho, t as go } from "./chunk/BrOW642m.js";
 import "./chunk/CSC_V_25.js";
-import T from "lodash/isPlainObject.js";
-import Se from "lodash/isNumber.js";
-const ie = "__pqb_value_tag_placeholder", $ = {
+import x from "lodash/isPlainObject.js";
+import Ee from "lodash/isNumber.js";
+const de = "__pqb_value_tag_placeholder", v = {
   BEFORE: 0,
   EDITING: 1,
   NONE: 2
-}, bo = Ee.forwardRef(function(m, y) {
+}, bo = Pe.forwardRef(function(m, y) {
   const {
-    id: W,
-    style: z,
-    className: L,
+    id: z,
+    style: L,
+    className: j,
     size: S,
-    bordered: j,
-    allowClear: F,
+    bordered: H,
+    allowClear: V,
     allowCreate: E,
-    status: H,
-    loading: R,
+    status: G,
+    loading: F,
     disabled: i,
-    animation: V,
-    prefixCls: o,
+    animation: O,
+    prefixCls: n,
     suffixIcon: h,
     arrowIcon: g,
-    removeIcon: O,
+    removeIcon: M,
     clearIcon: b,
-    placeholder: de,
-    renderText: fe,
-    value: C,
-    inputValue: G,
-    popupVisible: v,
-    maxTagCount: a,
-    isMultiple: I,
-    isEmptyValue: K,
-    prefix: q,
-    ariaControls: Pe,
-    renderTag: X,
-    dragToSort: pe,
+    placeholder: pe,
+    renderText: me,
+    value: N,
+    inputValue: K,
+    popupVisible: w,
+    maxTagCount: l,
+    isMultiple: T,
+    isEmptyValue: q,
+    prefix: X,
+    ariaControls: Ae,
+    renderTag: J,
+    dragToSort: he,
     rtl: ke,
-    htmlDataAttributes: Ae,
-    onKeyDown: J,
-    onChangeInputValue: Q,
-    onPaste: Fe,
-    onClear: Re,
-    onFocus: Y,
-    onBlur: Z,
-    onRemoveCheckedItem: ee,
-    onSort: oe,
-    ...Ve
-  } = m, D = ue(null), w = ue(null), { size: Oe, getPrefixCls: me } = Je(ao), [Be, he] = Ie($.NONE), [te, ge] = Ie(!1), Me = co(), P = "showSearch" in m ? m.showSearch : I, f = P || E, B = S || Oe, re = te || v, _e = T(P) && P.retainInputValue, x = !I && C !== void 0 ? fe(C).text : "", ne = (e) => {
-    var t;
-    (t = e == null ? void 0 : e.preventDefault) == null || t.call(e);
-  }, se = (e) => {
-    const t = f ? D.current : w.current;
-    t && (e === "focus" ? t.focus() : t.blur());
-  }, M = (e, t) => {
-    f && t.target === w.current || (e === "focus" ? (ge(!0), Y == null || Y(t)) : (ge(!1), Z == null || Z(t)));
-  }, be = (e) => {
-    if (f && e.currentTarget === w.current)
+    htmlDataAttributes: Re,
+    onKeyDown: Q,
+    onChangeInputValue: Y,
+    onPaste: Ve,
+    onClear: Fe,
+    onFocus: Z,
+    onBlur: ee,
+    onRemoveCheckedItem: oe,
+    onSort: ne,
+    ...Oe
+  } = m, P = fe(null), C = fe(null), { size: Me, getPrefixCls: ge } = Je(ao), [_e, be] = Te(v.NONE), [te, we] = Te(!1), We = co(), D = "showSearch" in m ? m.showSearch : T, p = D || E, _ = S || Me, re = te || w, Be = x(D) && D.retainInputValue, I = !T && N !== void 0 ? me(N).text : "", se = (e) => {
+    var o;
+    (o = e == null ? void 0 : e.preventDefault) == null || o.call(e);
+  }, ae = (e) => {
+    const o = p ? P.current : C.current;
+    o && (e === "focus" ? o.focus() : o.blur());
+  }, W = (e, o) => {
+    p && o.target === C.current || (e === "focus" ? (we(!0), Z == null || Z(o)) : (we(!1), ee == null || ee(o)));
+  }, Ce = (e) => {
+    if (p && e.currentTarget === C.current)
       return;
-    e.key === ho.key && e.preventDefault(), J == null || J(e);
+    e.key === ho.key && e.preventDefault(), Q == null || Q(e);
   };
   Qe(() => {
-    se(v ? "focus" : "blur"), f && he(v ? $.BEFORE : $.NONE);
-  }, [v]), De(y, () => ({
-    dom: w.current,
-    getRootDOMNode: () => w.current,
-    focus: se.bind(null, "focus"),
-    blur: se.bind(null, "blur"),
-    getWidth: () => w.current && w.current.clientWidth
+    ae(w ? "focus" : "blur"), p && be(w ? v.BEFORE : v.NONE);
+  }, [w]), De(y, () => ({
+    dom: C.current,
+    getRootDOMNode: () => C.current,
+    focus: ae.bind(null, "focus"),
+    blur: ae.bind(null, "blur"),
+    getWidth: () => C.current && C.current.clientWidth
   }));
-  const Ue = "arrowIcon" in m ? g === null ? null : /* @__PURE__ */ n("div", { className: `${o}-arrow-icon`, children: g }) : /* @__PURE__ */ n("div", { className: `${o}-arrow-icon`, children: /* @__PURE__ */ n(to, {}) }), We = R ? /* @__PURE__ */ n("span", { className: `${o}-loading-icon`, children: /* @__PURE__ */ n(ro, {}) }) : h ? /* @__PURE__ */ n("span", { className: `${o}-suffix-icon`, children: h }) : m.showSearch && v ? /* @__PURE__ */ n("div", { className: `${o}-search-icon`, children: /* @__PURE__ */ n(no, {}) }) : Ue, u = {
-    paste: Fe,
-    keyDown: be,
+  const Ue = "arrowIcon" in m ? g === null ? null : /* @__PURE__ */ r("div", { className: `${n}-arrow-icon`, children: g }) : /* @__PURE__ */ r("div", { className: `${n}-arrow-icon`, children: /* @__PURE__ */ r(no, {}) }), ze = F ? /* @__PURE__ */ r("span", { className: `${n}-loading-icon`, children: /* @__PURE__ */ r(to, {}) }) : h ? /* @__PURE__ */ r("span", { className: `${n}-suffix-icon`, children: h }) : m.showSearch && w ? /* @__PURE__ */ r("div", { className: `${n}-search-icon`, children: /* @__PURE__ */ r(ro, {}) }) : Ue, u = {
+    paste: Ve,
+    keyDown: Ce,
     focus: (e) => {
-      e.stopPropagation(), M("focus", e);
+      e.stopPropagation(), W("focus", e);
     },
     blur: (e) => {
-      e.stopPropagation(), M("blur", e);
+      e.stopPropagation(), W("blur", e);
     },
-    change: (e, t) => {
-      he($.EDITING), Q == null || Q(e, t);
+    change: (e, o) => {
+      be(v.EDITING), Y == null || Y(e, o);
     }
-  }, ze = () => {
+  }, Le = () => {
     let e;
-    switch (Be) {
-      case $.BEFORE:
-        e = G || (_e ? x : "");
+    switch (_e) {
+      case v.BEFORE:
+        e = K || (Be ? I : "");
         break;
-      case $.EDITING:
-        e = G || "";
+      case v.EDITING:
+        e = K || "";
         break;
       default:
-        e = x;
+        e = I;
         break;
     }
-    const t = !!(re && f || K), s = {
+    const o = !!(re && p || q), s = {
       style: { width: "100%" },
       // _inputValue after renderText(value) may be rich text, but the value of <input> cannot be object
-      value: t && typeof e != "object" ? e : "",
+      value: o && typeof e != "object" ? e : "",
       // Allow placeholder to display the selected value first when searching
-      placeholder: f && x && typeof x != "object" ? x : de
+      placeholder: p && I && typeof I != "object" ? I : pe
     };
-    return f ? (s.onPaste = u.paste, s.onKeyDown = u.keyDown, s.onFocus = u.focus, s.onBlur = u.blur, s.onChange = u.change) : (s.tabIndex = -1, s.style.pointerEvents = "none"), /* @__PURE__ */ k("span", { className: `${o}-view-selector`, children: [
-      /* @__PURE__ */ n(
+    return p ? (s.onPaste = u.paste, s.onKeyDown = u.keyDown, s.onFocus = u.focus, s.onBlur = u.blur, s.onChange = u.change) : (s.tabIndex = -1, s.style.pointerEvents = "none"), /* @__PURE__ */ k("span", { className: `${n}-view-selector`, children: [
+      /* @__PURE__ */ r(
         fo,
         {
-          "aria-hidden": !t || void 0,
-          ref: D,
+          "aria-hidden": !o || void 0,
+          ref: P,
           disabled: i,
-          className: A(`${o}-view-input`, {
-            [`${o}-hidden`]: !t
+          className: R(`${n}-view-input`, {
+            [`${n}-hidden`]: !o
           }),
           autoComplete: "off",
           ...s
         }
       ),
-      t ? /* @__PURE__ */ n("span", { className: `${o}-view-value-mirror`, children: ye(s.value ? e : s.placeholder) }) : null,
-      /* @__PURE__ */ n(
+      o ? /* @__PURE__ */ r("span", { className: `${n}-view-value-mirror`, children: Se(s.value ? e : s.placeholder) }) : null,
+      /* @__PURE__ */ r(
         "span",
         {
-          style: t ? { display: "none" } : {},
-          className: `${o}-view-value`,
-          children: ye(K ? s.placeholder : e)
+          style: o ? { display: "none" } : {},
+          className: `${n}-view-value`,
+          children: Se(q ? s.placeholder : e)
         }
       )
     ] });
-  }, ae = io(fe), ve = T(a) ? a.count : a, we = (e) => {
-    const t = ae(e);
-    return { value: e, label: t.text, closable: !t.disabled };
-  }, le = Ye(() => {
-    if (!I)
+  }, le = io(me), xe = x(l) ? l.count : l, Ne = (e) => {
+    const o = le(e);
+    return { value: e, label: o.text, closable: !o.disabled };
+  }, ce = Ye(() => {
+    if (!T)
       return [];
-    const e = $e(C) ? [] : [].concat(C);
-    return (Se(ve) ? e.slice(0, ve) : e).map((_) => we(_));
-  }, [C, I, a, ae]), Le = () => {
-    const e = T(a) ? a.count : a, t = T(a) && a.showPopover, s = me("input-tag"), _ = (r) => T(a) && so(a.render) ? a.render(r) : e === "responsive" ? /* @__PURE__ */ k(
-      Te,
+    const e = ve(N) ? [] : [].concat(N);
+    return (Ee(xe) ? e.slice(0, xe) : e).map((B) => Ne(B));
+  }, [N, T, l, le]), je = () => {
+    const e = x(l) ? l.count : l, o = x(l) && l.showPopover, s = ge("input-tag"), B = (t) => x(l) && so(l.render) ? l.render(t) : e === "responsive" ? /* @__PURE__ */ k(
+      ye,
       {
         className: `${s}-tag`,
         children: [
           "+",
-          r,
+          t,
           "..."
         ]
       },
-      ie
-    ) : `+${r}...`, N = $e(C) ? [] : [].concat(C), Ge = () => {
-      for (let r = N.length - 1; r >= 0; r--) {
-        const c = N[r];
-        if (!ae(c).disabled)
-          return r;
+      de
+    ) : `+${t}...`, $ = ve(N) ? [] : [].concat(N), Ke = () => {
+      for (let t = $.length - 1; t >= 0; t--) {
+        const c = $[t];
+        if (!le(c).disabled)
+          return t;
       }
       return -1;
-    }, xe = {
+    }, ie = {
       onPaste: u.paste,
       onKeyDown: u.keyDown,
       onFocus: u.focus,
       onBlur: u.blur,
       onInputChange: u.change,
-      onRemove: (r, c, d) => {
-        const p = d.key;
-        let l = -1;
-        p === go.key && (l = Ge()) !== -1 && (r = N[l], c = l), a && Me(), ee == null || ee(r, c, d);
+      onRemove: (t, c, d) => {
+        const A = d.key;
+        let a = -1;
+        A === go.key && (a = Ke()) !== -1 && (t = $[a], c = a), l && We(), oe == null || oe(t, c, d);
       }
-    }, Ke = {
+    }, qe = {
       suffix: null,
       prefix: null,
       addBefore: null,
       addAfter: null,
       allowClear: !1,
       labelInValue: !1
-    }, Ne = (() => {
-      if (Se(e)) {
-        const r = N.length - e;
-        if (r > 0) {
+    }, $e = (() => {
+      if (Ee(e)) {
+        const t = $.length - e;
+        if (t > 0) {
           const c = {
-            label: _(r),
+            label: B(t),
             closable: !1,
             // InputTag needs to extract value as key
-            value: ie
+            value: de
           };
-          if (t) {
-            const d = N.map((p, l) => ({ val: p, index: l })).slice(e).map((p) => {
-              const l = we(p.val);
-              return X ? X(
-                { ...l, onClose: () => {
-                } },
-                p.index,
-                le.concat(c)
+          if (o) {
+            const d = $.map((a, f) => ({ val: a, index: f })).slice(e).map((a) => {
+              const f = Ne(a.val);
+              return J ? J(
+                {
+                  ...f,
+                  onClose: (ue) => {
+                    ie.onRemove(f.value, a.index, ue);
+                  }
+                },
+                a.index,
+                ce.concat(c)
               ) : /* @__PURE__ */ Ze(
-                Te,
+                ye,
                 {
-                  ...l,
-                  key: l.value,
+                  ...f,
+                  key: f.value,
                   className: `${s}-tag`,
-                  onClose: (ce) => xe.onRemove(l.value, p.index, ce)
+                  onClose: (ue) => ie.onRemove(f.value, a.index, ue)
                 },
-                l.label
+                f.label
               );
-            });
-            c.label = /* @__PURE__ */ n(po, { content: !!d.length && /* @__PURE__ */ n(Xe, { children: d }), children: c.label });
+            }), A = x(o) ? o : {};
+            c.label = /* @__PURE__ */ r(
+              po,
+              {
+                ...A,
+                content: !!d.length && /* @__PURE__ */ r(
+                  "div",
+                  {
+                    onClick: (a) => {
+                      a.stopPropagation();
+                    },
+                    children: d
+                  }
+                ),
+                children: c.label
+              }
+            );
           }
           return c;
         }
       }
-    })(), qe = Ne ? le.concat(Ne) : le;
-    return /* @__PURE__ */ n(
+    })(), Xe = $e ? ce.concat($e) : ce;
+    return /* @__PURE__ */ r(
       uo,
       {
-        ...Ke,
-        className: re ? `${me("input-tag")}-focus` : "",
-        ref: D,
+        ...qe,
+        className: re ? `${ge("input-tag")}-focus` : "",
+        ref: P,
         disabled: i,
-        dragToSort: pe,
-        disableInput: !P,
-        animation: V,
-        placeholder: de,
-        value: qe,
-        inputValue: G,
-        size: B,
-        tagClassName: `${o}-tag`,
-        renderTag: X,
-        icon: { removeIcon: O },
+        dragToSort: he,
+        disableInput: !D,
+        animation: O,
+        placeholder: pe,
+        value: Xe,
+        inputValue: K,
+        size: _,
+        tagClassName: `${n}-tag`,
+        renderTag: J,
+        icon: { removeIcon: M },
         maxTagCount: e === "responsive" ? {
           count: e,
-          render: _,
-          popoverProps: t ? {} : { disabled: !0 }
+          render: B,
+          popoverProps: x(o) ? o : o ? {} : { disabled: !0 }
         } : void 0,
-        onChange: (r, c) => {
-          if (oe && c === "sort") {
-            const d = r.indexOf(
-              ie
+        onChange: (t, c) => {
+          if (ne && c === "sort") {
+            const d = t.indexOf(
+              de
             );
             if (d > -1) {
-              const p = r.slice(0, d), l = r.slice(d + 1), ce = N.slice(
-                r.length - 1 - N.length
+              const A = t.slice(0, d), a = t.slice(d + 1), f = $.slice(
+                t.length - 1 - $.length
               );
-              oe(p.concat(ce, l));
+              ne(A.concat(f, a));
             } else
-              oe(r);
+              ne(t);
           }
         },
-        ...xe
+        ...ie
       }
     );
-  }, Ce = H || (m.error ? "error" : void 0), je = !i && !K && F ? /* @__PURE__ */ n(
+  }, Ie = G || (m.error ? "error" : void 0), He = !i && !q && V ? /* @__PURE__ */ r(
     lo,
     {
-      size: B,
-      className: `${o}-clear-icon`,
-      onClick: Re,
-      onMouseDown: ne,
-      children: b ?? /* @__PURE__ */ n(oo, {})
+      size: _,
+      className: `${n}-clear-icon`,
+      onClick: Fe,
+      onMouseDown: se,
+      children: b ?? /* @__PURE__ */ r(oo, {})
     },
     "clearIcon"
-  ) : null, He = A(
-    o,
-    `${o}-${I ? "multiple" : "single"}`,
+  ) : null, Ge = R(
+    n,
+    `${n}-${T ? "multiple" : "single"}`,
     {
-      [`${o}-show-search`]: P,
-      [`${o}-open`]: v,
-      [`${o}-size-${B}`]: B,
-      [`${o}-focused`]: re,
-      [`${o}-${Ce}`]: Ce,
-      [`${o}-disabled`]: i,
-      [`${o}-no-border`]: !j,
-      [`${o}-rtl`]: ke
+      [`${n}-show-search`]: D,
+      [`${n}-open`]: w,
+      [`${n}-size-${_}`]: _,
+      [`${n}-focused`]: re,
+      [`${n}-${Ie}`]: Ie,
+      [`${n}-disabled`]: i,
+      [`${n}-no-border`]: !H,
+      [`${n}-rtl`]: ke
     },
-    L
+    j
   );
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ r(
     "div",
     {
       role: "combobox",
       "aria-haspopup": "listbox",
       "aria-autocomplete": "list",
-      "aria-expanded": v,
+      "aria-expanded": w,
       "aria-disabled": i,
-      "aria-controls": Pe,
-      ...mo(Ve, ["onClick", "onMouseEnter", "onMouseLeave"]),
-      ...Ae,
-      ref: w,
+      "aria-controls": Ae,
+      ...mo(Oe, ["onClick", "onMouseEnter", "onMouseLeave"]),
+      ...Re,
+      ref: C,
       tabIndex: i ? -1 : 0,
-      id: W,
-      style: z,
-      className: He,
-      onKeyDown: be,
+      id: z,
+      style: L,
+      className: Ge,
+      onKeyDown: Ce,
       onFocus: (e) => {
-        !i && !pe && (f ? D.current && D.current.focus() : M("focus", e));
+        !i && !he && (p ? P.current && P.current.focus() : W("focus", e));
       },
-      onBlur: (e) => M("blur", e),
+      onBlur: (e) => W("blur", e),
       children: /* @__PURE__ */ k(
         "div",
         {
-          title: typeof x == "string" ? x : void 0,
-          className: A(`${o}-view`, {
-            [`${o}-view-with-prefix`]: q
+          title: typeof I == "string" ? I : void 0,
+          className: R(`${n}-view`, {
+            [`${n}-view-with-prefix`]: X
           }),
-          onClick: (e) => v && f && e.stopPropagation(),
+          onClick: (e) => w && p && e.stopPropagation(),
           children: [
-            q && /* @__PURE__ */ n(
+            X && /* @__PURE__ */ r(
               "div",
               {
                 "aria-hidden": "true",
-                className: A(`${o}-prefix`),
-                onMouseDown: (e) => te && ne(e),
-                children: q
+                className: R(`${n}-prefix`),
+                onMouseDown: (e) => te && se(e),
+                children: X
               }
             ),
-            I ? Le() : ze(),
+            T ? je() : Le(),
             /* @__PURE__ */ k(
               "div",
               {
                 "aria-hidden": "true",
-                className: `${o}-suffix`,
-                onMouseDown: (e) => te && ne(e),
+                className: `${n}-suffix`,
+                onMouseDown: (e) => te && se(e),
                 children: [
-                  je,
-                  We
+                  He,
+                  ze
                 ]
               }
             )
@@ -346,31 +365,31 @@ const ie = "__pqb_value_tag_placeholder", $ = {
       )
     }
   );
-}), vo = (U, m) => {
+}), wo = (U, m) => {
   const {
     prefixCls: y,
-    id: W,
-    style: z,
-    className: L,
+    id: z,
+    style: L,
+    className: j,
     addBefore: S,
-    rtl: j,
-    renderView: F,
+    rtl: H,
+    renderView: V,
     autoWidth: E,
-    ...H
-  } = U, R = E ? {
+    ...G
+  } = U, F = E ? {
     minWidth: 0,
     maxWidth: "100%",
-    ...T(E) ? E : {}
-  } : null, i = ue(null), V = S != null, h = V || !1, g = {
-    id: W,
-    style: { ...R, width: R ? "auto" : void 0, ...z },
-    className: L
-  }, O = eo(H);
+    ...x(E) ? E : {}
+  } : null, i = fe(null), O = S != null, h = O || !1, g = {
+    id: z,
+    style: { ...F, width: F ? "auto" : void 0, ...L },
+    className: j
+  }, M = eo(G);
   De(
     m,
     () => i.current
   );
-  let b = /* @__PURE__ */ n(
+  let b = /* @__PURE__ */ r(
     bo,
     {
       ...U,
@@ -378,31 +397,31 @@ const ie = "__pqb_value_tag_placeholder", $ = {
       id: h ? void 0 : g.id,
       style: h ? void 0 : g.style,
       className: h ? void 0 : g.className,
-      htmlDataAttributes: h ? {} : O
+      htmlDataAttributes: h ? {} : M
     }
   );
-  return typeof F == "function" && (b = F(b)), h ? /* @__PURE__ */ k(
+  return typeof V == "function" && (b = V(b)), h ? /* @__PURE__ */ k(
     "div",
     {
-      ...O,
+      ...M,
       ...g,
-      className: A(
+      className: R(
         `${y}-wrapper`,
         {
-          [`${y}-wrapper-rtl`]: j
+          [`${y}-wrapper-rtl`]: H
         },
         g.className
       ),
       children: [
-        V && /* @__PURE__ */ n("div", { className: `${y}-addbefore`, children: S }),
+        O && /* @__PURE__ */ r("div", { className: `${y}-addbefore`, children: S }),
         b
       ]
     }
   ) : b;
-}, wo = Ee.forwardRef(
-  vo
+}, Co = Pe.forwardRef(
+  wo
 );
-wo.displayName = "SelectView";
+Co.displayName = "SelectView";
 export {
-  wo as default
+  Co as default
 };