diff --git a/src/pages/home/demo.vue b/src/pages/home/demo.vue
index 01d46e8..e6fbcb5 100644
--- a/src/pages/home/demo.vue
+++ b/src/pages/home/demo.vue
@@ -171,7 +171,7 @@ const table = useTable({
         field: "permissionIds",
         label: "关联权限",
         type: "select",
-        options: () => api.permission.getPermissions(),
+        options: () => api.role.getRoles(),
         nodeProps: {
           multiple: true,
         },
diff --git a/src/pages/post/category/index.vue b/src/pages/post/category/index.vue
index 9d125fc..8dd1dfd 100644
--- a/src/pages/post/category/index.vue
+++ b/src/pages/post/category/index.vue
@@ -12,7 +12,7 @@ import { listToTree } from "@/utils/listToTree";
 const table = useTable({
   data: async (model, paging) => {
     const res = await api.category.getCategories({ ...model, ...paging });
-    const data = listToTree(res.data.data);
+    const data = listToTree(res.data.data ?? []);
     return { data: { data, total: (res.data as any).total } };
   },
   columns: [
@@ -84,7 +84,7 @@ const table = useTable({
         type: "select",
         options: async () => {
           const res = await api.category.getCategories({ size: 0 });
-          return res.data.data.map(({ id, title }: any) => ({ value: id, label: title }));
+          return (res.data.data ?? []).map(({ id, title }: any) => ({ value: id, label: title }));
         },
       },
       {
diff --git a/src/pages/system/user/components/avatar.vue b/src/pages/system/user/components/avatar.vue
index d5d436e..d77331a 100644
--- a/src/pages/system/user/components/avatar.vue
+++ b/src/pages/system/user/components/avatar.vue
@@ -63,10 +63,9 @@ const upload = (option: RequestOption) => {
       cancelToken: source.token,
     };
     try {
-      const res = await api.file.addFile(data, params);
+      const res = await api.file.addFile(data as any, params);
       onSuccess(res);
-      console.log(res.data.data);
-      emit("update:modelValue", res.data.data?.path);
+      emit("update:modelValue", (res.data.data as any)?.path);
     } catch (e) {
       onError(e);
     }
diff --git a/src/types/auto-component.d.ts b/src/types/auto-component.d.ts
index 6ae27e1..95a4bed 100644
--- a/src/types/auto-component.d.ts
+++ b/src/types/auto-component.d.ts
@@ -7,22 +7,29 @@ export {}
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
+    AAlert: typeof import('@arco-design/web-vue')['Alert']
+    AAutoComplete: typeof import('@arco-design/web-vue')['AutoComplete']
     AAvatar: typeof import('@arco-design/web-vue')['Avatar']
     ABreadcrumb: typeof import('@arco-design/web-vue')['Breadcrumb']
     ABreadcrumbItem: typeof import('@arco-design/web-vue')['BreadcrumbItem']
     AButton: typeof import('@arco-design/web-vue')['Button']
     ACard: typeof import('@arco-design/web-vue')['Card']
     ACheckbox: typeof import('@arco-design/web-vue')['Checkbox']
+    ACheckboxGroup: typeof import('@arco-design/web-vue')['CheckboxGroup']
     AConfigProvider: typeof import('@arco-design/web-vue')['ConfigProvider']
+    ADatePicker: typeof import('@arco-design/web-vue')['DatePicker']
     ADivider: typeof import('@arco-design/web-vue')['Divider']
     ADoption: typeof import('@arco-design/web-vue')['Doption']
     ADrawer: typeof import('@arco-design/web-vue')['Drawer']
     ADropdown: typeof import('@arco-design/web-vue')['Dropdown']
+    ADropdownButton: typeof import('@arco-design/web-vue')['DropdownButton']
     AEmpty: typeof import('@arco-design/web-vue')['Empty']
     AForm: typeof import('@arco-design/web-vue')['Form']
     AFormItem: typeof import('@arco-design/web-vue')['FormItem']
+    AImage: typeof import('@arco-design/web-vue')['Image']
     AImagePreview: typeof import('@arco-design/web-vue')['ImagePreview']
     AInput: typeof import('@arco-design/web-vue')['Input']
+    AInputNumber: typeof import('@arco-design/web-vue')['InputNumber']
     AInputPassword: typeof import('@arco-design/web-vue')['InputPassword']
     AInputSearch: typeof import('@arco-design/web-vue')['InputSearch']
     ALayout: typeof import('@arco-design/web-vue')['Layout']
@@ -30,15 +37,28 @@ declare module '@vue/runtime-core' {
     ALayoutHeader: typeof import('@arco-design/web-vue')['LayoutHeader']
     ALayoutSider: typeof import('@arco-design/web-vue')['LayoutSider']
     ALink: typeof import('@arco-design/web-vue')['Link']
+    AList: typeof import('@arco-design/web-vue')['List']
+    AListItem: typeof import('@arco-design/web-vue')['ListItem']
+    AListItemMeta: typeof import('@arco-design/web-vue')['ListItemMeta']
     AMenu: typeof import('@arco-design/web-vue')['Menu']
     AMenuItem: typeof import('@arco-design/web-vue')['MenuItem']
     AModal: typeof import('@arco-design/web-vue')['Modal']
+    APagination: typeof import('@arco-design/web-vue')['Pagination']
+    APopover: typeof import('@arco-design/web-vue')['Popover']
     AProgress: typeof import('@arco-design/web-vue')['Progress']
+    ARadio: typeof import('@arco-design/web-vue')['Radio']
+    ARadioGroup: typeof import('@arco-design/web-vue')['RadioGroup']
     AScrollbar: typeof import('@arco-design/web-vue')['Scrollbar']
     ASelect: typeof import('@arco-design/web-vue')['Select']
     ASpace: typeof import('@arco-design/web-vue')['Space']
     ASpin: typeof import('@arco-design/web-vue')['Spin']
+    ASwitch: typeof import('@arco-design/web-vue')['Switch']
+    ATabPane: typeof import('@arco-design/web-vue')['TabPane']
+    ATabs: typeof import('@arco-design/web-vue')['Tabs']
+    ATag: typeof import('@arco-design/web-vue')['Tag']
+    ATextarea: typeof import('@arco-design/web-vue')['Textarea']
     ATooltip: typeof import('@arco-design/web-vue')['Tooltip']
+    ATree: typeof import('@arco-design/web-vue')['Tree']
     AUpload: typeof import('@arco-design/web-vue')['Upload']
     BaseOption: typeof import('./../components/editor/components/BaseOption.vue')['default']
     Block: typeof import('./../components/editor/panel-main/components/block.vue')['default']