@unicom-cloud/ui 0.8.98 → 0.8.100

package/tour/index.js

@@ -1,32 +1,38 @@
-import { jsxs as d, Fragment as it, jsx as s } from "react/jsx-runtime";
-import nt from "@unicom-cloud/icons/IconUiClose";
-import st from "lodash/merge";
-import { useContext as lt, useState as C, useRef as F, useEffect as h } from "react";
-import { createPortal as pt } from "react-dom";
+import { jsxs as d, Fragment as pt, jsx as s } from "react/jsx-runtime";
+import lt from "@unicom-cloud/icons/IconUiClose";
+import { useContext as ct, useState as C, useRef as F, useEffect as h } from "react";
+import { createPortal as mt } from "react-dom";
 import D from "../button/index.js";
 import "../config-provider/ConfigProvider.js";
-import ct from "../icon-hover/index.js";
-import z from "../space/index.js";
+import "lodash/isEqualWith";
+import "../components/common/utils/is.js";
+import { Escape as at, ArrowRight as ft, ArrowLeft as dt } from "@unicom-cloud/utils/constant/keyboardCode";
+import "lodash/isNumber";
+import "lodash/merge";
+import { on as ht, off as ut } from "../components/common/utils/dom.js";
+import "../components/common/hooks/useIntersectionObserver.js";
+import gt from "../components/common/hooks/useMergeProps.js";
+import "../components/common/utils/reactDOM.js";
+import "@unicom-cloud/utils/constant";
+import "lodash/debounce";
+import wt from "../icon-hover/index.js";
+import R from "../space/index.js";
 import "@unicom-cloud/utils/case-name";
-import k from "@unicom-cloud/utils/class-name";
+import u from "@unicom-cloud/utils/class-name";
 import "../dist/tinycolor/chunk/BOzCVdr0.js";
 import "@unicom-cloud/utils/constant/ui";
 import "../utils/contextHolder.js";
 import "@unicom-cloud/utils/dayjs";
 import "@unicom-cloud/utils/clipboard-copy";
 import "../components/common/utils/dayjs.js";
-import { on as mt, off as at } from "../components/common/utils/dom.js";
 import "@unicom-cloud/utils/file/fileToURL";
 import "lodash/escapeRegExp";
 import "lodash/isArray";
-import "lodash/isNumber";
 import "lodash/isString";
-import { intersectionObserver as ft } from "../components/common/utils/intersectionObserver.js";
-import "../components/common/utils/is.js";
+import { intersectionObserver as vt } from "../components/common/utils/intersectionObserver.js";
 import "lodash/camelCase";
 import "lodash/capitalize";
 import "lodash/cloneDeep";
-import "lodash/debounce";
 import "lodash/get";
 import "lodash/has";
 import "lodash/kebabCase";
@@ -40,77 +46,92 @@ import "lodash/uniq";
 import "lodash/upperFirst";
 import "@unicom-cloud/utils/math";
 import "lodash/isPlainObject";
-import { mutationObserver as dt } from "../components/common/utils/mutationObserver.js";
+import { mutationObserver as bt } from "../components/common/utils/mutationObserver.js";
 import "../dist/react-transition-group/src/CSSTransition.js";
 import "../dist/react-transition-group/src/ReplaceTransition.js";
 import "../dist/react-transition-group/src/SwitchTransition.js";
 import "../dist/react-transition-group/chunk/CPfP7aNL.js";
 import "../dist/react-transition-group/src/TransitionGroup.js";
-import "../components/common/utils/reactDOM.js";
-import { resizeObserver as ht } from "../components/common/utils/resizeObserver.js";
+import { resizeObserver as yt } from "../components/common/utils/resizeObserver.js";
 import "@unicom-cloud/utils/file/saveAs";
 import "@unicom-cloud/utils/screenfull";
 import "@unicom-cloud/utils/constant/ui.js";
+import "react-is";
 import "@unicom-cloud/utils/tree";
 import "@unicom-cloud/utils/is";
 import "uuid";
 import "../dist/validate/src/index.js";
-import { Escape as ut, ArrowRight as gt, ArrowLeft as wt } from "@unicom-cloud/utils/constant/keyboardCode";
-import vt from "../config-provider/context.js";
-function Pe(L) {
-  const { getPrefixCls: X, componentConfig: Y, rtl: bt } = lt(vt);
-  let {
-    steps: n = [],
-    open: N = !1,
-    onClose: K,
-    mask: U = !0,
-    maskClosable: _ = !0,
-    type: u = "default",
-    placement: g = "bottom",
-    arrow: G = !0,
-    closable: J = !0,
-    zIndex: P = 1e3,
-    current: S = 0,
-    onFinish: Q,
+import $t from "../config-provider/context.js";
+const xt = {
+  steps: [],
+  open: !1,
+  mask: !0,
+  maskClosable: !0,
+  type: "default",
+  placement: "bottom",
+  arrow: !0,
+  closable: !0,
+  zIndex: 1e3,
+  current: 0
+};
+function Me(L) {
+  const { getPrefixCls: X, componentConfig: Y, rtl: kt } = ct($t), K = gt(
+    L,
+    xt,
+    Y?.Tour
+  ), {
+    style: U,
+    className: _,
+    steps: n,
+    open: N,
+    onClose: G,
+    mask: J,
+    maskClosable: Q,
+    type: g,
+    placement: w,
+    arrow: V,
+    closable: Z,
+    zIndex: P,
+    current: S,
+    onFinish: tt,
     onStepChange: O,
-    ...yt
-  } = st({}, Y?.Tour, L);
-  const o = X?.("tour"), [r, H] = C(S), [e, j] = C(null), [W, V] = C(g), [f, I] = C(N), E = F(null), c = F(null), M = `0 0 0 ${Math.max(window.innerWidth, window.innerHeight)}px var(--pqb-mask-bg-color),0 0 15px 0 var(--pqb-mask-bg-color)`, l = typeof n[r]?.target == "string" ? document.querySelector(n[r].target) : n[r]?.target, w = () => {
+    ...Ct
+  } = K, o = X?.("tour"), [r, H] = C(S), [e, j] = C(null), [W, et] = C(w), [f, I] = C(N), M = F(null), c = F(null), E = `0 0 0 ${Math.max(window.innerWidth, window.innerHeight)}px var(--pqb-mask-bg-color),0 0 15px 0 var(--pqb-mask-bg-color)`, p = typeof n[r]?.target == "string" ? document.querySelector(n[r].target) : n[r]?.target, v = () => {
     let t;
-    if (l ? t = l.getBoundingClientRect() : t = new DOMRect(
+    if (p ? t = p.getBoundingClientRect() : t = new DOMRect(
       window.innerWidth / 2 - (c.current?.offsetWidth ?? 0) / 2,
       window.innerHeight / 2 - (c.current?.offsetHeight ?? 0) / 2,
       c.current?.offsetWidth,
       c.current?.offsetHeight
-    ), j(t), l) {
+    ), j(t), p) {
       const i = c.current;
-      if (!i) return g;
-      const m = i.offsetWidth, a = i.offsetHeight, v = 10, b = t.top - a - v > 0, y = t.bottom + a + v < window.innerHeight, $ = t.left - m - v > 0, x = t.right + m + v < window.innerWidth;
-      let p = n[r]?.placement || g;
-      return p === "top" && !b ? p = y ? "bottom" : $ ? "left" : x ? "right" : "bottom" : p === "bottom" && !y ? p = b ? "top" : $ ? "left" : x ? "right" : "top" : p === "left" && !$ ? p = x ? "right" : b ? "top" : y ? "bottom" : "right" : p === "right" && !x && (p = $ ? "left" : b ? "top" : y ? "bottom" : "left"), V(p), p;
+      if (!i) return w;
+      const m = i.offsetWidth, a = i.offsetHeight, b = 10, y = t.top - a - b > 0, $ = t.bottom + a + b < window.innerHeight, x = t.left - m - b > 0, k = t.right + m + b < window.innerWidth;
+      let l = n[r]?.placement || w;
+      return l === "top" && !y ? l = $ ? "bottom" : x ? "left" : k ? "right" : "bottom" : l === "bottom" && !$ ? l = y ? "top" : x ? "left" : k ? "right" : "top" : l === "left" && !x ? l = k ? "right" : y ? "top" : $ ? "bottom" : "right" : l === "right" && !k && (l = x ? "left" : y ? "top" : $ ? "bottom" : "left"), et(l), l;
     }
-    return g;
-  }, R = () => {
-    I(!1), K?.();
+    return w;
+  }, z = () => {
+    I(!1), G?.();
   }, T = () => {
     if (r < n.length - 1) {
       const t = r + 1;
       H(t), O?.(t);
     } else
-      Z();
+      ot();
   }, q = () => {
     if (r > 0) {
       const t = r - 1;
       H(t), O?.(t);
     }
-  }, Z = () => {
-    I(!1), Q?.();
-  }, tt = (t) => {
-    _ && t.target === E.current && R();
-  }, et = () => {
+  }, ot = () => {
+    I(!1), tt?.();
+  }, rt = (t) => {
+    Q && t.target === M.current && z();
+  }, it = () => {
     if (!e || !c.current)
       return { top: 0, left: 0 };
-    if (!l) return {
+    if (!p) return {
       top: e.top,
       left: e.left
     };
@@ -152,37 +173,37 @@ function Pe(L) {
       j(null);
       return;
     }
-    w();
-  }, [f, r, n.length, l]), h(() => {
+    v();
+  }, [f, r, n.length, p]), h(() => {
     function t(i) {
-      f && (i.key === ut.key ? R() : i.key === gt.key ? T() : i.key === wt.key && q());
+      f && (i.key === at.key ? z() : i.key === ft.key ? T() : i.key === dt.key && q());
     }
-    return mt(window, "keydown", t), () => {
-      at(window, "keydown", t);
+    return ht(window, "keydown", t), () => {
+      ut(window, "keydown", t);
     };
   }, [f, r, n.length]), h(() => {
-    const t = ht([document.body, l], () => {
-      w();
-    }), i = ft([l], () => {
-      w();
-    }), m = dt([l], () => {
-      w();
+    const t = yt([document.body, p], () => {
+      v();
+    }), i = vt([p], () => {
+      v();
+    }), m = bt([p], () => {
+      v();
     });
     return () => {
       t(), i(), m();
     };
-  }, [l]), !f || !n.length || r >= n.length)
+  }, [p]), !f || !n.length || r >= n.length)
     return null;
-  const A = n[r], ot = r > 0, rt = r < n.length - 1, B = et();
-  return pt(
-    /* @__PURE__ */ d(it, { children: [
+  const A = n[r], nt = r > 0, st = r < n.length - 1, B = it();
+  return mt(
+    /* @__PURE__ */ d(pt, { children: [
       /* @__PURE__ */ s(
         "div",
         {
-          ref: E,
-          className: `${o}-mask`,
-          style: { zIndex: P },
-          onClick: tt
+          ref: M,
+          className: u(`${o}-mask`, _),
+          style: { ...U, zIndex: P },
+          onClick: rt
         }
       ),
       e && /* @__PURE__ */ s(
@@ -197,7 +218,7 @@ function Pe(L) {
             height: e.height,
             zIndex: P + 1,
             pointerEvents: "none",
-            boxShadow: U ? M : void 0
+            boxShadow: J ? E : void 0
           }
         }
       ),
@@ -205,9 +226,9 @@ function Pe(L) {
         "div",
         {
           ref: c,
-          className: k(
+          className: u(
             `${o}-popover`,
-            `${o}-popover-${u}`,
+            `${o}-popover-${g}`,
             `${o}-popover-${W}`
           ),
           style: {
@@ -215,46 +236,46 @@ function Pe(L) {
             top: `${B.top + window.scrollY}px`,
             left: `${B.left + window.scrollX}px`,
             zIndex: P + 2,
-            boxShadow: l ? void 0 : M
+            boxShadow: p ? void 0 : E
           },
           children: [
-            G && l && /* @__PURE__ */ s(
+            V && p && /* @__PURE__ */ s(
               "div",
               {
-                className: k(
+                className: u(
                   `${o}-arrow`,
                   `${o}-arrow-${W}`
                 )
               }
             ),
             /* @__PURE__ */ d("div", { className: `${o}-content`, children: [
-              J && /* @__PURE__ */ s(ct, { className: `${o}-close`, onClick: R, children: /* @__PURE__ */ s(nt, {}) }),
+              Z && /* @__PURE__ */ s(wt, { className: `${o}-close`, onClick: z, children: /* @__PURE__ */ s(lt, {}) }),
               /* @__PURE__ */ s("div", { className: `${o}-header`, children: /* @__PURE__ */ s("div", { className: `${o}-title`, children: A.title }) }),
               /* @__PURE__ */ s("div", { className: `${o}-body`, children: /* @__PURE__ */ s("div", { className: `${o}-description`, children: A.description }) }),
               /* @__PURE__ */ d(
-                z,
+                R,
                 {
                   className: `${o}-footer`,
                   justifyContent: "space-between",
                   alignItems: "center",
                   children: [
-                    /* @__PURE__ */ s(z, { className: `${o}-indicator`, children: n.map((t, i) => /* @__PURE__ */ s(
+                    /* @__PURE__ */ s(R, { className: `${o}-indicator`, children: n.map((t, i) => /* @__PURE__ */ s(
                       "div",
                       {
-                        className: k(
+                        className: u(
                           `${o}-dot`,
                           i === r && `${o}-dot-active`
                         )
                       },
                       i
                     )) }),
-                    /* @__PURE__ */ d(z, { children: [
-                      ot && /* @__PURE__ */ s(
+                    /* @__PURE__ */ d(R, { children: [
+                      nt && /* @__PURE__ */ s(
                         D,
                         {
                           className: `${o}-prev-btn`,
                           size: "mini",
-                          type: u === "primary" ? "secondary" : "primary",
+                          type: g === "primary" ? "secondary" : "primary",
                           onClick: q,
                           children: "上一步"
                         }
@@ -262,14 +283,14 @@ function Pe(L) {
                       /* @__PURE__ */ s(
                         D,
                         {
-                          className: k(
+                          className: u(
                             `${o}-next-btn`,
-                            `${o}-next-btn-${u}`
+                            `${o}-next-btn-${g}`
                           ),
                           size: "mini",
-                          type: u === "primary" ? "primary" : "secondary",
+                          type: g === "primary" ? "primary" : "secondary",
                           onClick: T,
-                          children: rt ? "下一步" : "完成"
+                          children: st ? "下一步" : "完成"
                         }
                       )
                     ] })
@@ -285,5 +306,5 @@ function Pe(L) {
   );
 }
 export {
-  Pe as default
+  Me as default
 };

package/types/common/hooks/useMergeProps.d.ts

@@ -1,5 +1,5 @@
 export interface MergePropsOptions {
     _ignorePropsFromGlobal?: boolean;
 }
-declare function useMergeProps<PropsType>(componentProps: PropsType & MergePropsOptions, defaultProps: Partial<PropsType>, globalComponentConfig?: Partial<PropsType> | undefined): PropsType;
+declare function useMergeProps<PropsType extends Record<string, any>>(componentProps: PropsType & MergePropsOptions, defaultProps: Partial<PropsType>, globalComponentConfig?: Partial<PropsType> | undefined): PropsType;
 export default useMergeProps;

package/types/common/space/index.d.ts

@@ -1,7 +1,9 @@
-import { RefAttributes } from 'react';
-import { JSX } from 'react/jsx-dev-runtime';
-import type { SpaceProps } from './interface';
-declare const Space: import("react").ForwardRefExoticComponent<SpaceProps & RefAttributes<HTMLDivElement>>;
-declare const SpaceVertical: import("react").ForwardRefExoticComponent<Omit<JSX.IntrinsicAttributes & SpaceProps & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
+import React from 'react';
+import { SpaceGap, SpaceProps } from './interface';
+declare const Space: React.ForwardRefExoticComponent<SpaceProps & React.RefAttributes<unknown>> & {
+    Vertical: typeof SpaceVertical;
+};
+declare const SpaceVertical: React.ForwardRefExoticComponent<SpaceProps & React.RefAttributes<unknown>>;
 export { SpaceVertical };
 export default Space;
+export type { SpaceGap, SpaceProps };

package/types/common/space/interface.d.ts

@@ -1,5 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 export type SpaceGap = 'mini' | 'small' | 'medium' | 'large' | number;
+export type AlignItemsProps = 'start' | 'end' | 'center' | 'baseline';
 /**
  * @title Space
  */
@@ -7,20 +8,34 @@ export interface SpaceProps {
     style?: CSSProperties;
     className?: string | string[];
     /**
-     * @zh 布局是否为内联
+     * @zh 交叉轴方向对齐方式
+     * @en Alignment of items
+     */
+    align?: AlignItemsProps;
+    /**
+     * @zh 属性 align 的别名
      */
-    inline?: boolean;
+    alignItems?: AlignItemsProps;
     /**
-     * @zh 间距方向
-     * @en The space direction
+     * @zh 主轴方向上对齐方式
+     * @en Alignment of items
+     */
+    justifyContent?: 'start' | 'end' | 'center' | 'baseline' | 'space-between';
+    /**
+     * @zh 方向
+     * @en The direction
      * @defaultValue horizontal
      */
     direction?: 'vertical' | 'horizontal';
     /**
-     * @zh 间距。
-     * @en The space gap.
+     * @zh 尺寸。
+     * @en The space size.
      * @defaultValue small
      */
+    size?: SpaceGap | SpaceGap[];
+    /**
+     * @zh 属性 size 的别名
+     */
     gap?: SpaceGap | SpaceGap[];
     /**
      * @zh 环绕类型的间距，用于折行的场景。
@@ -28,19 +43,17 @@ export interface SpaceProps {
      */
     wrap?: boolean;
     /**
-     * @zh 主轴方向上对齐方式
-     * @en Alignment of items
+     * @zh 设置分隔符
+     * @en Set separator
      */
-    justifyContent?: 'start' | 'end' | 'center' | 'baseline' | 'space-between';
+    split?: ReactNode;
     /**
-     * @zh 交叉轴方向对齐方式
-     * @en Alignment of items
-     * @defaultValue direction === 'horizontal' 时默认值为 'center';
+     * @zh 包裹元素
      */
-    alignItems?: 'start' | 'end' | 'center' | 'baseline';
+    children?: ReactNode;
     /**
-     * @zh 设置分隔符
-     * @en Set separator
+     * @zh 是否启用RTL模式
+     * @en Whether to enable RTL mode
      */
-    children?: ReactNode;
+    rtl?: boolean;
 }

package/types/pc/affix/interface.d.ts

@@ -8,14 +8,12 @@ export interface AffixProps {
     /**
      * @zh 给 `fixed` 的元素设置 className。
      * @en ClassName of the fixed element.
-     * @version 2.8.0
      */
     affixClassName?: string | string[];
     /**
      * @zh
      * 给 `fixed` 的元素设置 style，注意不要设置 `position` `top` `width` `height`， 因为这几个属性是在元素 fixed 时候用于定位的。
      * @en Style of the fixed elements. Don't set `position` `top` `width` `height` attributes as they are used for positioning when the element is fixed.
-     * @version 2.8.0
      */
     affixStyle?: CSSProperties;
     /**

package/types/pc/alert/index.d.ts

@@ -1,4 +1,4 @@
 import { AlertProps } from './interface';
-declare const AlertComponent: import("react").ForwardRefExoticComponent<AlertProps & import("react").RefAttributes<unknown>>;
-export default AlertComponent;
+declare const Alert: import("react").ForwardRefExoticComponent<AlertProps & import("react").RefAttributes<unknown>>;
+export default Alert;
 export type { AlertProps };

package/types/pc/anchor/index.d.ts

@@ -1,4 +1,5 @@
 import Anchor, { AnchorLink } from './Anchor';
-export { AnchorLink };
+import { findNode } from './util';
+export { AnchorLink, findNode as findAnchorLinkNode };
 export default Anchor;
 export type { AnchorProps } from './interface';

package/types/pc/anchor/interface.d.ts

@@ -15,7 +15,6 @@ export interface AnchorProps {
      * @zh 方向
      * @en Direction
      * @defaultValue vertical
-     * @version 2.51.0
      */
     direction?: 'vertical' | 'horizontal';
     /**
@@ -77,7 +76,6 @@ export interface AnchorProps {
      */
     lineless?: boolean;
     /**
-     * @version 2.22.0
      * @zh 容器中基准线的位置相对容器顶部的偏移量，在没有设置的时候，取值为滚动容器高度的一半。当锚点到达或离开基准线的时候会更新锚点的状态。
      * @en The offset of the baseline relative to the top of the container.
      * The value is half of the height of the scrolling container if not specified.

package/types/pc/auto-complete/interface.d.ts

@@ -57,7 +57,6 @@ export interface AutoCompleteProps extends PartialSelectProps {
     /**
      * @zh 状态
      * @en Status
-     * @version 2.45.0
      */
     status?: 'error' | 'warning';
     /**
@@ -68,14 +67,12 @@ export interface AutoCompleteProps extends PartialSelectProps {
     /**
      * @zh 是否处于加载状态。
      * @en Whether the component is loading data.
-     * @version 2.10.0
      */
     loading?: boolean;
     /**
      * @zh 自定义触发元素
      * @en Custom trigger element
      * @defaultValue <Input />
-     * @version `() => ReactElement` in 2.31.0
      */
     triggerElement?: ReactElement | (({ value }: {
         value: any;
@@ -98,7 +95,6 @@ export interface AutoCompleteProps extends PartialSelectProps {
     /**
      * @zh 按下回车键的回调
      * @en Callback when Enter is pressed
-     * @version `activeOption` in 2.25.1
      */
     onPressEnter?: (e: any, activeOption?: OptionInfo) => void;
     /**
@@ -114,13 +110,11 @@ export interface AutoCompleteProps extends PartialSelectProps {
     /**
      * @zh 传递虚拟滚动属性。
      * @en Virtual scroll properties.
-     * @version 2.2.0
      */
     virtualListProps?: AvailableVirtualListProps;
     /**
      * @zh 传递 Input 组件的属性。
      * @en Properties of Input component.
-     * @version 2.10.0
      */
     inputProps?: Partial<InputProps>;
 }

package/types/pc/avatar/interface.d.ts

@@ -71,25 +71,21 @@ export interface AvatarGroupProps {
     /**
      * @zh 头像组内的头像 `z-index` 递增，默认是递减。
      * @en Whether `z-index` of the avatars in group are in ascending order. The default is in descending order.
-     * @version 2.3.0
      */
     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`.
-     * @version 2.4.0
      */
     maxCount?: number;
     /**
      * @zh 多余头像样式。
      * @en Style for `+x`.
-     * @version 2.4.0
      */
     maxStyle?: CSSProperties;
     /**
      * @zh 多余头像气泡的 `TriggerProps`。
      * @en `TriggerProps` for popover around `+x`.
-     * @version 2.4.0
      */
     maxPopoverTriggerProps?: TriggerProps;
 }

package/types/pc/badge/index.d.ts

@@ -1,8 +1,8 @@
 import Count from './Count';
 import { BadgeProps } from './interface';
-declare const BadgeComponent: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<unknown>>;
-declare const BADGE_COLORS: string[];
-declare const BADGE_STATUS: string[];
+declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<unknown>>;
+declare const BADGE_COLORS: readonly ["red", "orangered", "orange", "gold", "lime", "green", "cyan", "primary", "purple", "magenta", "gray"];
+declare const BADGE_STATUS: readonly ["default", "processing", "success", "warning", "error"];
 export { BADGE_COLORS, BADGE_STATUS, Count as BadgeCount };
-export default BadgeComponent;
+export default Badge;
 export type { BadgeProps };

package/types/pc/badge/interface.d.ts

@@ -1,5 +1,26 @@
 import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
 import { Omit } from '../utils/type';
+/**
+ * @title Ribbon
+ */
+export interface RibbonProps {
+    /**
+     * @zh 缎带徽标的文本
+     * @en Text of the ribbon badge
+     */
+    text?: ReactNode;
+    /**
+     * @zh 缎带徽标的放置位置
+     * @en Placement of the ribbon badge
+     * @defaultValue 'end'
+     */
+    placement?: 'start' | 'end';
+    /**
+     * @zh 缎带徽标的颜色
+     * @en Color of the ribbon badge
+     */
+    color?: string;
+}
 /**
  * @title Badge
  */
@@ -62,5 +83,10 @@ export interface BadgeProps extends Omit<HTMLAttributes<HTMLElement>, 'className
      * @en Set badge as a status dot
      */
     status?: 'default' | 'processing' | 'success' | 'warning' | 'error';
+    /**
+     * @zh 缎带徽标配置
+     * @en Ribbon badge configuration
+     */
+    ribbon?: RibbonProps;
     children?: ReactNode;
 }

package/types/pc/breadcrumb/interface.d.ts

@@ -58,19 +58,16 @@ export interface BreadCrumbItemProps extends CustomHTMLElement {
     /**
      * @zh 超链接地址
      * @en href
-     * @version 2.40.0
      */
     href?: string;
     /**
      * @zh 点击回调
      * @en click callback
-     * @version 2.40.0
      */
     onClick?: (e: any) => void;
     /**
      * @zh 标签名，可以是 html 标签或是组件
      * @en Configure the outermost label, which can be an html label or a component
-     * @version 2.40.0
      * @defaultValue div
      */
     tagName?: string | React.FC<any> | React.ComponentClass<any>;