@unicom-cloud/ui 0.8.150 → 0.8.152

package/input-tag/InputTag.js

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

package/input-tag/constant.d.ts

@@ -0,0 +1 @@
+export declare const PREFIX_INPUT_TAG = "input-tag";