chore(*): update balloon component documentation and types, add displ…

…ay names, add dialog ssr test case

components/balloon/balloon.tsx

@@ -24,6 +24,7 @@ let alignMap = normalMap;
 
 class Balloon extends React.Component<BalloonProps, BalloonState> {
     readonly props: BalloonV1Props & BalloonV2Props;
+    static displayName = 'Balloon';
     static contextTypes = {
         prefix: PropTypes.string,
     };

components/balloon/tooltip.tsx

@@ -17,7 +17,8 @@ const { Popup } = Overlay;
 let alignMap = normalMap;
 /** Balloon.Tooltip */
 export default class Tooltip extends Component<TooltipProps, TooltipState> {
-    readonly props: TooltipV1Props & TooltipV2Props;
+    static displayName = 'Tooltip';
+
     static propTypes = {
         prefix: PropTypes.string,
         className: PropTypes.string,
@@ -52,6 +53,7 @@ export default class Tooltip extends Component<TooltipProps, TooltipState> {
         v2: PropTypes.bool,
         arrowPointToCenter: PropTypes.bool,
     };
+
     static defaultProps = {
         triggerType: 'hover',
         prefix: 'next-',
@@ -61,6 +63,8 @@ export default class Tooltip extends Component<TooltipProps, TooltipState> {
         arrowPointToCenter: false,
     };
 
+    readonly props: TooltipV1Props & TooltipV2Props;
+
     constructor(props: TooltipProps) {
         super(props);
         this.state = {

components/balloon/types.ts

@@ -18,6 +18,12 @@ interface HTMLAttributesWeak extends Omit<React.HTMLAttributes<HTMLElement>, 'ti
  * @order 0
  */
 export interface BalloonV2Props extends HTMLAttributesWeak, CommonProps {
+    /**
+     * 开启 v2 版本
+     * @en Enable v2
+     * @version 1.25
+     */
+    v2?: true;
     /**
      * 是否 pure render
      * @en Whether to pure render
@@ -96,13 +102,6 @@ export interface BalloonV2Props extends HTMLAttributesWeak, CommonProps {
      */
     onVisibleChange?: (visible: boolean, type: string) => void;
 
-    /**
-     * 开启 v2 版本
-     * @en Enable v2
-     * @version 1.25
-     */
-    v2?: true;
-
     /**
      * [v2] 箭头是否指向目标元素的中心
      * @en Whether the arrow points to the center of the target element
@@ -319,6 +318,12 @@ export type BalloonProps = BalloonV1Props | BalloonV2Props;
  * @order 1
  */
 export interface BalloonV1Props extends HTMLAttributesWeak, CommonProps {
+    /**
+     * 开启 v2 版本
+     * @en Enable v2
+     * @version 1.25
+     */
+    v2?: false | undefined;
     /**
      * 是否 pure render
      * @en Whether to pure render
@@ -397,13 +402,6 @@ export interface BalloonV1Props extends HTMLAttributesWeak, CommonProps {
      */
     onVisibleChange?: (visible: boolean, type: string) => void;
 
-    /**
-     * 开启 v2 版本
-     * @en Enable v2
-     * @version 1.25
-     */
-    v2?: false | undefined;
-
     /**
      * 弹出层对齐方式
      * @en Popup alignment
@@ -599,6 +597,12 @@ export interface BalloonV1Props extends HTMLAttributesWeak, CommonProps {
  * @order 2
  */
 export interface TooltipV2Props extends HTMLAttributesWeak, CommonProps {
+    /**
+     * 开启 v2
+     * @en Enable v2
+     */
+    v2?: true;
+
     /**
      * 自定义内联样式
      * @en Custom inline style
@@ -690,12 +694,6 @@ export interface TooltipV2Props extends HTMLAttributesWeak, CommonProps {
      */
     delay?: number;
 
-    /**
-     * 开启 v2
-     * @en Enable v2
-     */
-    v2?: true;
-
     /**
      * 鼠标放置后的延时显示，单位毫秒 ms
      * @en Delay display after mouse
@@ -766,6 +764,12 @@ export interface TooltipV2Props extends HTMLAttributesWeak, CommonProps {
  * @order 3
  */
 export interface TooltipV1Props extends HTMLAttributesWeak, CommonProps {
+    /**
+     * 开启 v2
+     * @en Enable v2
+     */
+    v2?: false | undefined;
+
     /**
      * 自定义内联样式
      * @en Custom inline style
@@ -857,12 +861,6 @@ export interface TooltipV1Props extends HTMLAttributesWeak, CommonProps {
      */
     delay?: number;
 
-    /**
-     * 开启 v2
-     * @en Enable v2
-     */
-    v2?: false | undefined;
-
     /**
      * 鼠标放置后的延时显示，单位毫秒 ms
      * @en Delay display after mouse

components/dialog/__tests__/ssr-node.tsx

@@ -0,0 +1,15 @@
+import { renderToStaticMarkup } from 'react-dom/server';
+import React from 'react';
+import { expect } from 'chai';
+import Dialog from '../index';
+
+describe('ssr-node', () => {
+    it('should be ok', () => {
+        const html = renderToStaticMarkup(<Dialog visible />);
+        expect(html).to.equal('');
+    });
+    it('[v2] should be ok', () => {
+        const html = renderToStaticMarkup(<Dialog v2 visible />);
+        expect(html).to.equal('');
+    });
+});

components/dialog/dialog-v2.tsx

@@ -52,7 +52,7 @@ const Dialog = (props: DialogV2Props) => {
         animation = { in: 'fadeInUp', out: 'fadeOutUp' },
         cache,
         wrapperStyle,
-        popupContainer = document.body,
+        popupContainer = typeof document !== 'undefined' ? document.body : null,
         dialogRender,
         centered,
         top = centered ? 40 : 100,
@@ -135,7 +135,10 @@ const Dialog = (props: DialogV2Props) => {
             if (dom.hasScroll(document.body)) {
                 const scrollWidth = dom.scrollbar().width;
                 if (scrollWidth) {
-                    style.paddingRight = `${(dom.getStyle(document.body, 'paddingRight') as number) + dom.scrollbar().width}px`;
+                    style.paddingRight = `${
+                        (dom.getStyle(document.body, 'paddingRight') as number) +
+                        dom.scrollbar().width
+                    }px`;
                 }
             }
             locker.current = scrollLocker.lock(document.body, style);

components/dialog/dialog.tsx

@@ -5,7 +5,7 @@ import zhCN from '../locale/zh-cn';
 import { focus, obj, func, events, dom, env } from '../util';
 import Inner from './inner';
 import { type CustomCSSStyleKey } from '../util/dom';
-import { DialogV1Props } from './types';
+import type { DialogV1Props } from './types';
 
 const noop = () => {};
 const { limitTabRange } = focus;