From 0f9f1a94facf6bb931076c1b45db8c1f488f83c6 Mon Sep 17 00:00:00 2001 From: xue jiahao Date: Tue, 17 Mar 2026 22:16:13 +0800 Subject: [PATCH] remove wrong deploy btn --- src/renderer/src/App.tsx | 234 +++++----- .../components/DeployDialog/DeployDialog.tsx | 426 ------------------ .../src/components/DeployDialog/index.ts | 6 - src/renderer/src/i18n.ts | 10 +- src/renderer/src/locales/en-US/common.json | 1 - src/renderer/src/locales/en-US/deploy.json | 33 -- src/renderer/src/locales/ja-JP/common.json | 1 - src/renderer/src/locales/ja-JP/deploy.json | 33 -- src/renderer/src/locales/zh-CN/common.json | 1 - src/renderer/src/locales/zh-CN/deploy.json | 33 -- src/renderer/src/stores/deployStore.ts | 85 ---- src/renderer/src/stores/index.ts | 3 +- 12 files changed, 106 insertions(+), 760 deletions(-) delete mode 100644 src/renderer/src/components/DeployDialog/DeployDialog.tsx delete mode 100644 src/renderer/src/components/DeployDialog/index.ts delete mode 100644 src/renderer/src/locales/en-US/deploy.json delete mode 100644 src/renderer/src/locales/ja-JP/deploy.json delete mode 100644 src/renderer/src/locales/zh-CN/deploy.json delete mode 100644 src/renderer/src/stores/deployStore.ts diff --git a/src/renderer/src/App.tsx b/src/renderer/src/App.tsx index 7cd66c2..eee6f24 100644 --- a/src/renderer/src/App.tsx +++ b/src/renderer/src/App.tsx @@ -5,18 +5,12 @@ import React from "react"; import { useTranslation } from "react-i18next"; -import { - Layout, - Typography, - Space, - Modal, -} from "antd"; +import { Layout, Typography, Space, Modal } from "antd"; import { Button, Tooltip } from "@lobehub/ui"; import { Cloud, - CloudUpload, History, PanelLeftClose, PanelLeftOpen, @@ -29,7 +23,6 @@ import { useUIStore } from "@renderer/stores"; import { DomainManager } from "@renderer/components/DomainManager"; import { AppList } from "@renderer/components/AppList"; import { AppDetail } from "@renderer/components/AppDetail"; -import { DeployDialog } from "@renderer/components/DeployDialog"; import { Settings } from "@renderer/components/Settings"; const { Header, Content, Sider } = Layout; const { Title } = Typography; @@ -173,7 +166,6 @@ const App: React.FC = () => { setSiderCollapsed, setDomainExpanded, } = useUIStore(); - const [deployDialogOpen, setDeployDialogOpen] = React.useState(false); const [settingsOpen, setSettingsOpen] = React.useState(false); const [isResizing, setIsResizing] = React.useState(false); @@ -216,134 +208,114 @@ const App: React.FC = () => { }; return ( - - {/* Left Sider - Domain List & App List */} - - {!siderCollapsed && ( - <> -
-
- - Kintone JS/CSS Manager -
- -
-
-
- - setDomainExpanded(!domainExpanded) - } - /> -
-
- -
-
- {/* Resize handle */} -
- - )} - - - {/* Main Content */} - -
-
- {siderCollapsed && ( - - - - -
- - -
-
- -
+ type="text" + icon={} + onClick={toggleSider} + className={styles.siderCloseButton} + size="small" + /> + +
+
+
+ setDomainExpanded(!domainExpanded)} + />
- - +
+ +
+
+ {/* Resize handle */} +
+ + )} + - {/* Deploy Dialog */} - setDeployDialogOpen(false)} - /> + {/* Main Content */} + +
+
+ {siderCollapsed && ( + +
+ + + +
- {/* Settings Modal */} - setSettingsOpen(false)} - footer={null} - width={480} - mask={{ closable: false }} - > - - + +
+
+ +
+
+
+
- + {/* Settings Modal */} + setSettingsOpen(false)} + footer={null} + width={480} + mask={{ closable: false }} + > + + + ); }; diff --git a/src/renderer/src/components/DeployDialog/DeployDialog.tsx b/src/renderer/src/components/DeployDialog/DeployDialog.tsx deleted file mode 100644 index 2d0a0d7..0000000 --- a/src/renderer/src/components/DeployDialog/DeployDialog.tsx +++ /dev/null @@ -1,426 +0,0 @@ -/** - * DeployDialog Component - * Dialog for confirming and executing deployment - */ - -import React from "react"; -import { useTranslation } from "react-i18next"; -import { - Steps, - Space, - Alert, - Spin, - Result, - Table, - Tag, - Typography, - Divider, -} from "antd"; -import { Button, Modal, Select } from "@lobehub/ui"; - -import { - CloudUpload, - CheckCircle, - XCircle, - Loader2, -} from "lucide-react"; -import { createStyles } from "antd-style"; -import { FileUploader } from "../FileUploader"; -import { useDeployStore } from "@renderer/stores"; -import { useDomainStore } from "@renderer/stores"; -import { useAppStore } from "@renderer/stores"; -import type { DeployFile } from "@shared/types/ipc"; - -const { Text } = Typography; - -const useStyles = createStyles(({ token, css }) => ({ - container: css` - min-height: 400px; - `, - stepContent: css` - margin-top: ${token.marginMD}px; - `, - positionSelector: css` - margin-bottom: ${token.marginMD}px; - `, - positionItem: css` - display: flex; - align-items: center; - justify-content: space-between; - padding: ${token.paddingSM}px ${token.paddingMD}px; - border: 1px solid ${token.colorBorderSecondary}; - border-radius: ${token.borderRadiusLG}px; - margin-bottom: ${token.marginSM}px; - `, - summary: css` - padding: ${token.paddingMD}px; - background: ${token.colorBgLayout}; - border-radius: ${token.borderRadiusLG}px; - `, - summaryItem: css` - display: flex; - justify-content: space-between; - padding: ${token.paddingXS}px 0; - `, -})); - -interface DeployDialogProps { - open: boolean; - onClose: () => void; - onSuccess?: () => void; -} - -const DeployDialog: React.FC = ({ - open, - onClose, - onSuccess, -}) => { - const { t } = useTranslation("deploy"); - const { styles } = useStyles(); - const { currentDomain } = useDomainStore(); - const { currentApp } = useAppStore(); - const { - step, - files, - setStep, - setFiles, - setTargetAppId, - setDeploying, - setResult, - setError, - reset, - } = useDeployStore(); - - // Reset when dialog opens - React.useEffect(() => { - if (open) { - reset(); - if (currentApp) { - setTargetAppId(currentApp.appId); - } - } - }, [open]); - - const handleDeploy = async () => { - if (!currentDomain || !currentApp) return; - - setStep("deploying"); - setDeploying(true); - - try { - const result = await window.api.deploy({ - domainId: currentDomain.id, - appId: currentApp.appId, - files, - }); - - if (result.success) { - setResult(result); - setStep("success"); - onSuccess?.(); - } else { - setError(result.error || t("deployFailed")); - setStep("error"); - } - } catch (error) { - setError(error instanceof Error ? error.message : t("deployFailed")); - setStep("error"); - } finally { - setDeploying(false); - } - }; - - const handleClose = () => { - reset(); - onClose(); - }; - - const handleFilesChange = (newFiles: DeployFile[]) => { - setFiles(newFiles); - }; - - const handlePositionChange = ( - index: number, - position: DeployFile["position"], - ) => { - const newFiles = [...files]; - newFiles[index] = { ...newFiles[index], position }; - setFiles(newFiles); - }; - - const canProceedToConfigure = files.length > 0; - const canProceedToConfirm = files.every((f) => f.position); - - // Position options for JS files - const jsPositionOptions = [ - { value: "pc_header", label: t("pcHeader") }, - { value: "pc_body", label: t("pcBody") }, - { value: "pc_footer", label: t("pcFooter") }, - { value: "mobile_header", label: t("mobileHeader") }, - { value: "mobile_body", label: t("mobileBody") }, - { value: "mobile_footer", label: t("mobileFooter") }, - ]; - - // Position options for CSS files - const cssPositionOptions = [ - { value: "pc_css", label: t("pc") }, - { value: "mobile_css", label: t("mobile") }, - ]; - - const renderStepContent = () => { - switch (step) { - case "select": - return ( -
- - -
- ); - - case "configure": - return ( -
- - {files.map((file, index) => ( -
- - - {file.fileType.toUpperCase()} - - {file.fileName} - -