diff --git a/packages/origine2/src/config/info.ts b/packages/origine2/src/config/info.ts
index 3f8b1f9ae..a25148269 100644
--- a/packages/origine2/src/config/info.ts
+++ b/packages/origine2/src/config/info.ts
@@ -5,5 +5,5 @@ export interface Info {
 
 export const __INFO: Info = {
   version: '4.5.3',
-  buildTime: '2024-06-14T15:46:25.585Z', // 编译时会通过 version-sync.js 自动更新
+  buildTime: '2024-06-30T04:04:15.899Z', // 编译时会通过 version-sync.js 自动更新
 };
diff --git a/packages/origine2/src/locales/en.po b/packages/origine2/src/locales/en.po
index 40e4a12e5..63bd3ca4f 100644
--- a/packages/origine2/src/locales/en.po
+++ b/packages/origine2/src/locales/en.po
@@ -356,7 +356,7 @@ msgstr "Hide the figure"
 msgid "关闭背景"
 msgstr "Hide the background"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:11
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:31
 msgid "内层文本"
 msgstr "Inner Text"
 
@@ -583,7 +583,7 @@ msgstr "Scenes and branches"
 msgid "场景文件"
 msgstr "Scene file"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:10
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:30
 msgid "外层文本"
 msgstr "Outer Text"
 
@@ -670,11 +670,11 @@ msgstr "Export as webpage"
 msgid "小"
 msgstr "Small"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:15
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:35
 msgid "小头像图像"
 msgstr "Mini avatar image"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:14
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:34
 msgid "小头像容器"
 msgstr "Mini avatar container"
 
@@ -909,20 +909,20 @@ msgstr "Text alignment"
 msgid "文本显示"
 msgstr "Text display"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:4
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:7
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:24
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:27
 msgid "文本框"
 msgstr "Text Box"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:8
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:28
 msgid "文本框（小头像关闭时）"
 msgstr "Textbox (when avatar is closed)"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:19
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:39
 msgid "文本框文本"
 msgstr "Text Box Text"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:9
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:29
 msgid "文本框背景"
 msgstr "Text Box Background"
 
@@ -1067,24 +1067,24 @@ msgstr "Execute next sentence after this"
 msgid "本句执行后等待"
 msgstr "Wait after this sentence"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/title.ts:4
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/title.ts:7
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:55
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:58
 msgid "标题"
 msgstr "Title"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/title.ts:11
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:62
 msgid "标题备用背景"
 msgstr "Title Alternate Background"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/title.ts:9
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:60
 msgid "标题按钮"
 msgstr "Title Button"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/title.ts:8
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:59
 msgid "标题按钮列表"
 msgstr "Title Button List"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/title.ts:10
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:61
 msgid "标题按钮文字"
 msgstr "Title Button Text"
 
@@ -1448,23 +1448,23 @@ msgstr "Role name, leave blank to inherit from previous sentence"
 msgid "角色名，留空以继承上句:对话;"
 msgstr "Role name, leave blank to inherit from previous sentence: Dialogue;"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:18
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:38
 msgid "角色名内层文本"
 msgstr "Role Name Inner Text"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:17
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:37
 msgid "角色名外层文本"
 msgstr "Role Name Outer Text"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:16
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:36
 msgid "角色名容器"
 msgstr "Role Name Container"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:12
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:32
 msgid "角色名文本框"
 msgstr "Role Name Text Box"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:13
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:33
 msgid "角色名文本框背景"
 msgstr "Role Name Text Box Background"
 
@@ -1623,11 +1623,11 @@ msgid "选择预设目标"
 msgstr "Choose Preset Target"
 
 #: src/pages/editor/GraphicalEditor/SentenceEditor/Choose.tsx:59
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/choose.ts:4
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:44
 msgid "选项"
 msgstr "Option"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/choose.ts:7
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:47
 msgid "选项列表"
 msgstr "Selection List"
 
@@ -1635,15 +1635,15 @@ msgstr "Selection List"
 msgid "选项名称"
 msgstr "Option Name"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/choose.ts:8
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:48
 msgid "选项按钮"
 msgstr "Selection Button"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/choose.ts:9
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:49
 msgid "选项按钮（禁用）"
 msgstr "Selection Button (disabled)"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/choose.ts:10
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:50
 msgid "选项按钮外层"
 msgstr "Selection Button Wrapper"
 
diff --git a/packages/origine2/src/locales/ja.po b/packages/origine2/src/locales/ja.po
index bbd32d935..325085d71 100644
--- a/packages/origine2/src/locales/ja.po
+++ b/packages/origine2/src/locales/ja.po
@@ -356,7 +356,7 @@ msgstr "立ち絵を非表示"
 msgid "关闭背景"
 msgstr "背景画像を非表示"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:11
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:31
 msgid "内层文本"
 msgstr "内側テキスト"
 
@@ -583,7 +583,7 @@ msgstr "シーンとブランチ"
 msgid "场景文件"
 msgstr "シーンファイル"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:10
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:30
 msgid "外层文本"
 msgstr "外側テキスト"
 
@@ -670,11 +670,11 @@ msgstr "ウェブとしてエクスポート"
 msgid "小"
 msgstr "小さい"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:15
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:35
 msgid "小头像图像"
 msgstr "アバター画像"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:14
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:34
 msgid "小头像容器"
 msgstr "アバターコンテナ"
 
@@ -909,20 +909,20 @@ msgstr "テキストの配置"
 msgid "文本显示"
 msgstr "テキストボックス"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:4
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:7
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:24
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:27
 msgid "文本框"
 msgstr "テキストボックス"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:8
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:28
 msgid "文本框（小头像关闭时）"
 msgstr "テキストボックス（アバターが閉じている場合）"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:19
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:39
 msgid "文本框文本"
 msgstr "テキストボックスのテキスト"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:9
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:29
 msgid "文本框背景"
 msgstr "テキストボックスの背景"
 
@@ -1067,24 +1067,24 @@ msgstr "この文が実行された後、次の文を実行"
 msgid "本句执行后等待"
 msgstr "この文が実行されるのを待つ"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/title.ts:4
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/title.ts:7
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:55
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:58
 msgid "标题"
 msgstr "タイトル"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/title.ts:11
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:62
 msgid "标题备用背景"
 msgstr "タイトル代替背景"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/title.ts:9
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:60
 msgid "标题按钮"
 msgstr "タイトルボタン"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/title.ts:8
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:59
 msgid "标题按钮列表"
 msgstr "タイトルボタンリスト"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/title.ts:10
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:61
 msgid "标题按钮文字"
 msgstr "タイトルボタンテキスト"
 
@@ -1448,23 +1448,23 @@ msgstr "キャラクター名を空白のままにすると前の文から継承
 msgid "角色名，留空以继承上句:对话;"
 msgstr "キャラクター名を空白のままにすると前の文から継承;ダイアログ;"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:18
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:38
 msgid "角色名内层文本"
 msgstr "キャラクター名内側テキスト"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:17
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:37
 msgid "角色名外层文本"
 msgstr "キャラクター名外側テキスト"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:16
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:36
 msgid "角色名容器"
 msgstr "キャラクター名コンテナ"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:12
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:32
 msgid "角色名文本框"
 msgstr "キャラクター名テキストボックス"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:13
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:33
 msgid "角色名文本框背景"
 msgstr "キャラクター名テキストボックスの背景"
 
@@ -1623,11 +1623,11 @@ msgid "选择预设目标"
 msgstr "事前設定されたターゲットを選択"
 
 #: src/pages/editor/GraphicalEditor/SentenceEditor/Choose.tsx:59
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/choose.ts:4
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:44
 msgid "选项"
 msgstr "選択肢を設定"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/choose.ts:7
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:47
 msgid "选项列表"
 msgstr "選択肢リスト"
 
@@ -1635,15 +1635,15 @@ msgstr "選択肢リスト"
 msgid "选项名称"
 msgstr "選択肢を設定"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/choose.ts:8
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:48
 msgid "选项按钮"
 msgstr "選択肢ボタン"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/choose.ts:9
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:49
 msgid "选项按钮（禁用）"
 msgstr "選択肢ボタン（無効状態）"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/choose.ts:10
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:50
 msgid "选项按钮外层"
 msgstr "選択肢ボタン外層"
 
diff --git a/packages/origine2/src/locales/zhCn.po b/packages/origine2/src/locales/zhCn.po
index 291c5de24..577d36e79 100644
--- a/packages/origine2/src/locales/zhCn.po
+++ b/packages/origine2/src/locales/zhCn.po
@@ -376,7 +376,7 @@ msgstr "关闭立绘"
 msgid "关闭背景"
 msgstr "关闭背景"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:11
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:31
 msgid "内层文本"
 msgstr "内层文本"
 
@@ -603,7 +603,7 @@ msgstr "场景与分支"
 msgid "场景文件"
 msgstr "场景文件"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:10
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:30
 msgid "外层文本"
 msgstr "外层文本"
 
@@ -690,11 +690,11 @@ msgstr "导出为网页"
 msgid "小"
 msgstr "小"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:15
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:35
 msgid "小头像图像"
 msgstr "小头像图像"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:14
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:34
 msgid "小头像容器"
 msgstr "小头像容器"
 
@@ -929,20 +929,20 @@ msgstr "文本对齐"
 msgid "文本显示"
 msgstr "文本显示"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:4
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:7
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:24
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:27
 msgid "文本框"
 msgstr "文本框"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:8
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:28
 msgid "文本框（小头像关闭时）"
 msgstr "文本框（小头像关闭时）"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:19
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:39
 msgid "文本框文本"
 msgstr "文本框文本"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:9
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:29
 msgid "文本框背景"
 msgstr "文本框背景"
 
@@ -1087,24 +1087,24 @@ msgstr "本句执行后执行下一句"
 msgid "本句执行后等待"
 msgstr "本句执行后等待"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/title.ts:4
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/title.ts:7
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:55
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:58
 msgid "标题"
 msgstr "标题"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/title.ts:11
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:62
 msgid "标题备用背景"
 msgstr "标题备用背景"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/title.ts:9
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:60
 msgid "标题按钮"
 msgstr "标题按钮"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/title.ts:8
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:59
 msgid "标题按钮列表"
 msgstr "标题按钮列表"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/title.ts:10
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:61
 msgid "标题按钮文字"
 msgstr "标题按钮文字"
 
@@ -1468,23 +1468,23 @@ msgstr "角色名，留空以继承上句"
 msgid "角色名，留空以继承上句:对话;"
 msgstr "角色名，留空以继承上句:对话;"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:18
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:38
 msgid "角色名内层文本"
 msgstr "角色名内层文本"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:17
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:37
 msgid "角色名外层文本"
 msgstr "角色名外层文本"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:16
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:36
 msgid "角色名容器"
 msgstr "角色名容器"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:12
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:32
 msgid "角色名文本框"
 msgstr "角色名文本框"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts:13
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:33
 msgid "角色名文本框背景"
 msgstr "角色名文本框背景"
 
@@ -1643,11 +1643,11 @@ msgid "选择预设目标"
 msgstr "选择预设目标"
 
 #: src/pages/editor/GraphicalEditor/SentenceEditor/Choose.tsx:59
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/choose.ts:4
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:44
 msgid "选项"
 msgstr "选项"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/choose.ts:7
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:47
 msgid "选项列表"
 msgstr "选项列表"
 
@@ -1655,15 +1655,15 @@ msgstr "选项列表"
 msgid "选项名称"
 msgstr "选项名称"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/choose.ts:8
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:48
 msgid "选项按钮"
 msgstr "选项按钮"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/choose.ts:9
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:49
 msgid "选项按钮（禁用）"
 msgstr "选项按钮（禁用）"
 
-#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/choose.ts:10
+#: src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx:50
 msgid "选项按钮外层"
 msgstr "选项按钮外层"
 
diff --git a/packages/origine2/src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx b/packages/origine2/src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx
index 8db2ba1c3..20dbebb32 100644
--- a/packages/origine2/src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx
+++ b/packages/origine2/src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree.tsx
@@ -2,7 +2,6 @@ import useEditorStore from '@/store/useEditorStore';
 import ComponentNode from './ComponentNode';
 import styles from './componentTree.module.scss';
 import {t} from "@lingui/macro";
-import {componentTree} from "@/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes";
 import {useLingui} from "@lingui/react";
 
 export interface IComponentNode {
@@ -17,6 +16,59 @@ export interface IClassNode {
 }
 
 export default function ComponentTree() {
+  /**
+   * Component Tree
+   * 不知道为啥，不写到这打包会有问题
+   */
+  const textbox = {
+    name: t`文本框`,
+    path: `Stage/TextBox/textbox.scss`,
+    nodes: [
+      { name: t`文本框`, class: 'TextBox_main' },
+      { name: t`文本框（小头像关闭时）`, class: 'TextBox_main_miniavatarOff' },
+      { name: t`文本框背景`, class: 'TextBox_Background' },
+      { name: t`外层文本`, class: 'outer' },
+      { name: t`内层文本`, class: 'inner' },
+      { name: t`角色名文本框`, class: 'TextBox_showName' },
+      { name: t`角色名文本框背景`, class: 'TextBox_ShowName_Background' },
+      { name: t`小头像容器`, class: 'miniAvatarContainer' },
+      { name: t`小头像图像`, class: 'miniAvatarImg' },
+      { name: t`角色名容器`, class: 'nameContainer' },
+      { name: t`角色名外层文本`, class: 'outerName' },
+      { name: t`角色名内层文本`, class: 'innerName' },
+      { name: t`文本框文本`, class: 'text' },
+    ],
+  };
+
+  const choose = {
+    name: t`选项`,
+    path: `Stage/Choose/choose.scss`,
+    nodes: [
+      {name: t`选项列表`, class: 'Choose_Main'},
+      {name: t`选项按钮`, class: 'Choose_item'},
+      {name: t`选项按钮（禁用）`, class: 'Choose_item_disabled'},
+      {name: t`选项按钮外层`, class: 'Choose_item_outer'},
+    ],
+  };
+
+  const title = {
+    name: t`标题`,
+    path: `UI/Title/title.scss`,
+    nodes: [
+      { name: t`标题`, class: 'Title_main' },
+      { name: t`标题按钮列表`, class: 'Title_buttonList' },
+      { name: t`标题按钮`, class: 'Title_button' },
+      { name: t`标题按钮文字`, class: 'Title_button_text' },
+      { name: t`标题备用背景`, class: 'Title_backup_background' },
+    ],
+  };
+
+  const componentTree: IComponentNode[] = [
+    title,
+    textbox,
+    choose
+  ];
+
   const templateName = useEditorStore.use.subPage();
   const basePath = `templates/${templateName}`;
   const tree = componentTree.map(e => ({...e, path: `${basePath}/${e.path}`}));
diff --git a/packages/origine2/src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/choose.ts b/packages/origine2/src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/choose.ts
deleted file mode 100644
index b815df566..000000000
--- a/packages/origine2/src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/choose.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import {t} from "@lingui/macro";
-
-export const choose = {
-  name: t`选项`,
-  path: `Stage/Choose/choose.scss`,
-  nodes: [
-    {name: t`选项列表`, class: 'Choose_Main'},
-    {name: t`选项按钮`, class: 'Choose_item'},
-    {name: t`选项按钮（禁用）`, class: 'Choose_item_disabled'},
-    {name: t`选项按钮外层`, class: 'Choose_item_outer'},
-  ],
-};
diff --git a/packages/origine2/src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/index.ts b/packages/origine2/src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/index.ts
deleted file mode 100644
index 520db4fae..000000000
--- a/packages/origine2/src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/index.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import {t} from "@lingui/macro";
-import {IComponentNode} from "@/pages/templateEditor/TemplateEditorSidebar/ComponentTree/ComponentTree";
-import {title} from "@/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/title";
-import {textbox} from "@/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox";
-import {choose} from "@/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/choose";
-
-export const componentTree: IComponentNode[] = [
-  title,
-  textbox,
-  choose
-];
diff --git a/packages/origine2/src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts b/packages/origine2/src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts
deleted file mode 100644
index 43da9c569..000000000
--- a/packages/origine2/src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/textbox.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import {t} from "@lingui/macro";
-
-export const textbox = {
-  name: t`文本框`,
-  path: `Stage/TextBox/textbox.scss`,
-  nodes: [
-    { name: t`文本框`, class: 'TextBox_main' },
-    { name: t`文本框（小头像关闭时）`, class: 'TextBox_main_miniavatarOff' },
-    { name: t`文本框背景`, class: 'TextBox_Background' },
-    { name: t`外层文本`, class: 'outer' },
-    { name: t`内层文本`, class: 'inner' },
-    { name: t`角色名文本框`, class: 'TextBox_showName' },
-    { name: t`角色名文本框背景`, class: 'TextBox_ShowName_Background' },
-    { name: t`小头像容器`, class: 'miniAvatarContainer' },
-    { name: t`小头像图像`, class: 'miniAvatarImg' },
-    { name: t`角色名容器`, class: 'nameContainer' },
-    { name: t`角色名外层文本`, class: 'outerName' },
-    { name: t`角色名内层文本`, class: 'innerName' },
-    { name: t`文本框文本`, class: 'text' },
-  ],
-};
diff --git a/packages/origine2/src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/title.ts b/packages/origine2/src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/title.ts
deleted file mode 100644
index 29754809e..000000000
--- a/packages/origine2/src/pages/templateEditor/TemplateEditorSidebar/ComponentTree/componentNodes/title.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import {t} from "@lingui/macro";
-
-export const title = {
-  name: t`标题`,
-  path: `UI/Title/title.scss`,
-  nodes: [
-    { name: t`标题`, class: 'Title_main' },
-    { name: t`标题按钮列表`, class: 'Title_buttonList' },
-    { name: t`标题按钮`, class: 'Title_button' },
-    { name: t`标题按钮文字`, class: 'Title_button_text' },
-    { name: t`标题备用背景`, class: 'Title_backup_background' },
-  ],
-};