feat: support cuttingByTitle (#54)

* feat: support cuttingByTitle

* fix: optionalCuttingByTitle not initialize and not listen by changed.

* rename: Settings.vue -> SettingPage.vue

* change wording

---------

Co-authored-by: genteure <genteure@gmail.com>

Author: shugen002

src/components/RoomSettingModal.vue

@@ -34,6 +34,7 @@
           <optional-input type="number" prefix="每" suffix="保存为一个文件" v-model:value="newRoomConfig['optionalCuttingNumber']"
             unit="MiB" max-input-width="150px" />
         </n-collapse-transition>
+        <optional-input type="boolean" label="直播间标题修改时切分文件" v-model:value="newRoomConfig['optionalCuttingByTitle']"/>
       </div>
       <div id="record-quality" class="setting-box">
         <n-h3>录制画质</n-h3>

src/router.ts

@@ -2,7 +2,7 @@ import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router';
 import Blank from './views/Blank.vue';
 import Dashboard from './views/recorder/Dashboard.vue';
 import RoomList from './views/recorder/RoomList.vue';
-import Settings from './views/recorder/Settings.vue';
+import Settings from './views/recorder/SettingPage.vue';
 import FileBrowser from './views/recorder/FileBrowser.vue';
 import Home from './views/Home.vue';
 import LogViewer from './views/recorder/LogViewer.vue';

src/utils/api.ts

@@ -51,6 +51,7 @@ export interface DefaultConfig {
   recordMode: RecordMode;
   cuttingMode: CuttingMode;
   cuttingNumber: number;
+  cuttingByTitle: boolean;
   recordDanmaku: boolean;
   recordDanmakuRaw: boolean;
   recordDanmakuSuperChat: boolean;
@@ -86,6 +87,7 @@ export interface GlobalConfigDto {
   optionalRecordMode: RecordModeOptional;
   optionalCuttingMode: CuttingModeOptional;
   optionalCuttingNumber: UInt32Optional;
+  optionalCuttingByTitle: BooleanOptional;
   optionalRecordDanmaku: BooleanOptional;
   optionalRecordDanmakuRaw: BooleanOptional;
   optionalRecordDanmakuSuperChat: BooleanOptional;
@@ -179,6 +181,7 @@ export interface RoomConfigDto {
   optionalRecordMode: RecordModeOptional;
   optionalCuttingMode: CuttingModeOptional;
   optionalCuttingNumber: UInt32Optional;
+  optionalCuttingByTitle: BooleanOptional;
   optionalRecordDanmaku: BooleanOptional;
   optionalRecordDanmakuRaw: BooleanOptional;
   optionalRecordDanmakuSuperChat: BooleanOptional;
@@ -477,6 +480,7 @@ export class Recorder<T = any> {
       'recordMode': 0,
       'cuttingMode': 0,
       'cuttingNumber': 100,
+      'cuttingByTitle': false,
       'recordDanmaku': false,
       'recordDanmakuRaw': false,
       'recordDanmakuSuperChat': true,

src/views/recorder/Settings.vue src/views/recorder/SettingPage.vuesrc/views/recorder/Settings.vue renamed to src/views/recorder/SettingPage.vue

@@ -41,7 +41,7 @@
       </div>
       <div id="auto-split" class="setting-box">
         <n-h3>自动分段</n-h3>
-        <optional-input type="enum" v-model:value="newConfig['optionalCuttingMode']" :enums="CuttingModes"
+        <optional-input type="enum" label="分段模式" v-model:value="newConfig['optionalCuttingMode']" :enums="CuttingModes"
           :same-as-default="true" @changed="onChanged"/>
         <n-collapse-transition :show="newConfig['optionalCuttingMode']?.value == 1">
           <optional-input type="number" prefix="每" suffix="保存为一个文件" v-model:value="newConfig['optionalCuttingNumber']"
@@ -51,7 +51,8 @@
           <optional-input type="number" prefix="每" suffix="保存为一个文件" v-model:value="newConfig['optionalCuttingNumber']"
             :same-as-default="true" unit="MiB" max-input-width="150px" @changed="onChanged"/>
         </n-collapse-transition>
-
+        <optional-input type="boolean" label="直播间标题修改时切分文件" v-model:value="newConfig['optionalCuttingByTitle']"
+          :same-as-default="true" @changed="onChanged"/>
       </div>
       <div id="storage" class="setting-box">
         <n-h3>文件写入</n-h3>
@@ -267,6 +268,7 @@ const newConfig = ref<{ [key: string]: ConfigItem }>({
   'optionalFlvProcessorSplitOnScriptTag': getEmptyConfigItem(defaultConfig.value.flvProcessorSplitOnScriptTag),
   'optionalRecordingQuality': getEmptyConfigItem(defaultConfig.value.recordingQuality),
   'optionalCuttingNumber': getEmptyConfigItem(defaultConfig.value.cuttingNumber),
+  'optionalCuttingByTitle': getEmptyConfigItem(defaultConfig.value.cuttingByTitle),
   'optionalLiveApiHost': getEmptyConfigItem(defaultConfig.value.liveApiHost),
   'optionalCookie': getEmptyConfigItem(defaultConfig.value.cookie),
   'optionalWebHookUrls': getEmptyConfigItem(defaultConfig.value.webHookUrls),