@_tc/template-core 0.1.15 → 0.2.0-bate.0

package/fe/frontend/src/language/zh-CN.js

@@ -1,88 +1,89 @@
-export const frontendZhCNResources = {
-    frontend: {
-        app: {
-            title: 'Template Core',
-            uiComponentsTitle: 'UI 组件',
-            uiComponentsButton: '点击我',
-        },
-        components: {
-            languageSwitch: {
-                placeholder: '选择语言',
-                zhCN: '简体中文',
-                enUS: 'English',
-            },
-            themeSwitch: {
-                light: '浅色',
-                dark: '深色',
-                toLight: '切换为浅色主题',
-                toDark: '切换为深色主题',
-            },
-        },
-        common: {
-            yes: '是',
-            no: '否',
-            noData: '暂无数据',
-            loading: '加载中',
-            operation: '操作',
-        },
-        feedback: {
-            confirmDelete: '确认删除？',
-            requiredInput: '请输入{label}',
-            unknownError: '未知错误',
-            requestTimedOut: '请求超时',
-            networkError: '网络错误',
-        },
-        notFound: {
-            title: '页面不存在',
-            description: '当前路径无效，或页面未在路由中注册。',
-        },
-        validator: {
-            value: '值',
-            required: '缺少必填字段: {field}',
-            type: '{path} 类型错误，期望 {type}',
-            typeString: '字符串',
-            typeNumber: '数字',
-            typeInteger: '整数',
-            typeBoolean: '布尔值',
-            typeArray: '数组',
-            typeObject: '对象',
-            typeNull: '空值',
-            format: '{path} 格式不正确',
-            minimum: '{path} 不能小于 {limit}',
-            maximum: '{path} 不能大于 {limit}',
-            exclusiveMinimum: '{path} 必须大于 {limit}',
-            exclusiveMaximum: '{path} 必须小于 {limit}',
-            multipleOf: '{path} 必须是 {multipleOf} 的倍数',
-            minLength: '{path} 长度不能少于 {limit} 个字符',
-            maxLength: '{path} 长度不能超过 {limit} 个字符',
-            pattern: '{path} 格式不符合要求',
-            minItems: '{path} 至少需要 {limit} 项',
-            maxItems: '{path} 不能超过 {limit} 项',
-            uniqueItems: '{path} 不能包含重复项',
-            minProperties: '{path} 至少需要 {limit} 个属性',
-            maxProperties: '{path} 不能超过 {limit} 个属性',
-            additionalProperties: '{path} 包含不允许的属性 {property}',
-            enum: '{path} 不在可选范围内',
-            const: '{path} 必须等于指定值',
-            oneOf: '{path} 只能匹配一个规则',
-            anyOf: '{path} 至少需要匹配一个规则',
-            allOf: '{path} 未满足全部规则',
-            not: '{path} 不能匹配该规则',
-            propertyNames: '{path} 属性名不符合要求',
-            dependencies: '{path} 缺少关联字段',
-            contains: '{path} 缺少符合要求的项',
-            if: '{path} 条件校验未通过',
-            fallback: '{path} 校验未通过',
-        },
-        log: {
-            pageNotFound: 'url有问题 或者 自定义页面未在路由器注册',
-            pageNotFoundEn: 'The URL is incorrect, or the custom page is not registered with the router.',
-            illegalComponentCallback: '非法的组件回调 - {comName}',
-            illegalComponentCallbackEn: 'Illegal component callback - {comName}',
-            subscriptionError: '不曾订阅过，请检查代码，关注函数与取消函数必须为同一个',
-            subscriptionErrorEn: "You haven't subscribed. Please check your code; the follow function and unsubscribe function must be the same.",
-            apiTamper: 'api属性不允许篡改',
-            apiTamperEn: 'API attributes cannot be tampered with',
-        },
-    },
-};
+//#region frontend/src/language/zh-CN.ts
+var frontendZhCNResources = { frontend: {
+	app: {
+		title: "Template Core",
+		uiComponentsTitle: "UI 组件",
+		uiComponentsButton: "点击我"
+	},
+	components: {
+		languageSwitch: {
+			placeholder: "选择语言",
+			zhCN: "简体中文",
+			enUS: "English"
+		},
+		themeSwitch: {
+			light: "浅色",
+			dark: "深色",
+			toLight: "切换为浅色主题",
+			toDark: "切换为深色主题"
+		}
+	},
+	common: {
+		yes: "是",
+		no: "否",
+		noData: "暂无数据",
+		loading: "加载中",
+		operation: "操作"
+	},
+	feedback: {
+		confirmDelete: "确认删除？",
+		requiredInput: "请输入{label}",
+		unknownError: "未知错误",
+		requestTimedOut: "请求超时",
+		networkError: "网络错误"
+	},
+	notFound: {
+		title: "页面不存在",
+		description: "当前路径无效，或页面未在路由中注册。"
+	},
+	validator: {
+		value: "值",
+		required: "缺少必填字段: {field}",
+		type: "{path} 类型错误，期望 {type}",
+		typeString: "字符串",
+		typeNumber: "数字",
+		typeInteger: "整数",
+		typeBoolean: "布尔值",
+		typeArray: "数组",
+		typeObject: "对象",
+		typeNull: "空值",
+		format: "{path} 格式不正确",
+		minimum: "{path} 不能小于 {limit}",
+		maximum: "{path} 不能大于 {limit}",
+		exclusiveMinimum: "{path} 必须大于 {limit}",
+		exclusiveMaximum: "{path} 必须小于 {limit}",
+		multipleOf: "{path} 必须是 {multipleOf} 的倍数",
+		minLength: "{path} 长度不能少于 {limit} 个字符",
+		maxLength: "{path} 长度不能超过 {limit} 个字符",
+		pattern: "{path} 格式不符合要求",
+		minItems: "{path} 至少需要 {limit} 项",
+		maxItems: "{path} 不能超过 {limit} 项",
+		uniqueItems: "{path} 不能包含重复项",
+		minProperties: "{path} 至少需要 {limit} 个属性",
+		maxProperties: "{path} 不能超过 {limit} 个属性",
+		additionalProperties: "{path} 包含不允许的属性 {property}",
+		enum: "{path} 不在可选范围内",
+		const: "{path} 必须等于指定值",
+		oneOf: "{path} 只能匹配一个规则",
+		anyOf: "{path} 至少需要匹配一个规则",
+		allOf: "{path} 未满足全部规则",
+		not: "{path} 不能匹配该规则",
+		propertyNames: "{path} 属性名不符合要求",
+		dependencies: "{path} 缺少关联字段",
+		contains: "{path} 缺少符合要求的项",
+		if: "{path} 条件校验未通过",
+		fallback: "{path} 校验未通过"
+	},
+	log: {
+		pageNotFound: "url有问题 或者 自定义页面未在路由器注册",
+		pageNotFoundEn: "The URL is incorrect, or the custom page is not registered with the router.",
+		illegalComponentCallback: "非法的组件回调 - {comName}",
+		illegalComponentCallbackEn: "Illegal component callback - {comName}",
+		subscriptionError: "不曾订阅过，请检查代码，关注函数与取消函数必须为同一个",
+		subscriptionErrorEn: "You haven't subscribed. Please check your code; the follow function and unsubscribe function must be the same.",
+		apiTamper: "api属性不允许篡改",
+		apiTamperEn: "API attributes cannot be tampered with"
+	}
+} };
+//#endregion
+export { frontendZhCNResources };

package/fe/frontend/src/main.css

@@ -1,4 +1,4 @@
-@import '../../packages/ui/react/index.css';
+@import '../../packages/react/ui/index.css';
 
 /* 内容扫描 */
 /* enhancedComponents */

package/fe/frontend/src/main.d.ts

@@ -1,27 +1,20 @@
-import type { JSX } from 'react/jsx-runtime';
-import { RouteInfo } from './components/Router';
-import { RouterType } from './components/Router/type';
-import { type ReactNode } from 'react';
-import './main.css';
-import './typing/window';
-export declare const initApp: (
-/**
- * ## ⚠️ ‼️如果你有配置路由，一定要渲染 children
- * 根组件函数
- *
- */
-RootComponent: (props: {
+import type { JSX } from "react/jsx-runtime";
+import { RouteInfo } from "./components/Router/index";
+import { RouterType } from "./components/Router/type";
+import { type ReactNode } from "react";
+import "./main.css";
+import "./typing/window";
+export type InitAppHookContext = {
+    rootElement: HTMLElement;
+};
+export type InitAppHook = (context: InitAppHookContext) => void | Promise<void>;
+export declare const initApp: (RootComponent: (props: {
     children: Exclude<ReactNode, null | undefined>;
 }) => JSX.Element, options?: {
     routes?: RouteInfo[];
     routerType?: RouterType;
     modelType?: string;
-    /**
-     * - 初始化 model 数据
-     * - 默认开启
-     * - modelType 为 MD 时 默认开启
-     * @default true
-     */
+    beforeRender?: InitAppHook;
+    afterRender?: InitAppHook;
     initModeData?: boolean;
 }) => void;
-//# sourceMappingURL=main.d.ts.map

package/fe/frontend/src/main.js

@@ -1,72 +1,77 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { generateRouter } from './components/Router';
-import { createRoot } from 'react-dom/client';
-import { renderImportComponent } from './common/importComponent';
-import { modeStore } from './exportStore';
-import './main.css';
-import './typing/window';
-const renderRouter = async ({ routerDom, requestModelData }) => {
-    if (requestModelData) {
-        const { initModeData } = modeStore.getState();
-        if (!modeStore.getState().initData) {
-            await new Promise((resolve, reject) => {
-                let settled = false;
-                let unsubscribe = () => { };
-                const done = () => {
-                    if (settled)
-                        return;
-                    settled = true;
-                    unsubscribe();
-                    resolve();
-                };
-                const fail = (error) => {
-                    if (settled)
-                        return;
-                    settled = true;
-                    unsubscribe();
-                    reject(error);
-                };
-                unsubscribe = modeStore.subscribe((ns) => {
-                    if (ns.initData) {
-                        done();
-                    }
-                });
-                let initResult;
-                try {
-                    initResult = initModeData();
-                }
-                catch (error) {
-                    fail(error);
-                    return;
-                }
-                Promise.resolve(initResult).then(() => {
-                    if (modeStore.getState().initData) {
-                        done();
-                    }
-                }, fail);
-            });
-        }
-    }
-    return { default: () => _jsx(_Fragment, { children: routerDom }) };
+import "./main.css";
+import { modeStore } from "./stores/mode.js";
+import { renderImportComponent } from "./common/importComponent.js";
+import { generateRouter } from "./components/Router/index.js";
+import "./exportStore.js";
+/* empty css      */
+import { useEffect } from "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+import { createRoot } from "react-dom/client";
+//#region frontend/src/main.tsx
+var renderRouter = async ({ routerDom, requestModelData }) => {
+	if (requestModelData) {
+		const { initModeData } = modeStore.getState();
+		if (!modeStore.getState().initData) await new Promise((resolve, reject) => {
+			let settled = false;
+			let unsubscribe = () => {};
+			const done = () => {
+				if (settled) return;
+				settled = true;
+				unsubscribe();
+				resolve();
+			};
+			const fail = (error) => {
+				if (settled) return;
+				settled = true;
+				unsubscribe();
+				reject(error);
+			};
+			unsubscribe = modeStore.subscribe((ns) => {
+				if (ns.initData) done();
+			});
+			let initResult;
+			try {
+				initResult = initModeData();
+			} catch (error) {
+				fail(error);
+				return;
+			}
+			Promise.resolve(initResult).then(() => {
+				if (modeStore.getState().initData) done();
+			}, fail);
+		});
+	}
+	return { default: () => /* @__PURE__ */ jsx(Fragment$1, { children: routerDom }) };
 };
-export const initApp = (
-/**
- * ## ⚠️ ‼️如果你有配置路由，一定要渲染 children
- * 根组件函数
- *
- */
-RootComponent, options) => {
-    console.log('initApp');
-    const root = createRoot(document.getElementById('root'));
-    const { routerType = 'browser', routes: pRoutes = [], initModeData = true, modelType = 'MD' } = options ?? {};
-    const routes = [...pRoutes];
-    const usedRouter = !!routes.length;
-    let routerDom;
-    if (usedRouter) {
-        routerDom = generateRouter(routes, routerType);
-    }
-    // 创建路由组件
-    const Component = renderImportComponent(renderRouter({ routerDom, requestModelData: initModeData || modelType === 'MD' }));
-    // 挂载 根节点
-    root.render(_jsx(RootComponent, { children: Component }));
+var AppLifecycle = ({ children, hookContext, afterRender }) => {
+	useEffect(() => {
+		afterRender?.(hookContext);
+	}, [afterRender, hookContext]);
+	return /* @__PURE__ */ jsx(Fragment$1, { children });
 };
+var initApp = (RootComponent, options) => {
+	console.log("initApp");
+	const bootstrap = async () => {
+		const rootElement = document.getElementById("root");
+		const root = createRoot(rootElement);
+		const { routerType = "browser", routes: pRoutes = [], initModeData = true, modelType = "MD", beforeRender, afterRender } = options ?? {};
+		const routes = [...pRoutes];
+		const usedRouter = !!routes.length;
+		let routerDom;
+		if (usedRouter) routerDom = generateRouter(routes, routerType);
+		const hookContext = { rootElement };
+		await beforeRender?.(hookContext);
+		const Component = renderImportComponent(renderRouter({
+			routerDom,
+			requestModelData: initModeData || modelType === "MD"
+		}));
+		root.render(/* @__PURE__ */ jsx(AppLifecycle, {
+			hookContext,
+			afterRender,
+			children: /* @__PURE__ */ jsx(RootComponent, { children: Component })
+		}));
+	};
+	bootstrap();
+};
+//#endregion
+export { initApp };

package/fe/frontend/src/stores/apiFreezer.d.ts

@@ -1,93 +1,26 @@
-/** 根据参数 + 路径 + config 生成hash key */
 type freezeQueue = Map<string, {
-    /**
-     * - 包装的原始请求函数， 只需要存一次  因为参数完全一致
-     *
-     * - () =>  fn(...params)
-     */
     originFn: Function;
-    /**
-     * 响应的结果
-     */
-    /**
-     * 需要回调的函数
-     */
     callBackFns: {
         resolve: (value: unknown) => void;
         reject: (reason?: any) => void;
     }[];
 }>;
 export declare const FreezeState: {
-    /**
-     * 休眠 - 待机状态
-     */
     readonly Hibernation: "Hibernation";
-    /**
-     * 冻结状态
-     */
     readonly Freeze: "Freeze";
-    /**
-     * 正在解冻
-     */
     readonly Thawing: "Thawing";
 };
 export type FreezeStateKeys = keyof typeof FreezeState;
 export type FreezeStateEnum = (typeof FreezeState)[FreezeStateKeys];
 export type ApiFreezerRequestMatcher = string | RegExp | ((api: string, params: readonly unknown[]) => boolean);
 interface ApiFreezerState {
-    /**
-     *
-
-    * 冻结器状态
-    * - 流程：
-    *   1. 开启冻结 标记 Freeze
-    *   2. 收录请求
-    *   3. 开始解冻 标记 Thaw
-    *   4. 消费队列
-    *   5. 标记 Hibernation
-
-    */
     readonly state: FreezeStateEnum;
-    /**
-     *   - 开启冻结
-     *   - 所有触发的请求不会实际发出，而是进入消息队列
-     */
     freezing: () => void;
-    /**
-     *  - 开始解冻
-     *  - 处理消息队列
-     */
     thawing: () => void;
-    /**
-     * - 请求白名单
-     * - 需要放行的 api请求
-     */
     requestWhitelist: ApiFreezerRequestMatcher[];
     setRequestWhitelist: (data: ApiFreezerState['requestWhitelist']) => void;
-    /**
-     *  - 收录的待处理请求
-     */
     readonly freezeQueue: freezeQueue;
 }
-/**
- *
- * 解冻的过程中 又插入了请求  如何处理？
- *
- * 冻结流程
- *
- * 1. 如果处于休眠 或者 api在白名单中  直接调用
- * 2. 获取冻结队列
- *    1. 如果没有则新增
- * 3. 返回一个 Promise 给调用方 // 请求并未发出
- * 4. 监听状态变化
- * 5. 变为解冻时
- * 6. 获取消息 冻结列表
- * 7. 批处理请求
- * 8. 响应后 回调 调用方 返回结果
- * 9. 清空 冻结队列
- *
- */
 export declare const apiFreezerStore: import("zustand").StoreApi<ApiFreezerState>;
-export declare const useApiFreezer: import("../../../packages/ui/react").StoreHook<import("zustand").StoreApi<ApiFreezerState>>;
+export declare const useApiFreezer: import("../../../packages/react/ui/index").StoreHook<import("zustand").StoreApi<ApiFreezerState>>;
 export {};
-//# sourceMappingURL=apiFreezer.d.ts.map

package/fe/frontend/src/stores/apiFreezer.js

@@ -1,49 +1,53 @@
-import { createStoreHook } from '../../../packages/ui/react';
-import { createStore } from 'zustand';
-export const FreezeState = {
-    /**
-     * 休眠 - 待机状态
-     */
-    Hibernation: 'Hibernation',
-    /**
-     * 冻结状态
-     */
-    Freeze: 'Freeze',
-    /**
-     * 正在解冻
-     */
-    Thawing: 'Thawing',
+import { createStoreHook } from "../../../packages/react/ui/lib/createStoreHook.js";
+import "../../../packages/react/ui/index.js";
+import { createStore } from "zustand";
+//#region frontend/src/stores/apiFreezer.ts
+var FreezeState = {
+	/**
+	* 休眠 - 待机状态
+	*/
+	Hibernation: "Hibernation",
+	/**
+	* 冻结状态
+	*/
+	Freeze: "Freeze",
+	/**
+	* 正在解冻
+	*/
+	Thawing: "Thawing"
 };
 /**
- *
- * 解冻的过程中 又插入了请求  如何处理？
- *
- * 冻结流程
- *
- * 1. 如果处于休眠 或者 api在白名单中  直接调用
- * 2. 获取冻结队列
- *    1. 如果没有则新增
- * 3. 返回一个 Promise 给调用方 // 请求并未发出
- * 4. 监听状态变化
- * 5. 变为解冻时
- * 6. 获取消息 冻结列表
- * 7. 批处理请求
- * 8. 响应后 回调 调用方 返回结果
- * 9. 清空 冻结队列
- *
- */
-export const apiFreezerStore = createStore((set) => ({
-    state: FreezeState.Hibernation,
-    freezing() {
-        set({ state: FreezeState.Freeze });
-    },
-    thawing() {
-        set({ state: FreezeState.Thawing });
-    },
-    requestWhitelist: [],
-    setRequestWhitelist(requestWhitelist) {
-        set({ requestWhitelist });
-    },
-    freezeQueue: new Map(),
+*
+* 解冻的过程中 又插入了请求  如何处理？
+*
+* 冻结流程
+*
+* 1. 如果处于休眠 或者 api在白名单中  直接调用
+* 2. 获取冻结队列
+*    1. 如果没有则新增
+* 3. 返回一个 Promise 给调用方 // 请求并未发出
+* 4. 监听状态变化
+* 5. 变为解冻时
+* 6. 获取消息 冻结列表
+* 7. 批处理请求
+* 8. 响应后 回调 调用方 返回结果
+* 9. 清空 冻结队列
+*
+*/
+var apiFreezerStore = createStore((set) => ({
+	state: FreezeState.Hibernation,
+	freezing() {
+		set({ state: FreezeState.Freeze });
+	},
+	thawing() {
+		set({ state: FreezeState.Thawing });
+	},
+	requestWhitelist: [],
+	setRequestWhitelist(requestWhitelist) {
+		set({ requestWhitelist });
+	},
+	freezeQueue: /* @__PURE__ */ new Map()
 }));
-export const useApiFreezer = createStoreHook(apiFreezerStore);
+var useApiFreezer = createStoreHook(apiFreezerStore);
+//#endregion
+export { FreezeState, apiFreezerStore, useApiFreezer };

package/fe/frontend/src/stores/mode.d.ts

@@ -1,10 +1,7 @@
-import { type ModelInfo, type ProjectInfo } from '../api/baseInfo';
+import { type ModelInfo, type ProjectInfo } from "../api/baseInfo";
 interface ModeState {
     modeList: ModelInfo[];
     projectInfo: ProjectInfo | null;
-    /**
-     * 是否初始化过
-     */
     initData: boolean;
 }
 interface ModeAction {
@@ -14,6 +11,5 @@ interface ModeAction {
 }
 type IStore = ModeState & ModeAction;
 export declare const modeStore: import("zustand").StoreApi<IStore>;
-export declare const useModeStore: import("../../../packages/ui/react").StoreHook<import("zustand").StoreApi<IStore>>;
+export declare const useModeStore: import("../../../packages/react/ui/index").StoreHook<import("zustand").StoreApi<IStore>>;
 export {};
-//# sourceMappingURL=mode.d.ts.map