feat: complete stage 2 core refactor

2025-10-16 10:49:56 +08:00
parent cc0b7053aa
commit b88eb88608
17 changed files with 1521 additions and 461 deletions
--- a/src/components/providers/EditProviderDialog.tsx
+++ b/src/components/providers/EditProviderDialog.tsx
@@ -0,0 +1,84 @@
+import { useCallback } from "react";
+import { useTranslation } from "react-i18next";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import type { Provider } from "@/types";
+import {
+  ProviderForm,
+  type ProviderFormValues,
+} from "@/components/providers/forms/ProviderForm";
+
+interface EditProviderDialogProps {
+  open: boolean;
+  provider: Provider | null;
+  onOpenChange: (open: boolean) => void;
+  onSubmit: (provider: Provider) => Promise<void> | void;
+}
+
+export function EditProviderDialog({
+  open,
+  provider,
+  onOpenChange,
+  onSubmit,
+}: EditProviderDialogProps) {
+  const { t } = useTranslation();
+
+  const handleSubmit = useCallback(
+    async (values: ProviderFormValues) => {
+      if (!provider) return;
+
+      const parsedConfig = JSON.parse(values.settingsConfig) as Record<
+        string,
+        unknown
+      >;
+
+      const updatedProvider: Provider = {
+        ...provider,
+        name: values.name.trim(),
+        websiteUrl: values.websiteUrl?.trim() || undefined,
+        settingsConfig: parsedConfig,
+      };
+
+      await onSubmit(updatedProvider);
+      onOpenChange(false);
+    },
+    [onSubmit, onOpenChange, provider],
+  );
+
+  if (!provider) {
+    return null;
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="max-w-2xl">
+        <DialogHeader>
+          <DialogTitle>
+            {t("provider.editProvider", { defaultValue: "编辑供应商" })}
+          </DialogTitle>
+          <DialogDescription>
+            {t("provider.editDescription", {
+              defaultValue: "更新配置后将立即应用到当前供应商。",
+            })}
+          </DialogDescription>
+        </DialogHeader>
+
+        <ProviderForm
+          submitLabel={t("common.save", { defaultValue: "保存" })}
+          onSubmit={handleSubmit}
+          onCancel={() => onOpenChange(false)}
+          initialData={{
+            name: provider.name,
+            websiteUrl: provider.websiteUrl,
+            settingsConfig: provider.settingsConfig,
+          }}
+        />
+      </DialogContent>
+    </Dialog>
+  );
+}