knight-ui 1.2.3 → 1.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/component/display/Tooltip.d.ts +14 -0
- package/index.js +1 -1
- package/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -9,12 +9,22 @@ type TooltipTheme = "dark" | "light";
|
|
|
9
9
|
export declare class Tooltip extends AbstractUI<TooltipProps, TooltipState> {
|
|
10
10
|
private zIndex;
|
|
11
11
|
private wrapperRef;
|
|
12
|
+
private bubbleRef;
|
|
13
|
+
/** 视口夹取的累计偏移 — 量出溢出后回填,两个都为 0 表示无需偏移 */
|
|
14
|
+
private shiftX;
|
|
15
|
+
private shiftY;
|
|
12
16
|
private animTimer;
|
|
13
17
|
private leaveTimer;
|
|
14
18
|
private enterTimer;
|
|
15
19
|
constructor(props: TooltipProps);
|
|
16
20
|
componentDidMount(): void;
|
|
17
21
|
componentDidUpdate(prevProps: Readonly<TooltipProps>): void;
|
|
22
|
+
/**
|
|
23
|
+
* 视口夹取 — 气泡是固定定位,只按触发元素居中,靠屏幕边缘时会挂出去一截。
|
|
24
|
+
* 量在 componentDidUpdate:此时 DOM 已提交、浏览器尚未绘制,补一次 setState 仍落在同一帧,
|
|
25
|
+
* 校正过程不可见(不会先闪一下再跳)。偏移累计到 shift 上,收敛后不再 setState。
|
|
26
|
+
*/
|
|
27
|
+
private clampToViewport;
|
|
18
28
|
componentWillUnmount(): void;
|
|
19
29
|
private enter;
|
|
20
30
|
private exit;
|
|
@@ -22,6 +32,8 @@ export declare class Tooltip extends AbstractUI<TooltipProps, TooltipState> {
|
|
|
22
32
|
private cleanup;
|
|
23
33
|
protected OnRenderContent(): React.ReactElement;
|
|
24
34
|
private getArrowStyle;
|
|
35
|
+
/** 叠加视口夹取偏移 — 走 transform 而不是改 left/right:12 个方位的锚点各不相同,只有位移对全体一致 */
|
|
36
|
+
private OnShiftPosition;
|
|
25
37
|
private calcPosition;
|
|
26
38
|
}
|
|
27
39
|
type TooltipAnimPhase = "entering" | "entered" | "leaving" | "exited";
|
|
@@ -30,6 +42,8 @@ export interface TooltipProps extends UIProps {
|
|
|
30
42
|
defaultVisible?: boolean;
|
|
31
43
|
content?: React.ReactNode;
|
|
32
44
|
title?: React.ReactNode;
|
|
45
|
+
/** 内容宽度上限(px) — 传了就允许换行并以它为上限;不传则单行不换行 */
|
|
46
|
+
maxWidth?: number;
|
|
33
47
|
position?: TooltipPosition;
|
|
34
48
|
trigger?: "hover" | "click" | "focus" | "custom";
|
|
35
49
|
theme?: TooltipTheme;
|