update event

save load

.dockerignore

@@ -1,2 +0,0 @@
-node_modules
-npm-debug.log

.github/dependabot.yml

@@ -1,11 +0,0 @@
-# To get started with Dependabot version updates, you'll need to specify which
-# package ecosystems to update and where the package manifests are located.
-# Please see the documentation for all configuration options:
-# https://docs.github.com/code-security/dependabot/dependabot-version-updates/configuration-options-for-the-dependabot.yml-file
-
-version: 2
-updates:
-  - package-ecosystem: "" # See documentation for possible values
-    directory: "/" # Location of package manifests
-    schedule:
-      interval: "weekly"

.github/workflows/deploy.yml

@@ -1,29 +0,0 @@
-name: Build and Deploy
-on:
-  push:
-    branches: [main]
-permissions:
-  contents: write
-jobs:
-  build-and-deploy:
-    concurrency: ci-${{ github.ref }} # Recommended if you intend to make multiple deployments in quick succession.
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout 🛎️
-        uses: actions/checkout@v4
-
-      - name: Install pnpm
-        uses: pnpm/action-setup@v4
-        with:
-          version: 10
-
-      - name: Install and Build 🔧 # This example project is built using npm and outputs the result to the 'build' folder. Replace with the commands required to build your project, or remove this step entirely if your site is pre-built.
-        run: |
-          pnpm install
-          pnpm xlsx2json
-          pnpm build
-
-      - name: Deploy 🚀
-        uses: JamesIves/github-pages-deploy-action@v4
-        with:
-          folder: template # The folder the action should deploy.

.github/workflows/node.js.yml

@@ -0,0 +1,31 @@
+# This workflow will do a clean install of node dependencies, cache/restore them, build the source code and run tests across different versions of node
+# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
+
+name: Node.js CI
+
+on:
+  push:
+    branches: [ master ]
+  pull_request:
+    branches: [ master ]
+
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [14.x, 16.x]
+        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
+
+    steps:
+    - uses: actions/checkout@v2
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v2
+      with:
+        node-version: ${{ matrix.node-version }}
+        cache: 'npm'
+    - run: npm install
+    - run: npm run build --if-present
+    - run: npm test

.gitignore

@@ -107,7 +107,4 @@ utils/xlsxTransform-*
 
 /.idea
 
-__localStorage.json
-
-template/public
-public/data
+__localStorage.json

.jshintrc

@@ -0,0 +1,3 @@
+{
+    "esversion": 9
+}

.vscode/launch.json

@@ -4,15 +4,40 @@
     // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
     "version": "0.2.0",
     "configurations": [
+        {
+            "name": "Launch Chrome",
+            "request": "launch",
+            "type": "pwa-chrome",
+            "url": "http://127.0.0.1:8000/public/index.html",
+            "webRoot": "${workspaceFolder}"
+        },
         {
             "type": "node",
             "request": "launch",
             "name": "test",
             "program": "${workspaceFolder}/test",
             "skipFiles": [
-                "<node_internals>/**",
-                "**/node_modumes/**"
+                "<node_internals>/**"
             ]
         },
+        {
+            "type": "node",
+            "request": "launch",
+            "name": "xlsx2json",
+            "program": "${workspaceFolder}/node_modules/v-transform/src/index.js",
+            "args": ["transform", "jobs/xlsx2json/config.json"],
+            "skipFiles": [
+                "<node_internals>/**"
+            ]
+        },
+        {
+            "name": "Attach by Process ID",
+            "processId": "${command:PickProcess}",
+            "request": "attach",
+            "skipFiles": [
+                "<node_internals>/**"
+            ],
+            "type": "node"
+        },
     ]
 }

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+    "cSpell.words": [
+        "Laya"
+    ]
+}

CNAME

@@ -0,0 +1 @@
+liferestart.syaro.io

Dockerfile

@@ -1,15 +0,0 @@
-FROM node:alpine
-
-ENV NPM_CONFIG_LOGLEVEL info
-
-WORKDIR /usr/src/app
-
-COPY package*.json ./
-
-RUN npm install
-
-COPY . .
-
-EXPOSE 8080
-CMD ["yarn", "dev"]
-

README-zh_CN.md

@@ -14,22 +14,38 @@
 <summary><strong>网页版</strong></summary>
 <br />
 
+1. 下载项目代码。
+
 ```bash
-# 1. 下载项目代码
 git clone https://github.com/VickScarlet/lifeRestart.git my-project
-
-# 2. 进入目录安装依赖
 cd my-project
-pnpm install
-
-# 3. 转换XLSX表
-pnpm xlsx2json
-
-# 4. 启动本地开发服务器
-pnpm dev
 ```
 
-启动完成后打开浏览器访问 [http://localhost:5173](http://localhost:5173)。
+2. 进入目录安装依赖。
+
+```bash
+yarn install
+```
+
+或者
+
+```bash
+npm install
+```
+
+3. 启动本地服务器。
+
+```bash
+yarn dev
+```
+
+或者
+
+```bash
+npm run dev
+```
+
+4. 启动完成后会自动打开浏览器访问 [http://localhost:8081/view/index.html](http://localhost:8081/view/index.html)。
 
 </details>
 

README.md

@@ -14,23 +14,38 @@ English | [简体中文](./README-zh_CN.md)
 <summary><strong>Web Version</strong></summary>
 <br />
 
+1. Clone project code.
 
 ```bash
-# 1. Clone project code.
 git clone git@github.com:VickScarlet/lifeRestart.git my-project
 cd my-project
-
-# 2. Installation dependence.
-pnpm install
-
-# 3. Transform XLSX
-pnpm xlsx2json
-
-# 4. Start local dev server.
-pnpm dev
 ```
 
-After the startup is complete, open a browser and visit [http://localhost:5173](http://localhost:5173).
+2. Installation dependence.
+
+```bash
+yarn install
+```
+
+Or
+
+```bash
+npm install
+```
+
+3. Start local server.
+
+```bash
+yarn dev
+```
+
+Or
+
+```bash
+npm run dev
+```
+
+4. After the startup is complete, will automatically open a browser and visit [http://localhost:8081/view/index.html](http://localhost:8081/view/index.html).
 </details>
 
 <details>

_layouts/default.html

@@ -2,7 +2,10 @@
 <html lang="{{ site.lang | default: "en-US" }}">
   <head>
     <meta charset="UTF-8">
+    <script data-ad-client="ca-pub-9857163863537600" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
 {% seo %}
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link rel="preload" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap" as="style" type="text/css" crossorigin>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="theme-color" content="#157878">
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
@@ -15,7 +18,8 @@
     <header class="page-header" role="banner">
       <h1 class="project-name">{{ page.title | default: site.title | default: site.github.repository_name }}</h1>
       <h2 class="project-tagline">{{ page.description | default: site.description | default: site.github.project_tagline }}</h2>
-      <a href="/public/" class="btn">RESTART</a>
+      <a href="/view/" class="btn">RESTART</a>
+      <a href="/view/test.html" class="btn">Source Version</a>
       {% if site.github.is_project_page %}
         <a href="{{ site.github.repository_url }}" class="btn">View on GitHub</a>
       {% endif %}

jobs/xlsx2json/config.json

@@ -0,0 +1,19 @@
+{
+    "configurations": [
+        {
+            "source": [
+                "../../data/specialthanks-afd.xlsx",
+                "../../data/specialthanks-dun.xlsx"
+            ],
+            "target": "../../public/data"
+        },
+        {
+            "source": "../../data/zh-cn",
+            "target": "../../public/data/zh-cn"
+        },
+        {
+            "source": "../../data/en-us",
+            "target": "../../public/data/en-us"
+        }
+    ]
+}

jsconfig.json

@@ -1,10 +1,12 @@
 {
-    // See http://go.microsoft.com/fwlink/?LinkId=759670
-    // for the documentation about the jsconfig.json format
-    "compilerOptions": {
-        "module": "esnext",
-        "target": "es6",
-    },
-    "include":["src", "repl", "vite.config.js"],
-    "exclude": ["node_modules", "public", "view"]
+	// See http://go.microsoft.com/fwlink/?LinkId=759670
+	// for the documentation about the jsconfig.json format
+	"compilerOptions": {
+		"target": "es5"
+	},
+	"exclude": [
+		"node_modules",
+		"public",
+		"view"
+	]
 }

laya/pages/view/CyberTheme/CyberMain.ui

@@ -1,8 +1,8 @@
 {
     "x":0,
     "type":"View",
-    "selectedBox":93,
-    "selecteID":94,
+    "selectedBox":1,
+    "selecteID":12,
     "props":{"y":1218,"x":562,"width":1125,"sceneColor":"#000000","sceneBg":"laya/views/view/CyberTheme/CyberMain.png","runtime":"Laya.runtime.ViewBase","height":2436,"anchorY":0.5,"anchorX":0.5},
     "nodeParent":-1,
     "label":"View",
@@ -548,13 +548,14 @@
             "props":{"width":1,"left":0,"height":1,"bottom":0},
             "nodeParent":1,
             "label":"Box",
-            "isOpen":false,
+            "isOpen":true,
             "isDirectory":true,
             "isAniNode":true,
             "hasChild":true,
             "compId":85,
             "child":[
                 {
+                    "x":30,
                     "type":"Box",
                     "props":{"y":-175,"x":100,"width":160,"var":"btnGithub","runtime":"Laya.runtime.ScaleButton","name":"btnGithub","height":160,"anchorY":0.5,"anchorX":0.5},
                     "nodeParent":85,
@@ -579,6 +580,7 @@
                         }]
                 },
                 {
+                    "x":30,
                     "type":"Box",
                     "props":{"y":-355,"x":100,"width":160,"var":"btnDiscord","runtime":"Laya.runtime.ScaleButton","name":"btnDiscord","height":160,"anchorY":0.5,"anchorX":0.5},
                     "nodeParent":85,
@@ -609,13 +611,14 @@
             "props":{"right":0,"bottom":0},
             "nodeParent":1,
             "label":"Box",
-            "isOpen":false,
+            "isOpen":true,
             "isDirectory":true,
             "isAniNode":true,
             "hasChild":true,
             "compId":88,
             "child":[
                 {
+                    "x":30,
                     "type":"Box",
                     "props":{"y":-300,"x":-100,"width":110,"runtime":"Laya.runtime.ScaleButton","height":110,"anchorY":0.5,"anchorX":0.5},
                     "nodeParent":88,
@@ -627,6 +630,7 @@
                     "compId":90,
                     "child":[
                         {
+                            "x":45,
                             "type":"Box",
                             "props":{"width":110,"var":"btnSaveLoad","runtime":"Laya.runtime.ColorfulBox","name":"btnSmall","height":110,"centerY":0,"centerX":0,"anchorY":0.5,"anchorX":0.5},
                             "nodeParent":90,
@@ -638,6 +642,7 @@
                             "compId":91,
                             "child":[
                                 {
+                                    "x":60,
                                     "type":"Image",
                                     "props":{"width":80,"skin":"images/icons/icon_save.png","height":80,"centerY":0,"centerX":0},
                                     "nodeParent":91,
@@ -652,6 +657,7 @@
                         }]
                 },
                 {
+                    "x":30,
                     "type":"Box",
                     "props":{"y":-175,"x":-100,"width":110,"runtime":"Laya.runtime.ScaleButton","height":110,"anchorY":0.5,"anchorX":0.5},
                     "nodeParent":88,
@@ -663,6 +669,7 @@
                     "compId":89,
                     "child":[
                         {
+                            "x":45,
                             "type":"Box",
                             "props":{"width":110,"var":"btnThemes","runtime":"Laya.runtime.ColorfulBox","name":"btnThemes","height":110,"centerY":0,"centerX":0,"anchorY":0.5,"anchorX":0.5},
                             "nodeParent":89,
@@ -687,32 +694,6 @@
                                 }]
                         }]
                 }]
-        },
-        {
-            "x":15,
-            "type":"Box",
-            "props":{"x":572,"var":"banner","centerX":0,"bottom":100,"anchorY":1,"anchorX":0.5},
-            "nodeParent":1,
-            "label":"Box(banner)",
-            "isOpen":true,
-            "isDirectory":true,
-            "isAniNode":true,
-            "hasChild":true,
-            "compId":93,
-            "child":[
-                {
-                    "x":30,
-                    "type":"Label",
-                    "props":{"text":"UI_Banner","fontSize":40,"font":"方正像素12","color":"#00fffd"},
-                    "nodeParent":93,
-                    "label":"Label",
-                    "isDirectory":false,
-                    "isAniNode":true,
-                    "hasChild":false,
-                    "compId":94,
-                    "child":[
-                        ]
-                }]
         }],
     "animations":[
         {

laya/pages/view/DefaultTheme/Main.ui

@@ -1,8 +1,8 @@
 {
     "x":0,
     "type":"View",
-    "selectedBox":101,
-    "selecteID":102,
+    "selectedBox":99,
+    "selecteID":100,
     "props":{"y":1218,"x":562,"width":1125,"sceneColor":"#000000","runtime":"Laya.runtime.ViewBase","height":2436,"anchorY":0.5,"anchorX":0.5},
     "nodeParent":-1,
     "label":"View",
@@ -276,32 +276,6 @@
                     "child":[
                         ]
                 }]
-        },
-        {
-            "x":15,
-            "type":"Box",
-            "props":{"x":562,"var":"banner","centerX":0,"bottom":100,"anchorY":1,"anchorX":0.5},
-            "nodeParent":1,
-            "label":"Box(banner)",
-            "isOpen":true,
-            "isDirectory":true,
-            "isAniNode":true,
-            "hasChild":true,
-            "compId":101,
-            "child":[
-                {
-                    "x":30,
-                    "type":"Label",
-                    "props":{"text":"UI_Banner","name":"title","fontSize":40,"font":"SimHei","color":"#ffffff"},
-                    "nodeParent":101,
-                    "label":"Label(title)",
-                    "isDirectory":false,
-                    "isAniNode":true,
-                    "hasChild":false,
-                    "compId":102,
-                    "child":[
-                        ]
-                }]
         }],
     "animations":[
         {

package.json

@@ -1,19 +1,24 @@
 {
     "name": "life_restart",
     "type": "module",
-    "main": "repl/index.js",
-    "version": "2.1.0",
-    "author": "Vick Scarlet <vick@syaro.io>",
+    "bin": "repl/index.js",
+    "version": "2.0.0",
     "scripts": {
-        "xlsx2json": "vt transform -d public \"data/**/*.xlsx\"",
-        "dev": "vite",
-        "build": "vite build",
-        "start": "vite preview",
-        "test": "vitest"
+        "test": "node test",
+        "xlsxTransform": "vt transform data",
+        "xlsx2json": "vt transform jobs/xlsx2json/config.json",
+        "dev": "webpack serve --open /view/index.html",
+        "build": "webpack --mode production"
     },
     "devDependencies": {
-        "v-transform": "^2.2.1",
-        "vite": "^8.0.3",
-        "vitest": "^4.1.2"
+        "@babel/core": "^7.15.4",
+        "@babel/preset-env": "^7.15.4",
+        "babel-loader": "^8.2.2",
+        "core-js": "^3.17.2",
+        "html-webpack-plugin": "^5.5.0",
+        "v-transform": "^1.0.2",
+        "webpack": "^5.64.4",
+        "webpack-cli": "^4.8.0",
+        "webpack-dev-server": "^4.1.0"
     }
 }

public/dev.html

@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+        <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
+        <meta name="description" content="やり直すんだ。そして、次はうまくやる。"/>
+        <meta name="keywords" content="人生重开模拟器 liferestart life restart remake 人生重来"/>
+        <meta name="renderer" content="webkit"/>
+        <meta name="apple-mobile-web-app-capable" content="yes"/>
+        <meta name="full-screen" content="true"/>
+        <meta name="x5-fullscreen" content="true"/>
+        <meta name="360-fullscreen" content="true"/>
+        <meta name="theme-color" content="#157878"/>
+        <meta name="laya" screenorientation ="landscape"/>
+        <meta http-equiv="expires" content="0"/>
+        <meta http-equiv="Cache-Control" content="no-siteapp"/>
+        <font-face font-family="方正像素12" src="fonts/方正像素12.ttf"/>
+        <title>Life Restart</title>
+    </head>
+    <body style="background:black">
+        <!--以下引用了常用类库，如果不使用，可以删除-->
+
+        <!--核心包，封装了显示对象渲染，事件，时间管理，时间轴动画，缓动，消息交互,socket，本地存储，鼠标触摸，声音，加载，颜色滤镜，位图字体等-->
+        <script type="text/javascript" src="libs/laya/laya.core.js"></script>
+        <!--提供了微信小游戏的适配-->
+        <!-- <script type="text/javascript" src="libs/laya/laya.wxmini.js"></script> -->
+        <!--提供了百度小游戏的适配-->
+        <!-- <script type="text/javascript" src="libs/laya/laya.bdmini.js"></script> -->
+        <!--提供了小米小游戏的适配-->
+        <!-- <script type="text/javascript" src="libs/laya/laya.xmmini.js"></script> -->
+         <!--提供了OPPO小游戏的适配-->
+         <!-- <script type="text/javascript" src="libs/laya/laya.quickgamemini.js"></script> -->
+        <!--提供了bilibili小游戏的适配-->
+        <!-- <script type="text/javascript" src="libs/laya/laya.bilimini.js"></script> -->
+        <!--提供了Alipay小游戏的适配-->
+        <!-- <script type="text/javascript" src="libs/laya/laya.Alipaymini.js"></script> -->
+        <!--提供了qq小游戏的适配-->
+        <!-- <script type="text/javascript" src="libs/laya/laya.qqmini.js"></script> -->
+        <!--提供了字节跳动小游戏的适配-->
+        <!-- <script type="text/javascript" src="libs/laya/laya.ttmini.js"></script> -->
+        <!--提供了华为快游戏的适配-->
+        <!-- <script type="text/javascript" src="libs/laya/laya.hwmini.js"></script> -->
+        <!--提供了淘宝商家应用的适配-->
+        <!-- <script type="text/javascript" src="libs/laya/laya.tbmini.js"></script> -->
+        <!--提供了淘宝小部件的适配-->
+        <!-- <script type="text/javascript" src="libs/laya/laya.tbplugin.js"></script> -->
+        <!--封装了webgl渲染管线，如果使用webgl渲染，可以在初始化时调用Laya.init(1000,800,laya.webgl.WebGL);-->
+        <script type="text/javascript" src="libs/laya/laya.webgl.js"></script>
+        <!--提供了VIVO小游戏的适配-->
+        <!-- <script type="text/javascript" src="libs/laya/laya.vvmini.js"></script> -->
+        <!--是动画模块，包含了swf动画，骨骼动画等-->
+        <!-- <script type="text/javascript" src="libs/laya/laya.ani.js"></script> -->
+        <!--包含更多webgl滤镜，比如外发光，阴影，模糊以及更多-->
+        <script type="text/javascript" src="libs/laya/laya.filter.js"></script>
+        <!--封装了html动态排版功能-->
+        <script type="text/javascript" src="libs/laya/laya.html.js"></script>
+        <!--粒子类库-->
+        <script type="text/javascript" src="libs/laya/laya.particle.js"></script>
+        <!--提供tileMap解析支持-->
+        <!-- <script type="text/javascript" src="libs/laya/laya.tiledmap.js"></script> -->
+        <!--提供了制作UI的各种组件实现-->
+        <script type="text/javascript" src="libs/laya/laya.ui.js"></script>
+         <!-- 提供LayaAir3d接口 -->
+        <!-- <script type="text/javascript" src="libs/laya/laya.d3.js"></script> -->
+
+         <!-- 物理引擎matter.js -->
+        <!--自定义的js(src文件夹下)文件自动添加到下面jsfile模块标签里面里，js的顺序可以手动修改，修改后保留修改的顺序，新增加的js会默认依次追加到标签里-->
+        <!--删除标签，ide不会自动添加js文件，请谨慎操作-->
+        <!--jsfile--startTag-->
+        <script type="module" src="../src/index.js"></script>
+        <!--jsfile--endTag-->
+    </body>
+</html>

public/index.html

@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"><meta name="description" content="やり直すんだ。そして、次はうまくやる。"/><meta name="keywords" content="人生重开模拟器 liferestart life restart remake 人生重来"/><meta name="renderer" content="webkit"/><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="full-screen" content="true"/><meta name="x5-fullscreen" content="true"/><meta name="360-fullscreen" content="true"/><meta name="theme-color" content="#157878"/><meta name="laya" screenorientation="landscape"/><meta http-equiv="expires" content="0"/><meta http-equiv="Cache-Control" content="no-siteapp"/><title>Life Restart</title><script src="libs/laya/min/laya.core.min.js"></script><script src="libs/laya/min/laya.webgl.min.js"></script><script src="libs/laya/min/laya.filter.min.js"></script><script src="libs/laya/min/laya.particle.min.js"></script><script src="libs/laya/min/laya.ui.min.js"></script><script defer="defer" src="chunk/main.76985.js"></script></head><body style="background:black"></body></html>

repl/index.js

@@ -1,44 +1,32 @@
-import { fileURLToPath } from 'url'
-import { dirname } from 'path'
-
-const __filename = fileURLToPath(import.meta.url)
-const __dirname = dirname(__filename)
-
-import App from './app.js'
-import { readFile, writeFile } from 'fs/promises'
+import App from './app.js';
+import { readFile, writeFile } from 'fs/promises';
 
 async function main() {
+
     try {
-        globalThis.localStorage = JSON.parse(
-            await readFile(__dirname + '/__localStorage.json')
-        )
+        globalThis.localStorage = JSON.parse(await readFile('__localStorage.json'));
     } catch (e) {
-        globalThis.localStorage = {}
+        globalThis.localStorage = {};
     }
-    localStorage.getItem = key =>
-        localStorage[key] === void 0 ? null : localStorage[key]
-    localStorage.setItem = (key, value) => (localStorage[key] = value)
+    localStorage.getItem = key => localStorage[key]===void 0? null: localStorage[key];
+    localStorage.setItem = (key, value) => (localStorage[key] = value);
 
-    globalThis.dumpLocalStorage = async () =>
-        await writeFile(
-            __dirname + '/__localStorage.json',
-            JSON.stringify(global.localStorage)
-        )
+    globalThis.dumpLocalStorage = async ()=>await writeFile('__localStorage.json', JSON.stringify( global.localStorage))
 
-    const app = new App()
+    const app = new App();
     app.io(
-        repl => process.stdin.on('data', data => repl(data.toString().trim())),
-        (data, isRepl) => process.stdout.write(`${data}${isRepl ? '\n>' : ''}`),
-        code => process.exit(code)
+        repl => process.stdin.on('data', data=>repl(data.toString().trim())),
+        (data, isRepl) => process.stdout.write(`${data}${isRepl?'\n>':''}`),
+        code=>process.exit(code)
     )
-    await app.initial()
+    await app.initial();
 }
 
-main()
+main();
 
 // process.stdin.setRawMode(true);
 
 // process.openStdin().on('keypress', function (chunk, key) {
 //   process.stdout.write('Get Chunk: ' + chunk + '\n');
 //   if (key && key.ctrl && key.name == 'c') process.exit();
-// });
+// });

src/app.js

@@ -7,21 +7,21 @@ import UIManager from './ui/uiManager.js';
 import * as utils from './functions/util.js';
 
 globalThis.UIManager =
-    globalThis.UI =
-    UIManager;
+globalThis.UI =
+UIManager;
 
 globalThis.$_ = utils;
 
 globalThis.goto = async tag => {
     let url;
-    switch (tag) {
+    switch(tag) {
         case 'github': url = 'https://github.com/VickScarlet/lifeRestart'; break;
         case 'discord': url = 'https://discord.gg/U3qrf49NMQ'; break;
-        case 'sponsor_afd': url = 'https://afdian.com/a/LifeRestart'; break;
+        case 'sponsor_afd': url = 'https://afdian.net/@LifeRestart'; break;
         case 'sponsor_ddf': url = 'https://dun.mianbaoduo.com/@vickscarlet'; break;
     }
     try {
-        if (Laya.Browser.onIOS) {
+        if(Laya.Browser.onIOS) {
             window.location.href = url;
         } else {
             window.open(url, '_blank');
@@ -30,8 +30,8 @@ globalThis.goto = async tag => {
         console.error(error);
     }
 }
-class App {
-    constructor() {
+class App{
+    constructor(){
         this.name = 'lifeRestart';
         this.version = '2.0.0';
         console.log(`${this.name} ${this.version}`);
@@ -50,10 +50,10 @@ class App {
         //class laya.webgl.text.CharSegment
         class CharSegment {
             constructor() {
-                this._sourceStr = null;
+                this._sourceStr=null;
             }
             textToSpit(str) {
-                this._sourceStr = str;
+                this._sourceStr=str;
                 var texLen = str.length;
                 var idx = -1;
                 this._words = [];
@@ -67,18 +67,18 @@ class App {
                     }
                 }
             }
-            getChar(i) {
+            getChar(i){
                 return this._words;
             }
-            getCharCode(i) {
+            getCharCode(i){
                 return this._words[i].codePointAt(0);
             }
-            length() {
+            length(){
                 return this._words.length;
             }
         }
-        Laya.class(CharSegment, 'laya.webgl.text.CharSegment');
-        Laya.imps(CharSegment.prototype, { "laya.webgl.text.ICharSegment": true })
+        Laya.class(CharSegment,'laya.webgl.text.CharSegment');
+        Laya.imps(CharSegment.prototype,{"laya.webgl.text.ICharSegment":true})
 
 
         // Laya.init(1125, 2436, Laya.WebGL);
@@ -103,15 +103,15 @@ class App {
         const screenWidth = window.innerWidth;
         const screenHeight = window.innerHeight;
         const screenRatio = screenWidth / screenHeight;
-        if (screenRatio > designRatio) {
+        if(screenRatio > designRatio) {
             return [
-                Math.min(screenWidth * designHeight / screenHeight, maxWidth),
+                Math.min(screenWidth*designHeight/screenHeight, maxWidth),
                 designHeight
             ]
         } else {
             return [
                 designWidth,
-                Math.min(screenHeight * designWidth / screenWidth, maxHeight)
+                Math.min(screenHeight*designWidth/screenWidth, maxHeight)
             ]
         }
     }
@@ -121,7 +121,7 @@ class App {
     }
 
     async #setLanguage(language) {
-        switch (language) {
+        switch(language) {
             case App.languages['en-us']:
             case App.languages['zh-cn']:
                 this.#language = language;
@@ -131,23 +131,23 @@ class App {
                 break;
         }
         globalThis.$lang =
-            Laya.Text.langPacks =
+        Laya.Text.langPacks =
             (await import(`./i18n/${this.#language}.js`)).default;
     }
 
     resigterEvent() {
         $$on('achievement', achievement => {
-            $ui.popup(UI.popups.ACHIEVEMENT, { achievement });
+            $ui.popup(UI.popups.ACHIEVEMENT, {achievement});
         })
         $$on('message', ([message, ...args]) => {
-            if (Array.isArray(message)) {
-                message = message.map(([m, ...a]) => $_.format($lang[m], ...a)).join('\n');
+            if(Array.isArray(message)) {
+                message = message.map(([m, ...a]) => $_.format($lang[m], ...a)) .join('\n');
             } else {
                 message = $_.format(
                     $lang[message], ...args
                 );
             }
-            $ui.popup(UI.popups.MESSAGE, { message });
+            $ui.popup(UI.popups.MESSAGE, {message});
         })
     }
 
@@ -159,7 +159,7 @@ class App {
         this.#initLaya();
         globalThis.$ui = UIManager.getInstance();
 
-        if (theme == 'default') {
+        if(theme=='default') {
             theme = localStorage.getItem('theme') || 'default';
         }
 
@@ -168,8 +168,8 @@ class App {
         await $ui.setLoading(UI.pages.LOADING);
         await $ui.switchView(UI.pages.LOADING);
         await core.initial(
-            dataSet => Laya.promises.loader.load(`data/${this.#language}/${dataSet}.json`, null, Laya.Loader.JSON),
-            dataSet => Laya.promises.loader.load(`data/${dataSet}.json`, null, Laya.Loader.JSON),
+            dataSet=>Laya.promises.loader.load(`data/${this.#language}/${dataSet}.json`, null, Laya.Loader.JSON),
+            dataSet=>Laya.promises.loader.load(`data/${dataSet}.json`, null, Laya.Loader.JSON),
         );
         await $ui.switchView(UI.pages.MAIN);
 

src/functions/condition.js

@@ -43,7 +43,7 @@ function parseCondition(condition) {
     return conditions;
 }
 
-export function checkCondition(property, condition) {
+function checkCondition(property, condition) {
     const conditions = parseCondition(condition);
     return checkParsedConditions(property, conditions);
 }
@@ -113,7 +113,7 @@ function checkProp(property, condition) {
     }
 }
 
-export function extractMaxTriggers(condition) {
+function extractMaxTriggers(condition) {
     // Assuming only age related talents can be triggered multiple times.
     const RE_AGE_CONDITION = /AGE\?\[([0-9\,]+)\]/;
     const match_object = RE_AGE_CONDITION.exec(condition);
@@ -124,4 +124,6 @@ export function extractMaxTriggers(condition) {
 
     const age_list = match_object[1].split(",");
     return age_list.length;
-}
+}
+
+export { checkCondition, extractMaxTriggers };

src/functions/condition.spec.js

@@ -1,103 +0,0 @@
-import { expect, test, describe } from 'vitest'
-import { checkCondition } from './condition'
-
-function withProp(prop) {
-    const p = {
-        get(key) {
-            return prop[key]
-        },
-    }
-    return condition => checkCondition(p, condition)
-}
-
-describe('condition', () => {
-    const check = withProp({
-        n1: 0,
-        n2: -10,
-        n3: 10,
-        nl1: [1, 2, 3],
-        nl2: [0],
-        nl3: [],
-    })
-    test('gt(>)', () => {
-        expect(check('n3>11')).toBe(false)
-        expect(check('n3>10')).toBe(false)
-        expect(check('n3>9')).toBe(true)
-    })
-    test('gte(>=)', () => {
-        expect(check('n3>=11')).toBe(false)
-        expect(check('n3>=10')).toBe(true)
-        expect(check('n3>=9')).toBe(true)
-    })
-    test('lt(<)', () => {
-        expect(check('n3<9')).toBe(false)
-        expect(check('n3<10')).toBe(false)
-        expect(check('n3<11')).toBe(true)
-    })
-    test('lte(<=)', () => {
-        expect(check('n3<=9')).toBe(false)
-        expect(check('n3<=10')).toBe(true)
-        expect(check('n3<=11')).toBe(true)
-    })
-    test('eq(=)', () => {
-        expect(check('n3=9')).toBe(false)
-        expect(check('n3=10')).toBe(true)
-        expect(check('n3=11')).toBe(false)
-        expect(check('nl1=0')).toBe(false)
-        expect(check('nl1=1')).toBe(true)
-        expect(check('nl1=2')).toBe(true)
-        expect(check('nl1=3')).toBe(true)
-    })
-    test('ne(!=)', () => {
-        expect(check('n3!=9')).toBe(true)
-        expect(check('n3!=10')).toBe(false)
-        expect(check('n3!=11')).toBe(true)
-        expect(check('nl1!=0')).toBe(true)
-        expect(check('nl1!=1')).toBe(false)
-        expect(check('nl1!=2')).toBe(false)
-        expect(check('nl1!=3')).toBe(false)
-    })
-    test('in(?)', () => {
-        expect(check('n3?[1,2,3]')).toBe(false)
-        expect(check('n3?[10,11,12]')).toBe(true)
-        expect(check('nl1?[0,1]')).toBe(true)
-        expect(check('nl2?[1,2,3]')).toBe(false)
-        expect(check('nl3?[1,2,3]')).toBe(false)
-        expect(check('nl2?[]')).toBe(false)
-        expect(check('nl3?[]')).toBe(false)
-    })
-    test('notin(!)', () => {
-        expect(check('n3![1,2,3]')).toBe(true)
-        expect(check('n3![10,11,12]')).toBe(false)
-        expect(check('nl1![0,1]')).toBe(false)
-        expect(check('nl2![1,2,3]')).toBe(true)
-        expect(check('nl3![1,2,3]')).toBe(true)
-        expect(check('nl2![]')).toBe(true)
-        expect(check('nl3![]')).toBe(true)
-    })
-    test('and(&)', () => {
-        expect(check('n1>=0&n2<0')).toBe(true)
-        expect(check('n2>0&n3>0')).toBe(false)
-        expect(check('n2<0&n3<0')).toBe(false)
-        expect(check('n2<0&n3>0')).toBe(true)
-        expect(check('n1=0&n2<0&n3>0')).toBe(true)
-        expect(check('n1=0&n2>0&n3>0')).toBe(false)
-    })
-    test('or(|)', () => {
-        expect(check('n1>=0|n2<0')).toBe(true)
-        expect(check('n2>0|n3>0')).toBe(true)
-        expect(check('n2<0|n3<0')).toBe(true)
-        expect(check('n2<0|n3>0')).toBe(true)
-        expect(check('n2>0|n3<0')).toBe(false)
-        expect(check('n1=0|n2<0|n3>0')).toBe(true)
-        expect(check('n1=0|n2>0|n3>0')).toBe(true)
-        expect(check('n1!=0|n2>0|n3<0')).toBe(false)
-    })
-    test('mix', () => {
-        expect(check('(n1=0|n2<0|n3>0)&(n1=0|n2>0|n3>0)')).toBe(true)
-        expect(check('(n1=0|n2<0|n3>0)&(n1!=0|n2>0|n3<0)')).toBe(false)
-        expect(check('n1=0|n2<0|n3>0&n1!=0|n2>0|n3<0')).toBe(true)
-        expect(check('(n1>0|n1?[-10,0])&(n2>0|n3![0,1])')).toBe(true)
-        expect(check('(n1>0&n1?[-10,0])|(n2<0&n3![0,1])')).toBe(true)
-    })
-})

src/functions/util.js

@@ -1,7 +1,6 @@
 function clone(value) {
     switch(typeof value) {
         case 'object':
-            if(value === null) return null;
             if(Array.isArray(value)) return value.map(v=>clone(v));
             const newObj = {};
             for(const key in value) newObj[key] = clone(value[key]);

src/i18n/en-us.js

@@ -31,7 +31,6 @@ export default ({
     UI_Thanks: 'Thx',
     UI_Achievement: 'Achv',
     UI_Cyber_Theme_Art_Design: 'UI Design by 晰晰',
-    UI_Banner: '作者的新作《纸上谈亲》已上线小程序\n微信/抖音搜索“纸上谈亲”即可游玩～',
 
     UI_Title_Talent: 'Talent Draw',
     UI_Talent_Draw: '!10 Pulls!',

src/i18n/zh-cn.js

@@ -33,7 +33,6 @@ export default ({
     UI_Thanks: '感谢',
     UI_Achievement: '成就',
     UI_Cyber_Theme_Art_Design: 'UI 设计 by 晰晰',
-    UI_Banner: '作者的新作《纸上谈亲》已上线小程序\n微信/抖音搜索“纸上谈亲”即可游玩～',
 
     UI_Title_Talent: '天赋抽卡',
     UI_Talent_Draw: '10连抽！',

src/modules/life.js

@@ -54,7 +54,7 @@ class Life {
         this.#specialThanks = specialThanks;
 
         const total = {
-            [this.PropertyTypes.TACHV]: this.#achievement.initial({achievements}),
+            [this.PropertyTypes.TACEV]: this.#achievement.initial({achievements}),
             [this.PropertyTypes.TEVT]: this.#event.initial({events}),
             [this.PropertyTypes.TTLT]: this.#talent.initial({talents}),
         };
@@ -174,7 +174,7 @@ class Life {
                 type: this.PropertyTypes.TLT,
                 name,
                 grade,
-                description: this.format(description),
+                description,
             })
             if(!effect) continue;
             this.#property.effect(effect);
@@ -188,8 +188,8 @@ class Life {
         this.#property.effect(effect);
         const content = {
             type: this.PropertyTypes.EVT,
-            description: this.format(description),
-            postEvent: postEvent && this.format(postEvent),
+            description,
+            postEvent,
             grade,
         }
         if(next) return [content, this.doEvent(next)].flat();
@@ -245,23 +245,6 @@ class Life {
         return util.getListValuesMap(types.flat(), key => this.#property.get(key));
     }
 
-    format(discription) {
-        return `${discription}`.replaceAll(/\{\s*[0-9a-zA-Z_-]+\s*?\}/g, (match) => this.#format(match));
-    }
-
-    #format(key) {
-        switch (key.slice(1, -1).trim().toLowerCase()) {
-            case 'currentyear': return new Date().getFullYear()
-            case 'age': return this.#property.get(this.PropertyTypes.AGE)
-            case 'charm': return this.#property.get(this.PropertyTypes.CHR)
-            case 'intelligence': return this.#property.get(this.PropertyTypes.INT)
-            case 'strength': return this.#property.get(this.PropertyTypes.STR)
-            case 'money': return this.#property.get(this.PropertyTypes.MNY)
-            case 'spirit': return this.#property.get(this.PropertyTypes.SPR)
-            default: return key
-        }
-    }
-
     get lastExtendTalent() {
         return this.#property.get(this.PropertyTypes.EXT);
     }

src/modules/talent.js

@@ -68,17 +68,10 @@ class Talent {
 
     exclude(talents, excludeId) {
         const { exclude } = this.get(excludeId);
+        if(!exclude) return null;
         for(const talent of talents) {
-            if(exclude) {
-                for(const e of exclude) {
-                    if(talent == e) return talent;
-                }
-            }
-            const excludeReverse = this.get(talent).exclude;
-            if(excludeReverse) {
-                for (const e of excludeReverse) {
-                    if (excludeId == e) return talent
-                }
+            for(const e of exclude) {
+                if(talent == e) return talent;
             }
         }
         return null;

src/ui/themes/cyber/main.js

@@ -30,7 +30,6 @@ export default class CyberMain extends ui.view.CyberTheme.CyberMainUI {
     }
 
     init() {
-        this.banner.visible =
         this.btnDiscord.visible =
         this.btnAchievement.visible =
         this.btnThanks.visible = !!core.times;

src/ui/themes/cyber/trajectory.js

@@ -121,6 +121,7 @@ export default class CyberTrajectory extends ui.view.CyberTheme.CyberTrajectoryU
         if(age >= 100) {
             this.boxParticle.visible = true;
         }
+
         this.updateProperty();
     }
 

src/ui/themes/default/main.js

@@ -17,7 +17,6 @@ export default class Main extends ui.view.DefaultTheme.MainUI {
     }
 
     init() {
-        this.banner.visible =
         this.btnDiscord.visible =
         this.btnAchievement.visible =
         this.btnThanks.visible = !!core.times;

src/ui/themes/default/trajectory.js

@@ -100,6 +100,7 @@ export default class Trajectory extends ui.view.DefaultTheme.TrajectoryUI {
         if(age >= 100) {
             this.boxParticle.visible = true;
         }
+
         this.updateProperty();
     }
 

src/ui/themes/views.js

@@ -10,32 +10,32 @@ const pages = {
     THEMES: 'THEMES',
     SAVELOAD: 'SAVELOAD',
     MODE: 'MODE',
-    CELEBRITY: 'CELEBRITY',
-}
+    CELEBRITY: 'CELEBRITY'
+};
 
 const popups = {
     ACHIEVEMENT: 'POPUP_ACHIEVEMENT',
     MESSAGE: 'POPUP_MESSAGE',
-}
+};
 
 const cyber = {
     pages: {
-        [pages.LOADING]: 'loading',
-        [pages.MAIN]: 'cyber/main',
-        [pages.TALENT]: 'cyber/talent',
-        [pages.PROPERTY]: 'cyber/property',
-        [pages.TRAJECTORY]: 'cyber/trajectory',
-        [pages.SUMMARY]: 'cyber/summary',
-        [pages.ACHIEVEMENT]: 'cyber/achievement',
-        [pages.THANKS]: 'default/thanks',
+        [pages.LOADING]: "loading",
+        [pages.MAIN]: "cyber/main",
+        [pages.TALENT]: "cyber/talent",
+        [pages.PROPERTY]: "cyber/property",
+        [pages.TRAJECTORY]: "cyber/trajectory",
+        [pages.SUMMARY]: "cyber/summary",
+        [pages.ACHIEVEMENT]: "cyber/achievement",
+        [pages.THANKS]: "default/thanks",
         [pages.THEMES]: 'themes',
         [pages.SAVELOAD]: 'saveload',
         [pages.MODE]: 'cyber/mode',
         [pages.CELEBRITY]: 'cyber/celebrity',
     },
     popups: {
-        [popups.ACHIEVEMENT]: 'cyber/popup/achievementPopup',
-        [popups.MESSAGE]: 'message',
+        [popups.ACHIEVEMENT]: "cyber/popup/achievementPopup",
+        [popups.MESSAGE]: "message",
     },
     configs: {
         bgColor: '#04131f',
@@ -47,8 +47,18 @@ const cyber = {
                 hoverStroke: '#ffa500',
             },
             defaultFontColor: '#cccccc',
-            grade: ['#cccccc', '#55fffe', '#b17cff', '#ffce45'],
-            filter: ['#ccccccff', '#55fffeff', '#b17cffff', '#ffce45ff'],
+            grade: [
+                '#cccccc',
+                '#55fffe',
+                '#b17cff',
+                '#ffce45',
+            ],
+            filter: [
+                '#ccccccff',
+                '#55fffeff',
+                '#b17cffff',
+                '#ffce45ff',
+            ],
             gradeBlk: [
                 {
                     visible: false,
@@ -68,7 +78,7 @@ const cyber = {
                     hoverColor: '#ffce45',
                     visible: true,
                 },
-            ],
+            ]
         },
         pages: {
             [pages.MAIN]: {
@@ -87,7 +97,7 @@ const cyber = {
                         lineWidth: 0,
                         radius: 100,
                     },
-                },
+                }
             },
             [pages.THANKS]: {
                 vars: {
@@ -137,7 +147,7 @@ const cyber = {
                         hoverLabel: '#ffffff',
                         radius: 80,
                     },
-                },
+                }
             },
             [pages.SAVELOAD]: {
                 vars: {
@@ -174,31 +184,31 @@ const cyber = {
                         radius: 80,
                         defaultLabel: '#ffffff',
                         hoverLabel: '#ffffff',
-                    },
-                },
+                    }
+                }
             },
-        },
-    },
+        }
+    }
 }
 
 const dark = {
     pages: {
-        [pages.LOADING]: 'loading',
-        [pages.MAIN]: 'default/main',
-        [pages.TALENT]: 'default/talent',
-        [pages.PROPERTY]: 'default/property',
-        [pages.TRAJECTORY]: 'default/trajectory',
-        [pages.SUMMARY]: 'default/summary',
-        [pages.ACHIEVEMENT]: 'default/achievement',
-        [pages.THANKS]: 'default/thanks',
+        [pages.LOADING]: "loading",
+        [pages.MAIN]: "default/main",
+        [pages.TALENT]: "default/talent",
+        [pages.PROPERTY]: "default/property",
+        [pages.TRAJECTORY]: "default/trajectory",
+        [pages.SUMMARY]: "default/summary",
+        [pages.ACHIEVEMENT]: "default/achievement",
+        [pages.THANKS]: "default/thanks",
         [pages.THEMES]: 'themes',
         [pages.SAVELOAD]: 'saveload',
         [pages.MODE]: 'default/mode',
         [pages.CELEBRITY]: 'default/celebrity',
     },
     popups: {
-        [popups.ACHIEVEMENT]: 'default/popup/achievementPopup',
-        [popups.MESSAGE]: 'message',
+        [popups.ACHIEVEMENT]: "default/popup/achievementPopup",
+        [popups.MESSAGE]: "message",
     },
     configs: {
         bgColor: '#222831',
@@ -238,8 +248,18 @@ const dark = {
                 hoverColor: '#ffc500',
                 hoverStroke: '#ffa500',
             },
-            grade: ['#cccccc', '#55fffe', '#b17cff', '#ffce45'],
-            filter: ['#ccccccff', '#55fffeff', '#b17cffff', '#ffce45ff'],
+            grade: [
+                '#cccccc',
+                '#55fffe',
+                '#b17cff',
+                '#ffce45',
+            ],
+            filter: [
+                '#ccccccff',
+                '#55fffeff',
+                '#b17cffff',
+                '#ffce45ff',
+            ],
             card: [
                 {
                     normal: {
@@ -261,7 +281,7 @@ const dark = {
                         hoverLabel: '#3b3b3b',
                         lineWidth: 4,
                         radius: 4,
-                    },
+                    }
                 },
                 {
                     normal: {
@@ -283,7 +303,7 @@ const dark = {
                         hoverLabel: '#3b3b3b',
                         lineWidth: 4,
                         radius: 4,
-                    },
+                    }
                 },
                 {
                     normal: {
@@ -305,7 +325,7 @@ const dark = {
                         hoverLabel: '#3b3b3b',
                         lineWidth: 4,
                         radius: 4,
-                    },
+                    }
                 },
                 {
                     normal: {
@@ -327,8 +347,8 @@ const dark = {
                         hoverLabel: '#3b3b3b',
                         lineWidth: 4,
                         radius: 4,
-                    },
-                },
+                    }
+                }
             ],
             summary: [
                 {
@@ -340,8 +360,7 @@ const dark = {
                     hoverLabel: '#3b3b3b',
                     lineWidth: 2,
                     radius: 0,
-                },
-                {
+                },{
                     defaultColor: '#6495ed',
                     defaultStroke: '#f8f8f8',
                     defaultLabel: '#eeeeee',
@@ -350,8 +369,7 @@ const dark = {
                     hoverLabel: '#3b3b3b',
                     lineWidth: 2,
                     radius: 0,
-                },
-                {
+                },{
                     defaultColor: '#e2a7ff',
                     defaultStroke: '#f8f8f8',
                     defaultLabel: '#eeeeee',
@@ -370,7 +388,7 @@ const dark = {
                     hoverLabel: '#3b3b3b',
                     lineWidth: 2,
                     radius: 0,
-                },
+                }
             ],
             achievement: [
                 {
@@ -382,8 +400,7 @@ const dark = {
                     hoverLabel: '#3b3b3b',
                     lineWidth: 4,
                     radius: 0,
-                },
-                {
+                },{
                     defaultColor: '#6495ed',
                     defaultStroke: '#f8f8f8',
                     defaultLabel: '#eeeeee',
@@ -392,8 +409,7 @@ const dark = {
                     hoverLabel: '#3b3b3b',
                     lineWidth: 4,
                     radius: 0,
-                },
-                {
+                },{
                     defaultColor: '#e2a7ff',
                     defaultStroke: '#f8f8f8',
                     defaultLabel: '#eeeeee',
@@ -412,7 +428,7 @@ const dark = {
                     hoverLabel: '#3b3b3b',
                     lineWidth: 4,
                     radius: 0,
-                },
+                }
             ],
             characterItem: {
                 name: {
@@ -472,7 +488,7 @@ const dark = {
             },
             font_default: {
                 color: '#eeeeee',
-            },
+            }
         },
         pages: {
             [pages.MAIN]: {
@@ -496,14 +512,14 @@ const dark = {
                 names: {
                     title: 'title',
                     btnSmall: 'btn_small',
-                },
+                }
             },
             [pages.TALENT]: {
                 vars: {
                     btnDrawCard: 'btn_main',
                     btnNext: 'btn_main',
                     title: 'title',
-                },
+                }
             },
             [pages.PROPERTY]: {
                 vars: {
@@ -514,9 +530,9 @@ const dark = {
                 names: {
                     font_default: 'font_default',
                     property: {
-                        colorFilter: '#eeeeeeff',
-                    },
-                },
+                        colorFilter: '#eeeeeeff'
+                    }
+                }
             },
             [pages.TRAJECTORY]: {
                 vars: {
@@ -532,8 +548,8 @@ const dark = {
                         radius: 4,
                     },
                     boxSpeed: {
-                        colorFilter: '#ffffffff',
-                    },
+                        colorFilter: '#ffffffff'
+                    }
                 },
                 names: {
                     propertyBox: {
@@ -555,8 +571,8 @@ const dark = {
                         hoverLabel: '#222831',
                         lineWidth: 0,
                         radius: 4,
-                    },
-                },
+                    }
+                }
             },
             [pages.SUMMARY]: {
                 vars: {
@@ -565,7 +581,7 @@ const dark = {
                 },
                 names: {
                     font_default: 'font_default',
-                },
+                }
             },
             [pages.ACHIEVEMENT]: {
                 vars: {
@@ -575,7 +591,7 @@ const dark = {
                 names: {
                     font_default: 'font_default',
                     title: 'title',
-                },
+                }
             },
             [pages.THANKS]: {
                 vars: {
@@ -616,7 +632,7 @@ const dark = {
                         hoverLabel: '#ffffff',
                         radius: 80,
                     },
-                },
+                }
             },
             [pages.SAVELOAD]: {
                 vars: {
@@ -653,20 +669,20 @@ const dark = {
                         radius: 80,
                         defaultLabel: '#ffffff',
                         hoverLabel: '#ffffff',
-                    },
-                },
+                    }
+                }
             },
             [pages.MODE]: {
                 names: {
                     font_default: 'font_default',
                     btn: 'btn_main',
-                },
+                }
             },
             [pages.CELEBRITY]: {
                 vars: {
                     btnRetry: 'btn_main',
                     btnNext: 'btn_main2',
-                },
+                }
             },
         },
         popups: {
@@ -677,31 +693,31 @@ const dark = {
                         defaultStroke: '#84ff55',
                         hoverColor: '#292a28',
                         hoverStroke: '#84ff55',
-                    },
-                },
-            },
-        },
-    },
+                    }
+                }
+            }
+        }
+    }
 }
 
 const light = {
     pages: {
-        [pages.LOADING]: 'loading',
-        [pages.MAIN]: 'default/main',
-        [pages.TALENT]: 'default/talent',
-        [pages.PROPERTY]: 'default/property',
-        [pages.TRAJECTORY]: 'default/trajectory',
-        [pages.SUMMARY]: 'default/summary',
-        [pages.ACHIEVEMENT]: 'default/achievement',
-        [pages.THANKS]: 'default/thanks',
+        [pages.LOADING]: "loading",
+        [pages.MAIN]: "default/main",
+        [pages.TALENT]: "default/talent",
+        [pages.PROPERTY]: "default/property",
+        [pages.TRAJECTORY]: "default/trajectory",
+        [pages.SUMMARY]: "default/summary",
+        [pages.ACHIEVEMENT]: "default/achievement",
+        [pages.THANKS]: "default/thanks",
         [pages.THEMES]: 'themes',
         [pages.SAVELOAD]: 'saveload',
         [pages.MODE]: 'default/mode',
         [pages.CELEBRITY]: 'default/celebrity',
     },
     popups: {
-        [popups.ACHIEVEMENT]: 'default/popup/achievementPopup',
-        [popups.MESSAGE]: 'message',
+        [popups.ACHIEVEMENT]: "default/popup/achievementPopup",
+        [popups.MESSAGE]: "message",
     },
     configs: {
         bgColor: '#ffffff',
@@ -741,8 +757,18 @@ const light = {
                 hoverColor: '#ffc500',
                 hoverStroke: '#ffa500',
             },
-            grade: ['#000000', '#55fffe', '#b17cff', '#ffce45'],
-            filter: ['#000000ff', '#55fffeff', '#b17cffff', '#ffce45ff'],
+            grade: [
+                '#000000',
+                '#55fffe',
+                '#b17cff',
+                '#ffce45',
+            ],
+            filter: [
+                '#000000ff',
+                '#55fffeff',
+                '#b17cffff',
+                '#ffce45ff',
+            ],
             card: [
                 {
                     normal: {
@@ -764,7 +790,7 @@ const light = {
                         hoverLabel: '#ffffff',
                         lineWidth: 4,
                         radius: 4,
-                    },
+                    }
                 },
                 {
                     normal: {
@@ -786,7 +812,7 @@ const light = {
                         hoverLabel: '#ffffff',
                         lineWidth: 4,
                         radius: 4,
-                    },
+                    }
                 },
                 {
                     normal: {
@@ -808,7 +834,7 @@ const light = {
                         hoverLabel: '#ffffff',
                         lineWidth: 4,
                         radius: 4,
-                    },
+                    }
                 },
                 {
                     normal: {
@@ -830,8 +856,8 @@ const light = {
                         hoverLabel: '#ffffff',
                         lineWidth: 4,
                         radius: 4,
-                    },
-                },
+                    }
+                }
             ],
             summary: [
                 {
@@ -843,8 +869,7 @@ const light = {
                     hoverLabel: '#ffffff',
                     lineWidth: 4,
                     radius: 4,
-                },
-                {
+                },{
                     defaultColor: '#6495ed',
                     defaultStroke: '#f8f8f8',
                     defaultLabel: '#ffffff',
@@ -853,8 +878,7 @@ const light = {
                     hoverLabel: '#666666',
                     lineWidth: 4,
                     radius: 4,
-                },
-                {
+                },{
                     defaultColor: '#e2a7ff',
                     defaultStroke: '#f8f8f8',
                     defaultLabel: '#ffffff',
@@ -863,8 +887,7 @@ const light = {
                     hoverLabel: '#666666',
                     lineWidth: 4,
                     radius: 4,
-                },
-                {
+                },{
                     defaultColor: '#ffa07a',
                     defaultStroke: '#f8f8f8',
                     defaultLabel: '#ffffff',
@@ -885,8 +908,7 @@ const light = {
                     hoverLabel: '#efefef',
                     lineWidth: 4,
                     radius: 0,
-                },
-                {
+                },{
                     defaultColor: '#6495ed',
                     defaultStroke: '#cccccc',
                     defaultLabel: '#eeeeee',
@@ -895,8 +917,7 @@ const light = {
                     hoverLabel: '#3b3b3b',
                     lineWidth: 4,
                     radius: 0,
-                },
-                {
+                },{
                     defaultColor: '#e2a7ff',
                     defaultStroke: '#cccccc',
                     defaultLabel: '#eeeeee',
@@ -905,8 +926,7 @@ const light = {
                     hoverLabel: '#3b3b3b',
                     lineWidth: 4,
                     radius: 0,
-                },
-                {
+                },{
                     defaultColor: '#ffa07a',
                     defaultStroke: '#cccccc',
                     defaultLabel: '#eeeeee',
@@ -915,7 +935,7 @@ const light = {
                     hoverLabel: '#3b3b3b',
                     lineWidth: 4,
                     radius: 0,
-                },
+                }
             ],
             characterItem: {
                 name: {
@@ -975,7 +995,7 @@ const light = {
             },
             font_default: {
                 color: '#000000',
-            },
+            }
         },
         pages: {
             [pages.MAIN]: {
@@ -999,14 +1019,14 @@ const light = {
                 names: {
                     title: 'title',
                     btnSmall: 'btn_small',
-                },
+                }
             },
             [pages.TALENT]: {
                 vars: {
                     btnDrawCard: 'btn_main',
                     btnNext: 'btn_main',
                     title: 'title',
-                },
+                }
             },
             [pages.PROPERTY]: {
                 vars: {
@@ -1017,9 +1037,9 @@ const light = {
                 names: {
                     font_default: 'font_default',
                     property: {
-                        colorFilter: '#000000ff',
-                    },
-                },
+                        colorFilter: '#000000ff'
+                    }
+                }
             },
             [pages.TRAJECTORY]: {
                 vars: {
@@ -1035,8 +1055,8 @@ const light = {
                         radius: 4,
                     },
                     boxSpeed: {
-                        colorFilter: '#666666ff',
-                    },
+                        colorFilter: '#666666ff'
+                    }
                 },
                 names: {
                     propertyBox: {
@@ -1058,8 +1078,8 @@ const light = {
                         hoverLabel: '#222831',
                         lineWidth: 0,
                         radius: 4,
-                    },
-                },
+                    }
+                }
             },
             [pages.SUMMARY]: {
                 vars: {
@@ -1068,7 +1088,7 @@ const light = {
                 },
                 names: {
                     font_default: 'font_default',
-                },
+                }
             },
             [pages.ACHIEVEMENT]: {
                 vars: {
@@ -1078,7 +1098,7 @@ const light = {
                 names: {
                     font_default: 'font_default',
                     title: 'title',
-                },
+                }
             },
             [pages.THANKS]: {
                 vars: {
@@ -1100,7 +1120,7 @@ const light = {
                         hoverStroke: '#dc76a9',
                         hoverLabel: '#ffffff',
                         radius: 4,
-                    },
+                    }
                 },
             },
             [pages.THEMES]: {
@@ -1119,7 +1139,7 @@ const light = {
                         hoverLabel: '#ffffff',
                         radius: 80,
                     },
-                },
+                }
             },
             [pages.SAVELOAD]: {
                 vars: {
@@ -1156,20 +1176,20 @@ const light = {
                         radius: 80,
                         defaultLabel: '#ffffff',
                         hoverLabel: '#ffffff',
-                    },
-                },
+                    }
+                }
             },
             [pages.MODE]: {
                 names: {
                     font_default: 'font_default',
                     btn: 'btn_main',
-                },
+                }
             },
             [pages.CELEBRITY]: {
                 vars: {
                     btnRetry: 'btn_main',
                     btnNext: 'btn_main2',
-                },
+                }
             },
         },
         popups: {
@@ -1181,13 +1201,14 @@ const light = {
                         hoverColor: '#ffffff',
                         hoverStroke: '#84ff55',
                         lineWidth: 1,
-                    },
-                },
-            },
-        },
-    },
+                    }
+                }
+            }
+
+        }
+    }
 }
 
-const themes = { default: dark, cyber, dark, light }
+const themes = { default: dark, cyber, dark, light };
 
-export default { themes, pages, popups }
+export default { themes, pages, popups };

src/ui/uiManager.js

@@ -1,397 +1,360 @@
-import Views from './views.js'
+import Views from './themes/views.js';
 export default class UIManager {
     constructor(stage) {
-        UIManager.#views = Views
+        UIManager.#views = Views;
 
-        if (!stage) {
-            stage = Laya.stage
+        if(!stage) {
+            stage = Laya.stage;
         }
-        this.#stage = stage
+        this.#stage = stage;
 
-        stage.addChild(this.#viewLayer)
-        this.#viewLayer.zOrder = 1
-        stage.addChild(this.#dialogLayer)
-        this.#dialogLayer.zOrder = 2
-        stage.addChild(this.#popupLayer)
-        this.#popupLayer.zOrder = 3
+        stage.addChild(this.#viewLayer);
+        this.#viewLayer.zOrder = 1;
+        stage.addChild(this.#dialogLayer);
+        this.#dialogLayer.zOrder = 2;
+        stage.addChild(this.#popupLayer);
+        this.#popupLayer.zOrder = 3;
         this.#viewLayer.top =
-            this.#viewLayer.bottom =
-            this.#viewLayer.left =
-            this.#viewLayer.right =
-            this.#dialogLayer.top =
-            this.#dialogLayer.bottom =
-            this.#dialogLayer.left =
-            this.#dialogLayer.right =
-            this.#popupLayer.top =
-            this.#popupLayer.bottom =
-            this.#popupLayer.left =
-            this.#popupLayer.right =
-            this.#dialogMask.top =
-            this.#dialogMask.bottom =
-            this.#dialogMask.left =
-            this.#dialogMask.right =
-                0
-        this.#dialogMask.graphics.drawRect(0, 0, 5000, 5000, '#000000')
-        this.#dialogMask.alpha = 0.4
-        this.#dialogMask.on(Laya.Event.CLICK, this, () => {
-            this.#dialogStack[this.#dialogStack.length - 1]?.close?.()
+        this.#viewLayer.bottom =
+        this.#viewLayer.left =
+        this.#viewLayer.right =
+        this.#dialogLayer.top =
+        this.#dialogLayer.bottom =
+        this.#dialogLayer.left =
+        this.#dialogLayer.right =
+        this.#popupLayer.top =
+        this.#popupLayer.bottom =
+        this.#popupLayer.left =
+        this.#popupLayer.right =
+        this.#dialogMask.top =
+        this.#dialogMask.bottom =
+        this.#dialogMask.left =
+        this.#dialogMask.right = 0;
+        this.#dialogMask.graphics.drawRect(0, 0, 5000, 5000, '#000000');
+        this.#dialogMask.alpha = 0.4;
+        this.#dialogMask.on(Laya.Event.CLICK, this, ()=>{
+            this.#dialogStack[this.#dialogStack.length - 1]?.close?.();
         })
     }
 
-    static #instance = {}
-    static #views
-    #stage
-    #loading
-    #currentView
-    #viewLayer = new Laya.Panel()
-    #dialogLayer = new Laya.Panel()
-    #popupLayer = new Laya.Panel()
-    #dialogMask = new Laya.Sprite()
-    #viewMap = new Map()
-    #class = new Map()
-    #dialogStack = []
+    static #instance = {};
+    static #views;
+    #stage;
+    #loading;
+    #currentView;
+    #viewLayer = new Laya.Panel();
+    #dialogLayer = new Laya.Panel();
+    #popupLayer = new Laya.Panel();
+    #dialogMask = new Laya.Sprite();
+    #viewMap = new Map();
+    #class = new Map();
+    #dialogStack = [];
 
     static get inst() {
-        return this.getInstance()
+        return this.getInstance();
     }
-    static getInstance(name = 'default') {
-        return this.#instance[name] || (this.#instance[name] = new UIManager())
+    static getInstance(name="default") {
+        return this.#instance[name] || (this.#instance[name] = new UIManager());
     }
 
     static get pages() {
-        return this.#views.pages
+        return this.#views.pages;
     }
 
     static get popups() {
-        return this.#views.popups
+        return this.#views.popups;
     }
 
     static theme(theme, prop) {
-        return this.#views.themes[theme][prop]
+        return this.#views.themes[theme][prop];
     }
 
     async setLoading(loading) {
-        const className = this.#pages[loading]
-        const view = await this.getView(className, null, null, loading)
-        view.top = view.bottom = view.left = view.right = 0
-        view.zOrder = 4
-        this.#loading = view
+        const className = this.#pages[loading];
+        const view = await this.getView(className, null, null, loading);
+        view.top = view.bottom = view.left = view.right = 0;
+        view.zOrder = 4;
+        this.#loading = view;
     }
 
     async switchView(viewName, args, actions) {
-        const className = this.#pages[viewName]
+        const className = this.#pages[viewName];
         // get view instance
-        const view = await this.getView(
-            className,
-            args,
-            actions?.load,
-            viewName,
-            'pages'
-        )
+        const view = await this.getView(className, args, actions?.load, viewName, 'pages');
 
-        view.top = view.bottom = view.left = view.right = 0
+        view.top = view.bottom = view.left = view.right = 0;
         // close current view
-        this.clearAllDialog()
-        await this.#currentView?.__close?.(view)
-        await this.#currentView?.close?.(view)
-        this.#viewLayer.removeChildren()
+        this.clearAllDialog();
+        await this.#currentView?.__close?.(view);
+        await this.#currentView?.close?.(view);
+        this.#viewLayer.removeChildren();
 
         // open new view
-        await view.init?.(args)
+        await view.init?.(args);
 
-        this.#currentView = view
-        this.#viewLayer.addChild(view)
+        this.#currentView = view;
+        this.#viewLayer.addChild(view);
 
-        view.__close = actions?.close
-        await actions?.open?.(view)
-        await view.show?.()
+        view.__close = actions?.close;
+        await actions?.open?.(view);
+        await view.show?.();
     }
 
     async getView(className, args, preload, viewName, type) {
         // check if view is already loaded
-        let view = await this.#viewMap.get(className)
+        let view = await this.#viewMap.get(className);
 
-        let timeout
-        if (this.#loading) {
+        let timeout;
+        if(this.#loading) {
             timeout = setTimeout(
-                () => this.#stage.addChild(this.#loading),
+                ()=>this.#stage.addChild(this.#loading),
                 3000
-            )
+            );
         }
-        const onProgress = this.#loading?.onProgress
+        const onProgress = this.#loading?.onProgress;
 
-        if (!view) {
+        if(!view) {
             // load view
-            const ViewClass = await this.loadView(className)
-            const resourceList = await ViewClass.load?.(args)
-            const scanedResourceList = this.#loading
-                ? this.scanResource(ViewClass.uiView)
-                : []
-            if (preload) {
-                preload = [].concat(preload).concat(scanedResourceList)
+            const ViewClass = await this.loadView(className);
+            const resourceList = await ViewClass.load?.(args);
+            const scanedResourceList = this.#loading? this.scanResource(ViewClass.uiView): [];
+            if(preload) {
+                preload = [].concat(preload).concat(scanedResourceList);
             } else {
-                preload = scanedResourceList
+                preload = scanedResourceList;
             }
-            await this.loadRes(resourceList, preload, onProgress)
+            await this.loadRes(resourceList, preload, onProgress);
 
             // create view
-            view = new ViewClass()
+            view = new ViewClass();
             // add view to map
-            this.#viewMap.set(className, view)
+            this.#viewMap.set(className, view);
         } else {
             // load resource
-            const resourceList = await view.constructor.load?.(args)
-            await this.loadRes(resourceList, preload, onProgress)
+            const resourceList = await view.constructor.load?.(args);
+            await this.loadRes(resourceList, preload, onProgress);
         }
-        if (timeout) clearTimeout(timeout)
-        this.#loading?.removeSelf()
+        if(timeout) clearTimeout(timeout);
+        this.#loading?.removeSelf();
 
-        this.#config(view, viewName, type)
+        this.#config(view, viewName, type);
         // return view
-        return view
+        return view;
     }
 
     async loadView(className) {
         // load view
-        if (this.#class.has(className)) return this.#class.get(className)
-        const views = import.meta.glob('./themes/**/*.js')
-        const view = (await views[`./themes/${className}.js`]()).default
-        this.#class.set(className, view)
-        return view
+        if(this.#class.has(className)) return this.#class.get(className);
+        const c = (await import(`./themes/${className}.js`)).default;
+        this.#class.set(className, c);
+        return c;
     }
 
     async loadRes(resourceList, preload, onProgress) {
-        const cnt = (resourceList?.length || 0) + (preload?.length || 0)
-        if (resourceList && resourceList.length) {
-            const s = resourceList.length / cnt
-            await Laya.promises.loader.load(
-                resourceList,
-                Laya.Handler.create(null, prg => onProgress?.(prg * s))
-            )
+        const cnt = (resourceList?.length || 0)
+            +(preload?.length || 0);
+        if(resourceList && resourceList.length) {
+            const s = resourceList.length / cnt;
+            await Laya.promises.loader.load(resourceList, Laya.Handler.create(null, prg=>onProgress?.(prg*s)));
         }
-        if (preload && preload.length) {
-            const s = 1 - preload.length / cnt
-            const l = preload.length / cnt
-            await Laya.promises.loader.load(
-                preload,
-                Laya.Handler.create(null, prg => onProgress?.(prg * l + s))
-            )
+        if(preload && preload.length) {
+            const s = 1 - preload.length / cnt;
+            const l = preload.length / cnt;
+            await Laya.promises.loader.load(preload, Laya.Handler.create(null, prg=>onProgress?.(prg*l+s)));
         }
     }
 
     #showDialogStack() {
-        if (this.#dialogStack.length == 0) {
-            this.#dialogLayer.visible = false
-            return
+        if(this.#dialogStack.length == 0) {
+            this.#dialogLayer.visible = false;
+            return;
         }
-        this.#dialogLayer.visible = true
-        this.#dialogStack.forEach((dialog, i) => {
-            this.#dialogLayer.addChild(dialog)
-            dialog.zOrder = i
+        this.#dialogLayer.visible = true;
+        this.#dialogStack.forEach((dialog, i)=>{
+            this.#dialogLayer.addChild(dialog);
+            dialog.zOrder = i;
         })
-        this.#dialogLayer.addChild(this.#dialogMask)
-        const l = this.#dialogStack.length
-        this.#dialogMask.zOrder = l - 1
-        this.#dialogStack[l - 1].zOrder = l
+        this.#dialogLayer.addChild(this.#dialogMask);
+        const l = this.#dialogStack.length;
+        this.#dialogMask.zOrder = l -1;
+        this.#dialogStack[l -1].zOrder = l;
     }
 
     async showDialog(dialogName, args, actions) {
-        const className = this.#pages[dialogName]
-        const dialog = await this.getView(
-            className,
-            args,
-            actions?.load,
-            dialogName,
-            'pages'
-        )
+        const className = this.#pages[dialogName];
+        const dialog = await this.getView(className, args, actions?.load, dialogName, 'pages');
 
-        const index = this.#dialogStack.indexOf(dialog)
-        if (index != -1) {
-            this.#dialogStack.splice(index, 1)
+        const index = this.#dialogStack.indexOf(dialog);
+        if(index != -1) {
+            this.#dialogStack.splice(index, 1);
         }
-        this.#dialogStack.push(dialog)
-        dialog.init?.(args)
-        dialog.centerX = dialog.centerY = 0
-        this.#showDialogStack()
+        this.#dialogStack.push(dialog);
+        dialog.init?.(args);
+        dialog.centerX = dialog.centerY = 0;
+        this.#showDialogStack();
 
-        const open =
-            actions?.open ||
-            (async () => {
-                dialog.scaleX = 0
-                dialog.scaleY = 0
-                await Laya.promises.Tween.to(
-                    dialog,
-                    { scaleX: 1, scaleY: 1 },
-                    300,
-                    Laya.Ease.backOut
-                )
-            })
-        await open(dialog)
-        dialog.mouseThrough = true
-        dialog.mouseEnabled = true
-        dialog.close = async () => {
-            if (actions?.close) {
-                await actions.close()
+        const open = actions?.open || (async () => {
+            dialog.scaleX = 0;
+            dialog.scaleY = 0;
+            await Laya.promises.Tween.to(dialog, { scaleX: 1, scaleY: 1 }, 300, Laya.Ease.backOut);
+        });
+        await open(dialog);
+        dialog.mouseThrough = true;
+        dialog.mouseEnabled = true;
+        dialog.close = async ()=>{
+            if(actions?.close) {
+                await actions.close();
             } else {
-                await Laya.promises.Tween.to(
-                    dialog,
-                    { scaleX: 0, scaleY: 0 },
-                    300,
-                    Laya.Ease.strongIn
-                )
+                await Laya.promises.Tween.to(dialog, { scaleX: 0, scaleY: 0 }, 300, Laya.Ease.strongIn);
             }
-            const index = this.#dialogStack.indexOf(dialog)
-            if (index != -1) {
-                this.#dialogStack.splice(index, 1)
+            const index = this.#dialogStack.indexOf(dialog);
+            if(index != -1) {
+                this.#dialogStack.splice(index, 1);
             }
-            this.#showDialogStack()
+            this.#showDialogStack();
         }
 
-        this.#dialogLayer.addChild(dialog)
+        this.#dialogLayer.addChild(dialog);
     }
 
     async popup(type, args) {
-        const className = this.#popups[type]
-        const popup = await this.getView(className, args, null, type, 'popups')
-        this.#popupLayer.addChild(popup)
-        await popup.popup(args, this.#popupLayer)
-        this.#popupLayer.removeChild(popup)
+        const className = this.#popups[type];
+        const popup = await this.getView(className, args, null, type, 'popups');
+        this.#popupLayer.addChild(popup);
+        await popup.popup(args, this.#popupLayer);
+        this.#popupLayer.removeChild(popup);
     }
 
     clearAllDialog() {
-        this.#dialogStack = []
-        this.#showDialogStack()
+        this.#dialogStack = [];
+        this.#showDialogStack();
     }
 
     #config(view, key, type) {
-        const config = this.#configs?.[type]?.[key]
-        if (!config) return
-        if (view.config && view.config(config)) return
+        const config = this.#configs?.[type]?.[key];
+        if(!config) return;
+        if(view.config && view.config(config)) return;
         const applyConfig = (target, config) => {
-            if (!target) return
-            if (typeof config == 'string') {
-                config = this.#configs?.class?.[config]
+            if(!target) return;
+            if(typeof config == 'string') {
+                config = this.#configs?.class?.[config];
             }
-            $_.deepMapSet(target, config)
-        }
+            $_.deepMapSet(target, config);
+        };
 
-        if (config.names)
-            for (const name in config.names)
-                this.#deepGetChildsByName(view, name).forEach(child =>
-                    applyConfig(child, config.names[name])
-                )
+        if(config.names)
+            for(const name in config.names)
+                this.#deepGetChildsByName(view, name)
+                    .forEach(child => applyConfig(child, config.names[name]));
+
+        if(config.vars)
+            for(const key in config.vars)
+                applyConfig(view[key], config.vars[key]);
 
-        if (config.vars)
-            for (const key in config.vars)
-                applyConfig(view[key], config.vars[key])
     }
 
     #deepGetChildsByName(parent, name) {
-        const list = []
-        if (!parent || !parent._childs) return list
+        const list = [];
+        if(!parent || !parent._childs) return list;
 
-        for (const child of parent._childs) {
-            if (child.name == name) list.push(child)
-            if (child._childs)
-                list.push(...this.#deepGetChildsByName(child, name))
+        for(const child of parent._childs) {
+            if(child.name == name) list.push(child);
+            if(child._childs) list.push(...this.#deepGetChildsByName(child, name));
         }
-        return list
+        return list;
     }
 
     #cutPath(path) {
-        path = '' + path
-        let index = path.length
+        path = ''+path;
+        let index = path.length;
         do {
-            index--
-            if (path[index] == '.') {
-                break
+            index --;
+            if(path[index] == '.') {
+                break;
             }
-        } while (index > 0)
-        return [path.substring(0, index), path.substring(index, path.length)]
+        } while (index>0)
+        return [
+            path.substring(0, index),
+            path.substring(index, path.length)
+        ];
     }
 
     #subSkin(skin, type) {
-        if (!skin || !skin.replace(/\s/g, '')) return []
+        if(!skin || !skin.replace(/\s/g, '')) return [];
         switch (type) {
             case 'ProgressBar':
-                return [skin, ...this.#progressBarSkin(skin)]
+                return [ skin, ...this.#progressBarSkin(skin) ];
             case 'ScrollBar':
-                return [skin, ...this.#scrollBarSkin(skin)]
+                return [ skin, ...this.#scrollBarSkin(skin) ];
             default:
                 return [skin]
         }
     }
 
     #progressBarSkin(skin) {
-        if (!skin.replace(/\s/g, '')) return []
-        let p = this.#cutPath(skin)
-        return [`${p[0]}$bar${p[1]}`]
+        if(!skin.replace(/\s/g, '')) return [];
+        let p = this.#cutPath(skin);
+        return [`${p[0]}$bar${p[1]}`];
     }
 
     #scrollBarSkin(skin) {
-        if (!skin.replace(/\s/g, '')) return []
-        let p = this.#cutPath(skin)
+        if(!skin.replace(/\s/g, '')) return [];
+        let p = this.#cutPath(skin);
         return [
             `${p[0]}$bar${p[1]}`,
             `${p[0]}$up${p[1]}`,
-            `${p[0]}$down${p[1]}`,
-        ]
+            `${p[0]}$down${p[1]}`
+        ];
     }
 
     scanResource(uiView) {
-        if (!uiView) return []
-        const resourceList = []
+        if(!uiView) return [];
+        const resourceList = [];
 
-        resourceList.push(...this.#subSkin(uiView.props?.skin, uiView.type))
-        resourceList.push(
-            ...this.#subSkin(uiView.props?.hScrollBarSkin, 'ScrollBar')
-        )
-        resourceList.push(
-            ...this.#subSkin(uiView.props?.vScrollBarSkin, 'ScrollBar')
-        )
+        resourceList.push(...this.#subSkin(uiView.props?.skin, uiView.type));
+        resourceList.push(...this.#subSkin(uiView.props?.hScrollBarSkin, 'ScrollBar'));
+        resourceList.push(...this.#subSkin(uiView.props?.vScrollBarSkin, 'ScrollBar'));
 
         uiView.child?.forEach(child => {
-            resourceList.push(...this.scanResource(child))
-        })
+            resourceList.push(...this.scanResource(child));
+        });
 
-        return resourceList
+        return resourceList;
     }
 
     get currentView() {
-        return this.#currentView
+        return this.#currentView;
     }
 
     get currentDialog() {
-        return this.#dialogStack[this.#dialogStack.length - 1]
+        return this.#dialogStack[this.#dialogStack.length -1];
     }
 
     get theme() {
-        return localStorage.getItem('theme')
+        return localStorage.getItem('theme');
     }
     set theme(value) {
-        localStorage.setItem('theme', value)
-        this.#stage.bgColor = this.#configs.bgColor
-        document
-            ?.querySelector?.('meta[name="theme-color"]')
-            ?.setAttribute?.('content', this.#configs.bgColor)
+        localStorage.setItem('theme', value);
+        this.#stage.bgColor = this.#configs.bgColor;
+        document?.querySelector?.('meta[name="theme-color"]')?.setAttribute?.('content', this.#configs.bgColor);
     }
 
     get #pages() {
-        return UIManager.theme(this.theme, 'pages')
+        return UIManager.theme(this.theme, 'pages');
     }
     get #popups() {
-        return UIManager.theme(this.theme, 'popups')
+        return UIManager.theme(this.theme, 'popups');
     }
     get #configs() {
-        return UIManager.theme(this.theme, 'configs')
+        return UIManager.theme(this.theme, 'configs');
     }
     get common() {
-        return this.#configs.common
+        return this.#configs.common;
     }
     gradeColor(grade) {
-        return this.common.grade[grade]
+        return this.common.grade[grade];
     }
     gradeFilter(grade) {
-        return this.common.filter[grade]
+        return this.common.filter[grade];
     }
-}
+}

template/index.html

@@ -15,22 +15,12 @@
         <meta name="laya" screenorientation ="landscape"/>
         <meta http-equiv="expires" content="0"/>
         <meta http-equiv="Cache-Control" content="no-siteapp"/>
-        <font-face font-family="方正像素12" src="fonts/方正像素12.ttf"/>
         <title>Life Restart</title>
-        <!--
-        <script type="text/javascript" src="libs/laya/laya.core.js"></script>
-        <script type="text/javascript" src="libs/laya/laya.webgl.js"></script>
-        <script type="text/javascript" src="libs/laya/laya.filter.js"></script>
-        <script type="text/javascript" src="libs/laya/laya.html.js"></script>
-        <script type="text/javascript" src="libs/laya/laya.particle.js"></script>
-        <script type="text/javascript" src="libs/laya/laya.ui.js"></script>
-        -->
         <script type="text/javascript" src="libs/laya/min/laya.core.min.js"></script>
         <script type="text/javascript" src="libs/laya/min/laya.webgl.min.js"></script>
         <script type="text/javascript" src="libs/laya/min/laya.filter.min.js"></script>
         <script type="text/javascript" src="libs/laya/min/laya.particle.min.js"></script>
         <script type="text/javascript" src="libs/laya/min/laya.ui.min.js"></script>
-        <script type="module" src="src/index.js"></script>
     </head>
     <body style="background:black"></body>
 </html>

test/index.js

@@ -0,0 +1,74 @@
+import { readFile } from 'fs/promises';
+import Life from '../src/life.js'
+
+globalThis.json = async fileName => JSON.parse(await readFile(`data/${fileName}.json`));
+
+globalThis.localStorage = {};
+localStorage.getItem = key => localStorage[key]===void 0? null: localStorage[key];
+localStorage.setItem = (key, value) => (localStorage[key] = value);
+
+
+globalThis.$$eventMap = new Map();
+globalThis.$$event = (tag, data) => {
+    const listener = $$eventMap.get(tag);
+    if(listener) listener.forEach(fn=>fn(data));
+}
+globalThis.$$on = (tag, fn) => {
+    let listener = $$eventMap.get(tag);
+    if(!listener) {
+        listener = new Set();
+        $$eventMap.set(tag, listener);
+    }
+    listener.add(fn);
+}
+globalThis.$$off = (tag, fn) => {
+    const listener = $$eventMap.get(tag);
+    if(listener) listener.delete(fn);
+}
+
+async function debug() {
+
+    const life = new Life();
+    await life.initial();
+
+    life.restart({
+        CHR: 5,                     // 颜值 charm CHR
+        INT: 5,                     // 智力 intelligence INT
+        STR: 5,                     // 体质 strength STR
+        MNY: 5,                     // 家境 money MNY
+        SPR: 5,                     // 快乐 spirit SPR
+        // AGE: 100,
+        TLT: [1134, 1048, 1114],    // 天赋 talent TLT
+    });
+    const lifeTrajectory = [];
+    let trajectory;
+    do{
+        try{
+            trajectory = life.next();
+        } catch(e) {
+            console.error(e);
+            // debugger
+            throw e;
+        }
+        lifeTrajectory.push(trajectory);
+        const { age, content } = trajectory;
+        console.debug(
+            `---------------------------------`,
+            `\n-- ${age} 岁\n   `,
+            content.map(
+                ({type, description, rate, name, postEvent}) => {
+                    switch(type) {
+                        case 'TLT':
+                            return `天赋【${name}】发动：${description}`;
+                        case 'EVT':
+                            return description + (postEvent?`\n    ${postEvent}`:'');
+                    }
+                }
+            ).join('\n    ')
+        );
+        if(age == 60) debugger
+    } while(!trajectory.isEnd)
+    // debugger;
+}
+
+debug();

view/index.html

@@ -7,8 +7,10 @@
         <meta name="description" content="やり直すんだ。そして、次はうまくやる。"/>
         <meta name="keywords" content="人生重开模拟器 liferestart life restart remake 人生重来"/>
         <title>Life Restart</title>
+    </head>
+    <body>
         <script language="javascript" type="text/javascript">
             window.location.href="/public/index.html";
         </script>
-    </head>
+    </body>
 </html>

vite.config.js

@@ -1,7 +0,0 @@
-/** @type {import('vite').UserConfig} */
-export default {
-    base: './',
-    build: {
-        outDir: 'template/public',
-    },
-}

webpack.config.cjs

@@ -0,0 +1,56 @@
+const path = require('path');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+
+module.exports = {
+  mode: 'production',
+  entry: './src/index.js',
+  devtool: 'eval-cheap-module-source-map',
+  devServer: {
+    static: [
+      {
+        directory: path.join(__dirname, 'public'),
+        publicPath: '/public',
+      },
+      {
+        directory: path.join(__dirname, 'view'),
+        publicPath: '/view',
+      },
+      {
+        directory: path.join(__dirname, 'src'),
+        publicPath: '/src',
+      },
+    ],
+  },
+  output: {
+    path: path.resolve(__dirname, 'public/chunk'),
+    filename: '[name].[chunkhash:5].js',
+    clean: true,
+  },
+  plugins: [
+    new HtmlWebpackPlugin({
+      template: 'template/index.html',
+      filename: '../index.html',
+    }),
+  ],
+  module: {
+    rules: [{
+      test: /\.js$/,
+      exclude: /node_modules/,
+      use: {
+        loader: 'babel-loader',
+        options: {
+          presets: [
+            [
+              '@babel/preset-env',
+              {
+                "targets": "> 0.25%, not dead",
+                "useBuiltIns": "usage",
+                "corejs": "3.8.3",
+              }
+            ]
+          ]
+        }
+      }
+    }]
+  }
+};