🦄 refactor: 暂存

src/components/ZmTable/index.vue

@@ -1,80 +0,0 @@
-<script lang="ts" setup>
-import { TableColumn } from './types'
-
-const props = defineProps<{
-  data: any[]
-  columns: TableColumn[]
-  loading: boolean
-  showPagination?: boolean
-  total?: number
-  pageNo?: number
-  pageSize?: number
-}>()
-
-const { pageNo, pageSize, columns } = toRefs(props)
-
-const emits = defineEmits(['sortfn', 'handleQuery', 'handleSizeChange', 'handleCurrentChange'])
-</script>
-
-<template>
-  <div class="flex flex-col h-full bg-white dark:bg-[#1d1e1f] shadow rounded-lg">
-    <div class="flex-1 relative">
-      <el-auto-resizer class="absolute">
-        <template #default="{ width, height }">
-          <el-table
-            :data="data"
-            v-loading="loading"
-            stripe
-            class="absolute"
-            :max-height="height"
-            :height="height"
-            show-overflow-tooltip
-            :width="width"
-            scrollbar-always-on
-            border
-          >
-            <template v-for="col in columns" :key="col.key">
-              <el-table-column
-                :align="col.align"
-                :fixed="col.fixed"
-                :label="col.label"
-                :prop="col.prop"
-                :min-width="col.minWidth"
-                resizable
-                v-if="col.children && col.children.length > 0"
-              >
-                <template v-for="child in col.children" :key="child.key">
-                  <el-table-column
-                    :align="child.align"
-                    :fixed="col.fixed"
-                    :label="col.label"
-                    :prop="col.prop"
-                    :min-width="col.minWidth"
-                    resizable
-                  >
-                    <template #header> </template>
-                  </el-table-column>
-                </template>
-              </el-table-column>
-            </template>
-          </el-table>
-        </template>
-      </el-auto-resizer>
-    </div>
-    <div v-show="showPagination" class="h-10 mt-4 flex items-center justify-end">
-      <el-pagination
-        size="default"
-        v-model:current-page="pageNo"
-        v-model:page-size="pageSize"
-        :background="true"
-        :page-sizes="[10, 20, 30, 50, 100]"
-        :total="total"
-        layout="total, sizes, prev, pager, next, jumper"
-        @size-change="emits('handleSizeChange')"
-        @current-change="emits('handleCurrentChange')"
-      />
-    </div>
-  </div>
-</template>
-
-<style scoped></style>

src/views/test/index.vue

@@ -1,52 +1,8 @@
-<script lang="ts" setup>
-import { TableColumn } from '@/components/ZmTable/types'
-
-interface List {
-  name: string
-  age: number
-  gender: string
-  createTime: string
-  updateTime: string
-}
-const loading = ref(false)
-
-const total = ref(2)
-
-const list = ref<List[]>([])
-
-const columns = ref<TableColumn<List>[]>([{}])
-
-function fetchList(params) {
-  loading.value = true
-  console.log('查询参数', params)
-
-  // mock
-  setTimeout(() => {
-    list.value = [
-      {
-        name: '张三',
-        age: 18,
-        gender: '男',
-        createTime: '2023-01-01 00:00:00',
-        updateTime: '2023-01-01 00:00:00'
-      },
-      {
-        name: '李四',
-        age: 20,
-        gender: '男',
-        createTime: '2023-01-02 00:00:00',
-        updateTime: '2023-01-02 00:00:00'
-      }
-    ]
-    total.value = 2
-    loading.value = false
-  }, 500)
-}
-</script>
+<script lang="ts" setup></script>
 <template>
   <div
     class="h-[calc(100vh-20px-var(--top-tool-height)-var(--tags-view-height)-var(--app-footer-height))]"
   >
-    <zm-table />
+    123123123123
   </div>
 </template>