@unicom-cloud/ui 0.8.133 → 0.8.135

package/select/index.js

@@ -1,4 +1,4 @@
-/* 2025-12-30 17:27:22 */
+/* 2026-01-08 16:35:57 */
 import t from "./Select.js";
 import { default as r } from "./Option.js";
 import { default as f } from "./OptGroup.js";

package/select/utils.js

@@ -1,4 +1,4 @@
-/* 2025-12-30 17:27:22 */
+/* 2026-01-08 16:35:57 */
 import { jsx as K } from "react/jsx-runtime";
 import a from "lodash/get";
 import u from "react";

package/select-view/Core.js

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