@unicom-cloud/ui 0.8.100 → 0.8.101

package/trigger/index.js

@@ -1,4 +1,4 @@
-import { jsx as P, jsxs as xe } from "react/jsx-runtime";
+import { jsx as P, jsxs as De } from "react/jsx-runtime";
 import no from "../dist/react-transition-group/src/CSSTransition.js";
 import "../dist/react-transition-group/src/ReplaceTransition.js";
 import "../dist/react-transition-group/src/SwitchTransition.js";
@@ -6,18 +6,18 @@ import "../dist/react-transition-group/chunk/CPfP7aNL.js";
 import "../dist/react-transition-group/src/TransitionGroup.js";
 import ro from "lodash/isArray";
 import D from "lodash/isFunction";
-import { forwardRef as io, useContext as so, useRef as L, useState as uo, Children as Me, useCallback as Se, cloneElement as Oe, useImperativeHandle as co, useLayoutEffect as lo, useEffect as g, Fragment as po } from "react";
+import { forwardRef as io, useContext as so, useRef as L, useState as uo, Children as xe, useCallback as Me, cloneElement as Se, useImperativeHandle as co, useLayoutEffect as lo, useEffect as g, Fragment as po } from "react";
 import { createPortal as ao } from "react-dom";
 import "../config-provider/ConfigProvider.js";
 import R from "@unicom-cloud/utils/class-name";
-import { on as G, off as J, getScrollElements as fo, isScrollElement as mo, contains as ve } from "../components/common/utils/dom.js";
+import { on as G, off as J, getScrollElements as fo, isScrollElement as mo, contains as Oe } from "../components/common/utils/dom.js";
 import { supportRef as go } from "../components/common/utils/is.js";
-import { Esc as be } from "@unicom-cloud/utils/constant/keyboardCode";
+import { Esc as ve } from "@unicom-cloud/utils/constant/keyboardCode";
 import { mergeProps as yo } from "../components/common/utils/mergeProps.js";
 import { pickDataAttributes as To } from "../components/common/utils/pick.js";
 import { callbackOriginRef as Co, findDOMNode_ as Po } from "../components/common/utils/reactDOM.js";
 import { resizeObserver as Z } from "../components/common/utils/resizeObserver.js";
-import { throttleByRaf as Ne } from "../components/common/utils/throttleByRaf.js";
+import { throttleByRaf as be } from "../components/common/utils/throttleByRaf.js";
 import ho, { getBoundingClientRect as Eo } from "./getPopupStyle.js";
 import wo from "../config-provider/context.js";
 import { isPlainObject as ee } from "@unicom-cloud/utils/is";
@@ -73,25 +73,22 @@ function So(d, $) {
   const y = so(wo), { getPrefixCls: x, zIndex: T, rtl: A } = y, i = u(d), {
     children: oe,
     style: te,
-    className: $e,
+    className: Ne,
     arrowProps: _,
     disabled: M,
-    popup: ne,
+    popup: $e,
     classNames: z,
     duration: ke,
-    unmountOnExit: re,
+    unmountOnExit: ne,
     alignPoint: He,
     autoAlignPopupWidth: Ie,
     position: Le,
     childrenPrefix: h,
     showArrow: _e,
-    popupStyle: ie,
+    popupStyle: re,
     __onExit: Be,
     __onExited: Ve
-  } = i;
-  if (!ne)
-    return null;
-  const se = oe || oe === 0, a = L(null), S = L(null), ue = L(null), ce = L(null), t = L({
+  } = i, ie = oe || oe === 0, a = L(null), S = L(null), se = L(null), ue = L(null), t = L({
     rootElement: void 0,
     triggerDestoried: !1,
     // 标志 popup 是否被销毁
@@ -119,15 +116,15 @@ function So(d, $) {
       }, 0);
     }
   };
-  I() && !M ? (l.onMouseEnter = We, l.onMouseLeave = ye, U() && (l.onClick = Te), He && (l.onMouseMove = Xe), ze() || (Q.onMouseEnter = Ue, Q.onMouseLeave = je)) : (l.onMouseEnter = w("onMouseEnter"), l.onMouseLeave = w("onMouseLeave")), pe() && !M ? (l.onContextMenu = qe, l.onClick = Te) : l.onContextMenu = w("onContextMenu"), le() && !M ? l.onClick = Ge : l.onClick = l.onClick || w("onClick"), X() && !M ? (l.onFocus = Je, ae() && (l.onBlur = Ze)) : (l.onFocus = w("onFocus"), l.onBlur = w("onBlur")), M ? l.onKeyDown = w("onKeyDown") : l.onKeyDown = Ke;
-  const k = V(), H = Me.only(ne());
+  I() && !M ? (l.onMouseEnter = We, l.onMouseLeave = ge, U() && (l.onClick = ye), He && (l.onMouseMove = Xe), ze() || (Q.onMouseEnter = Ue, Q.onMouseLeave = je)) : (l.onMouseEnter = w("onMouseEnter"), l.onMouseLeave = w("onMouseLeave")), le() && !M ? (l.onContextMenu = qe, l.onClick = ye) : l.onContextMenu = w("onContextMenu"), ce() && !M ? l.onClick = Ge : l.onClick = l.onClick || w("onClick"), X() && !M ? (l.onFocus = Je, pe() && (l.onBlur = Ze)) : (l.onFocus = w("onFocus"), l.onBlur = w("onBlur")), M ? l.onKeyDown = w("onKeyDown") : l.onKeyDown = Ke;
+  const k = V(), H = xe.only($e?.());
   k.props.className && (l.className = k.props.className), h && s && (l.className = R(l.className, `${h}-open`)), X() && (l.tabIndex = M ? -1 : 0);
   const v = x?.("trigger"), Re = R(
     v,
     h,
     `${v}-position-${Le}`,
     { [`${v}-rtl`]: A },
-    $e
+    Ne
   );
   function u(e) {
     const { componentConfig: o } = y ?? {};
@@ -144,13 +141,13 @@ function So(d, $) {
     );
     return t.current.rootElement = e, e;
   }
-  const W = Se(
-    Ne(() => {
+  const W = Me(
+    be(() => {
       N();
     }),
     [s]
   );
-  function le() {
+  function ce() {
     const { trigger: e } = u(["trigger"]);
     return [].concat(e).indexOf("click") > -1;
   }
@@ -162,7 +159,7 @@ function So(d, $) {
     const { trigger: e } = u(["trigger"]);
     return [].concat(e).indexOf("hover") > -1;
   }
-  function pe() {
+  function le() {
     const { trigger: e } = u(["trigger"]);
     return [].concat(e).indexOf("contextMenu") > -1;
   }
@@ -173,19 +170,19 @@ function So(d, $) {
     return I() && !u(["popupHoverStay"]).popupHoverStay;
   }
   function U() {
-    if (le() || pe()) {
+    if (ce() || le()) {
       const { clickToClose: e = !0 } = u(["clickToClose"]);
       return e;
     }
     return I() && i.clickToClose;
   }
-  function ae() {
+  function pe() {
     return X() && u(["blurToHide"]).blurToHide;
   }
   function Ye() {
     t.current.updatePositionTimeoutID && (t.current.updatePositionTimeoutID.cancel ? t.current.updatePositionTimeoutID.cancel() : (clearTimeout(t.current.updatePositionTimeoutID), t.current.updatePositionTimeoutID = null)), E();
   }
-  function fe(e) {
+  function ae(e) {
     const o = a.current;
     if (!o)
       return {};
@@ -195,7 +192,7 @@ function So(d, $) {
     ]);
     let c = n && t.current.arrowStyle?.top || 0, p = n && t.current.arrowStyle?.left || 0;
     c = c ? `${c}px` : "", p = p ? `${p}px` : "";
-    const we = {
+    const Ee = {
       top: `${p || "50%"} 100% 0`,
       tl: `${p || "15px"} 100% 0`,
       tr: `${p || `${o.clientWidth - 15}px`} 100% 0`,
@@ -211,17 +208,17 @@ function So(d, $) {
     };
     if (r && r.indexOf("zoom") > -1)
       return {
-        transformOrigin: we[e]
+        transformOrigin: Ee[e]
       };
     if (r === "slideDynamicOrigin") {
-      let De = "0% 0%";
-      return ["top", "tl", "tr"].indexOf(e) > -1 && (De = "100% 100%"), {
-        transformOrigin: De
+      let we = "0% 0%";
+      return ["top", "tl", "tr"].indexOf(e) > -1 && (we = "100% 100%"), {
+        transformOrigin: we
       };
     }
     return {};
   }
-  function de() {
+  function fe() {
     if (u(["classNames"]).classNames !== "slideDynamicOrigin")
       return "";
     switch (t.current.realPosition) {
@@ -254,7 +251,7 @@ function So(d, $) {
     const p = c || i.position;
     return t.current.realPosition = p, {
       ...n,
-      ...fe(p)
+      ...ae(p)
     };
   }
   function C(e) {
@@ -266,7 +263,7 @@ function So(d, $) {
       e();
     }, 0);
   }
-  const B = Se(Ne(C), [
+  const B = Me(be(C), [
     s
   ]);
   function N(e = 0, o) {
@@ -288,7 +285,7 @@ function So(d, $) {
   }
   function f(e, o = 0, n) {
     const r = u(["onVisibleChange", "popupVisible"]);
-    e !== s ? me(o, () => {
+    e !== s ? de(o, () => {
       r.onVisibleChange?.(e), "popupVisible" in r ? n?.() : (O((c) => {
         const p = { ...c };
         return p.popupVisible = !!e, p;
@@ -299,7 +296,7 @@ function So(d, $) {
       }, 0));
     }) : n?.();
   }
-  function me(e, o) {
+  function de(e, o) {
     e ? (E(), t.current.delayTimeoutID = setTimeout(() => {
       o(), E();
     }, e)) : o();
@@ -307,18 +304,18 @@ function So(d, $) {
   function E() {
     t.current.delayTimeoutID && (clearTimeout(t.current.delayTimeoutID), t.current.delayTimeoutID = null);
   }
-  function ge(e) {
+  function me(e) {
     const o = u(["onClickOutside", "clickOutsideToClose"]);
-    let n = ve(a.current, e.target);
-    n ||= ve(b(), e.target), n ||= !!t.current.hasPopupMouseDown, n || (o.onClickOutside?.(), o.clickOutsideToClose && (ae() || I() || f(!1)));
+    let n = Oe(a.current, e.target);
+    n ||= Oe(b(), e.target), n ||= !!t.current.hasPopupMouseDown, n || (o.onClickOutside?.(), o.clickOutsideToClose && (pe() || I() || f(!1)));
   }
   function Ke(e) {
     const o = e.key;
-    m("onKeyDown", e), o === be.key && Qe(e);
+    m("onKeyDown", e), o === ve.key && Qe(e);
   }
   function Qe(e) {
     const { escToClose: o } = u(["escToClose"]);
-    o && e && e.key === be.key && s && f(!1);
+    o && e && e.key === ve.key && s && f(!1);
   }
   function We(e) {
     const { mouseEnterDelay: o } = u(["mouseEnterDelay"]);
@@ -327,7 +324,7 @@ function So(d, $) {
   function Xe(e) {
     m("onMouseMove", e), q(e), s && B();
   }
-  function ye(e) {
+  function ge(e) {
     const { mouseLeaveDelay: o } = u(["mouseLeaveDelay"]);
     E(), m("onMouseLeave", e), Ae() && s && f(!1, o || 0);
   }
@@ -335,7 +332,7 @@ function So(d, $) {
     E();
   }
   function je(e) {
-    ye(e);
+    ge(e);
   }
   function q(e) {
     u(["alignPoint"]).alignPoint && (t.current.mouseLocation = {
@@ -346,7 +343,7 @@ function So(d, $) {
   function qe(e) {
     e.preventDefault(), m("onContextMenu", e), q(e), s ? u(["alignPoint"]).alignPoint && B() : f(!0, 0);
   }
-  function Te(e) {
+  function ye(e) {
     s && (t.current.mousedownToHide = !0), m("onClick", e), U() && s && f(!s, 0);
   }
   function Ge(e) {
@@ -361,13 +358,13 @@ function So(d, $) {
   function Ze(e) {
     f(!1, 200, () => m("onBlur", e));
   }
-  function Ce() {
+  function Te() {
     s && u(["autoFixPosition"]).autoFixPosition && N();
   }
   function V() {
     const { children: e } = i, o = e, n = o && typeof o != "string" && o.type;
     let r = e;
-    if (["string", "number"].indexOf(typeof e) > -1 || Me.count(e) > 1)
+    if (["string", "number"].indexOf(typeof e) > -1 || xe.count(e) > 1)
       r = /* @__PURE__ */ P("span", { children: e });
     else if (o && n && (n.__PQB_BUTTON === !0 || n.__PQB_CHECKBOX === !0 || n.__PQB_SWITCH === !0 || n.__PQB_RADIO === !0 || n === "button") && o.props.disabled) {
       const { picked: c, omitted: p } = xo(o.props.style, [
@@ -385,7 +382,7 @@ function So(d, $) {
         {
           className: o.props?.className,
           style: { display: "inline-block", ...c, cursor: "not-allowed" },
-          children: Oe(o, {
+          children: Se(o, {
             style: {
               ...p,
               pointerEvents: "none"
@@ -407,7 +404,7 @@ function So(d, $) {
       n(c), r(c);
     } : n || r;
   }
-  function Pe() {
+  function Ce() {
     const e = u(["containerScrollToClose", "updateOnScroll"]);
     e.containerScrollToClose ? f(!1) : e.updateOnScroll && N();
   }
@@ -416,12 +413,12 @@ function So(d, $) {
       b()
       // refPopupContainer.current.parentNode as HTMLElement,
     ), Array.isArray(t.current.scrollElements) && (i.containerScrollToClose && S.current?.parentNode === document.body && t.current.scrollElements.indexOf(document.body) === -1 && mo(document.documentElement) && t.current.scrollElements.push(window), t.current.scrollElements.forEach((e) => {
-      G(e, "scroll", Pe);
+      G(e, "scroll", Ce);
     })));
   }
-  function he() {
+  function Pe() {
     t.current.scrollElements && (t.current.scrollElements.forEach((e) => {
-      J(e, "scroll", Pe);
+      J(e, "scroll", Ce);
     }), t.current.scrollElements = null);
   }
   co($, () => ({
@@ -432,20 +429,20 @@ function So(d, $) {
     },
     getChild: V,
     getPopupStyle: j,
-    getTransformTranslate: de,
-    getTransformOrigin: fe,
+    getTransformTranslate: fe,
+    getTransformOrigin: ae,
     updateThrottleByRaf: B,
     update: C,
     updatePopupStyle: C,
     updatePopupPosition: N,
     handleUpdatePosition: W,
     setPopupVisible: f,
-    delayToDo: me
+    delayToDo: de
   })), lo(() => (C(), () => {
   }), [
     a.current,
+    se.current,
     ue.current,
-    ce.current,
     t.current.rootElement
   ]), g(() => {
     const e = S.current?.parentNode, o = Z([e], N);
@@ -453,12 +450,12 @@ function So(d, $) {
       o();
     };
   }, [S.current?.parentNode]), g(() => {
-    const e = a.current, o = Z([e], Ce);
+    const e = a.current, o = Z([e], Te);
     return () => {
       o();
     };
   }, [a.current]), g(() => {
-    const e = t.current.rootElement, o = Z([e], Ce);
+    const e = t.current.rootElement, o = Z([e], Te);
     return () => {
       o();
     };
@@ -474,8 +471,8 @@ function So(d, $) {
     i.alignPoint,
     i.boundaryDistance,
     i.position
-  ]), g(() => (s && (i.updateOnScroll || i.containerScrollToClose ? eo() : (N(), he())), () => {
-    he();
+  ]), g(() => (s && (i.updateOnScroll || i.containerScrollToClose ? eo() : (N(), Pe())), () => {
+    Pe();
   }), [
     s,
     i.updateOnScroll,
@@ -490,8 +487,8 @@ function So(d, $) {
       // 2. 点击label标签，会触发对应input元素的点击事件，导致触发clickOutside，隐藏popup。
       capture: ee(e) ? e.capture : !1
     };
-    return s && (G(n, "mousedown", ge, r), G(window, "resize", W)), () => {
-      J(n, "mousedown", ge, r), J(window, "resize", W);
+    return s && (G(n, "mousedown", me, r), G(window, "resize", W)), () => {
+      J(n, "mousedown", me, r), J(window, "resize", W);
     };
   }, [s]), g(() => ("defaultPopupVisible" in i && O((e) => {
     const o = { ...e };
@@ -504,7 +501,7 @@ function So(d, $) {
   }), [K]), g(() => () => {
     Ye();
   }, []);
-  const oo = se && Oe(k, {
+  const oo = ie && Se(k, {
     ...l,
     ref: go(k) ? (e) => {
       t.current.child = e, Co(k, e);
@@ -515,13 +512,13 @@ function So(d, $) {
       in: !!s,
       timeout: ke,
       classNames: z,
-      unmountOnExit: re,
+      unmountOnExit: ne,
       appear: !0,
       mountOnEnter: !0,
       onEnter: () => {
         t.current.triggerDestoried = !1;
         const e = a.current;
-        e && (e.style.display = "initial", e.style.pointerEvents = "none", z === "slideDynamicOrigin" && (e.style.transform = de()), C());
+        e && (e.style.display = "initial", e.style.pointerEvents = "none", z === "slideDynamicOrigin" && (e.style.transform = fe()), C());
       },
       onEntering: () => {
         const e = a.current;
@@ -537,13 +534,13 @@ function So(d, $) {
       },
       onExited: () => {
         const e = a.current;
-        e && (e.style.display = "none", re && (t.current.triggerDestoried = !0), O((o) => {
+        e && (e.style.display = "none", ne && (t.current.triggerDestoried = !0), O((o) => {
           const n = { ...o };
           return n.popupStyle = {}, n;
         }), Ve?.(e));
       },
       nodeRef: a,
-      children: /* @__PURE__ */ xe(
+      children: /* @__PURE__ */ De(
         "span",
         {
           ref: a,
@@ -560,25 +557,25 @@ function So(d, $) {
           ...Q,
           className: Re,
           children: [
-            ee(ie) ? /* @__PURE__ */ P(
+            ee(re) ? /* @__PURE__ */ P(
               H.type,
               {
                 ref: H.ref,
                 ...H.props,
-                style: { ...H.props.style, ...ie }
+                style: { ...H.props.style, ...re }
               }
             ) : H,
             (_e || _) && /* @__PURE__ */ P(
               "div",
               {
-                ref: ue,
+                ref: se,
                 className: R(`${v}-arrow-container`, {
                   [`${h}-arrow-container`]: h
                 }),
                 children: /* @__PURE__ */ P(
                   "div",
                   {
-                    ref: ce,
+                    ref: ue,
                     ..._,
                     className: R(
                       `${v}-arrow`,
@@ -597,8 +594,8 @@ function So(d, $) {
       )
     }
   );
-  let F, Ee = s;
-  if (Ee ||= !!a.current && !t.current.triggerDestoried, Ee) {
+  let F, he = s;
+  if (he ||= !!a.current && !t.current.triggerDestoried, he) {
     const e = i.getPopupContainer || y.getPopupContainer;
     if (D(e)) {
       const o = e(b());
@@ -609,7 +606,7 @@ function So(d, $) {
       ));
     }
   }
-  return se && (F = /* @__PURE__ */ xe(po, { children: [
+  return ie && (F = /* @__PURE__ */ De(po, { children: [
     oo,
     F
   ] })), F;

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

@@ -1,2 +1,8 @@
+import type { DevelopmentProps } from './interface';
+/**
+ * 开发占位组件
+ * @description 用于展示未开发完成的功能区块，支持自定义图片/图标和提示文字
+ */
+declare const Development: import("react").ForwardRefExoticComponent<DevelopmentProps & import("react").RefAttributes<HTMLDivElement>>;
 export default Development;
-declare const Development: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+export type { DevelopmentProps };

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

@@ -0,0 +1,22 @@
+import React from 'react';
+/**
+ * Development 组件的属性类型定义
+ * @property {string} [url] - 图片 URL，如果有则显示图片而不是图标
+ * @property {React.ReactNode} [icon] - 自定义图标，会覆盖默认的等待图标
+ * @property {string} [label] - 提示文字，默认为"等待开发"
+ * @property {string} [tip] - 提示文字别名，优先级低于 label
+ * @property {string} [className] - 根节点类名
+ * @property {string} [imgClassName] - 图片类名
+ * @property {string} [iconClassName] - 图标类名
+ * @property {string} [labelClassName] - 文字标签类名
+ */
+export interface DevelopmentProps {
+    url?: string;
+    icon?: React.ReactNode;
+    label?: string;
+    tip?: string;
+    className?: string;
+    imgClassName?: string;
+    iconClassName?: string;
+    labelClassName?: string;
+}

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

@@ -1,4 +1,5 @@
+import React from 'react';
 import type { EmptyProps } from './interface';
-declare const Empty: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<EmptyProps & import("react").RefAttributes<unknown>>>;
+export declare const Empty: React.MemoExoticComponent<React.ForwardRefExoticComponent<EmptyProps & React.RefAttributes<HTMLDivElement>>>;
 export default Empty;
 export type { EmptyProps };

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { type FlexProps } from './interface';
+/**
+ * Flex 布局组件主体
+ */
+declare const Flex: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLElement>> & {
+    Vertical: typeof FlexVertical;
+};
+/**
+ * 垂直布局组件
+ */
+declare const FlexVertical: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLElement>>;
+export { FlexVertical };
+export default Flex;

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

@@ -0,0 +1,62 @@
+import React from 'react';
+export type GapProperty = 'gap' | 'rowGap' | 'columnGap';
+export declare const GAP_SIZE_MAP: {
+    mini: string;
+    small: string;
+    medium: string;
+    large: string;
+};
+export type SizeType = keyof typeof GAP_SIZE_MAP;
+export type GapType = SizeType | React.CSSProperties['gap'];
+/**
+ * @title Flex
+ * @description Flex布局组件属性
+ */
+export interface FlexProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * @zh 布局方向
+     */
+    direction?: React.CSSProperties['flexDirection'];
+    /**
+     * @zh 换行方式
+     * @en Flex wrap style
+     */
+    wrap?: boolean | React.CSSProperties['flexWrap'];
+    /**
+     * @zh 主轴对齐方式
+     * @en Justify content alignment
+     */
+    justify?: React.CSSProperties['justifyContent'];
+    /**
+     * @zh 交叉轴对齐方式
+     * @en Align items alignment
+     */
+    align?: React.CSSProperties['alignItems'];
+    /**
+     * @zh flex属性
+     * @en Flex property
+     */
+    flex?: React.CSSProperties['flex'];
+    /**
+     * @zh 间距大小
+     * @en Gap size
+     * @default small
+     * @values 'mini', 'small', 'medium', 'large', string, number
+     */
+    gap?: GapType;
+    /**
+     * @zh 自定义渲染元素
+     * @en Custom component type
+     */
+    component?: React.ElementType;
+    /**
+     * @zh 是否启用RTL模式
+     * @en Whether to enable RTL mode
+     */
+    rtl?: boolean;
+    /**
+     * @zh 子元素
+     * @en Children elements
+     */
+    children: React.ReactNode;
+}

package/types/common/higher-order/with-speech-synthesis/index.d.ts

@@ -1,2 +1,7 @@
+import React from 'react';
+import type { SpeechSynthesisHandles, SpeechSynthesisProps } from './interface';
+declare const withSpeechSynthesis: {
+    <P extends object>(WrappedComponent: React.ComponentType<P>): React.MemoExoticComponent<React.ForwardRefExoticComponent<React.PropsWithoutRef<SpeechSynthesisProps & P> & React.RefAttributes<SpeechSynthesisHandles>>>;
+    displayName: string;
+};
 export default withSpeechSynthesis;
-declare function withSpeechSynthesis(WrappedComponent: any): import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>>;

package/types/common/higher-order/with-speech-synthesis/interface.d.ts

@@ -0,0 +1,13 @@
+export interface SpeechSynthesisProps {
+    useButton?: boolean;
+    buttonProps?: Record<string, any>;
+    getText?: () => string;
+    text?: string;
+    iconProps?: Record<string, any>;
+}
+export interface SpeechSynthesisHandles {
+    cancel: () => void;
+    speak: () => void;
+    pause: () => void;
+    resume: () => void;
+}

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

@@ -1,9 +1,9 @@
-import React from 'react';
 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<HTMLDivElement>>;
+declare const Space: import("react").ForwardRefExoticComponent<SpaceProps & import("react").RefAttributes<HTMLDivElement>> & {
+    displayName: string;
+    Vertical: import("react").ForwardRefExoticComponent<SpaceProps & import("react").RefAttributes<HTMLDivElement>>;
 };
-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,35 +1,30 @@
 import { CSSProperties, ReactNode } from 'react';
 export type SpaceGap = 'mini' | 'small' | 'medium' | 'large' | number;
-export type AlignItemsProps = 'start' | 'end' | 'center' | 'baseline';
-/**
- * @title Space
- */
+export type AlignItems = 'start' | 'end' | 'center' | 'baseline';
+export type JustifyContent = 'start' | 'end' | 'center' | 'baseline' | 'space-between';
+export type Direction = 'vertical' | 'horizontal';
 export interface SpaceProps {
     style?: CSSProperties;
     className?: string | string[];
     /**
      * @zh 交叉轴方向对齐方式
-     * @en Alignment of items
      */
-    align?: AlignItemsProps;
+    align?: AlignItems;
     /**
      * @zh 属性 align 的别名
      */
-    alignItems?: AlignItemsProps;
+    alignItems?: AlignItems;
     /**
      * @zh 主轴方向上对齐方式
-     * @en Alignment of items
      */
-    justifyContent?: 'start' | 'end' | 'center' | 'baseline' | 'space-between';
+    justifyContent?: JustifyContent;
     /**
      * @zh 方向
-     * @en The direction
      * @defaultValue horizontal
      */
-    direction?: 'vertical' | 'horizontal';
+    direction?: Direction;
     /**
-     * @zh 尺寸。
-     * @en The space size.
+     * @zh 尺寸
      * @defaultValue small
      */
     size?: SpaceGap | SpaceGap[];
@@ -38,22 +33,19 @@ export interface SpaceProps {
      */
     gap?: SpaceGap | SpaceGap[];
     /**
-     * @zh 环绕类型的间距，用于折行的场景。
-     * @en Whether to wrap line automatic
+     * @zh 是否自动折行
      */
     wrap?: boolean;
     /**
      * @zh 设置分隔符
-     * @en Set separator
      */
     split?: ReactNode;
     /**
-     * @zh 包裹元素
+     * @zh 子元素
      */
     children?: ReactNode;
     /**
      * @zh 是否启用RTL模式
-     * @en Whether to enable RTL mode
      */
     rtl?: boolean;
 }