Ts type (#133)

* fix: 优化类型提示

* fix: 添加 enums 接口类型声明

* feat: 配置插件api提示

Co-authored-by: wanchun <445436867@qq.com>

packages/fes-builder-vite/src/registerType.js

@@ -3,6 +3,5 @@ import { name } from '../package.json';
 export default function (api) {
     api.addConfigType(() => ({
         source: name,
-        build: ['ViteBuildConfig'],
     }));
 }

packages/fes-builder-vite/types.d.ts

@@ -4,11 +4,12 @@ import {Options as PolyfillOptions } from '@vitejs/plugin-legacy'
 import createPlugin from '@vitejs/plugin-vue-jsx'
 import {createHtmlPlugin} from 'vite-plugin-html'
 
-
+declare module "@fesjs/fes" {
-export interface ViteBuildConfig {
+    interface PluginBuildConfig {
-    viteOption?: UserConfig;
+        viteOption?: UserConfig;
-    viteVuePlugin?: Options;
+        viteVuePlugin?: Options;
-    viteVueJsx?: Parameters<typeof createPlugin>[0];
+        viteVueJsx?: Parameters<typeof createPlugin>[0];
-    viteLegacy?: PolyfillOptions;
+        viteLegacy?: PolyfillOptions;
-    viteHtml?: Parameters<typeof createHtmlPlugin>[0]
+        viteHtml?: Parameters<typeof createHtmlPlugin>[0]
-}
+    }
+}

packages/fes-builder-webpack/src/plugins/registerType.js

@@ -3,6 +3,5 @@ import { name } from '../../package.json';
 export default function (api) {
     api.addConfigType(() => ({
         source: name,
-        build: ['WebpackBuildConfig'],
     }));
 }

packages/fes-builder-webpack/types.d.ts

@@ -7,51 +7,52 @@ interface CopyFileType {
     to: string;
 }
 
-export interface WebpackBuildConfig {
+declare module "@fesjs/fes" {
-    analyze?: {
+    interface PluginBuildConfig {
-        analyzerMode?: 'server' | 'static' | 'disabled';
+        analyze?: {
-        analyzerHost?: string;
+            analyzerMode?: 'server' | 'static' | 'disabled';
-        analyzerPort?: number | 'auto';
+            analyzerHost?: string;
-        openAnalyzer?: boolean;
+            analyzerPort?: number | 'auto';
-        generateStatsFile?:  boolean;
+            openAnalyzer?: boolean;
-        statsFilename?: string;
+            generateStatsFile?:  boolean;
-        logLevel?: 'info' | 'warn' | 'error' | 'silent';
+            statsFilename?: string;
-        defaultSizes?: 'stat' | 'parsed' | 'gzip'
+            logLevel?: 'info' | 'warn' | 'error' | 'silent';
-    };
+            defaultSizes?: 'stat' | 'parsed' | 'gzip'
-    chainWebpack?: (memo: Config, args: {env: string, webpack: typeof webpack}) => void;
+        };
-    copy?: CopyFileType | CopyFileType[];
+        chainWebpack?: (memo: Config, args: {env: string, webpack: typeof webpack}) => void;
-    cssLoader?: {
+        copy?: CopyFileType | CopyFileType[];
-        url?: boolean | ((url: string, resourcePath: string) => boolean);
+        cssLoader?: {
-        import?: boolean | ({ filter: (url: string, media: string, resourcePath: string) => boolean });
+            url?: boolean | ((url: string, resourcePath: string) => boolean);
-        modules?: boolean | string | object;
+            import?: boolean | ({ filter: (url: string, media: string, resourcePath: string) => boolean });
-        sourceMap?: boolean;
+            modules?: boolean | string | object;
-        importLoaders?: number;
+            sourceMap?: boolean;
-        onlyLocals?: boolean;
+            importLoaders?: number;
-        esModule?: boolean;
+            onlyLocals?: boolean;
-        localsConvention?: 'asIs' | 'camelCase' | 'camelCaseOnly' | 'dashes' | 'dashesOnly';
+            esModule?: boolean;
-    };
+            localsConvention?: 'asIs' | 'camelCase' | 'camelCaseOnly' | 'dashes' | 'dashesOnly';
-    devServer?: {
+        };
-        port?: number;
+        devServer?: {
-        host?: string;
+            port?: number;
-        https?: boolean;
+            host?: string;
-        headers?: object;
+            https?: boolean;
-        [key: string]: any;
+            headers?: object;
-    };
+            [key: string]: any;
-    devtool?: string;
+        };
-    exportStatic?: {
+        devtool?: string;
-        htmlSuffix?: boolean;
+        exportStatic?: {
-        dynamicRoot?: boolean;
+            htmlSuffix?: boolean;
-    };
+            dynamicRoot?: boolean;
-    externals?: object | string | Function;
+        };
-    extraBabelPlugins?: [];
+        externals?: object | string | Function;
-    extraBabelPresets?: [];
+        extraBabelPlugins?: [];
-    extraPostCSSPlugins?: [];
+        extraBabelPresets?: [];
-    html?: HtmlWebpackPlugin.Options;
+        extraPostCSSPlugins?: [];
-    lessLoader?: Record<string, any>;
+        html?: HtmlWebpackPlugin.Options;
-    nodeModulesTransform?: {
+        lessLoader?: Record<string, any>;
-        exclude: string[]
+        nodeModulesTransform?: {
-    };
+            exclude: string[]
-    postcssLoader?: Record<string, any>;
+        };
-    vueLoader?: object;
+        postcssLoader?: Record<string, any>;
-
+        vueLoader?: object;
-}
+    }
+}

packages/fes-plugin-access/src/index.js

@@ -56,7 +56,5 @@ export default (api) => {
 
     api.addConfigType(() => ({
         source: name,
-        runtime: ['AccessRuntimeConfig'],
-        build: ['AccessBuildConfig'],
     }));
 };

packages/fes-plugin-access/types.d.ts

@@ -1,14 +1,29 @@
 import { Router, NavigationGuard } from 'vue-router';
+import { Ref } from 'vue';
 
-export interface AccessBuildConfig {
+declare module '@fesjs/fes' {
-    access: {
+    interface PluginBuildConfig {
-        rules: Record<string, []>;
+        access?:
-    };
+            | {
-}
+                  rules: Record<string, []>;
+              }
+            | false;
+    }
 
-export interface AccessRuntimeConfig {
+    interface PluginRuntimeConfig {
-    access: {
+        access?: {
-        noFoundHandler: (param: { router: Router } & NavigationGuard) => void;
+            noFoundHandler: (param: { router: Router } & NavigationGuard) => void;
-        unAccessHandler: (param: { router: Router } & NavigationGuard) => void;
+            unAccessHandler: (param: { router: Router } & NavigationGuard) => void;
+        };
+    }
+
+    export function access(): {
+        hasAccess(accessId: string | number): Promise<boolean>;
+        isDataReady(): boolean;
+        setRole(roleId: string | Promise<string>): void;
+        setAccess(accessIds: Array<string | number> | Promise<Array<string | number>>): void;
+        getAccess(): string[];
     };
+
+    export function useAccess(accessId: Array<string | number>): Ref<boolean>;
 }

packages/fes-plugin-enums/src/index.js

@@ -46,6 +46,5 @@ export default (api) => {
 
     api.addConfigType(() => ({
         source: name,
-        build: ['EnumsBuildConfig'],
     }));
 };

packages/fes-plugin-enums/types.d.ts

@@ -1,8 +1,25 @@
+import '@fesjs/fes';
 
-export interface EnumsBuildConfig {
+interface EnumExtend {
-    enums: {
+    key: string;
-        [key: string]: [string | number, string | number][]
+    dir: string;
-    }
+    transfer<T>(data: T): T;
 }
 
+interface EnumApi {
+    get(name: string, key?: string, extend?: EnumExtend): any;
+    push(name: string, _enum?: [] | object, option?: { keyName: string; valueName: string }): any;
+    remove(name: string): void;
+    concat(name: string, _enum: [] | object, option?: { keyName: string; valueName: string; before: boolean; extend: EnumExtend }): any;
+    convert(name: string, _enum?: [] | object, option?: { keyName: string; valueName: string }): any;
+}
 
+declare module '@fesjs/fes' {
+    interface PluginBuildConfig {
+        enums?: {
+            [key: string]: [string | number, string | number][];
+        } | false;
+    }
+
+    export const enums: EnumApi;
+}

packages/fes-plugin-icon/package.json

@@ -4,7 +4,8 @@
   "description": "@fesjs/plugin-icon",
   "main": "lib/index.js",
   "files": [
-    "lib"
+    "lib",
+    "types.d.ts"
   ],
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -31,5 +32,6 @@
   },
   "dependencies": {
     "svgo": "^2.3.1"
-  }
+  },
+  "typings": "./types.d.ts"
 }

packages/fes-plugin-icon/types.d.ts

@@ -0,0 +1,7 @@
+import '@fesjs/fes';
+
+declare module '@fesjs/fes' {
+    interface PluginBuildConfig {
+        icon?: {} | false;
+    }
+}

packages/fes-plugin-layout/src/index.js

@@ -91,7 +91,5 @@ export default (api) => {
 
     api.addConfigType(() => ({
         source: name,
-        runtime: ['LayoutRuntimeConfig'],
-        build: ['LayoutBuildConfig'],
     }));
 };

packages/fes-plugin-layout/types.d.ts

@@ -1,4 +1,4 @@
-import {Component, VNode, Ref } from 'vue';
+import { Component, VNode, Ref } from 'vue';
 import { Router, NavigationGuard } from 'vue-router';
 
 interface Menu {
@@ -7,50 +7,53 @@ interface Menu {
     match: string[];
     title: string;
     icon: string | Component;
-    children?: Menu[]
+    children?: Menu[];
 }
 
-export interface LayoutBuildConfig {
+declare module '@fesjs/fes' {
-    layout: {
+    interface PluginBuildConfig {
-        footer: string;
+        layout?:
-        theme: 'dark' | 'light';
+            | {
-        navigation: 'side' | 'top' | 'mixin' | 'left-right';
+                  footer: string;
-        title: string;
+                  theme: 'dark' | 'light';
-        isFixedHeader: boolean;
+                  navigation: 'side' | 'top' | 'mixin' | 'left-right';
-        isFixedSidebar: boolean;
+                  title: string;
-        logo: string;
+                  isFixedHeader: boolean;
-        multiTabs: boolean;
+                  isFixedSidebar: boolean;
-        sideWidth: number;
+                  logo: string;
-        menus: Menu[];
+                  multiTabs: boolean;
-        menuProps: {
+                  sideWidth: number;
-            expandedKeys: string[];
+                  menus: Menu[];
-            defaultExpandAll: boolean;
+                  menuProps: {
-            accordion: boolean;
+                      expandedKeys: string[];
+                      defaultExpandAll: boolean;
+                      accordion: boolean;
+                  };
+              }
+            | false;
+    }
+    interface PluginRuntimeConfig {
+        layout?: {
+            footer: string;
+            theme: 'dark' | 'light';
+            navigation: 'side' | 'top' | 'mixin' | 'left-right';
+            title: string;
+            isFixedHeader: boolean;
+            isFixedSidebar: boolean;
+            logo: string;
+            multiTabs: boolean;
+            sideWidth: number;
+            menus: Menu[] | (() => Ref<Menu[]> | Menu[]);
+            menuProps: {
+                expandedKeys: string[];
+                defaultExpandAll: boolean;
+                accordion: boolean;
+            };
+            renderCustom: () => VNode[];
+            noFoundHandler: (param: { router: Router } & NavigationGuard) => void;
+            unAccessHandler: (param: { router: Router } & NavigationGuard) => void;
         };
-    };
+    }
-}
+
-
+    export const Page: Component;
-
-
-export interface LayoutRuntimeConfig {
-    layout: {
-        footer: string;
-        theme: 'dark' | 'light';
-        navigation: 'side' | 'top' | 'mixin' | 'left-right';
-        title: string;
-        isFixedHeader: boolean;
-        isFixedSidebar: boolean;
-        logo: string;
-        multiTabs: boolean;
-        sideWidth: number;
-        menus: Menu[] | (()=> (Ref<Menu[]> | Menu[]));
-        menuProps: {
-            expandedKeys: string[];
-            defaultExpandAll: boolean;
-            accordion: boolean;
-        };
-        renderCustom: ()=> VNode[],
-        noFoundHandler: (param: { router: Router } & NavigationGuard) => void;
-        unAccessHandler: (param: { router: Router } & NavigationGuard) => void;
-    };
 }

packages/fes-plugin-locale/src/index.js

@@ -85,6 +85,5 @@ export default (api) => {
 
     api.addConfigType(() => ({
         source: name,
-        build: ['LocalBuildConfig'],
     }));
 };

packages/fes-plugin-locale/types.d.ts

@@ -1,8 +1,23 @@
-export interface LocalBuildConfig {
+import '@fesjs/fes';
-    locale: {
+
-        locale: string;
+declare module '@fesjs/fes' {
-        fallbackLocale: string;
+    interface PluginBuildConfig {
-        baseNavigator: boolean;
+        locale?:
-        legacy: boolean;
+            | {
+                  locale: string;
+                  fallbackLocale: string;
+                  baseNavigator: boolean;
+                  legacy: boolean;
+              }
+            | false;
+    }
+
+    // export * from 'vue-i18n';
+
+    export const locale: {
+        setLocale({ locale }: { locale: string }): void;
+        addLocale({ locale, messages }: { locale: string; messages: object }): void;
+        getAllLocales(): string[];
+        messages: Record<string, object>;
     };
 }

packages/fes-plugin-model/package.json

@@ -4,7 +4,8 @@
   "description": "@fesjs/plugin-model",
   "main": "lib/index.js",
   "files": [
-    "lib"
+    "lib",
+    "types.d.ts"
   ],
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -32,5 +33,6 @@
   "peerDependencies": {
     "@fesjs/fes": "^3.0.0-beta.0",
     "vue": "^3.0.5"
-  }
+  },
+  "typings": "./types.d.ts"
 }

packages/fes-plugin-model/src/index.js

@@ -1,5 +1,6 @@
 import { readFileSync } from 'fs';
 import { join } from 'path';
+import { name } from '../package.json';
 
 const namespace = 'plugin-model';
 
@@ -70,4 +71,8 @@ export default (api) => {
             source: absCoreFilePath,
         },
     ]);
+
+    api.addConfigType(() => ({
+        source: name,
+    }));
 };

packages/fes-plugin-model/types.d.ts

@@ -0,0 +1,10 @@
+import '@fesjs/fes';
+
+declare module '@fesjs/fes' {
+
+    interface PluginBuildConfig {
+        model?: {} | false;
+    }
+
+    export function useModel(moduleId: string): any;
+}

packages/fes-plugin-monaco-editor/src/index.js

@@ -89,6 +89,5 @@ export default (api) => {
 
     api.addConfigType(() => ({
         source: name,
-        build: ['MonacoEditorBuildConfig'],
     }));
 };

packages/fes-plugin-monaco-editor/types.d.ts

@@ -1,12 +1,17 @@
+import type { Component } from 'vue';
 import type { EditorLanguage } from 'monaco-editor-webpack-plugin/out/languages';
 import type { EditorFeature } from 'monaco-editor-webpack-plugin/out/features';
 
-export interface MonacoEditorBuildConfig {
+declare module '@fesjs/fes' {
-    monacoEditor: {
+    interface PluginBuildConfig {
-        filename: string;
+        monacoEditor?: {
-        publicPath: string;
+            filename: string;
-        languages: EditorLanguage[];
+            publicPath: string;
-        features: EditorFeature[];
+            languages: EditorLanguage[];
-        globalAPI: boolean;
+            features: EditorFeature[];
-    };
+            globalAPI: boolean;
+        } | false;
+    }
+
+    export const MonacoEditor: Component;
 }

packages/fes-plugin-pinia/package.json

@@ -4,7 +4,8 @@
   "description": "@fesjs/plugin-pinia",
   "main": "lib/index.js",
   "files": [
-    "lib"
+    "lib",
+    "types.d.ts"
   ],
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -33,5 +34,6 @@
     "@fesjs/fes": "^3.0.0-beta.0",
     "pinia": "^2.0.11",
     "vue": "^3.0.5"
-  }
+  },
+  "typings": "./types.d.ts"
 }

packages/fes-plugin-pinia/types.d.ts

@@ -0,0 +1,9 @@
+import type { Pinia } from 'pinia';
+
+declare module '@fesjs/fes' {
+    interface PluginBuildConfig {
+        pinia?: {} | false;
+    }
+
+    export const pinia: Pinia;
+}

packages/fes-plugin-qiankun/types.d.ts

@@ -1,3 +1,4 @@
+import { Component } from 'vue';
 import { FrameworkLifeCycles, MicroApp } from 'qiankun';
 
 interface AppOption {
@@ -6,14 +7,20 @@ interface AppOption {
     props: Record<string, any>;
 }
 
-export interface QiankunBuildConfig {
+declare module '@fesjs/fes' {
-    qiankun: {
+    interface PluginBuildConfig {
-        main: {
+        qiankun?:
-            apps: AppOption[];
+            | {
-            lifeCycles?: FrameworkLifeCycles<MicroApp>;
+                  main?: {
-            [key: string]: any;
+                      apps: AppOption[];
-        };
+                      lifeCycles?: FrameworkLifeCycles<MicroApp>;
-        micro: {}
+                      [key: string]: any;
-    };
+                  };
+                  micro?: {};
+              }
+            | false;
+    }
 
+    export const MicroApp: Component;
+    export const MicroAppWithMemoHistory: Component;
 }

packages/fes-plugin-request/src/index.js

@@ -26,6 +26,5 @@ export default (api) => {
 
     api.addConfigType(() => ({
         source: name,
-        runtime: ['RequestRuntimeConfig'],
     }));
 };

packages/fes-plugin-request/types.d.ts

@@ -1,18 +1,27 @@
-import { AxiosRequestConfig, AxiosResponse } from 'axios';
+import { AxiosRequestConfig, AxiosResponse, AxiosError } from 'axios';
+import {Ref} from 'vue';
 
 
 type RequestInterceptor = (value: AxiosRequestConfig) => AxiosRequestConfig | [(value: AxiosRequestConfig) => AxiosRequestConfig, (error: any) => any];
 type ResponseInterceptor = (value: AxiosResponse) => AxiosResponse | [(value: AxiosResponse) => AxiosResponse, (error: any) => any];
 
+interface RequestPluginOption {
+    mergeRequest: boolean;
+    cache: boolean | {
+        type: 'ram' | 'sessionStorage' | 'localStorage',
+        cacheTime: number;
+    }
+}
 
-export interface RequestRuntimeConfig {
+declare module "@fesjs/fes" {
-    request: {
+    interface PluginRuntimeConfig {
-        responseDataAdaptor?<T>(data: T): T;
+        request?: {
-        closeResDataCheck?: boolean;
+            dataHandler?(data: any, response: AxiosResponse): any;
-        requestInterceptors?: RequestInterceptor[];
+            errorHandler?(error: AxiosError | {type: string, msg: string, [key: string]: string}): void;
-        responseInterceptors?: ResponseInterceptor[];
+            requestInterceptors?: RequestInterceptor[];
-        errorHandler?: {
+            responseInterceptors?: ResponseInterceptor[];
-            [key: string]: (error: { response: AxiosResponse } | AxiosResponse) => void;
+        } & AxiosRequestConfig;
-        };
+    }
-    } & AxiosRequestConfig;
+    export function request(url: string, data: null | Record<string, any>, options: AxiosRequestConfig & RequestPluginOption ): Promise<any>
+    export function useRequest(url: string, data: null | Record<string, any>, options: AxiosRequestConfig & RequestPluginOption ): {loadingRef: Ref<boolean>; errorRef: Ref<Error>; dataRef: Ref<any>}
 }

packages/fes-plugin-sass/package.json

@@ -4,7 +4,8 @@
   "description": "@fesjs/plugin-sass",
   "main": "lib/index.js",
   "files": [
-    "lib"
+    "lib",
+    "types.d.ts"
   ],
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -32,5 +33,6 @@
   },
   "peerDependencies": {
     "@fesjs/fes": "^3.0.0-beta.0"
-  }
+  },
+  "typings": "./types.d.ts"
 }

packages/fes-plugin-sass/types.d.ts

@@ -0,0 +1,14 @@
+import '@fesjs/fes';
+
+declare module '@fesjs/fes' {
+    interface PluginBuildConfig {
+        sass?:
+            | {
+                  implementation: any;
+                  sassOptions: object;
+                  sourceMap: boolean;
+                  webpackImporter: boolean;
+              }
+            | false;
+    }
+}

packages/fes-plugin-vuex/src/index.js

@@ -61,6 +61,5 @@ export default (api) => {
 
     api.addConfigType(() => ({
         source: name,
-        build: ['VuexBuildConfig'],
     }));
 };

packages/fes-plugin-vuex/types.d.ts

@@ -1,9 +1,19 @@
-
+import '@fesjs/fes';
-export interface VuexBuildConfig {
+declare module '@fesjs/fes' {
-    vuex: {
+    interface PluginBuildConfig {
-        strict: boolean;
+        vuex?:
-        devtools: boolean;
+            | {
+                  strict: boolean;
+                  devtools: boolean;
+              }
+            | false;
     }
-}
 
+    export const MUTATION_TYPES: object;
 
+    export const ACTION_TYPES: object;
+
+    export const GETTER_TYPES: object;
+
+    export const store: object;
+}

packages/fes-plugin-watermark/package.json

@@ -4,7 +4,8 @@
   "description": "@fesjs/plugin-watermark",
   "main": "lib/index.js",
   "files": [
-    "lib"
+    "lib",
+    "types.d.ts"
   ],
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -33,5 +34,6 @@
   "peerDependencies": {
     "@fesjs/fes": "^3.0.0-beta.0",
     "vue": "^3.0.5"
-  }
+  },
+  "typings": "./types.d.ts"
 }

packages/fes-plugin-watermark/src/index.js

@@ -1,4 +1,5 @@
 import { join } from 'path';
+import { name } from '../package.json';
 
 const namespace = 'plugin-watermark';
 
@@ -8,11 +9,11 @@ export default (api) => {
         config: {
             schema(joi) {
                 return joi.object({
-                    disabled: joi.boolean()
+                    disabled: joi.boolean(),
                 });
             },
-            default: {}
+            default: {},
-        }
+        },
     });
 
     const absoluteFilePath = join(namespace, 'core.js');
@@ -23,23 +24,26 @@ export default (api) => {
         defineConfig.WATERMARK_DISABLED = memo.watermark.disabled ?? false;
         return {
             ...memo,
-            define: defineConfig
+            define: defineConfig,
         };
     });
 
-
     api.onGenerateFiles(() => {
         api.copyTmpFiles({
             namespace,
             path: join(__dirname, 'runtime'),
-            ignore: ['.tpl']
+            ignore: ['.tpl'],
         });
     });
 
     api.addPluginExports(() => [
         {
             specifiers: ['createWatermark', 'destroyWatermark'],
-            source: absoluteFilePath
+            source: absoluteFilePath,
-        }
+        },
     ]);
+
+    api.addConfigType(() => ({
+        source: name,
+    }));
 };

packages/fes-plugin-watermark/types.d.ts

@@ -0,0 +1,27 @@
+import '@fesjs/fes';
+
+interface WatermarkParam {
+    content: string;
+    container: HTMLElement;
+    width: number;
+    height: number;
+    textAlign: 'left' | 'right' | 'center' | 'start' | 'end';
+    textBaseline: 'top' | 'hanging' | 'middle' | 'alphabetic' | 'ideographic' | 'bottom';
+    fontSize: string;
+    fontFamily: string;
+    fillStyle: string;
+    rotate: number;
+    zIndex: number;
+    timestamp: string;
+}
+
+declare module '@fesjs/fes' {
+    interface PluginBuildConfig {
+        watermark?: {
+            disable: boolean;
+        } | false;
+    }
+
+    export function createWatermark(param: WatermarkParam): void;
+    export function destroyWatermark(): void;
+}

packages/fes-plugin-windicss/src/index.js

@@ -69,6 +69,5 @@ export default (api) => {
 
     api.addConfigType(() => ({
         source: name,
-        build: ['WindicssBuildConfig'],
     }));
 };

packages/fes-plugin-windicss/types.d.ts

@@ -1,7 +1,11 @@
 import type { Config } from 'windicss/types/interfaces';
 
-export interface WindicssBuildConfig {
+declare module '@fesjs/fes' {
-    windicss: {
+    interface PluginBuildConfig {
-        config: Config
+        windicss?:
+            | {
+                  config: Config;
+              }
+            | false;
     }
 }

packages/fes-preset-built-in/src/plugins/generateFiles/genType.js

@@ -1,14 +1,12 @@
 function importsToStr(imports) {
     return imports.map((imp) => {
-        const { source, build = [], runtime = [] } = imp;
+        const { source } = imp;
-        return `import {${build.concat(runtime).join(', ')}} from '${source}';`;
+        return `import '${source}';`;
     });
 }
 
 function genTypeContent(imports) {
     return {
-        RUNTIME_TYPES: imports.reduce((previousValue, currentValue) => previousValue.concat(currentValue.runtime || []), []).join(' & '),
-        BUILD_TYPES: imports.reduce((previousValue, currentValue) => previousValue.concat(currentValue.build || []), []).join(' & '),
         imports: importsToStr(imports).join('\n'),
     };
 }
@@ -21,9 +19,6 @@ export default function (api) {
     api.onGenerateFiles(async () => {
         const typeTpl = `
 {{{ imports }}}
-
-export type PluginRuntimeConfig = {{{RUNTIME_TYPES}}};
-export type PluginBuildConfig = {{{BUILD_TYPES}}};
 `;
         const importSources = await api.applyPlugins({
             key: 'addConfigType',

packages/fes-preset-built-in/types.d.ts

@@ -1,5 +1,5 @@
 import { Component, DefineComponent, App } from 'vue';
-import { RouteRecordRaw, Router } from 'vue-router';
+import { RouteRecordRaw, Router, RouterHistory } from 'vue-router';
 
 // @ts-ignore
 import { Plugin } from '@fesjs/runtime';
@@ -18,75 +18,80 @@ interface ClientRenderOption {
 
 type RenderFunc = () => Promise<App>
 
-export interface InnerRuntimeConfig {
+
-    beforeRender?: (option: BeforeRenderConfig) => BeforeRenderConfig;
+declare module "@fesjs/fes" {
-    patchRoutes?: ({ routes }: { routes: RouteRecordRaw[] }) => void;
+    interface PluginBuildConfig {
-    modifyClientRenderOpts?: (option: ClientRenderOption) => ClientRenderOption;
+        alias?: Record<string, string>,
-    rootContainer?: (component: DefineComponent, option: { routes: RouteRecordRaw[], plugin: Plugin }) => DefineComponent;
+        autoprefixer?: {
-    onAppCreated?: ({ app, routes }: { app: App, routes: RouteRecordRaw[] }) => void;
+            /** environment for `Browserslist` */
-    render?: (defaultRender: RenderFunc) => RenderFunc;
+            env?: string
-    onRouterCreated?: ({ router }: { router: Router }) => void;
+        
+            /** should Autoprefixer use Visual Cascade, if CSS is uncompressed */
+            cascade?: boolean
+        
+            /** should Autoprefixer add prefixes. */
+            add?: boolean
+        
+            /** should Autoprefixer [remove outdated] prefixes */
+            remove?: boolean
+        
+            /** should Autoprefixer add prefixes for @supports parameters. */
+            supports?: boolean
+        
+            /** should Autoprefixer add prefixes for flexbox properties */
+            flexbox?: boolean | 'no-2009'
+        
+            /** should Autoprefixer add IE 10-11 prefixes for Grid Layout properties */
+            grid?: boolean
+        
+            /**
+             * list of queries for target browsers.
+             * Try to not use it.
+             * The best practice is to use `.browserslistrc` config or `browserslist` key in `package.json`
+             * to share target browsers with Babel, ESLint and Stylelint
+             */
+            overrideBrowserslist?: string | string[]
+        
+            /** do not raise error on unknown browser version in `Browserslist` config. */
+            ignoreUnknownVersions?: boolean
+        };
+        define?: Record<string, string | object>,
+        router?: {
+            base?: string;
+            routes?: RouteRecordRaw[];
+            mode?: 'hash' | 'history' | 'memory'
+        };
+        dynamicImport?: boolean;
+        inlineLimit?: number;
+        mock?: boolean | {
+            prefix?: string;
+        };
+        mountElementId?: string;
+        plugins?: string[];
+        presets?: string[];
+        proxy?: {
+            [apiPrefix: string]: {
+                target: string;
+                changeOrigin?: boolean;
+            }
+        };
+        publicPath?: string;
+        singular?: boolean;
+        targets?: object;
+        terserOptions?: object;
+        title?: string;
+    }
+    interface PluginRuntimeConfig {
+        beforeRender?: (option: BeforeRenderConfig) => BeforeRenderConfig;
+        patchRoutes?: ({ routes }: { routes: RouteRecordRaw[] }) => void;
+        modifyClientRenderOpts?: (option: ClientRenderOption) => ClientRenderOption;
+        rootContainer?: (component: DefineComponent, option: { routes: RouteRecordRaw[], plugin: Plugin }) => DefineComponent;
+        onAppCreated?: ({ app, routes }: { app: App, routes: RouteRecordRaw[] }) => void;
+        render?: (defaultRender: RenderFunc) => RenderFunc;
+        onRouterCreated?: ({ router }: { router: Router }) => void;
+    }
+
+    export function getRouter(): Router;
+    export function getHistory(): RouterHistory;
+    export function destroyRouter(): void;
 }
-
-
-export interface InnerBuildConfig {
-    alias?: Record<string, string>,
-    autoprefixer?: {
-        /** environment for `Browserslist` */
-        env?: string
-    
-        /** should Autoprefixer use Visual Cascade, if CSS is uncompressed */
-        cascade?: boolean
-    
-        /** should Autoprefixer add prefixes. */
-        add?: boolean
-    
-        /** should Autoprefixer [remove outdated] prefixes */
-        remove?: boolean
-    
-        /** should Autoprefixer add prefixes for @supports parameters. */
-        supports?: boolean
-    
-        /** should Autoprefixer add prefixes for flexbox properties */
-        flexbox?: boolean | 'no-2009'
-    
-        /** should Autoprefixer add IE 10-11 prefixes for Grid Layout properties */
-        grid?: boolean
-    
-        /**
-         * list of queries for target browsers.
-         * Try to not use it.
-         * The best practice is to use `.browserslistrc` config or `browserslist` key in `package.json`
-         * to share target browsers with Babel, ESLint and Stylelint
-         */
-        overrideBrowserslist?: string | string[]
-    
-        /** do not raise error on unknown browser version in `Browserslist` config. */
-        ignoreUnknownVersions?: boolean
-    };
-    define?: Record<string, string | object>,
-    router?: {
-        base?: string;
-        routes?: RouteRecordRaw[];
-        mode?: 'hash' | 'history' | 'memory'
-    };
-    dynamicImport?: boolean;
-    inlineLimit?: number;
-    mock?: boolean | {
-        prefix?: string;
-    };
-    mountElementId?: string;
-    plugins?: string[];
-    presets?: string[];
-    proxy?: {
-        [apiPrefix: string]: {
-            target: string;
-            changeOrigin?: boolean;
-        }
-    };
-    publicPath?: string;
-    singular?: boolean;
-    targets?: object;
-    terserOptions?: object;
-    title?: string;
-}

packages/fes-template-h5/src/app.js

@@ -1,42 +1,46 @@
 import { defineRuntimeConfig } from '@fesjs/fes';
 
 export default defineRuntimeConfig({
-    request: {
+    request: {},
-        baseURL: '/ras-mas',
-        dataHandler(data) {
-            if (data?.code !== '0') {
-                if (data.code === '10000') {
-                    console.log('code', data.code);
-                }
-                if (data?.code === '20000') {
-                    console.log('code', data.code);
-                }
-                throw new Error(data);
-            }
-            return data.result ? data.result : data;
-        },
-        errorHandler(error) {
-            if (error.response) {
-                // 请求成功发出且服务器也响应了状态码，但状态代码超出了 2xx 的范围
-                console.log(error.response.data);
-                console.log(error.response.status);
-                console.log(error.response.headers);
-            } else if (error.request) {
-                // 请求已经成功发起，但没有收到响应
-                // `error.request` 在浏览器中是 XMLHttpRequest 的实例，
-                // 而在node.js中是 http.ClientRequest 的实例
-                console.log(error.request);
-            } else if (error.type) {
-                // 插件异常
-                console.log(error.msg);
-            } else {
-                // 发送请求时出了点问题
-                console.log('Error', error.message);
-            }
-            console.log(error.config);
-        },
-    },
-    patchRoutes: () => {
-        console.log('patchRoutes');
-    },
 });
+
+// export default defineRuntimeConfig({
+//     request: {
+//         baseURL: '/ras-mas',
+//         dataHandler(data) {
+//             if (data?.code !== '0') {
+//                 if (data.code === '10000') {
+//                     console.log('code', data.code);
+//                 }
+//                 if (data?.code === '20000') {
+//                     console.log('code', data.code);
+//                 }
+//                 throw new Error(data);
+//             }
+//             return data.result ? data.result : data;
+//         },
+//         errorHandler(error) {
+//             if (error.response) {
+//                 // 请求成功发出且服务器也响应了状态码，但状态代码超出了 2xx 的范围
+//                 console.log(error.response.data);
+//                 console.log(error.response.status);
+//                 console.log(error.response.headers);
+//             } else if (error.request) {
+//                 // 请求已经成功发起，但没有收到响应
+//                 // `error.request` 在浏览器中是 XMLHttpRequest 的实例，
+//                 // 而在node.js中是 http.ClientRequest 的实例
+//                 console.log(error.request);
+//             } else if (error.type) {
+//                 // 插件异常
+//                 console.log(error.msg);
+//             } else {
+//                 // 发送请求时出了点问题
+//                 console.log('Error', error.message);
+//             }
+//             console.log(error.config);
+//         },
+//     },
+//     patchRoutes: () => {
+//         console.log('patchRoutes');
+//     },
+// });

packages/fes-template/.fes.js

@@ -1,6 +1,5 @@
-// .fes.js 只负责管理编译时配置，只能使用plain Object
+import { defineBuildConfig } from '@fesjs/fes'
-
+export default defineBuildConfig({
-export default {
     // exportStatic: {},
     define: {
         __DEV__: false
@@ -98,4 +97,4 @@ export default {
     presets: [
         require.resolve('../fes-builder-webpack/lib'),
     ]
-};
+});

packages/fes-template/tsconfig.json

@@ -3,7 +3,10 @@
     "outDir": "build/dist",
     "module": "esnext",
     "target": "esnext",
-    "lib": ["esnext", "dom"],
+    "lib": [
+      "esnext",
+      "dom"
+    ],
     "sourceMap": true,
     "baseUrl": ".",
     "jsx": "preserve",
@@ -14,25 +17,31 @@
     "suppressImplicitAnyIndexErrors": true,
     "noUnusedLocals": true,
     "allowJs": true,
-    "skipLibCheck": true,
     "experimentalDecorators": true,
     "strict": true,
     "paths": {
-      "@/*": ["./src/*"],
+      "@/*": [
-      "@@/*": ["./src/.fes/*"]
+        "./src/*"
+      ],
+      "@@/*": [
+        "./src/.fes/*"
+      ]
     }
   },
   "include": [
+    "*.js",
+    ".fes.js",
     "src/**/*",
-    "tests/**/*",
-    "test/**/*",
-    "__test__/**/*",
     "typings/**/*",
     "config/**/*",
-    ".eslintrc.js",
-    ".stylelintrc.js",
-    ".prettierrc.js",
     "src/.fes/configType.d.ts"
   ],
-  "exclude": ["node_modules", "build", "dist", "scripts", "src/.fes/*", "webpack", "jest"]
+  "exclude": [
-}
+    "build",
+    "dist",
+    "scripts",
+    "webpack",
+    "jest",
+    "node_modules"
+  ]
+}

packages/fes/types.d.ts

@@ -1,20 +1,21 @@
 // @ts-ignore
-import type { PluginRuntimeConfig, PluginBuildConfig } from '@@/configType';
+import '@@/configType';
 
-// @ts-ignore
+export * from '@fesjs/runtime';
-export * from '@@/core/coreExports';
-// @ts-ignore
-export * from '@@/core/pluginExports';
 
-interface RouteMeta {
+export interface RouteMeta {
     name?: string;
     title?: string;
     layout?: boolean | { sidebar?: boolean; header?: boolean; logo?: boolean };
 }
 
+export interface PluginRuntimeConfig {}
+
+export interface PluginBuildConfig {}
+
 export declare function defineRouteMeta(routeMeta: RouteMeta): RouteMeta;
 
-export function defineBuildConfig(config: PluginBuildConfig ): PluginBuildConfig;
+export declare function defineBuildConfig(config: PluginBuildConfig ): PluginBuildConfig;
 
-export function defineRuntimeConfig(config:  PluginRuntimeConfig):  PluginRuntimeConfig;
+export declare function defineRuntimeConfig(config:  PluginRuntimeConfig):  PluginRuntimeConfig;