types: 💡 tsc error

Author: jsxiaosi

package.json

@@ -1,13 +1,13 @@
 {
-  "name": "xsadmin",
+  "name": "vue-xs-admin",
   "version": "1.6.1",
+  "packageManager": "[email protected]",
   "author": {
     "name": "小斯斯",
     "email": "[email protected]",
     "url": "https://github.com/SuperCuteXiaoSi"
   },
   "license": "MIT",
-  "packageManager": "[email protected]",
   "engines": {
     "node": ">=16",
     "pnpm": ">=8.1.0"

src/components/Table/index.vue

@@ -2,23 +2,29 @@
   import type { PropType } from 'vue';
   import TableChild from './src/components/TableChild.vue';
   defineProps({
-    attribute: {
-      type: Object as PropType<Recordable>,
-      default: () => {},
+    data: {
+      type: Array as PropType<Recordable[]>,
+      default: () => {
+        return [];
+      },
     },
     option: {
       type: Object as PropType<Recordable>,
       default: () => {},
     },
+    border: {
+      type: Boolean,
+      default: false,
+    },
   });
 </script>
 
 <template>
   <div>
-    <el-table v-bind="$attrs" style="width: 100%">
+    <el-table v-bind="$attrs" :data="data" :border="border" style="width: 100%">
       <TableChild v-for="(item, index) in option" :key="index" :item="item">
-        <template v-for="soitem in Object.keys($slots)" #[soitem]="data">
-          <slot :name="soitem" v-bind="((data || {}) as Recordable)"></slot>
+        <template v-for="soitem in Object.keys($slots)" #[soitem]="_data">
+          <slot :name="soitem" v-bind="((_data || {}) as Recordable)"></slot>
         </template>
       </TableChild>
     </el-table>

src/views/useradmin/async-component/component/ToModal.vue

@@ -2,7 +2,13 @@
   import { ref } from 'vue';
   import Table from '@/components/Table/index.vue';
 
-  const data = () => {
+  interface TableList {
+    date: string;
+    name: string;
+    address: string;
+  }
+
+  const data = (): Promise<TableList[]> => {
     return new Promise((resolve) => {
       setTimeout(() => {
         resolve([
@@ -32,7 +38,7 @@
   };
 
   const res = await data();
-  const tabList = ref(res);
+  const tabList = ref<TableList[]>(res);
 
   const option = [
     {

tsconfig.json

@@ -12,12 +12,12 @@
     "allowSyntheticDefaultImports": true,
     "strictFunctionTypes": false,
     "jsx": "preserve",
-    "baseUrl": ".",
+    "baseUrl": "./",
     "allowJs": false,
     "sourceMap": true,
     "esModuleInterop": true,
     "resolveJsonModule": true,
-    "incremental": true,
+    "incremental": false,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "experimentalDecorators": true,

tsconfig.node.json

@@ -3,6 +3,7 @@
     "composite": true,
     "module": "ESNext",
     "moduleResolution": "Node",
+    "baseUrl": "./",
     "allowSyntheticDefaultImports": true,
     "types": ["vite/client"]
   },