feat: add experimental openai configuration

webui/src/components/setting/config-experimental.vue

@@ -0,0 +1,45 @@
+<script lang="ts" setup>
+import type { SettingItem } from '#/components';
+import type { Experimental } from '#/config';
+
+const { t } = useMyI18n();
+const { getSettingGroup } = useConfigStore();
+
+const experimentalFeatures = getSettingGroup('experimental');
+
+const items: SettingItem<Experimental>[] = [
+  {
+    configKey: 'openai_enable',
+    label: () => t('config.experimental_set.openai_enable'),
+    type: 'switch',
+  },
+  {
+    configKey: 'openai_api_key',
+    label: () => t('config.experimental_set.openai_api_key'),
+    type: 'input',
+  },
+  {
+    configKey: 'openai_api_base',
+    label: () => t('config.experimental_set.openai_api_base'),
+    type: 'input',
+  },
+  {
+    configKey: 'openai_model',
+    label: () => t('config.experimental_set.openai_model'),
+    type: 'select',
+  },
+];
+</script>
+
+<template>
+  <ab-fold-panel :title="$t('config.experimental_set.title')">
+    <div space-y-12px>
+      <ab-setting
+        v-for="i in items"
+        :key="i.configKey"
+        v-bind="i"
+        v-model:data="experimentalFeatures[i.configKey]"
+      ></ab-setting>
+    </div>
+  </ab-fold-panel>
+</template>

webui/src/i18n/zh-CN.json

@@ -137,6 +137,13 @@
       "username": "用户名",
       "password": "密码"
     },
+    "experimental_set": {
+      "title": "实验功能设置",
+      "openai_enable": "启用 OpenAI",
+      "openai_api_key": "OpenAI API Key",
+      "openai_api_base": "OpenAI API Base URL",
+      "openai_model": "OpenAI 模型"
+    },
     "media_player_set": {
       "title": "播放器设置",
       "type": "类型",

webui/src/pages/index/config.vue

@@ -28,6 +28,8 @@ definePage({
           <config-proxy></config-proxy>
 
           <config-player></config-player>
+
+          <config-experimental></config-experimental>
         </div>
       </div>