@unicom-cloud/ui 0.8.98 → 0.8.99

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,14 +46,13 @@ 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";
@@ -55,62 +60,79 @@ 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);
+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 je(L) {
+  const { getPrefixCls: X, componentConfig: Y, rtl: kt } = ct($t), K = gt(
+    L,
+    xt,
+    Y?.Tour
+  );
   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,
+    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;
+  const 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 +174,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 +219,7 @@ function Pe(L) {
             height: e.height,
             zIndex: P + 1,
             pointerEvents: "none",
-            boxShadow: U ? M : void 0
+            boxShadow: J ? E : void 0
           }
         }
       ),
@@ -205,9 +227,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 +237,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 +284,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 +307,5 @@ function Pe(L) {
   );
 }
 export {
-  Pe as default
+  je 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,8 @@
-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 { SpaceGap, SpaceProps } from './interface';
+declare const Space: React.ForwardRefExoticComponent<SpaceProps & React.RefAttributes<unknown>> & {
+    Vertical: typeof SpaceVertical;
+};
+declare const SpaceVertical: import("react").ForwardRefExoticComponent<SpaceProps & import("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/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/collapse/interface.d.ts

@@ -59,6 +59,10 @@ export interface CollapseProps {
      * @en Callback when the active panel changes
      */
     onChange?: (key: string, keys: string[], e: any) => void;
+    /**
+     * @zh 是否反转头部区域和内容区域的背景色（潘启宝添加）
+     */
+    invertHeaderContentBackgrounds?: boolean;
 }
 /**
  * @title Collapse.Item

package/types/pc/config-provider/interface.d.ts

@@ -63,8 +63,11 @@ import { TreeProps } from '../tree/interface';
 import { TriggerProps } from '../trigger/interface';
 import { Omit } from '../utils/type';
 import { ColorPickerProps } from '../color-picker';
-import { LiquidFillProps } from '../liquid-fill/LiquidFill';
+import { LiquidFillProps } from '../liquid-fill';
+import type { MarqueeProps } from '../marquee';
 import { QRCodeProps } from '../qr-code';
+import type { SegmentedProps } from '../segmented/interface';
+import { SplitterProps } from '../splitter/interface';
 import { TourProps } from '../tour';
 import { TypographyEllipsisProps } from '../typography';
 import { UploadProps } from '../upload/interface';
@@ -152,6 +155,9 @@ export type ComponentConfig = {
     QRCode?: QRCodeProps;
     LiquidFill?: LiquidFillProps;
     Tour?: TourProps;
+    Marquee?: MarqueeProps;
+    Segmented?: SegmentedProps;
+    Splitter?: SplitterProps;
 };
 /**
  * @title ConfigProvider

package/types/pc/date-picker/RangePicker.d.ts

@@ -1,3 +1,3 @@
 import { RangePickerHandle } from './interface';
-declare const PickerComponent: import("react").ForwardRefExoticComponent<import("./interface").BaseRangePickerProps & import("components/common/utils").Omit<import("./interface").PickerProps, "onChange" | "onSelect" | "onOk" | "inputProps" | "defaultPickerValue" | "pickerValue" | "onPickerValueChange"> & import("react").RefAttributes<RangePickerHandle>>;
+declare const PickerComponent: import("react").ForwardRefExoticComponent<import("./interface").BaseRangePickerProps & import("components/common/utils/type").Omit<import("./interface").PickerProps, "onChange" | "onSelect" | "onOk" | "inputProps" | "defaultPickerValue" | "pickerValue" | "onPickerValueChange"> & import("react").RefAttributes<RangePickerHandle>>;
 export default PickerComponent;

package/types/pc/index.d.ts

@@ -83,8 +83,11 @@ export type { InputProps, TextAreaProps } from './input/interface';
 export type { ContentProps, FooterProps, HeaderProps, LayoutProps, SiderProps, } from './layout/interface';
 export type { LinkProps } from './link/interface';
 export { default as LiquidFill } from './liquid-fill';
+export type { LiquidFillProps } from './liquid-fill';
 export type { ListItemMetaProps, ListItemProps, ListProps, } from './list/interface';
 export { default as Loading } from './loading';
+export { default as Marquee } from './marquee';
+export type { MarqueeProps } from './marquee';
 export type { MentionsProps } from './mentions/interface';
 export type { MenuItemGroupProps, MenuItemProps, MenuProps, MenuSubMenuProps, } from './menu/interface';
 export type { MessageHookReturnType, MessageProps } from './message/interface';
@@ -96,6 +99,7 @@ export type { PopconfirmProps } from './popconfirm/interface';
 export type { PopoverProps } from './popover/interface';
 export type { ProgressProps } from './progress/interface';
 export { default as QRCode } from './qr-code';
+export type { QRCodeProps } from './qr-code';
 export { default as Radio, RadioGroup, RadioGroupBlock, RadioGroupContext, } from './radio';
 export type { RadioGroupProps, RadioProps } from './radio/interface';
 export { default as Rate } from './rate';
@@ -104,16 +108,17 @@ export { default as ResizeBox, ResizeBoxSplit, ResizeBoxSplitGroup, } from './re
 export type { ResizeBoxProps } from './resize-box/interface';
 export { default as Result } from './result';
 export type { ResultProps } from './result/interface';
+export { default as Segmented } from './segmented';
+export type { SegmentedProps } from './segmented/interface';
 export { default as Select, SelectOption, SelectOptionGroup } from './select';
 export type { OptGroupProps as SelectOptionGroupProps, OptionProps as SelectOptionProps, SelectProps, } from './select/interface';
 export { default as Skeleton } from './skeleton';
 export type { SkeletonImageProps, SkeletonProps, SkeletonTextProps, } from './skeleton/interface';
 export { default as Slider } from './slider';
 export type { SliderProps } from './slider/interface';
-export { default as Space, SpaceVertical } from './space';
-export { default as Space_, SpaceVertical as SpaceVertical_ } from './space-';
-export type { SpaceProps as SpaceProps_ } from './space-/interface';
-export type { SpaceProps } from './space/interface';
+export { default as Space, default as Space_, // 历史原因，要兼容一些项目的名字
+SpaceVertical, SpaceVertical as SpaceVertical_, } from './space';
+export type { SpaceGap, SpaceProps } from './space/interface';
 export { default as SpeechSynthesis } from './speech-synthesis';
 export { default as Spin } from './spin';
 export type { SpinProps } from './spin/interface';
@@ -138,6 +143,7 @@ export type { TimelineItemProps, TimelineProps } from './timeline/interface';
 export { default as Tooltip } from './tooltip';
 export type { TooltipProps } from './tooltip/interface';
 export { default as Tour } from './tour';
+export type { TourProps } from './tour';
 export { default as Transfer } from './transfer';
 export type { TransferItemProps, TransferProps } from './transfer/interface';
 export { default as Tree, TreeNode } from './tree';