refactor: 迁移 composables 到 @fantastic-admin/composables 子包

apps/example/package.json

@@ -17,6 +17,7 @@
     "@bytemd/plugin-gfm": "catalog:",
     "@bytemd/vue-next": "catalog:",
     "@fantastic-admin/components": "workspace:*",
+    "@fantastic-admin/composables": "workspace:*",
     "@fantastic-admin/settings": "workspace:*",
     "@fantastic-admin/types": "workspace:*",
     "@tinymce/tinymce-vue": "catalog:",

apps/example/src/composables/pagination.ts

@@ -1,46 +0,0 @@
-export function usePagination() {
-  const pagination = ref({
-    page: 1,
-    size: 10,
-    total: 0,
-    sort: null as string | null,
-    order: null as string | null,
-  })
-
-  function getParams() {
-    return {
-      // page,size 和 from,limit 是分页的两种方式，方便兼容两种接口
-      page: pagination.value.page,
-      size: pagination.value.size,
-      from: (pagination.value.page - 1) * pagination.value.size,
-      limit: pagination.value.size,
-      ...(
-        pagination.value.sort && pagination.value.order && {
-          sort: pagination.value.sort,
-          order: pagination.value.order,
-        }
-      ),
-    }
-  }
-
-  async function onSizeChange(size: number) {
-    pagination.value.size = size
-  }
-
-  async function onCurrentChange(page: number) {
-    pagination.value.page = page
-  }
-
-  async function onSortChange(prop: string, order: string) {
-    pagination.value.sort = prop
-    pagination.value.order = order === 'ascending' ? 'asc' : 'desc'
-  }
-
-  return {
-    pagination,
-    getParams,
-    onSizeChange,
-    onCurrentChange,
-    onSortChange,
-  }
-}

apps/example/src/types/auto-imports.d.ts

@@ -88,7 +88,7 @@ declare global {
   const useId: typeof import('vue').useId
   const useLink: typeof import('vue-router').useLink
   const useModel: typeof import('vue').useModel
-  const usePagination: typeof import('../composables/pagination').usePagination
+  const usePagination: typeof import('@fantastic-admin/composables').usePagination
   const useRoute: typeof import('vue-router').useRoute
   const useRouter: typeof import('vue-router').useRouter
   const useSlots: typeof import('vue').useSlots

apps/example/vite/plugins.ts

@@ -1,6 +1,7 @@
 import type { PluginOption } from 'vite'
 import process from 'node:process'
 import { FantasticAutoImports, FantasticComponentsResolver, FantasticComponentsType } from '@fantastic-admin/components/resolver'
+import { FantasticComposablesAutoImports } from '@fantastic-admin/composables/resolver'
 import { createFantasticAdminCopyrightPlugins } from '@fantastic-admin/copyright'
 import VitePluginSvgSpritemap from '@spiriit/vite-plugin-svg-spritemap'
 import vueLegacy from '@vitejs/plugin-legacy'
@@ -48,6 +49,7 @@ export default function createVitePlugins(mode: string, isBuild = false) {
         'vue-router',
         'pinia',
         FantasticAutoImports,
+        FantasticComposablesAutoImports,
       ],
       dts: './src/types/auto-imports.d.ts',
       dirs: [