test/ant-design-vue
1
0
Fork 0
mirror of https://gitee.com/ant-design-vue/ant-design-vue.git synced 2024-11-29 18:48:32 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix(grid): remove grid xxxl attribute (#6572)

Browse Source 
* fix: remove grid xxxl attribute

* docs: remove xxxl in grid docs
This commit is contained in:
Zev Zhu 2023-05-16 22:30:18 +08:00 committed by GitHub
parent a694167f37
commit 4c8cc0129f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 4 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/grid/Col.tsx
View File

@ -59,17 +59,13 @@ export const colProps = () => ({
type: [String, Number, Object] as PropType<string | number | ColSize>,
default: undefined as string | number | ColSize,
},
xxxl: {
type: [String, Number, Object] as PropType<string | number | ColSize>,
default: undefined as string | number | ColSize,
},
prefixCls: String,
flex: [String, Number],
});
export type ColProps = Partial<ExtractPropTypes<ReturnType<typeof colProps>>>;
const sizes = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl', 'xxxl'] as const;
const sizes = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'] as const;
export default defineComponent({
compatConfig: { MODE: 3 },
name: 'ACol',

4
components/grid/Row.tsx
View File

@ -19,7 +19,7 @@ const RowJustify = [
'space-evenly',
] as const;
type Responsive = 'xxxl' | 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
type Responsive = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
type ResponsiveLike<T> = {
[key in Responsive]?: T;
};
@ -64,7 +64,6 @@ const ARow = defineComponent({
lg: true,
xl: true,
xxl: true,
xxxl: true,
});
const curScreens = ref<ScreenMap>({
@ -74,7 +73,6 @@ const ARow = defineComponent({
lg: false,
xl: false,
xxl: false,
xxxl: false,
});
const mergePropsByScreen = (oriProp: 'align' | 'justify') => {

2
components/grid/demo/responsive-more.vue
View File

@ -14,7 +14,7 @@ title:
## en-US
`span` `pull` `push` `offset` `order` property can be embedded into `xs` `sm` `md` `lg` `xl` `xxl` `xxxl` properties to use, where `:xs="6"` is equivalent to `:xs="{ span: 6 }"`.
`span` `pull` `push` `offset` `order` property can be embedded into `xs` `sm` `md` `lg` `xl` `xxl` properties to use, where `:xs="6"` is equivalent to `:xs="{ span: 6 }"`.
</docs>
<template>

5
components/list/demo/resposive.vue
View File

@ -17,10 +17,7 @@ Responsive grid list. The size property is as same as [Layout Grid](https://www.
</docs>
<template>
<a-list
:grid="{ gutter: 16, xs: 1, sm: 2, md: 4, lg: 4, xl: 6, xxl: 3, xxxl: 2 }"
:data-source="data"
>
<a-list :grid="{ gutter: 16, xs: 1, sm: 2, md: 4, lg: 4, xl: 6, xxl: 3 }" :data-source="data">
<template #renderItem="{ item }">
<a-list-item>
<a-card :title="item.title">Card content</a-card>