feat: 重写示例

package.json

@@ -57,6 +57,7 @@
     "@element-plus/icons-vue": "^2.3.1",
     "@unocss/reset": "^0.61.5",
     "@vueuse/core": "^10.11.0",
+    "axios": "^1.7.3",
     "dayjs": "^1.11.12",
     "element-plus": "^2.7.7",
     "sortablejs": "^1.15.2",

packages/components/ProTable/components/ColSetting.vue

@@ -19,7 +19,7 @@ defineExpose({
 <template>
   <!-- 列设置 -->
   <el-drawer v-model="drawerVisible" title="列设置" size="450px">
-    <div class="card table-main">
+    <div class="table-main">
       <el-table :data="colSetting" :border="true" row-key="prop" default-expand-all :tree-props="{ children: '_children' }">
         <el-table-column prop="label" align="center" label="列名" />
         <el-table-column v-slot="scope" prop="isShow" align="center" label="显示">
@@ -36,6 +36,7 @@ defineExpose({
         </template>
       </el-table>
     </div>
+    <template #footer />
   </el-drawer>
 </template>
 

packages/components/ProTable/index.vue

@@ -234,7 +234,7 @@ defineExpose({
   />
 
   <!-- 表格主体 -->
-  <div class="card table-main">
+  <div class="table-main">
     <!-- 表格头部 操作按钮 -->
     <div class="table-header">
       <div class="header-button-lf">
@@ -271,20 +271,20 @@ defineExpose({
           v-if="item.type && columnTypes.includes(item.type)"
           v-bind="item"
           :align="item.align ?? 'center'"
-          :reserve-selection="item.type == 'selection'"
+          :reserve-selection="item.type === 'selection'"
         >
           <template #default="scope">
             <!-- expand -->
-            <template v-if="item.type == 'expand'">
+            <template v-if="item.type === 'expand'">
               <component :is="item.render" v-bind="scope" v-if="item.render" />
               <slot v-else :name="item.type" v-bind="scope" />
             </template>
             <!-- radio -->
-            <el-radio v-if="item.type == 'radio'" v-model="radio" :label="scope.row[rowKey]">
+            <el-radio v-if="item.type === 'radio'" v-model="radio" :label="scope.row[rowKey]">
               <i />
             </el-radio>
             <!-- sort -->
-            <el-tag v-if="item.type == 'sort'" class="move">
+            <el-tag v-if="item.type === 'sort'" class="move">
               <el-icon> <DCaret /></el-icon>
             </el-tag>
           </template>

packages/components/SearchForm/index.vue

@@ -65,8 +65,8 @@ const showCollapse = computed(() => {
 </script>
 
 <template>
-  <div v-if="columns.length" class="card table-search">
-    <el-form ref="formRef" :model="searchParam">
+  <div v-if="columns.length" class="table-search">
+    <el-form :model="searchParam">
       <Grid ref="gridRef" :collapsed="collapsed" :gap="[20, 0]" :cols="searchCol">
         <GridItem v-for="(item, index) in columns" :key="item.prop" v-bind="getResponsive(item)" :index="index">
           <el-form-item>