fix: 解决 ts 提示问题 (#155)

packages/create-fes-app/templates/app/h5/tsconfig.json

@@ -29,12 +29,9 @@
     }
   },
   "include": [
-    "*.js",
-    ".fes*.js",
     "src/**/*",
-    "typings/**/*",
+    "*.js",
-    "config/**/*",
+    ".fes*.js"
-    "src/.fes/configType.d.ts"
   ],
   "exclude": [
     "build",

packages/create-fes-app/templates/app/pc/tsconfig.json

@@ -33,8 +33,7 @@
     ".fes*.js",
     "src/**/*",
     "typings/**/*",
-    "config/**/*",
+    "config/**/*"
-    "src/.fes/configType.d.ts"
   ],
   "exclude": [
     "build",

packages/fes-builder-webpack/package.json

@@ -3,7 +3,7 @@
   "version": "3.0.0-beta.6",
   "description": "@fesjs/builder-webpack",
   "main": "lib/index.js",
-  "types": "lib/index.d.ts",
+  "types": "types.d.ts",
   "files": [
     "lib",
     "types.d.ts"

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

@@ -1,6 +1,16 @@
 import { Router, NavigationGuard } from 'vue-router';
 import { Ref } from 'vue';
 
+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>;
+
 declare module '@fesjs/fes' {
     interface PluginBuildConfig {
         access?:
@@ -16,14 +26,4 @@ declare module '@fesjs/fes' {
             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/types.d.ts

@@ -14,12 +14,11 @@ interface EnumApi {
     convert(name: string, _enum?: [] | object, option?: { keyName: string; valueName: string }): any;
 }
 
+export const enums: EnumApi;
 declare module '@fesjs/fes' {
     interface PluginBuildConfig {
         enums?: {
             [key: string]: [string | number, string | number][];
         } | false;
     }
-
-    export const enums: EnumApi;
 }

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

@@ -10,6 +10,7 @@ interface Menu {
     children?: Menu[];
 }
 
+export const Page: Component;
 declare module '@fesjs/fes' {
     interface RouteMeta {
         'keep-alive'?: boolean;
@@ -61,5 +62,4 @@ declare module '@fesjs/fes' {
         };
     }
 
-    export const Page: Component;
 }

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

@@ -1,5 +1,11 @@
 import '@fesjs/fes';
 
+export const locale: {
+    setLocale({ locale }: { locale: string }): void;
+    addLocale({ locale, messages }: { locale: string; messages: object }): void;
+    getAllLocales(): string[];
+    messages: Record<string, object>;
+};
 declare module '@fesjs/fes' {
     interface PluginBuildConfig {
         locale?:
@@ -11,13 +17,4 @@ declare module '@fesjs/fes' {
               }
             | 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/types.d.ts

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

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

@@ -2,6 +2,7 @@ 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 const MonacoEditor: Component;
 declare module '@fesjs/fes' {
     interface PluginBuildConfig {
         monacoEditor?: {
@@ -12,6 +13,4 @@ declare module '@fesjs/fes' {
             globalAPI: boolean;
         } | false;
     }
-
-    export const MonacoEditor: Component;
 }

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

@@ -2,6 +2,7 @@ import { readFileSync } from 'fs';
 import { join } from 'path';
 import { winPath } from '@fesjs/utils';
 import { parseStore } from './helper';
+import { name } from '../package.json';
 
 const namespace = 'plugin-pinia';
 
@@ -52,4 +53,8 @@ export default (api) => {
     ]);
 
     api.addRuntimePlugin(() => `@@/${absRuntimeFilePath}`);
+
+    api.addConfigType(() => ({
+        source: name,
+    }));
 };

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

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

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

@@ -7,8 +7,7 @@ interface AppOption {
     props: Record<string, any>;
 }
 
-declare module '@fesjs/fes' {
+export interface PluginBuildConfig {
-    interface PluginBuildConfig {
     qiankun?:
         | {
               main?: {
@@ -23,4 +22,3 @@ declare module '@fesjs/fes' {
 
 export const MicroApp: Component;
 export const MicroAppWithMemoHistory: Component;
-}

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

@@ -13,6 +13,8 @@ interface RequestPluginOption {
     }
 }
 
+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>}
 declare module "@fesjs/fes" {
     interface PluginRuntimeConfig {
         request?: {
@@ -22,6 +24,4 @@ declare module "@fesjs/fes" {
             responseInterceptors?: ResponseInterceptor[];
         } & 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/types.d.ts

@@ -1,4 +1,4 @@
-import '@fesjs/fes';
+
 
 declare module '@fesjs/fes' {
     interface PluginBuildConfig {

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

@@ -1,4 +1,11 @@
-import '@fesjs/fes';
+
+export const MUTATION_TYPES: object;
+
+export const ACTION_TYPES: object;
+
+export const GETTER_TYPES: object;
+
+export const store: object;
 declare module '@fesjs/fes' {
     interface PluginBuildConfig {
         vuex?:
@@ -9,11 +16,4 @@ declare module '@fesjs/fes' {
             | false;
     }
 
-    export const MUTATION_TYPES: object;
-
-    export const ACTION_TYPES: object;
-
-    export const GETTER_TYPES: object;
-
-    export const store: object;
 }

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

@@ -14,6 +14,8 @@ interface WatermarkParam {
     zIndex: number;
     timestamp: string;
 }
+export function createWatermark(param: WatermarkParam): void;
+export function destroyWatermark(): void;
 
 declare module '@fesjs/fes' {
     interface PluginBuildConfig {
@@ -21,7 +23,4 @@ declare module '@fesjs/fes' {
             disable: boolean;
         } | false;
     }
-
-    export function createWatermark(param: WatermarkParam): void;
-    export function destroyWatermark(): void;
 }

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

@@ -1,7 +1,7 @@
 function importsToStr(imports) {
     return imports.map((imp) => {
         const { source } = imp;
-        return `import '${source}';`;
+        return `export * from '${source}';`;
     });
 }
 

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

@@ -19,7 +19,22 @@ interface ClientRenderOption {
 type RenderFunc = () => Promise<App>
 
 
-declare module "@fesjs/fes" {
+
+export function getRouter(): Router;
+export function getHistory(): RouterHistory;
+export function destroyRouter(): void;
+
+declare module '@fesjs/fes' {
+    interface PluginRuntimeConfig {
+        beforeRender?: (option: BeforeRenderConfig) => BeforeRenderConfig;
+        patchRoutes?: ({ routes }: { routes: RouteRecordRaw[] }) => void;
+        modifyClientRenderOpts?: (option: ClientRenderOption) => ClientRenderOption;
+        rootContainer?: (component: DefineComponent, option: { routes: RouteRecordRaw[], plugin: Plugin }) => Component;
+        onAppCreated?: ({ app, routes }: { app: App, routes: RouteRecordRaw[] }) => void;
+        render?: (defaultRender: RenderFunc) => RenderFunc;
+        onRouterCreated?: ({ router }: { router: Router }) => void;
+    }
+
     interface PluginBuildConfig {
         alias?: Record<string, string>,
         autoprefixer?: {
@@ -81,17 +96,5 @@ declare module "@fesjs/fes" {
         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 }) => Component;
-        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;
 }

packages/fes-template-h5/tsconfig.json

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

packages/fes-template-vite/.fes.js

@@ -1,6 +1,6 @@
-// .fes.js 只负责管理编译时配置，只能使用plain Object
+import { defineBuildConfig } from "@fesjs/fes";
 
-export default {
+export default defineBuildConfig({
     // exportStatic: {},
     define: {
         __DEV__: false
@@ -84,5 +84,5 @@ export default {
     dynamicImport: true,
     monacoEditor: {
         languages: ['javascript', 'typescript', 'html', 'json']
-    }
+    },
-};
+});

packages/fes-template-vite/.fes.local.js

@@ -1,3 +1,5 @@
+import { defineBuildConfig } from "@fesjs/fes";
+
 export default {
     // define: {
     //     __DEV__: true

packages/fes-template-vite/.fes.prod.js

@@ -1,5 +1,4 @@
-// .fes.js 只负责管理编译时配置，只能使用plain Object
+import { defineBuildConfig } from "@fesjs/fes";
-
 
 export default {
     publicPath: 'https://gw.alipayobjects.com/'

packages/fes-template-vite/tsconfig.json

@@ -24,15 +24,8 @@
   },
   "include": [
     "src/**/*",
-    "tests/**/*",
+    ".fes.js",
-    "test/**/*",
+    ".fes.*.js"
-    "__test__/**/*",
-    "typings/**/*",
-    "config/**/*",
-    ".eslintrc.js",
-    ".stylelintrc.js",
-    ".prettierrc.js",
-    "src/.fes/configType.d.ts"
   ],
   "exclude": ["node_modules", "build", "dist", "scripts", "src/.fes/*", "webpack", "jest"]
 }

packages/fes-template/tsconfig.json

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

packages/fes/types.d.ts

@@ -1,5 +1,4 @@
-// @ts-ignore
+export * from '@@/configType'
-import '@@/configType';
 
 export * from '@fesjs/runtime';