feat(配置): 添加PawSQL版本选择功能

在配置表单中新增版本选择功能，支持选择Cloud、社区版和企业版。根据选择的版本自动设置默认值和字段状态，以提升用户体验。

Author: lhy

package.json

@@ -133,6 +133,12 @@
             "title": "%config.initialization.email.title%",
             "order": 3
           },
+          "pawsql.version": {
+            "type": "string",
+            "default": "",
+            "title": "%config.initialization.version.title%",
+            "order": 0
+          },
           "pawsql.backendUrl": {
             "type": "string",
             "default": "",

package.nls.en.json

@@ -7,6 +7,7 @@
   "commands.setDefaultWorkspace": "Set as Default Workspace",
 
   "config.initialization.title": "PawSQL Setup",
+  "config.initialization.version.title": "PawSQL Version",
   "config.initialization.backendUrl.title": "PawSQL Server",
   "config.initialization.email.title": "PawSQL Account",
   "config.initialization.apiKey.title": "ApiKey",

package.nls.json

@@ -6,6 +6,7 @@
   "commands.createWorkspace": "创建工作空间",
   "commands.setDefaultWorkspace": "设置为默认工作空间",
   "config.initialization.title": "PawSQL Client",
+  "config.initialization.version.title": "PawSQL 版本",
   "config.initialization.backendUrl.title": "PawSQL 服务器",
   "config.initialization.frontendUrl.title": "PawSQL 网站",
   "config.initialization.email.title": "PawSQL 账号",

src/configurationService.ts

@@ -17,6 +17,9 @@ export const ConfigurationService = {
   getBackendUrl(): string | undefined {
     return this.config.get("backendUrl"); // 返回值为 string 或 undefined
   },
+  getVersion(): string | undefined {
+    return this.config.get("version"); // 返回值为 string 或 undefined
+  },
 
   getUserDefaultWorkspace(): WorkspaceItem | undefined {
     return this.config.get<WorkspaceItem>("defaultWorkspace"); // 返回值为 WorkspaceItem 或 undefined

src/i18n/en.json

@@ -51,6 +51,7 @@
   "form.config.email.label": "PawSQL Account",
   "form.config.password.label": "Password",
   "form.config.backendUrl.label": "PawSQL Server",
+  "form.config.version.label": "PawSQL Version",
   "form.config.joinPawSQL": "Join PawSQL",
   "form.config.description": "PawSQL VSCode helps you to optimize your SQL quries directly within VSCode enviroment. PawSQL provides sophisticated SQL optimization features including smart index recommendations and query rewrites. More about PawSQL, please visit ",
   "form.config.documentation.link": "docs.pawsql.com",

src/i18n/zh-cn.json

@@ -52,6 +52,7 @@
   "form.config.email.label": "PawSQL 账号",
   "form.config.password.label": "密码",
   "form.config.backendUrl.label": "PawSQL 服务器",
+  "form.config.version.label": "PawSQL 版本",
   "form.config.joinPawSQL": "加入PawSQL",
   "form.config.description": "PawSQL Client 让开发者能够在VSCode开发环境中直接使用PawSQL优化引擎的强大功能，包括智能索引推荐、查询重写建议、自动化性能验证等。想要了解更多关于PawSQL的优化能力，请参考",
   "form.config.documentation.link": "PawSQL官方文档",

src/webview/components/ConfigForm.tsx

@@ -15,10 +15,13 @@ import LockIcon from "@mui/icons-material/Lock";
 import { FormattedMessage, useIntl } from "react-intl";
 import PawIconWithText from "./PawIconWithText";
 
+type VersionType = "cloud" | "community" | "enterprise";
+
 interface Config {
   email: string;
   password: string;
   backendUrl: string;
+  version?: VersionType;
 }
 
 interface ConfigFormProps {
@@ -74,12 +77,36 @@ const ConfigForm: React.FC<ConfigFormProps> = ({
     }
   }, [refresh]);
 
-  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+  const handleInputChange = (
+    event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>
+  ) => {
     const { name, value } = event.target;
-    setFormState((prev) => ({
-      ...prev,
-      [name]: value,
-    }));
+    setFormState((prev) => {
+      let newState = { ...prev, [name]: value };
+
+      // 根据版本类型设置默认值和字段状态
+      if (name === "version") {
+        switch (value as VersionType) {
+          case "cloud":
+            newState.backendUrl = "https://www.pawsql.com";
+            newState.email = "";
+            newState.password = "";
+            break;
+          case "community":
+            newState.backendUrl = "";
+            newState.email = "community@pawsql.com";
+            newState.password = "community@pawsql.com";
+            break;
+          case "enterprise":
+            newState.backendUrl = "";
+            newState.email = "";
+            newState.password = "";
+            break;
+        }
+      }
+
+      return newState;
+    });
   };
 
   return (
@@ -128,6 +155,25 @@ const ConfigForm: React.FC<ConfigFormProps> = ({
           </a>
         </Typography>
       </div>
+      <TextField
+        select
+        fullWidth
+        name="version"
+        label={formatMessage({ id: "form.config.version.label" })}
+        variant="outlined"
+        margin="normal"
+        value={formState.version}
+        onChange={handleInputChange}
+        SelectProps={{
+          native: true,
+        }}
+        sx={{ mb: 2 }}
+      >
+        <option value="cloud">Cloud 版本</option>
+        <option value="community">社区版</option>
+        <option value="enterprise">企业版</option>
+      </TextField>
+
       <TextField
         fullWidth
         name="backendUrl"
@@ -136,6 +182,7 @@ const ConfigForm: React.FC<ConfigFormProps> = ({
         margin="normal"
         value={formState.backendUrl}
         onChange={handleInputChange}
+        disabled={formState.version === "cloud"}
         InputProps={{
           startAdornment: (
             <InputAdornment position="start">
@@ -154,6 +201,7 @@ const ConfigForm: React.FC<ConfigFormProps> = ({
           margin="normal"
           value={formState.email}
           onChange={handleInputChange}
+          disabled={formState.version === "community"}
           InputProps={{
             startAdornment: (
               <InputAdornment position="start">
@@ -172,6 +220,7 @@ const ConfigForm: React.FC<ConfigFormProps> = ({
           margin="normal"
           value={formState.password}
           onChange={handleInputChange}
+          disabled={formState.version === "community"}
           InputProps={{
             startAdornment: (
               <InputAdornment position="start">

src/webview/index.tsx

@@ -19,13 +19,15 @@ interface Config {
   email: string;
   password: string;
   backendUrl: string;
+  version?: "cloud" | "community" | "enterprise";
 }
 
 const App: React.FC = () => {
   const [config, setConfig] = React.useState<Config>({
     email: "",
     password: "",
     backendUrl: "",
+    version: undefined,
   });
 
   const [locale, setLocale] = React.useState<"en" | "zh-cn">("en"); // 使用字面量类型
@@ -58,6 +60,7 @@ const App: React.FC = () => {
           email: message.email || "",
           password: message.password || "",
           backendUrl: message.backendUrl || "",
+          version: message.version || "enterprise", // 默认为 "enterprise"
         };
         console.log("Updating config:", newConfig);
         setConfig(newConfig);

src/webviewProvider.ts

@@ -112,6 +112,7 @@ export class WebviewProvider {
       password,
       backendUrl:
         vscode.workspace.getConfiguration("pawsql").get("backendUrl") || "",
+      version: vscode.workspace.getConfiguration("pawsql").get("version") || "",
     };
 
     panel.webview.postMessage({ command: "configResponse", ...config });
@@ -123,6 +124,7 @@ export class WebviewProvider {
       email: string;
       password: string;
       backendUrl: string;
+      version: string;
     }
   ) {
     try {
@@ -133,6 +135,10 @@ export class WebviewProvider {
       await vscode.workspace
         .getConfiguration("pawsql")
         .update("backendUrl", config.backendUrl, true);
+      await vscode.workspace
+        .getConfiguration("pawsql")
+        .update("version", config.version, true);
+
       await this.treeProvider.updateApikey(config);
       await this.passwordManager.storePassword(config.password);