@unicom-cloud/ui 0.8.149 → 0.8.151

package/avatar/Avatar.js

@@ -1,91 +1,70 @@
-/* 2026-03-02 09:28:59 */
-import { jsxs as E, jsx as f } from "react/jsx-runtime";
-import h, { forwardRef as T, useContext as y, useRef as C, useImperativeHandle as W, useEffect as j } from "react";
-import "../config-provider/ConfigProvider.js";
-import H from "@unicom-cloud/ui-common/utils/className";
-import { isNumber as L } from "@unicom-cloud/ui-common/utils/is";
-import V from "./context.js";
-import X from "../config-provider/context.js";
-const _ = {
-  shape: "circle",
-  autoFixFontSize: !0,
-  triggerType: "button"
-}, q = T(
-  (i, N) => {
-    const {
-      prefixCls: B,
-      getPrefixCls: $,
-      componentConfig: v,
-      rtl: z
-    } = y(X), t = $?.("avatar"), m = y(V), b = {
-      ..._,
-      ...v?.Avatar,
-      ...m,
-      ...i
-    }, {
-      className: A,
-      shape: F,
-      size: e,
-      children: r,
-      autoFixFontSize: S,
-      triggerIcon: a,
-      triggerIconStyle: o,
-      triggerType: g,
-      onClick: I,
-      ...P
-    } = b, c = { ...m.style, ...i.style }, s = C(), l = C();
-    function R() {
-      if (s.current) {
-        const w = s.current.clientWidth, p = i.size || l.current.offsetWidth, x = p / (w + 8);
-        p && x < 1 && (s.current.style.transform = `scale(${x}) translateX(-50%)`);
-      }
-    }
-    const k = H(
-      t,
-      `${t}-${F}`,
-      {
-        [`${t}-with-trigger-icon`]: a,
-        [`${t}-rtl`]: z
-      },
-      A
-    ), n = h.Children.toArray(r), u = n.length === 1 && h.isValidElement(n[0]) && (n[0].type === "img" || n[0].type === "picture"), d = o || {};
-    return g === "button" && (!o || o && !o.color) && c?.backgroundColor && (d.color = c.backgroundColor), W(N, () => ({
-      getRootElement() {
-        return l.current;
-      }
-    })), j(() => {
-      S && R();
-    }, [e, r]), /* @__PURE__ */ E(
-      "div",
-      {
-        ref: l,
-        onClick: I,
-        ...P,
-        style: {
-          width: e,
-          height: e,
-          fontSize: L(e) ? e / 2 : "",
-          ...c
-        },
-        className: k,
-        children: [
-          u ? /* @__PURE__ */ f("span", { className: `${t}-image`, children: r }) : null,
-          !u && /* @__PURE__ */ f("span", { ref: s, className: `${t}-text`, children: r }),
-          a && /* @__PURE__ */ f(
-            "div",
-            {
-              className: `${t}-trigger-icon-${g}`,
-              style: d,
-              children: a
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-q.displayName = "Avatar";
-export {
-  V as AvatarContext,
-  q as default
-};
+/* 潘启宝 2026-03-24 15:26:28 星期二 */
+import { isNumber as e } from "../utils/is.js";
+import t from "../utils/className.js";
+import n from "../config-provider/context.js";
+import "../config-provider/index.js";
+import r from "./context.js";
+import i, { forwardRef as a, useContext as o, useEffect as s, useImperativeHandle as c, useRef as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region components/pc/avatar/Avatar.tsx
+var f = {
+	shape: "circle",
+	autoFixFontSize: !0,
+	triggerType: "button"
+}, p = a((a, p) => {
+	let { prefixCls: m, getPrefixCls: h, componentConfig: g, rtl: _ } = o(n), v = h?.("avatar"), y = o(r), { className: b, shape: x, size: S, children: C, autoFixFontSize: w, triggerIcon: T, triggerIconStyle: E, triggerType: D, onClick: O, ...k } = {
+		...f,
+		...g?.Avatar,
+		...y,
+		...a
+	}, A = {
+		...y.style,
+		...a.style
+	}, j = l(), M = l();
+	function N() {
+		if (j.current) {
+			let e = j.current.clientWidth, t = a.size || M.current.offsetWidth, n = t / (e + 8);
+			t && n < 1 && (j.current.style.transform = `scale(${n}) translateX(-50%)`);
+		}
+	}
+	let P = t(v, `${v}-${x}`, {
+		[`${v}-with-trigger-icon`]: T,
+		[`${v}-rtl`]: _
+	}, b), F = i.Children.toArray(C), I = F.length === 1 && i.isValidElement(F[0]) && (F[0].type === "img" || F[0].type === "picture"), L = E || {};
+	return D === "button" && (!E || E && !E.color) && A?.backgroundColor && (L.color = A.backgroundColor), c(p, () => ({ getRootElement() {
+		return M.current;
+	} })), s(() => {
+		w && N();
+	}, [S, C]), /* @__PURE__ */ d("div", {
+		ref: M,
+		onClick: O,
+		...k,
+		style: {
+			width: S,
+			height: S,
+			fontSize: e(S) ? S / 2 : "",
+			...A
+		},
+		className: P,
+		children: [
+			I ? /* @__PURE__ */ u("span", {
+				className: `${v}-image`,
+				children: C
+			}) : null,
+			!I && /* @__PURE__ */ u("span", {
+				ref: j,
+				className: `${v}-text`,
+				children: C
+			}),
+			T && /* @__PURE__ */ u("div", {
+				className: `${v}-trigger-icon-${D}`,
+				style: L,
+				children: T
+			})
+		]
+	});
+});
+p.displayName = "Avatar";
+//#endregion
+export { p as default };
+/* 独立思考，明辨是非 */

package/avatar/Group.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { AvatarGroupProps } from './interface';
+declare const AvatarGroupComponent: React.ForwardRefExoticComponent<AvatarGroupProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default AvatarGroupComponent;

package/avatar/Group.js

@@ -1,85 +1,67 @@
-/* 2026-03-02 09:28:59 */
-import { jsx as t, jsxs as _ } from "react/jsx-runtime";
-import $, { forwardRef as b, useContext as I } from "react";
-import "../config-provider/ConfigProvider.js";
-import R from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import j from "../popover/Popover.js";
-import T from "@unicom-cloud/ui-common/utils/className";
-import { isNumber as k } from "@unicom-cloud/ui-common/utils/is";
-import q from "./Avatar.js";
-import u from "./context.js";
-import w from "../config-provider/context.js";
-const L = {
-  shape: "circle",
-  autoFixFontSize: !0
+/* 潘启宝 2026-03-24 15:26:28 星期二 */
+import { isNumber as e } from "../utils/is.js";
+import t from "../utils/className.js";
+import n from "../hooks/use-merge-props/index.js";
+import r from "../config-provider/context.js";
+import "../config-provider/index.js";
+import i from "../popover/index.js";
+import a from "./context.js";
+import o from "./Avatar.js";
+import s, { forwardRef as c, useContext as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region components/pc/avatar/Group.tsx
+var f = {
+	shape: "circle",
+	autoFixFontSize: !0
 };
-function M(f, v) {
-  const {
-    prefixCls: D,
-    getPrefixCls: d,
-    componentConfig: g,
-    rtl: p
-  } = I(w), h = R(f, L, g?.AvatarGroup), {
-    className: x,
-    style: C,
-    children: P,
-    size: e,
-    shape: l,
-    autoFixFontSize: c,
-    zIndexAscend: N,
-    maxCount: r,
-    maxStyle: A,
-    maxPopoverTriggerProps: y,
-    ...z
-  } = h, a = d?.("avatar-group"), F = T(
-    a,
-    {
-      [`${a}-rtl`]: p
-    },
-    x
-  ), s = $.Children.toArray(P), m = s.length;
-  let n = s;
-  if (k(r) && r >= 0 && m > r) {
-    const i = s.slice(r);
-    n = s.slice(0, r), n.push(
-      /* @__PURE__ */ t(
-        q,
-        {
-          style: A,
-          className: `${a}-max-count-avatar`,
-          children: /* @__PURE__ */ _(
-            j,
-            {
-              triggerProps: y,
-              content: /* @__PURE__ */ t(u.Provider, { value: { size: e, shape: l, autoFixFontSize: c }, children: /* @__PURE__ */ t("div", { className: `${a}-popover`, children: i }) }),
-              children: [
-                "+",
-                i.length
-              ]
-            }
-          )
-        },
-        "_pqb_avatar_group_popup"
-      )
-    );
-  }
-  return /* @__PURE__ */ t("div", { ref: v, style: C, className: F, ...z, children: n.map((i, o) => {
-    const G = p ? o === n.length - 1 : o === 0, S = {
-      zIndex: N ? o + 1 : m - o,
-      marginLeft: e ? G ? 0 : -e / 4 : ""
-    };
-    return /* @__PURE__ */ t(
-      u.Provider,
-      {
-        value: { size: e, shape: l, autoFixFontSize: c, style: S },
-        children: i
-      },
-      o
-    );
-  }) });
+function p(c, p) {
+	let { prefixCls: m, getPrefixCls: h, componentConfig: g, rtl: _ } = l(r), { className: v, style: y, children: b, size: x, shape: S, autoFixFontSize: C, zIndexAscend: w, maxCount: T, maxStyle: E, maxPopoverTriggerProps: D, ...O } = n(c, f, g?.AvatarGroup), k = h?.("avatar-group"), A = t(k, { [`${k}-rtl`]: _ }, v), j = s.Children.toArray(b), M = j.length, N = j;
+	if (e(T) && T >= 0 && M > T) {
+		let e = j.slice(T);
+		N = j.slice(0, T), N.push(/* @__PURE__ */ u(o, {
+			style: E,
+			className: `${k}-max-count-avatar`,
+			children: /* @__PURE__ */ d(i, {
+				triggerProps: D,
+				content: /* @__PURE__ */ u(a.Provider, {
+					value: {
+						size: x,
+						shape: S,
+						autoFixFontSize: C
+					},
+					children: /* @__PURE__ */ u("div", {
+						className: `${k}-popover`,
+						children: e
+					})
+				}),
+				children: ["+", e.length]
+			})
+		}, "_pqb_avatar_group_popup"));
+	}
+	return /* @__PURE__ */ u("div", {
+		ref: p,
+		style: y,
+		className: A,
+		...O,
+		children: N.map((e, t) => {
+			let n = _ ? t === N.length - 1 : t === 0, r = {
+				zIndex: w ? t + 1 : M - t,
+				marginLeft: x ? n ? 0 : -x / 4 : ""
+			};
+			return /* @__PURE__ */ u(a.Provider, {
+				value: {
+					size: x,
+					shape: S,
+					autoFixFontSize: C,
+					style: r
+				},
+				children: e
+			}, t);
+		})
+	});
 }
-const B = b(M);
-B.displayName = "AvatarGroup";
-export {
-  B as default
-};
+var m = c(p);
+m.displayName = "AvatarGroup";
+//#endregion
+export { m as default };
+/* 独立思考，明辨是非 */

package/avatar/context.d.ts

@@ -0,0 +1,3 @@
+import type { AvatarProps } from './interface';
+declare const AvatarContext: import("react").Context<AvatarProps>;
+export default AvatarContext;

package/avatar/context.js

@@ -1,6 +1,7 @@
-/* 2026-03-02 09:28:59 */
-import { createContext as t } from "react";
-const o = t({});
-export {
-  o as default
-};
+/* 潘启宝 2026-03-24 15:26:28 星期二 */
+import { createContext as e } from "react";
+//#region components/pc/avatar/context.ts
+var t = e({});
+//#endregion
+export { t as default };
+/* 独立思考，明辨是非 */

package/avatar/index.d.ts

@@ -0,0 +1,12 @@
+import AvatarContext from './context';
+import AvatarGroup from './Group';
+declare const Avatar: import("react").ForwardRefExoticComponent<import("./interface").AvatarProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<HTMLElement>> & {
+    Group: import("react").ForwardRefExoticComponent<import("./interface").AvatarGroupProps & {
+        children?: import("react").ReactNode | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+};
+export { AvatarContext, AvatarGroup };
+export default Avatar;
+export type { AvatarGroupProps, AvatarProps } from './interface';

package/avatar/index.js

@@ -1,11 +1,9 @@
-/* 2026-03-02 09:28:59 */
-import a from "./Avatar.js";
-import r from "./Group.js";
-import { default as f } from "./context.js";
-const t = a;
-t.Group = r;
-export {
-  f as AvatarContext,
-  r as AvatarGroup,
-  t as default
-};
+/* 潘启宝 2026-03-24 15:26:28 星期二 */
+import e from "./context.js";
+import t from "./Avatar.js";
+import n from "./Group.js";
+//#region components/pc/avatar/index.tsx
+var r = Object.assign(t, { Group: n });
+//#endregion
+export { e as AvatarContext, n as AvatarGroup, r as default };
+/* 独立思考，明辨是非 */

package/avatar/interface.d.ts

@@ -0,0 +1,91 @@
+import { CSSProperties, ReactNode } from 'react';
+import type { TriggerProps } from '../trigger';
+/**
+ * @title Avatar
+ */
+export interface AvatarProps {
+    style?: CSSProperties;
+    className?: string | string[];
+    /**
+     * @zh 头像的形状，有圆形(circle)和正方形(square)两种
+     * @en The shape of the avatar. Two shapes are available: `circle` and `square`
+     * @defaultValue circle
+     */
+    shape?: 'circle' | 'square';
+    /**
+     * @zh 头像的尺寸大小，单位是 `px`
+     * @en The size of the avatar in `px`
+     */
+    size?: number;
+    /**
+     * @zh 是否自动根据头像尺寸调整字体大小。
+     * @en Whether to automatically adjust the font size according to the size of the avatar.
+     * @defaultValue true
+     */
+    autoFixFontSize?: boolean;
+    /**
+     * @zh 可点击的头像交互图标。
+     * @en Clickable avatar interaction icon.
+     */
+    triggerIcon?: ReactNode;
+    /**
+     * @zh 交互图标的样式
+     * @en Interactive icon style
+     */
+    triggerIconStyle?: CSSProperties;
+    /**
+     * @zh 可点击的头像交互类型。
+     * @en Clickable avatar interaction type.
+     * @defaultValue button
+     */
+    triggerType?: 'mask' | 'button';
+    /**
+     * @zh 点击回调
+     * @en Callback when avatar is clicked
+     */
+    onClick?: (e: MouseEvent) => void;
+}
+/**
+ * @title Avatar.Group
+ */
+export interface AvatarGroupProps {
+    style?: CSSProperties;
+    className?: string | string[];
+    /**
+     * @zh 头像的形状，(优先级低于 Avatar 组件本身)
+     * @en The shape of the avatar, (priority is lower than the Avatar component itself)
+     * @defaultValue circle
+     */
+    shape?: 'circle' | 'square';
+    /**
+     * @zh 头像的尺寸大小，单位是 `px`，(优先级低于 Avatar 组件本身)
+     * @en The size of the avatar in `px`, (the priority is lower than the Avatar component itself)
+     */
+    size?: number;
+    /**
+     * @zh 是否自动根据头像尺寸调整字体大小，(优先级低于 Avatar 组件本身)
+     * @en Whether to automatically adjust the font size according to the size of the avatar (the priority is lower than the Avatar component itself)
+     * @defaultValue true
+     */
+    autoFixFontSize?: boolean;
+    /**
+     * @zh 头像组内的头像 `z-index` 递增，默认是递减。
+     * @en Whether `z-index` of the avatars in group are in ascending order. The default is in descending order.
+     */
+    zIndexAscend?: boolean;
+    /**
+     * @zh 头像组最多显示的头像数量，多余头像将以 `+x` 的形式展示。
+     * @en The maximum number of avatars displayed in the avatar group. The rest of avatars will be displayed as a `+x`.
+     */
+    maxCount?: number;
+    /**
+     * @zh 多余头像样式。
+     * @en Style for `+x`.
+     */
+    maxStyle?: CSSProperties;
+    /**
+     * @zh 多余头像气泡的 `TriggerProps`。
+     * @en `TriggerProps` for popover around `+x`.
+     */
+    maxPopoverTriggerProps?: TriggerProps;
+}

package/back-top/BackTop.d.ts

@@ -0,0 +1,6 @@
+import type { BackTopProps } from './interface';
+declare const BackTop: import("react").ForwardRefExoticComponent<BackTopProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<unknown>>;
+export default BackTop;
+export type { BackTopProps };

package/back-top/BackTop.js

@@ -1,75 +1,60 @@
-/* 2026-03-02 09:28:59 */
-import { jsx as s } from "react/jsx-runtime";
-import v from "@unicom-cloud/icons/IconUiToTop";
-import x from "@unicom-cloud/ui-common/transition-group/CSSTransition";
-import { forwardRef as E, useContext as k, useState as y, useRef as H, useEffect as N, useImperativeHandle as w } from "react";
-import "../config-provider/ConfigProvider.js";
-import P from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
-import R from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import B from "@unicom-cloud/ui-common/utils/className";
-import { on as $, off as S } from "@unicom-cloud/ui-common/utils/dom";
-import { pickDataAttributes as D } from "@unicom-cloud/ui-common/utils/pick";
-import I from "@unicom-cloud/ui-common/utils/throttleByRaf";
-import K from "../config-provider/context.js";
-function j(m, a) {
-  const f = {
-    visibleHeight: 400,
-    smooth: !0,
-    target: () => window
-  }, {
-    prefixCls: p,
-    getPrefixCls: u,
-    componentConfig: d,
-    rtl: g
-  } = k(K), b = P(), t = R(m, f, d?.BackTop), n = u?.("backtop"), [h, C] = y(!1), i = H(null), l = (o) => o === window ? document.documentElement : o;
-  N(() => {
-    const o = t.target?.(), e = I(() => {
-      const r = t.visibleHeight, T = l(o).scrollTop;
-      C(T >= r);
-    });
-    return $(o, "scroll", e), e(), () => {
-      e.cancel?.(), S(o, "scroll", e);
-    };
-  }, [t.target, t.visibleHeight]);
-  const c = () => {
-    const o = t.target?.(), e = l(o), r = { top: 0 };
-    t.smooth && (r.behavior = "smooth"), e.scrollTo(r), t.onClick?.();
-  };
-  return w(a, () => ({
-    getRootElement() {
-      return i.current;
-    }
-  })), /* @__PURE__ */ s(
-    x,
-    {
-      in: h,
-      timeout: 100,
-      classNames: `${p}-fade-in`,
-      unmountOnExit: !0,
-      refElement: i,
-      children: /* @__PURE__ */ s(
-        "div",
-        {
-          ...D(t),
-          ref: i,
-          className: B(
-            `${n}`,
-            { [`${n}-rtl`]: g },
-            t.className
-          ),
-          style: t.style,
-          onClick: c,
-          ...b({
-            onPressEnter: c
-          }),
-          children: t.children || /* @__PURE__ */ s("button", { className: `${n}-button`, children: /* @__PURE__ */ s(v, {}) })
-        }
-      )
-    }
-  );
+/* 潘启宝 2026-03-24 15:26:28 星期二 */
+import e from "../utils/className.js";
+import { pickDataAttributes as t } from "../utils/pick.js";
+import n from "../hooks/use-merge-props/index.js";
+import { off as r, on as i } from "../utils/dom.js";
+import a from "../config-provider/context.js";
+import "../config-provider/index.js";
+import o from "../utils/throttleByRaf.js";
+import s from "../hooks/use-keyboard-event/index.js";
+import { forwardRef as c, useContext as l, useEffect as u, useImperativeHandle as d, useRef as f, useState as p } from "react";
+import { jsx as m } from "react/jsx-runtime";
+import h from "@unicom-cloud/ui-common/transition-group/CSSTransition";
+import g from "@unicom-cloud/icons/IconUiToTop";
+//#region components/pc/back-top/BackTop.tsx
+function _(c, _) {
+	let v = {
+		visibleHeight: 400,
+		smooth: !0,
+		target: () => window
+	}, { prefixCls: y, getPrefixCls: b, componentConfig: x, rtl: S } = l(a), C = s(), w = n(c, v, x?.BackTop), T = b?.("backtop"), [E, D] = p(!1), O = f(null), k = (e) => e === window ? document.documentElement : e;
+	u(() => {
+		let e = w.target?.(), t = o(() => {
+			let t = w.visibleHeight, n = k(e).scrollTop;
+			D(n >= t);
+		});
+		return i(e, "scroll", t), t(), () => {
+			t.cancel?.(), r(e, "scroll", t);
+		};
+	}, [w.target, w.visibleHeight]);
+	let A = () => {
+		let e = w.target?.(), t = k(e), n = { top: 0 };
+		w.smooth && (n.behavior = "smooth"), t.scrollTo(n), w.onClick?.();
+	};
+	return d(_, () => ({ getRootElement() {
+		return O.current;
+	} })), /* @__PURE__ */ m(h, {
+		in: E,
+		timeout: 100,
+		classNames: `${y}-fade-in`,
+		unmountOnExit: !0,
+		refElement: O,
+		children: /* @__PURE__ */ m("div", {
+			...t(w),
+			ref: O,
+			className: e(`${T}`, { [`${T}-rtl`]: S }, w.className),
+			style: w.style,
+			onClick: A,
+			...C({ onPressEnter: A }),
+			children: w.children || /* @__PURE__ */ m("button", {
+				className: `${T}-button`,
+				children: /* @__PURE__ */ m(g, {})
+			})
+		})
+	});
 }
-const A = E(j);
-A.displayName = "BackTop";
-export {
-  A as default
-};
+var v = c(_);
+v.displayName = "BackTop";
+//#endregion
+export { v as default };
+/* 独立思考，明辨是非 */

package/back-top/index.d.ts

@@ -0,0 +1,5 @@
+declare const BackTop: import("react").ForwardRefExoticComponent<import("./interface").BackTopProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<unknown>>;
+export default BackTop;
+export type { BackTopProps } from './interface';

package/back-top/index.js

@@ -1,5 +1,7 @@
-/* 2026-03-02 09:28:59 */
-import a from "./BackTop.js";
-export {
-  a as default
-};
+/* 潘启宝 2026-03-24 15:26:28 星期二 */
+import e from "./BackTop.js";
+//#region components/pc/back-top/index.tsx
+var t = Object.assign(e, {});
+//#endregion
+export { t as default };
+/* 独立思考，明辨是非 */

package/badge/Badge.d.ts

@@ -0,0 +1,7 @@
+import Count from './Count';
+import type { BadgeProps } from './interface';
+declare const BadgeForwardRef: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<unknown>>;
+declare const Badge: typeof BadgeForwardRef & {
+    Count: typeof Count;
+};
+export default Badge;