@unicom-cloud/ui 0.8.131 → 0.8.133

package/input-tag/InputTag.js

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

package/input-tag/index.js

@@ -1,4 +1,4 @@
-/* 2025-12-22 10:22:04 */
+/* 2025-12-30 17:27:22 */
 import a from "./InputTag.js";
 export {
   a as default

package/layout/Content.js

@@ -1,4 +1,4 @@
-/* 2025-12-22 10:22:04 */
+/* 2025-12-30 17:27:22 */
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as c, useContext as i } from "react";
 import "../config-provider/ConfigProvider.js";