mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-02 20:19:44 +08:00
Merge branch 'master' into next-merge-master
This commit is contained in:
MadCcc
commit
a5f031175a
@ -1,9 +1,14 @@
|
||||
import React from 'react';
|
||||
import { mount } from 'enzyme';
|
||||
// eslint-disable-next-line import/no-named-as-default
|
||||
import { render } from '@testing-library/react';
|
||||
import debounce from 'lodash/debounce';
|
||||
import Spin from '..';
|
||||
import { sleep } from '../../../tests/utils';
|
||||
|
||||
jest.mock('lodash/debounce');
|
||||
debounce.mockImplementation(jest.requireActual('lodash/debounce'));
|
||||
|
||||
describe('delay spinning', () => {
|
||||
it("should render with delay when it's mounted with spinning=true and delay", () => {
|
||||
const wrapper = mount(<Spin spinning delay={500} />);
|
||||
@ -22,4 +27,15 @@ describe('delay spinning', () => {
|
||||
|
||||
expect(wrapper.find('.ant-spin').at(0).hasClass('ant-spin-spinning')).toEqual(true);
|
||||
});
|
||||
|
||||
it('should cancel debounce function when unmount', async () => {
|
||||
const debouncedFn = jest.fn();
|
||||
const cancel = jest.fn();
|
||||
debouncedFn.cancel = cancel;
|
||||
debounce.mockReturnValueOnce(debouncedFn);
|
||||
const { unmount } = render(<Spin spinning delay={100} />);
|
||||
expect(cancel).not.toHaveBeenCalled();
|
||||
unmount();
|
||||
expect(cancel).toHaveBeenCalled();
|
||||
});
|
||||
});
|
||||
|
||||
@ -1,9 +1,10 @@
|
||||
import React from 'react';
|
||||
import { mount } from 'enzyme';
|
||||
// eslint-disable-next-line import/no-named-as-default
|
||||
import { render } from '@testing-library/react';
|
||||
import Spin from '..';
|
||||
import mountTest from '../../../tests/shared/mountTest';
|
||||
import rtlTest from '../../../tests/shared/rtlTest';
|
||||
import { render } from '../../../tests/utils';
|
||||
|
||||
describe('Spin', () => {
|
||||
mountTest(Spin);
|
||||
@ -27,9 +28,9 @@ describe('Spin', () => {
|
||||
|
||||
it('should be controlled by spinning', () => {
|
||||
const { container, rerender } = render(<Spin spinning={false} />);
|
||||
expect(container.querySelector('.ant-spin')).not.toHaveClass('ant-spin-spinning');
|
||||
expect(container.querySelector('.ant-spin-spinning')).toBeFalsy();
|
||||
rerender(<Spin spinning />);
|
||||
expect(container.querySelector('.ant-spin')).toHaveClass('ant-spin-spinning');
|
||||
expect(container.querySelector('.ant-spin-spinning')).toBeTruthy();
|
||||
});
|
||||
|
||||
it('if indicator set null should not be render default indicator', () => {
|
||||
|
||||
@ -1,311 +1,314 @@
|
||||
// @import '../../style/themes/index';
|
||||
// @import '../../style/mixins/index';
|
||||
|
||||
// @typography-prefix-cls: ~'@{ant-prefix}-typography';
|
||||
|
||||
// // =============== Basic ===============
|
||||
// .@{typography-prefix-cls} {
|
||||
// color: @text-color;
|
||||
// overflow-wrap: break-word;
|
||||
|
||||
// &&-secondary {
|
||||
// color: @text-color-secondary;
|
||||
// }
|
||||
|
||||
// &&-success {
|
||||
// color: @success-color;
|
||||
// }
|
||||
|
||||
// &&-warning {
|
||||
// color: @warning-color;
|
||||
// }
|
||||
|
||||
// &&-danger {
|
||||
// color: @error-color;
|
||||
|
||||
// a&:active,
|
||||
// a&:focus,
|
||||
// a&:hover {
|
||||
// color: ~`colorPalette('@{error-color}', 5) `;
|
||||
// }
|
||||
// }
|
||||
|
||||
// &&-disabled {
|
||||
// color: @disabled-color;
|
||||
// cursor: not-allowed;
|
||||
// user-select: none;
|
||||
// }
|
||||
|
||||
// // Tag
|
||||
// div&,
|
||||
// p {
|
||||
// .typography-paragraph();
|
||||
// }
|
||||
|
||||
// h1&,
|
||||
// div&-h1,
|
||||
// div&-h1 > textarea,
|
||||
// h1 {
|
||||
// .typography-title-1();
|
||||
// }
|
||||
|
||||
// h2&,
|
||||
// div&-h2,
|
||||
// div&-h2 > textarea,
|
||||
// h2 {
|
||||
// .typography-title-2();
|
||||
// }
|
||||
|
||||
// h3&,
|
||||
// div&-h3,
|
||||
// div&-h3 > textarea,
|
||||
// h3 {
|
||||
// .typography-title-3();
|
||||
// }
|
||||
|
||||
// h4&,
|
||||
// div&-h4,
|
||||
// div&-h4 > textarea,
|
||||
// h4 {
|
||||
// .typography-title-4();
|
||||
// }
|
||||
|
||||
// h5&,
|
||||
// div&-h5,
|
||||
// div&-h5 > textarea,
|
||||
// h5 {
|
||||
// .typography-title-5();
|
||||
// }
|
||||
|
||||
// h1&,
|
||||
// h2&,
|
||||
// h3&,
|
||||
// h4&,
|
||||
// h5& {
|
||||
// .@{typography-prefix-cls} + & {
|
||||
// margin-top: @typography-title-margin-top;
|
||||
// }
|
||||
// }
|
||||
|
||||
// div,
|
||||
// ul,
|
||||
// li,
|
||||
// p,
|
||||
// h1,
|
||||
// h2,
|
||||
// h3,
|
||||
// h4,
|
||||
// h5 {
|
||||
// + h1,
|
||||
// + h2,
|
||||
// + h3,
|
||||
// + h4,
|
||||
// + h5 {
|
||||
// margin-top: @typography-title-margin-top;
|
||||
// }
|
||||
// }
|
||||
|
||||
// a&-ellipsis,
|
||||
// span&-ellipsis {
|
||||
// display: inline-block;
|
||||
// max-width: 100%;
|
||||
// }
|
||||
|
||||
// a&,
|
||||
// a {
|
||||
// .operation-unit();
|
||||
// text-decoration: @link-decoration;
|
||||
|
||||
// &:active,
|
||||
// &:hover {
|
||||
// text-decoration: @link-hover-decoration;
|
||||
// }
|
||||
|
||||
// &[disabled],
|
||||
// &.@{typography-prefix-cls}-disabled {
|
||||
// color: @disabled-color;
|
||||
// cursor: not-allowed;
|
||||
|
||||
// &:active,
|
||||
// &:hover {
|
||||
// color: @disabled-color;
|
||||
// }
|
||||
|
||||
// &:active {
|
||||
// pointer-events: none;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// code {
|
||||
// margin: 0 0.2em;
|
||||
// padding: 0.2em 0.4em 0.1em;
|
||||
// font-size: 85%;
|
||||
// background: rgba(150, 150, 150, 0.1);
|
||||
// border: 1px solid rgba(100, 100, 100, 0.2);
|
||||
// border-radius: 3px;
|
||||
// }
|
||||
|
||||
// kbd {
|
||||
// margin: 0 0.2em;
|
||||
// padding: 0.15em 0.4em 0.1em;
|
||||
// font-size: 90%;
|
||||
// background: rgba(150, 150, 150, 0.06);
|
||||
// border: 1px solid rgba(100, 100, 100, 0.2);
|
||||
// border-bottom-width: 2px;
|
||||
// border-radius: 3px;
|
||||
// }
|
||||
|
||||
// mark {
|
||||
// padding: 0;
|
||||
// background-color: @gold-3;
|
||||
// }
|
||||
|
||||
// u,
|
||||
// ins {
|
||||
// text-decoration: underline;
|
||||
// text-decoration-skip-ink: auto;
|
||||
// }
|
||||
|
||||
// s,
|
||||
// del {
|
||||
// text-decoration: line-through;
|
||||
// }
|
||||
|
||||
// strong {
|
||||
// font-weight: 600;
|
||||
// }
|
||||
|
||||
// // Operation
|
||||
// &-expand,
|
||||
// &-edit,
|
||||
// &-copy {
|
||||
// .operation-unit();
|
||||
|
||||
// margin-left: 4px;
|
||||
// }
|
||||
|
||||
// &-copy-success {
|
||||
// &,
|
||||
// &:hover,
|
||||
// &:focus {
|
||||
// color: @success-color;
|
||||
// }
|
||||
// }
|
||||
|
||||
// // Text input area
|
||||
// &-edit-content {
|
||||
// position: relative;
|
||||
|
||||
// div& {
|
||||
// left: -@input-padding-horizontal - 1px;
|
||||
// margin-top: -@input-padding-vertical-base - 1px;
|
||||
// margin-bottom: calc(1em - @input-padding-vertical-base - 1px);
|
||||
// }
|
||||
|
||||
// &-confirm {
|
||||
// position: absolute;
|
||||
// right: 10px;
|
||||
// bottom: 8px;
|
||||
// color: @text-color-secondary;
|
||||
// // default style
|
||||
// font-weight: normal;
|
||||
// font-size: @font-size-base;
|
||||
// font-style: normal;
|
||||
// pointer-events: none;
|
||||
// }
|
||||
|
||||
// // Fix Editable Textarea flash in Firefox
|
||||
// textarea {
|
||||
// // https://stackoverflow.com/a/7695964/3040605
|
||||
// height: 1em;
|
||||
// margin: 0 !important;
|
||||
// /* stylelint-disable-next-line property-no-vendor-prefix */
|
||||
// -moz-transition: none;
|
||||
// }
|
||||
// }
|
||||
|
||||
// // list
|
||||
// ul,
|
||||
// ol {
|
||||
// margin: 0 0 1em;
|
||||
// padding: 0;
|
||||
|
||||
// li {
|
||||
// margin: 0 0 0 20px;
|
||||
// padding: 0 0 0 4px;
|
||||
// }
|
||||
// }
|
||||
|
||||
// ul {
|
||||
// list-style-type: circle;
|
||||
|
||||
// ul {
|
||||
// list-style-type: disc;
|
||||
// }
|
||||
// }
|
||||
|
||||
// ol {
|
||||
// list-style-type: decimal;
|
||||
// }
|
||||
|
||||
// // pre & block
|
||||
// pre,
|
||||
// blockquote {
|
||||
// margin: 1em 0;
|
||||
// }
|
||||
|
||||
// pre {
|
||||
// padding: 0.4em 0.6em;
|
||||
// white-space: pre-wrap;
|
||||
// word-wrap: break-word;
|
||||
// background: rgba(150, 150, 150, 0.1);
|
||||
// border: 1px solid rgba(100, 100, 100, 0.2);
|
||||
// border-radius: 3px;
|
||||
|
||||
// // Compatible for marked
|
||||
// code {
|
||||
// display: inline;
|
||||
// margin: 0;
|
||||
// padding: 0;
|
||||
// font-size: inherit;
|
||||
// font-family: inherit;
|
||||
// background: transparent;
|
||||
// border: 0;
|
||||
// }
|
||||
// }
|
||||
|
||||
// blockquote {
|
||||
// padding: 0 0 0 0.6em;
|
||||
// border-left: 4px solid rgba(100, 100, 100, 0.2);
|
||||
// opacity: 0.85;
|
||||
// }
|
||||
|
||||
// // ============ Ellipsis ============
|
||||
// &-single-line {
|
||||
// white-space: nowrap;
|
||||
// }
|
||||
|
||||
// &-ellipsis-single-line {
|
||||
// overflow: hidden;
|
||||
// text-overflow: ellipsis;
|
||||
|
||||
// // https://blog.csdn.net/iefreer/article/details/50421025
|
||||
// a&,
|
||||
// span& {
|
||||
// vertical-align: bottom;
|
||||
// }
|
||||
// }
|
||||
|
||||
// &-ellipsis-multiple-line {
|
||||
// /* stylelint-disable-next-line value-no-vendor-prefix */
|
||||
// display: -webkit-box;
|
||||
// overflow: hidden;
|
||||
// -webkit-line-clamp: 3;
|
||||
|
||||
// /*! autoprefixer: ignore next */
|
||||
// -webkit-box-orient: vertical;
|
||||
// }
|
||||
// }
|
||||
|
||||
// @import './rtl';
|
||||
//@import '../../style/themes/index';
|
||||
//@import '../../style/mixins/index';
|
||||
//
|
||||
//@typography-prefix-cls: ~'@{ant-prefix}-typography';
|
||||
//
|
||||
//// =============== Basic ===============
|
||||
//.@{typography-prefix-cls} {
|
||||
// color: @text-color;
|
||||
// overflow-wrap: break-word;
|
||||
//
|
||||
// &&-secondary {
|
||||
// color: @text-color-secondary;
|
||||
// }
|
||||
//
|
||||
// &&-success {
|
||||
// color: @success-color;
|
||||
// }
|
||||
//
|
||||
// &&-warning {
|
||||
// color: @warning-color;
|
||||
// }
|
||||
//
|
||||
// &&-danger {
|
||||
// color: @error-color;
|
||||
//
|
||||
// a&:active,
|
||||
// a&:focus {
|
||||
// color: @error-color-active;
|
||||
// }
|
||||
//
|
||||
// a&:hover {
|
||||
// color: @error-color-hover;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// &&-disabled {
|
||||
// color: @disabled-color;
|
||||
// cursor: not-allowed;
|
||||
// user-select: none;
|
||||
// }
|
||||
//
|
||||
// // Tag
|
||||
// div&,
|
||||
// p {
|
||||
// .typography-paragraph();
|
||||
// }
|
||||
//
|
||||
// h1&,
|
||||
// div&-h1,
|
||||
// div&-h1 > textarea,
|
||||
// h1 {
|
||||
// .typography-title-1();
|
||||
// }
|
||||
//
|
||||
// h2&,
|
||||
// div&-h2,
|
||||
// div&-h2 > textarea,
|
||||
// h2 {
|
||||
// .typography-title-2();
|
||||
// }
|
||||
//
|
||||
// h3&,
|
||||
// div&-h3,
|
||||
// div&-h3 > textarea,
|
||||
// h3 {
|
||||
// .typography-title-3();
|
||||
// }
|
||||
//
|
||||
// h4&,
|
||||
// div&-h4,
|
||||
// div&-h4 > textarea,
|
||||
// h4 {
|
||||
// .typography-title-4();
|
||||
// }
|
||||
//
|
||||
// h5&,
|
||||
// div&-h5,
|
||||
// div&-h5 > textarea,
|
||||
// h5 {
|
||||
// .typography-title-5();
|
||||
// }
|
||||
//
|
||||
// h1&,
|
||||
// h2&,
|
||||
// h3&,
|
||||
// h4&,
|
||||
// h5& {
|
||||
// .@{typography-prefix-cls} + & {
|
||||
// margin-top: @typography-title-margin-top;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// div,
|
||||
// ul,
|
||||
// li,
|
||||
// p,
|
||||
// h1,
|
||||
// h2,
|
||||
// h3,
|
||||
// h4,
|
||||
// h5 {
|
||||
// + h1,
|
||||
// + h2,
|
||||
// + h3,
|
||||
// + h4,
|
||||
// + h5 {
|
||||
// margin-top: @typography-title-margin-top;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// a&-ellipsis,
|
||||
// span&-ellipsis {
|
||||
// display: inline-block;
|
||||
// max-width: 100%;
|
||||
// }
|
||||
//
|
||||
// a&,
|
||||
// a {
|
||||
// .operation-unit();
|
||||
// text-decoration: @link-decoration;
|
||||
//
|
||||
// &:active,
|
||||
// &:hover {
|
||||
// text-decoration: @link-hover-decoration;
|
||||
// }
|
||||
//
|
||||
// &[disabled],
|
||||
// &.@{typography-prefix-cls}-disabled {
|
||||
// color: @disabled-color;
|
||||
// cursor: not-allowed;
|
||||
//
|
||||
// &:active,
|
||||
// &:hover {
|
||||
// color: @disabled-color;
|
||||
// }
|
||||
//
|
||||
// &:active {
|
||||
// pointer-events: none;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// code {
|
||||
// margin: 0 0.2em;
|
||||
// padding: 0.2em 0.4em 0.1em;
|
||||
// font-size: 85%;
|
||||
// background: rgba(150, 150, 150, 0.1);
|
||||
// border: 1px solid rgba(100, 100, 100, 0.2);
|
||||
// border-radius: 3px;
|
||||
// }
|
||||
//
|
||||
// kbd {
|
||||
// margin: 0 0.2em;
|
||||
// padding: 0.15em 0.4em 0.1em;
|
||||
// font-size: 90%;
|
||||
// background: rgba(150, 150, 150, 0.06);
|
||||
// border: 1px solid rgba(100, 100, 100, 0.2);
|
||||
// border-bottom-width: 2px;
|
||||
// border-radius: 3px;
|
||||
// }
|
||||
//
|
||||
// mark {
|
||||
// padding: 0;
|
||||
// background-color: @gold-3;
|
||||
// }
|
||||
//
|
||||
// u,
|
||||
// ins {
|
||||
// text-decoration: underline;
|
||||
// text-decoration-skip-ink: auto;
|
||||
// }
|
||||
//
|
||||
// s,
|
||||
// del {
|
||||
// text-decoration: line-through;
|
||||
// }
|
||||
//
|
||||
// strong {
|
||||
// font-weight: 600;
|
||||
// }
|
||||
//
|
||||
// // Operation
|
||||
// &-expand,
|
||||
// &-edit,
|
||||
// &-copy {
|
||||
// .operation-unit();
|
||||
//
|
||||
// margin-left: 4px;
|
||||
// }
|
||||
//
|
||||
// &-copy-success {
|
||||
// &,
|
||||
// &:hover,
|
||||
// &:focus {
|
||||
// color: @success-color;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// // Text input area
|
||||
// &-edit-content {
|
||||
// position: relative;
|
||||
//
|
||||
// div& {
|
||||
// left: -@input-padding-horizontal - 1px;
|
||||
// margin-top: -@input-padding-vertical-base - 1px;
|
||||
// margin-bottom: calc(1em - @input-padding-vertical-base - 1px);
|
||||
// }
|
||||
//
|
||||
// &-confirm {
|
||||
// position: absolute;
|
||||
// right: 10px;
|
||||
// bottom: 8px;
|
||||
// color: @text-color-secondary;
|
||||
// // default style
|
||||
// font-weight: normal;
|
||||
// font-size: @font-size-base;
|
||||
// font-style: normal;
|
||||
// pointer-events: none;
|
||||
// }
|
||||
//
|
||||
// // Fix Editable Textarea flash in Firefox
|
||||
// textarea {
|
||||
// // https://stackoverflow.com/a/7695964/3040605
|
||||
// height: 1em;
|
||||
// margin: 0 !important;
|
||||
// /* stylelint-disable-next-line property-no-vendor-prefix */
|
||||
// -moz-transition: none;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// // list
|
||||
// ul,
|
||||
// ol {
|
||||
// margin: 0 0 1em;
|
||||
// padding: 0;
|
||||
//
|
||||
// li {
|
||||
// margin: 0 0 0 20px;
|
||||
// padding: 0 0 0 4px;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// ul {
|
||||
// list-style-type: circle;
|
||||
//
|
||||
// ul {
|
||||
// list-style-type: disc;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// ol {
|
||||
// list-style-type: decimal;
|
||||
// }
|
||||
//
|
||||
// // pre & block
|
||||
// pre,
|
||||
// blockquote {
|
||||
// margin: 1em 0;
|
||||
// }
|
||||
//
|
||||
// pre {
|
||||
// padding: 0.4em 0.6em;
|
||||
// white-space: pre-wrap;
|
||||
// word-wrap: break-word;
|
||||
// background: rgba(150, 150, 150, 0.1);
|
||||
// border: 1px solid rgba(100, 100, 100, 0.2);
|
||||
// border-radius: 3px;
|
||||
//
|
||||
// // Compatible for marked
|
||||
// code {
|
||||
// display: inline;
|
||||
// margin: 0;
|
||||
// padding: 0;
|
||||
// font-size: inherit;
|
||||
// font-family: inherit;
|
||||
// background: transparent;
|
||||
// border: 0;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// blockquote {
|
||||
// padding: 0 0 0 0.6em;
|
||||
// border-left: 4px solid rgba(100, 100, 100, 0.2);
|
||||
// opacity: 0.85;
|
||||
// }
|
||||
//
|
||||
// // ============ Ellipsis ============
|
||||
// &-single-line {
|
||||
// white-space: nowrap;
|
||||
// }
|
||||
//
|
||||
// &-ellipsis-single-line {
|
||||
// overflow: hidden;
|
||||
// text-overflow: ellipsis;
|
||||
//
|
||||
// // https://blog.csdn.net/iefreer/article/details/50421025
|
||||
// a&,
|
||||
// span& {
|
||||
// vertical-align: bottom;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// &-ellipsis-multiple-line {
|
||||
// /* stylelint-disable-next-line value-no-vendor-prefix */
|
||||
// display: -webkit-box;
|
||||
// overflow: hidden;
|
||||
// -webkit-line-clamp: 3;
|
||||
//
|
||||
// /*! autoprefixer: ignore next */
|
||||
// -webkit-box-orient: vertical;
|
||||
// }
|
||||
//}
|
||||
//
|
||||
//@import './rtl';
|
||||
|
||||
@ -40,7 +40,10 @@ const genTypographyStyle: GenerateStyle<TypographyToken> = token => {
|
||||
|
||||
'&&-danger': {
|
||||
color: token.colorError,
|
||||
'a&:active, a&:focus, a&:hover': {
|
||||
'a&:active, a&:focus': {
|
||||
color: token.colorErrorActive,
|
||||
},
|
||||
'a&:hover': {
|
||||
color: token.colorErrorHover,
|
||||
},
|
||||
},
|
||||
|
||||
Loading…
Reference in New Issue
Block a user