@unicom-cloud/ui 0.8.124 → 0.8.126

package/input-tag/InputTag.js

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

package/input-tag/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 15:08:04 */
 import a from "./InputTag.js";
 export {
   a as default

package/layout/Content.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 15:08:04 */
 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 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 15:08:04 */
 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 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 15:08:04 */
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as f, useContext as i } from "react";
 import "../config-provider/ConfigProvider.js";

package/layout/Sider.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 15:08:04 */
 import { jsx as s, jsxs as J } from "react/jsx-runtime";
 import k from "@unicom-cloud/icons/IconUiLeft";
 import y from "@unicom-cloud/icons/IconUiRight";