feat: 新版webui

napcat.webui/src/pages/dashboard/config/onebot.tsx

@@ -0,0 +1,70 @@
+import { Card, CardBody } from '@heroui/card'
+import { Input } from '@heroui/input'
+import { Controller } from 'react-hook-form'
+import type { Control } from 'react-hook-form'
+
+import SaveButtons from '@/components/button/save_buttons'
+import SwitchCard from '@/components/switch_card'
+
+export interface OneBotConfigCardProps {
+  control: Control<IConfig['onebot']>
+  onSubmit: () => void
+  reset: () => void
+  isSubmitting: boolean
+  onRefresh: () => void
+}
+const OneBotConfigCard: React.FC<OneBotConfigCardProps> = (props) => {
+  const { control, onSubmit, reset, isSubmitting, onRefresh } = props
+  return (
+    <>
+      <title>OneBot配置 - NapCat WebUI</title>
+      <Card className="bg-opacity-50 backdrop-blur-sm">
+        <CardBody className="items-center py-5">
+          <div className="w-96 max-w-full flex flex-col gap-2">
+            <Controller
+              control={control}
+              name="musicSignUrl"
+              render={({ field }) => (
+                <Input
+                  {...field}
+                  label="音乐签名地址"
+                  placeholder="请输入音乐签名地址"
+                />
+              )}
+            />
+            <Controller
+              control={control}
+              name="enableLocalFile2Url"
+              render={({ field }) => (
+                <SwitchCard
+                  {...field}
+                  description="启用本地文件到URL"
+                  label="启用本地文件到URL"
+                />
+              )}
+            />
+            <Controller
+              control={control}
+              name="parseMultMsg"
+              render={({ field }) => (
+                <SwitchCard
+                  {...field}
+                  description="启用上报解析合并消息"
+                  label="启用上报解析合并消息"
+                />
+              )}
+            />
+            <SaveButtons
+              onSubmit={onSubmit}
+              reset={reset}
+              isSubmitting={isSubmitting}
+              refresh={onRefresh}
+            />
+          </div>
+        </CardBody>
+      </Card>
+    </>
+  )
+}
+
+export default OneBotConfigCard