feat: add max_line and max_lineHeight config settings

Author: xiaoxustudio

packages/webgal/public/game/config.txt

@@ -4,3 +4,5 @@ Title_img:WebGAL_New_Enter_Image.webp;
 Title_bgm:s_Title.mp3;
 Game_Logo:WebGalEnter.webp;
 Enable_Appreciation:true;
+Max_line:4;
+Max_lineHeight:0.25;

packages/webgal/public/game/scene/demo_max_line_test.txt

@@ -0,0 +1 @@
+WebGAL:我是第一行文本|我是第二行哈哈|第三行在这里|第四行是这个内容;

packages/webgal/public/game/scene/start.txt

@@ -1,3 +1,3 @@
 setVar:heroine=WebGAL;
 setVar:egine=WebGAL;
-choose:简体中文:demo_zh_cn.txt|日本語:demo_ja.txt|English:demo_en.txt|Test:function_test.txt;
+choose:多行测试:demo_max_line_test.txt|简体中文:demo_zh_cn.txt|日本語:demo_ja.txt|English:demo_en.txt|Test:function_test.txt;

packages/webgal/src/Stage/TextBox/IMSSTextbox.tsx

@@ -1,10 +1,12 @@
 import styles from './textbox.module.scss';
-import { ReactNode, useEffect } from 'react';
+import { useEffect } from 'react';
 import { WebGAL } from '@/Core/WebGAL';
 import { ITextboxProps } from './types';
 import useApplyStyle from '@/hooks/useApplyStyle';
 import { css } from '@emotion/css';
 import { textSize } from '@/store/userDataInterface';
+import { useSelector } from 'react-redux';
+import { RootState } from '@/store/store';
 
 export default function IMSSTextbox(props: ITextboxProps) {
   const {
@@ -185,7 +187,15 @@ export default function IMSSTextbox(props: ITextboxProps) {
     );
   });
 
-  const lineHeightCssStr = `line-height: ${textSizeState === textSize.medium ? '2.2em' : '2em'}`;
+  const userDataState = useSelector((state: RootState) => state.userData);
+  const lineHeightValue = textSizeState === textSize.medium ? 2.2 : 2;
+  const MaxTextLine = userDataState.globalGameVar.Max_line as number; // config定义字体行数
+  const MaxTextLineHeight = userDataState.globalGameVar.Max_lineHeight as number; // config 定义字体行数高度
+  const totalHeight = !Number.isNaN(Number(MaxTextLine))
+    ? (Number.isNaN(Number(MaxTextLineHeight)) ? lineHeightValue : MaxTextLineHeight) * MaxTextLine
+    : lineHeightValue; // Max_LineHeight和Max_Line必定为数字，否则使用默认值
+
+  const lineHeightCssStr = `line-height: ${totalHeight}em`;
   const lhCss = css(lineHeightCssStr);
 
   return (

packages/webgal/src/Stage/TextBox/TextBox.tsx

@@ -33,11 +33,14 @@ export const TextBox = () => {
     size = getTextSize(stageState.showTextSize) + '%';
     textSizeState = stageState.showTextSize;
   }
-  const lineLimit = match(textSizeState)
-    .with(textSize.small, () => 3)
-    .with(textSize.medium, () => 2)
-    .with(textSize.large, () => 2)
-    .default(() => 2);
+  const MaxTextLine = userDataState.globalGameVar.Max_line as number; // congfig定义字体行数
+  const lineLimit = Number.isNaN(Number(MaxTextLine))
+    ? match(textSizeState)
+        .with(textSize.small, () => 3)
+        .with(textSize.medium, () => 2)
+        .with(textSize.large, () => 2)
+        .default(() => 2)
+    : MaxTextLine;
   // 拆字
   const textArray = compileSentence(stageState.showText, lineLimit);
   const isHasName = stageState.showName !== '';