perf: implement data board detail select widget list responsive layout

@@ -10,6 +10,8 @@
   }>();
   const emit = defineEmits(['update:value']);
 
+  const grid = { gutter: 10, column: 1, xs: 1, sm: 2, md: 2, lg: 3, xl: 3, xxl: 4 };
+
   const handleCheck = (checked: string) => {
     emit('update:value', checked);
   };
@@ -19,10 +21,7 @@
   <section>
     <Tabs>
       <Tabs.TabPane key="1" tab="文本组件">
-        <List
-          :grid="{ gutter: 10, column: 3, xs: 3, sm: 3, md: 3, lg: 3, xl: 3, xxl: 3 }"
-          :data-source="textComponentConfig"
-        >
+        <List :grid="grid" :data-source="textComponentConfig">
           <template #renderItem="{ item }">
             <List.Item class="!flex !justify-center">
               <VisualWidgetSelect
@@ -37,10 +36,7 @@
         </List>
       </Tabs.TabPane>
       <Tabs.TabPane key="2" tab="图片组件">
-        <List
-          :grid="{ gutter: 10, column: 3, xs: 3, sm: 3, md: 3, lg: 3, xl: 3, xxl: 3 }"
-          :data-source="pictureComponentList"
-        >
+        <List :grid="grid" :data-source="pictureComponentList">
           <template #renderItem="{ item }">
             <List.Item class="!flex !justify-center">
               <VisualWidgetSelect
@@ -55,10 +51,7 @@
         </List>
       </Tabs.TabPane>
       <Tabs.TabPane key="3" tab="仪表组件">
-        <List
-          :grid="{ gutter: 10, column: 3, xs: 3, sm: 3, md: 3, lg: 3, xl: 3, xxl: 3 }"
-          :data-source="instrumentComponentConfig"
-        >
+        <List :grid="grid" :data-source="instrumentComponentConfig">
           <template #renderItem="{ item }">
             <List.Item class="!flex !justify-center">
               <VisualWidgetSelect