@unicom-cloud/ui 0.8.134 → 0.8.135

package/input-tag/InputTag.js

@@ -1,28 +1,31 @@
-/* 2026-01-04 16:21:01 */
-import { jsx as l, jsxs as x } from "react/jsx-runtime";
-import je from "@unicom-cloud/icons/IconUiClose";
-import pe, { useContext as Ke, useRef as A, useState as We, useImperativeHandle as Ue, useMemo as qe } from "react";
+/* 2026-01-08 16:35:57 */
+import { jsx as s, jsxs as E } from "react/jsx-runtime";
+import Ye from "@unicom-cloud/icons/IconUiClose";
+import de, { useContext as A, useRef as H, useState as qe, useImperativeHandle as Ge, useMemo as Je } from "react";
 import "../config-provider/ConfigProvider.js";
-import { STRING_RESPONSIVE as Ge } from "../constant/index.js";
-import Ye from "../draggable/index.js";
-import Je from "../flex/index.js";
-import Qe from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import ie from "@unicom-cloud/ui-common/hooks/use-merge-value";
-import Xe from "../icon-hover/index.js";
-import Ze from "../input/InputElement.js";
-import eo from "../overflow-ellipsis/index.js";
-import oo from "../popover/Popover.js";
-import to from "../tag/index.js";
-import R from "@unicom-cloud/ui-common/utils/className";
-import ao from "@unicom-cloud/ui-common/utils/fillNBSP";
-import no from "@unicom-cloud/ui-common/utils/getHotkeyHandler";
-import { isObjectLike as z, isArray as de, isPlainObject as fe, isNumber as ro, isString as so, isFunction as ce } from "@unicom-cloud/ui-common/utils/is";
-import { Backspace as lo } from "@unicom-cloud/utils/constant/keyboardCode";
-import io from "@unicom-cloud/ui-common/utils/omit";
-import co from "../config-provider/context.js";
-const uo = `__input_${Math.random().toFixed(10).slice(2)}`, N = (i) => i == null, E = (i) => {
+import { STRING_RESPONSIVE as Qe } from "../constant/index.js";
+import Xe from "../draggable/index.js";
+import Ze from "../flex/index.js";
+import { FormContext as eo, FormItemContext as oo } from "../form/context.js";
+import to from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import ce from "@unicom-cloud/ui-common/hooks/use-merge-value";
+import ao from "../icon-hover/index.js";
+import ro from "../input/InputElement.js";
+import no from "../overflow-ellipsis/index.js";
+import lo from "../popover/Popover.js";
+import so from "../tag/index.js";
+import N from "@unicom-cloud/ui-common/utils/className";
+import io from "@unicom-cloud/ui-common/utils/fillNBSP";
+import co from "@unicom-cloud/ui-common/utils/getHotkeyHandler";
+import { isObjectLike as O, isArray as me, isPlainObject as fe, isNumber as uo, isString as po, isFunction as ue } from "@unicom-cloud/ui-common/utils/is";
+import { Backspace as mo } from "@unicom-cloud/utils/constant/keyboardCode";
+import fo from "@unicom-cloud/ui-common/utils/omit";
+import { HYPHEN as go } from "@unicom-cloud/utils/constant/string";
+import "@unicom-cloud/ui-common/utils/string";
+import vo from "../config-provider/context.js";
+const ho = `__input_${Math.random().toFixed(10).slice(2)}`, I = (i) => i == null, R = (i) => {
   i.target.tagName !== "INPUT" && i.preventDefault();
-}, ue = (i) => de(i) ? i.map((c) => fe(c) ? {
+}, pe = (i) => me(i) ? i.map((c) => fe(c) ? {
   ...c,
   label: "label" in c ? c.label : c.value,
   value: c.value,
@@ -30,317 +33,326 @@ const uo = `__input_${Math.random().toFixed(10).slice(2)}`, N = (i) => i == null
 } : {
   label: c,
   value: c
-}) : [], po = {
+}) : [], Co = {
   // animation: true,
-  validate: (i, c) => i && c.every((B) => B.value !== i)
+  validate: (i, c) => i && c.every((z) => z.value !== i)
 };
-function fo(i, c) {
+function bo(i, c) {
   const {
-    prefixCls: B,
-    getPrefixCls: me,
-    size: ge,
-    componentConfig: ve,
-    rtl: H
-  } = Ke(co), u = Qe(
+    prefixCls: z,
+    getPrefixCls: ge,
+    size: ve,
+    componentConfig: he,
+    rtl: B
+  } = A(vo), Ce = A(eo), be = A(oo), p = to(
     i,
-    po,
-    ve?.InputTag
+    Co,
+    he?.InputTag
   ), {
-    className: he,
-    style: Ce,
-    placeholder: be,
-    error: Ne,
+    className: Ne,
+    style: Ie,
+    placeholder: ye,
+    error: $e,
     disabled: g,
-    readOnly: m,
-    allowClear: Ie,
-    autoFocus: $e,
-    labelInValue: ye,
-    disableInput: Pe,
+    readOnly: u = be.readOnly ?? Ce.readOnly,
+    allowClear: Pe,
+    autoFocus: we,
+    labelInValue: Te,
+    disableInput: xe,
     // animation,
-    saveOnBlur: Te,
-    dragToSort: we,
-    icon: S,
-    prefix: O,
-    suffix: L,
-    addBefore: j,
-    addAfter: K,
-    tokenSeparators: k,
-    validate: I,
-    renderTag: W,
-    tagClassName: U,
+    saveOnBlur: Ve,
+    dragToSort: Ee,
+    icon: F,
+    prefix: L,
+    suffix: j,
+    addBefore: K,
+    addAfter: W,
+    tokenSeparators: S,
+    validate: y,
+    renderTag: U,
+    tagClassName: Y,
     maxTagCount: f,
-    onInputChange: Ve,
-    onKeyDown: xe,
-    onPaste: Re,
-    onChange: Ee,
-    onFocus: Se,
-    onBlur: ke,
-    onPressEnter: De,
-    onRemove: Fe,
-    onClear: _e,
+    onInputChange: Re,
+    onKeyDown: Fe,
+    onPaste: Se,
+    onChange: ke,
+    onFocus: De,
+    onBlur: _e,
+    onPressEnter: Me,
+    onRemove: Ae,
+    onClear: He,
     onClick: q,
-    ...Me
-  } = u, t = me?.("input-tag"), $ = "size" in u ? u.size : ge, h = z(f) ? f.count : f, v = A(void 0), D = A(void 0), F = A(void 0), [y, G] = We(!1), [n, Ae] = ie([], {
-    defaultValue: "defaultValue" in u ? ue(u.defaultValue) : void 0,
-    value: "value" in u ? ue(u.value) : void 0
-  }), [C, P] = ie("", {
-    value: u.inputValue
-  }), ze = !!(we && !m && !g);
-  Ue(c, () => ({
+    ...Oe
+  } = p, t = ge?.("input-tag"), $ = "size" in p ? p.size : ve, ze = u ? go : ye, h = O(f) ? f.count : f, v = H(void 0), k = H(void 0), D = H(void 0), [P, G] = qe(!1), [r, Be] = ce([], {
+    defaultValue: "defaultValue" in p ? pe(p.defaultValue) : void 0,
+    value: "value" in p ? pe(p.value) : void 0
+  }), [C, w] = ce("", {
+    value: p.inputValue
+  }), Le = !!(Ee && !u && !g);
+  Ge(c, () => ({
     blur: v.current?.blur,
     focus: v.current?.focus,
     getRootElement() {
-      return F.current;
+      return D.current;
     },
     getInputElement() {
       return v.current.getRootElement();
     }
   }), []);
   const b = (e, o) => {
-    g || m || ("value" in u || Ae(e), Ee?.(ye ? e : e.map((r) => r?.value), o));
-  }, Y = (e, o, r) => {
-    Fe?.(e, o, r), b(
-      [...n.slice(0, o), ...n.slice(o + 1)],
+    g || u || ("value" in p || Be(e), ke?.(Te ? e : e.map((n) => n?.value), o));
+  }, J = (e, o, n) => {
+    Ae?.(e, o, n), b(
+      [...r.slice(0, o), ...r.slice(o + 1)],
       "remove"
     );
-  }, Be = no(
+  }, je = co(
     /* @__PURE__ */ new Map([
       [
-        lo.key,
+        mo.key,
         (e) => {
-          if (!e.target.value && n.length)
-            for (let o = n.length - 1; o >= 0; o--) {
-              const r = n[o];
-              if (r.closable !== !1) {
-                Y(r, o, e);
+          if (!e.target.value && r.length)
+            for (let o = r.length - 1; o >= 0; o--) {
+              const n = r[o];
+              if (n.closable !== !1) {
+                J(n, o, e);
                 return;
               }
             }
         }
       ]
     ])
-  ), J = async () => {
+  ), Q = async () => {
     try {
-      const e = ce(I) ? await I(C, n) : !0;
+      const e = ue(y) ? await y(C, r) : !0;
       e && (b(
-        n.concat({
+        r.concat({
           value: e === !0 ? C : e,
           label: C
         }),
         "add"
-      ), P(""));
+      ), w(""));
     } catch (e) {
       console.error(e);
     }
-  }, Q = (e, o, r = !1) => {
+  }, X = (e, o, n = !1) => {
     const a = e.value;
-    let s = e.label, p = !m && !g && e.closable !== !1;
-    const d = z(a) ? o : a, V = (Le) => {
-      Y(e, o, Le);
+    let l = e.label, d = !u && !g && e.closable !== !1;
+    const m = O(a) ? o : a, V = (Ue) => {
+      J(e, o, Ue);
     };
-    if (!r && ro(h) && o >= h)
-      return o === n.length - 1 ? (s = X(n.length - Number(h)), p = !1, { valueKey: d, dom: s }) : { valueKey: d, dom: null };
-    if (W)
+    if (!n && uo(h) && o >= h)
+      return o === r.length - 1 ? (l = Z(r.length - Number(h)), d = !1, { valueKey: m, dom: l }) : { valueKey: m, dom: null };
+    if (U)
       return {
-        valueKey: d,
-        dom: W(
+        valueKey: m,
+        dom: U(
           {
             value: a,
-            label: s,
-            closable: p,
+            label: l,
+            closable: d,
             onClose: V
           },
           o,
-          n
+          r
         )
       };
-    const Oe = {
-      closable: p,
+    const We = {
+      closable: d,
       onClose: V,
       visible: !0,
-      children: ao(s),
-      closeIcon: S?.removeIcon,
+      children: io(l),
+      closeIcon: F?.removeIcon,
       __closeIconProps: {
-        onMouseDown: E
+        onMouseDown: R
       },
-      className: R(`${t}-tag`, {
-        [U]: U
+      className: N(`${t}-tag`, {
+        [Y]: Y
       }),
-      title: so(s) ? s : void 0
+      title: po(l) ? l : void 0
     };
-    return { valueKey: d, dom: /* @__PURE__ */ l(to, { ...Oe }, `${d}-tag`) };
+    return { valueKey: m, dom: /* @__PURE__ */ s(so, { ...We }, `${m}-tag`) };
   };
-  function X(e) {
-    const o = z(f) && f.render ? f.render : () => /* @__PURE__ */ x("span", { className: `${t}-tag-ellipsis`, children: [
+  function Z(e) {
+    const o = O(f) && f.render ? f.render : () => /* @__PURE__ */ E("span", { className: `${t}-tag-ellipsis`, children: [
       "+",
       e
-    ] }), r = fe(f) && f.popoverProps;
-    return /* @__PURE__ */ l(
-      oo,
+    ] }), n = fe(f) && f.popoverProps;
+    return /* @__PURE__ */ s(
+      lo,
       {
-        content: /* @__PURE__ */ l(Je, { wrap: !0, gap: "var(--pqb-spacing-2)", children: n.map((a, s, p) => ({ tagValue: a, tagIndex: s })).slice(-e).map(
-          ({ tagValue: a, tagIndex: s }) => Q(a, s, !0)?.dom
+        content: /* @__PURE__ */ s(Ze, { wrap: !0, gap: "var(--pqb-spacing-2)", children: r.map((a, l, d) => ({ tagValue: a, tagIndex: l })).slice(-e).map(
+          ({ tagValue: a, tagIndex: l }) => X(a, l, !0)?.dom
         ) }),
-        ...r || {},
-        children: o(e, n)
+        ...n || {},
+        children: o(e, r)
       }
     );
   }
-  const Z = async (e) => {
-    if (D.current = null, de(k) && k.length) {
+  const ee = async (e) => {
+    if (k.current = null, me(S) && S.length) {
       const o = e.split(
-        new RegExp(`[${k.join("")}]`)
+        new RegExp(`[${S.join("")}]`)
       );
       if (o.length > 1) {
-        D.current = Date.now();
-        const r = [];
+        k.current = Date.now();
+        const n = [];
         await Promise.all(
           o.map(async (a) => {
-            const s = a ? ce(I) ? await I(a, n) : !0 : !1;
-            s && r.push({
-              value: s === !0 ? a : s,
+            const l = a ? ue(y) ? await y(a, r) : !0 : !1;
+            l && n.push({
+              value: l === !0 ? a : l,
               label: a
             });
           })
-        ), r.length && b(n.concat(r), "add");
+        ), n.length && b(r.concat(n), "add");
       }
     }
-  }, ee = Ie && !g && !m && n.length ? /* @__PURE__ */ l(
-    Xe,
+  }, oe = Pe && !g && !u && r.length ? /* @__PURE__ */ s(
+    ao,
     {
       size: $,
       className: `${t}-clear-icon`,
       onClick: (e) => {
-        e.stopPropagation(), b([], "clear"), y || v.current?.focus(), _e?.();
+        e.stopPropagation(), b([], "clear"), P || v.current?.focus(), He?.();
       },
-      children: S && S.clearIcon || /* @__PURE__ */ l(je, {})
+      children: F && F.clearIcon || /* @__PURE__ */ s(Ye, {})
     },
     "clearIcon"
-  ) : null, oe = g || Pe, _ = qe(() => {
+  ) : null, te = g || xe, _ = Je(() => {
     const e = {};
-    return n.map((r, a) => {
-      const s = e[r.value] || 0;
-      e[r.value] = s + 1;
-      const { dom: p, valueKey: d } = Q(r, a);
-      return /* @__PURE__ */ l(pe.Fragment, { children: p }, d + a);
+    return r.map((n, a) => {
+      const l = e[n.value] || 0;
+      e[n.value] = l + 1;
+      const { dom: d, valueKey: m } = X(n, a);
+      return /* @__PURE__ */ s(de.Fragment, { children: d }, m + a);
     });
-  }, [n]), M = [
-    /* @__PURE__ */ l(
-      Ze,
+  }, [r]), M = [
+    /* @__PURE__ */ s(
+      ro,
       {
         autoComplete: "off",
         size: $,
-        disabled: oe,
-        readOnly: m,
+        disabled: te,
+        readOnly: u,
         ref: v,
-        autoFocus: $e,
-        placeholder: n.length ? "" : be,
+        autoFocus: we,
+        placeholder: r.length ? "" : ze,
         prefixCls: `${t}-input`,
         autoFitWidth: {
           delay: () => 0,
           pure: !0
         },
         onPressEnter: async (e) => {
-          C && e.preventDefault(), De?.(e), await J();
+          C && e.preventDefault(), Me?.(e), await Q();
         },
         onFocus: (e) => {
-          !oe && !m && (G(!0), Se?.(e));
+          !te && !u && (G(!0), De?.(e));
         },
         onBlur: async (e) => {
-          G(!1), ke?.(e), Te && await J(), P("");
+          G(!1), _e?.(e), Ve && await Q(), w("");
         },
         value: C,
         onChange: (e, o) => {
-          Ve?.(e, o), o.nativeEvent.inputType !== "insertFromPaste" && Z(e), D.current ? P("") : P(e);
+          Re?.(e, o), o.nativeEvent.inputType !== "insertFromPaste" && ee(e), k.current ? w("") : w(e);
         },
         onKeyDown: (e) => {
-          Be(e), xe?.(e);
+          je(e), Fe?.(e);
         },
         onPaste: (e) => {
-          Re?.(e), Z(e.clipboardData.getData("text"));
+          Se?.(e), ee(e.clipboardData.getData("text"));
         }
       },
-      uo
+      ho
     )
-  ], He = !N(O), te = !N(L) || !N(ee), ae = !N(j), ne = !N(K), T = ae || ne, re = u.status || (Ne ? "error" : void 0), se = R(t, {
+  ], Ke = !u && !I(L), ae = !u && (!I(j) || !I(oe)), re = !u && !I(K), ne = !u && !I(W), T = re || ne, le = p.status || ($e ? "error" : void 0), se = N(t, {
     [`${t}-size-${$}`]: $,
     [`${t}-disabled`]: g,
-    [`${t}-${re}`]: re,
-    [`${t}-focus`]: y,
-    [`${t}-readonly`]: m,
-    [`${t}-has-suffix`]: te,
-    [`${t}-has-placeholder`]: !n.length,
-    [`${t}-rtl`]: H
-  }), w = { style: Ce, className: he }, le = /* @__PURE__ */ l(
+    [`${t}-${le}`]: le,
+    [`${t}-focus`]: P,
+    [`${t}-readonly`]: u,
+    [`${t}-has-suffix`]: ae,
+    [`${t}-has-placeholder`]: !r.length,
+    [`${t}-rtl`]: B
+  }), x = { style: Ie, className: Ne }, ie = /* @__PURE__ */ s(
     "div",
     {
-      ...io(Me, ["status", "size", "defaultValue", "value", "inputValue"]),
-      ...T ? {} : w,
-      className: T ? se : R(se, w.className),
+      ...fo(Oe, ["status", "size", "defaultValue", "value", "inputValue"]),
+      ...T ? {} : x,
+      className: T ? se : N(se, x.className),
       onMouseDown: (e) => {
-        y && E(e);
+        P && R(e);
       },
       onClick: (e) => {
-        !y && v.current?.focus(), q && q(e);
+        !P && v.current?.focus(), q && q(e);
       },
-      ref: T ? void 0 : F,
-      children: /* @__PURE__ */ x("div", { className: `${t}-view`, children: [
-        He && /* @__PURE__ */ l("div", { className: `${t}-prefix`, onMouseDown: E, children: O }),
-        /* @__PURE__ */ l("div", { className: `${t}-inner`, children: ze ? /* @__PURE__ */ l(
-          Ye,
-          {
-            itemWrapperStyle: { display: "inline-block" },
-            direction: "horizontal",
-            onIndexChange: (e, o) => {
-              b(function(a, s, p) {
-                a = a.slice();
-                const d = s > p, [V] = a.splice(s, 1);
-                return a.splice(d ? p : p - 1, 0, V), a;
-              }(n, o, e), "sort");
-            },
-            children: _.concat(M)
-          },
-          "draggable"
-        ) : h === Ge ? /* @__PURE__ */ l(
-          eo,
-          {
-            items: _,
-            suffixItems: M,
-            ellipsisNode: ({ ellipsisCount: e }) => X(e)
-          },
-          `max_tag_group_${h}`
-        ) : _.concat(M) }),
-        te && /* @__PURE__ */ x("div", { className: `${t}-suffix`, onMouseDown: E, children: [
-          ee,
-          L
-        ] })
-      ] })
+      ref: T ? void 0 : D,
+      children: /* @__PURE__ */ E(
+        "div",
+        {
+          className: N(
+            `${t}-view`,
+            u && `${t}-view-readonly`
+          ),
+          children: [
+            Ke && /* @__PURE__ */ s("div", { className: `${t}-prefix`, onMouseDown: R, children: L }),
+            /* @__PURE__ */ s("div", { className: `${t}-inner`, children: Le ? /* @__PURE__ */ s(
+              Xe,
+              {
+                itemWrapperStyle: { display: "inline-block" },
+                direction: "horizontal",
+                onIndexChange: (e, o) => {
+                  b(function(a, l, d) {
+                    a = a.slice();
+                    const m = l > d, [V] = a.splice(l, 1);
+                    return a.splice(m ? d : d - 1, 0, V), a;
+                  }(r, o, e), "sort");
+                },
+                children: _.concat(M)
+              },
+              "draggable"
+            ) : h === Qe ? /* @__PURE__ */ s(
+              no,
+              {
+                items: _,
+                suffixItems: M,
+                ellipsisNode: ({ ellipsisCount: e }) => Z(e)
+              },
+              `max_tag_group_${h}`
+            ) : _.concat(M) }),
+            ae && /* @__PURE__ */ E("div", { className: `${t}-suffix`, onMouseDown: R, children: [
+              oe,
+              j
+            ] })
+          ]
+        }
+      )
     }
   );
-  return T ? /* @__PURE__ */ x(
+  return T ? /* @__PURE__ */ E(
     "div",
     {
-      ...w,
-      className: R(
+      ...x,
+      className: N(
         `${t}-wrapper`,
         {
-          [`${t}-wrapper-rtl`]: H
+          [`${t}-wrapper-rtl`]: B
         },
-        w.className
+        x.className
       ),
-      ref: F,
+      ref: D,
       children: [
-        ae && /* @__PURE__ */ l("div", { className: `${t}-addbefore`, children: j }),
-        le,
-        ne && /* @__PURE__ */ l("div", { className: `${t}-addafter`, children: K })
+        re && /* @__PURE__ */ s("div", { className: `${t}-addbefore`, children: K }),
+        ie,
+        ne && /* @__PURE__ */ s("div", { className: `${t}-addafter`, children: W })
       ]
     }
-  ) : le;
+  ) : ie;
 }
-const mo = pe.forwardRef(
-  fo
+const No = de.forwardRef(
+  bo
 );
-mo.displayName = "InputTag";
+No.displayName = "InputTag";
 export {
-  mo as default
+  No as default
 };

package/input-tag/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import a from "./InputTag.js";
 export {
   a as default

package/layout/Content.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as c, useContext as i } from "react";
 import "../config-provider/ConfigProvider.js";

package/layout/Footer.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as n, useContext as i } from "react";
 import "../config-provider/ConfigProvider.js";

package/layout/Header.js

@@ -1,4 +1,4 @@
-/* 2026-01-04 16:21:01 */
+/* 2026-01-08 16:35:57 */
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as f, useContext as i } from "react";
 import "../config-provider/ConfigProvider.js";