feat: Button semantic dom (#41456)

* feat: add semantic doc

* 🔀 feat: rebase feature

* feat: update for code reviewer

* feat: update snap

* feat: update snap

* 🐛 bug: update for cov

* Message

* bug: update snap

* 💄 style: update style

* 💄 style: update style

* 💄 style: update style

* 💄 style: update style

* 💄 style: update style

* 💄 style: update style

* ♻️ feat: ref code

* 🩺 feat: update for review

* 💄 style: update style

* 📝 doc: update doc

* 💄  style: update style

* 💄  style: update style

* 💄 style: update style

* 💄  style: update style

* 💄  style: update style

* 💄  style: update style

* 💄  style: update style

* 📸 feat:update snap

* 🚧 feat: clean up

* 🚧 feat: clean up

* feat: icon wrapper

* test: update snapshot

* chore: code clean

* fix: icon only font size

* chore: rollback unexpected commit

---------

Co-authored-by: MadCcc <1075746765@qq.com>
This commit is contained in:
黑雨 2023-04-11 11:37:31 +08:00 committed by GitHub
parent 01ca6acd18
commit 41ed9bd430
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
50 changed files with 11227 additions and 8760 deletions

View File

@ -133,6 +133,9 @@ exports[`renders components/auto-complete/demo/certain-category.tsx extend conte
<button
class="ant-btn ant-btn-default ant-btn-lg ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -153,6 +156,7 @@ exports[`renders components/auto-complete/demo/certain-category.tsx extend conte
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -1404,6 +1408,9 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -1424,6 +1431,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -1630,6 +1638,9 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -1650,6 +1661,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -1675,6 +1687,9 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -1695,6 +1710,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
/>
</svg>
</span>
</span>
<span>
Search
</span>
@ -2191,6 +2207,9 @@ exports[`renders components/auto-complete/demo/uncertain-category.tsx extend con
<button
class="ant-btn ant-btn-primary ant-btn-lg ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -2211,6 +2230,7 @@ exports[`renders components/auto-complete/demo/uncertain-category.tsx extend con
/>
</svg>
</span>
</span>
</button>
</span>
</span>

View File

@ -106,6 +106,9 @@ exports[`renders components/auto-complete/demo/certain-category.tsx correctly 1`
<button
class="ant-btn ant-btn-default ant-btn-lg ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -126,6 +129,7 @@ exports[`renders components/auto-complete/demo/certain-category.tsx correctly 1`
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -789,6 +793,9 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -809,6 +816,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -944,6 +952,9 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -964,6 +975,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -977,6 +989,9 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -997,6 +1012,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
<span>
Search
</span>
@ -1257,6 +1273,9 @@ exports[`renders components/auto-complete/demo/uncertain-category.tsx correctly
<button
class="ant-btn ant-btn-primary ant-btn-lg ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -1277,6 +1296,7 @@ exports[`renders components/auto-complete/demo/uncertain-category.tsx correctly
/>
</svg>
</span>
</span>
</button>
</span>
</span>

View File

@ -156,6 +156,9 @@ exports[`renders components/badge/demo/change.tsx extend context correctly 1`] =
<button
class="ant-btn ant-btn-default ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="minus"
@ -176,10 +179,14 @@ exports[`renders components/badge/demo/change.tsx extend context correctly 1`] =
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-default ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="plus"
@ -206,10 +213,14 @@ exports[`renders components/badge/demo/change.tsx extend context correctly 1`] =
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-default ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="question"
@ -230,6 +241,7 @@ exports[`renders components/badge/demo/change.tsx extend context correctly 1`] =
/>
</svg>
</span>
</span>
</button>
</div>
</div>

View File

@ -156,6 +156,9 @@ exports[`renders components/badge/demo/change.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="minus"
@ -176,10 +179,14 @@ exports[`renders components/badge/demo/change.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-default ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="plus"
@ -206,10 +213,14 @@ exports[`renders components/badge/demo/change.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-default ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="question"
@ -230,6 +241,7 @@ exports[`renders components/badge/demo/change.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
</div>

View File

@ -0,0 +1,23 @@
import React, { forwardRef } from 'react';
import classNames from 'classnames';
export type IconWrapperProps = {
prefixCls: string;
className?: string;
style?: React.CSSProperties;
children?: React.ReactNode;
};
const IconWrapper = forwardRef<HTMLSpanElement, IconWrapperProps>((props, ref) => {
const { className, style, children, prefixCls } = props;
const iconWrapperCls = classNames(`${prefixCls}-icon`, className);
return (
<span ref={ref} className={iconWrapperCls} style={style}>
{children}
</span>
);
});
export default IconWrapper;

View File

@ -1,11 +1,34 @@
import LoadingOutlined from '@ant-design/icons/LoadingOutlined';
import CSSMotion from 'rc-motion';
import React from 'react';
import React, { forwardRef } from 'react';
import classNames from 'classnames';
import IconWrapper from './IconWrapper';
type InnerLoadingIconProps = {
prefixCls: string;
className?: string;
style?: React.CSSProperties;
iconClassName?: string;
};
const InnerLoadingIcon = forwardRef<HTMLSpanElement, InnerLoadingIconProps>(
({ prefixCls, className, style, iconClassName }, ref) => {
const mergedIconCls = classNames(`${prefixCls}-loading-icon`, className);
return (
<IconWrapper prefixCls={prefixCls} className={mergedIconCls} style={style} ref={ref}>
<LoadingOutlined className={iconClassName} />
</IconWrapper>
);
},
);
export interface LoadingIconProps {
prefixCls: string;
existIcon: boolean;
loading?: boolean | object;
className?: string;
style?: React.CSSProperties;
}
const getCollapsedWidth = (): React.CSSProperties => ({
@ -20,15 +43,17 @@ const getRealWidth = (node: HTMLElement): React.CSSProperties => ({
transform: 'scale(1)',
});
const LoadingIcon: React.FC<LoadingIconProps> = ({ prefixCls, loading, existIcon }) => {
const LoadingIcon: React.FC<LoadingIconProps> = ({
prefixCls,
loading,
existIcon,
className,
style,
}) => {
const visible = !!loading;
if (existIcon) {
return (
<span className={`${prefixCls}-loading-icon`}>
<LoadingOutlined />
</span>
);
return <InnerLoadingIcon prefixCls={prefixCls} className={className} style={style} />;
}
return (
@ -44,10 +69,20 @@ const LoadingIcon: React.FC<LoadingIconProps> = ({ prefixCls, loading, existIcon
onLeaveStart={getRealWidth}
onLeaveActive={getCollapsedWidth}
>
{({ className, style }: { className?: string; style?: React.CSSProperties }, ref: any) => (
<span className={`${prefixCls}-loading-icon`} style={style} ref={ref}>
<LoadingOutlined className={className} />
</span>
{(
{
className: motionCls,
style: motionStyle,
}: { className?: string; style?: React.CSSProperties },
ref: any,
) => (
<InnerLoadingIcon
prefixCls={prefixCls}
className={className}
style={{ ...style, ...motionStyle }}
ref={ref}
iconClassName={motionCls}
/>
)}
</CSSMotion>
);

View File

@ -173,7 +173,7 @@ exports[`renders components/button/demo/chinese-chars-loading.tsx extend context
type="button"
>
<span
class="ant-btn-loading-icon"
class="ant-btn-icon ant-btn-loading-icon"
style="width: 0px; opacity: 0; transform: scale(0);"
>
<span
@ -210,7 +210,7 @@ exports[`renders components/button/demo/chinese-chars-loading.tsx extend context
type="button"
>
<span
class="ant-btn-loading-icon"
class="ant-btn-icon ant-btn-loading-icon"
style="width: 0px; opacity: 0; transform: scale(0);"
>
<span
@ -245,7 +245,7 @@ exports[`renders components/button/demo/chinese-chars-loading.tsx extend context
type="button"
>
<span
class="ant-btn-loading-icon"
class="ant-btn-icon ant-btn-loading-icon"
style="width: 0px; opacity: 0; transform: scale(0);"
>
<span
@ -282,7 +282,7 @@ exports[`renders components/button/demo/chinese-chars-loading.tsx extend context
type="button"
>
<span
class="ant-btn-loading-icon"
class="ant-btn-icon ant-btn-loading-icon"
style="width: 0px; opacity: 0; transform: scale(0);"
>
<span
@ -317,7 +317,7 @@ exports[`renders components/button/demo/chinese-chars-loading.tsx extend context
type="button"
>
<span
class="ant-btn-loading-icon"
class="ant-btn-icon ant-btn-loading-icon"
>
<span
aria-label="loading"
@ -351,7 +351,7 @@ exports[`renders components/button/demo/chinese-chars-loading.tsx extend context
type="button"
>
<span
class="ant-btn-loading-icon"
class="ant-btn-icon ant-btn-loading-icon"
style="width: 0px; opacity: 0; transform: scale(0);"
>
<span
@ -483,6 +483,9 @@ exports[`renders components/button/demo/debug-block.tsx extend context correctly
<button
class="ant-btn ant-btn-round ant-btn-default ant-btn-lg ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="download"
@ -503,6 +506,7 @@ exports[`renders components/button/demo/debug-block.tsx extend context correctly
/>
</svg>
</span>
</span>
</button>
</div>
</div>
@ -603,6 +607,9 @@ Array [
<button
class="ant-btn ant-btn-circle ant-btn-primary ant-btn-lg ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -623,6 +630,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
@ -666,36 +674,7 @@ Array [
type="button"
>
<span
aria-label="search"
class="anticon anticon-search"
role="img"
>
<svg
aria-hidden="true"
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
/>
</svg>
</span>
<span>
Search
</span>
</button>
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-circle ant-btn-default ant-btn-lg ant-btn-icon-only"
type="button"
class="ant-btn-icon"
>
<span
aria-label="search"
@ -716,6 +695,43 @@ Array [
/>
</svg>
</span>
</span>
<span>
Search
</span>
</button>
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-circle ant-btn-default ant-btn-lg ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
class="anticon anticon-search"
role="img"
>
<svg
aria-hidden="true"
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
/>
</svg>
</span>
</span>
</button>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
@ -744,6 +760,9 @@ Array [
<button
class="ant-btn ant-btn-default ant-btn-lg"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -764,6 +783,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
Search
</span>
@ -785,6 +805,9 @@ Array [
<button
class="ant-btn ant-btn-circle ant-btn-default ant-btn-lg ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -805,6 +828,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
@ -835,36 +859,7 @@ Array [
type="button"
>
<span
aria-label="search"
class="anticon anticon-search"
role="img"
>
<svg
aria-hidden="true"
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
/>
</svg>
</span>
<span>
Search
</span>
</button>
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-circle ant-btn-dashed ant-btn-lg ant-btn-icon-only"
type="button"
class="ant-btn-icon"
>
<span
aria-label="search"
@ -885,6 +880,43 @@ Array [
/>
</svg>
</span>
</span>
<span>
Search
</span>
</button>
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-circle ant-btn-dashed ant-btn-lg ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
class="anticon anticon-search"
role="img"
>
<svg
aria-hidden="true"
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
/>
</svg>
</span>
</span>
</button>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
@ -915,36 +947,7 @@ Array [
type="button"
>
<span
aria-label="search"
class="anticon anticon-search"
role="img"
>
<svg
aria-hidden="true"
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
/>
</svg>
</span>
<span>
Search
</span>
</button>
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<a
class="ant-btn ant-btn-default ant-btn-lg ant-btn-icon-only"
href="https://www.google.com"
class="ant-btn-icon"
>
<span
aria-label="search"
@ -965,6 +968,43 @@ Array [
/>
</svg>
</span>
</span>
<span>
Search
</span>
</button>
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<a
class="ant-btn ant-btn-default ant-btn-lg ant-btn-icon-only"
href="https://www.google.com"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
class="anticon anticon-search"
role="img"
>
<svg
aria-hidden="true"
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
/>
</svg>
</span>
</span>
</a>
</div>
</div>
@ -1407,6 +1447,9 @@ exports[`renders components/button/demo/icon.tsx extend context correctly 1`] =
<button
class="ant-btn ant-btn-circle ant-btn-primary ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -1427,6 +1470,7 @@ exports[`renders components/button/demo/icon.tsx extend context correctly 1`] =
/>
</svg>
</span>
</span>
</button>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
@ -1470,36 +1514,7 @@ exports[`renders components/button/demo/icon.tsx extend context correctly 1`] =
type="button"
>
<span
aria-label="search"
class="anticon anticon-search"
role="img"
>
<svg
aria-hidden="true"
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
/>
</svg>
</span>
<span>
Search
</span>
</button>
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-circle ant-btn-default ant-btn-icon-only"
type="button"
class="ant-btn-icon"
>
<span
aria-label="search"
@ -1520,6 +1535,43 @@ exports[`renders components/button/demo/icon.tsx extend context correctly 1`] =
/>
</svg>
</span>
</span>
<span>
Search
</span>
</button>
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-circle ant-btn-default ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
class="anticon anticon-search"
role="img"
>
<svg
aria-hidden="true"
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
/>
</svg>
</span>
</span>
</button>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
@ -1548,6 +1600,9 @@ exports[`renders components/button/demo/icon.tsx extend context correctly 1`] =
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -1568,6 +1623,7 @@ exports[`renders components/button/demo/icon.tsx extend context correctly 1`] =
/>
</svg>
</span>
</span>
<span>
Search
</span>
@ -1589,6 +1645,9 @@ exports[`renders components/button/demo/icon.tsx extend context correctly 1`] =
<button
class="ant-btn ant-btn-circle ant-btn-default ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -1609,6 +1668,7 @@ exports[`renders components/button/demo/icon.tsx extend context correctly 1`] =
/>
</svg>
</span>
</span>
</button>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
@ -1639,36 +1699,7 @@ exports[`renders components/button/demo/icon.tsx extend context correctly 1`] =
type="button"
>
<span
aria-label="search"
class="anticon anticon-search"
role="img"
>
<svg
aria-hidden="true"
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
/>
</svg>
</span>
<span>
Search
</span>
</button>
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-circle ant-btn-dashed ant-btn-icon-only"
type="button"
class="ant-btn-icon"
>
<span
aria-label="search"
@ -1689,6 +1720,43 @@ exports[`renders components/button/demo/icon.tsx extend context correctly 1`] =
/>
</svg>
</span>
</span>
<span>
Search
</span>
</button>
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-circle ant-btn-dashed ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
class="anticon anticon-search"
role="img"
>
<svg
aria-hidden="true"
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
/>
</svg>
</span>
</span>
</button>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
@ -1719,36 +1787,7 @@ exports[`renders components/button/demo/icon.tsx extend context correctly 1`] =
type="button"
>
<span
aria-label="search"
class="anticon anticon-search"
role="img"
>
<svg
aria-hidden="true"
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
/>
</svg>
</span>
<span>
Search
</span>
</button>
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<a
class="ant-btn ant-btn-default ant-btn-icon-only"
href="https://www.google.com"
class="ant-btn-icon"
>
<span
aria-label="search"
@ -1769,6 +1808,43 @@ exports[`renders components/button/demo/icon.tsx extend context correctly 1`] =
/>
</svg>
</span>
</span>
<span>
Search
</span>
</button>
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<a
class="ant-btn ant-btn-default ant-btn-icon-only"
href="https://www.google.com"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
class="anticon anticon-search"
role="img"
>
<svg
aria-hidden="true"
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
/>
</svg>
</span>
</span>
</a>
</div>
</div>
@ -1807,6 +1883,9 @@ Array [
disabled=""
style="pointer-events: none;"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="download"
@ -1827,6 +1906,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</span>
<div
@ -1851,6 +1931,9 @@ Array [
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="download"
@ -1871,6 +1954,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
@ -1923,6 +2007,9 @@ Array [
disabled=""
style="pointer-events: none;"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="download"
@ -1943,6 +2030,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</span>
<div
@ -1967,6 +2055,9 @@ Array [
<button
class="ant-btn ant-btn-primary ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="download"
@ -1987,6 +2078,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
@ -2039,6 +2131,9 @@ Array [
disabled=""
style="pointer-events: none;"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="download"
@ -2059,6 +2154,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</span>
<div
@ -2083,6 +2179,9 @@ Array [
<button
class="ant-btn ant-btn-primary ant-btn-lg ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="download"
@ -2103,6 +2202,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
@ -2149,7 +2249,7 @@ exports[`renders components/button/demo/loading.tsx extend context correctly 1`]
type="button"
>
<span
class="ant-btn-loading-icon"
class="ant-btn-icon ant-btn-loading-icon"
style="width: 0px; opacity: 0; transform: scale(0);"
>
<span
@ -2186,7 +2286,7 @@ exports[`renders components/button/demo/loading.tsx extend context correctly 1`]
type="button"
>
<span
class="ant-btn-loading-icon"
class="ant-btn-icon ant-btn-loading-icon"
style="width: 0px; opacity: 0; transform: scale(0);"
>
<span
@ -2223,7 +2323,7 @@ exports[`renders components/button/demo/loading.tsx extend context correctly 1`]
type="button"
>
<span
class="ant-btn-loading-icon"
class="ant-btn-icon ant-btn-loading-icon"
>
<span
aria-label="loading"
@ -2278,36 +2378,7 @@ exports[`renders components/button/demo/loading.tsx extend context correctly 1`]
type="button"
>
<span
aria-label="poweroff"
class="anticon anticon-poweroff"
role="img"
>
<svg
aria-hidden="true"
data-icon="poweroff"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M705.6 124.9a8 8 0 00-11.6 7.2v64.2c0 5.5 2.9 10.6 7.5 13.6a352.2 352.2 0 0162.2 49.8c32.7 32.8 58.4 70.9 76.3 113.3a355 355 0 0127.9 138.7c0 48.1-9.4 94.8-27.9 138.7a355.92 355.92 0 01-76.3 113.3 353.06 353.06 0 01-113.2 76.4c-43.8 18.6-90.5 28-138.5 28s-94.7-9.4-138.5-28a353.06 353.06 0 01-113.2-76.4A355.92 355.92 0 01184 650.4a355 355 0 01-27.9-138.7c0-48.1 9.4-94.8 27.9-138.7 17.9-42.4 43.6-80.5 76.3-113.3 19-19 39.8-35.6 62.2-49.8 4.7-2.9 7.5-8.1 7.5-13.6V132c0-6-6.3-9.8-11.6-7.2C178.5 195.2 82 339.3 80 506.3 77.2 745.1 272.5 943.5 511.2 944c239 .5 432.8-193.3 432.8-432.4 0-169.2-97-315.7-238.4-386.7zM480 560h64c4.4 0 8-3.6 8-8V88c0-4.4-3.6-8-8-8h-64c-4.4 0-8 3.6-8 8v464c0 4.4 3.6 8 8 8z"
/>
</svg>
</span>
<span>
Click me!
</span>
</button>
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-primary ant-btn-icon-only"
type="button"
class="ant-btn-icon"
>
<span
aria-label="poweroff"
@ -2328,6 +2399,43 @@ exports[`renders components/button/demo/loading.tsx extend context correctly 1`]
/>
</svg>
</span>
</span>
<span>
Click me!
</span>
</button>
</div>
<div
class="ant-space-item"
style="padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-primary ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="poweroff"
class="anticon anticon-poweroff"
role="img"
>
<svg
aria-hidden="true"
data-icon="poweroff"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M705.6 124.9a8 8 0 00-11.6 7.2v64.2c0 5.5 2.9 10.6 7.5 13.6a352.2 352.2 0 0162.2 49.8c32.7 32.8 58.4 70.9 76.3 113.3a355 355 0 0127.9 138.7c0 48.1-9.4 94.8-27.9 138.7a355.92 355.92 0 01-76.3 113.3 353.06 353.06 0 01-113.2 76.4c-43.8 18.6-90.5 28-138.5 28s-94.7-9.4-138.5-28a353.06 353.06 0 01-113.2-76.4A355.92 355.92 0 01184 650.4a355 355 0 01-27.9-138.7c0-48.1 9.4-94.8 27.9-138.7 17.9-42.4 43.6-80.5 76.3-113.3 19-19 39.8-35.6 62.2-49.8 4.7-2.9 7.5-8.1 7.5-13.6V132c0-6-6.3-9.8-11.6-7.2C178.5 195.2 82 339.3 80 506.3 77.2 745.1 272.5 943.5 511.2 944c239 .5 432.8-193.3 432.8-432.4 0-169.2-97-315.7-238.4-386.7zM480 560h64c4.4 0 8-3.6 8-8V88c0-4.4-3.6-8-8-8h-64c-4.4 0-8 3.6-8 8v464c0 4.4 3.6 8 8 8z"
/>
</svg>
</span>
</span>
</button>
</div>
</div>
@ -2382,6 +2490,9 @@ exports[`renders components/button/demo/multiple.tsx extend context correctly 1`
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item ant-dropdown-trigger"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -2402,6 +2513,7 @@ exports[`renders components/button/demo/multiple.tsx extend context correctly 1`
/>
</svg>
</span>
</span>
</button>
<div>
<div
@ -2718,6 +2830,9 @@ Array [
<button
class="ant-btn ant-btn-primary ant-btn-lg ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="download"
@ -2738,6 +2853,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -2747,6 +2863,9 @@ Array [
<button
class="ant-btn ant-btn-circle ant-btn-primary ant-btn-lg ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="download"
@ -2767,6 +2886,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -2778,33 +2898,7 @@ Array [
type="button"
>
<span
aria-label="download"
class="anticon anticon-download"
role="img"
>
<svg
aria-hidden="true"
data-icon="download"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M505.7 661a8 8 0 0012.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"
/>
</svg>
</span>
</button>
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-round ant-btn-primary ant-btn-lg"
type="button"
class="ant-btn-icon"
>
<span
aria-label="download"
@ -2825,6 +2919,40 @@ Array [
/>
</svg>
</span>
</span>
</button>
</div>
<div
class="ant-space-item"
style="margin-right: 8px; padding-bottom: 8px;"
>
<button
class="ant-btn ant-btn-round ant-btn-primary ant-btn-lg"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="download"
class="anticon anticon-download"
role="img"
>
<svg
aria-hidden="true"
data-icon="download"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M505.7 661a8 8 0 0012.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"
/>
</svg>
</span>
</span>
<span>
Download
</span>
@ -2837,6 +2965,9 @@ Array [
<button
class="ant-btn ant-btn-primary ant-btn-lg"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="download"
@ -2857,6 +2988,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
Download
</span>

File diff suppressed because it is too large Load Diff

View File

@ -43,6 +43,9 @@ exports[`Button renders Chinese characters correctly 2`] = `
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
class="anticon anticon-search"
@ -62,6 +65,7 @@ exports[`Button renders Chinese characters correctly 2`] = `
/>
</svg>
</span>
</span>
<span>
按钮
</span>
@ -103,6 +107,9 @@ exports[`Button renders Chinese characters correctly 4`] = `
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
class="anticon anticon-search"
@ -122,6 +129,7 @@ exports[`Button renders Chinese characters correctly 4`] = `
/>
</svg>
</span>
</span>
<span>
按钮
</span>
@ -134,7 +142,7 @@ exports[`Button renders Chinese characters correctly 5`] = `
type="button"
>
<span
class="ant-btn-loading-icon"
class="ant-btn-icon ant-btn-loading-icon"
>
<span
aria-label="loading"
@ -168,7 +176,7 @@ exports[`Button renders Chinese characters correctly 6`] = `
type="button"
>
<span
class="ant-btn-loading-icon"
class="ant-btn-icon ant-btn-loading-icon"
style="width: 0px; opacity: 0; transform: scale(0);"
>
<span
@ -304,6 +312,73 @@ exports[`Button should render empty button without errors 1`] = `
/>
`;
exports[`Button should support custom icon className 1`] = `
<div>
<button
class="ant-btn ant-btn-primary ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon custom-icon"
>
<span
aria-label="search"
class="anticon anticon-search"
role="img"
>
<svg
aria-hidden="true"
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
/>
</svg>
</span>
</span>
</button>
</div>
`;
exports[`Button should support custom icon styles 1`] = `
<div>
<button
class="ant-btn ant-btn-primary ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
style="color: red;"
>
<span
aria-label="search"
class="anticon anticon-search"
role="img"
>
<svg
aria-hidden="true"
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
/>
</svg>
</span>
</span>
</button>
</div>
`;
exports[`Button should support link button 1`] = `
<a
class="ant-btn ant-btn-default"

View File

@ -161,6 +161,21 @@ describe('Button', () => {
expect(wrapper.container.firstChild).not.toHaveClass('ant-btn-loading');
});
it('should support custom icon className', () => {
const { container } = render(
<Button type="primary" icon={<SearchOutlined />} classNames={{ icon: 'custom-icon' }} />,
);
expect(container.querySelectorAll('.custom-icon').length).toBe(1);
expect(container).toMatchSnapshot();
});
it('should support custom icon styles', () => {
const { container } = render(
<Button type="primary" icon={<SearchOutlined />} styles={{ icon: { color: 'red' } }} />,
);
expect(container).toMatchSnapshot();
});
it('reset when loading back of delay', () => {
jest.useFakeTimers();
const { rerender, container } = render(<Button loading={{ delay: 1000 }} />);

View File

@ -14,6 +14,7 @@ import Group, { GroupSizeContext } from './button-group';
import type { ButtonHTMLType, ButtonShape, ButtonType } from './buttonHelpers';
import { isTwoCNChar, isUnBorderedButtonType, spaceChildren } from './buttonHelpers';
import useStyle from './style';
import IconWrapper from './IconWrapper';
export type LegacyButtonType = ButtonType | 'danger';
@ -39,6 +40,8 @@ export interface BaseButtonProps {
block?: boolean;
children?: React.ReactNode;
[key: `data-${string}`]: string;
classNames?: { icon: string };
styles?: { icon: React.CSSProperties };
}
export type AnchorButtonProps = {
@ -98,6 +101,7 @@ const InternalButton: React.ForwardRefRenderFunction<
danger,
shape = 'default',
size: customizeSize,
styles,
disabled: customDisabled,
className,
rootClassName,
@ -107,6 +111,7 @@ const InternalButton: React.ForwardRefRenderFunction<
block = false,
// React does not recognize the `htmlType` prop on a DOM element. Here we pick it out of `rest`.
htmlType = 'button',
classNames: customClassNames,
...rest
} = props;
@ -228,7 +233,9 @@ const InternalButton: React.ForwardRefRenderFunction<
const iconNode =
icon && !innerLoading ? (
icon
<IconWrapper prefixCls={prefixCls} className={customClassNames?.icon} style={styles?.icon}>
{icon}
</IconWrapper>
) : (
<LoadingIcon existIcon={!!icon} prefixCls={prefixCls} loading={!!innerLoading} />
);

View File

@ -55,6 +55,7 @@ Different button styles can be generated by setting Button properties. The recom
| Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- |
| block | Option to fit button width to its parent width | boolean | false | |
| classNames | Semantic DOM class | Record<SemanticDOM, string> | - | 5.4.0 |
| danger | Set the danger status of button | boolean | false | |
| disabled | Disabled state of button | boolean | false | |
| ghost | Make background transparent and invert text and border colors | boolean | false | |
@ -64,12 +65,19 @@ Different button styles can be generated by setting Button properties. The recom
| loading | Set the loading status of button | boolean \| { delay: number } | false | |
| shape | Can be set button shape | `default` \| `circle` \| `round` | `default` | |
| size | Set the size of button | `large` \| `middle` \| `small` | `middle` | |
| styles | Semantic DOM style | Record<SemanticDOM, CSSProperties> | - | 5.4.0 |
| target | Same as target attribute of a, works when href is specified | string | - | |
| type | Can be set to `primary` `ghost` `dashed` `link` `text` `default` | string | `default` | |
| onClick | Set the handler to handle `click` event | (event: MouseEvent) => void | - | |
It accepts all props which native buttons support.
### `styles` and `classNames` attribute
| Property | Description | Version |
| -------- | ----------------- | ------- |
| icon | set `icon`element | 5.5.0 |
## Design Token
<ComponentTokenTable component="Button"></ComponentTokenTable>

View File

@ -60,6 +60,7 @@ group:
| 属性 | 说明 | 类型 | 默认值 | 版本 |
| --- | --- | --- | --- | --- |
| block | 将按钮宽度调整为其父宽度的选项 | boolean | false | |
| classNames | 语义化结构 class | Record<SemanticDOM, string> | - | 5.4.0 |
| danger | 设置危险按钮 | boolean | false | |
| disabled | 设置按钮失效状态 | boolean | false | |
| ghost | 幽灵属性,使按钮背景透明 | boolean | false | |
@ -69,12 +70,19 @@ group:
| loading | 设置按钮载入状态 | boolean \| { delay: number } | false | |
| shape | 设置按钮形状 | `default` \| `circle` \| `round` | `default` | |
| size | 设置按钮大小 | `large` \| `middle` \| `small` | `middle` | |
| styles | 语义化结构 style | Record<SemanticDOM, CSSProperties> | - | 5.4.0 |
| target | 相当于 a 链接的 target 属性href 存在时生效 | string | - | |
| type | 设置按钮类型 | `primary` \| `ghost` \| `dashed` \| `link` \| `text` \| `default` | `default` | |
| onClick | 点击按钮时的回调 | (event: MouseEvent) => void | - | |
支持原生 button 的其他所有属性。
### `styles``classNames` 属性
| 名称 | 说明 | 版本 |
| ---- | ------------ | ----- |
| icon | 设置图标元素 | 5.5.0 |
## Design Token
<ComponentTokenTable component="Button"></ComponentTokenTable>

View File

@ -1,18 +1,18 @@
import type { CSSInterpolation, CSSObject } from '@ant-design/cssinjs';
import type { FullToken, GenerateStyle } from '../../theme/internal';
import { genComponentStyleHook, mergeToken } from '../../theme/internal';
import genGroupStyle from './group';
import { genFocusStyle } from '../../style';
import { genCompactItemStyle } from '../../style/compact-item';
import { genCompactItemVerticalStyle } from '../../style/compact-item-vertical';
import type { FullToken, GenerateStyle } from '../../theme/internal';
import { genComponentStyleHook, mergeToken } from '../../theme/internal';
import genGroupStyle from './group';
/** Component only token. Which will handle additional calculation of alias token */
export interface ComponentToken {}
export interface ButtonToken extends FullToken<'Button'> {
// FIXME: should be removed
colorOutlineDefault: string;
buttonPaddingHorizontal: number;
buttonIconOnlyFontSize: number;
}
// ============================== Shared ==============================
@ -41,8 +41,19 @@ const genSharedButtonStyle: GenerateStyle<ButtonToken, CSSObject> = (token): CSS
display: 'inline-block',
},
[`${componentCls}-icon`]: {
lineHeight: 0,
},
// Leave a space between icon and text.
[`> ${iconCls} + span, > span + ${iconCls}`]: {
[`&:not(${componentCls}-icon-only) > ${componentCls}-icon`]: {
[`&${componentCls}-loading-icon, &:not(:last-child)`]: {
marginInlineEnd: token.marginXS,
},
},
// Special case for anticon after children
[`> span + ${iconCls}`]: {
marginInlineStart: token.marginXS,
},
@ -397,13 +408,13 @@ const genTypeButtonStyle: GenerateStyle<ButtonToken> = (token) => {
const genSizeButtonStyle = (token: ButtonToken, sizePrefixCls: string = ''): CSSInterpolation => {
const {
componentCls,
iconCls,
controlHeight,
fontSize,
lineHeight,
lineWidth,
borderRadius,
buttonPaddingHorizontal,
iconCls,
} = token;
const paddingVertical = Math.max(0, (controlHeight - fontSize * lineHeight) / 2 - lineWidth);
@ -427,8 +438,8 @@ const genSizeButtonStyle = (token: ButtonToken, sizePrefixCls: string = ''): CSS
[`&${componentCls}-round`]: {
width: 'auto',
},
'> span': {
transform: 'scale(1.143)', // 14px -> 16px
[iconCls]: {
fontSize: token.buttonIconOnlyFontSize,
},
},
@ -441,10 +452,6 @@ const genSizeButtonStyle = (token: ButtonToken, sizePrefixCls: string = ''): CSS
[`${componentCls}-loading-icon`]: {
transition: `width ${token.motionDurationSlow} ${token.motionEaseInOut}, opacity ${token.motionDurationSlow} ${token.motionEaseInOut}`,
},
[`&:not(${iconOnlyCls}) ${componentCls}-loading-icon > ${iconCls}`]: {
marginInlineEnd: token.marginXS,
},
},
},
@ -466,6 +473,7 @@ const genSizeSmallButtonStyle: GenerateStyle<ButtonToken> = (token) => {
padding: token.paddingXS,
buttonPaddingHorizontal: 8, // Fixed padding
borderRadius: token.borderRadiusSM,
buttonIconOnlyFontSize: token.fontSizeLG - 2,
});
return genSizeButtonStyle(smallToken, `${token.componentCls}-sm`);
@ -476,6 +484,7 @@ const genSizeLargeButtonStyle: GenerateStyle<ButtonToken> = (token) => {
controlHeight: token.controlHeightLG,
fontSize: token.fontSizeLG,
borderRadius: token.borderRadiusLG,
buttonIconOnlyFontSize: token.fontSizeLG + 2,
});
return genSizeButtonStyle(largeToken, `${token.componentCls}-lg`);
@ -499,6 +508,7 @@ export default genComponentStyleHook('Button', (token) => {
const buttonToken = mergeToken<ButtonToken>(token, {
colorOutlineDefault: controlTmpOutline,
buttonPaddingHorizontal: paddingContentHorizontal,
buttonIconOnlyFontSize: token.fontSizeLG,
});
return [

View File

@ -12579,6 +12579,9 @@ exports[`ConfigProvider components Dropdown configProvider 1`] = `
<button
class="config-btn config-btn-default config-btn-icon-only config-btn-compact-item config-btn-compact-last-item config-dropdown-trigger"
type="button"
>
<span
class="config-btn-icon"
>
<span
aria-label="ellipsis"
@ -12599,6 +12602,7 @@ exports[`ConfigProvider components Dropdown configProvider 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
`;
@ -12620,6 +12624,9 @@ exports[`ConfigProvider components Dropdown configProvider componentDisabled 1`]
class="config-btn config-btn-default config-btn-icon-only config-btn-compact-item config-btn-compact-last-item config-dropdown-trigger"
disabled=""
type="button"
>
<span
class="config-btn-icon"
>
<span
aria-label="ellipsis"
@ -12640,6 +12647,7 @@ exports[`ConfigProvider components Dropdown configProvider componentDisabled 1`]
/>
</svg>
</span>
</span>
</button>
</div>
`;
@ -12659,6 +12667,9 @@ exports[`ConfigProvider components Dropdown configProvider componentSize large 1
<button
class="config-btn config-btn-default config-btn-icon-only config-btn-compact-item config-btn-compact-last-item config-dropdown-trigger"
type="button"
>
<span
class="config-btn-icon"
>
<span
aria-label="ellipsis"
@ -12679,6 +12690,7 @@ exports[`ConfigProvider components Dropdown configProvider componentSize large 1
/>
</svg>
</span>
</span>
</button>
</div>
`;
@ -12698,6 +12710,9 @@ exports[`ConfigProvider components Dropdown configProvider componentSize middle
<button
class="config-btn config-btn-default config-btn-icon-only config-btn-compact-item config-btn-compact-last-item config-dropdown-trigger"
type="button"
>
<span
class="config-btn-icon"
>
<span
aria-label="ellipsis"
@ -12718,6 +12733,7 @@ exports[`ConfigProvider components Dropdown configProvider componentSize middle
/>
</svg>
</span>
</span>
</button>
</div>
`;
@ -12737,6 +12753,9 @@ exports[`ConfigProvider components Dropdown normal 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item ant-dropdown-trigger"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -12757,6 +12776,7 @@ exports[`ConfigProvider components Dropdown normal 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
`;
@ -12776,6 +12796,9 @@ exports[`ConfigProvider components Dropdown prefixCls 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item ant-dropdown-trigger"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -12796,6 +12819,7 @@ exports[`ConfigProvider components Dropdown prefixCls 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
`;
@ -13662,6 +13686,9 @@ exports[`ConfigProvider components Input configProvider 1`] = `
<button
class="config-btn config-btn-default config-btn-icon-only config-input-search-button"
type="button"
>
<span
class="config-btn-icon"
>
<span
aria-label="search"
@ -13682,6 +13709,7 @@ exports[`ConfigProvider components Input configProvider 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -13759,6 +13787,9 @@ exports[`ConfigProvider components Input configProvider componentDisabled 1`] =
class="config-btn config-btn-default config-btn-icon-only config-input-search-button"
disabled=""
type="button"
>
<span
class="config-btn-icon"
>
<span
aria-label="search"
@ -13779,6 +13810,7 @@ exports[`ConfigProvider components Input configProvider componentDisabled 1`] =
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -13855,6 +13887,9 @@ exports[`ConfigProvider components Input configProvider componentSize large 1`]
<button
class="config-btn config-btn-default config-btn-lg config-btn-icon-only config-input-search-button"
type="button"
>
<span
class="config-btn-icon"
>
<span
aria-label="search"
@ -13875,6 +13910,7 @@ exports[`ConfigProvider components Input configProvider componentSize large 1`]
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -13949,6 +13985,9 @@ exports[`ConfigProvider components Input configProvider componentSize middle 1`]
<button
class="config-btn config-btn-default config-btn-icon-only config-input-search-button"
type="button"
>
<span
class="config-btn-icon"
>
<span
aria-label="search"
@ -13969,6 +14008,7 @@ exports[`ConfigProvider components Input configProvider componentSize middle 1`]
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -14043,6 +14083,9 @@ exports[`ConfigProvider components Input normal 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -14063,6 +14106,7 @@ exports[`ConfigProvider components Input normal 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -14137,6 +14181,9 @@ exports[`ConfigProvider components Input prefixCls 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only prefix-Input-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -14157,6 +14204,7 @@ exports[`ConfigProvider components Input prefixCls 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -32686,6 +32734,9 @@ exports[`ConfigProvider components Transfer configProvider 1`] = `
class="config-btn config-btn-primary config-btn-sm config-btn-icon-only"
disabled=""
type="button"
>
<span
class="config-btn-icon"
>
<span
aria-label="right"
@ -32706,11 +32757,15 @@ exports[`ConfigProvider components Transfer configProvider 1`] = `
/>
</svg>
</span>
</span>
</button>
<button
class="config-btn config-btn-primary config-btn-sm config-btn-icon-only"
disabled=""
type="button"
>
<span
class="config-btn-icon"
>
<span
aria-label="left"
@ -32731,6 +32786,7 @@ exports[`ConfigProvider components Transfer configProvider 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -32957,6 +33013,9 @@ exports[`ConfigProvider components Transfer configProvider componentDisabled 1`]
class="config-btn config-btn-primary config-btn-sm config-btn-icon-only"
disabled=""
type="button"
>
<span
class="config-btn-icon"
>
<span
aria-label="right"
@ -32977,11 +33036,15 @@ exports[`ConfigProvider components Transfer configProvider componentDisabled 1`]
/>
</svg>
</span>
</span>
</button>
<button
class="config-btn config-btn-primary config-btn-sm config-btn-icon-only"
disabled=""
type="button"
>
<span
class="config-btn-icon"
>
<span
aria-label="left"
@ -33002,6 +33065,7 @@ exports[`ConfigProvider components Transfer configProvider componentDisabled 1`]
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -33228,6 +33292,9 @@ exports[`ConfigProvider components Transfer configProvider componentSize large 1
class="config-btn config-btn-primary config-btn-sm config-btn-icon-only"
disabled=""
type="button"
>
<span
class="config-btn-icon"
>
<span
aria-label="right"
@ -33248,11 +33315,15 @@ exports[`ConfigProvider components Transfer configProvider componentSize large 1
/>
</svg>
</span>
</span>
</button>
<button
class="config-btn config-btn-primary config-btn-sm config-btn-icon-only"
disabled=""
type="button"
>
<span
class="config-btn-icon"
>
<span
aria-label="left"
@ -33273,6 +33344,7 @@ exports[`ConfigProvider components Transfer configProvider componentSize large 1
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -33499,6 +33571,9 @@ exports[`ConfigProvider components Transfer configProvider componentSize middle
class="config-btn config-btn-primary config-btn-sm config-btn-icon-only"
disabled=""
type="button"
>
<span
class="config-btn-icon"
>
<span
aria-label="right"
@ -33519,11 +33594,15 @@ exports[`ConfigProvider components Transfer configProvider componentSize middle
/>
</svg>
</span>
</span>
</button>
<button
class="config-btn config-btn-primary config-btn-sm config-btn-icon-only"
disabled=""
type="button"
>
<span
class="config-btn-icon"
>
<span
aria-label="left"
@ -33544,6 +33623,7 @@ exports[`ConfigProvider components Transfer configProvider componentSize middle
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -33770,6 +33850,9 @@ exports[`ConfigProvider components Transfer normal 1`] = `
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -33790,11 +33873,15 @@ exports[`ConfigProvider components Transfer normal 1`] = `
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="left"
@ -33815,6 +33902,7 @@ exports[`ConfigProvider components Transfer normal 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -34041,6 +34129,9 @@ exports[`ConfigProvider components Transfer prefixCls 1`] = `
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -34061,11 +34152,15 @@ exports[`ConfigProvider components Transfer prefixCls 1`] = `
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="left"
@ -34086,6 +34181,7 @@ exports[`ConfigProvider components Transfer prefixCls 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -35945,6 +36041,9 @@ exports[`ConfigProvider components Upload configProvider 1`] = `
class="config-btn config-btn-text config-btn-sm config-btn-icon-only config-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="config-btn-icon"
>
<span
aria-label="delete"
@ -35966,6 +36065,7 @@ exports[`ConfigProvider components Upload configProvider 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -36105,6 +36205,9 @@ exports[`ConfigProvider components Upload configProvider componentSize large 1`]
class="config-btn config-btn-text config-btn-sm config-btn-icon-only config-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="config-btn-icon"
>
<span
aria-label="delete"
@ -36126,6 +36229,7 @@ exports[`ConfigProvider components Upload configProvider componentSize large 1`]
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -36199,6 +36303,9 @@ exports[`ConfigProvider components Upload configProvider componentSize middle 1`
class="config-btn config-btn-text config-btn-sm config-btn-icon-only config-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="config-btn-icon"
>
<span
aria-label="delete"
@ -36220,6 +36327,7 @@ exports[`ConfigProvider components Upload configProvider componentSize middle 1`
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -36293,6 +36401,9 @@ exports[`ConfigProvider components Upload normal 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -36314,6 +36425,7 @@ exports[`ConfigProvider components Upload normal 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -36387,6 +36499,9 @@ exports[`ConfigProvider components Upload prefixCls 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only prefix-Upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -36408,6 +36523,7 @@ exports[`ConfigProvider components Upload prefixCls 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>

View File

@ -432,6 +432,9 @@ Array [
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="plus"
@ -458,6 +461,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
New account
</span>

View File

@ -136,6 +136,9 @@ exports[`renders components/drawer/demo/form-in-drawer.tsx correctly 1`] = `
class="ant-btn ant-btn-primary"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="plus"
class="anticon anticon-plus"
@ -161,6 +164,7 @@ exports[`renders components/drawer/demo/form-in-drawer.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
<span>
New account
</span>

View File

@ -2963,6 +2963,9 @@ exports[`renders components/dropdown/demo/dropdown-button.tsx extend context cor
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item ant-dropdown-trigger"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -2983,6 +2986,7 @@ exports[`renders components/dropdown/demo/dropdown-button.tsx extend context cor
/>
</svg>
</span>
</span>
</button>
<div>
<div
@ -3283,6 +3287,9 @@ exports[`renders components/dropdown/demo/dropdown-button.tsx extend context cor
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item ant-dropdown-trigger"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="user"
@ -3303,6 +3310,7 @@ exports[`renders components/dropdown/demo/dropdown-button.tsx extend context cor
/>
</svg>
</span>
</span>
</button>
<div>
<div
@ -3605,6 +3613,9 @@ exports[`renders components/dropdown/demo/dropdown-button.tsx extend context cor
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item ant-dropdown-trigger"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -3625,6 +3636,7 @@ exports[`renders components/dropdown/demo/dropdown-button.tsx extend context cor
/>
</svg>
</span>
</span>
</button>
<div>
<div
@ -3946,7 +3958,7 @@ exports[`renders components/dropdown/demo/dropdown-button.tsx extend context cor
type="button"
>
<span
class="ant-btn-loading-icon"
class="ant-btn-icon ant-btn-loading-icon"
>
<span
aria-label="loading"
@ -4590,6 +4602,9 @@ exports[`renders components/dropdown/demo/dropdown-button.tsx extend context cor
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-dangerous ant-btn-compact-item ant-btn-compact-last-item ant-dropdown-trigger"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -4610,6 +4625,7 @@ exports[`renders components/dropdown/demo/dropdown-button.tsx extend context cor
/>
</svg>
</span>
</span>
</button>
<div>
<div
@ -5324,7 +5340,7 @@ exports[`renders components/dropdown/demo/loading.tsx extend context correctly 1
type="button"
>
<span
class="ant-btn-loading-icon"
class="ant-btn-icon ant-btn-loading-icon"
style="width: 0px; opacity: 0; transform: scale(0);"
>
<span
@ -5354,6 +5370,9 @@ exports[`renders components/dropdown/demo/loading.tsx extend context correctly 1
<button
class="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item ant-dropdown-trigger"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -5374,6 +5393,7 @@ exports[`renders components/dropdown/demo/loading.tsx extend context correctly 1
/>
</svg>
</span>
</span>
</button>
<div>
<div
@ -5454,7 +5474,7 @@ exports[`renders components/dropdown/demo/loading.tsx extend context correctly 1
type="button"
>
<span
class="ant-btn-loading-icon"
class="ant-btn-icon ant-btn-loading-icon"
style="width: 0px; opacity: 0; transform: scale(0);"
>
<span
@ -5484,6 +5504,9 @@ exports[`renders components/dropdown/demo/loading.tsx extend context correctly 1
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item ant-dropdown-trigger"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -5504,6 +5527,7 @@ exports[`renders components/dropdown/demo/loading.tsx extend context correctly 1
/>
</svg>
</span>
</span>
</button>
<div>
<div
@ -5590,6 +5614,9 @@ exports[`renders components/dropdown/demo/loading.tsx extend context correctly 1
<button
class="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item ant-dropdown-trigger"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -5610,6 +5637,7 @@ exports[`renders components/dropdown/demo/loading.tsx extend context correctly 1
/>
</svg>
</span>
</span>
</button>
<div>
<div
@ -5695,6 +5723,9 @@ exports[`renders components/dropdown/demo/loading.tsx extend context correctly 1
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item ant-dropdown-trigger"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="down"
@ -5715,6 +5746,7 @@ exports[`renders components/dropdown/demo/loading.tsx extend context correctly 1
/>
</svg>
</span>
</span>
</button>
<div>
<div

View File

@ -220,6 +220,9 @@ exports[`renders components/dropdown/demo/dropdown-button.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item ant-dropdown-trigger"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -240,6 +243,7 @@ exports[`renders components/dropdown/demo/dropdown-button.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
</div>
@ -261,6 +265,9 @@ exports[`renders components/dropdown/demo/dropdown-button.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item ant-dropdown-trigger"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="user"
@ -281,6 +288,7 @@ exports[`renders components/dropdown/demo/dropdown-button.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
</div>
@ -304,6 +312,9 @@ exports[`renders components/dropdown/demo/dropdown-button.tsx correctly 1`] = `
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item ant-dropdown-trigger"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -324,6 +335,7 @@ exports[`renders components/dropdown/demo/dropdown-button.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
</div>
@ -347,7 +359,7 @@ exports[`renders components/dropdown/demo/dropdown-button.tsx correctly 1`] = `
type="button"
>
<span
class="ant-btn-loading-icon"
class="ant-btn-icon ant-btn-loading-icon"
>
<span
aria-label="loading"
@ -433,6 +445,9 @@ exports[`renders components/dropdown/demo/dropdown-button.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-dangerous ant-btn-compact-item ant-btn-compact-last-item ant-dropdown-trigger"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -453,6 +468,7 @@ exports[`renders components/dropdown/demo/dropdown-button.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
</div>
@ -555,7 +571,7 @@ exports[`renders components/dropdown/demo/loading.tsx correctly 1`] = `
type="button"
>
<span
class="ant-btn-loading-icon"
class="ant-btn-icon ant-btn-loading-icon"
>
<span
aria-label="loading"
@ -584,6 +600,9 @@ exports[`renders components/dropdown/demo/loading.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item ant-dropdown-trigger"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -604,6 +623,7 @@ exports[`renders components/dropdown/demo/loading.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
</div>
@ -619,7 +639,7 @@ exports[`renders components/dropdown/demo/loading.tsx correctly 1`] = `
type="button"
>
<span
class="ant-btn-loading-icon"
class="ant-btn-icon ant-btn-loading-icon"
>
<span
aria-label="loading"
@ -648,6 +668,9 @@ exports[`renders components/dropdown/demo/loading.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item ant-dropdown-trigger"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -668,6 +691,7 @@ exports[`renders components/dropdown/demo/loading.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
</div>
@ -689,6 +713,9 @@ exports[`renders components/dropdown/demo/loading.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item ant-dropdown-trigger"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -709,6 +736,7 @@ exports[`renders components/dropdown/demo/loading.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
</div>
@ -729,6 +757,9 @@ exports[`renders components/dropdown/demo/loading.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item ant-dropdown-trigger"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="down"
@ -749,6 +780,7 @@ exports[`renders components/dropdown/demo/loading.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
</div>

View File

@ -11,6 +11,9 @@ exports[`DropdownButton rtl render component should be rendered correctly in RTL
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-rtl ant-btn-compact-item ant-btn-compact-last-item ant-btn-compact-item-rtl ant-dropdown-trigger ant-dropdown-rtl"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -31,6 +34,7 @@ exports[`DropdownButton rtl render component should be rendered correctly in RTL
/>
</svg>
</span>
</span>
</button>
</div>
`;
@ -46,6 +50,9 @@ exports[`DropdownButton should support href like Button 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item ant-dropdown-trigger"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -66,6 +73,7 @@ exports[`DropdownButton should support href like Button 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
`;

View File

@ -672,6 +672,9 @@ Array [
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -692,11 +695,15 @@ Array [
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="left"
@ -717,6 +724,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</div>
<div

View File

@ -428,6 +428,9 @@ Array [
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -448,11 +451,15 @@ Array [
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="left"
@ -473,6 +480,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</div>
<div

View File

@ -5931,38 +5931,7 @@ exports[`renders components/form/demo/dynamic-form-item.tsx extend context corre
type="button"
>
<span
aria-label="plus"
class="anticon anticon-plus"
role="img"
>
<svg
aria-hidden="true"
data-icon="plus"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<defs>
<style />
</defs>
<path
d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
/>
<path
d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
/>
</svg>
</span>
<span>
Add field
</span>
</button>
<button
class="ant-btn ant-btn-dashed"
style="width: 60%; margin-top: 20px;"
type="button"
class="ant-btn-icon"
>
<span
aria-label="plus"
@ -5989,6 +5958,45 @@ exports[`renders components/form/demo/dynamic-form-item.tsx extend context corre
/>
</svg>
</span>
</span>
<span>
Add field
</span>
</button>
<button
class="ant-btn ant-btn-dashed"
style="width: 60%; margin-top: 20px;"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="plus"
class="anticon anticon-plus"
role="img"
>
<svg
aria-hidden="true"
data-icon="plus"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<defs>
<style />
</defs>
<path
d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
/>
<path
d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
/>
</svg>
</span>
</span>
<span>
Add field at head
</span>
@ -6054,6 +6062,9 @@ exports[`renders components/form/demo/dynamic-form-items.tsx extend context corr
<button
class="ant-btn ant-btn-dashed ant-btn-block"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="plus"
@ -6080,6 +6091,7 @@ exports[`renders components/form/demo/dynamic-form-items.tsx extend context corr
/>
</svg>
</span>
</span>
<span>
Add field
</span>
@ -6316,6 +6328,9 @@ exports[`renders components/form/demo/dynamic-form-items-complex.tsx extend cont
<button
class="ant-btn ant-btn-dashed ant-btn-block"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="plus"
@ -6342,6 +6357,7 @@ exports[`renders components/form/demo/dynamic-form-items-complex.tsx extend cont
/>
</svg>
</span>
</span>
<span>
Add sights
</span>
@ -6432,6 +6448,9 @@ exports[`renders components/form/demo/dynamic-form-items-no-style.tsx extend con
<button
class="ant-btn ant-btn-dashed ant-btn-block"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="plus"
@ -6458,6 +6477,7 @@ exports[`renders components/form/demo/dynamic-form-items-no-style.tsx extend con
/>
</svg>
</span>
</span>
<span>
Add field
</span>
@ -20467,6 +20487,9 @@ exports[`renders components/form/demo/validate-other.tsx extend context correctl
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -20487,6 +20510,7 @@ exports[`renders components/form/demo/validate-other.tsx extend context correctl
/>
</svg>
</span>
</span>
<span>
Click to upload
</span>

View File

@ -3248,38 +3248,7 @@ exports[`renders components/form/demo/dynamic-form-item.tsx correctly 1`] = `
type="button"
>
<span
aria-label="plus"
class="anticon anticon-plus"
role="img"
>
<svg
aria-hidden="true"
data-icon="plus"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<defs>
<style />
</defs>
<path
d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
/>
<path
d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
/>
</svg>
</span>
<span>
Add field
</span>
</button>
<button
class="ant-btn ant-btn-dashed"
style="width:60%;margin-top:20px"
type="button"
class="ant-btn-icon"
>
<span
aria-label="plus"
@ -3306,6 +3275,45 @@ exports[`renders components/form/demo/dynamic-form-item.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
<span>
Add field
</span>
</button>
<button
class="ant-btn ant-btn-dashed"
style="width:60%;margin-top:20px"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="plus"
class="anticon anticon-plus"
role="img"
>
<svg
aria-hidden="true"
data-icon="plus"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<defs>
<style />
</defs>
<path
d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
/>
<path
d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
/>
</svg>
</span>
</span>
<span>
Add field at head
</span>
@ -3371,6 +3379,9 @@ exports[`renders components/form/demo/dynamic-form-items.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-dashed ant-btn-block"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="plus"
@ -3397,6 +3408,7 @@ exports[`renders components/form/demo/dynamic-form-items.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
<span>
Add field
</span>
@ -3553,6 +3565,9 @@ exports[`renders components/form/demo/dynamic-form-items-complex.tsx correctly 1
<button
class="ant-btn ant-btn-dashed ant-btn-block"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="plus"
@ -3579,6 +3594,7 @@ exports[`renders components/form/demo/dynamic-form-items-complex.tsx correctly 1
/>
</svg>
</span>
</span>
<span>
Add sights
</span>
@ -3669,6 +3685,9 @@ exports[`renders components/form/demo/dynamic-form-items-no-style.tsx correctly
<button
class="ant-btn ant-btn-dashed ant-btn-block"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="plus"
@ -3695,6 +3714,7 @@ exports[`renders components/form/demo/dynamic-form-items-no-style.tsx correctly
/>
</svg>
</span>
</span>
<span>
Add field
</span>
@ -9347,6 +9367,9 @@ exports[`renders components/form/demo/validate-other.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -9367,6 +9390,7 @@ exports[`renders components/form/demo/validate-other.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
<span>
Click to upload
</span>

View File

@ -18,6 +18,9 @@ exports[`Input.Search rtl render component should be rendered correctly in RTL d
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-rtl ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -38,6 +41,7 @@ exports[`Input.Search rtl render component should be rendered correctly in RTL d
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -73,6 +77,9 @@ exports[`Input.Search should support ReactNode suffix without error 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -93,6 +100,7 @@ exports[`Input.Search should support ReactNode suffix without error 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -117,6 +125,9 @@ exports[`Input.Search should support addonAfter 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -137,6 +148,7 @@ exports[`Input.Search should support addonAfter 1`] = `
/>
</svg>
</span>
</span>
</button>
<span>
Addon After
@ -164,6 +176,9 @@ exports[`Input.Search should support addonAfter 2`] = `
<button
class="ant-btn ant-btn-primary ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -184,6 +199,7 @@ exports[`Input.Search should support addonAfter 2`] = `
/>
</svg>
</span>
</span>
</button>
<span>
Addon After
@ -222,7 +238,7 @@ exports[`Input.Search should support addonAfter and suffix for loading 1`] = `
type="button"
>
<span
class="ant-btn-loading-icon"
class="ant-btn-icon ant-btn-loading-icon"
>
<span
aria-label="loading"
@ -280,7 +296,7 @@ exports[`Input.Search should support addonAfter and suffix for loading 2`] = `
type="button"
>
<span
class="ant-btn-loading-icon"
class="ant-btn-icon ant-btn-loading-icon"
>
<span
aria-label="loading"
@ -380,6 +396,9 @@ exports[`Input.Search should support invalid addonAfter 1`] = `
<button
class="ant-btn ant-btn-primary ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -400,6 +419,7 @@ exports[`Input.Search should support invalid addonAfter 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -431,6 +451,9 @@ exports[`Input.Search should support invalid suffix 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -451,6 +474,7 @@ exports[`Input.Search should support invalid suffix 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -477,7 +501,7 @@ exports[`Input.Search should support loading 1`] = `
type="button"
>
<span
class="ant-btn-loading-icon"
class="ant-btn-icon ant-btn-loading-icon"
>
<span
aria-label="loading"
@ -525,7 +549,7 @@ exports[`Input.Search should support loading 2`] = `
type="button"
>
<span
class="ant-btn-loading-icon"
class="ant-btn-icon ant-btn-loading-icon"
>
<span
aria-label="loading"

View File

@ -5249,6 +5249,9 @@ exports[`renders components/input/demo/compact-style.tsx extend context correctl
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -5269,6 +5272,7 @@ exports[`renders components/input/demo/compact-style.tsx extend context correctl
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -5788,6 +5792,9 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
<button
class="ant-btn ant-btn-default ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="copy"
@ -5808,6 +5815,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
/>
</svg>
</span>
</span>
</button>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
@ -6036,6 +6044,9 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -6056,6 +6067,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -6111,6 +6123,9 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -6131,6 +6146,7 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -9473,6 +9489,9 @@ exports[`renders components/input/demo/search-input.tsx extend context correctly
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -9493,6 +9512,7 @@ exports[`renders components/input/demo/search-input.tsx extend context correctly
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -9554,6 +9574,9 @@ exports[`renders components/input/demo/search-input.tsx extend context correctly
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -9574,6 +9597,7 @@ exports[`renders components/input/demo/search-input.tsx extend context correctly
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -9640,6 +9664,9 @@ exports[`renders components/input/demo/search-input.tsx extend context correctly
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -9660,6 +9687,7 @@ exports[`renders components/input/demo/search-input.tsx extend context correctly
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -9687,6 +9715,9 @@ exports[`renders components/input/demo/search-input.tsx extend context correctly
<button
class="ant-btn ant-btn-primary ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -9707,6 +9738,7 @@ exports[`renders components/input/demo/search-input.tsx extend context correctly
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -9859,7 +9891,7 @@ Array [
type="button"
>
<span
class="ant-btn-loading-icon"
class="ant-btn-icon ant-btn-loading-icon"
>
<span
aria-label="loading"
@ -9907,7 +9939,7 @@ Array [
type="button"
>
<span
class="ant-btn-loading-icon"
class="ant-btn-icon ant-btn-loading-icon"
>
<span
aria-label="loading"
@ -9955,7 +9987,7 @@ Array [
type="button"
>
<span
class="ant-btn-loading-icon"
class="ant-btn-icon ant-btn-loading-icon"
style="width: 0px; opacity: 0; transform: scale(0);"
>
<span

View File

@ -1467,6 +1467,9 @@ exports[`renders components/input/demo/compact-style.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -1487,6 +1490,7 @@ exports[`renders components/input/demo/compact-style.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -1925,6 +1929,9 @@ exports[`renders components/input/demo/group.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="copy"
@ -1945,6 +1952,7 @@ exports[`renders components/input/demo/group.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
<br />
@ -2073,6 +2081,9 @@ exports[`renders components/input/demo/group.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -2093,6 +2104,7 @@ exports[`renders components/input/demo/group.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -2148,6 +2160,9 @@ exports[`renders components/input/demo/group.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -2168,6 +2183,7 @@ exports[`renders components/input/demo/group.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -3187,6 +3203,9 @@ exports[`renders components/input/demo/search-input.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -3207,6 +3226,7 @@ exports[`renders components/input/demo/search-input.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -3268,6 +3288,9 @@ exports[`renders components/input/demo/search-input.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -3288,6 +3311,7 @@ exports[`renders components/input/demo/search-input.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -3354,6 +3378,9 @@ exports[`renders components/input/demo/search-input.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -3374,6 +3401,7 @@ exports[`renders components/input/demo/search-input.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -3401,6 +3429,9 @@ exports[`renders components/input/demo/search-input.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-primary ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -3421,6 +3452,7 @@ exports[`renders components/input/demo/search-input.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -3573,7 +3605,7 @@ Array [
type="button"
>
<span
class="ant-btn-loading-icon"
class="ant-btn-icon ant-btn-loading-icon"
>
<span
aria-label="loading"
@ -3621,7 +3653,7 @@ Array [
type="button"
>
<span
class="ant-btn-loading-icon"
class="ant-btn-icon ant-btn-loading-icon"
>
<span
aria-label="loading"
@ -3669,7 +3701,7 @@ Array [
type="button"
>
<span
class="ant-btn-loading-icon"
class="ant-btn-icon ant-btn-loading-icon"
>
<span
aria-label="loading"

File diff suppressed because it is too large Load Diff

View File

@ -56,6 +56,9 @@ Array [
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="radius-upleft"
@ -76,6 +79,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
topLeft
</span>
@ -87,6 +91,9 @@ Array [
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="radius-upright"
@ -107,6 +114,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
topRight
</span>
@ -127,6 +135,9 @@ Array [
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="radius-bottomleft"
@ -147,6 +158,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
bottomLeft
</span>
@ -158,6 +170,9 @@ Array [
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="radius-bottomright"
@ -178,6 +193,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
bottomRight
</span>
@ -199,6 +215,9 @@ Array [
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="border-top"
@ -219,6 +238,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
top
</span>
@ -230,6 +250,9 @@ Array [
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="border-bottom"
@ -250,6 +273,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
bottom
</span>
@ -270,6 +294,9 @@ Array [
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="radius-upleft"
@ -290,6 +317,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
topLeft
</span>
@ -301,6 +329,9 @@ Array [
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="radius-upright"
@ -321,6 +352,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
topRight
</span>
@ -341,6 +373,9 @@ Array [
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="radius-bottomleft"
@ -361,6 +396,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
bottomLeft
</span>
@ -372,6 +408,9 @@ Array [
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="radius-bottomright"
@ -392,6 +431,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
bottomRight
</span>

View File

@ -56,6 +56,9 @@ Array [
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="radius-upleft"
@ -76,6 +79,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
topLeft
</span>
@ -87,6 +91,9 @@ Array [
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="radius-upright"
@ -107,6 +114,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
topRight
</span>
@ -127,6 +135,9 @@ Array [
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="radius-bottomleft"
@ -147,6 +158,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
bottomLeft
</span>
@ -158,6 +170,9 @@ Array [
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="radius-bottomright"
@ -178,6 +193,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
bottomRight
</span>
@ -199,6 +215,9 @@ Array [
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="border-top"
@ -219,6 +238,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
top
</span>
@ -230,6 +250,9 @@ Array [
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="border-bottom"
@ -250,6 +273,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
bottom
</span>
@ -270,6 +294,9 @@ Array [
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="radius-upleft"
@ -290,6 +317,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
topLeft
</span>
@ -301,6 +329,9 @@ Array [
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="radius-upright"
@ -321,6 +352,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
topRight
</span>
@ -341,6 +373,9 @@ Array [
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="radius-bottomleft"
@ -361,6 +396,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
bottomLeft
</span>
@ -372,6 +408,9 @@ Array [
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="radius-bottomright"
@ -392,6 +431,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
bottomRight
</span>

View File

@ -1,12 +1,12 @@
import React, { useMemo } from 'react';
import {
RadiusBottomleftOutlined,
RadiusBottomrightOutlined,
RadiusUpleftOutlined,
RadiusUprightOutlined,
} from '@ant-design/icons';
import { Button, Divider, notification, Space } from 'antd';
import { Button, Divider, Space, notification } from 'antd';
import type { NotificationPlacement } from 'antd/es/notification/interface';
import React, { useMemo } from 'react';
const Context = React.createContext({ name: 'Default' });
@ -27,23 +27,35 @@ const App: React.FC = () => {
<Context.Provider value={contextValue}>
{contextHolder}
<Space>
<Button type="primary" onClick={() => openNotification('topLeft')}>
<RadiusUpleftOutlined />
<Button
type="primary"
onClick={() => openNotification('topLeft')}
icon={<RadiusUpleftOutlined />}
>
topLeft
</Button>
<Button type="primary" onClick={() => openNotification('topRight')}>
<RadiusUprightOutlined />
<Button
type="primary"
onClick={() => openNotification('topRight')}
icon={<RadiusUprightOutlined />}
>
topRight
</Button>
</Space>
<Divider />
<Space>
<Button type="primary" onClick={() => openNotification('bottomLeft')}>
<RadiusBottomleftOutlined />
<Button
type="primary"
onClick={() => openNotification('bottomLeft')}
icon={<RadiusBottomleftOutlined />}
>
bottomLeft
</Button>
<Button type="primary" onClick={() => openNotification('bottomRight')}>
<RadiusBottomrightOutlined />
<Button
type="primary"
onClick={() => openNotification('bottomRight')}
icon={<RadiusBottomrightOutlined />}
>
bottomRight
</Button>
</Space>

View File

@ -270,6 +270,9 @@ Array [
<button
class="ant-btn ant-btn-default ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="minus"
@ -290,10 +293,14 @@ Array [
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-default ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="plus"
@ -320,6 +327,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</div>,
]
@ -769,6 +777,9 @@ Array [
<button
class="ant-btn ant-btn-default ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="minus"
@ -789,10 +800,14 @@ Array [
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-default ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="plus"
@ -819,6 +834,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</div>,
]

View File

@ -270,6 +270,9 @@ Array [
<button
class="ant-btn ant-btn-default ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="minus"
@ -290,10 +293,14 @@ Array [
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-default ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="plus"
@ -320,6 +327,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</div>,
]
@ -745,6 +753,9 @@ Array [
<button
class="ant-btn ant-btn-default ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="minus"
@ -765,10 +776,14 @@ Array [
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-default ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="plus"
@ -795,6 +810,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</div>,
]

View File

@ -122,6 +122,9 @@ Array [
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="minus"
@ -142,6 +145,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
Smaller
</span>
@ -149,6 +153,9 @@ Array [
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="plus"
@ -175,6 +182,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
Larger
</span>
@ -384,6 +392,9 @@ exports[`renders components/qrcode/demo/status.tsx extend context correctly 1`]
<button
class="ant-btn ant-btn-link"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="reload"
@ -404,6 +415,7 @@ exports[`renders components/qrcode/demo/status.tsx extend context correctly 1`]
/>
</svg>
</span>
</span>
<span>
Refresh
</span>

View File

@ -87,6 +87,9 @@ Array [
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="minus"
@ -107,6 +110,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
Smaller
</span>
@ -114,6 +118,9 @@ Array [
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="plus"
@ -140,6 +147,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
Larger
</span>
@ -349,6 +357,9 @@ exports[`renders components/qrcode/demo/status.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-link"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="reload"
@ -369,6 +380,7 @@ exports[`renders components/qrcode/demo/status.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
<span>
Refresh
</span>

View File

@ -1741,6 +1741,9 @@ exports[`renders components/select/demo/custom-dropdown-menu.tsx extend context
<button
class="ant-btn ant-btn-text"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="plus"
@ -1767,6 +1770,7 @@ exports[`renders components/select/demo/custom-dropdown-menu.tsx extend context
/>
</svg>
</span>
</span>
<span>
Add item
</span>

View File

@ -197,6 +197,9 @@ exports[`renders components/space/demo/base.tsx extend context correctly 1`] = `
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -217,6 +220,7 @@ exports[`renders components/space/demo/base.tsx extend context correctly 1`] = `
/>
</svg>
</span>
</span>
<span>
Click to Upload
</span>
@ -392,6 +396,9 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="copy"
@ -412,6 +419,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
/>
</svg>
</span>
</span>
</button>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
@ -876,6 +884,9 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -896,6 +907,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -951,6 +963,9 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -971,6 +986,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -993,6 +1009,9 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -1013,6 +1032,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -8470,6 +8490,9 @@ exports[`renders components/space/demo/compact-buttons.tsx extend context correc
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item ant-btn-compact-first-item"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="like"
@ -8490,6 +8513,7 @@ exports[`renders components/space/demo/compact-buttons.tsx extend context correc
/>
</svg>
</span>
</span>
</button>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
@ -8513,6 +8537,9 @@ exports[`renders components/space/demo/compact-buttons.tsx extend context correc
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="comment"
@ -8542,6 +8569,7 @@ exports[`renders components/space/demo/compact-buttons.tsx extend context correc
/>
</svg>
</span>
</span>
</button>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
@ -8565,6 +8593,9 @@ exports[`renders components/space/demo/compact-buttons.tsx extend context correc
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="star"
@ -8585,6 +8616,7 @@ exports[`renders components/space/demo/compact-buttons.tsx extend context correc
/>
</svg>
</span>
</span>
</button>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
@ -8608,6 +8640,9 @@ exports[`renders components/space/demo/compact-buttons.tsx extend context correc
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="heart"
@ -8628,6 +8663,7 @@ exports[`renders components/space/demo/compact-buttons.tsx extend context correc
/>
</svg>
</span>
</span>
</button>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
@ -8651,6 +8687,9 @@ exports[`renders components/space/demo/compact-buttons.tsx extend context correc
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="share-alt"
@ -8671,6 +8710,7 @@ exports[`renders components/space/demo/compact-buttons.tsx extend context correc
/>
</svg>
</span>
</span>
</button>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
@ -8694,6 +8734,9 @@ exports[`renders components/space/demo/compact-buttons.tsx extend context correc
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="download"
@ -8714,6 +8757,7 @@ exports[`renders components/space/demo/compact-buttons.tsx extend context correc
/>
</svg>
</span>
</span>
</button>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
@ -8737,6 +8781,9 @@ exports[`renders components/space/demo/compact-buttons.tsx extend context correc
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item ant-dropdown-trigger"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -8757,6 +8804,7 @@ exports[`renders components/space/demo/compact-buttons.tsx extend context correc
/>
</svg>
</span>
</span>
</button>
<div>
<div
@ -9018,6 +9066,9 @@ exports[`renders components/space/demo/compact-buttons.tsx extend context correc
disabled=""
style="pointer-events: none;"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="download"
@ -9038,6 +9089,7 @@ exports[`renders components/space/demo/compact-buttons.tsx extend context correc
/>
</svg>
</span>
</span>
</button>
</span>
<div
@ -9062,6 +9114,9 @@ exports[`renders components/space/demo/compact-buttons.tsx extend context correc
<button
class="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="download"
@ -9082,6 +9137,7 @@ exports[`renders components/space/demo/compact-buttons.tsx extend context correc
/>
</svg>
</span>
</span>
</button>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
@ -9140,6 +9196,9 @@ exports[`renders components/space/demo/compact-buttons.tsx extend context correc
disabled=""
style="pointer-events: none;"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="download"
@ -9160,6 +9219,7 @@ exports[`renders components/space/demo/compact-buttons.tsx extend context correc
/>
</svg>
</span>
</span>
</button>
</span>
<div
@ -9184,6 +9244,9 @@ exports[`renders components/space/demo/compact-buttons.tsx extend context correc
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="download"
@ -9204,6 +9267,7 @@ exports[`renders components/space/demo/compact-buttons.tsx extend context correc
/>
</svg>
</span>
</span>
</button>
<div
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
@ -9235,6 +9299,9 @@ exports[`renders components/space/demo/compact-buttons.tsx extend context correc
<button
class="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item ant-dropdown-trigger"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -9255,6 +9322,7 @@ exports[`renders components/space/demo/compact-buttons.tsx extend context correc
/>
</svg>
</span>
</span>
</button>
<div>
<div
@ -9477,6 +9545,9 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
disabled=""
style="pointer-events: none;"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="download"
@ -9497,6 +9568,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
/>
</svg>
</span>
</span>
</button>
</span>
<div
@ -9927,6 +9999,9 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="copy"
@ -9947,6 +10022,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
/>
</svg>
</span>
</span>
</button>
</div>
</div>
@ -9974,6 +10050,9 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -9994,6 +10073,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -10015,6 +10095,9 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -10035,6 +10118,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -10042,6 +10126,9 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="copy"
@ -10062,6 +10149,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
/>
</svg>
</span>
</span>
</button>
</div>
</div>
@ -10417,6 +10505,9 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item ant-dropdown-trigger"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -10437,6 +10528,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
/>
</svg>
</span>
</span>
</button>
<div>
<div
@ -12299,6 +12391,9 @@ Array [
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -12319,6 +12414,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -12574,6 +12670,9 @@ Array [
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -12594,6 +12693,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -12618,6 +12718,9 @@ Array [
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="copy"
@ -12638,6 +12741,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</div>
</div>

View File

@ -197,6 +197,9 @@ exports[`renders components/space/demo/base.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -217,6 +220,7 @@ exports[`renders components/space/demo/base.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
<span>
Click to Upload
</span>
@ -314,6 +318,9 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="copy"
@ -334,6 +341,7 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
<br />
@ -603,6 +611,9 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -623,6 +634,7 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -678,6 +690,9 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -698,6 +713,7 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -720,6 +736,9 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -740,6 +759,7 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -1848,6 +1868,9 @@ exports[`renders components/space/demo/compact-buttons.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item ant-btn-compact-first-item"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="like"
@ -1868,10 +1891,14 @@ exports[`renders components/space/demo/compact-buttons.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="comment"
@ -1901,10 +1928,14 @@ exports[`renders components/space/demo/compact-buttons.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="star"
@ -1925,10 +1956,14 @@ exports[`renders components/space/demo/compact-buttons.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="heart"
@ -1949,10 +1984,14 @@ exports[`renders components/space/demo/compact-buttons.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="share-alt"
@ -1973,10 +2012,14 @@ exports[`renders components/space/demo/compact-buttons.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="download"
@ -1997,10 +2040,14 @@ exports[`renders components/space/demo/compact-buttons.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item ant-dropdown-trigger"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -2021,6 +2068,7 @@ exports[`renders components/space/demo/compact-buttons.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
<br />
@ -2070,29 +2118,7 @@ exports[`renders components/space/demo/compact-buttons.tsx correctly 1`] = `
type="button"
>
<span
aria-label="download"
class="anticon anticon-download"
role="img"
>
<svg
aria-hidden="true"
data-icon="download"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M505.7 661a8 8 0 0012.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"
/>
</svg>
</span>
</button>
</span>
<button
class="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item"
type="button"
class="ant-btn-icon"
>
<span
aria-label="download"
@ -2113,6 +2139,36 @@ exports[`renders components/space/demo/compact-buttons.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
<button
class="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="download"
class="anticon anticon-download"
role="img"
>
<svg
aria-hidden="true"
data-icon="download"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M505.7 661a8 8 0 0012.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"
/>
</svg>
</span>
</span>
</button>
</div>
<br />
@ -2154,29 +2210,7 @@ exports[`renders components/space/demo/compact-buttons.tsx correctly 1`] = `
type="button"
>
<span
aria-label="download"
class="anticon anticon-download"
role="img"
>
<svg
aria-hidden="true"
data-icon="download"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M505.7 661a8 8 0 0012.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"
/>
</svg>
</span>
</button>
</span>
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item"
type="button"
class="ant-btn-icon"
>
<span
aria-label="download"
@ -2197,6 +2231,36 @@ exports[`renders components/space/demo/compact-buttons.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="download"
class="anticon anticon-download"
role="img"
>
<svg
aria-hidden="true"
data-icon="download"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M505.7 661a8 8 0 0012.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-compact-item"
@ -2209,6 +2273,9 @@ exports[`renders components/space/demo/compact-buttons.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-primary ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item ant-dropdown-trigger"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -2229,6 +2296,7 @@ exports[`renders components/space/demo/compact-buttons.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
</div>
@ -2294,6 +2362,9 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
disabled=""
style="pointer-events:none"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="download"
@ -2314,6 +2385,7 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -2529,6 +2601,9 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="copy"
@ -2549,6 +2624,7 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
</div>
@ -2576,6 +2652,9 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -2596,6 +2675,7 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -2617,6 +2697,9 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -2637,6 +2720,7 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -2644,6 +2728,9 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="copy"
@ -2664,6 +2751,7 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
</div>
@ -2946,6 +3034,9 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item ant-dropdown-trigger"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -2966,6 +3057,7 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
</div>
@ -3439,6 +3531,9 @@ Array [
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -3459,6 +3554,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -3633,6 +3729,9 @@ Array [
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -3653,6 +3752,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</span>
</span>
@ -3677,6 +3777,9 @@ Array [
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-btn-compact-item ant-btn-compact-last-item"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="copy"
@ -3697,6 +3800,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</div>
</div>

View File

@ -1,15 +1,13 @@
import React from 'react';
import { UploadOutlined } from '@ant-design/icons';
import { Button, Popconfirm, Space, Upload } from 'antd';
import React from 'react';
const App: React.FC = () => (
<Space>
Space
<Button type="primary">Button</Button>
<Upload>
<Button>
<UploadOutlined /> Click to Upload
</Button>
<Button icon={<UploadOutlined />}>Click to Upload</Button>
</Upload>
<Popconfirm title="Are you sure delete this task?" okText="Yes" cancelText="No">
<Button>Confirm</Button>

View File

@ -961,6 +961,9 @@ exports[`renders components/table/demo/custom-filter-panel.tsx extend context co
class="ant-btn ant-btn-primary ant-btn-sm"
style="width: 90px;"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -981,6 +984,7 @@ exports[`renders components/table/demo/custom-filter-panel.tsx extend context co
/>
</svg>
</span>
</span>
<span>
Search
</span>
@ -1098,6 +1102,9 @@ exports[`renders components/table/demo/custom-filter-panel.tsx extend context co
class="ant-btn ant-btn-primary ant-btn-sm"
style="width: 90px;"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -1118,6 +1125,7 @@ exports[`renders components/table/demo/custom-filter-panel.tsx extend context co
/>
</svg>
</span>
</span>
<span>
Search
</span>
@ -1311,6 +1319,9 @@ exports[`renders components/table/demo/custom-filter-panel.tsx extend context co
class="ant-btn ant-btn-primary ant-btn-sm"
style="width: 90px;"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -1331,6 +1342,7 @@ exports[`renders components/table/demo/custom-filter-panel.tsx extend context co
/>
</svg>
</span>
</span>
<span>
Search
</span>

View File

@ -49,6 +49,9 @@ Array [
<button
class="ant-btn ant-btn-default ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -69,6 +72,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</div>
</div>,
@ -212,6 +216,9 @@ Array [
<button
class="ant-btn ant-btn-default ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -232,6 +239,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</div>
</div>,
@ -361,6 +369,9 @@ Array [
<button
class="ant-btn ant-btn-default ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -381,6 +392,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</div>
</div>,
@ -524,6 +536,9 @@ Array [
<button
class="ant-btn ant-btn-default ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -544,6 +559,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</div>
</div>,

View File

@ -49,6 +49,9 @@ Array [
<button
class="ant-btn ant-btn-default ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -69,6 +72,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</div>
</div>,
@ -124,6 +128,9 @@ Array [
<button
class="ant-btn ant-btn-default ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -144,6 +151,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</div>
</div>,
@ -199,6 +207,9 @@ Array [
<button
class="ant-btn ant-btn-default ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -219,6 +230,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</div>
</div>,
@ -274,6 +286,9 @@ Array [
<button
class="ant-btn ant-btn-default ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="ellipsis"
@ -294,6 +309,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</div>
</div>,

View File

@ -510,6 +510,9 @@ exports[`renders components/transfer/demo/advanced.tsx extend context correctly
class="ant-btn ant-btn-primary ant-btn-sm"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -530,6 +533,7 @@ exports[`renders components/transfer/demo/advanced.tsx extend context correctly
/>
</svg>
</span>
</span>
<span>
to right
</span>
@ -538,6 +542,9 @@ exports[`renders components/transfer/demo/advanced.tsx extend context correctly
class="ant-btn ant-btn-primary ant-btn-sm"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="left"
@ -558,6 +565,7 @@ exports[`renders components/transfer/demo/advanced.tsx extend context correctly
/>
</svg>
</span>
</span>
<span>
to left
</span>
@ -1522,6 +1530,9 @@ exports[`renders components/transfer/demo/basic.tsx extend context correctly 1`]
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -1542,11 +1553,15 @@ exports[`renders components/transfer/demo/basic.tsx extend context correctly 1`]
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="left"
@ -1567,6 +1582,7 @@ exports[`renders components/transfer/demo/basic.tsx extend context correctly 1`]
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -2439,6 +2455,9 @@ exports[`renders components/transfer/demo/custom-item.tsx extend context correct
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -2459,11 +2478,15 @@ exports[`renders components/transfer/demo/custom-item.tsx extend context correct
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="left"
@ -2484,6 +2507,7 @@ exports[`renders components/transfer/demo/custom-item.tsx extend context correct
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -3304,6 +3328,9 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx extend co
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -3324,11 +3351,15 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx extend co
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="left"
@ -3349,6 +3380,7 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx extend co
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -4143,6 +4175,9 @@ Array [
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -4163,11 +4198,15 @@ Array [
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="left"
@ -4188,6 +4227,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -5293,6 +5333,9 @@ Array [
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -5313,6 +5356,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -6171,6 +6215,9 @@ exports[`renders components/transfer/demo/search.tsx extend context correctly 1`
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -6191,11 +6238,15 @@ exports[`renders components/transfer/demo/search.tsx extend context correctly 1`
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="left"
@ -6216,6 +6267,7 @@ exports[`renders components/transfer/demo/search.tsx extend context correctly 1`
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -6939,6 +6991,9 @@ exports[`renders components/transfer/demo/status.tsx extend context correctly 1`
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -6959,11 +7014,15 @@ exports[`renders components/transfer/demo/status.tsx extend context correctly 1`
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="left"
@ -6984,6 +7043,7 @@ exports[`renders components/transfer/demo/status.tsx extend context correctly 1`
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -7497,6 +7557,9 @@ exports[`renders components/transfer/demo/status.tsx extend context correctly 1`
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -7517,11 +7580,15 @@ exports[`renders components/transfer/demo/status.tsx extend context correctly 1`
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="left"
@ -7542,6 +7609,7 @@ exports[`renders components/transfer/demo/status.tsx extend context correctly 1`
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -8620,6 +8688,9 @@ Array [
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -8640,11 +8711,15 @@ Array [
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="left"
@ -8665,6 +8740,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -9549,6 +9625,9 @@ exports[`renders components/transfer/demo/tree-transfer.tsx extend context corre
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -9569,11 +9648,15 @@ exports[`renders components/transfer/demo/tree-transfer.tsx extend context corre
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="left"
@ -9594,6 +9677,7 @@ exports[`renders components/transfer/demo/tree-transfer.tsx extend context corre
/>
</svg>
</span>
</span>
</button>
</div>
<div

View File

@ -198,6 +198,9 @@ exports[`renders components/transfer/demo/advanced.tsx correctly 1`] = `
class="ant-btn ant-btn-primary ant-btn-sm"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -218,6 +221,7 @@ exports[`renders components/transfer/demo/advanced.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
<span>
to right
</span>
@ -226,6 +230,9 @@ exports[`renders components/transfer/demo/advanced.tsx correctly 1`] = `
class="ant-btn ant-btn-primary ant-btn-sm"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="left"
@ -246,6 +253,7 @@ exports[`renders components/transfer/demo/advanced.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
<span>
to left
</span>
@ -790,6 +798,9 @@ exports[`renders components/transfer/demo/basic.tsx correctly 1`] = `
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -810,11 +821,15 @@ exports[`renders components/transfer/demo/basic.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="left"
@ -835,6 +850,7 @@ exports[`renders components/transfer/demo/basic.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -1247,6 +1263,9 @@ exports[`renders components/transfer/demo/custom-item.tsx correctly 1`] = `
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -1267,11 +1286,15 @@ exports[`renders components/transfer/demo/custom-item.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="left"
@ -1292,6 +1315,7 @@ exports[`renders components/transfer/demo/custom-item.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -1649,6 +1673,9 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx correctly
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -1669,11 +1696,15 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx correctly
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="left"
@ -1694,6 +1725,7 @@ exports[`renders components/transfer/demo/custom-select-all-labels.tsx correctly
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -1935,6 +1967,9 @@ Array [
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -1955,11 +1990,15 @@ Array [
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="left"
@ -1980,6 +2019,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -2535,6 +2575,9 @@ Array [
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -2555,6 +2598,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -3039,6 +3083,9 @@ exports[`renders components/transfer/demo/search.tsx correctly 1`] = `
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -3059,11 +3106,15 @@ exports[`renders components/transfer/demo/search.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="left"
@ -3084,6 +3135,7 @@ exports[`renders components/transfer/demo/search.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -3387,6 +3439,9 @@ exports[`renders components/transfer/demo/status.tsx correctly 1`] = `
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -3407,11 +3462,15 @@ exports[`renders components/transfer/demo/status.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="left"
@ -3432,6 +3491,7 @@ exports[`renders components/transfer/demo/status.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -3729,6 +3789,9 @@ exports[`renders components/transfer/demo/status.tsx correctly 1`] = `
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -3749,11 +3812,15 @@ exports[`renders components/transfer/demo/status.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="left"
@ -3774,6 +3841,7 @@ exports[`renders components/transfer/demo/status.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -4636,6 +4704,9 @@ Array [
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -4656,11 +4727,15 @@ Array [
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="left"
@ -4681,6 +4756,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -5460,6 +5536,9 @@ exports[`renders components/transfer/demo/tree-transfer.tsx correctly 1`] = `
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -5480,11 +5559,15 @@ exports[`renders components/transfer/demo/tree-transfer.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="left"
@ -5505,6 +5588,7 @@ exports[`renders components/transfer/demo/tree-transfer.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
<div

View File

@ -116,6 +116,9 @@ exports[`Transfer rtl render component should be rendered correctly in RTL direc
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only ant-btn-rtl"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="left"
@ -136,11 +139,15 @@ exports[`Transfer rtl render component should be rendered correctly in RTL direc
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only ant-btn-rtl"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -161,6 +168,7 @@ exports[`Transfer rtl render component should be rendered correctly in RTL direc
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -387,6 +395,9 @@ exports[`Transfer should render correctly 1`] = `
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -407,11 +418,15 @@ exports[`Transfer should render correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="left"
@ -432,6 +447,7 @@ exports[`Transfer should render correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -613,6 +629,9 @@ exports[`Transfer should show sorted targetKey 1`] = `
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -633,11 +652,15 @@ exports[`Transfer should show sorted targetKey 1`] = `
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="left"
@ -658,6 +681,7 @@ exports[`Transfer should show sorted targetKey 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -867,6 +891,9 @@ exports[`Transfer should support render value and label in item 1`] = `
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -887,11 +914,15 @@ exports[`Transfer should support render value and label in item 1`] = `
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="left"
@ -912,6 +943,7 @@ exports[`Transfer should support render value and label in item 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
<div
@ -1114,6 +1146,9 @@ exports[`immutable data dataSource is frozen 1`] = `
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="right"
@ -1134,11 +1169,15 @@ exports[`immutable data dataSource is frozen 1`] = `
/>
</svg>
</span>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="left"
@ -1159,6 +1198,7 @@ exports[`immutable data dataSource is frozen 1`] = `
/>
</svg>
</span>
</span>
</button>
</div>
<div

View File

@ -3892,6 +3892,9 @@ exports[`renders components/tree/demo/search.tsx extend context correctly 1`] =
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -3912,6 +3915,7 @@ exports[`renders components/tree/demo/search.tsx extend context correctly 1`] =
/>
</svg>
</span>
</span>
</button>
</span>
</span>

View File

@ -3795,6 +3795,9 @@ exports[`renders components/tree/demo/search.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default ant-btn-icon-only ant-input-search-button"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="search"
@ -3815,6 +3818,7 @@ exports[`renders components/tree/demo/search.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</span>

View File

@ -127,6 +127,9 @@ exports[`renders components/upload/demo/basic.tsx extend context correctly 1`] =
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -147,6 +150,7 @@ exports[`renders components/upload/demo/basic.tsx extend context correctly 1`] =
/>
</svg>
</span>
</span>
<span>
Click to Upload
</span>
@ -179,6 +183,9 @@ exports[`renders components/upload/demo/customize-progress-bar.tsx extend contex
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -199,6 +206,7 @@ exports[`renders components/upload/demo/customize-progress-bar.tsx extend contex
/>
</svg>
</span>
</span>
<span>
Click to Upload
</span>
@ -231,6 +239,9 @@ exports[`renders components/upload/demo/defaultFileList.tsx extend context corre
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -251,6 +262,7 @@ exports[`renders components/upload/demo/defaultFileList.tsx extend context corre
/>
</svg>
</span>
</span>
<span>
Upload
</span>
@ -305,6 +317,9 @@ exports[`renders components/upload/demo/defaultFileList.tsx extend context corre
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -326,6 +341,7 @@ exports[`renders components/upload/demo/defaultFileList.tsx extend context corre
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -375,6 +391,9 @@ exports[`renders components/upload/demo/defaultFileList.tsx extend context corre
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -396,6 +415,7 @@ exports[`renders components/upload/demo/defaultFileList.tsx extend context corre
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -445,6 +465,9 @@ exports[`renders components/upload/demo/defaultFileList.tsx extend context corre
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -466,6 +489,7 @@ exports[`renders components/upload/demo/defaultFileList.tsx extend context corre
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -515,6 +539,9 @@ exports[`renders components/upload/demo/directory.tsx extend context correctly 1
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -535,6 +562,7 @@ exports[`renders components/upload/demo/directory.tsx extend context correctly 1
/>
</svg>
</span>
</span>
<span>
Upload Directory
</span>
@ -631,6 +659,9 @@ Array [
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -651,6 +682,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
Click to Upload
</span>
@ -714,6 +746,9 @@ Array [
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -735,6 +770,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -794,6 +830,9 @@ Array [
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -815,6 +854,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -874,6 +914,9 @@ Array [
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -895,6 +938,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -954,6 +998,9 @@ Array [
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -975,6 +1022,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -1031,6 +1079,9 @@ Array [
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -1052,6 +1103,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -1194,6 +1246,9 @@ exports[`renders components/upload/demo/file-type.tsx extend context correctly 1
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -1215,6 +1270,7 @@ exports[`renders components/upload/demo/file-type.tsx extend context correctly 1
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -1302,6 +1358,9 @@ exports[`renders components/upload/demo/file-type.tsx extend context correctly 1
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -1323,6 +1382,7 @@ exports[`renders components/upload/demo/file-type.tsx extend context correctly 1
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -1412,6 +1472,9 @@ exports[`renders components/upload/demo/file-type.tsx extend context correctly 1
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -1433,6 +1496,7 @@ exports[`renders components/upload/demo/file-type.tsx extend context correctly 1
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -1541,6 +1605,9 @@ exports[`renders components/upload/demo/file-type.tsx extend context correctly 1
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -1562,6 +1629,7 @@ exports[`renders components/upload/demo/file-type.tsx extend context correctly 1
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -1662,6 +1730,9 @@ exports[`renders components/upload/demo/file-type.tsx extend context correctly 1
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -1683,6 +1754,7 @@ exports[`renders components/upload/demo/file-type.tsx extend context correctly 1
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -1778,6 +1850,9 @@ exports[`renders components/upload/demo/fileList.tsx extend context correctly 1`
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -1798,6 +1873,7 @@ exports[`renders components/upload/demo/fileList.tsx extend context correctly 1`
/>
</svg>
</span>
</span>
<span>
Upload
</span>
@ -1852,6 +1928,9 @@ exports[`renders components/upload/demo/fileList.tsx extend context correctly 1`
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -1873,6 +1952,7 @@ exports[`renders components/upload/demo/fileList.tsx extend context correctly 1`
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -1909,6 +1989,9 @@ exports[`renders components/upload/demo/max-count.tsx extend context correctly 1
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -1929,6 +2012,7 @@ exports[`renders components/upload/demo/max-count.tsx extend context correctly 1
/>
</svg>
</span>
</span>
<span>
Upload (Max: 1)
</span>
@ -1963,6 +2047,9 @@ exports[`renders components/upload/demo/max-count.tsx extend context correctly 1
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -1983,6 +2070,7 @@ exports[`renders components/upload/demo/max-count.tsx extend context correctly 1
/>
</svg>
</span>
</span>
<span>
Upload (Max: 3)
</span>
@ -2064,6 +2152,9 @@ exports[`renders components/upload/demo/picture-card.tsx extend context correctl
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -2085,6 +2176,7 @@ exports[`renders components/upload/demo/picture-card.tsx extend context correctl
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -2149,6 +2241,9 @@ exports[`renders components/upload/demo/picture-card.tsx extend context correctl
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -2170,6 +2265,7 @@ exports[`renders components/upload/demo/picture-card.tsx extend context correctl
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -2234,6 +2330,9 @@ exports[`renders components/upload/demo/picture-card.tsx extend context correctl
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -2255,6 +2354,7 @@ exports[`renders components/upload/demo/picture-card.tsx extend context correctl
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -2319,6 +2419,9 @@ exports[`renders components/upload/demo/picture-card.tsx extend context correctl
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -2340,6 +2443,7 @@ exports[`renders components/upload/demo/picture-card.tsx extend context correctl
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -2451,6 +2555,9 @@ exports[`renders components/upload/demo/picture-card.tsx extend context correctl
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -2472,6 +2579,7 @@ exports[`renders components/upload/demo/picture-card.tsx extend context correctl
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -2613,6 +2721,9 @@ exports[`renders components/upload/demo/picture-circle.tsx extend context correc
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -2634,6 +2745,7 @@ exports[`renders components/upload/demo/picture-circle.tsx extend context correc
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -2745,6 +2857,9 @@ exports[`renders components/upload/demo/picture-circle.tsx extend context correc
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -2766,6 +2881,7 @@ exports[`renders components/upload/demo/picture-circle.tsx extend context correc
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -2861,6 +2977,9 @@ Array [
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -2881,6 +3000,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
Upload
</span>
@ -2932,6 +3052,9 @@ Array [
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -2953,6 +3076,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -2991,6 +3115,9 @@ Array [
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -3012,6 +3139,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -3075,6 +3203,9 @@ Array [
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -3096,6 +3227,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -3142,6 +3274,9 @@ Array [
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -3162,6 +3297,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
Upload
</span>
@ -3213,6 +3349,9 @@ Array [
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -3234,6 +3373,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -3272,6 +3412,9 @@ Array [
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -3293,6 +3436,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -3356,6 +3500,9 @@ Array [
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -3377,6 +3524,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -3425,6 +3573,9 @@ exports[`renders components/upload/demo/preview-file.tsx extend context correctl
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -3445,6 +3596,7 @@ exports[`renders components/upload/demo/preview-file.tsx extend context correctl
/>
</svg>
</span>
</span>
<span>
Upload
</span>
@ -3477,6 +3629,9 @@ exports[`renders components/upload/demo/transform-file.tsx extend context correc
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -3497,6 +3652,7 @@ exports[`renders components/upload/demo/transform-file.tsx extend context correc
/>
</svg>
</span>
</span>
<span>
Upload
</span>
@ -3529,6 +3685,9 @@ exports[`renders components/upload/demo/upload-custom-action-icon.tsx extend con
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -3549,6 +3708,7 @@ exports[`renders components/upload/demo/upload-custom-action-icon.tsx extend con
/>
</svg>
</span>
</span>
<span>
Upload
</span>
@ -3612,6 +3772,9 @@ exports[`renders components/upload/demo/upload-custom-action-icon.tsx extend con
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="star"
@ -3633,6 +3796,7 @@ exports[`renders components/upload/demo/upload-custom-action-icon.tsx extend con
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -3691,6 +3855,9 @@ exports[`renders components/upload/demo/upload-custom-action-icon.tsx extend con
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="star"
@ -3712,6 +3879,7 @@ exports[`renders components/upload/demo/upload-custom-action-icon.tsx extend con
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -3761,6 +3929,9 @@ exports[`renders components/upload/demo/upload-custom-action-icon.tsx extend con
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="star"
@ -3782,6 +3953,7 @@ exports[`renders components/upload/demo/upload-custom-action-icon.tsx extend con
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -3830,6 +4002,9 @@ Array [
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -3850,6 +4025,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
Select File
</span>
@ -3893,6 +4069,9 @@ exports[`renders components/upload/demo/upload-png-only.tsx extend context corre
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -3913,6 +4092,7 @@ exports[`renders components/upload/demo/upload-png-only.tsx extend context corre
/>
</svg>
</span>
</span>
<span>
Upload png only
</span>
@ -3974,6 +4154,9 @@ exports[`renders components/upload/demo/upload-with-aliyun-oss.tsx extend contex
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -3994,6 +4177,7 @@ exports[`renders components/upload/demo/upload-with-aliyun-oss.tsx extend contex
/>
</svg>
</span>
</span>
<span>
Click to Upload
</span>

View File

@ -127,6 +127,9 @@ exports[`renders components/upload/demo/basic.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -147,6 +150,7 @@ exports[`renders components/upload/demo/basic.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
<span>
Click to Upload
</span>
@ -179,6 +183,9 @@ exports[`renders components/upload/demo/customize-progress-bar.tsx correctly 1`]
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -199,6 +206,7 @@ exports[`renders components/upload/demo/customize-progress-bar.tsx correctly 1`]
/>
</svg>
</span>
</span>
<span>
Click to Upload
</span>
@ -231,6 +239,9 @@ exports[`renders components/upload/demo/defaultFileList.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -251,6 +262,7 @@ exports[`renders components/upload/demo/defaultFileList.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
<span>
Upload
</span>
@ -305,6 +317,9 @@ exports[`renders components/upload/demo/defaultFileList.tsx correctly 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -326,6 +341,7 @@ exports[`renders components/upload/demo/defaultFileList.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -375,6 +391,9 @@ exports[`renders components/upload/demo/defaultFileList.tsx correctly 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -396,6 +415,7 @@ exports[`renders components/upload/demo/defaultFileList.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -445,6 +465,9 @@ exports[`renders components/upload/demo/defaultFileList.tsx correctly 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -466,6 +489,7 @@ exports[`renders components/upload/demo/defaultFileList.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -496,6 +520,9 @@ exports[`renders components/upload/demo/directory.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -516,6 +543,7 @@ exports[`renders components/upload/demo/directory.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
<span>
Upload Directory
</span>
@ -611,6 +639,9 @@ exports[`renders components/upload/demo/drag-sorting.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -631,6 +662,7 @@ exports[`renders components/upload/demo/drag-sorting.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
<span>
Click to Upload
</span>
@ -694,6 +726,9 @@ exports[`renders components/upload/demo/drag-sorting.tsx correctly 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -715,6 +750,7 @@ exports[`renders components/upload/demo/drag-sorting.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -774,6 +810,9 @@ exports[`renders components/upload/demo/drag-sorting.tsx correctly 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -795,6 +834,7 @@ exports[`renders components/upload/demo/drag-sorting.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -854,6 +894,9 @@ exports[`renders components/upload/demo/drag-sorting.tsx correctly 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -875,6 +918,7 @@ exports[`renders components/upload/demo/drag-sorting.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -934,6 +978,9 @@ exports[`renders components/upload/demo/drag-sorting.tsx correctly 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -955,6 +1002,7 @@ exports[`renders components/upload/demo/drag-sorting.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -1011,6 +1059,9 @@ exports[`renders components/upload/demo/drag-sorting.tsx correctly 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -1032,6 +1083,7 @@ exports[`renders components/upload/demo/drag-sorting.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -1139,6 +1191,9 @@ exports[`renders components/upload/demo/file-type.tsx correctly 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -1160,6 +1215,7 @@ exports[`renders components/upload/demo/file-type.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -1247,6 +1303,9 @@ exports[`renders components/upload/demo/file-type.tsx correctly 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -1268,6 +1327,7 @@ exports[`renders components/upload/demo/file-type.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -1357,6 +1417,9 @@ exports[`renders components/upload/demo/file-type.tsx correctly 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -1378,6 +1441,7 @@ exports[`renders components/upload/demo/file-type.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -1467,6 +1531,9 @@ exports[`renders components/upload/demo/file-type.tsx correctly 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -1488,6 +1555,7 @@ exports[`renders components/upload/demo/file-type.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -1569,6 +1637,9 @@ exports[`renders components/upload/demo/file-type.tsx correctly 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -1590,6 +1661,7 @@ exports[`renders components/upload/demo/file-type.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -1666,6 +1738,9 @@ exports[`renders components/upload/demo/fileList.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -1686,6 +1761,7 @@ exports[`renders components/upload/demo/fileList.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
<span>
Upload
</span>
@ -1740,6 +1816,9 @@ exports[`renders components/upload/demo/fileList.tsx correctly 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -1761,6 +1840,7 @@ exports[`renders components/upload/demo/fileList.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -1797,6 +1877,9 @@ exports[`renders components/upload/demo/max-count.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -1817,6 +1900,7 @@ exports[`renders components/upload/demo/max-count.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
<span>
Upload (Max: 1)
</span>
@ -1851,6 +1935,9 @@ exports[`renders components/upload/demo/max-count.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -1871,6 +1958,7 @@ exports[`renders components/upload/demo/max-count.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
<span>
Upload (Max: 3)
</span>
@ -1952,6 +2040,9 @@ exports[`renders components/upload/demo/picture-card.tsx correctly 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -1973,6 +2064,7 @@ exports[`renders components/upload/demo/picture-card.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -2037,6 +2129,9 @@ exports[`renders components/upload/demo/picture-card.tsx correctly 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -2058,6 +2153,7 @@ exports[`renders components/upload/demo/picture-card.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -2122,6 +2218,9 @@ exports[`renders components/upload/demo/picture-card.tsx correctly 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -2143,6 +2242,7 @@ exports[`renders components/upload/demo/picture-card.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -2207,6 +2307,9 @@ exports[`renders components/upload/demo/picture-card.tsx correctly 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -2228,6 +2331,7 @@ exports[`renders components/upload/demo/picture-card.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -2339,6 +2443,9 @@ exports[`renders components/upload/demo/picture-card.tsx correctly 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -2360,6 +2467,7 @@ exports[`renders components/upload/demo/picture-card.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -2482,6 +2590,9 @@ exports[`renders components/upload/demo/picture-circle.tsx correctly 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -2503,6 +2614,7 @@ exports[`renders components/upload/demo/picture-circle.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -2614,6 +2726,9 @@ exports[`renders components/upload/demo/picture-circle.tsx correctly 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -2635,6 +2750,7 @@ exports[`renders components/upload/demo/picture-circle.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -2711,6 +2827,9 @@ Array [
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -2731,6 +2850,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
Upload
</span>
@ -2782,6 +2902,9 @@ Array [
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -2803,6 +2926,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -2841,6 +2965,9 @@ Array [
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -2862,6 +2989,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -2925,6 +3053,9 @@ Array [
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -2946,6 +3077,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -2973,6 +3105,9 @@ Array [
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -2993,6 +3128,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
Upload
</span>
@ -3044,6 +3180,9 @@ Array [
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -3065,6 +3204,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -3103,6 +3243,9 @@ Array [
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -3124,6 +3267,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -3187,6 +3331,9 @@ Array [
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -3208,6 +3355,7 @@ Array [
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -3237,6 +3385,9 @@ exports[`renders components/upload/demo/preview-file.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -3257,6 +3408,7 @@ exports[`renders components/upload/demo/preview-file.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
<span>
Upload
</span>
@ -3289,6 +3441,9 @@ exports[`renders components/upload/demo/transform-file.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -3309,6 +3464,7 @@ exports[`renders components/upload/demo/transform-file.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
<span>
Upload
</span>
@ -3341,6 +3497,9 @@ exports[`renders components/upload/demo/upload-custom-action-icon.tsx correctly
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -3361,6 +3520,7 @@ exports[`renders components/upload/demo/upload-custom-action-icon.tsx correctly
/>
</svg>
</span>
</span>
<span>
Upload
</span>
@ -3424,6 +3584,9 @@ exports[`renders components/upload/demo/upload-custom-action-icon.tsx correctly
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="star"
@ -3445,6 +3608,7 @@ exports[`renders components/upload/demo/upload-custom-action-icon.tsx correctly
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -3503,6 +3667,9 @@ exports[`renders components/upload/demo/upload-custom-action-icon.tsx correctly
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="star"
@ -3524,6 +3691,7 @@ exports[`renders components/upload/demo/upload-custom-action-icon.tsx correctly
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -3573,6 +3741,9 @@ exports[`renders components/upload/demo/upload-custom-action-icon.tsx correctly
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="star"
@ -3594,6 +3765,7 @@ exports[`renders components/upload/demo/upload-custom-action-icon.tsx correctly
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -3623,6 +3795,9 @@ Array [
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -3643,6 +3818,7 @@ Array [
/>
</svg>
</span>
</span>
<span>
Select File
</span>
@ -3686,6 +3862,9 @@ exports[`renders components/upload/demo/upload-png-only.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -3706,6 +3885,7 @@ exports[`renders components/upload/demo/upload-png-only.tsx correctly 1`] = `
/>
</svg>
</span>
</span>
<span>
Upload png only
</span>
@ -3767,6 +3947,9 @@ exports[`renders components/upload/demo/upload-with-aliyun-oss.tsx correctly 1`]
<button
class="ant-btn ant-btn-default"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="upload"
@ -3787,6 +3970,7 @@ exports[`renders components/upload/demo/upload-with-aliyun-oss.tsx correctly 1`]
/>
</svg>
</span>
</span>
<span>
Click to Upload
</span>

View File

@ -70,6 +70,9 @@ exports[`Upload List handle error 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -91,6 +94,7 @@ exports[`Upload List handle error 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -228,6 +232,9 @@ exports[`Upload List should be uploading when upload a file 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -249,6 +256,7 @@ exports[`Upload List should be uploading when upload a file 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -337,6 +345,9 @@ exports[`Upload List should non-image format file preview 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -358,6 +369,7 @@ exports[`Upload List should non-image format file preview 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -396,6 +408,9 @@ exports[`Upload List should non-image format file preview 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -417,6 +432,7 @@ exports[`Upload List should non-image format file preview 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -474,6 +490,9 @@ exports[`Upload List should non-image format file preview 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -495,6 +514,7 @@ exports[`Upload List should non-image format file preview 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -552,6 +572,9 @@ exports[`Upload List should non-image format file preview 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -573,6 +596,7 @@ exports[`Upload List should non-image format file preview 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -611,6 +635,9 @@ exports[`Upload List should non-image format file preview 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -632,6 +659,7 @@ exports[`Upload List should non-image format file preview 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -670,6 +698,9 @@ exports[`Upload List should non-image format file preview 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -691,6 +722,7 @@ exports[`Upload List should non-image format file preview 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -729,6 +761,9 @@ exports[`Upload List should non-image format file preview 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -750,6 +785,7 @@ exports[`Upload List should non-image format file preview 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -788,6 +824,9 @@ exports[`Upload List should non-image format file preview 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -809,6 +848,7 @@ exports[`Upload List should non-image format file preview 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -847,6 +887,9 @@ exports[`Upload List should non-image format file preview 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -868,6 +911,7 @@ exports[`Upload List should non-image format file preview 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -906,6 +950,9 @@ exports[`Upload List should non-image format file preview 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<span
aria-label="delete"
@ -927,6 +974,7 @@ exports[`Upload List should non-image format file preview 1`] = `
/>
</svg>
</span>
</span>
</button>
</span>
</div>
@ -1007,10 +1055,14 @@ exports[`Upload List should support removeIcon and downloadIcon 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<i>
RM
</i>
</span>
</button>
</span>
</div>
@ -1049,19 +1101,27 @@ exports[`Upload List should support removeIcon and downloadIcon 1`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Download file"
type="button"
>
<span
class="ant-btn-icon"
>
<i>
DL
</i>
</span>
</button>
<button
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<i>
RM
</i>
</span>
</button>
</span>
</div>
@ -1142,10 +1202,14 @@ exports[`Upload List should support removeIcon and downloadIcon 2`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<i>
RM
</i>
</span>
</button>
</span>
</div>
@ -1184,19 +1248,27 @@ exports[`Upload List should support removeIcon and downloadIcon 2`] = `
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Download file"
type="button"
>
<span
class="ant-btn-icon"
>
<i>
DL
</i>
</span>
</button>
<button
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
title="Remove file"
type="button"
>
<span
class="ant-btn-icon"
>
<i>
RM
</i>
</span>
</button>
</span>
</div>