feat: 🎸 支持 ssg 模式

Author: WhimsFate

packages/model/src/clients/client-factory.ts

@@ -124,7 +124,7 @@ export function clientFactory<ClientType extends 'GQL'| 'REST'>(
                     } else {
                         throw new Error('There is no useful "fetch" function');
                     }
-                } else if (MODE === 'SSR') {
+                } else {
                     if (globalThis.fetch) {
                         opts.fetch = (resource, options) => globalThis.fetch(resource, options);
                     } else {
@@ -142,7 +142,7 @@ export function clientFactory<ClientType extends 'GQL'| 'REST'>(
             const timeoutPromise = new Promise<DOMException | TimeoutError>((resolve) => {
                 setTimeout(
                     () => {
-                        if (MODE !== 'SSR' && typeof DOMException !== 'undefined') {
+                        if (MODE === 'SPA' && typeof DOMException !== 'undefined') {
                             resolve(new DOMException('The request has been timeout'))
                         } else {
                             resolve(new TimeoutError('The request has been timeout'))
@@ -155,7 +155,7 @@ export function clientFactory<ClientType extends 'GQL'| 'REST'>(
         }).then((res) => {
             // 浏览器断网情况下有可能会是null
             if (res === null) {
-                res = MODE !== 'SSR' && typeof DOMException !== 'undefined'
+                res = MODE === 'SPA' && typeof DOMException !== 'undefined'
                     ? new DOMException('The request has been timeout')
                     : new TimeoutError('The request has been timeout');
             }

packages/model/src/const.ts

@@ -15,9 +15,11 @@ export const ROOT_STORE_MAP = new WeakMap<
     RootStore
 >();
 
-export let MODE: 'SPA' | 'SSR' = 'SPA';
+export let MODE: Mode = 'SPA';
 
-export function setMode(mode: 'SPA' | 'SSR') {
+export type Mode = 'SPA' | 'SSR' | 'SSG';
+
+export function setMode(mode: Mode) {
     MODE = mode;
 }
 

packages/model/src/model/class-type.ts

@@ -360,7 +360,7 @@ export function createModelFromClass<T>(ctor: Constructor<T>): ModelCotrInfo<T>
             });
 
             // 延迟初始化，保证query间依赖
-            if (queryList.length && MODE !== 'SSR') {
+            if (queryList.length && MODE === 'SPA') {
                 queryList.forEach(query => query.init());
             }
 

packages/model/src/model/fn-type.ts

@@ -142,7 +142,7 @@ export function createModelFromCA<T>(
             const { model, queryList } = fn.creator();
 
             // 延迟初始化，保证query间依赖
-            if (queryList.length && MODE !== 'SSR') {
+            if (queryList.length && MODE === 'SPA') {
                 queryList.forEach(query => query.init?.());
             }
 

packages/model/src/model/index.ts

@@ -13,7 +13,7 @@ import {
 import { createModelFromCA } from './fn-type'
 import { createModelFromClass } from './class-type';
 
-import { getRootStore } from '../const';
+import { getRootStore, MODE } from '../const';
 
 export type * from './types';
 import { createModel, type FNModelConstructor } from './fn-type';
@@ -84,7 +84,10 @@ export function useModel<T extends MyCon<any> = MyCon<any>>(ctor: T): RebornInst
         }
     });
     onServerPrefetch(async () => {
-        await storeModelInstance.instance?.prefetch();
+        // SSG 不进行请求
+        if(MODE !== 'SSG') {
+            await storeModelInstance.instance?.prefetch();
+        }
         storeModelInstance.count--;
         if (storeModelInstance.count === 0 && storeModelInstance.instance) {
             storeModelInstance.instance.destroy();

packages/model/src/operations/core.ts

@@ -70,7 +70,7 @@ export function generateQueryOptions<ModelType, DataType, VariablesType>(
         let timeout: ReturnType<typeof setTimeout>;
 
         const poll = () => {
-            if(MODE === 'SSR') {
+            if(MODE !== 'SPA') {
                 return
             }
             clearTimeout(timeout);

packages/model/src/store/index.ts

@@ -4,7 +4,7 @@ import type { Ref } from 'vue-demi';
 import type { Client, RebornClient } from '../clients';
 
 import { ref } from 'vue-demi';
-import { INJECT_KEY, ROOT_STORE_MAP, setMode } from '../const';
+import { INJECT_KEY, ROOT_STORE_MAP, setMode, type Mode } from '../const';
 
 export type GetModelInstance = ReturnType<typeof storeFactory>['getModelInstance'];
 
@@ -75,7 +75,7 @@ export function createStore() {
     }
 
     // 为了适配 vue 不同版本这里只能用 any 了
-    function install(app: any, ssrMode: boolean = false) {
+    function install(app: any, ssrMode: boolean | Mode = false) {
         // vue3
         if (app.config && typeof app.config.globalProperties === 'object') {
             app.config.globalProperties.rebornStore = store;
@@ -110,7 +110,7 @@ export function createStore() {
             });
         }
 
-        setMode(ssrMode ? 'SSR' : 'SPA');
+        setMode(typeof ssrMode === 'string' ? ssrMode : ssrMode ? 'SSR' : 'SPA');
     }
 
     const result = {