github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

test: update snap

pull/5820/head
tangjinzhou 2022-05-23 10:42:09 +08:00
parent 8b34bdfa5e
commit efe600e89e
30 changed files with 648 additions and 633 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/anchor/style/index.less
View File

@ -56,12 +56,11 @@
&-link {
padding: @anchor-link-padding;
line-height: 1.143;
&-title {
position: relative;
display: block;
margin-bottom: 6px;
margin-bottom: 3px;
overflow: hidden;
color: @text-color;
white-space: nowrap;
@ -79,8 +78,8 @@
}
&-link &-link {
padding-top: 5px;
padding-bottom: 5px;
padding-top: 2px;
padding-bottom: 2px;
}
}

8
components/calendar/__tests__/__snapshots__/demo.test.js.snap
View File

@ -801,11 +801,11 @@ exports[`renders ./components/calendar/demo/customize-header.vue correctly 1`] =
<div class="ant-picker-calendar ant-picker-calendar-mini">
<div style="padding: 10px;">
<div style="margin-bottom: 10px;">Custom header</div>
<div role="row" class="ant-row ant-row-space-between" type="flex">
<div role="cell" class="ant-col">
<div class="ant-row ant-row-space-between" type="flex">
<div class="ant-col">
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-small"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="month"><span class="ant-radio-button-inner"></span></span><span>Month</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="year"><span class="ant-radio-button-inner"></span></span><span>Year</span></label></div>
</div>
<div role="cell" class="ant-col">
<div class="ant-col">
<div class="ant-select ant-select-sm my-year-select ant-select-single ant-select-show-arrow">
<!---->
<!---->
@ -816,7 +816,7 @@ exports[`renders ./components/calendar/demo/customize-header.vue correctly 1`] =
<!---->
</div>
</div>
<div role="cell" class="ant-col">
<div class="ant-col">
<div class="ant-select ant-select-sm ant-select-single ant-select-show-arrow">
<!---->
<!---->

38
components/card/__tests__/__snapshots__/demo.test.js.snap
View File

@ -100,8 +100,8 @@ exports[`renders ./components/card/demo/grid-card.vue correctly 1`] = `
exports[`renders ./components/card/demo/in-column.vue correctly 1`] = `
<div style="background-color: rgb(236, 236, 236); padding: 20px;">
<div role="row" class="ant-row" style="margin-left: -8px; margin-right: -8px;">
<div role="cell" class="ant-col ant-col-8" style="padding-left: 8px; padding-right: 8px;">
<div class="ant-row" style="margin-left: -8px; margin-right: -8px;">
<div class="ant-col ant-col-8" style="padding-left: 8px; padding-right: 8px;">
<div class="ant-card">
<div class="ant-card-head">
<div class="ant-card-head-wrapper">
@ -117,7 +117,7 @@ exports[`renders ./components/card/demo/in-column.vue correctly 1`] = `
<!---->
</div>
</div>
<div role="cell" class="ant-col ant-col-8" style="padding-left: 8px; padding-right: 8px;">
<div class="ant-col ant-col-8" style="padding-left: 8px; padding-right: 8px;">
<div class="ant-card">
<div class="ant-card-head">
<div class="ant-card-head-wrapper">
@ -133,7 +133,7 @@ exports[`renders ./components/card/demo/in-column.vue correctly 1`] = `
<!---->
</div>
</div>
<div role="cell" class="ant-col ant-col-8" style="padding-left: 8px; padding-right: 8px;">
<div class="ant-col ant-col-8" style="padding-left: 8px; padding-right: 8px;">
<div class="ant-card">
<div class="ant-card-head">
<div class="ant-card-head-wrapper">
@ -206,43 +206,43 @@ exports[`renders ./components/card/demo/loading.vue correctly 1`] = `
<!---->
<div class="ant-card-body">
<div class="ant-card-loading-content">
<div role="row" class="ant-row" style="margin-left: -4px; margin-right: -4px;">
<div role="cell" class="ant-col ant-col-22" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-row" style="margin-left: -4px; margin-right: -4px;">
<div class="ant-col ant-col-22" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-card-loading-block"></div>
</div>
</div>
<div role="row" class="ant-row" style="margin-left: -4px; margin-right: -4px;">
<div role="cell" class="ant-col ant-col-8" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-row" style="margin-left: -4px; margin-right: -4px;">
<div class="ant-col ant-col-8" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-card-loading-block"></div>
</div>
<div role="cell" class="ant-col ant-col-15" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-col ant-col-15" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-card-loading-block"></div>
</div>
</div>
<div role="row" class="ant-row" style="margin-left: -4px; margin-right: -4px;">
<div role="cell" class="ant-col ant-col-6" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-row" style="margin-left: -4px; margin-right: -4px;">
<div class="ant-col ant-col-6" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-card-loading-block"></div>
</div>
<div role="cell" class="ant-col ant-col-18" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-col ant-col-18" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-card-loading-block"></div>
</div>
</div>
<div role="row" class="ant-row" style="margin-left: -4px; margin-right: -4px;">
<div role="cell" class="ant-col ant-col-13" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-row" style="margin-left: -4px; margin-right: -4px;">
<div class="ant-col ant-col-13" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-card-loading-block"></div>
</div>
<div role="cell" class="ant-col ant-col-9" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-col ant-col-9" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-card-loading-block"></div>
</div>
</div>
<div role="row" class="ant-row" style="margin-left: -4px; margin-right: -4px;">
<div role="cell" class="ant-col ant-col-4" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-row" style="margin-left: -4px; margin-right: -4px;">
<div class="ant-col ant-col-4" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-card-loading-block"></div>
</div>
<div role="cell" class="ant-col ant-col-3" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-col ant-col-3" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-card-loading-block"></div>
</div>
<div role="cell" class="ant-col ant-col-16" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-col ant-col-16" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-card-loading-block"></div>
</div>
</div>

30
components/card/__tests__/__snapshots__/index.test.js.snap
View File

@ -6,43 +6,43 @@ exports[`Card should still have padding when card which set padding to 0 is load
<!---->
<div class="ant-card-body" style="padding: 0px;">
<div class="ant-card-loading-content" style="padding: 24px;">
<div role="row" class="ant-row" style="margin-left: -4px; margin-right: -4px;">
<div role="cell" class="ant-col ant-col-22" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-row" style="margin-left: -4px; margin-right: -4px;">
<div class="ant-col ant-col-22" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-card-loading-block"></div>
</div>
</div>
<div role="row" class="ant-row" style="margin-left: -4px; margin-right: -4px;">
<div role="cell" class="ant-col ant-col-8" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-row" style="margin-left: -4px; margin-right: -4px;">
<div class="ant-col ant-col-8" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-card-loading-block"></div>
</div>
<div role="cell" class="ant-col ant-col-15" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-col ant-col-15" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-card-loading-block"></div>
</div>
</div>
<div role="row" class="ant-row" style="margin-left: -4px; margin-right: -4px;">
<div role="cell" class="ant-col ant-col-6" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-row" style="margin-left: -4px; margin-right: -4px;">
<div class="ant-col ant-col-6" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-card-loading-block"></div>
</div>
<div role="cell" class="ant-col ant-col-18" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-col ant-col-18" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-card-loading-block"></div>
</div>
</div>
<div role="row" class="ant-row" style="margin-left: -4px; margin-right: -4px;">
<div role="cell" class="ant-col ant-col-13" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-row" style="margin-left: -4px; margin-right: -4px;">
<div class="ant-col ant-col-13" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-card-loading-block"></div>
</div>
<div role="cell" class="ant-col ant-col-9" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-col ant-col-9" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-card-loading-block"></div>
</div>
</div>
<div role="row" class="ant-row" style="margin-left: -4px; margin-right: -4px;">
<div role="cell" class="ant-col ant-col-4" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-row" style="margin-left: -4px; margin-right: -4px;">
<div class="ant-col ant-col-4" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-card-loading-block"></div>
</div>
<div role="cell" class="ant-col ant-col-3" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-col ant-col-3" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-card-loading-block"></div>
</div>
<div role="cell" class="ant-col ant-col-16" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-col ant-col-16" style="padding-left: 4px; padding-right: 4px;">
<div class="ant-card-loading-block"></div>
</div>
</div>

12
components/checkbox/__tests__/__snapshots__/demo.test.js.snap
View File

@ -44,12 +44,12 @@ exports[`renders ./components/checkbox/demo/group.vue correctly 1`] = `
exports[`renders ./components/checkbox/demo/layout.vue correctly 1`] = `
<div class="ant-checkbox-group" style="width: 100%;">
<div role="row" class="ant-row">
<div role="cell" class="ant-col ant-col-8"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="A"><span class="ant-checkbox-inner"></span></span><span>A</span></label></div>
<div role="cell" class="ant-col ant-col-8"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="B"><span class="ant-checkbox-inner"></span></span><span>B</span></label></div>
<div role="cell" class="ant-col ant-col-8"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="C"><span class="ant-checkbox-inner"></span></span><span>C</span></label></div>
<div role="cell" class="ant-col ant-col-8"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="D"><span class="ant-checkbox-inner"></span></span><span>D</span></label></div>
<div role="cell" class="ant-col ant-col-8"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="E"><span class="ant-checkbox-inner"></span></span><span>E</span></label></div>
<div class="ant-row">
<div class="ant-col ant-col-8"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="A"><span class="ant-checkbox-inner"></span></span><span>A</span></label></div>
<div class="ant-col ant-col-8"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="B"><span class="ant-checkbox-inner"></span></span><span>B</span></label></div>
<div class="ant-col ant-col-8"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="C"><span class="ant-checkbox-inner"></span></span><span>C</span></label></div>
<div class="ant-col ant-col-8"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="D"><span class="ant-checkbox-inner"></span></span><span>D</span></label></div>
<div class="ant-col ant-col-8"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value="E"><span class="ant-checkbox-inner"></span></span><span>E</span></label></div>
</div>
</div>
`;

8
components/comment/__tests__/__snapshots__/demo.test.js.snap
View File

@ -31,9 +31,9 @@ exports[`renders ./components/comment/demo/editor.vue correctly 1`] = `
<!---->
</div>
<div class="ant-comment-content-detail">
<div role="row" class="ant-row ant-form-item">
<div class="ant-row ant-form-item">
<!---->
<div role="cell" class="ant-col ant-form-item-control">
<div class="ant-col ant-form-item-control">
<div class="ant-form-item-control-input">
<div class="ant-form-item-control-input-content"><textarea rows="4" class="ant-input"></textarea></div>
</div>
@ -41,9 +41,9 @@ exports[`renders ./components/comment/demo/editor.vue correctly 1`] = `
<!---->
</div>
</div>
<div role="row" class="ant-row ant-form-item">
<div class="ant-row ant-form-item">
<!---->
<div role="cell" class="ant-col ant-form-item-control">
<div class="ant-col ant-form-item-control">
<div class="ant-form-item-control-input">
<div class="ant-form-item-control-input-content"><button class="ant-btn ant-btn-primary" type="submit">
<!----><span>Add Comment</span>

8
components/comment/__tests__/__snapshots__/index.test.js.snap
View File

@ -42,9 +42,9 @@ exports[`Comment Comment can be used as editor, user can customize the editor co
</div>
<div class="ant-comment-content-detail">
<div>
<div role="row" class="ant-row ant-form-item">
<div class="ant-row ant-form-item">
<!---->
<div role="cell" class="ant-col ant-form-item-control">
<div class="ant-col ant-form-item-control">
<div class="ant-form-item-control-input">
<div class="ant-form-item-control-input-content"><textarea rows="4" class="ant-input"></textarea></div>
</div>
@ -52,9 +52,9 @@ exports[`Comment Comment can be used as editor, user can customize the editor co
<!---->
</div>
</div>
<div role="row" class="ant-row ant-form-item">
<div class="ant-row ant-form-item">
<!---->
<div role="cell" class="ant-col ant-form-item-control">
<div class="ant-col ant-form-item-control">
<div class="ant-form-item-control-input">
<div class="ant-form-item-control-input-content"><button class="ant-btn ant-btn-primary" type="submit" ant-click-animating-without-extra-node="false">
<!----><span>Add Comment</span>

6
components/drawer/__tests__/DrawerEvent.test.js
View File

@ -107,7 +107,7 @@ describe('Drawer', () => {
});
});
it('destroyOnClose is true onClose', async () => {
fit('destroyOnClose is true onClose', async () => {
const wrapper = mount(DrawerEventTester, {
props: {
destroyOnClose: true,
@ -119,7 +119,9 @@ describe('Drawer', () => {
expect(wrapper.find('.ant-drawer-wrapper-body').exists()).toBe(true);
wrapper.vm.visible = false;
wrapper.find('.ant-drawer-wrapper-body').trigger('transitionend');
wrapper
.find('.ant-drawer-content-wrapper')
.trigger('transitionend', { propertyName: 'transform' });
});
await asyncExpect(() => {
expect(wrapper.find('.ant-drawer-wrapper-body').exists()).toBe(false);

83
components/drawer/index.tsx
View File

@ -112,6 +112,29 @@ const Drawer = defineComponent({
const sPush = ref(false);
const destroyClose = ref(false);
const vcDrawer = ref(null);
const load = ref(false);
const visible = ref(false);
watch(
() => props.visible,
propsVisible => {
if (propsVisible) {
load.value = true;
} else {
visible.value = false;
}
},
{ immediate: true },
);
watch(
[() => props.visible, load],
([propsVisible]) => {
if (propsVisible && load.value) {
visible.value = true;
}
},
{ immediate: true },
);
const parentDrawerOpts = inject('parentDrawerOpts', null);
const { prefixCls, getPopupContainer, direction } = useConfigInject('drawer', props);
const getContainer = computed(() =>
@ -152,8 +175,7 @@ const Drawer = defineComponent({
});
onMounted(() => {
const { visible } = props;
if (visible && parentDrawerOpts) {
if (props.visible && parentDrawerOpts) {
parentDrawerOpts.setPush();
}
});
@ -165,10 +187,10 @@ const Drawer = defineComponent({
});
watch(
() => props.visible,
visible => {
visible,
() => {
if (parentDrawerOpts) {
if (visible) {
if (visible.value) {
parentDrawerOpts.setPush();
} else {
parentDrawerOpts.setPull();
@ -187,19 +209,18 @@ const Drawer = defineComponent({
emit('close', e);
};
const afterVisibleChange = (visible: boolean) => {
props.afterVisibleChange?.(visible);
emit('afterVisibleChange', visible);
};
const destroyOnClose = computed(() => props.destroyOnClose && !props.visible);
const onDestroyTransitionEnd = () => {
const isDestroyOnClose = destroyOnClose.value;
if (!isDestroyOnClose) {
return;
}
if (!props.visible) {
destroyClose.value = true;
const afterVisibleChange = (open: boolean) => {
if (!open) {
if (destroyClose.value === false) {
// set true only once
destroyClose.value = true;
}
if (props.destroyOnClose) {
load.value = false;
}
}
props.afterVisibleChange?.(open);
emit('afterVisibleChange', open);
};
const pushTransform = computed(() => {
@ -224,8 +245,8 @@ const Drawer = defineComponent({
const offsetStyle = computed(() => {
// https://github.com/ant-design/ant-design/issues/24287
const { visible, mask, placement, size = 'default', width, height } = props;
if (!visible && !mask) {
const { mask, placement, size = 'default', width, height } = props;
if (!visible.value && !mask) {
return {};
}
const val: CSSProperties = {};
@ -290,28 +311,14 @@ const Drawer = defineComponent({
};
const renderBody = (prefixCls: string) => {
if (destroyClose.value && !props.visible) {
if (destroyClose.value && !props.forceRender && !load.value) {
return null;
}
destroyClose.value = false;
const { bodyStyle, drawerStyle } = props;
const containerStyle: CSSProperties = {};
const isDestroyOnClose = destroyOnClose.value;
if (isDestroyOnClose) {
// Increase the opacity transition, delete children after closing.
containerStyle.opacity = 0;
containerStyle.transition = 'opacity .3s';
}
return (
<div
class={`${prefixCls}-wrapper-body`}
style={{ ...containerStyle, ...drawerStyle }}
onTransitionend={onDestroyTransitionEnd}
>
<div class={`${prefixCls}-wrapper-body`} style={drawerStyle}>
{renderHeader(prefixCls)}
<div key="body" class={`${prefixCls}-body`} style={bodyStyle}>
{slots.default?.()}
@ -339,11 +346,11 @@ const Drawer = defineComponent({
const {
width,
height,
visible,
placement,
mask,
wrapClassName,
class: className,
forceRender,
...rest
} = props;
@ -365,13 +372,15 @@ const Drawer = defineComponent({
'onAfterVisibleChange',
'onClose',
'onUpdate:visible',
'visible',
]),
...val,
forceRender,
onClose: close,
afterVisibleChange,
handler: false,
prefixCls: prefixCls.value,
open: visible,
open: visible.value,
showMask: mask,
placement,
class: classnames({

712
components/form/__tests__/__snapshots__/demo.test.js.snap
View File

File diff suppressed because it is too large Load Diff

2
components/grid/Col.tsx
View File

@ -141,7 +141,7 @@ export default defineComponent({
});
return () => {
return (
<div role="cell" class={classes.value} style={mergedStyle.value}>
<div class={classes.value} style={mergedStyle.value}>
{slots.default?.()}
</div>
);

2
components/grid/Row.tsx
View File

@ -127,7 +127,7 @@ const ARow = defineComponent({
return () => {
return (
<div role="row" class={classes.value} style={rowStyle.value}>
<div class={classes.value} style={rowStyle.value}>
{slots.default?.()}
</div>
);

208
components/grid/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,106 +1,106 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/grid/demo/basic.vue correctly 1`] = `
<div role="row" class="ant-row">
<div role="cell" class="ant-col ant-col-12">col-12</div>
<div role="cell" class="ant-col ant-col-12">col-12</div>
<div class="ant-row">
<div class="ant-col ant-col-12">col-12</div>
<div class="ant-col ant-col-12">col-12</div>
</div>
<div role="row" class="ant-row">
<div role="cell" class="ant-col ant-col-8">col-8</div>
<div role="cell" class="ant-col ant-col-8">col-8</div>
<div role="cell" class="ant-col ant-col-8">col-8</div>
<div class="ant-row">
<div class="ant-col ant-col-8">col-8</div>
<div class="ant-col ant-col-8">col-8</div>
<div class="ant-col ant-col-8">col-8</div>
</div>
<div role="row" class="ant-row">
<div role="cell" class="ant-col ant-col-6">col-6</div>
<div role="cell" class="ant-col ant-col-6">col-6</div>
<div role="cell" class="ant-col ant-col-6">col-6</div>
<div role="cell" class="ant-col ant-col-6">col-6</div>
<div class="ant-row">
<div class="ant-col ant-col-6">col-6</div>
<div class="ant-col ant-col-6">col-6</div>
<div class="ant-col ant-col-6">col-6</div>
<div class="ant-col ant-col-6">col-6</div>
</div>
`;
exports[`renders ./components/grid/demo/flex.vue correctly 1`] = `
<div id="components-grid-demo-flex">
<p>sub-element align left</p>
<div role="row" class="ant-row ant-row-start">
<div role="cell" class="ant-col ant-col-4">col-4</div>
<div role="cell" class="ant-col ant-col-4">col-4</div>
<div role="cell" class="ant-col ant-col-4">col-4</div>
<div role="cell" class="ant-col ant-col-4">col-4</div>
<div class="ant-row ant-row-start">
<div class="ant-col ant-col-4">col-4</div>
<div class="ant-col ant-col-4">col-4</div>
<div class="ant-col ant-col-4">col-4</div>
<div class="ant-col ant-col-4">col-4</div>
</div>
<p>sub-element align center</p>
<div role="row" class="ant-row ant-row-center">
<div role="cell" class="ant-col ant-col-4">col-4</div>
<div role="cell" class="ant-col ant-col-4">col-4</div>
<div role="cell" class="ant-col ant-col-4">col-4</div>
<div role="cell" class="ant-col ant-col-4">col-4</div>
<div class="ant-row ant-row-center">
<div class="ant-col ant-col-4">col-4</div>
<div class="ant-col ant-col-4">col-4</div>
<div class="ant-col ant-col-4">col-4</div>
<div class="ant-col ant-col-4">col-4</div>
</div>
<p>sub-element align right</p>
<div role="row" class="ant-row ant-row-end">
<div role="cell" class="ant-col ant-col-4">col-4</div>
<div role="cell" class="ant-col ant-col-4">col-4</div>
<div role="cell" class="ant-col ant-col-4">col-4</div>
<div role="cell" class="ant-col ant-col-4">col-4</div>
<div class="ant-row ant-row-end">
<div class="ant-col ant-col-4">col-4</div>
<div class="ant-col ant-col-4">col-4</div>
<div class="ant-col ant-col-4">col-4</div>
<div class="ant-col ant-col-4">col-4</div>
</div>
<p>sub-element monospaced arrangement</p>
<div role="row" class="ant-row ant-row-space-between">
<div role="cell" class="ant-col ant-col-4">col-4</div>
<div role="cell" class="ant-col ant-col-4">col-4</div>
<div role="cell" class="ant-col ant-col-4">col-4</div>
<div role="cell" class="ant-col ant-col-4">col-4</div>
<div class="ant-row ant-row-space-between">
<div class="ant-col ant-col-4">col-4</div>
<div class="ant-col ant-col-4">col-4</div>
<div class="ant-col ant-col-4">col-4</div>
<div class="ant-col ant-col-4">col-4</div>
</div>
<p>sub-element align full</p>
<div role="row" class="ant-row ant-row-space-around">
<div role="cell" class="ant-col ant-col-4">col-4</div>
<div role="cell" class="ant-col ant-col-4">col-4</div>
<div role="cell" class="ant-col ant-col-4">col-4</div>
<div role="cell" class="ant-col ant-col-4">col-4</div>
<div class="ant-row ant-row-space-around">
<div class="ant-col ant-col-4">col-4</div>
<div class="ant-col ant-col-4">col-4</div>
<div class="ant-col ant-col-4">col-4</div>
<div class="ant-col ant-col-4">col-4</div>
</div>
</div>
`;
exports[`renders ./components/grid/demo/flex-align.vue correctly 1`] = `
<p>Align Top</p>
<div role="row" class="ant-row ant-row-center ant-row-top" type="flex">
<div role="cell" class="ant-col ant-col-4">
<div class="ant-row ant-row-center ant-row-top" type="flex">
<div class="ant-col ant-col-4">
<p class="height-100">col-4</p>
</div>
<div role="cell" class="ant-col ant-col-4">
<div class="ant-col ant-col-4">
<p class="height-50">col-4</p>
</div>
<div role="cell" class="ant-col ant-col-4">
<div class="ant-col ant-col-4">
<p class="height-120">col-4</p>
</div>
<div role="cell" class="ant-col ant-col-4">
<div class="ant-col ant-col-4">
<p class="height-80">col-4</p>
</div>
</div>
<p>Align Center</p>
<div role="row" class="ant-row ant-row-space-around ant-row-middle" type="flex">
<div role="cell" class="ant-col ant-col-4">
<div class="ant-row ant-row-space-around ant-row-middle" type="flex">
<div class="ant-col ant-col-4">
<p class="height-100">col-4</p>
</div>
<div role="cell" class="ant-col ant-col-4">
<div class="ant-col ant-col-4">
<p class="height-50">col-4</p>
</div>
<div role="cell" class="ant-col ant-col-4">
<div class="ant-col ant-col-4">
<p class="height-120">col-4</p>
</div>
<div role="cell" class="ant-col ant-col-4">
<div class="ant-col ant-col-4">
<p class="height-80">col-4</p>
</div>
</div>
<p>Align Bottom</p>
<div role="row" class="ant-row ant-row-space-between ant-row-bottom" type="flex">
<div role="cell" class="ant-col ant-col-4">
<div class="ant-row ant-row-space-between ant-row-bottom" type="flex">
<div class="ant-col ant-col-4">
<p class="height-100">col-4</p>
</div>
<div role="cell" class="ant-col ant-col-4">
<div class="ant-col ant-col-4">
<p class="height-50">col-4</p>
</div>
<div role="cell" class="ant-col ant-col-4">
<div class="ant-col ant-col-4">
<p class="height-120">col-4</p>
</div>
<div role="cell" class="ant-col ant-col-4">
<div class="ant-col ant-col-4">
<p class="height-80">col-4</p>
</div>
</div>
@ -108,52 +108,52 @@ exports[`renders ./components/grid/demo/flex-align.vue correctly 1`] = `
exports[`renders ./components/grid/demo/flex-order.vue correctly 1`] = `
<div class="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-left" role="separator"><span class="ant-divider-inner-text">Normal</span></div>
<div role="row" class="ant-row" type="flex">
<div role="cell" class="ant-col ant-col-6 ant-col-order-4">1 col-order-4</div>
<div role="cell" class="ant-col ant-col-6 ant-col-order-3">2 col-order-3</div>
<div role="cell" class="ant-col ant-col-6 ant-col-order-2">3 col-order-2</div>
<div role="cell" class="ant-col ant-col-6 ant-col-order-1">4 col-order-1</div>
<div class="ant-row" type="flex">
<div class="ant-col ant-col-6 ant-col-order-4">1 col-order-4</div>
<div class="ant-col ant-col-6 ant-col-order-3">2 col-order-3</div>
<div class="ant-col ant-col-6 ant-col-order-2">3 col-order-2</div>
<div class="ant-col ant-col-6 ant-col-order-1">4 col-order-1</div>
</div>
<div class="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-left" role="separator"><span class="ant-divider-inner-text">Responsive</span></div>
<div role="row" class="ant-row" type="flex">
<div role="cell" class="ant-col ant-col-6 ant-col-xs-order-1 ant-col-sm-order-2 ant-col-md-order-3 ant-col-lg-order-4"> 1 col-order-responsive </div>
<div role="cell" class="ant-col ant-col-6 ant-col-xs-order-2 ant-col-sm-order-1 ant-col-md-order-4 ant-col-lg-order-3"> 2 col-order-responsive </div>
<div role="cell" class="ant-col ant-col-6 ant-col-xs-order-3 ant-col-sm-order-4 ant-col-md-order-2 ant-col-lg-order-2"> 3 col-order-responsive </div>
<div role="cell" class="ant-col ant-col-6 ant-col-xs-order-4 ant-col-sm-order-3 ant-col-md-order-1 ant-col-lg-order-1"> 4 col-order-responsive </div>
<div class="ant-row" type="flex">
<div class="ant-col ant-col-6 ant-col-xs-order-1 ant-col-sm-order-2 ant-col-md-order-3 ant-col-lg-order-4"> 1 col-order-responsive </div>
<div class="ant-col ant-col-6 ant-col-xs-order-2 ant-col-sm-order-1 ant-col-md-order-4 ant-col-lg-order-3"> 2 col-order-responsive </div>
<div class="ant-col ant-col-6 ant-col-xs-order-3 ant-col-sm-order-4 ant-col-md-order-2 ant-col-lg-order-2"> 3 col-order-responsive </div>
<div class="ant-col ant-col-6 ant-col-xs-order-4 ant-col-sm-order-3 ant-col-md-order-1 ant-col-lg-order-1"> 4 col-order-responsive </div>
</div>
`;
exports[`renders ./components/grid/demo/flex-stretch.vue correctly 1`] = `
<div class="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-left" role="separator"><span class="ant-divider-inner-text">Percentage columns</span></div>
<div role="row" class="ant-row" type="flex">
<div role="cell" class="ant-col" style="flex: 2 2 auto;">2 / 5</div>
<div role="cell" class="ant-col" style="flex: 3 3 auto;">3 / 5</div>
<div class="ant-row" type="flex">
<div class="ant-col" style="flex: 2 2 auto;">2 / 5</div>
<div class="ant-col" style="flex: 3 3 auto;">3 / 5</div>
</div>
<div class="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-left" role="separator"><span class="ant-divider-inner-text">Fill rest</span></div>
<div role="row" class="ant-row" type="flex">
<div role="cell" class="ant-col" style="flex: 0 0 100px;">100px</div>
<div role="cell" class="ant-col" style="flex-basis: auto;">auto</div>
<div class="ant-row" type="flex">
<div class="ant-col" style="flex: 0 0 100px;">100px</div>
<div class="ant-col" style="flex-basis: auto;">auto</div>
</div>
<div class="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-left" role="separator"><span class="ant-divider-inner-text">Raw flex style</span></div>
<div role="row" class="ant-row" type="flex">
<div role="cell" class="ant-col" style="flex: 1 1 200px;">1 1 200px</div>
<div role="cell" class="ant-col" style="flex: 0 1 300px;">0 1 300px</div>
<div class="ant-row" type="flex">
<div class="ant-col" style="flex: 1 1 200px;">1 1 200px</div>
<div class="ant-col" style="flex: 0 1 300px;">0 1 300px</div>
</div>
`;
exports[`renders ./components/grid/demo/gutter.vue correctly 1`] = `
<div class="gutter-example">
<div role="row" class="ant-row" style="margin-left: -8px; margin-right: -8px;">
<div role="cell" class="ant-col ant-col-6 gutter-row" style="padding-left: 8px; padding-right: 8px;">
<div class="ant-row" style="margin-left: -8px; margin-right: -8px;">
<div class="ant-col ant-col-6 gutter-row" style="padding-left: 8px; padding-right: 8px;">
<div class="gutter-box">col-6</div>
</div>
<div role="cell" class="ant-col ant-col-6 gutter-row" style="padding-left: 8px; padding-right: 8px;">
<div class="ant-col ant-col-6 gutter-row" style="padding-left: 8px; padding-right: 8px;">
<div class="gutter-box">col-6</div>
</div>
<div role="cell" class="ant-col ant-col-6 gutter-row" style="padding-left: 8px; padding-right: 8px;">
<div class="ant-col ant-col-6 gutter-row" style="padding-left: 8px; padding-right: 8px;">
<div class="gutter-box">col-6</div>
</div>
<div role="cell" class="ant-col ant-col-6 gutter-row" style="padding-left: 8px; padding-right: 8px;">
<div class="ant-col ant-col-6 gutter-row" style="padding-left: 8px; padding-right: 8px;">
<div class="gutter-box">col-6</div>
</div>
</div>
@ -161,16 +161,16 @@ exports[`renders ./components/grid/demo/gutter.vue correctly 1`] = `
`;
exports[`renders ./components/grid/demo/offset.vue correctly 1`] = `
<div role="row" class="ant-row">
<div role="cell" class="ant-col ant-col-8">col-8</div>
<div role="cell" class="ant-col ant-col-8 ant-col-offset-8">col-8</div>
<div class="ant-row">
<div class="ant-col ant-col-8">col-8</div>
<div class="ant-col ant-col-8 ant-col-offset-8">col-8</div>
</div>
<div role="row" class="ant-row">
<div role="cell" class="ant-col ant-col-6 ant-col-offset-6">col-6 col-offset-6</div>
<div role="cell" class="ant-col ant-col-6 ant-col-offset-6">col-6 col-offset-6</div>
<div class="ant-row">
<div class="ant-col ant-col-6 ant-col-offset-6">col-6 col-offset-6</div>
<div class="ant-col ant-col-6 ant-col-offset-6">col-6 col-offset-6</div>
</div>
<div role="row" class="ant-row">
<div role="cell" class="ant-col ant-col-12 ant-col-offset-6">col-12 col-offset-6</div>
<div class="ant-row">
<div class="ant-col ant-col-12 ant-col-offset-6">col-12 col-offset-6</div>
</div>
`;
@ -208,29 +208,29 @@ exports[`renders ./components/grid/demo/playfround.vue correctly 1`] = `
</div>
</div>
</div>
<div role="row" class="ant-row" style="margin: -8px -8px -8px -8px;">
<div role="cell" class="ant-col ant-col-6" style="padding: 8px 8px 8px 8px;">
<div class="ant-row" style="margin: -8px -8px -8px -8px;">
<div class="ant-col ant-col-6" style="padding: 8px 8px 8px 8px;">
<div>Column</div>
</div>
<div role="cell" class="ant-col ant-col-6" style="padding: 8px 8px 8px 8px;">
<div class="ant-col ant-col-6" style="padding: 8px 8px 8px 8px;">
<div>Column</div>
</div>
<div role="cell" class="ant-col ant-col-6" style="padding: 8px 8px 8px 8px;">
<div class="ant-col ant-col-6" style="padding: 8px 8px 8px 8px;">
<div>Column</div>
</div>
<div role="cell" class="ant-col ant-col-6" style="padding: 8px 8px 8px 8px;">
<div class="ant-col ant-col-6" style="padding: 8px 8px 8px 8px;">
<div>Column</div>
</div>
<div role="cell" class="ant-col ant-col-6" style="padding: 8px 8px 8px 8px;">
<div class="ant-col ant-col-6" style="padding: 8px 8px 8px 8px;">
<div>Column</div>
</div>
<div role="cell" class="ant-col ant-col-6" style="padding: 8px 8px 8px 8px;">
<div class="ant-col ant-col-6" style="padding: 8px 8px 8px 8px;">
<div>Column</div>
</div>
<div role="cell" class="ant-col ant-col-6" style="padding: 8px 8px 8px 8px;">
<div class="ant-col ant-col-6" style="padding: 8px 8px 8px 8px;">
<div>Column</div>
</div>
<div role="cell" class="ant-col ant-col-6" style="padding: 8px 8px 8px 8px;">
<div class="ant-col ant-col-6" style="padding: 8px 8px 8px 8px;">
<div>Column</div>
</div>
</div><pre>&lt;a-row :gutter="[16,16]"&gt;
@ -248,24 +248,24 @@ exports[`renders ./components/grid/demo/playfround.vue correctly 1`] = `
`;
exports[`renders ./components/grid/demo/responsive.vue correctly 1`] = `
<div role="row" class="ant-row">
<div role="cell" class="ant-col ant-col-xs-2 ant-col-sm-4 ant-col-md-6 ant-col-lg-8 ant-col-xl-10">Col</div>
<div role="cell" class="ant-col ant-col-xs-20 ant-col-sm-16 ant-col-md-12 ant-col-lg-8 ant-col-xl-4">Col</div>
<div role="cell" class="ant-col ant-col-xs-2 ant-col-sm-4 ant-col-md-6 ant-col-lg-8 ant-col-xl-10">Col</div>
<div class="ant-row">
<div class="ant-col ant-col-xs-2 ant-col-sm-4 ant-col-md-6 ant-col-lg-8 ant-col-xl-10">Col</div>
<div class="ant-col ant-col-xs-20 ant-col-sm-16 ant-col-md-12 ant-col-lg-8 ant-col-xl-4">Col</div>
<div class="ant-col ant-col-xs-2 ant-col-sm-4 ant-col-md-6 ant-col-lg-8 ant-col-xl-10">Col</div>
</div>
`;
exports[`renders ./components/grid/demo/responsive-more.vue correctly 1`] = `
<div role="row" class="ant-row">
<div role="cell" class="ant-col ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2">Col</div>
<div role="cell" class="ant-col ant-col-xs-11 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2">Col</div>
<div role="cell" class="ant-col ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2">Col</div>
<div class="ant-row">
<div class="ant-col ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2">Col</div>
<div class="ant-col ant-col-xs-11 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2">Col</div>
<div class="ant-col ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2">Col</div>
</div>
`;
exports[`renders ./components/grid/demo/sort.vue correctly 1`] = `
<div role="row" class="ant-row">
<div role="cell" class="ant-col ant-col-18 ant-col-push-6">col-18 col-push-6</div>
<div role="cell" class="ant-col ant-col-6 ant-col-pull-18">col-6 col-pull-18</div>
<div class="ant-row">
<div class="ant-col ant-col-18 ant-col-push-6">col-18 col-push-6</div>
<div class="ant-col ant-col-6 ant-col-pull-18">col-6 col-pull-18</div>
</div>
`;

10
components/grid/__tests__/__snapshots__/index.test.js.snap
View File

@ -1,26 +1,26 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Grid renders wrapped Col correctly 1`] = `
<div role="row" class="ant-row" style="margin-left: -10px; margin-right: -10px;">
<div class="ant-row" style="margin-left: -10px; margin-right: -10px;">
<div>
<div role="cell" class="ant-col ant-col-12" style="padding-left: 10px; padding-right: 10px;">
<div class="ant-col ant-col-12" style="padding-left: 10px; padding-right: 10px;">
<!---->
</div>
</div>
<div role="cell" class="ant-col ant-col-12" style="padding-left: 10px; padding-right: 10px;">
<div class="ant-col ant-col-12" style="padding-left: 10px; padding-right: 10px;">
<!---->
</div>
</div>
`;
exports[`Grid should render Col 1`] = `
<div role="cell" class="ant-col ant-col-2">
<div class="ant-col ant-col-2">
<!---->
</div>
`;
exports[`Grid should render Row 1`] = `
<div role="row" class="ant-row">
<div class="ant-row">
<!---->
</div>
`;

2
components/input/__tests__/__snapshots__/demo.test.js.snap
View File

@ -53,7 +53,7 @@ exports[`renders ./components/input/demo/basic.vue correctly 1`] = `
exports[`renders ./components/input/demo/borderless.vue correctly 1`] = `<input placeholder="Borderless" type="text" class="ant-input ant-input-borderless">`;
exports[`renders ./components/input/demo/group.vue correctly 1`] = `
<div class="site-input-group-wrapper"><span class="ant-input-group ant-input-group-lg"><div role="row" class="ant-row" style="margin-left: -4px; margin-right: -4px;"><div role="cell" class="ant-col ant-col-5" style="padding-left: 4px; padding-right: 4px;"><input type="text" class="ant-input"></div><div role="cell" class="ant-col ant-col-8" style="padding-left: 4px; padding-right: 4px;"><input type="text" class="ant-input"></div></div></span><br><span class="ant-input-group ant-input-group-compact"><input type="text" style="width: 20%;" class="ant-input"><input type="text" style="width: 30%;" class="ant-input"></span><br><span class="ant-input-group ant-input-group-compact"><div class="ant-select ant-select-single ant-select-show-arrow"><!----><!----><div class="ant-select-selector"><span class="ant-select-selection-search"><input type="search" id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0" readonly="" unselectable="on" style="opacity: 0;"></span><span class="ant-select-selection-item">Zhejiang</span>
<div class="site-input-group-wrapper"><span class="ant-input-group ant-input-group-lg"><div class="ant-row" style="margin-left: -4px; margin-right: -4px;"><div class="ant-col ant-col-5" style="padding-left: 4px; padding-right: 4px;"><input type="text" class="ant-input"></div><div class="ant-col ant-col-8" style="padding-left: 4px; padding-right: 4px;"><input type="text" class="ant-input"></div></div></span><br><span class="ant-input-group ant-input-group-compact"><input type="text" style="width: 20%;" class="ant-input"><input type="text" style="width: 30%;" class="ant-input"></span><br><span class="ant-input-group ant-input-group-compact"><div class="ant-select ant-select-single ant-select-show-arrow"><!----><!----><div class="ant-select-selector"><span class="ant-select-selection-search"><input type="search" id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0" readonly="" unselectable="on" style="opacity: 0;"></span><span class="ant-select-selection-item">Zhejiang</span>
<!---->
</div><span class="ant-select-arrow" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="down" class="anticon anticon-down ant-select-suffix"><svg focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span>
<!----></span>

24
components/list/__tests__/__snapshots__/demo.test.js.snap
View File

@ -67,9 +67,9 @@ exports[`renders ./components/list/demo/grid.vue correctly 1`] = `
<div class="ant-spin-nested-loading">
<!---->
<div class="ant-spin-container">
<div role="row" class="ant-row" style="margin-left: -8px; margin-right: -8px;">
<div class="ant-row" style="margin-left: -8px; margin-right: -8px;">
<div style="width: 25%; max-width: 25%;">
<div role="cell" class="ant-col" style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;">
<div class="ant-col" style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;">
<div class="ant-list-item">
<div class="ant-card ant-card-bordered">
<div class="ant-card-head">
@ -89,7 +89,7 @@ exports[`renders ./components/list/demo/grid.vue correctly 1`] = `
</div>
</div>
<div style="width: 25%; max-width: 25%;">
<div role="cell" class="ant-col" style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;">
<div class="ant-col" style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;">
<div class="ant-list-item">
<div class="ant-card ant-card-bordered">
<div class="ant-card-head">
@ -109,7 +109,7 @@ exports[`renders ./components/list/demo/grid.vue correctly 1`] = `
</div>
</div>
<div style="width: 25%; max-width: 25%;">
<div role="cell" class="ant-col" style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;">
<div class="ant-col" style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;">
<div class="ant-list-item">
<div class="ant-card ant-card-bordered">
<div class="ant-card-head">
@ -129,7 +129,7 @@ exports[`renders ./components/list/demo/grid.vue correctly 1`] = `
</div>
</div>
<div style="width: 25%; max-width: 25%;">
<div role="cell" class="ant-col" style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;">
<div class="ant-col" style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;">
<div class="ant-list-item">
<div class="ant-card ant-card-bordered">
<div class="ant-card-head">
@ -163,9 +163,9 @@ exports[`renders ./components/list/demo/resposive.vue correctly 1`] = `
<div class="ant-spin-nested-loading">
<!---->
<div class="ant-spin-container">
<div role="row" class="ant-row" style="margin-left: -8px; margin-right: -8px;">
<div class="ant-row" style="margin-left: -8px; margin-right: -8px;">
<div style="width: 100%; max-width: 100%;">
<div role="cell" class="ant-col" style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;">
<div class="ant-col" style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;">
<div class="ant-list-item">
<div class="ant-card ant-card-bordered">
<div class="ant-card-head">
@ -185,7 +185,7 @@ exports[`renders ./components/list/demo/resposive.vue correctly 1`] = `
</div>
</div>
<div style="width: 100%; max-width: 100%;">
<div role="cell" class="ant-col" style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;">
<div class="ant-col" style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;">
<div class="ant-list-item">
<div class="ant-card ant-card-bordered">
<div class="ant-card-head">
@ -205,7 +205,7 @@ exports[`renders ./components/list/demo/resposive.vue correctly 1`] = `
</div>
</div>
<div style="width: 100%; max-width: 100%;">
<div role="cell" class="ant-col" style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;">
<div class="ant-col" style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;">
<div class="ant-list-item">
<div class="ant-card ant-card-bordered">
<div class="ant-card-head">
@ -225,7 +225,7 @@ exports[`renders ./components/list/demo/resposive.vue correctly 1`] = `
</div>
</div>
<div style="width: 100%; max-width: 100%;">
<div role="cell" class="ant-col" style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;">
<div class="ant-col" style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;">
<div class="ant-list-item">
<div class="ant-card ant-card-bordered">
<div class="ant-card-head">
@ -245,7 +245,7 @@ exports[`renders ./components/list/demo/resposive.vue correctly 1`] = `
</div>
</div>
<div style="width: 100%; max-width: 100%;">
<div role="cell" class="ant-col" style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;">
<div class="ant-col" style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;">
<div class="ant-list-item">
<div class="ant-card ant-card-bordered">
<div class="ant-card-head">
@ -265,7 +265,7 @@ exports[`renders ./components/list/demo/resposive.vue correctly 1`] = `
</div>
</div>
<div style="width: 100%; max-width: 100%;">
<div role="cell" class="ant-col" style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;">
<div class="ant-col" style="padding-left: 8px; padding-right: 8px; flex: 1 1 auto;">
<div class="ant-list-item">
<div class="ant-card ant-card-bordered">
<div class="ant-card-head">

16
components/mentions/__tests__/__snapshots__/demo.test.js.snap
View File

@ -14,11 +14,11 @@ exports[`renders ./components/mentions/demo/basic.vue correctly 1`] = `
exports[`renders ./components/mentions/demo/form.vue correctly 1`] = `
<form class="ant-form ant-form-horizontal">
<div role="row" class="ant-row ant-form-item">
<div role="cell" class="ant-col ant-col-6 ant-form-item-label"><label for="form_item_coders" class="ant-form-item-required" title="Top coders">Top coders
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-6 ant-form-item-label"><label for="form_item_coders" class="ant-form-item-required" title="Top coders">Top coders
<!---->
</label></div>
<div role="cell" class="ant-col ant-col-18 ant-form-item-control">
<div class="ant-col ant-col-18 ant-form-item-control">
<div class="ant-form-item-control-input">
<div class="ant-form-item-control-input-content">
<div class="ant-mentions"><textarea rows="1" id="form_item_coders"></textarea>
@ -30,11 +30,11 @@ exports[`renders ./components/mentions/demo/form.vue correctly 1`] = `
<!---->
</div>
</div>
<div role="row" class="ant-row ant-form-item">
<div role="cell" class="ant-col ant-col-6 ant-form-item-label"><label for="form_item_bio" class="ant-form-item-required" title="Bio">Bio
<div class="ant-row ant-form-item">
<div class="ant-col ant-col-6 ant-form-item-label"><label for="form_item_bio" class="ant-form-item-required" title="Bio">Bio
<!---->
</label></div>
<div role="cell" class="ant-col ant-col-18 ant-form-item-control">
<div class="ant-col ant-col-18 ant-form-item-control">
<div class="ant-form-item-control-input">
<div class="ant-form-item-control-input-content">
<div class="ant-mentions"><textarea rows="3" placeholder="You can use @ to ref user here" id="form_item_bio"></textarea>
@ -46,9 +46,9 @@ exports[`renders ./components/mentions/demo/form.vue correctly 1`] = `
<!---->
</div>
</div>
<div role="row" class="ant-row ant-form-item">
<div class="ant-row ant-form-item">
<!---->
<div role="cell" class="ant-col ant-col-12 ant-col-offset-5 ant-form-item-control">
<div class="ant-col ant-col-12 ant-col-offset-5 ant-form-item-control">
<div class="ant-form-item-control-input">
<div class="ant-form-item-control-input-content"><button class="ant-btn ant-btn-primary" type="button">
<!----><span>Submit</span>

2
components/page-header/__tests__/__snapshots__/demo.test.js.snap
View File

@ -429,7 +429,6 @@ exports[`renders ./components/page-header/demo/actions.vue correctly 1`] = `
<div
class="ant-row"
role="row"
type="flex"
>
@ -933,7 +932,6 @@ exports[`renders ./components/page-header/demo/content.vue correctly 1`] = `
<div
class="ant-row content"
role="row"
>
<div

30
components/skeleton/__tests__/__snapshots__/demo.test.js.snap
View File

@ -83,11 +83,11 @@ exports[`renders ./components/skeleton/demo/element.vue correctly 1`] = `
<!---->
</div>
<form style="margin: 16px 0px;" class="ant-form ant-form-inline">
<div role="row" class="ant-row ant-form-item">
<div role="cell" class="ant-col ant-form-item-label"><label class="" title="Active">Active
<div class="ant-row ant-form-item">
<div class="ant-col ant-form-item-label"><label class="" title="Active">Active
<!---->
</label></div>
<div role="cell" class="ant-col ant-form-item-control">
<div class="ant-col ant-form-item-control">
<div class="ant-form-item-control-input">
<div class="ant-form-item-control-input-content"><button type="button" role="switch" aria-checked="false" class="ant-switch">
<div class="ant-switch-handle">
@ -99,11 +99,11 @@ exports[`renders ./components/skeleton/demo/element.vue correctly 1`] = `
<!---->
</div>
</div>
<div role="row" class="ant-row ant-form-item">
<div role="cell" class="ant-col ant-form-item-label"><label class="" title="Button Block">Button Block
<div class="ant-row ant-form-item">
<div class="ant-col ant-form-item-label"><label class="" title="Button Block">Button Block
<!---->
</label></div>
<div role="cell" class="ant-col ant-form-item-control">
<div class="ant-col ant-form-item-control">
<div class="ant-form-item-control-input">
<div class="ant-form-item-control-input-content"><button type="button" role="switch" aria-checked="false" class="ant-switch">
<div class="ant-switch-handle">
@ -115,11 +115,11 @@ exports[`renders ./components/skeleton/demo/element.vue correctly 1`] = `
<!---->
</div>
</div>
<div role="row" class="ant-row ant-form-item">
<div role="cell" class="ant-col ant-form-item-label"><label class="" title="Size">Size
<div class="ant-row ant-form-item">
<div class="ant-col ant-form-item-label"><label class="" title="Size">Size
<!---->
</label></div>
<div role="cell" class="ant-col ant-form-item-control">
<div class="ant-col ant-form-item-control">
<div class="ant-form-item-control-input">
<div class="ant-form-item-control-input-content">
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked ant-radio-button-wrapper-in-form-item"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="default"><span class="ant-radio-button-inner"></span></span><span>Default</span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="large"><span class="ant-radio-button-inner"></span></span><span>Large</span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="small"><span class="ant-radio-button-inner"></span></span><span>Small</span></label></div>
@ -129,11 +129,11 @@ exports[`renders ./components/skeleton/demo/element.vue correctly 1`] = `
<!---->
</div>
</div>
<div role="row" class="ant-row ant-form-item">
<div role="cell" class="ant-col ant-form-item-label"><label class="" title="Button Shape">Button Shape
<div class="ant-row ant-form-item">
<div class="ant-col ant-form-item-label"><label class="" title="Button Shape">Button Shape
<!---->
</label></div>
<div role="cell" class="ant-col ant-form-item-control">
<div class="ant-col ant-form-item-control">
<div class="ant-form-item-control-input">
<div class="ant-form-item-control-input-content">
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked ant-radio-button-wrapper-in-form-item"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="default"><span class="ant-radio-button-inner"></span></span><span>Default</span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="round"><span class="ant-radio-button-inner"></span></span><span>Round</span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="circle"><span class="ant-radio-button-inner"></span></span><span>Circle</span></label></div>
@ -143,11 +143,11 @@ exports[`renders ./components/skeleton/demo/element.vue correctly 1`] = `
<!---->
</div>
</div>
<div role="row" class="ant-row ant-form-item">
<div role="cell" class="ant-col ant-form-item-label"><label class="" title="Avatar Shape">Avatar Shape
<div class="ant-row ant-form-item">
<div class="ant-col ant-form-item-label"><label class="" title="Avatar Shape">Avatar Shape
<!---->
</label></div>
<div role="cell" class="ant-col ant-form-item-control">
<div class="ant-col ant-form-item-control">
<div class="ant-form-item-control-input">
<div class="ant-form-item-control-input-content">
<div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="square"><span class="ant-radio-button-inner"></span></span><span>Square</span></label><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked ant-radio-button-wrapper-in-form-item"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="circle"><span class="ant-radio-button-inner"></span></span><span>Circle</span></label></div>

12
components/slider/__tests__/__snapshots__/demo.test.js.snap
View File

@ -65,8 +65,8 @@ exports[`renders ./components/slider/demo/icon-slider.vue correctly 1`] = `
exports[`renders ./components/slider/demo/input-number.vue correctly 1`] = `
<div>
<div role="row" class="ant-row">
<div role="cell" class="ant-col ant-col-12">
<div class="ant-row">
<div class="ant-col ant-col-12">
<div tabindex="-1" class="ant-slider">
<div class="ant-slider-rail"></div>
<div class="ant-slider-track" style="left: 0%; width: 0%;"></div>
@ -76,15 +76,15 @@ exports[`renders ./components/slider/demo/input-number.vue correctly 1`] = `
<div class="ant-slider-mark"></div>
</div>
</div>
<div role="cell" class="ant-col ant-col-4">
<div class="ant-col ant-col-4">
<div class="ant-input-number" style="margin-left: 16px;">
<div class="ant-input-number-handler-wrap"><span unselectable="on" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up"><span role="img" aria-label="up" class="anticon anticon-up ant-input-number-handler-up-inner"><svg focusable="false" class="" data-icon="up" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"></path></svg></span></span><span unselectable="on" role="button" aria-label="Decrease Value" aria-disabled="true" class="ant-input-number-handler ant-input-number-handler-down ant-input-number-handler-down-disabled"><span role="img" aria-label="down" class="anticon anticon-down ant-input-number-handler-down-inner"><svg focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span></div>
<div class="ant-input-number-input-wrap"><input autocomplete="off" role="spinbutton" aria-valuemin="1" aria-valuemax="20" aria-valuenow="1" step="1" class="ant-input-number-input"></div>
</div>
</div>
</div>
<div role="row" class="ant-row">
<div role="cell" class="ant-col ant-col-12">
<div class="ant-row">
<div class="ant-col ant-col-12">
<div tabindex="-1" class="ant-slider">
<div class="ant-slider-rail"></div>
<div class="ant-slider-track" style="left: 0%; width: 0%;"></div>
@ -94,7 +94,7 @@ exports[`renders ./components/slider/demo/input-number.vue correctly 1`] = `
<div class="ant-slider-mark"></div>
</div>
</div>
<div role="cell" class="ant-col ant-col-4">
<div class="ant-col ant-col-4">
<div class="ant-input-number" style="margin-left: 16px;">
<div class="ant-input-number-handler-wrap"><span unselectable="on" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up"><span role="img" aria-label="up" class="anticon anticon-up ant-input-number-handler-up-inner"><svg focusable="false" class="" data-icon="up" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"></path></svg></span></span><span unselectable="on" role="button" aria-label="Decrease Value" aria-disabled="true" class="ant-input-number-handler ant-input-number-handler-down ant-input-number-handler-down-disabled"><span role="img" aria-label="down" class="anticon anticon-down ant-input-number-handler-down-inner"><svg focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span></div>
<div class="ant-input-number-input-wrap"><input autocomplete="off" role="spinbutton" aria-valuemin="0" aria-valuemax="1" aria-valuenow="0" step="0.01" class="ant-input-number-input"></div>

2
components/statistic/Number.tsx
View File

@ -27,7 +27,7 @@ const StatisticNumber: FunctionalComponent<NumberProps> = props => {
int = int.replace(/\B(?=(\d{3})+(?!\d))/g, groupSeparator);
if (typeof precision === 'number') {
decimal = padEnd(decimal, precision, '0').slice(0, precision);
decimal = padEnd(decimal, precision, '0').slice(0, precision > 0 ? precision : 0);
}
if (decimal) {

32
components/statistic/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,8 +1,8 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/statistic/demo/basic.vue correctly 1`] = `
<div role="row" class="ant-row">
<div role="cell" class="ant-col ant-col-12">
<div class="ant-row">
<div class="ant-col ant-col-12">
<div class="ant-statistic" style="margin-right: 50px;">
<div class="ant-statistic-title">Active Users</div>
<div class="ant-statistic-content">
@ -11,7 +11,7 @@ exports[`renders ./components/statistic/demo/basic.vue correctly 1`] = `
</div>
</div>
</div>
<div role="cell" class="ant-col ant-col-12">
<div class="ant-col ant-col-12">
<div class="ant-statistic">
<div class="ant-statistic-title">Account Balance (CNY)</div>
<div class="ant-statistic-content">
@ -25,8 +25,8 @@ exports[`renders ./components/statistic/demo/basic.vue correctly 1`] = `
exports[`renders ./components/statistic/demo/card.vue correctly 1`] = `
<div style="background: rgb(236, 236, 236); padding: 30px;">
<div role="row" class="ant-row" style="margin-left: -8px; margin-right: -8px;">
<div role="cell" class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
<div class="ant-row" style="margin-left: -8px; margin-right: -8px;">
<div class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
<div class="ant-card ant-card-bordered">
<!---->
<!---->
@ -39,7 +39,7 @@ exports[`renders ./components/statistic/demo/card.vue correctly 1`] = `
<!---->
</div>
</div>
<div role="cell" class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
<div class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
<div class="ant-card ant-card-bordered">
<!---->
<!---->
@ -57,8 +57,8 @@ exports[`renders ./components/statistic/demo/card.vue correctly 1`] = `
`;
exports[`renders ./components/statistic/demo/countdown.vue correctly 1`] = `
<div role="row" class="ant-row" style="margin-left: -8px; margin-right: -8px;">
<div role="cell" class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
<div class="ant-row" style="margin-left: -8px; margin-right: -8px;">
<div class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
<div class="ant-statistic" style="margin-right: 50px;">
<div class="ant-statistic-title">Countdown</div>
<div class="ant-statistic-content">
@ -67,7 +67,7 @@ exports[`renders ./components/statistic/demo/countdown.vue correctly 1`] = `
</div>
</div>
</div>
<div role="cell" class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
<div class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
<div class="ant-statistic" style="margin-right: 50px;">
<div class="ant-statistic-title">Million Seconds</div>
<div class="ant-statistic-content">
@ -76,7 +76,7 @@ exports[`renders ./components/statistic/demo/countdown.vue correctly 1`] = `
</div>
</div>
</div>
<div role="cell" class="ant-col ant-col-24" style="padding-left: 8px; padding-right: 8px; margin-top: 32px;">
<div class="ant-col ant-col-24" style="padding-left: 8px; padding-right: 8px; margin-top: 32px;">
<div class="ant-statistic">
<div class="ant-statistic-title">Day Level</div>
<div class="ant-statistic-content">
@ -89,8 +89,8 @@ exports[`renders ./components/statistic/demo/countdown.vue correctly 1`] = `
`;
exports[`renders ./components/statistic/demo/countdown-slot.vue correctly 1`] = `
<div role="row" class="ant-row" style="margin-left: -8px; margin-right: -8px;">
<div role="cell" class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
<div class="ant-row" style="margin-left: -8px; margin-right: -8px;">
<div class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
<div class="ant-statistic" style="margin-right: 50px;">
<div class="ant-statistic-title"><span>Countdown</span>
<!----><span role="img" aria-label="question-circle" style="margin-left: 5px;" tabindex="-1" class="anticon anticon-question-circle"><svg focusable="false" class="" data-icon="question-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="#1890ff"></path><path d="M512 140c-205.4 0-372 166.6-372 372s166.6 372 372 372 372-166.6 372-372-166.6-372-372-372zm0 632c-22.1 0-40-17.9-40-40s17.9-40 40-40 40 17.9 40 40-17.9 40-40 40zm62.9-219.5a48.3 48.3 0 00-30.9 44.8V620c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8v-21.5c0-23.1 6.7-45.9 19.9-64.9 12.9-18.6 30.9-32.8 52.1-40.9 34-13.1 56-41.6 56-72.7 0-44.1-43.1-80-96-80s-96 35.9-96 80v7.6c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V420c0-39.3 17.2-76 48.4-103.3C430.4 290.4 470 276 512 276s81.6 14.5 111.6 40.7C654.8 344 672 380.7 672 420c0 57.8-38.1 109.8-97.1 132.5z" fill="#e6f7ff"></path><path d="M472 732a40 40 0 1080 0 40 40 0 10-80 0zm151.6-415.3C593.6 290.5 554 276 512 276s-81.6 14.4-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.2 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5 0-39.3-17.2-76-48.4-103.3z" fill="#1890ff"></path></svg></span>
@ -101,7 +101,7 @@ exports[`renders ./components/statistic/demo/countdown-slot.vue correctly 1`] =
</div>
</div>
</div>
<div role="cell" class="ant-col ant-col-24" style="padding-left: 8px; padding-right: 8px; margin-top: 32px;">
<div class="ant-col ant-col-24" style="padding-left: 8px; padding-right: 8px; margin-top: 32px;">
<div class="ant-statistic" style="margin-right: 50px;">
<div class="ant-statistic-title">Million Seconds countdown</div>
<div class="ant-statistic-content"><span class="ant-statistic-content-prefix"><span>There's only</span></span><span class="ant-statistic-content-value">40:00:00:000</span><span class="ant-statistic-content-suffix"><span>left for the end.</span></span></div>
@ -111,8 +111,8 @@ exports[`renders ./components/statistic/demo/countdown-slot.vue correctly 1`] =
`;
exports[`renders ./components/statistic/demo/unit.vue correctly 1`] = `
<div role="row" class="ant-row" style="margin-left: -8px; margin-right: -8px;">
<div role="cell" class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
<div class="ant-row" style="margin-left: -8px; margin-right: -8px;">
<div class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
<div class="ant-statistic" style="margin-right: 50px;">
<div class="ant-statistic-title">Feedback</div>
<div class="ant-statistic-content">
@ -120,7 +120,7 @@ exports[`renders ./components/statistic/demo/unit.vue correctly 1`] = `
</div>
</div>
</div>
<div role="cell" class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
<div class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
<div class="ant-statistic demo-class">
<div class="ant-statistic-title">Unmerged</div>
<div class="ant-statistic-content">

2
components/style/themes/default.less
View File

@ -512,7 +512,7 @@
// ---
@anchor-bg: transparent;
@anchor-border-color: @border-color-split;
@anchor-link-top: 7px;
@anchor-link-top: 4px;
@anchor-link-left: 16px;
@anchor-link-padding: @anchor-link-top 0 @anchor-link-top @anchor-link-left;

2
components/style/themes/variable.less
View File

@ -567,7 +567,7 @@
// ---
@anchor-bg: transparent;
@anchor-border-color: @border-color-split;
@anchor-link-top: 7px;
@anchor-link-top: 4px;
@anchor-link-left: 16px;
@anchor-link-padding: @anchor-link-top 0 @anchor-link-top @anchor-link-left;

3
components/table/style/bordered.less
View File

@ -129,7 +129,8 @@
border-top: 0;
}
&-scrollbar {
// https://github.com/ant-design/ant-design/issues/35577
&-scrollbar:not([rowspan]) {
box-shadow: 0 @border-width-base 0 @border-width-base @table-header-bg;
}
}

2
components/tooltip/style/index.less
View File

@ -65,7 +65,7 @@
text-decoration: none;
word-wrap: break-word;
background-color: @tooltip-bg;
border-radius: @tooltip-border-radius;
border-radius: @border-radius-base;
box-shadow: @box-shadow-base;
}

2
components/tree/style/rtl.less
View File

@ -56,7 +56,7 @@
}
// >>> Checkbox
&-checkbox {
.@{tree-prefix-cls}-rtl& {
.@{tree-prefix-cls}-rtl & {
margin: ((@tree-title-height - @checkbox-size) / 2) 0 0 8px;
}
}

2
components/vc-drawer/index.ts
View File

@ -1,4 +1,4 @@
// base rc-drawer 4.4.2
// base rc-drawer 4.4.3
import Drawer from './src/DrawerWrapper';
export default Drawer;

11
components/vc-drawer/src/DrawerChild.tsx
View File

@ -32,6 +32,10 @@ export interface scrollLockOptions {
container: HTMLElement;
}
interface Point {
x: number;
y: number;
}
const DrawerChild = defineComponent({
inheritAttrs: false,
props: drawerChildProps(),
@ -41,7 +45,7 @@ const DrawerChild = defineComponent({
startPos: {
x: null,
y: null,
},
} as Point | null,
});
let timeout;
const contentWrapper = ref<HTMLElement>();
@ -136,6 +140,8 @@ const DrawerChild = defineComponent({
const removeStartHandler = (e: TouchEvent) => {
if (e.touches.length > 1) {
// need clear the startPos when another touch event happens
state.startPos = null;
return;
}
state.startPos = {
@ -145,7 +151,8 @@ const DrawerChild = defineComponent({
};
const removeMoveHandler = (e: TouchEvent) => {
if (e.changedTouches.length > 1) {
// the startPos may be null or undefined
if (e.changedTouches.length > 1 || !state.startPos) {
return;
}
const currentTarget = e.currentTarget as HTMLElement;

3
components/vc-drawer/src/DrawerWrapper.tsx
View File

@ -36,8 +36,7 @@ const DrawerWrapper = defineComponent({
};
return () => {
const { afterVisibleChange, getContainer, wrapperClassName, forceRender, ...otherProps } =
props;
const { getContainer, wrapperClassName, forceRender, ...otherProps } = props;
let portal = null;
if (!getContainer) {