@unicom-cloud/ui 0.8.144 → 0.8.147

package/select-view/Core.js

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