From 4067c9558019f73fd6aaa276644fed239b8f386d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8F=A4=E6=9C=88?= <yazhouhu@yunify.com>
Date: Tue, 17 Oct 2023 21:54:15 -0500
Subject: [PATCH] fix: Fix pipeline shell command can't save (#4206)

fix: fix pipeline shell params

Signed-off-by: yazhou <yazhouhu@yunify.com>
---
 src/components/Base/CodeEditor/index.jsx      |  3 +--
 .../components/Pipeline/StepModals/params.jsx | 21 ++++++++++++-------
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/components/Base/CodeEditor/index.jsx b/src/components/Base/CodeEditor/index.jsx
index 4e071a0dfe4..b7907338061 100644
--- a/src/components/Base/CodeEditor/index.jsx
+++ b/src/components/Base/CodeEditor/index.jsx
@@ -41,7 +41,7 @@ class CodeEditor extends PureComponent {
   }
 
   static defaultProps = {
-    value: {},
+    value: '',
     mode: 'yaml',
     options: {},
     onChange() {},
@@ -49,7 +49,6 @@ class CodeEditor extends PureComponent {
 
   render() {
     const { className, mode, options, value, onChange } = this.props
-
     return (
       <Suspense fallback={<Loading className="ks-page-loading" />}>
         <AceEditor
diff --git a/src/pages/devops/components/Pipeline/StepModals/params.jsx b/src/pages/devops/components/Pipeline/StepModals/params.jsx
index a389e22b984..6a9e4dd8ff8 100644
--- a/src/pages/devops/components/Pipeline/StepModals/params.jsx
+++ b/src/pages/devops/components/Pipeline/StepModals/params.jsx
@@ -182,6 +182,9 @@ export default class Params extends React.Component {
       formData = parseWithCredientialData(edittingData)
     } else if (codeKey) {
       value = (Array.isArray(data) ? data[0]?.value?.value : data.value) || ''
+      formData = {
+        [codeKey]: value,
+      }
     } else if (Array.isArray(data)) {
       formData = data.reduce((prev, arg) => {
         const val = arg.value.value
@@ -305,14 +308,16 @@ export default class Params extends React.Component {
         )
       case 'code':
         return (
-          <CodeEditor
-            key={option.name}
-            className={styles.CodeEditor}
-            name="script"
-            mode="yaml"
-            value={this.state.value}
-            onChange={this.handleCodeEditorChange(option.name)}
-          />
+          <Form.Item {...formProps} label={null}>
+            <CodeEditor
+              key={option.name}
+              className={styles.CodeEditor}
+              name={option.name}
+              mode="yaml"
+              // value={this.state.value}
+              // onChange={this.handleCodeEditorChange(option.name)}
+            />
+          </Form.Item>
         )
       case 'bool':
         return (