From a18bb9dd3fb15b2914dc8d58e99ed8dbebc7e6cf Mon Sep 17 00:00:00 2001
From: v_xugzhou <941071842@qq.com>
Date: Thu, 7 Sep 2023 14:30:18 +0800
Subject: [PATCH] =?UTF-8?q?optimization:=20=E5=AD=90=E6=B5=81=E7=A8=8B?=
 =?UTF-8?q?=E8=8A=82=E7=82=B9=E6=89=A7=E8=A1=8C=E8=AF=A6=E6=83=85=E8=BE=93?=
 =?UTF-8?q?=E5=85=A5=E5=8F=82=E6=95=B0=E5=B1=95=E7=A4=BA=E5=BC=82=E5=B8=B8?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/common/RenderForm/FormItem.vue | 121 +-----------------
 .../common/RenderForm/formMixins.js           |   4 +
 .../common/RenderForm/tags/TagDatatable.vue   |   2 +-
 .../RenderForm/tags/TagHostAllocation.vue     |   2 +-
 .../common/RenderForm/tags/TagIpSelector.vue  |   8 +-
 .../RenderForm/tags/TagMemberSelector.vue     |   2 +-
 .../common/RenderForm/tags/TagSelect.vue      |   2 +-
 .../RenderForm/tags/TagSetAllocation.vue      |   2 +-
 .../common/RenderForm/tags/TagTextarea.vue    |   5 +-
 .../pages/task/TaskExecute/ExecuteInfo.vue    |  53 ++++----
 .../TaskExecute/ExecuteInfo/InputParams.vue   |  51 ++------
 .../pages/task/TaskExecute/ModifyParams.vue   |   2 +-
 .../TabGlobalVariables/VariableEdit.vue       |  25 ++--
 frontend/desktop/src/utils/checkDataType.js   | 113 ++++++++++++++++
 14 files changed, 185 insertions(+), 207 deletions(-)

diff --git a/frontend/desktop/src/components/common/RenderForm/FormItem.vue b/frontend/desktop/src/components/common/RenderForm/FormItem.vue
index dff64bede9..9cef50a2b5 100644
--- a/frontend/desktop/src/components/common/RenderForm/FormItem.vue
+++ b/frontend/desktop/src/components/common/RenderForm/FormItem.vue
@@ -117,6 +117,7 @@
                 :hook="hook"
                 :render="render"
                 :constants="constants"
+                :scheme="scheme"
                 :atom-events="scheme.events"
                 :atom-methods="scheme.methods"
                 :value="formValue"
@@ -162,7 +163,7 @@
 <script>
     import '@/utils/i18n.js'
     import tools from '@/utils/tools.js'
-    import { checkDataType } from '@/utils/checkDataType.js'
+    import { checkDataType, getDefaultValueFormat } from '@/utils/checkDataType.js'
     import FormGroup from './FormGroup.vue'
 
     // 导入 tag 文件注册为组件
@@ -373,6 +374,10 @@
                 return { ...attrs }
             },
             getFormValue (val) {
+                // 不使用默认值
+                if (this.scheme.attrs.usedValue) {
+                    return tools.deepClone(val)
+                }
                 const valueType = checkDataType(val)
 
                 if (valueType === 'Undefined') {
@@ -388,7 +393,7 @@
                         value: ''
                     }
                 } else {
-                    defaultValueFormat = this.getDefaultValueFormat()
+                    defaultValueFormat = getDefaultValueFormat(this.scheme)
                 }
 
                 const isTypeValid = Array.isArray(defaultValueFormat.type)
@@ -404,118 +409,6 @@
 
                 return formValue
             },
-            getDefaultValueFormat () {
-                let valueFormat
-                switch (this.scheme.type) {
-                    case 'input':
-                    case 'textarea':
-                    case 'radio':
-                    case 'text':
-                    case 'datetime':
-                    case 'password':
-                    case 'memberSelector':
-                    case 'logDisplay':
-                    case 'code_editor':
-                    case 'section':
-                        valueFormat = {
-                            type: ['String', 'Number', 'Boolean'],
-                            value: ''
-                        }
-                        break
-                    case 'checkbox':
-                    case 'datatable':
-                    case 'tree':
-                    case 'upload':
-                    case 'cascader':
-                        valueFormat = {
-                            type: 'Array',
-                            value: []
-                        }
-                        break
-                    case 'select':
-                        if (this.scheme.attrs.multiple) {
-                            valueFormat = {
-                                type: 'Array',
-                                value: []
-                            }
-                        } else {
-                            valueFormat = {
-                                type: ['String', 'Number', 'Boolean'],
-                                value: ''
-                            }
-                        }
-                        break
-                    case 'time':
-                        if (this.scheme.attrs.isRange) {
-                            valueFormat = {
-                                type: 'Array',
-                                value: ['00:00:00', '23:59:59']
-                            }
-                        } else {
-                            valueFormat = {
-                                type: 'String',
-                                value: ''
-                            }
-                        }
-                        break
-                    case 'int':
-                        valueFormat = {
-                            type: 'Number',
-                            value: 0
-                        }
-                        break
-                    case 'ip_selector':
-                        valueFormat = {
-                            type: 'Object',
-                            value: {
-                                static_ip_table_config: [],
-                                selectors: [],
-                                ip: [],
-                                topo: [],
-                                group: [],
-                                filters: [],
-                                excludes: []
-                            }
-                        }
-                        break
-                    case 'set_allocation':
-                        valueFormat = {
-                            type: 'Object',
-                            value: {
-                                config: {
-                                    set_count: 1,
-                                    set_template_id: '',
-                                    host_resources: [],
-                                    module_detail: []
-                                },
-                                data: [],
-                                separator: ','
-                            }
-                        }
-                        break
-                    case 'host_allocation':
-                        valueFormat = {
-                            type: 'Object',
-                            value: {
-                                config: {
-                                    host_count: 0,
-                                    host_screen_value: '',
-                                    host_resources: [],
-                                    host_filter_detail: []
-                                },
-                                data: [],
-                                separator: ','
-                            }
-                        }
-                        break
-                    default:
-                        valueFormat = {
-                            type: 'String',
-                            value: ''
-                        }
-                }
-                return valueFormat
-            },
             isRequired () {
                 let required = false
                 if (this.option.showRequired === true && 'validation' in this.scheme.attrs) {
diff --git a/frontend/desktop/src/components/common/RenderForm/formMixins.js b/frontend/desktop/src/components/common/RenderForm/formMixins.js
index 447713197c..05d6b8d288 100644
--- a/frontend/desktop/src/components/common/RenderForm/formMixins.js
+++ b/frontend/desktop/src/components/common/RenderForm/formMixins.js
@@ -14,6 +14,10 @@ import { checkDataType } from '@/utils/checkDataType.js'
 import i18n from '@/config/i18n/index.js'
 
 export const COMMON_ATTRS = {
+    scheme: {
+        type: Object,
+        default: () => ({})
+    },
     tagCode: {
         type: String,
         required: true,
diff --git a/frontend/desktop/src/components/common/RenderForm/tags/TagDatatable.vue b/frontend/desktop/src/components/common/RenderForm/tags/TagDatatable.vue
index 1182e6a839..0ea003e782 100644
--- a/frontend/desktop/src/components/common/RenderForm/tags/TagDatatable.vue
+++ b/frontend/desktop/src/components/common/RenderForm/tags/TagDatatable.vue
@@ -51,7 +51,7 @@
                 </el-upload>
             </template>
         </div>
-        <span v-if="constants.subflow_detail_var" class="rf-view-value">{{ constants[tagCode] }}</span>
+        <span v-if="scheme.attrs.usedValue" class="rf-view-value">{{ value }}</span>
         <template v-else-if="Array.isArray(value) && !loading">
             <el-table
                 ref="tableEl"
diff --git a/frontend/desktop/src/components/common/RenderForm/tags/TagHostAllocation.vue b/frontend/desktop/src/components/common/RenderForm/tags/TagHostAllocation.vue
index 6deda7ae5c..1a5d07db49 100644
--- a/frontend/desktop/src/components/common/RenderForm/tags/TagHostAllocation.vue
+++ b/frontend/desktop/src/components/common/RenderForm/tags/TagHostAllocation.vue
@@ -11,7 +11,7 @@
 */
 <template>
     <div class="tag-host-allocation">
-        <span v-if="constants.subflow_detail_var" class="rf-view-value">{{ constants[tagCode] }}</span>
+        <span v-if="scheme.attrs.usedValue" class="rf-view-value">{{ value }}</span>
         <div class="tag-host-allocation-wrap" v-else>
             <host-allocation
                 ref="hostAllocation"
diff --git a/frontend/desktop/src/components/common/RenderForm/tags/TagIpSelector.vue b/frontend/desktop/src/components/common/RenderForm/tags/TagIpSelector.vue
index bd994b6fc5..c3468d97cb 100644
--- a/frontend/desktop/src/components/common/RenderForm/tags/TagIpSelector.vue
+++ b/frontend/desktop/src/components/common/RenderForm/tags/TagIpSelector.vue
@@ -11,7 +11,8 @@
 */
 <template>
     <div class="tag-ip-selector" v-bkloading="{ isLoading: loading, opacity: 0.8, zIndex: 100 }">
-        <div v-if="formMode && typeof ipValue === 'object'" class="tag-ip-selector-wrap">
+        <span v-if="scheme.attrs.usedValue" class="rf-view-value">{{ value }}</span>
+        <div v-else-if="typeof ipValue === 'object'" class="tag-ip-selector-wrap">
             <ip-selector
                 ref="ipSelector"
                 :editable="editable && !disabled"
@@ -25,7 +26,6 @@
                 v-model="ipValue">
             </ip-selector>
         </div>
-        <span v-else class="rf-view-value">{{ constants.subflow_detail_var ? constants[tagCode] : viewValue }}</span>
     </div>
 </template>
 <script>
@@ -140,7 +140,9 @@
             }
         },
         mounted () {
-            this.getData()
+            if (!this.scheme.attrs.usedValue) {
+                this.getData()
+            }
         },
         methods: {
             ...mapActions([
diff --git a/frontend/desktop/src/components/common/RenderForm/tags/TagMemberSelector.vue b/frontend/desktop/src/components/common/RenderForm/tags/TagMemberSelector.vue
index 0acad577e2..cd766baa2a 100644
--- a/frontend/desktop/src/components/common/RenderForm/tags/TagMemberSelector.vue
+++ b/frontend/desktop/src/components/common/RenderForm/tags/TagMemberSelector.vue
@@ -18,7 +18,7 @@
                 :placeholder="placeholder">
             </member-select>
         </div>
-        <span v-else class="rf-view-value">{{ constants.subflow_detail_var ? constants[tagCode] : viewValue }}</span>
+        <span v-else class="rf-view-value">{{ viewValue }}</span>
         <span v-show="!validateInfo.valid" class="common-error-tip error-info">{{validateInfo.message}}</span>
     </div>
 </template>
diff --git a/frontend/desktop/src/components/common/RenderForm/tags/TagSelect.vue b/frontend/desktop/src/components/common/RenderForm/tags/TagSelect.vue
index 9c7ad4b28c..30ce81f3e2 100644
--- a/frontend/desktop/src/components/common/RenderForm/tags/TagSelect.vue
+++ b/frontend/desktop/src/components/common/RenderForm/tags/TagSelect.vue
@@ -83,7 +83,7 @@
 
     export const attrs = {
         value: {
-            type: [String, Array, Boolean, Number],
+            type: [String, Array, Object, Boolean, Number],
             required: false,
             default: '',
             desc: i18n.t('下拉框的选中值，可输入 String、Boolean、Number 类型的值，若为多选请输入包含上述类型的数组格式数据')
diff --git a/frontend/desktop/src/components/common/RenderForm/tags/TagSetAllocation.vue b/frontend/desktop/src/components/common/RenderForm/tags/TagSetAllocation.vue
index 6941ada37f..7877a3329c 100644
--- a/frontend/desktop/src/components/common/RenderForm/tags/TagSetAllocation.vue
+++ b/frontend/desktop/src/components/common/RenderForm/tags/TagSetAllocation.vue
@@ -11,7 +11,7 @@
 */
 <template>
     <div class="tag-set-allocation">
-        <span v-if="constants.subflow_detail_var" class="rf-view-value">{{ constants[tagCode] }}</span>
+        <span v-if="scheme.attrs.usedValue" class="rf-view-value">{{ value }}</span>
         <div class="tag-set-allocation-wrap" v-else>
             <set-allocation
                 ref="setAllocation"
diff --git a/frontend/desktop/src/components/common/RenderForm/tags/TagTextarea.vue b/frontend/desktop/src/components/common/RenderForm/tags/TagTextarea.vue
index a61fc760f1..175f804dec 100644
--- a/frontend/desktop/src/components/common/RenderForm/tags/TagTextarea.vue
+++ b/frontend/desktop/src/components/common/RenderForm/tags/TagTextarea.vue
@@ -11,7 +11,7 @@
 */
 <template>
     <div class="tag-textarea">
-        <div class="rf-form-wrapper">
+        <div class="rf-form-wrapper" v-if="formMode">
             <div class="rf-form-wrap" :class="{ 'input-focus': input.focus, 'input-disable': isDisabled, 'text-view-mode': !formMode }">
                 <div
                     ref="input"
@@ -47,6 +47,7 @@
                 </div>
             </transition>
         </div>
+        <div v-else class="rf-view-value">{{ value || '--' }}</div>
         <span v-show="!validateInfo.valid" class="common-error-tip error-info">{{validateInfo.message}}</span>
     </div>
 </template>
@@ -59,7 +60,7 @@
 
     export const attrs = {
         value: {
-            type: String,
+            type: [String, Object],
             required: false,
             default: ''
         },
diff --git a/frontend/desktop/src/pages/task/TaskExecute/ExecuteInfo.vue b/frontend/desktop/src/pages/task/TaskExecute/ExecuteInfo.vue
index 0599e4ddfa..e35feaa7c0 100644
--- a/frontend/desktop/src/pages/task/TaskExecute/ExecuteInfo.vue
+++ b/frontend/desktop/src/pages/task/TaskExecute/ExecuteInfo.vue
@@ -228,6 +228,7 @@
     import tools from '@/utils/tools.js'
     import atomFilter from '@/utils/atomFilter.js'
     import { TASK_STATE_DICT, NODE_DICT } from '@/constants/index.js'
+    import { checkDataType, getDefaultValueFormat } from '@/utils/checkDataType.js'
     import NodeTree from './NodeTree'
     import NodeOperationFlow from './ExecuteInfo/NodeOperationFlow.vue'
     import ExecuteRecord from './ExecuteInfo/ExecuteRecord.vue'
@@ -667,7 +668,7 @@
                 }
                 let outputsInfo = []
                 const renderData = {}
-                let constants = {}
+                const constants = {}
                 let inputsInfo = inputs
                 let failInfo = ''
                 // 添加插件输出表单所需上下文
@@ -677,36 +678,32 @@
                 // 获取子流程配置详情
                 if (componentCode === 'subprocess_plugin' || this.isLegacySubProcess) {
                     const { constants } = this.isLegacySubProcess ? this.pipelineData : this.componentValue.pipeline
-                    this.renderConfig = await this.getSubflowInputsConfig(constants)
+                    const renderConfig = await this.getSubflowInputsConfig(constants)
+                    const keys = Object.keys(inputs)
+                    this.renderConfig = renderConfig.filter(item => keys.includes(item.tag_code))
                 } else if (componentCode) { // 任务节点需要加载标准插件
                     await this.getNodeConfig(componentCode, version, inputs.plugin_version)
                 }
-                if (this.isSubProcessNode) { // 新版子流程任务节点输入参数处理
-                    inputsInfo = Object.keys(inputs).reduce((acc, cur) => {
-                        const value = inputs[cur]
-                        if (cur === 'subprocess') {
-                            Object.keys(value.pipeline.constants).forEach(key => {
-                                const data = value.pipeline.constants[key]
-                                acc[key] = data.value
-                            })
-                        } else {
-                            acc[cur] = value
-                        }
-                        return acc
-                    }, {})
-                } else if (this.isLegacySubProcess) {
-                    /**
-                     * 兼容旧版本子流程节点输入数据
-                     * 获取子流程输入参数 (subflow_detail_var 标识当前为子流程节点详情)
-                     */
-                    constants = { subflow_detail_var: true, ...inputsInfo }
-                    inputsInfo = Object.values(this.pipelineData.constants).reduce((acc, cur) => {
-                        if (cur.show_type === 'show') {
-                            acc[cur.key] = cur.value
+                inputsInfo = Object.keys(inputs).reduce((acc, cur) => {
+                    const scheme = this.renderConfig.find(item => item.tag_code === cur)
+                    if (scheme) {
+                        const defaultValueFormat = getDefaultValueFormat(scheme)
+                        const valueType = checkDataType(inputs[cur])
+                        const isTypeValid = Array.isArray(defaultValueFormat.type)
+                            ? defaultValueFormat.type.indexOf(valueType) > -1
+                            : defaultValueFormat.type === valueType
+                        // 标记数据类型不同的表单项并原样展示数据
+                        if (!isTypeValid) {
+                            if ('attrs' in scheme) {
+                                scheme.attrs.usedValue = true
+                            } else {
+                                scheme.attrs = { usedValue: true }
+                            }
                         }
-                        return acc
-                    }, {})
-                }
+                    }
+                    acc[cur] = inputs[cur]
+                    return acc
+                }, {})
                 for (const key in inputsInfo) {
                     renderData[key] = inputsInfo[key]
                 }
@@ -897,7 +894,7 @@
                     if (variable.custom_type === 'select') {
                         formItemConfig.attrs.allowCreate = true
                     }
-                    formItemConfig.tag_code = key
+                    formItemConfig.tag_code = key.slice(2, -1)
                     formItemConfig.attrs.name = variable.name
                     // 自定义输入框变量正则校验添加到插件配置项
                     if (['input', 'textarea'].includes(variable.custom_type) && variable.validation !== '') {
diff --git a/frontend/desktop/src/pages/task/TaskExecute/ExecuteInfo/InputParams.vue b/frontend/desktop/src/pages/task/TaskExecute/ExecuteInfo/InputParams.vue
index 1df95a09f4..63f7354ce0 100644
--- a/frontend/desktop/src/pages/task/TaskExecute/ExecuteInfo/InputParams.vue
+++ b/frontend/desktop/src/pages/task/TaskExecute/ExecuteInfo/InputParams.vue
@@ -23,7 +23,7 @@
                         :key="renderKey"
                         :scheme="renderConfig"
                         :form-option="renderOption"
-                        :constants="inputConstants"
+                        :constants="constants"
                         v-model="inputRenderData">
                     </RenderForm>
                     <NoData v-else></NoData>
@@ -98,7 +98,6 @@
                     formMode: false
                 },
                 renderKey: null,
-                inputConstants: {},
                 inputRenderData: {},
                 isExpand: true
             }
@@ -115,39 +114,10 @@
                 },
                 immediate: true
             },
-            constants: {
-                handler (val) {
-                    const constants = tools.deepClone(val)
-                    if (constants.subflow_detail_var) {
-                        // 兼容接口返回的key值和form配置的key不同
-                        Object.keys(this.inputs).forEach(key => {
-                            if (!(key in constants) && /^\${[^${}]+}$/.test(key)) {
-                                const varKey = key.split('').slice(2, -1).join('')
-                                if (varKey in constants) {
-                                    constants[key] = constants[varKey]
-                                    this.$delete(constants, varKey)
-                                }
-                            }
-                        })
-                    }
-                    this.inputConstants = constants
-                },
-                deep: true,
-                immediate: true
-            },
             renderData: {
                 handler (val) {
                     this.renderKey = new Date().getTime()
                     const renderData = tools.deepClone(val)
-                    // 兼容form配置的key为变量的情况
-                    if (this.constants.subflow_detail_var) {
-                        Object.keys(this.renderData).forEach(key => {
-                            const value = this.renderData[key]
-                            if (/^\${[^${}]+}$/.test(value) && key in this.inputConstants) {
-                                renderData[key] = this.inputConstants[key]
-                            }
-                        })
-                    }
                     this.inputRenderData = renderData
                 },
                 deep: true,
@@ -163,14 +133,9 @@
         methods: {
             inputSwitcher () {
                 if (!this.isShowInputOrigin) {
-                    this.inputsInfo = this.constants.subflow_detail_var ? tools.deepClone(this.inputs) : JSON.parse(this.inputsInfo)
+                    this.inputsInfo = JSON.parse(this.inputsInfo)
                 } else {
-                    let info = this.inputs
-                    if (this.constants.subflow_detail_var) {
-                        info = tools.deepClone(this.constants)
-                        this.$delete(info, 'subflow_detail_var')
-                    }
-                    this.inputsInfo = JSON.stringify(info, null, 4)
+                    this.inputsInfo = JSON.stringify(this.inputs, null, 4)
                 }
             }
         }
@@ -198,7 +163,7 @@
             }
             .input-name {
                 line-height: 20px;
-                width: 40%;
+                width: 20%;
             }
         }
         /deep/.render-form {
@@ -209,7 +174,7 @@
                 width: 100% !important;
                 border-bottom: 1px solid #dcdee5;
                 label {
-                    width: 40%;
+                    width: 20%;
                     text-align: left;
                     padding-left: 13px;
                     color: #63656e;
@@ -218,7 +183,7 @@
                     }
                 }
                 >.rf-tag-form {
-                    margin-left: 40%;
+                    margin-left: 20%;
                     padding-left: 13px;
                     padding-right: 15px;
                 }
@@ -243,7 +208,7 @@
                 width: 100% !important;
                 border-bottom: 1px solid #dcdee5;
                 label {
-                    width: 40% !important;
+                    width: 20% !important;
                     text-align: left;
                     padding-left: 13px;
                     color: #63656e;
@@ -252,7 +217,7 @@
                     }
                 }
                 >.bk-form-content {
-                    margin-left: 40% !important;
+                    margin-left: 20% !important;
                     padding-left: 13px;
                     padding-right: 15px;
                 }
diff --git a/frontend/desktop/src/pages/task/TaskExecute/ModifyParams.vue b/frontend/desktop/src/pages/task/TaskExecute/ModifyParams.vue
index f990ad8553..dfb356c2b0 100644
--- a/frontend/desktop/src/pages/task/TaskExecute/ModifyParams.vue
+++ b/frontend/desktop/src/pages/task/TaskExecute/ModifyParams.vue
@@ -191,7 +191,7 @@
                     const { has_key = false, keys_in_constants_parameter = [] } = instanceData.constants_info || {}
                     Object.keys(pipelineData.constants).forEach(key => {
                         const cnt = pipelineData.constants[key]
-                        if (cnt.show_type === 'show') {
+                        if (cnt.show_type === 'show' && !cnt.pre_render_mako) {
                             if (!has_key || keys_in_constants_parameter.includes(key)) {
                                 // api调用时不做校验
                                 cnt.validation = ''
diff --git a/frontend/desktop/src/pages/template/TemplateEdit/TemplateSetting/TabGlobalVariables/VariableEdit.vue b/frontend/desktop/src/pages/template/TemplateEdit/TemplateSetting/TabGlobalVariables/VariableEdit.vue
index ab0e058a1b..4d16eb1482 100644
--- a/frontend/desktop/src/pages/template/TemplateEdit/TemplateSetting/TabGlobalVariables/VariableEdit.vue
+++ b/frontend/desktop/src/pages/template/TemplateEdit/TemplateSetting/TabGlobalVariables/VariableEdit.vue
@@ -68,7 +68,7 @@
                     <pre class="variable-type-desc" v-if="variableDesc">{{ variableDesc }}</pre>
                 </div>
                 <!-- 验证规则 -->
-                <div v-show="theEditingData.custom_type === 'input' && !isInternalVal" class="form-item clearfix">
+                <div v-show="['input', 'textarea'].includes(theEditingData.custom_type) && !isInternalVal" class="form-item clearfix">
                     <label class="form-label">{{ $t('正则校验') }}</label>
                     <div class="form-content">
                         <bk-input
@@ -277,7 +277,10 @@
                 varTypeListLoading: false,
                 varTypeList: [], // 变量类型，input、textarea、datetime 等
                 varTypeData: {},
-                inputRegexp: '', // input类型正则
+                varRegexpData: { // input，textarea类型正则
+                    input: '^.+$',
+                    textarea: '^[\\s\\S]+$'
+                },
                 atomConfigLoading: false,
                 atomTypeKey: '',
                 stringLength: STRING_LENGTH,
@@ -564,7 +567,7 @@
                 if (is_meta && source_type === 'component_inputs' && config.meta_transform) {
                     config = config.meta_transform(meta)
                 }
-                if (custom_type === 'input') {
+                if (['input', 'textarea'].includes(custom_type)) {
                     config.attrs.validation.push({
                         type: 'regex',
                         args: this.getInputDefaultValueValidation(),
@@ -628,7 +631,7 @@
 
                 // 隐藏状态下，默认值为必填项
                 // 输入框显示类型为隐藏时，按照正则规则校验，去掉必填项校验
-                if (show_type === 'show' || (show_type === 'hide' && custom_type === 'input')) {
+                if (show_type === 'show' || (show_type === 'hide' && ['input', 'textarea'].includes(custom_type))) {
                     return validateSet.slice(1)
                 } else {
                     return validateSet
@@ -649,9 +652,9 @@
                     ? { set_module_ip_selector: tools.deepClone(this.renderData['ip_selector']) }
                     : tools.deepClone(this.renderData)
                 Object.assign(this.varTypeData, valData)
-                // 将input类型正则存起来
-                if (oldValue === 'input') {
-                    this.inputRegexp = this.theEditingData.validation
+                // 将input textarea类型正则存起来
+                if (['input', 'textarea'].includes(oldValue)) {
+                    this.varRegexpData[oldValue] = this.theEditingData.validation
                 }
                 let data
                 this.varTypeList.some(group => {
@@ -667,9 +670,9 @@
                 } else {
                     this.renderData = {}
                 }
-                // input类型需要正则校验
-                if (val === 'input') {
-                    this.theEditingData.validation = this.inputRegexp || '^.+$'
+                // input textarea类型需要正则校验
+                if (['input', 'textarea'].includes(val)) {
+                    this.theEditingData.validation = this.varRegexpData[val]
                 } else {
                     this.theEditingData.validation = ''
                 }
@@ -709,7 +712,7 @@
                 const validateSet = this.getValidateSet()
                 this.$set(this.renderOption, 'validateSet', validateSet)
 
-                if (this.theEditingData.custom_type === 'input') {
+                if (['input', 'textarea'].includes(this.theEditingData.custom_type)) {
                     const config = tools.deepClone(this.renderConfig[0])
                     const regValidate = config.attrs.validation.find(item => item.type === 'regex')
                     regValidate.args = this.getInputDefaultValueValidation()
diff --git a/frontend/desktop/src/utils/checkDataType.js b/frontend/desktop/src/utils/checkDataType.js
index 271e0ae260..364bc8676c 100644
--- a/frontend/desktop/src/utils/checkDataType.js
+++ b/frontend/desktop/src/utils/checkDataType.js
@@ -13,3 +13,116 @@ export const checkDataType = (data) => {
     const typeString = Object.prototype.toString.call(data)
     return typeString.slice(8, -1)
 }
+
+export const getDefaultValueFormat = (scheme) => {
+    let valueFormat
+    switch (scheme.type) {
+        case 'input':
+        case 'textarea':
+        case 'radio':
+        case 'text':
+        case 'datetime':
+        case 'password':
+        case 'memberSelector':
+        case 'logDisplay':
+        case 'code_editor':
+        case 'section':
+            valueFormat = {
+                type: ['String', 'Number', 'Boolean'],
+                value: ''
+            }
+            break
+        case 'checkbox':
+        case 'datatable':
+        case 'tree':
+        case 'upload':
+        case 'cascader':
+            valueFormat = {
+                type: 'Array',
+                value: []
+            }
+            break
+        case 'select': // 文本值下拉框数据类型可能为对象
+            if (scheme.attrs.multiple) {
+                valueFormat = {
+                    type: ['Array', 'Object'],
+                    value: []
+                }
+            } else {
+                valueFormat = {
+                    type: ['String', 'Number', 'Boolean', 'Object'],
+                    value: ''
+                }
+            }
+            break
+        case 'time':
+            if (scheme.attrs.isRange) {
+                valueFormat = {
+                    type: 'Array',
+                    value: ['00:00:00', '23:59:59']
+                }
+            } else {
+                valueFormat = {
+                    type: 'String',
+                    value: ''
+                }
+            }
+            break
+        case 'int':
+            valueFormat = {
+                type: 'Number',
+                value: 0
+            }
+            break
+        case 'ip_selector':
+            valueFormat = {
+                type: 'Object',
+                value: {
+                    static_ip_table_config: [],
+                    selectors: [],
+                    ip: [],
+                    topo: [],
+                    group: [],
+                    filters: [],
+                    excludes: []
+                }
+            }
+            break
+        case 'set_allocation':
+            valueFormat = {
+                type: 'Object',
+                value: {
+                    config: {
+                        set_count: 1,
+                        set_template_id: '',
+                        host_resources: [],
+                        module_detail: []
+                    },
+                    data: [],
+                    separator: ','
+                }
+            }
+            break
+        case 'host_allocation':
+            valueFormat = {
+                type: 'Object',
+                value: {
+                    config: {
+                        host_count: 0,
+                        host_screen_value: '',
+                        host_resources: [],
+                        host_filter_detail: []
+                    },
+                    data: [],
+                    separator: ','
+                }
+            }
+            break
+        default:
+            valueFormat = {
+                type: 'String',
+                value: ''
+            }
+    }
+    return valueFormat
+}