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

* fix: remove grid xxxl attribute

* docs: remove xxxl in grid docs

Author: aibayanyu20

components/grid/Col.tsx

@@ -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',

components/grid/Row.tsx

@@ -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') => {

components/grid/demo/responsive-more.vue

@@ -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>

components/list/demo/resposive.vue

@@ -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>