feat: add ample demos to @pureadmin/table (#379)

* feat: add ample demos to @pureadmin/table

src/views/system/user/columns.tsx

@@ -6,10 +6,11 @@ import { Switch, message } from "@pureadmin/components";
 export function useColumns() {
   const switchLoadMap = ref({});
 
-  const columns = ref([
+  const columns: TableColumnList = [
     {
       type: "selection",
       width: 55,
+      align: "left",
       hide: ({ checkList }) => !checkList.includes("勾选列")
     },
     {
@@ -65,7 +66,7 @@ export function useColumns() {
           unCheckedValue={0}
           checked-children="已开启"
           un-checked-children="已关闭"
-          onChange={() => onChange(scope)}
+          onChange={() => onChange(scope as any)}
         />
       )
     },
@@ -82,7 +83,7 @@ export function useColumns() {
       width: 180,
       slot: "operation"
     }
-  ]);
+  ];
 
   function onChange({ row, index }) {
     ElMessageBox.confirm(

src/views/system/user/index.vue

@@ -131,9 +131,9 @@ onMounted(() => {
           </el-button>
         </template>
         <template v-slot="{ size, checkList }">
-          <PureTable
+          <pure-table
             border
-            align="center"
+            align-whole="center"
             table-layout="auto"
             :size="size"
             :data="dataList"
@@ -211,7 +211,7 @@ onMounted(() => {
                 </template>
               </el-dropdown>
             </template>
-          </PureTable>
+          </pure-table>
         </template>
       </TableProBar>
     </div>