@unicom-cloud/ui 0.8.141 → 0.8.143

package/select-view/Core.js

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