mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-04 00:49:39 +08:00
test: Fix React 18.3 findDOMNode warning (#48958)
* fix: try to fix React 18.3 warning * chore: back of ci * chore: fix type * chore: fix lint * chore: update deps * fix: component error * test: update snapshot * test: update snapshot * test: update snapshot * test: update snapshot * test: update snapshot * chore: update deps * test: update snapshot * test: update snapshot * test: update snapshot * chore: update deps * test: update snapshot * test: update snapshot * test: update snapshot * chore: bump version
This commit is contained in:
二货爱吃白萝卜
GitHub
parent
9f2089c638
commit
b62b81958b
@ -252,59 +252,7 @@ exports[`renders components/breadcrumb/demo/component-token.tsx extend context c
|
|||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
>
|
/>
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li
|
<li
|
||||||
@ -523,42 +471,7 @@ exports[`renders components/breadcrumb/demo/debug-routes.tsx extend context corr
|
|||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
>
|
/>
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ol>
|
</ol>
|
||||||
@ -758,59 +671,7 @@ exports[`renders components/breadcrumb/demo/overlay.tsx extend context correctly
|
|||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
>
|
/>
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li
|
<li
|
||||||
|
|||||||
@ -2716,59 +2716,7 @@ exports[`renders components/button/demo/multiple.tsx extend context correctly 1`
|
|||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
>
|
/>
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -67,10 +67,11 @@ interface Option {
|
|||||||
|
|
||||||
#### Checkbox
|
#### Checkbox
|
||||||
|
|
||||||
| Name | Description | Version |
|
| Name | Description | Version |
|
||||||
| ------- | ------------ | ------- |
|
| ------------- | ------------------------------------ | ------- |
|
||||||
| blur() | Remove focus | |
|
| blur() | Remove focus | |
|
||||||
| focus() | Get focus | |
|
| focus() | Get focus | |
|
||||||
|
| nativeElement | Returns the DOM node of the Checkbox | 5.17.3 |
|
||||||
|
|
||||||
## Design Token
|
## Design Token
|
||||||
|
|
||||||
|
|||||||
@ -68,10 +68,11 @@ interface Option {
|
|||||||
|
|
||||||
#### Checkbox
|
#### Checkbox
|
||||||
|
|
||||||
| 名称 | 描述 | 版本 |
|
| 名称 | 描述 | 版本 |
|
||||||
| ------- | -------- | ---- |
|
| ------------- | ------------------------- | ------ |
|
||||||
| blur() | 移除焦点 | |
|
| blur() | 移除焦点 | |
|
||||||
| focus() | 获取焦点 | |
|
| focus() | 获取焦点 | |
|
||||||
|
| nativeElement | 返回 Checkbox 的 DOM 节点 | 5.17.3 |
|
||||||
|
|
||||||
## 主题变量（Design Token）
|
## 主题变量（Design Token）
|
||||||
|
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@ -574,42 +574,7 @@ Array [
|
|||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
>
|
/>
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<span
|
<span
|
||||||
class="ant-transfer-list-header-selected"
|
class="ant-transfer-list-header-selected"
|
||||||
@ -831,42 +796,7 @@ Array [
|
|||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
>
|
/>
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<span
|
<span
|
||||||
class="ant-transfer-list-header-selected"
|
class="ant-transfer-list-header-selected"
|
||||||
|
|||||||
@ -67,12 +67,13 @@ Common props ref：[Common props](/docs/react/common-props)
|
|||||||
| onPressEnter | The callback function that is triggered when Enter key is pressed | function(e) | - | - |
|
| onPressEnter | The callback function that is triggered when Enter key is pressed | function(e) | - | - |
|
||||||
| onStep | The callback function that is triggered when click up or down buttons | (value: number, info: { offset: number, type: 'up' \| 'down' }) => void | - | 4.7.0 |
|
| onStep | The callback function that is triggered when click up or down buttons | (value: number, info: { offset: number, type: 'up' \| 'down' }) => void | - | 4.7.0 |
|
||||||
|
|
||||||
## Methods
|
## Ref
|
||||||
|
|
||||||
| Name | Description |
|
| Name | Description | Version |
|
||||||
| ------- | ------------ |
|
| ------------- | ---------------------- | ------- |
|
||||||
| blur() | Remove focus |
|
| blur() | Remove focus | |
|
||||||
| focus() | Get focus |
|
| focus() | Get focus | |
|
||||||
|
| nativeElement | The native DOM element | 5.17.3 |
|
||||||
|
|
||||||
## Design Token
|
## Design Token
|
||||||
|
|
||||||
|
|||||||
@ -68,12 +68,13 @@ demo:
|
|||||||
| onPressEnter | 按下回车的回调 | function(e) | - | - |
|
| onPressEnter | 按下回车的回调 | function(e) | - | - |
|
||||||
| onStep | 点击上下箭头的回调 | (value: number, info: { offset: number, type: 'up' \| 'down' }) => void | - | 4.7.0 |
|
| onStep | 点击上下箭头的回调 | (value: number, info: { offset: number, type: 'up' \| 'down' }) => void | - | 4.7.0 |
|
||||||
|
|
||||||
## 方法
|
## Ref
|
||||||
|
|
||||||
| 名称 | 描述 |
|
| 名称 | 描述 | 版本 |
|
||||||
| ------- | -------- |
|
| ------------- | ----------------- | ------ |
|
||||||
| blur() | 移除焦点 |
|
| blur() | 移除焦点 | |
|
||||||
| focus() | 获取焦点 |
|
| focus() | 获取焦点 | |
|
||||||
|
| nativeElement | 获取原生 DOM 元素 | 5.17.3 |
|
||||||
|
|
||||||
## 主题变量（Design Token）
|
## 主题变量（Design Token）
|
||||||
|
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -2,7 +2,7 @@ import React from 'react';
|
|||||||
|
|
||||||
import Menu from '..';
|
import Menu from '..';
|
||||||
import type { MenuItemProps } from '..';
|
import type { MenuItemProps } from '..';
|
||||||
import type { MenuItemType } from '../hooks/useItems';
|
import type { MenuItemType } from '../interface';
|
||||||
|
|
||||||
describe('Menu.typescript', () => {
|
describe('Menu.typescript', () => {
|
||||||
it('Menu.items', () => {
|
it('Menu.items', () => {
|
||||||
|
|||||||
@ -1,101 +0,0 @@
|
|||||||
import * as React from 'react';
|
|
||||||
import { ItemGroup } from 'rc-menu';
|
|
||||||
import type {
|
|
||||||
MenuDividerType as RcMenuDividerType,
|
|
||||||
MenuItemGroupType as RcMenuItemGroupType,
|
|
||||||
MenuItemType as RcMenuItemType,
|
|
||||||
SubMenuType as RcSubMenuType,
|
|
||||||
} from 'rc-menu/lib/interface';
|
|
||||||
|
|
||||||
import MenuDivider from '../MenuDivider';
|
|
||||||
import MenuItem from '../MenuItem';
|
|
||||||
import SubMenu from '../SubMenu';
|
|
||||||
|
|
||||||
export interface MenuItemType extends RcMenuItemType {
|
|
||||||
danger?: boolean;
|
|
||||||
icon?: React.ReactNode;
|
|
||||||
title?: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface SubMenuType<T extends MenuItemType = MenuItemType>
|
|
||||||
extends Omit<RcSubMenuType, 'children'> {
|
|
||||||
icon?: React.ReactNode;
|
|
||||||
theme?: 'dark' | 'light';
|
|
||||||
children: ItemType<T>[];
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface MenuItemGroupType<T extends MenuItemType = MenuItemType>
|
|
||||||
extends Omit<RcMenuItemGroupType, 'children'> {
|
|
||||||
children?: ItemType<T>[];
|
|
||||||
key?: React.Key;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface MenuDividerType extends RcMenuDividerType {
|
|
||||||
dashed?: boolean;
|
|
||||||
key?: React.Key;
|
|
||||||
}
|
|
||||||
|
|
||||||
export type ItemType<T extends MenuItemType = MenuItemType> =
|
|
||||||
| T
|
|
||||||
| SubMenuType<T>
|
|
||||||
| MenuItemGroupType<T>
|
|
||||||
| MenuDividerType
|
|
||||||
| null;
|
|
||||||
|
|
||||||
function convertItemsToNodes(list: ItemType[]) {
|
|
||||||
return (list || [])
|
|
||||||
.map((opt, index) => {
|
|
||||||
if (opt && typeof opt === 'object') {
|
|
||||||
const { label, children, key, type, ...restProps } = opt as any;
|
|
||||||
const mergedKey = key ?? `tmp-${index}`;
|
|
||||||
|
|
||||||
// MenuItemGroup & SubMenuItem
|
|
||||||
if (children || type === 'group') {
|
|
||||||
if (type === 'group') {
|
|
||||||
// Group
|
|
||||||
return (
|
|
||||||
<ItemGroup key={mergedKey} {...restProps} title={label}>
|
|
||||||
{convertItemsToNodes(children)}
|
|
||||||
</ItemGroup>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Sub Menu
|
|
||||||
return (
|
|
||||||
<SubMenu key={mergedKey} {...restProps} title={label}>
|
|
||||||
{convertItemsToNodes(children)}
|
|
||||||
</SubMenu>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
// MenuItem & Divider
|
|
||||||
if (type === 'divider') {
|
|
||||||
return <MenuDivider key={mergedKey} {...restProps} />;
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<MenuItem key={mergedKey} {...restProps}>
|
|
||||||
{label}
|
|
||||||
</MenuItem>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
return null;
|
|
||||||
})
|
|
||||||
.filter((opt) => opt);
|
|
||||||
}
|
|
||||||
|
|
||||||
// FIXME: Move logic here in v5
|
|
||||||
/**
|
|
||||||
* We simply convert `items` to ReactNode for reuse origin component logic. But we need move all the
|
|
||||||
* logic from component into this hooks when in v5
|
|
||||||
*/
|
|
||||||
export default function useItems(items?: ItemType[]) {
|
|
||||||
return React.useMemo(() => {
|
|
||||||
if (!items) {
|
|
||||||
return items;
|
|
||||||
}
|
|
||||||
|
|
||||||
return convertItemsToNodes(items);
|
|
||||||
}, [items]);
|
|
||||||
}
|
|
||||||
@ -4,7 +4,7 @@ import type { MenuRef as RcMenuRef } from 'rc-menu';
|
|||||||
import { ItemGroup } from 'rc-menu';
|
import { ItemGroup } from 'rc-menu';
|
||||||
|
|
||||||
import { SiderContext } from '../layout/Sider';
|
import { SiderContext } from '../layout/Sider';
|
||||||
import type { ItemType, MenuItemType } from './hooks/useItems';
|
import type { ItemType, MenuItemType } from './interface';
|
||||||
import type { MenuProps } from './menu';
|
import type { MenuProps } from './menu';
|
||||||
import InternalMenu from './menu';
|
import InternalMenu from './menu';
|
||||||
import type { MenuTheme } from './MenuContext';
|
import type { MenuTheme } from './MenuContext';
|
||||||
|
|||||||
37
components/menu/interface.ts
Normal file
37
components/menu/interface.ts
Normal file
@ -0,0 +1,37 @@
|
|||||||
|
import type {
|
||||||
|
MenuDividerType as RcMenuDividerType,
|
||||||
|
MenuItemGroupType as RcMenuItemGroupType,
|
||||||
|
MenuItemType as RcMenuItemType,
|
||||||
|
SubMenuType as RcSubMenuType,
|
||||||
|
} from 'rc-menu/lib/interface';
|
||||||
|
|
||||||
|
export interface MenuItemType extends RcMenuItemType {
|
||||||
|
danger?: boolean;
|
||||||
|
icon?: React.ReactNode;
|
||||||
|
title?: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface SubMenuType<T extends MenuItemType = MenuItemType>
|
||||||
|
extends Omit<RcSubMenuType, 'children'> {
|
||||||
|
icon?: React.ReactNode;
|
||||||
|
theme?: 'dark' | 'light';
|
||||||
|
children: ItemType<T>[];
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface MenuItemGroupType<T extends MenuItemType = MenuItemType>
|
||||||
|
extends Omit<RcMenuItemGroupType, 'children'> {
|
||||||
|
children?: ItemType<T>[];
|
||||||
|
key?: React.Key;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface MenuDividerType extends RcMenuDividerType {
|
||||||
|
dashed?: boolean;
|
||||||
|
key?: React.Key;
|
||||||
|
}
|
||||||
|
|
||||||
|
export type ItemType<T extends MenuItemType = MenuItemType> =
|
||||||
|
| T
|
||||||
|
| SubMenuType<T>
|
||||||
|
| MenuItemGroupType<T>
|
||||||
|
| MenuDividerType
|
||||||
|
| null;
|
||||||
@ -9,22 +9,31 @@ import omit from 'rc-util/lib/omit';
|
|||||||
|
|
||||||
import initCollapseMotion from '../_util/motion';
|
import initCollapseMotion from '../_util/motion';
|
||||||
import { cloneElement } from '../_util/reactNode';
|
import { cloneElement } from '../_util/reactNode';
|
||||||
|
import type { GetProp } from '../_util/type';
|
||||||
import { devUseWarning } from '../_util/warning';
|
import { devUseWarning } from '../_util/warning';
|
||||||
import { ConfigContext } from '../config-provider';
|
import { ConfigContext } from '../config-provider';
|
||||||
import useCSSVarCls from '../config-provider/hooks/useCSSVarCls';
|
import useCSSVarCls from '../config-provider/hooks/useCSSVarCls';
|
||||||
|
import Divider from './MenuDivider';
|
||||||
import type { SiderContextProps } from '../layout/Sider';
|
import type { SiderContextProps } from '../layout/Sider';
|
||||||
import type { ItemType } from './hooks/useItems';
|
import type { ItemType } from './interface';
|
||||||
import useItems from './hooks/useItems';
|
|
||||||
import type { MenuContextProps, MenuTheme } from './MenuContext';
|
import type { MenuContextProps, MenuTheme } from './MenuContext';
|
||||||
import MenuContext from './MenuContext';
|
import MenuContext from './MenuContext';
|
||||||
|
import MenuItem from './MenuItem';
|
||||||
import OverrideContext from './OverrideContext';
|
import OverrideContext from './OverrideContext';
|
||||||
import useStyle from './style';
|
import useStyle from './style';
|
||||||
|
import SubMenu from './SubMenu';
|
||||||
|
|
||||||
function isEmptyIcon(icon?: React.ReactNode) {
|
function isEmptyIcon(icon?: React.ReactNode) {
|
||||||
return icon === null || icon === false;
|
return icon === null || icon === false;
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface MenuProps extends Omit<RcMenuProps, 'items'> {
|
const MENU_COMPONENTS: GetProp<RcMenuProps, '_internalComponents'> = {
|
||||||
|
item: MenuItem,
|
||||||
|
submenu: SubMenu,
|
||||||
|
divider: Divider,
|
||||||
|
};
|
||||||
|
|
||||||
|
export interface MenuProps extends Omit<RcMenuProps, 'items' | '_internalComponents'> {
|
||||||
theme?: MenuTheme;
|
theme?: MenuTheme;
|
||||||
inlineIndent?: number;
|
inlineIndent?: number;
|
||||||
|
|
||||||
@ -60,8 +69,6 @@ const InternalMenu = forwardRef<RcMenuRef, InternalMenuProps>((props, ref) => {
|
|||||||
_internalDisableMenuItemTitleTooltip,
|
_internalDisableMenuItemTitleTooltip,
|
||||||
inlineCollapsed,
|
inlineCollapsed,
|
||||||
siderCollapsed,
|
siderCollapsed,
|
||||||
items,
|
|
||||||
children,
|
|
||||||
rootClassName,
|
rootClassName,
|
||||||
mode,
|
mode,
|
||||||
selectable,
|
selectable,
|
||||||
@ -72,9 +79,6 @@ const InternalMenu = forwardRef<RcMenuRef, InternalMenuProps>((props, ref) => {
|
|||||||
|
|
||||||
const passedProps = omit(restProps, ['collapsedWidth']);
|
const passedProps = omit(restProps, ['collapsedWidth']);
|
||||||
|
|
||||||
// ========================= Items ===========================
|
|
||||||
const mergedChildren = useItems(items) || children;
|
|
||||||
|
|
||||||
// ======================== Warning ==========================
|
// ======================== Warning ==========================
|
||||||
if (process.env.NODE_ENV !== 'production') {
|
if (process.env.NODE_ENV !== 'production') {
|
||||||
const warning = devUseWarning('Menu');
|
const warning = devUseWarning('Menu');
|
||||||
@ -91,7 +95,7 @@ const InternalMenu = forwardRef<RcMenuRef, InternalMenuProps>((props, ref) => {
|
|||||||
'`inlineCollapsed` not control Menu under Sider. Should set `collapsed` on Sider instead.',
|
'`inlineCollapsed` not control Menu under Sider. Should set `collapsed` on Sider instead.',
|
||||||
);
|
);
|
||||||
|
|
||||||
warning.deprecated('items' in props && !children, 'children', 'items');
|
warning.deprecated('items' in props && !props.children, 'children', 'items');
|
||||||
}
|
}
|
||||||
|
|
||||||
overrideObj.validator?.({ mode });
|
overrideObj.validator?.({ mode });
|
||||||
@ -194,9 +198,8 @@ const InternalMenu = forwardRef<RcMenuRef, InternalMenuProps>((props, ref) => {
|
|||||||
cssVarCls,
|
cssVarCls,
|
||||||
rootCls,
|
rootCls,
|
||||||
)}
|
)}
|
||||||
>
|
_internalComponents={MENU_COMPONENTS}
|
||||||
{mergedChildren}
|
/>
|
||||||
</RcMenu>
|
|
||||||
</MenuContext.Provider>
|
</MenuContext.Provider>
|
||||||
</OverrideContext.Provider>,
|
</OverrideContext.Provider>,
|
||||||
);
|
);
|
||||||
|
|||||||
@ -79,18 +79,19 @@ const Circle: React.FC<CircleProps> = (props) => {
|
|||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
|
|
||||||
return (
|
const smallCircle = width <= 20;
|
||||||
|
const node = (
|
||||||
<div className={wrapperClassName} style={circleStyle}>
|
<div className={wrapperClassName} style={circleStyle}>
|
||||||
{width <= 20 ? (
|
{circleContent}
|
||||||
<Tooltip title={children}>{circleContent}</Tooltip>
|
{!smallCircle && children}
|
||||||
) : (
|
|
||||||
<>
|
|
||||||
{circleContent}
|
|
||||||
{children}
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|
||||||
|
if (smallCircle) {
|
||||||
|
return <Tooltip title={children}>{node}</Tooltip>;
|
||||||
|
}
|
||||||
|
|
||||||
|
return node;
|
||||||
};
|
};
|
||||||
|
|
||||||
export default Circle;
|
export default Circle;
|
||||||
|
|||||||
@ -249,28 +249,28 @@ exports[`renders components/progress/demo/circle-micro.tsx extend context correc
|
|||||||
style="stroke: #52C41A; stroke-dasharray: 251.32741228718345px 251.32741228718345; stroke-dashoffset: 251.31741228718346; transform: rotate(-90deg); transform-origin: 50px 50px; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
|
style="stroke: #52C41A; stroke-dasharray: 251.32741228718345px 251.32741228718345; stroke-dashoffset: 251.31741228718346; transform: rotate(-90deg); transform-origin: 50px 50px; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
|
||||||
/>
|
/>
|
||||||
</svg>
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
||||||
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
||||||
|
>
|
||||||
<div
|
<div
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
class="ant-tooltip-arrow"
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
style="position: absolute; bottom: 0px; left: 0px;"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="ant-tooltip-content"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="ant-tooltip-arrow"
|
class="ant-tooltip-inner"
|
||||||
style="position: absolute; bottom: 0px; left: 0px;"
|
role="tooltip"
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
>
|
||||||
<div
|
<span
|
||||||
class="ant-tooltip-inner"
|
class="ant-progress-text"
|
||||||
role="tooltip"
|
title="进行中，已完成60%"
|
||||||
>
|
>
|
||||||
<span
|
进行中，已完成60%
|
||||||
class="ant-progress-text"
|
</span>
|
||||||
title="进行中，已完成60%"
|
|
||||||
>
|
|
||||||
进行中，已完成60%
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -1031,28 +1031,28 @@ Array [
|
|||||||
style="stroke: #52C41A; stroke-dasharray: 267.0353755551324px 267.0353755551324; stroke-dashoffset: 267.0253755551324; transform: rotate(-90deg); transform-origin: 50px 50px; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
|
style="stroke: #52C41A; stroke-dasharray: 267.0353755551324px 267.0353755551324; stroke-dashoffset: 267.0253755551324; transform: rotate(-90deg); transform-origin: 50px 50px; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
|
||||||
/>
|
/>
|
||||||
</svg>
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
||||||
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
||||||
|
>
|
||||||
<div
|
<div
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
class="ant-tooltip-arrow"
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
style="position: absolute; bottom: 0px; left: 0px;"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="ant-tooltip-content"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="ant-tooltip-arrow"
|
class="ant-tooltip-inner"
|
||||||
style="position: absolute; bottom: 0px; left: 0px;"
|
role="tooltip"
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
>
|
||||||
<div
|
<span
|
||||||
class="ant-tooltip-inner"
|
class="ant-progress-text"
|
||||||
role="tooltip"
|
title="50%"
|
||||||
>
|
>
|
||||||
<span
|
50%
|
||||||
class="ant-progress-text"
|
</span>
|
||||||
title="50%"
|
|
||||||
>
|
|
||||||
50%
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -1224,28 +1224,28 @@ Array [
|
|||||||
style="stroke: #52C41A; stroke-dasharray: 211.40300564781316px 267.0353755551324; stroke-dashoffset: 211.39300564781317; transform: rotate(127.5deg); transform-origin: 50px 50px; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
|
style="stroke: #52C41A; stroke-dasharray: 211.40300564781316px 267.0353755551324; stroke-dashoffset: 211.39300564781317; transform: rotate(127.5deg); transform-origin: 50px 50px; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
|
||||||
/>
|
/>
|
||||||
</svg>
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
||||||
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
||||||
|
>
|
||||||
<div
|
<div
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
class="ant-tooltip-arrow"
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
style="position: absolute; bottom: 0px; left: 0px;"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="ant-tooltip-content"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="ant-tooltip-arrow"
|
class="ant-tooltip-inner"
|
||||||
style="position: absolute; bottom: 0px; left: 0px;"
|
role="tooltip"
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
>
|
||||||
<div
|
<span
|
||||||
class="ant-tooltip-inner"
|
class="ant-progress-text"
|
||||||
role="tooltip"
|
title="50%"
|
||||||
>
|
>
|
||||||
<span
|
50%
|
||||||
class="ant-progress-text"
|
</span>
|
||||||
title="50%"
|
|
||||||
>
|
|
||||||
50%
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -3194,28 +3194,28 @@ exports[`renders components/progress/demo/size.tsx extend context correctly 1`]
|
|||||||
style="stroke: #52C41A; stroke-dasharray: 267.0353755551324px 267.0353755551324; stroke-dashoffset: 267.0253755551324; transform: rotate(-90deg); transform-origin: 50px 50px; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
|
style="stroke: #52C41A; stroke-dasharray: 267.0353755551324px 267.0353755551324; stroke-dashoffset: 267.0253755551324; transform: rotate(-90deg); transform-origin: 50px 50px; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
|
||||||
/>
|
/>
|
||||||
</svg>
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
||||||
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
||||||
|
>
|
||||||
<div
|
<div
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
class="ant-tooltip-arrow"
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
style="position: absolute; bottom: 0px; left: 0px;"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="ant-tooltip-content"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="ant-tooltip-arrow"
|
class="ant-tooltip-inner"
|
||||||
style="position: absolute; bottom: 0px; left: 0px;"
|
role="tooltip"
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
>
|
||||||
<div
|
<span
|
||||||
class="ant-tooltip-inner"
|
class="ant-progress-text"
|
||||||
role="tooltip"
|
title="50%"
|
||||||
>
|
>
|
||||||
<span
|
50%
|
||||||
class="ant-progress-text"
|
</span>
|
||||||
title="50%"
|
|
||||||
>
|
|
||||||
50%
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -3373,28 +3373,28 @@ exports[`renders components/progress/demo/size.tsx extend context correctly 1`]
|
|||||||
style="stroke: #52C41A; stroke-dasharray: 211.40300564781316px 267.0353755551324; stroke-dashoffset: 211.39300564781317; transform: rotate(127.5deg); transform-origin: 50px 50px; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
|
style="stroke: #52C41A; stroke-dasharray: 211.40300564781316px 267.0353755551324; stroke-dashoffset: 211.39300564781317; transform: rotate(127.5deg); transform-origin: 50px 50px; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
|
||||||
/>
|
/>
|
||||||
</svg>
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
||||||
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
||||||
|
>
|
||||||
<div
|
<div
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
class="ant-tooltip-arrow"
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
style="position: absolute; bottom: 0px; left: 0px;"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="ant-tooltip-content"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="ant-tooltip-arrow"
|
class="ant-tooltip-inner"
|
||||||
style="position: absolute; bottom: 0px; left: 0px;"
|
role="tooltip"
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
>
|
||||||
<div
|
<span
|
||||||
class="ant-tooltip-inner"
|
class="ant-progress-text"
|
||||||
role="tooltip"
|
title="50%"
|
||||||
>
|
>
|
||||||
<span
|
50%
|
||||||
class="ant-progress-text"
|
</span>
|
||||||
title="50%"
|
|
||||||
>
|
|
||||||
50%
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -9500,59 +9500,7 @@ exports[`renders components/space/demo/compact-buttons.tsx extend context correc
|
|||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
>
|
/>
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<br />
|
<br />
|
||||||
@ -9947,59 +9895,7 @@ exports[`renders components/space/demo/compact-buttons.tsx extend context correc
|
|||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
>
|
/>
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -11244,42 +11140,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
|
|||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
>
|
/>
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -2145,42 +2145,7 @@ Array [
|
|||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
>
|
/>
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
<div
|
||||||
class="ant-table-filter-dropdown-btns"
|
class="ant-table-filter-dropdown-btns"
|
||||||
>
|
>
|
||||||
@ -6309,42 +6274,7 @@ Array [
|
|||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
>
|
/>
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
<div
|
||||||
class="ant-table-filter-dropdown-btns"
|
class="ant-table-filter-dropdown-btns"
|
||||||
>
|
>
|
||||||
@ -10535,42 +10465,7 @@ exports[`renders components/table/demo/filter-in-tree.tsx extend context correct
|
|||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
>
|
/>
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
<div
|
||||||
class="ant-table-filter-dropdown-btns"
|
class="ant-table-filter-dropdown-btns"
|
||||||
>
|
>
|
||||||
@ -11334,42 +11229,7 @@ exports[`renders components/table/demo/filter-search.tsx extend context correctl
|
|||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
>
|
/>
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
<div
|
||||||
class="ant-table-filter-dropdown-btns"
|
class="ant-table-filter-dropdown-btns"
|
||||||
>
|
>
|
||||||
@ -15201,42 +15061,7 @@ exports[`renders components/table/demo/grouping-columns.tsx extend context corre
|
|||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
>
|
/>
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
<div
|
||||||
class="ant-table-filter-dropdown-btns"
|
class="ant-table-filter-dropdown-btns"
|
||||||
>
|
>
|
||||||
@ -16724,76 +16549,7 @@ exports[`renders components/table/demo/head.tsx extend context correctly 1`] = `
|
|||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
>
|
/>
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
<div
|
||||||
class="ant-table-filter-dropdown-btns"
|
class="ant-table-filter-dropdown-btns"
|
||||||
>
|
>
|
||||||
@ -17047,42 +16803,7 @@ exports[`renders components/table/demo/head.tsx extend context correctly 1`] = `
|
|||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
>
|
/>
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
<div
|
||||||
class="ant-table-filter-dropdown-btns"
|
class="ant-table-filter-dropdown-btns"
|
||||||
>
|
>
|
||||||
@ -20000,42 +19721,7 @@ Array [
|
|||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
>
|
/>
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -20195,42 +19881,7 @@ Array [
|
|||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
>
|
/>
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -20390,42 +20041,7 @@ Array [
|
|||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
>
|
/>
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -20986,42 +20602,7 @@ Array [
|
|||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
>
|
/>
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -21181,42 +20762,7 @@ Array [
|
|||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
>
|
/>
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -21376,42 +20922,7 @@ Array [
|
|||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
>
|
/>
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -21972,42 +21483,7 @@ Array [
|
|||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
>
|
/>
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -22167,42 +21643,7 @@ Array [
|
|||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
>
|
/>
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -22362,42 +21803,7 @@ Array [
|
|||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
>
|
/>
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -23850,42 +23256,7 @@ Array [
|
|||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
>
|
/>
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
<div
|
||||||
class="ant-table-filter-dropdown-btns"
|
class="ant-table-filter-dropdown-btns"
|
||||||
>
|
>
|
||||||
@ -24217,42 +23588,7 @@ Array [
|
|||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
>
|
/>
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
<div
|
||||||
class="ant-table-filter-dropdown-btns"
|
class="ant-table-filter-dropdown-btns"
|
||||||
>
|
>
|
||||||
@ -26207,93 +25543,7 @@ exports[`renders components/table/demo/row-selection-custom.tsx extend context c
|
|||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
>
|
/>
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -29705,59 +28955,7 @@ exports[`renders components/table/demo/selections-debug.tsx extend context corre
|
|||||||
<div
|
<div
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
style="display: none;"
|
style="display: none;"
|
||||||
>
|
/>
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
||||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-arrow"
|
|
||||||
style="position: absolute; top: 0px; left: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ant-tooltip-inner"
|
|
||||||
role="tooltip"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -32,6 +32,8 @@ export interface TooltipRef {
|
|||||||
/** @deprecated Please use `forceAlign` instead */
|
/** @deprecated Please use `forceAlign` instead */
|
||||||
forcePopupAlign: VoidFunction;
|
forcePopupAlign: VoidFunction;
|
||||||
forceAlign: VoidFunction;
|
forceAlign: VoidFunction;
|
||||||
|
/** Wrapped dom element. Not promise valid if child not support ref */
|
||||||
|
nativeElement: HTMLElement;
|
||||||
}
|
}
|
||||||
|
|
||||||
export type TooltipPlacement =
|
export type TooltipPlacement =
|
||||||
@ -168,6 +170,7 @@ const InternalTooltip = React.forwardRef<TooltipRef, TooltipProps>((props, ref)
|
|||||||
warning.deprecated(false, 'forcePopupAlign', 'forceAlign');
|
warning.deprecated(false, 'forcePopupAlign', 'forceAlign');
|
||||||
forceAlign();
|
forceAlign();
|
||||||
},
|
},
|
||||||
|
nativeElement: tooltipRef.current?.nativeElement!,
|
||||||
}));
|
}));
|
||||||
|
|
||||||
// ============================== Warn ==============================
|
// ============================== Warn ==============================
|
||||||
|
|||||||
@ -1,3 +1,14 @@
|
|||||||
import { extendTest } from '../../../tests/shared/demoTest';
|
import { extendTest } from '../../../tests/shared/demoTest';
|
||||||
|
|
||||||
extendTest('tour');
|
jest.mock('../.', () => {
|
||||||
|
const OriReact = jest.requireActual('react');
|
||||||
|
const OriTour = jest.requireActual('../.').default;
|
||||||
|
|
||||||
|
const ProxyTour = OriReact.forwardRef((props: any, ref: any) =>
|
||||||
|
OriReact.createElement(OriTour, { ...props, open: true, ref }),
|
||||||
|
);
|
||||||
|
|
||||||
|
return ProxyTour;
|
||||||
|
});
|
||||||
|
|
||||||
|
extendTest('tour', { skip: ['render-panel.tsx'] });
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
24
package.json
24
package.json
@ -63,7 +63,7 @@
|
|||||||
"format": "biome format --write .",
|
"format": "biome format --write .",
|
||||||
"install-react-16": "npm i --no-save --legacy-peer-deps react@16 react-dom@16 @testing-library/react@12",
|
"install-react-16": "npm i --no-save --legacy-peer-deps react@16 react-dom@16 @testing-library/react@12",
|
||||||
"install-react-17": "npm i --no-save --legacy-peer-deps react@17 react-dom@17 @testing-library/react@12",
|
"install-react-17": "npm i --no-save --legacy-peer-deps react@17 react-dom@17 @testing-library/react@12",
|
||||||
"install-react-18": "npm i --no-save --legacy-peer-deps react@18.2 react-dom@18.2",
|
"install-react-18": "npm i --no-save --legacy-peer-deps react@18 react-dom@18",
|
||||||
"prelint": "dumi setup",
|
"prelint": "dumi setup",
|
||||||
"lint": "npm run version && npm run tsc && npm run lint:script && npm run lint:demo && npm run lint:md && npm run lint:style && npm run lint:changelog",
|
"lint": "npm run version && npm run tsc && npm run lint:script && npm run lint:demo && npm run lint:md && npm run lint:style && npm run lint:changelog",
|
||||||
"lint-fix": "npm run lint-fix:script && npm run lint-fix:demo",
|
"lint-fix": "npm run lint-fix:script && npm run lint-fix:demo",
|
||||||
@ -124,24 +124,24 @@
|
|||||||
"@ctrl/tinycolor": "^3.6.1",
|
"@ctrl/tinycolor": "^3.6.1",
|
||||||
"@rc-component/color-picker": "~1.5.3",
|
"@rc-component/color-picker": "~1.5.3",
|
||||||
"@rc-component/mutate-observer": "^1.1.0",
|
"@rc-component/mutate-observer": "^1.1.0",
|
||||||
"@rc-component/tour": "~1.14.2",
|
"@rc-component/tour": "~1.15.0",
|
||||||
"@rc-component/trigger": "^2.1.1",
|
"@rc-component/trigger": "^2.1.1",
|
||||||
"classnames": "^2.5.1",
|
"classnames": "^2.5.1",
|
||||||
"copy-to-clipboard": "^3.3.3",
|
"copy-to-clipboard": "^3.3.3",
|
||||||
"dayjs": "^1.11.10",
|
"dayjs": "^1.11.10",
|
||||||
"qrcode.react": "^3.1.0",
|
"qrcode.react": "^3.1.0",
|
||||||
"rc-cascader": "~3.25.0",
|
"rc-cascader": "~3.26.0",
|
||||||
"rc-checkbox": "~3.2.0",
|
"rc-checkbox": "~3.3.0",
|
||||||
"rc-collapse": "~3.7.3",
|
"rc-collapse": "~3.7.3",
|
||||||
"rc-dialog": "~9.4.0",
|
"rc-dialog": "~9.4.0",
|
||||||
"rc-drawer": "~7.1.0",
|
"rc-drawer": "~7.1.0",
|
||||||
"rc-dropdown": "~4.2.0",
|
"rc-dropdown": "~4.2.0",
|
||||||
"rc-field-form": "~2.0.1",
|
"rc-field-form": "~2.0.1",
|
||||||
"rc-image": "~7.6.0",
|
"rc-image": "~7.6.0",
|
||||||
"rc-input": "~1.4.5",
|
"rc-input": "~1.5.0",
|
||||||
"rc-input-number": "~9.0.0",
|
"rc-input-number": "~9.1.0",
|
||||||
"rc-mentions": "~2.11.1",
|
"rc-mentions": "~2.13.1",
|
||||||
"rc-menu": "~9.13.0",
|
"rc-menu": "~9.14.0",
|
||||||
"rc-motion": "^2.9.1",
|
"rc-motion": "^2.9.1",
|
||||||
"rc-notification": "~5.4.0",
|
"rc-notification": "~5.4.0",
|
||||||
"rc-pagination": "~4.0.4",
|
"rc-pagination": "~4.0.4",
|
||||||
@ -150,16 +150,16 @@
|
|||||||
"rc-rate": "~2.12.0",
|
"rc-rate": "~2.12.0",
|
||||||
"rc-resize-observer": "^1.4.0",
|
"rc-resize-observer": "^1.4.0",
|
||||||
"rc-segmented": "~2.3.0",
|
"rc-segmented": "~2.3.0",
|
||||||
"rc-select": "~14.13.4",
|
"rc-select": "~14.14.0",
|
||||||
"rc-slider": "~10.6.2",
|
"rc-slider": "~10.6.2",
|
||||||
"rc-steps": "~6.0.1",
|
"rc-steps": "~6.0.1",
|
||||||
"rc-switch": "~4.1.0",
|
"rc-switch": "~4.1.0",
|
||||||
"rc-table": "~7.45.6",
|
"rc-table": "~7.45.6",
|
||||||
"rc-tabs": "~15.0.0 ",
|
"rc-tabs": "~15.1.0",
|
||||||
"rc-textarea": "~1.6.3",
|
"rc-textarea": "~1.7.0",
|
||||||
"rc-tooltip": "~6.2.0",
|
"rc-tooltip": "~6.2.0",
|
||||||
"rc-tree": "~5.8.7",
|
"rc-tree": "~5.8.7",
|
||||||
"rc-tree-select": "~5.20.0",
|
"rc-tree-select": "~5.21.0",
|
||||||
"rc-upload": "~4.5.2",
|
"rc-upload": "~4.5.2",
|
||||||
"rc-util": "^5.40.1",
|
"rc-util": "^5.40.1",
|
||||||
"scroll-into-view-if-needed": "^3.1.0",
|
"scroll-into-view-if-needed": "^3.1.0",
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user