From d6a08eecd2521e9699bee1ff3ffebb651a2a620d Mon Sep 17 00:00:00 2001
From: Wells <ww.sun@outlook.com>
Date: Wed, 24 Jan 2024 16:49:26 +0800
Subject: [PATCH] fix: update service preview panel (#94)

* fix: update setting form layout

* fix: update service preview

* chore: update editor

* fix: update components entry
---
 .../src/components/variable-tree/add-service.tsx       |  1 +
 .../designer/src/components/variable-tree/index.tsx    |  1 -
 packages/setting-form/src/form.tsx                     |  8 ++++++--
 packages/ui/package.json                               |  2 +-
 yarn.lock                                              | 10 ++++++++++
 5 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/packages/designer/src/components/variable-tree/add-service.tsx b/packages/designer/src/components/variable-tree/add-service.tsx
index 5b96fdd..25833dd 100644
--- a/packages/designer/src/components/variable-tree/add-service.tsx
+++ b/packages/designer/src/components/variable-tree/add-service.tsx
@@ -33,6 +33,7 @@ export function AddServiceForm({
       layout="horizontal"
       initialValues={initialValues}
       onFinish={(values) => {
+        setDisabled(true);
         onSubmit(values);
       }}
       {...formProps}
diff --git a/packages/designer/src/components/variable-tree/index.tsx b/packages/designer/src/components/variable-tree/index.tsx
index 641ddab..24ca848 100644
--- a/packages/designer/src/components/variable-tree/index.tsx
+++ b/packages/designer/src/components/variable-tree/index.tsx
@@ -349,7 +349,6 @@ export function VariableTree(props: VariableTreeProps) {
                     onCancel={clear}
                     onSubmit={(values) => {
                       onUpdateService(values);
-                      clear();
                     }}
                   />
                 </Panel>
diff --git a/packages/setting-form/src/form.tsx b/packages/setting-form/src/form.tsx
index 4bf2acf..c44204f 100644
--- a/packages/setting-form/src/form.tsx
+++ b/packages/setting-form/src/form.tsx
@@ -47,8 +47,12 @@ const formStyle = css`
     margin-top: var(--tango-space-m);
   }
 
-  > .SettingFormMain > .FormControl,
-  .FormObject {
+  > .SettingFormMain > .FormControl {
+    margin-left: var(--tango-space-m);
+    margin-right: var(--tango-space-m);
+  }
+
+  > .SettingFormMain > .FormObject {
     margin-left: var(--tango-space-m);
     margin-right: var(--tango-space-m);
   }
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 5f15441..d57a1c0 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -44,7 +44,7 @@
     "coral-system": "^1.0.5",
     "eslint-linter-browserify": "^8.51.0",
     "react-json-view": "^1.21.3",
-    "react-monaco-editor-lite": "^1.2.3"
+    "react-monaco-editor-lite": "^1.2.4"
   },
   "publishConfig": {
     "access": "public",
diff --git a/yarn.lock b/yarn.lock
index 3a0e06c..ec2ea2a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -17779,6 +17779,16 @@ react-monaco-editor-lite@^1.2.3:
     monaco-textmate "^3.0.1"
     onigasm "^2.2.5"
 
+react-monaco-editor-lite@^1.2.4:
+  version "1.2.4"
+  resolved "https://registry.npmmirror.com/react-monaco-editor-lite/-/react-monaco-editor-lite-1.2.4.tgz#d8616c137a1fb35456a703dc0c140dc43fe777ff"
+  integrity sha512-Hr4ozGVgv/zsWU0Lre8+S4khv1dLKHz/CGDSyNyvqEG323avkKyJ0ez4DG39wHGQ+Ax/bpgMb6b87UODeLq91w==
+  dependencies:
+    monaco-editor "^0.38.0"
+    monaco-editor-textmate "^4.0.0"
+    monaco-textmate "^3.0.1"
+    onigasm "^2.2.5"
+
 react-refresh@0.14.0, react-refresh@^0.14.0:
   version "0.14.0"
   resolved "https://registry.npmmirror.com/react-refresh/-/react-refresh-0.14.0.tgz#4e02825378a5f227079554d4284889354e5f553e"