@wibetter/json-editor 5.0.8 → 5.0.9

package/sdk/index.js

@@ -1,8 +1,8 @@
 /*!
- * @wibetter/json-editor v5.0.7
+ * @wibetter/json-editor v5.0.9
  * author: wibetter
  * build tool: AKFun
- * build time: Tue Dec 24 2024 14:44:56 GMT+0800 (中国标准时间)
+ * build time: Thu Dec 26 2024 13:24:07 GMT+0800 (中国标准时间)
  * build tool info: https://github.com/wibetter/akfun
  */
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -98415,37 +98415,46 @@ styles.join("\\n")
                 // 是否显示code模式，默认不显示code模式
                 viewStyle: _this.catchViewStyle(props.viewStyle), // 默认为fold（可折叠面板），可选：tabs:（tabs切换面板）
               };
+              var _ref = _this.props.schemaStore || {},
+                initJSONSchemaData = _ref.initJSONSchemaData,
+                setPageScreen = _ref.setPageScreen;
+              var _ref2 = _this.props.jsonStore || {},
+                initJSONData = _ref2.initJSONData,
+                initOnChange = _ref2.initOnChange,
+                setDynamicDataList = _ref2.setDynamicDataList,
+                setOptions = _ref2.setOptions;
+
               // 根据props.schemaData对jsonSchema进行初始化
               if (props.schemaData) {
-                _this.props.initJSONSchemaData(props.schemaData);
+                initJSONSchemaData(props.schemaData);
                 // 根据props.jsonData对jsonData进行初始化
-                _this.props.initJSONData(props.jsonData);
+                initJSONData(props.jsonData);
               } else if (props.jsonData) {
                 // schemaData为空，jsonData不为空时，尝试通过jsonData转jsonSchema
                 var jsonSchema = (0,
                 _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_7__.json2schema)(
                   props.jsonData,
                 ); // 通过json转换schema
-                _this.props.initJSONSchemaData(jsonSchema);
+                initJSONSchemaData(jsonSchema);
                 // 根据props.jsonData对jsonData进行初始化
-                _this.props.initJSONData(props.jsonData);
+                initJSONData(props.jsonData);
               }
               // 读取宽屏和小屏的配置
               if (props.wideScreen) {
-                _this.props.setPageScreen(props.wideScreen);
+                setPageScreen(props.wideScreen);
               }
               // 记录onChange事件
               if (props.onChange) {
-                _this.props.initOnChange(props.onChange);
+                initOnChange(props.onChange);
               }
 
               // 获取dynamicDataList（动态数据源）
               if (props.dynamicDataList) {
-                _this.props.setDynamicDataList(props.dynamicDataList);
+                setDynamicDataList(props.dynamicDataList);
               }
               // 配置类数据
               if (props.options) {
-                _this.props.setOptions(props.options);
+                setOptions(props.options);
               }
               return _this;
             }
@@ -98456,6 +98465,14 @@ styles.join("\\n")
             var _proto = JSONDataEditor.prototype;
             _proto.componentWillReceiveProps =
               function componentWillReceiveProps(nextProps) {
+                var _ref3 = this.props.schemaStore || {},
+                  JSONSchemaChange = _ref3.JSONSchemaChange,
+                  setPageScreen = _ref3.setPageScreen;
+                var _ref4 = this.props.jsonStore || {},
+                  initJSONData = _ref4.initJSONData,
+                  initOnChange = _ref4.initOnChange,
+                  setDynamicDataList = _ref4.setDynamicDataList,
+                  setOptions = _ref4.setOptions;
                 /** 1. 先初始化schemaData，如果jsonData和schemaData的格式不一致，则以schemaData为准 */
                 if (
                   !(0, $utils_index__WEBPACK_IMPORTED_MODULE_6__.isEqual)(
@@ -98463,7 +98480,7 @@ styles.join("\\n")
                     this.props.schemaData,
                   )
                 ) {
-                  this.props.JSONSchemaChange(nextProps.schemaData);
+                  JSONSchemaChange(nextProps.schemaData);
                 }
                 /** 2. 初始化jsonData */
                 if (
@@ -98472,7 +98489,7 @@ styles.join("\\n")
                     this.props.jsonData,
                   )
                 ) {
-                  this.props.initJSONData(nextProps.jsonData);
+                  initJSONData(nextProps.jsonData);
                 }
                 // 读取code模式配置
                 if (
@@ -98502,7 +98519,7 @@ styles.join("\\n")
                     this.props.wideScreen,
                   )
                 ) {
-                  this.props.setPageScreen(nextProps.wideScreen);
+                  setPageScreen(nextProps.wideScreen);
                 }
                 // 记录onChange事件
                 if (
@@ -98511,7 +98528,7 @@ styles.join("\\n")
                     this.props.onChange,
                   )
                 ) {
-                  this.props.initOnChange(nextProps.onChange);
+                  initOnChange(nextProps.onChange);
                 }
 
                 // 获取dynamicDataList（动态数据源）
@@ -98521,7 +98538,7 @@ styles.join("\\n")
                     this.props.dynamicDataList,
                   )
                 ) {
-                  this.props.setDynamicDataList(nextProps.dynamicDataList);
+                  setDynamicDataList(nextProps.dynamicDataList);
                 }
                 if (
                   !(0, $utils_index__WEBPACK_IMPORTED_MODULE_6__.isEqual)(
@@ -98529,18 +98546,19 @@ styles.join("\\n")
                     this.props.options,
                   )
                 ) {
-                  this.props.setOptions(nextProps.options);
+                  setOptions(nextProps.options);
                 }
               };
             _proto.render = function render() {
               var _this2 = this;
               var _this$props = this.props,
-                jsonSchema = _this$props.jsonSchema,
-                lastUpdateTime = _this$props.lastUpdateTime,
-                jsonLastUpdateTime = _this$props.jsonLastUpdateTime,
-                getJSONDataByKeyRoute = _this$props.getJSONDataByKeyRoute,
-                keyRoute2indexRoute = _this$props.keyRoute2indexRoute,
-                updateFormValueData = _this$props.updateFormValueData;
+                schemaStore = _this$props.schemaStore,
+                jsonStore = _this$props.jsonStore;
+              var _ref5 = schemaStore || {},
+                jsonSchema = _ref5.jsonSchema,
+                lastUpdateTime = _ref5.lastUpdateTime;
+              var _ref6 = jsonStore || {},
+                jsonLastUpdateTime = _ref6.lastUpdateTime;
               var _this$state = this.state,
                 jsonView = _this$state.jsonView,
                 viewStyle = _this$state.viewStyle;
@@ -98628,10 +98646,8 @@ styles.join("\\n")
                                     nodeKey: nodeKey,
                                     targetJsonSchema: currentSchemaData,
                                     isStructuredSchema: isStructured,
-                                    getJSONDataByKeyRoute:
-                                      getJSONDataByKeyRoute,
-                                    keyRoute2indexRoute: keyRoute2indexRoute,
-                                    updateFormValueData: updateFormValueData,
+                                    schemaStore: schemaStore,
+                                    jsonStore: jsonStore,
                                   }),
                                 );
                               }
@@ -98692,10 +98708,8 @@ styles.join("\\n")
                                     nodeKey: nodeKey,
                                     targetJsonSchema: currentSchemaData,
                                     isStructuredSchema: isStructured,
-                                    getJSONDataByKeyRoute:
-                                      getJSONDataByKeyRoute,
-                                    keyRoute2indexRoute: keyRoute2indexRoute,
-                                    updateFormValueData: updateFormValueData,
+                                    schemaStore: schemaStore,
+                                    jsonStore: jsonStore,
                                   }),
                                 );
                               }
@@ -98717,9 +98731,8 @@ styles.join("\\n")
                           keyRoute: '',
                           nodeKey: '',
                           targetJsonSchema: jsonSchema,
-                          getJSONDataByKeyRoute: getJSONDataByKeyRoute,
-                          keyRoute2indexRoute: keyRoute2indexRoute,
-                          updateFormValueData: updateFormValueData,
+                          schemaStore: schemaStore,
+                          jsonStore: jsonStore,
                         }),
                       ),
                   ),
@@ -98754,20 +98767,8 @@ styles.join("\\n")
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_10__.inject)(function (stores) {
             return {
-              jsonSchema: stores.JSONSchemaStore.jsonSchema,
-              lastUpdateTime: stores.JSONSchemaStore.lastUpdateTime,
-              jsonLastUpdateTime: stores.JSONEditorStore.lastUpdateTime,
-              initJSONSchemaData: stores.JSONSchemaStore.initJSONSchemaData,
-              JSONSchemaChange: stores.JSONSchemaStore.JSONSchemaChange,
-              initJSONData: stores.JSONEditorStore.initJSONData,
-              initOnChange: stores.JSONEditorStore.initOnChange,
-              getJSONDataByKeyRoute:
-                stores.JSONEditorStore.getJSONDataByKeyRoute,
-              keyRoute2indexRoute: stores.JSONSchemaStore.keyRoute2indexRoute,
-              setDynamicDataList: stores.JSONEditorStore.setDynamicDataList,
-              setOptions: stores.JSONEditorStore.setOptions,
-              setPageScreen: stores.JSONSchemaStore.setPageScreen,
-              updateFormValueData: stores.JSONEditorStore.updateFormValueData,
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })(
             (0, mobx_react__WEBPACK_IMPORTED_MODULE_10__.observer)(
@@ -98799,155 +98800,165 @@ styles.join("\\n")
             /*#__PURE__*/ __webpack_require__.n(
               react__WEBPACK_IMPORTED_MODULE_1__,
             );
-          /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ =
-            __webpack_require__(/*! ../utils */ './src/utils/index.js');
-          /* harmony import */ var $renderers_ArraySchema_index__WEBPACK_IMPORTED_MODULE_3__ =
+          /* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_2__ =
+            __webpack_require__(
+              /*! @wibetter/json-utils */ '../json-utils/dist/index.esm.js',
+            );
+          /* harmony import */ var $utils_index__WEBPACK_IMPORTED_MODULE_3__ =
+            __webpack_require__(/*! $utils/index */ './src/utils/index.js');
+          /* harmony import */ var $renderers_ArraySchema_index__WEBPACK_IMPORTED_MODULE_4__ =
             __webpack_require__(
               /*! $renderers/ArraySchema/index */ './src/renderers/ArraySchema/index.js',
             );
-          /* harmony import */ var $renderers_ObjectSchema_index__WEBPACK_IMPORTED_MODULE_4__ =
+          /* harmony import */ var $renderers_ObjectSchema_index__WEBPACK_IMPORTED_MODULE_5__ =
             __webpack_require__(
               /*! $renderers/ObjectSchema/index */ './src/renderers/ObjectSchema/index.js',
             );
-          /* harmony import */ var $renderers_DataSourceSchema_index__WEBPACK_IMPORTED_MODULE_5__ =
+          /* harmony import */ var $renderers_DataSourceSchema_index__WEBPACK_IMPORTED_MODULE_6__ =
             __webpack_require__(
               /*! $renderers/DataSourceSchema/index */ './src/renderers/DataSourceSchema/index.js',
             );
-          /* harmony import */ var $renderers_DynamicDataSchema_index__WEBPACK_IMPORTED_MODULE_6__ =
+          /* harmony import */ var $renderers_DynamicDataSchema_index__WEBPACK_IMPORTED_MODULE_7__ =
             __webpack_require__(
               /*! $renderers/DynamicDataSchema/index */ './src/renderers/DynamicDataSchema/index.js',
             );
-          /* harmony import */ var $renderers_EventSchema_index__WEBPACK_IMPORTED_MODULE_7__ =
+          /* harmony import */ var $renderers_EventSchema_index__WEBPACK_IMPORTED_MODULE_8__ =
             __webpack_require__(
               /*! $renderers/EventSchema/index */ './src/renderers/EventSchema/index.js',
             );
-          /* harmony import */ var $renderers_QuantitySchema_index__WEBPACK_IMPORTED_MODULE_8__ =
+          /* harmony import */ var $renderers_QuantitySchema_index__WEBPACK_IMPORTED_MODULE_9__ =
             __webpack_require__(
               /*! $renderers/QuantitySchema/index */ './src/renderers/QuantitySchema/index.js',
             );
-          /* harmony import */ var $renderers_BoxStyleSchema_index__WEBPACK_IMPORTED_MODULE_9__ =
+          /* harmony import */ var $renderers_BoxStyleSchema_index__WEBPACK_IMPORTED_MODULE_10__ =
             __webpack_require__(
               /*! $renderers/BoxStyleSchema/index */ './src/renderers/BoxStyleSchema/index.js',
             );
-          /* harmony import */ var $renderers_RadioSchema_index__WEBPACK_IMPORTED_MODULE_10__ =
+          /* harmony import */ var $renderers_RadioSchema_index__WEBPACK_IMPORTED_MODULE_11__ =
             __webpack_require__(
               /*! $renderers/RadioSchema/index */ './src/renderers/RadioSchema/index.js',
             );
-          /* harmony import */ var $renderers_CheckboxSchema_index__WEBPACK_IMPORTED_MODULE_11__ =
+          /* harmony import */ var $renderers_CheckboxSchema_index__WEBPACK_IMPORTED_MODULE_12__ =
             __webpack_require__(
               /*! $renderers/CheckboxSchema/index */ './src/renderers/CheckboxSchema/index.js',
             );
-          /* harmony import */ var $renderers_InputFormSchema_index__WEBPACK_IMPORTED_MODULE_12__ =
+          /* harmony import */ var $renderers_InputFormSchema_index__WEBPACK_IMPORTED_MODULE_13__ =
             __webpack_require__(
               /*! $renderers/InputFormSchema/index */ './src/renderers/InputFormSchema/index.js',
             );
-          /* harmony import */ var $renderers_TextAreaFormSchema_index__WEBPACK_IMPORTED_MODULE_13__ =
+          /* harmony import */ var $renderers_TextAreaFormSchema_index__WEBPACK_IMPORTED_MODULE_14__ =
             __webpack_require__(
               /*! $renderers/TextAreaFormSchema/index */ './src/renderers/TextAreaFormSchema/index.js',
             );
-          /* harmony import */ var $renderers_TextEditorSchema_index__WEBPACK_IMPORTED_MODULE_14__ =
+          /* harmony import */ var $renderers_TextEditorSchema_index__WEBPACK_IMPORTED_MODULE_15__ =
             __webpack_require__(
               /*! $renderers/TextEditorSchema/index */ './src/renderers/TextEditorSchema/index.js',
             );
-          /* harmony import */ var $renderers_NumberFormSchema_index__WEBPACK_IMPORTED_MODULE_15__ =
+          /* harmony import */ var $renderers_NumberFormSchema_index__WEBPACK_IMPORTED_MODULE_16__ =
             __webpack_require__(
               /*! $renderers/NumberFormSchema/index */ './src/renderers/NumberFormSchema/index.js',
             );
-          /* harmony import */ var $renderers_BooleanFormSchema_index__WEBPACK_IMPORTED_MODULE_16__ =
+          /* harmony import */ var $renderers_BooleanFormSchema_index__WEBPACK_IMPORTED_MODULE_17__ =
             __webpack_require__(
               /*! $renderers/BooleanFormSchema/index */ './src/renderers/BooleanFormSchema/index.js',
             );
-          /* harmony import */ var $renderers_DateTimeFormSchema_index__WEBPACK_IMPORTED_MODULE_17__ =
+          /* harmony import */ var $renderers_DateTimeFormSchema_index__WEBPACK_IMPORTED_MODULE_18__ =
             __webpack_require__(
               /*! $renderers/DateTimeFormSchema/index */ './src/renderers/DateTimeFormSchema/index.js',
             );
-          /* harmony import */ var $renderers_TimeFormSchema_index__WEBPACK_IMPORTED_MODULE_18__ =
+          /* harmony import */ var $renderers_TimeFormSchema_index__WEBPACK_IMPORTED_MODULE_19__ =
             __webpack_require__(
               /*! $renderers/TimeFormSchema/index */ './src/renderers/TimeFormSchema/index.js',
             );
-          /* harmony import */ var $renderers_URLFormSchema_index__WEBPACK_IMPORTED_MODULE_19__ =
+          /* harmony import */ var $renderers_URLFormSchema_index__WEBPACK_IMPORTED_MODULE_20__ =
             __webpack_require__(
               /*! $renderers/URLFormSchema/index */ './src/renderers/URLFormSchema/index.js',
             );
-          /* harmony import */ var $renderers_ColorFormSchemaV3_index__WEBPACK_IMPORTED_MODULE_20__ =
+          /* harmony import */ var $renderers_ColorFormSchemaV3_index__WEBPACK_IMPORTED_MODULE_21__ =
             __webpack_require__(
               /*! $renderers/ColorFormSchemaV3/index */ './src/renderers/ColorFormSchemaV3/index.js',
             );
-          /* harmony import */ var $renderers_JsonFormSchema_index__WEBPACK_IMPORTED_MODULE_21__ =
+          /* harmony import */ var $renderers_JsonFormSchema_index__WEBPACK_IMPORTED_MODULE_22__ =
             __webpack_require__(
               /*! $renderers/JsonFormSchema/index */ './src/renderers/JsonFormSchema/index.js',
             );
-          /* harmony import */ var $renderers_CodeAreaFormSchema_index__WEBPACK_IMPORTED_MODULE_22__ =
+          /* harmony import */ var $renderers_CodeAreaFormSchema_index__WEBPACK_IMPORTED_MODULE_23__ =
             __webpack_require__(
               /*! $renderers/CodeAreaFormSchema/index */ './src/renderers/CodeAreaFormSchema/index.js',
             );
-          /* harmony import */ var $renderers_HtmlAreaFormSchema_index__WEBPACK_IMPORTED_MODULE_23__ =
+          /* harmony import */ var $renderers_HtmlAreaFormSchema_index__WEBPACK_IMPORTED_MODULE_24__ =
             __webpack_require__(
               /*! $renderers/HtmlAreaFormSchema/index */ './src/renderers/HtmlAreaFormSchema/index.js',
             );
-          /* harmony import */ var $renderers_SelectSchema_index__WEBPACK_IMPORTED_MODULE_24__ =
+          /* harmony import */ var $renderers_SelectSchema_index__WEBPACK_IMPORTED_MODULE_25__ =
             __webpack_require__(
               /*! $renderers/SelectSchema/index */ './src/renderers/SelectSchema/index.js',
             );
-          /* harmony import */ var $renderers_InputImageSchema_index__WEBPACK_IMPORTED_MODULE_25__ =
+          /* harmony import */ var $renderers_InputImageSchema_index__WEBPACK_IMPORTED_MODULE_26__ =
             __webpack_require__(
               /*! $renderers/InputImageSchema/index */ './src/renderers/InputImageSchema/index.js',
             );
-          /* harmony import */ var $renderers_DynamicConfigSchema_index__WEBPACK_IMPORTED_MODULE_26__ =
+          /* harmony import */ var $renderers_DynamicConfigSchema_index__WEBPACK_IMPORTED_MODULE_27__ =
             __webpack_require__(
               /*! $renderers/DynamicConfigSchema/index */ './src/renderers/DynamicConfigSchema/index.js',
             );
-          /* harmony import */ var $renderers_SohuDataSourceSchema_index__WEBPACK_IMPORTED_MODULE_27__ =
+          /* harmony import */ var $renderers_SohuDataSourceSchema_index__WEBPACK_IMPORTED_MODULE_28__ =
             __webpack_require__(
               /*! $renderers/SohuDataSourceSchema/index */ './src/renderers/SohuDataSourceSchema/index.js',
             );
-          /* harmony import */ var $renderers_SohuEventSchema_index__WEBPACK_IMPORTED_MODULE_28__ =
+          /* harmony import */ var $renderers_SohuEventSchema_index__WEBPACK_IMPORTED_MODULE_29__ =
             __webpack_require__(
               /*! $renderers/SohuEventSchema/index */ './src/renderers/SohuEventSchema/index.js',
             );
 
+          // import {omit} from 'lodash';
+
           /** 根据当前类型选择对应的组件进行渲染 */
           var MappingRender = function MappingRender(props) {
+            var _ref = props.schemaStore || {},
+              getSchemaByKeyRoute = _ref.getSchemaByKeyRoute;
+            var _ref2 = props.jsonStore || {},
+              getJSONDataByKeyRoute = _ref2.getJSONDataByKeyRoute;
             var nodeKey = props.nodeKey,
               jsonKey = props.jsonKey,
               keyRoute = props.keyRoute,
-              targetJsonSchema = props.targetJsonSchema,
-              getJSONDataByKeyRoute = props.getJSONDataByKeyRoute,
-              keyRoute2indexRoute = props.keyRoute2indexRoute,
-              updateFormValueData = props.updateFormValueData;
+              targetJsonSchema = props.targetJsonSchema;
             var curType = targetJsonSchema.type;
-
-            // 获取当前字段的条件规则
-            var hiddenRule = {};
-            if (targetJsonSchema.hiddenRule) {
-              hiddenRule = targetJsonSchema.hiddenRule;
-            }
-            var curConditionValue = '';
             var curNodeKey = nodeKey;
 
-            // 隐藏条件成立则直接返回
+            // 支持显隐属性表达式
+            var parentKeyRoute = (0,
+            _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_2__.getParentKeyRoute)(
+              keyRoute,
+            );
+            var parentData = getJSONDataByKeyRoute(parentKeyRoute) || {}; // 获取当前父级数据域
             if (
-              hiddenRule.conditionProp &&
-              (0, _utils__WEBPACK_IMPORTED_MODULE_2__.hasProperties)(
-                hiddenRule.conditionValue,
-              )
+              ((0, _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_2__.isBoolean)(
+                targetJsonSchema.onShow,
+              ) &&
+                !targetJsonSchema.onShow) ||
+              ((0, _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_2__.isString)(
+                targetJsonSchema.onShow,
+              ) &&
+                !(0,
+                _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_2__.expressionOn)(
+                  targetJsonSchema.onShow,
+                  parentData,
+                ))
             ) {
-              var curConditionProp = hiddenRule.conditionProp;
-              var needConditionValue = hiddenRule.conditionValue; // 条件字段成立的条件值
-              var curConditionKeyRoute = curConditionProp.keyRoute; // 条件字段的key值
-
-              // 获取条件字段的数值
-              curConditionValue = getJSONDataByKeyRoute(curConditionKeyRoute);
-              if (needConditionValue === curConditionValue) {
-                if (targetJsonSchema.clearValueOnHidden) {
-                  // 删除掉隐藏的表单项数值
-                  updateFormValueData(keyRoute, undefined);
-                }
-                return;
-              }
+              return;
             }
-            // 将条件字段的数值作为key的一部分
-            curNodeKey = nodeKey + '-' + curConditionValue;
+
+            // 收集当前所有条件子字段
+            /*
+  const curData = getJSONDataByKeyRoute(keyRoute) || {};
+  const curConditionValue = schema2conditionValue(targetJsonSchema, curData);
+  // 将条件字段的数值作为key的一部分
+  if (curConditionValue) {
+    curNodeKey = `${nodeKey}-${curConditionValue}`;
+  }
+  */
+
             var newProps = (0,
             _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[
               'default'
@@ -98957,329 +98968,194 @@ styles.join("\\n")
             switch (curType) {
               case 'object':
                 return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                  $renderers_ObjectSchema_index__WEBPACK_IMPORTED_MODULE_4__[
+                  $renderers_ObjectSchema_index__WEBPACK_IMPORTED_MODULE_5__[
                     'default'
                   ],
-                  (0,
-                  _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[
-                    'default'
-                  ])({}, newProps, {
-                    key: curNodeKey,
-                  }),
+                  newProps,
                 );
               case 'dynamic-config':
                 return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                  $renderers_DynamicConfigSchema_index__WEBPACK_IMPORTED_MODULE_26__[
+                  $renderers_DynamicConfigSchema_index__WEBPACK_IMPORTED_MODULE_27__[
                     'default'
                   ],
-                  (0,
-                  _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[
-                    'default'
-                  ])({}, newProps, {
-                    key: curNodeKey,
-                  }),
+                  newProps,
                 );
               case 'sohu-source':
                 return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                  $renderers_SohuDataSourceSchema_index__WEBPACK_IMPORTED_MODULE_27__[
+                  $renderers_SohuDataSourceSchema_index__WEBPACK_IMPORTED_MODULE_28__[
                     'default'
                   ],
-                  (0,
-                  _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[
-                    'default'
-                  ])({}, newProps, {
-                    key: curNodeKey,
-                  }),
+                  newProps,
                 );
               case 'sohu-event':
                 return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                  $renderers_SohuEventSchema_index__WEBPACK_IMPORTED_MODULE_28__[
+                  $renderers_SohuEventSchema_index__WEBPACK_IMPORTED_MODULE_29__[
                     'default'
                   ],
-                  (0,
-                  _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[
-                    'default'
-                  ])({}, newProps, {
-                    key: curNodeKey,
-                  }),
+                  newProps,
                 );
               case 'array':
                 return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                  $renderers_ArraySchema_index__WEBPACK_IMPORTED_MODULE_3__[
+                  $renderers_ArraySchema_index__WEBPACK_IMPORTED_MODULE_4__[
                     'default'
                   ],
-                  (0,
-                  _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[
-                    'default'
-                  ])({}, newProps, {
-                    key: curNodeKey,
-                  }),
+                  newProps,
                 );
               case 'dynamic-data':
                 return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                  $renderers_DynamicDataSchema_index__WEBPACK_IMPORTED_MODULE_6__[
+                  $renderers_DynamicDataSchema_index__WEBPACK_IMPORTED_MODULE_7__[
                     'default'
                   ],
-                  (0,
-                  _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[
-                    'default'
-                  ])({}, newProps, {
-                    key: curNodeKey,
-                  }),
+                  newProps,
                 );
               case 'datasource':
                 return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                  $renderers_DataSourceSchema_index__WEBPACK_IMPORTED_MODULE_5__[
+                  $renderers_DataSourceSchema_index__WEBPACK_IMPORTED_MODULE_6__[
                     'default'
                   ],
-                  (0,
-                  _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[
-                    'default'
-                  ])({}, newProps, {
-                    key: curNodeKey,
-                  }),
+                  newProps,
                 );
               case 'event':
                 return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                  $renderers_EventSchema_index__WEBPACK_IMPORTED_MODULE_7__[
+                  $renderers_EventSchema_index__WEBPACK_IMPORTED_MODULE_8__[
                     'default'
                   ],
-                  (0,
-                  _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[
-                    'default'
-                  ])({}, newProps, {
-                    key: curNodeKey,
-                  }),
+                  newProps,
                 );
               case 'quantity':
                 return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                  $renderers_QuantitySchema_index__WEBPACK_IMPORTED_MODULE_8__[
+                  $renderers_QuantitySchema_index__WEBPACK_IMPORTED_MODULE_9__[
                     'default'
                   ],
-                  (0,
-                  _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[
-                    'default'
-                  ])({}, newProps, {
-                    key: curNodeKey,
-                  }),
+                  newProps,
                 );
               case 'box-style':
                 return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                  $renderers_BoxStyleSchema_index__WEBPACK_IMPORTED_MODULE_9__[
+                  $renderers_BoxStyleSchema_index__WEBPACK_IMPORTED_MODULE_10__[
                     'default'
                   ],
-                  (0,
-                  _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[
-                    'default'
-                  ])({}, newProps, {
-                    key: curNodeKey,
-                  }),
+                  newProps,
                 );
               case 'radio':
                 return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                  $renderers_RadioSchema_index__WEBPACK_IMPORTED_MODULE_10__[
+                  $renderers_RadioSchema_index__WEBPACK_IMPORTED_MODULE_11__[
                     'default'
                   ],
-                  (0,
-                  _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[
-                    'default'
-                  ])({}, newProps, {
-                    key: curNodeKey,
-                  }),
+                  newProps,
                 );
               case 'select':
                 return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                  $renderers_SelectSchema_index__WEBPACK_IMPORTED_MODULE_24__[
+                  $renderers_SelectSchema_index__WEBPACK_IMPORTED_MODULE_25__[
                     'default'
                   ],
-                  (0,
-                  _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[
-                    'default'
-                  ])({}, newProps, {
-                    key: curNodeKey,
-                  }),
+                  newProps,
                 );
               case 'checkboxes':
                 // 多选
                 return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                  $renderers_CheckboxSchema_index__WEBPACK_IMPORTED_MODULE_11__[
+                  $renderers_CheckboxSchema_index__WEBPACK_IMPORTED_MODULE_12__[
                     'default'
                   ],
-                  (0,
-                  _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[
-                    'default'
-                  ])({}, newProps, {
-                    key: curNodeKey,
-                  }),
+                  newProps,
                 );
               case 'input':
                 return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                  $renderers_InputFormSchema_index__WEBPACK_IMPORTED_MODULE_12__[
+                  $renderers_InputFormSchema_index__WEBPACK_IMPORTED_MODULE_13__[
                     'default'
                   ],
-                  (0,
-                  _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[
-                    'default'
-                  ])({}, newProps, {
-                    key: curNodeKey,
-                  }),
+                  newProps,
                 );
               case 'textarea':
                 return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                  $renderers_TextAreaFormSchema_index__WEBPACK_IMPORTED_MODULE_13__[
+                  $renderers_TextAreaFormSchema_index__WEBPACK_IMPORTED_MODULE_14__[
                     'default'
                   ],
-                  (0,
-                  _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[
-                    'default'
-                  ])({}, newProps, {
-                    key: curNodeKey,
-                  }),
+                  newProps,
                 );
               case 'text-editor':
                 return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                  $renderers_TextEditorSchema_index__WEBPACK_IMPORTED_MODULE_14__[
+                  $renderers_TextEditorSchema_index__WEBPACK_IMPORTED_MODULE_15__[
                     'default'
                   ],
-                  (0,
-                  _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[
-                    'default'
-                  ])({}, newProps, {
-                    key: curNodeKey,
-                  }),
+                  newProps,
                 );
               case 'number':
                 return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                  $renderers_NumberFormSchema_index__WEBPACK_IMPORTED_MODULE_15__[
+                  $renderers_NumberFormSchema_index__WEBPACK_IMPORTED_MODULE_16__[
                     'default'
                   ],
-                  (0,
-                  _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[
-                    'default'
-                  ])({}, newProps, {
-                    key: curNodeKey,
-                  }),
+                  newProps,
                 );
               case 'boolean':
                 return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                  $renderers_BooleanFormSchema_index__WEBPACK_IMPORTED_MODULE_16__[
+                  $renderers_BooleanFormSchema_index__WEBPACK_IMPORTED_MODULE_17__[
                     'default'
                   ],
-                  (0,
-                  _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[
-                    'default'
-                  ])({}, newProps, {
-                    key: curNodeKey,
-                  }),
+                  newProps,
                 );
               case 'date':
               case 'date-time':
                 return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                  $renderers_DateTimeFormSchema_index__WEBPACK_IMPORTED_MODULE_17__[
+                  $renderers_DateTimeFormSchema_index__WEBPACK_IMPORTED_MODULE_18__[
                     'default'
                   ],
-                  (0,
-                  _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[
-                    'default'
-                  ])({}, newProps, {
-                    key: curNodeKey,
-                  }),
+                  newProps,
                 );
               case 'time':
                 return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                  $renderers_TimeFormSchema_index__WEBPACK_IMPORTED_MODULE_18__[
+                  $renderers_TimeFormSchema_index__WEBPACK_IMPORTED_MODULE_19__[
                     'default'
                   ],
-                  (0,
-                  _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[
-                    'default'
-                  ])({}, newProps, {
-                    key: curNodeKey,
-                  }),
+                  newProps,
                 );
               case 'url':
                 return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                  $renderers_URLFormSchema_index__WEBPACK_IMPORTED_MODULE_19__[
+                  $renderers_URLFormSchema_index__WEBPACK_IMPORTED_MODULE_20__[
                     'default'
                   ],
-                  (0,
-                  _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[
-                    'default'
-                  ])({}, newProps, {
-                    key: curNodeKey,
-                  }),
+                  newProps,
                 );
               case 'color':
                 return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                  $renderers_ColorFormSchemaV3_index__WEBPACK_IMPORTED_MODULE_20__[
+                  $renderers_ColorFormSchemaV3_index__WEBPACK_IMPORTED_MODULE_21__[
                     'default'
                   ],
-                  (0,
-                  _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[
-                    'default'
-                  ])({}, newProps, {
-                    key: curNodeKey,
-                  }),
+                  newProps,
                 );
               case 'input-image':
                 return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                  $renderers_InputImageSchema_index__WEBPACK_IMPORTED_MODULE_25__[
+                  $renderers_InputImageSchema_index__WEBPACK_IMPORTED_MODULE_26__[
                     'default'
                   ],
-                  (0,
-                  _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[
-                    'default'
-                  ])({}, newProps, {
-                    key: curNodeKey,
-                  }),
+                  newProps,
                 );
               case 'json':
                 return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                  $renderers_JsonFormSchema_index__WEBPACK_IMPORTED_MODULE_21__[
+                  $renderers_JsonFormSchema_index__WEBPACK_IMPORTED_MODULE_22__[
                     'default'
                   ],
-                  (0,
-                  _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[
-                    'default'
-                  ])({}, newProps, {
-                    key: curNodeKey,
-                  }),
+                  newProps,
                 );
               case 'codearea':
                 return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                  $renderers_CodeAreaFormSchema_index__WEBPACK_IMPORTED_MODULE_22__[
+                  $renderers_CodeAreaFormSchema_index__WEBPACK_IMPORTED_MODULE_23__[
                     'default'
                   ],
-                  (0,
-                  _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[
-                    'default'
-                  ])({}, newProps, {
-                    key: curNodeKey,
-                  }),
+                  newProps,
                 );
               case 'htmlarea':
                 return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                  $renderers_HtmlAreaFormSchema_index__WEBPACK_IMPORTED_MODULE_23__[
+                  $renderers_HtmlAreaFormSchema_index__WEBPACK_IMPORTED_MODULE_24__[
                     'default'
                   ],
-                  (0,
-                  _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[
-                    'default'
-                  ])({}, newProps, {
-                    key: curNodeKey,
-                  }),
+                  newProps,
                 );
               default:
                 return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                  $renderers_InputFormSchema_index__WEBPACK_IMPORTED_MODULE_12__[
+                  $renderers_InputFormSchema_index__WEBPACK_IMPORTED_MODULE_13__[
                     'default'
                   ],
-                  (0,
-                  _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[
-                    'default'
-                  ])({}, newProps, {
-                    key: curNodeKey,
-                  }),
+                  newProps,
                 );
             }
           };
@@ -99315,11 +99191,11 @@ styles.join("\\n")
            * getJSONDataByKeyRoute、getInitJsonDataByKeyRoute
            * */
           function catchJsonDataByWebCache(curKeyRoute) {
-            var _this$props = this.props,
-              targetJsonSchema = _this$props.targetJsonSchema,
-              getJSONDataByKeyRoute = _this$props.getJSONDataByKeyRoute,
-              getInitJsonDataByKeyRoute = _this$props.getInitJsonDataByKeyRoute,
-              updateFormValueData = _this$props.updateFormValueData;
+            var targetJsonSchema = this.props.targetJsonSchema;
+            var _ref = this.props.jsonStore || {},
+              getJSONDataByKeyRoute = _ref.getJSONDataByKeyRoute,
+              getInitJsonDataByKeyRoute = _ref.getInitJsonDataByKeyRoute,
+              updateFormValueData = _ref.updateFormValueData;
             var curType = targetJsonSchema.type;
             var keyRoute = curKeyRoute || this.props.keyRoute;
             var backUpKeyRoute = (0,
@@ -99462,6 +99338,8 @@ styles.join("\\n")
               _this = _React$PureComponent.call(this, props) || this;
               /** 添加数组项 */
               _this.addArrayItem = function (keyRoute, curArr, curArrIndex) {
+                var _ref = _this.props.jsonStore || {},
+                  addArrayItem = _ref.addArrayItem;
                 var maximumChild =
                   _this.props.targetJsonSchema['maximum-child'];
                 if (curArr && maximumChild && curArr.length >= maximumChild) {
@@ -99471,11 +99349,13 @@ styles.join("\\n")
                       '\u4E2A\u5B50\u9879',
                   );
                 } else {
-                  _this.props.addArrayItem(keyRoute, curArrIndex);
+                  addArrayItem(keyRoute, curArrIndex);
                 }
               };
               /** 删除数组项 */
               _this.deleteArrItem = function (keyRoute, arrIndex, curArr) {
+                var _ref2 = _this.props.jsonStore || {},
+                  deleteArrayIndex = _ref2.deleteArrayIndex;
                 var minimumChild =
                   _this.props.targetJsonSchema['minimum-child'];
                 if (curArr && minimumChild && curArr.length <= minimumChild) {
@@ -99485,7 +99365,7 @@ styles.join("\\n")
                       '\u4E2A\u5B50\u9879',
                   );
                 } else {
-                  _this.props.deleteArrayIndex(keyRoute, arrIndex);
+                  deleteArrayIndex(keyRoute, arrIndex);
                 }
               };
               /**
@@ -99598,15 +99478,20 @@ styles.join("\\n")
               var _targetJsonSchema$sho,
                 _this2 = this;
               var _this$props = this.props,
-                keyRoute = _this$props.keyRoute,
-                jsonKey = _this$props.jsonKey,
-                nodeKey = _this$props.nodeKey,
-                pageScreen = _this$props.pageScreen,
-                indexRoute = _this$props.indexRoute,
-                targetJsonSchema = _this$props.targetJsonSchema,
-                getJSONDataByKeyRoute = _this$props.getJSONDataByKeyRoute,
-                keyRoute2indexRoute = _this$props.keyRoute2indexRoute,
-                updateFormValueData = _this$props.updateFormValueData;
+                schemaStore = _this$props.schemaStore,
+                jsonStore = _this$props.jsonStore;
+              var _ref3 = schemaStore || {},
+                pageScreen = _ref3.pageScreen;
+              var _ref4 = jsonStore || {},
+                getJSONDataByKeyRoute = _ref4.getJSONDataByKeyRoute,
+                sortArrayItem = _ref4.sortArrayItem,
+                triggerChange = _ref4.triggerChange;
+              var _this$props2 = this.props,
+                keyRoute = _this$props2.keyRoute,
+                jsonKey = _this$props2.jsonKey,
+                nodeKey = _this$props2.nodeKey,
+                indexRoute = _this$props2.indexRoute,
+                targetJsonSchema = _this$props2.targetJsonSchema;
               var _this$state = this.state,
                 jsonView = _this$state.jsonView,
                 isClosed = _this$state.isClosed,
@@ -99630,7 +99515,7 @@ styles.join("\\n")
                     pageScreen === 'wideScreen'
                       ? 'wide-screen-element-warp'
                       : 'mobile-screen-element-warp',
-                  key: nodeKey,
+                  key: nodeKey + '-' + triggerChange,
                   id: nodeKey,
                 },
                 /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1__.createElement(
@@ -99943,11 +99828,7 @@ styles.join("\\n")
                                     {
                                       className: 'array-operate-btn',
                                       onClick: function onClick(event) {
-                                        _this2.props.sortArrayItem(
-                                          keyRoute,
-                                          arrIndex,
-                                          'up',
-                                        );
+                                        sortArrayItem(keyRoute, arrIndex, 'up');
                                         event.preventDefault();
                                         event.stopPropagation();
                                       },
@@ -99967,7 +99848,7 @@ styles.join("\\n")
                                     {
                                       className: 'array-operate-btn',
                                       onClick: function onClick(event) {
-                                        _this2.props.sortArrayItem(
+                                        sortArrayItem(
                                           keyRoute,
                                           arrIndex,
                                           'down',
@@ -100004,9 +99885,8 @@ styles.join("\\n")
                                 targetJsonSchema: arrayItemsDataObj,
                                 isArrayItem: true,
                                 arrIndex: arrIndex,
-                                getJSONDataByKeyRoute: getJSONDataByKeyRoute,
-                                keyRoute2indexRoute: keyRoute2indexRoute,
-                                updateFormValueData: updateFormValueData,
+                                schemaStore: schemaStore,
+                                jsonStore: jsonStore,
                               },
                             ),
                           ),
@@ -100039,17 +99919,8 @@ styles.join("\\n")
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_20__.inject)(function (stores) {
             return {
-              triggerChange: stores.JSONEditorStore.triggerChange,
-              pageScreen: stores.JSONSchemaStore.pageScreen,
-              indexRoute2keyRoute: stores.JSONSchemaStore.indexRoute2keyRoute,
-              getJSONDataByKeyRoute:
-                stores.JSONEditorStore.getJSONDataByKeyRoute,
-              getInitJsonDataByKeyRoute:
-                stores.JSONEditorStore.getInitJsonDataByKeyRoute,
-              updateFormValueData: stores.JSONEditorStore.updateFormValueData,
-              deleteArrayIndex: stores.JSONEditorStore.deleteArrayIndex,
-              addArrayItem: stores.JSONEditorStore.addArrayItem,
-              sortArrayItem: stores.JSONEditorStore.sortArrayItem,
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })(
             (0, mobx_react__WEBPACK_IMPORTED_MODULE_20__.observer)(ArraySchema),
@@ -100119,7 +99990,9 @@ styles.join("\\n")
               _this.handleValueChange = function (checked) {
                 var _this$props = _this.props,
                   keyRoute = _this$props.keyRoute,
-                  updateFormValueData = _this$props.updateFormValueData;
+                  jsonStore = _this$props.jsonStore;
+                var _ref = jsonStore || {},
+                  updateFormValueData = _ref.updateFormValueData;
                 updateFormValueData(keyRoute, checked); // 更新数值
               };
               _this.handleValueChange = _this.handleValueChange.bind(_this);
@@ -100148,12 +100021,17 @@ styles.join("\\n")
               };
             _proto.render = function render() {
               var _this$props2 = this.props,
-                keyRoute = _this$props2.keyRoute,
-                jsonKey = _this$props2.jsonKey,
-                nodeKey = _this$props2.nodeKey,
-                targetJsonSchema = _this$props2.targetJsonSchema,
-                pageScreen = _this$props2.pageScreen,
-                getJSONDataByKeyRoute = _this$props2.getJSONDataByKeyRoute;
+                schemaStore = _this$props2.schemaStore,
+                jsonStore = _this$props2.jsonStore;
+              var _ref2 = schemaStore || {},
+                pageScreen = _ref2.pageScreen;
+              var _ref3 = jsonStore || {},
+                getJSONDataByKeyRoute = _ref3.getJSONDataByKeyRoute;
+              var _this$props3 = this.props,
+                keyRoute = _this$props3.keyRoute,
+                jsonKey = _this$props3.jsonKey,
+                nodeKey = _this$props3.nodeKey,
+                targetJsonSchema = _this$props3.targetJsonSchema;
               // 从jsonData中获取对应的数值
               var curJsonData = getJSONDataByKeyRoute(keyRoute);
               var isNeedTwoCol = (0,
@@ -100257,12 +100135,8 @@ styles.join("\\n")
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_8__.inject)(function (stores) {
             return {
-              pageScreen: stores.JSONSchemaStore.pageScreen,
-              getJSONDataByKeyRoute:
-                stores.JSONEditorStore.getJSONDataByKeyRoute,
-              updateFormValueData: stores.JSONEditorStore.updateFormValueData,
-              getInitJsonDataByKeyRoute:
-                stores.JSONEditorStore.getInitJsonDataByKeyRoute,
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })(
             (0, mobx_react__WEBPACK_IMPORTED_MODULE_8__.observer)(
@@ -100341,10 +100215,12 @@ styles.join("\\n")
               };
               /** 初始化boxStyle的数值 */
               _this.initBoxStyle = function () {
+                var jsonStore = _this.props.jsonStore;
+                var _ref = jsonStore || {},
+                  getJSONDataByKeyRoute = _ref.getJSONDataByKeyRoute;
                 var _this$props = _this.props,
                   keyRoute = _this$props.keyRoute,
-                  targetJsonSchema = _this$props.targetJsonSchema,
-                  getJSONDataByKeyRoute = _this$props.getJSONDataByKeyRoute;
+                  targetJsonSchema = _this$props.targetJsonSchema;
                 // 从jsonData中获取对应的数值
                 var curJsonData = getJSONDataByKeyRoute(keyRoute);
                 /** 获取quantity中的数值对象（默认第一个就是数值对象） */
@@ -100464,7 +100340,9 @@ styles.join("\\n")
               _this.updateBoxStyleState = function () {
                 var _this$props2 = _this.props,
                   keyRoute = _this$props2.keyRoute,
-                  updateFormValueData = _this$props2.updateFormValueData;
+                  jsonStore = _this$props2.jsonStore;
+                var _ref2 = jsonStore || {},
+                  updateFormValueData = _ref2.updateFormValueData;
                 var renderAction = _this.state.renderAction;
                 /** 获取布局容器的盒子模型数值 */
                 var boxStyleUnit =
@@ -100508,8 +100386,12 @@ styles.join("\\n")
               var _this$props3 = this.props,
                 nodeKey = _this$props3.nodeKey,
                 jsonKey = _this$props3.jsonKey,
-                targetJsonSchema = _this$props3.targetJsonSchema,
-                pageScreen = _this$props3.pageScreen;
+                targetJsonSchema = _this$props3.targetJsonSchema;
+              var _this$props4 = this.props,
+                schemaStore = _this$props4.schemaStore,
+                jsonStore = _this$props4.jsonStore;
+              var _ref3 = schemaStore || {},
+                pageScreen = _ref3.pageScreen;
               var _this$state = this.state,
                 renderAction = _this$state.renderAction,
                 layoutStyleLock = _this$state.layoutStyleLock;
@@ -100742,12 +100624,8 @@ styles.join("\\n")
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_7__.inject)(function (stores) {
             return {
-              pageScreen: stores.JSONSchemaStore.pageScreen,
-              getJSONDataByKeyRoute:
-                stores.JSONEditorStore.getJSONDataByKeyRoute,
-              updateFormValueData: stores.JSONEditorStore.updateFormValueData,
-              getInitJsonDataByKeyRoute:
-                stores.JSONEditorStore.getInitJsonDataByKeyRoute,
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })(
             (0, mobx_react__WEBPACK_IMPORTED_MODULE_7__.observer)(
@@ -100819,7 +100697,9 @@ styles.join("\\n")
               _this.handleValueChange = function (checkedValue) {
                 var _this$props = _this.props,
                   keyRoute = _this$props.keyRoute,
-                  updateFormValueData = _this$props.updateFormValueData;
+                  jsonStore = _this$props.jsonStore;
+                var _ref = jsonStore || {},
+                  updateFormValueData = _ref.updateFormValueData;
                 updateFormValueData(keyRoute, checkedValue); // 更新数值
               };
               _this.handleValueChange = _this.handleValueChange.bind(_this);
@@ -100848,12 +100728,17 @@ styles.join("\\n")
               };
             _proto.render = function render() {
               var _this$props2 = this.props,
-                nodeKey = _this$props2.nodeKey,
-                jsonKey = _this$props2.jsonKey,
-                keyRoute = _this$props2.keyRoute,
-                targetJsonSchema = _this$props2.targetJsonSchema,
-                pageScreen = _this$props2.pageScreen,
-                getJSONDataByKeyRoute = _this$props2.getJSONDataByKeyRoute;
+                schemaStore = _this$props2.schemaStore,
+                jsonStore = _this$props2.jsonStore;
+              var _ref2 = schemaStore || {},
+                pageScreen = _ref2.pageScreen;
+              var _ref3 = jsonStore || {},
+                getJSONDataByKeyRoute = _ref3.getJSONDataByKeyRoute;
+              var _this$props3 = this.props,
+                nodeKey = _this$props3.nodeKey,
+                jsonKey = _this$props3.jsonKey,
+                keyRoute = _this$props3.keyRoute,
+                targetJsonSchema = _this$props3.targetJsonSchema;
               // 从jsonData中获取对应的数值
               var curJsonData = getJSONDataByKeyRoute(keyRoute);
               var options = targetJsonSchema.options;
@@ -100982,12 +100867,8 @@ styles.join("\\n")
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_8__.inject)(function (stores) {
             return {
-              pageScreen: stores.JSONSchemaStore.pageScreen,
-              getJSONDataByKeyRoute:
-                stores.JSONEditorStore.getJSONDataByKeyRoute,
-              updateFormValueData: stores.JSONEditorStore.updateFormValueData,
-              getInitJsonDataByKeyRoute:
-                stores.JSONEditorStore.getInitJsonDataByKeyRoute,
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })(
             (0, mobx_react__WEBPACK_IMPORTED_MODULE_8__.observer)(
@@ -101079,7 +100960,9 @@ styles.join("\\n")
               _this.handleValueChange = function (newJsonData) {
                 var _this$props = _this.props,
                   keyRoute = _this$props.keyRoute,
-                  updateFormValueData = _this$props.updateFormValueData;
+                  jsonStore = _this$props.jsonStore;
+                var _ref = jsonStore || {},
+                  updateFormValueData = _ref.updateFormValueData;
                 updateFormValueData(keyRoute, newJsonData); // 更新数值
               };
               _this.state = {
@@ -101115,14 +100998,19 @@ styles.join("\\n")
             _proto.render = function render() {
               var _this2 = this;
               var _this$props2 = this.props,
-                isReadOnly = _this$props2.isReadOnly,
-                jsonKey = _this$props2.jsonKey,
-                isIgnoreWarn = _this$props2.isIgnoreWarn,
-                nodeKey = _this$props2.nodeKey,
-                keyRoute = _this$props2.keyRoute,
-                targetJsonSchema = _this$props2.targetJsonSchema,
-                pageScreen = _this$props2.pageScreen,
-                getJSONDataByKeyRoute = _this$props2.getJSONDataByKeyRoute;
+                schemaStore = _this$props2.schemaStore,
+                jsonStore = _this$props2.jsonStore;
+              var _ref2 = schemaStore || {},
+                pageScreen = _ref2.pageScreen;
+              var _ref3 = jsonStore || {},
+                getJSONDataByKeyRoute = _ref3.getJSONDataByKeyRoute;
+              var _this$props3 = this.props,
+                isReadOnly = _this$props3.isReadOnly,
+                jsonKey = _this$props3.jsonKey,
+                isIgnoreWarn = _this$props3.isIgnoreWarn,
+                nodeKey = _this$props3.nodeKey,
+                keyRoute = _this$props3.keyRoute,
+                targetJsonSchema = _this$props3.targetJsonSchema;
               var _this$state = this.state,
                 isShowWarn = _this$state.isShowWarn,
                 warnText = _this$state.warnText;
@@ -101312,12 +101200,8 @@ styles.join("\\n")
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_11__.inject)(function (stores) {
             return {
-              pageScreen: stores.JSONSchemaStore.pageScreen,
-              getJSONDataByKeyRoute:
-                stores.JSONEditorStore.getJSONDataByKeyRoute,
-              updateFormValueData: stores.JSONEditorStore.updateFormValueData,
-              getInitJsonDataByKeyRoute:
-                stores.JSONEditorStore.getInitJsonDataByKeyRoute,
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })(
             (0, mobx_react__WEBPACK_IMPORTED_MODULE_11__.observer)(
@@ -101407,6 +101291,11 @@ styles.join("\\n")
               _this = _React$PureComponent.call(this, props) || this;
               /** 数值变动事件处理器 */
               _this.handleValueChange = function (color) {
+                var _this$props = _this.props,
+                  keyRoute = _this$props.keyRoute,
+                  jsonStore = _this$props.jsonStore;
+                var _ref = jsonStore || {},
+                  updateFormValueData = _ref.updateFormValueData;
                 var rgb = color.rgb; // hex,
                 var rgbaVal =
                   'rgba(' +
@@ -101418,9 +101307,6 @@ styles.join("\\n")
                   ',' +
                   rgb.a +
                   ')';
-                var _this$props = _this.props,
-                  keyRoute = _this$props.keyRoute,
-                  updateFormValueData = _this$props.updateFormValueData;
                 // updateFormValueData(keyRoute, hex); // 更新数值(#ffffff数据格式)
                 updateFormValueData(keyRoute, rgbaVal); // 更新数值: rgba(255,255,255,100)
                 // 主动触发更新的状态数据
@@ -101432,7 +101318,9 @@ styles.join("\\n")
               _this.deleteColor = function () {
                 var _this$props2 = _this.props,
                   keyRoute = _this$props2.keyRoute,
-                  updateFormValueData = _this$props2.updateFormValueData;
+                  jsonStore = _this$props2.jsonStore;
+                var _ref2 = jsonStore || {},
+                  updateFormValueData = _ref2.updateFormValueData;
                 updateFormValueData(keyRoute, 'initial'); // 更新数值
                 antd__WEBPACK_IMPORTED_MODULE_7__['default'].success(
                   '已移除当前设置的颜色值',
@@ -101475,12 +101363,17 @@ styles.join("\\n")
             _proto.render = function render() {
               var _this2 = this;
               var _this$props3 = this.props,
-                keyRoute = _this$props3.keyRoute,
-                jsonKey = _this$props3.jsonKey,
-                nodeKey = _this$props3.nodeKey,
-                targetJsonSchema = _this$props3.targetJsonSchema,
-                pageScreen = _this$props3.pageScreen,
-                getJSONDataByKeyRoute = _this$props3.getJSONDataByKeyRoute;
+                schemaStore = _this$props3.schemaStore,
+                jsonStore = _this$props3.jsonStore;
+              var _ref3 = schemaStore || {},
+                pageScreen = _ref3.pageScreen;
+              var _ref4 = jsonStore || {},
+                getJSONDataByKeyRoute = _ref4.getJSONDataByKeyRoute;
+              var _this$props4 = this.props,
+                keyRoute = _this$props4.keyRoute,
+                jsonKey = _this$props4.jsonKey,
+                nodeKey = _this$props4.nodeKey,
+                targetJsonSchema = _this$props4.targetJsonSchema;
               var _this$state = this.state,
                 renderState = _this$state.renderState,
                 displayColorPicker = _this$state.displayColorPicker;
@@ -101637,12 +101530,8 @@ styles.join("\\n")
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_12__.inject)(function (stores) {
             return {
-              pageScreen: stores.JSONSchemaStore.pageScreen,
-              getJSONDataByKeyRoute:
-                stores.JSONEditorStore.getJSONDataByKeyRoute,
-              updateFormValueData: stores.JSONEditorStore.updateFormValueData,
-              getInitJsonDataByKeyRoute:
-                stores.JSONEditorStore.getInitJsonDataByKeyRoute,
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })(
             (0, mobx_react__WEBPACK_IMPORTED_MODULE_12__.observer)(
@@ -101790,12 +101679,16 @@ styles.join("\\n")
               var _targetJsonSchema$sho,
                 _this2 = this;
               var _this$props = this.props,
-                keyRoute = _this$props.keyRoute,
-                jsonKey = _this$props.jsonKey,
-                nodeKey = _this$props.nodeKey,
-                indexRoute = _this$props.indexRoute,
-                targetJsonSchema = _this$props.targetJsonSchema,
-                pageScreen = _this$props.pageScreen;
+                schemaStore = _this$props.schemaStore,
+                jsonStore = _this$props.jsonStore;
+              var _ref = schemaStore || {},
+                pageScreen = _ref.pageScreen;
+              var _this$props2 = this.props,
+                keyRoute = _this$props2.keyRoute,
+                jsonKey = _this$props2.jsonKey,
+                nodeKey = _this$props2.nodeKey,
+                indexRoute = _this$props2.indexRoute,
+                targetJsonSchema = _this$props2.targetJsonSchema;
               var _this$state = this.state,
                 jsonView = _this$state.jsonView,
                 isClosed = _this$state.isClosed,
@@ -102102,13 +101995,8 @@ styles.join("\\n")
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_16__.inject)(function (stores) {
             return {
-              triggerChange: stores.JSONEditorStore.triggerChange,
-              pageScreen: stores.JSONSchemaStore.pageScreen,
-              getJSONDataByKeyRoute:
-                stores.JSONEditorStore.getJSONDataByKeyRoute,
-              updateFormValueData: stores.JSONEditorStore.updateFormValueData,
-              getInitJsonDataByKeyRoute:
-                stores.JSONEditorStore.getInitJsonDataByKeyRoute,
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })(
             (0, mobx_react__WEBPACK_IMPORTED_MODULE_16__.observer)(
@@ -102193,7 +102081,9 @@ styles.join("\\n")
               _this.handleValueChange = function (event, dateString) {
                 var _this$props = _this.props,
                   keyRoute = _this$props.keyRoute,
-                  updateFormValueData = _this$props.updateFormValueData;
+                  jsonStore = _this$props.jsonStore;
+                var _ref = jsonStore || {},
+                  updateFormValueData = _ref.updateFormValueData;
                 updateFormValueData(keyRoute, dateString); // 更新数值
               };
               _this.handleValueChange = _this.handleValueChange.bind(_this);
@@ -102222,12 +102112,17 @@ styles.join("\\n")
               };
             _proto.render = function render() {
               var _this$props2 = this.props,
-                keyRoute = _this$props2.keyRoute,
-                jsonKey = _this$props2.jsonKey,
-                nodeKey = _this$props2.nodeKey,
-                targetJsonSchema = _this$props2.targetJsonSchema,
-                pageScreen = _this$props2.pageScreen,
-                getJSONDataByKeyRoute = _this$props2.getJSONDataByKeyRoute;
+                schemaStore = _this$props2.schemaStore,
+                jsonStore = _this$props2.jsonStore;
+              var _ref2 = schemaStore || {},
+                pageScreen = _ref2.pageScreen;
+              var _ref3 = jsonStore || {},
+                getJSONDataByKeyRoute = _ref3.getJSONDataByKeyRoute;
+              var _this$props3 = this.props,
+                keyRoute = _this$props3.keyRoute,
+                jsonKey = _this$props3.jsonKey,
+                nodeKey = _this$props3.nodeKey,
+                targetJsonSchema = _this$props3.targetJsonSchema;
               var curType = targetJsonSchema.type;
               var readOnly = targetJsonSchema.readOnly || false; // 是否只读（默认可编辑）
               var isRequired = targetJsonSchema.isRequired || false; // 是否必填（默认非必填）
@@ -102349,12 +102244,8 @@ styles.join("\\n")
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_9__.inject)(function (stores) {
             return {
-              pageScreen: stores.JSONSchemaStore.pageScreen,
-              getJSONDataByKeyRoute:
-                stores.JSONEditorStore.getJSONDataByKeyRoute,
-              updateFormValueData: stores.JSONEditorStore.updateFormValueData,
-              getInitJsonDataByKeyRoute:
-                stores.JSONEditorStore.getInitJsonDataByKeyRoute,
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })(
             (0, mobx_react__WEBPACK_IMPORTED_MODULE_9__.observer)(
@@ -102386,7 +102277,7 @@ styles.join("\\n")
             /*#__PURE__*/ __webpack_require__.n(
               react__WEBPACK_IMPORTED_MODULE_1__,
             );
-          /* harmony import */ var mobx_react__WEBPACK_IMPORTED_MODULE_13__ =
+          /* harmony import */ var mobx_react__WEBPACK_IMPORTED_MODULE_14__ =
             __webpack_require__(
               /*! mobx-react */ '../../node_modules/mobx-react/dist/mobxreact.esm.js',
             );
@@ -102394,23 +102285,23 @@ styles.join("\\n")
             __webpack_require__(
               /*! mobx */ '../../node_modules/mobx/lib/mobx.module.js',
             );
-          /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_12__ =
+          /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_13__ =
             __webpack_require__(
               /*! prop-types */ '../../node_modules/prop-types/index.js',
             );
-          /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_12___default =
+          /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_13___default =
             /*#__PURE__*/ __webpack_require__.n(
-              prop_types__WEBPACK_IMPORTED_MODULE_12__,
+              prop_types__WEBPACK_IMPORTED_MODULE_13__,
             );
-          /* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_9__ =
+          /* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_10__ =
             __webpack_require__(
               /*! antd */ '../../node_modules/antd/es/tooltip/index.js',
             );
-          /* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_10__ =
+          /* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_11__ =
             __webpack_require__(
               /*! @ant-design/icons */ '../../node_modules/@ant-design/icons/es/icons/RightOutlined.js',
             );
-          /* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_11__ =
+          /* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_12__ =
             __webpack_require__(
               /*! @ant-design/icons */ '../../node_modules/@ant-design/icons/es/icons/DownOutlined.js',
             );
@@ -102430,7 +102321,11 @@ styles.join("\\n")
             );
           /* harmony import */ var $mixins_index__WEBPACK_IMPORTED_MODULE_7__ =
             __webpack_require__(/*! $mixins/index */ './src/mixins/index.js');
-          /* harmony import */ var $assets_img_code_svg__WEBPACK_IMPORTED_MODULE_8__ =
+          /* harmony import */ var $utils_webCache__WEBPACK_IMPORTED_MODULE_8__ =
+            __webpack_require__(
+              /*! $utils/webCache */ './src/utils/webCache.js',
+            );
+          /* harmony import */ var $assets_img_code_svg__WEBPACK_IMPORTED_MODULE_9__ =
             __webpack_require__(
               /*! $assets/img/code.svg */ './src/assets/img/code.svg',
             );
@@ -102444,6 +102339,7 @@ styles.join("\\n")
                 // 是否显示code模式
                 isClosed: false, // 是否为关闭状态，默认是开启状态
               };
+              _this.collapseChange = _this.collapseChange.bind(_this);
               return _this;
             }
             (0,
@@ -102467,25 +102363,45 @@ styles.join("\\n")
                   );
                 }
               };
+            _proto.collapseChange = function collapseChange(event) {
+              var keyRoute = this.props.keyRoute;
+              var isClosed = this.state.isClosed;
+              this.setState({
+                isClosed: !isClosed,
+              });
+              event.preventDefault();
+              event.stopPropagation();
+
+              // 缓存当前折叠状态
+              (0,
+              $utils_webCache__WEBPACK_IMPORTED_MODULE_8__.saveJSONEditorCache)(
+                keyRoute,
+                !isClosed,
+              );
+            };
             _proto.render = function render() {
               var _targetJsonSchema$sho,
                 _this2 = this;
               var _this$props = this.props,
-                indexRoute = _this$props.indexRoute,
-                jsonKey = _this$props.jsonKey,
-                nodeKey = _this$props.nodeKey,
-                keyRoute = _this$props.keyRoute,
-                pageScreen = _this$props.pageScreen,
-                targetJsonSchema = _this$props.targetJsonSchema,
-                isArrayItem = _this$props.isArrayItem,
-                isStructuredSchema = _this$props.isStructuredSchema,
-                getJSONDataByKeyRoute = _this$props.getJSONDataByKeyRoute,
-                keyRoute2indexRoute = _this$props.keyRoute2indexRoute,
-                updateFormValueData = _this$props.updateFormValueData;
+                schemaStore = _this$props.schemaStore,
+                jsonStore = _this$props.jsonStore;
+              var _ref = schemaStore || {},
+                pageScreen = _ref.pageScreen;
+              var _ref2 = jsonStore || {},
+                _options = _ref2.options,
+                getJSONDataByKeyRoute = _ref2.getJSONDataByKeyRoute;
+              var _this$props2 = this.props,
+                indexRoute = _this$props2.indexRoute,
+                jsonKey = _this$props2.jsonKey,
+                nodeKey = _this$props2.nodeKey,
+                keyRoute = _this$props2.keyRoute,
+                targetJsonSchema = _this$props2.targetJsonSchema,
+                isArrayItem = _this$props2.isArrayItem,
+                isStructuredSchema = _this$props2.isStructuredSchema;
               var _this$state = this.state,
                 jsonView = _this$state.jsonView,
-                isClosed = _this$state.isClosed;
-              var options = this.props.options || {};
+                _isClosed = _this$state.isClosed;
+              var options = _options || {};
               // 判断是否结构化Schema，如果是则不显示Title，避免重复的title
               var isStructured = isStructuredSchema;
               // 是否显示源码切换按钮
@@ -102501,6 +102417,16 @@ styles.join("\\n")
               // 内容Meta数据
               var metaContentKeyList = options.metaContentKeyList || [];
               var globalMetaConfig = options.globalMetaConfig || [];
+
+              // 获取前端缓存中的折叠数据
+              var isClosed = _isClosed;
+              var collapseCacheData = (0,
+              $utils_webCache__WEBPACK_IMPORTED_MODULE_8__.getJSONEditorCache)(
+                keyRoute,
+              );
+              if (collapseCacheData !== undefined) {
+                isClosed = collapseCacheData;
+              }
               return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
                 'div',
                 {
@@ -102520,7 +102446,7 @@ styles.join("\\n")
                       className: 'element-title',
                     },
                     /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                      antd__WEBPACK_IMPORTED_MODULE_9__['default'],
+                      antd__WEBPACK_IMPORTED_MODULE_10__['default'],
                       {
                         title: targetJsonSchema.description,
                         placement: 'top',
@@ -102564,13 +102490,7 @@ styles.join("\\n")
                       'div',
                       {
                         className: 'element-title',
-                        onClick: function onClick(event) {
-                          _this2.setState({
-                            isClosed: !isClosed,
-                          });
-                          event.preventDefault();
-                          event.stopPropagation();
-                        },
+                        onClick: this.collapseChange,
                       },
                       /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
                         'span',
@@ -102581,7 +102501,7 @@ styles.join("\\n")
                       ),
                       isClosed
                         ? /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                            _ant_design_icons__WEBPACK_IMPORTED_MODULE_10__[
+                            _ant_design_icons__WEBPACK_IMPORTED_MODULE_11__[
                               'default'
                             ],
                             {
@@ -102589,7 +102509,7 @@ styles.join("\\n")
                             },
                           )
                         : /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                            _ant_design_icons__WEBPACK_IMPORTED_MODULE_11__[
+                            _ant_design_icons__WEBPACK_IMPORTED_MODULE_12__[
                               'default'
                             ],
                             {
@@ -102610,12 +102530,12 @@ styles.join("\\n")
                             },
                           },
                           /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                            antd__WEBPACK_IMPORTED_MODULE_9__['default'],
+                            antd__WEBPACK_IMPORTED_MODULE_10__['default'],
                             {
                               title: jsonView ? '关闭源码模式' : '开启源码模式',
                             },
                             /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                              $assets_img_code_svg__WEBPACK_IMPORTED_MODULE_8__[
+                              $assets_img_code_svg__WEBPACK_IMPORTED_MODULE_9__[
                                 'default'
                               ],
                               {
@@ -102662,28 +102582,16 @@ styles.join("\\n")
                         /** 5. 获取当前元素的id，用于做唯一标识 */
                         var childNodeKey =
                           nodeKey + '-' + curType + '-' + currentJsonKey;
-                        var visibleOn = [
-                          'description',
-                          'valueType',
-                          'range',
-                          'value',
-                        ].includes(currentJsonKey)
-                          ? false
-                          : true; // 是否显示当前元素
 
                         // 补充动态配置类型相关显隐逻辑【定制逻辑】
                         if (
-                          (currentJsonKey === 'description' ||
-                            currentJsonKey === 'valueType') &&
+                          currentJsonKey === 'valueType' &&
                           (curJsonData.type === 'ContentStaticConfig' ||
                             curJsonData.type === 'ResourceCenter')
                         ) {
-                          // 资源中心配置、mp后台配置 时显示 description（属性名称）、valueType（配置方式）配置项
-                          visibleOn = true;
                           var valueSchema =
                             targetJsonSchema.properties['value'];
                           if (
-                            currentJsonKey === 'valueType' &&
                             !['select', 'radio', 'checkboxes'].includes(
                               valueSchema.type,
                             )
@@ -102694,15 +102602,13 @@ styles.join("\\n")
                             currentSchemaData.description =
                               '当前数值没有可选项，不支持设置。';
                           }
-                        } else if (currentJsonKey === 'range') {
+                        }
+                        if (currentJsonKey === 'range') {
                           if (
                             curJsonData.valueType === 'select' &&
                             (curJsonData.type === 'ContentStaticConfig' ||
                               curJsonData.type === 'ResourceCenter')
                           ) {
-                            visibleOn = true;
-                          }
-                          if (visibleOn) {
                             var _valueSchema =
                               targetJsonSchema.properties['value'];
                             if (
@@ -102719,14 +102625,6 @@ styles.join("\\n")
                               );
                             }
                           }
-                        } else if (
-                          currentJsonKey === 'value' &&
-                          (curJsonData.type === 'DevDefaults' ||
-                            curJsonData.type === 'RuntimeConst' ||
-                            curJsonData.type === 'Content')
-                        ) {
-                          // 全局配置数据、内容Meta数据 显示 数据值 配置项
-                          visibleOn = true;
                         }
                         if (
                           currentJsonKey === 'value' &&
@@ -102749,22 +102647,19 @@ styles.join("\\n")
                             globalMetaConfig,
                           );
                         }
-                        if (visibleOn) {
-                          return (0,
-                          $components_MappingRender__WEBPACK_IMPORTED_MODULE_5__[
-                            'default'
-                          ])({
-                            parentType: curType,
-                            jsonKey: currentJsonKey,
-                            indexRoute: currentIndexRoute,
-                            keyRoute: currentKeyRoute,
-                            nodeKey: childNodeKey,
-                            targetJsonSchema: currentSchemaData,
-                            getJSONDataByKeyRoute: getJSONDataByKeyRoute,
-                            keyRoute2indexRoute: keyRoute2indexRoute,
-                            updateFormValueData: updateFormValueData,
-                          });
-                        }
+                        return (0,
+                        $components_MappingRender__WEBPACK_IMPORTED_MODULE_5__[
+                          'default'
+                        ])({
+                          parentType: curType,
+                          jsonKey: currentJsonKey,
+                          indexRoute: currentIndexRoute,
+                          keyRoute: currentKeyRoute,
+                          nodeKey: childNodeKey,
+                          targetJsonSchema: currentSchemaData,
+                          schemaStore: schemaStore,
+                          jsonStore: jsonStore,
+                        });
                       }),
                     jsonView &&
                       /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
@@ -102780,34 +102675,29 @@ styles.join("\\n")
             return ObjectSchema;
           })(react__WEBPACK_IMPORTED_MODULE_1___default().PureComponent);
           ObjectSchema.propTypes = {
-            isArrayItem: prop_types__WEBPACK_IMPORTED_MODULE_12___default().any,
+            isArrayItem: prop_types__WEBPACK_IMPORTED_MODULE_13___default().any,
             // 如果是数组项，title会进行特殊显示
-            arrIndex: prop_types__WEBPACK_IMPORTED_MODULE_12___default().any,
+            arrIndex: prop_types__WEBPACK_IMPORTED_MODULE_13___default().any,
             // 当前数组项
             parentType:
-              prop_types__WEBPACK_IMPORTED_MODULE_12___default().string,
-            jsonKey: prop_types__WEBPACK_IMPORTED_MODULE_12___default().string,
-            indexRoute: prop_types__WEBPACK_IMPORTED_MODULE_12___default().any,
-            keyRoute: prop_types__WEBPACK_IMPORTED_MODULE_12___default().string,
-            nodeKey: prop_types__WEBPACK_IMPORTED_MODULE_12___default().string,
+              prop_types__WEBPACK_IMPORTED_MODULE_13___default().string,
+            jsonKey: prop_types__WEBPACK_IMPORTED_MODULE_13___default().string,
+            indexRoute: prop_types__WEBPACK_IMPORTED_MODULE_13___default().any,
+            keyRoute: prop_types__WEBPACK_IMPORTED_MODULE_13___default().string,
+            nodeKey: prop_types__WEBPACK_IMPORTED_MODULE_13___default().string,
             targetJsonSchema:
-              prop_types__WEBPACK_IMPORTED_MODULE_12___default().any,
+              prop_types__WEBPACK_IMPORTED_MODULE_13___default().any,
             isStructuredSchema:
-              prop_types__WEBPACK_IMPORTED_MODULE_12___default().bool,
+              prop_types__WEBPACK_IMPORTED_MODULE_13___default().bool,
           };
           /* harmony default export */ __webpack_exports__['default'] = (0,
-          mobx_react__WEBPACK_IMPORTED_MODULE_13__.inject)(function (stores) {
+          mobx_react__WEBPACK_IMPORTED_MODULE_14__.inject)(function (stores) {
             return {
-              pageScreen: stores.JSONSchemaStore.pageScreen,
-              options: stores.JSONEditorStore.options,
-              getJSONDataByKeyRoute:
-                stores.JSONEditorStore.getJSONDataByKeyRoute,
-              updateFormValueData: stores.JSONEditorStore.updateFormValueData,
-              getInitJsonDataByKeyRoute:
-                stores.JSONEditorStore.getInitJsonDataByKeyRoute,
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })(
-            (0, mobx_react__WEBPACK_IMPORTED_MODULE_13__.observer)(
+            (0, mobx_react__WEBPACK_IMPORTED_MODULE_14__.observer)(
               ObjectSchema,
             ),
           );
@@ -102917,7 +102807,8 @@ styles.join("\\n")
               _this = _React$PureComponent.call(this, props) || this;
               /** 数值变动事件处理器 */
               _this.handleValueChange = function (curKeyRoute, value) {
-                var updateFormValueData = _this.props.updateFormValueData;
+                var _ref = _this.props.jsonStore || {},
+                  updateFormValueData = _ref.updateFormValueData;
                 updateFormValueData(curKeyRoute, value); // 更新数值
               };
               // 显示和隐藏数据过滤器
@@ -102931,7 +102822,9 @@ styles.join("\\n")
               _this.tabChange = function (value) {
                 var _this$props = _this.props,
                   keyRoute = _this$props.keyRoute,
-                  triggerChangeAction = _this$props.triggerChangeAction;
+                  jsonStore = _this$props.jsonStore;
+                var _ref2 = jsonStore || {},
+                  triggerChangeAction = _ref2.triggerChangeAction;
                 _this.handleValueChange(keyRoute + '-type', value);
                 setTimeout(function () {
                   triggerChangeAction();
@@ -102940,8 +102833,10 @@ styles.join("\\n")
               _this.dynamicDataChange = function (dynamicDataName) {
                 var _this$props2 = _this.props,
                   keyRoute = _this$props2.keyRoute,
-                  dynamicDataObj = _this$props2.dynamicDataObj,
-                  triggerChangeAction = _this$props2.triggerChangeAction;
+                  jsonStore = _this$props2.jsonStore;
+                var _ref3 = jsonStore || {},
+                  triggerChangeAction = _ref3.triggerChangeAction,
+                  dynamicDataObj = _ref3.dynamicDataObj;
                 var curDynamicData = (0,
                 $utils_index__WEBPACK_IMPORTED_MODULE_11__.objClone)(
                   (0, mobx__WEBPACK_IMPORTED_MODULE_13__.toJS)(
@@ -102973,8 +102868,10 @@ styles.join("\\n")
               _this.dataRouteChange = function (newDataRoute) {
                 var _this$props3 = _this.props,
                   keyRoute = _this$props3.keyRoute,
-                  triggerChangeAction = _this$props3.triggerChangeAction,
-                  updateFormValueData = _this$props3.updateFormValueData;
+                  jsonStore = _this$props3.jsonStore;
+                var _ref4 = jsonStore || {},
+                  triggerChangeAction = _ref4.triggerChangeAction,
+                  updateFormValueData = _ref4.updateFormValueData;
                 if (newDataRoute) {
                   updateFormValueData(
                     keyRoute + '-config-dataRoute',
@@ -103006,8 +102903,10 @@ styles.join("\\n")
               _this.paramsConfigChange = function (paramsKey, newParamsConfig) {
                 var _this$props4 = _this.props,
                   keyRoute = _this$props4.keyRoute,
-                  triggerChangeAction = _this$props4.triggerChangeAction,
-                  getJSONDataByKeyRoute = _this$props4.getJSONDataByKeyRoute;
+                  jsonStore = _this$props4.jsonStore;
+                var _ref5 = jsonStore || {},
+                  triggerChangeAction = _ref5.triggerChangeAction,
+                  getJSONDataByKeyRoute = _ref5.getJSONDataByKeyRoute;
                 var curParamsConfigData =
                   getJSONDataByKeyRoute(
                     keyRoute + '-config-body-' + paramsKey,
@@ -103051,16 +102950,21 @@ styles.join("\\n")
             _proto.render = function render() {
               var _this2 = this;
               var _this$props5 = this.props,
-                keyRoute = _this$props5.keyRoute,
-                jsonKey = _this$props5.jsonKey,
-                nodeKey = _this$props5.nodeKey,
-                indexRoute = _this$props5.indexRoute,
-                targetJsonSchema = _this$props5.targetJsonSchema,
-                dynamicDataList = _this$props5.dynamicDataList,
-                dynamicDataObj = _this$props5.dynamicDataObj,
-                dynamicDataApiScopeList = _this$props5.dynamicDataApiScopeList,
-                getJSONDataByKeyRoute = _this$props5.getJSONDataByKeyRoute,
-                pageScreen = _this$props5.pageScreen;
+                schemaStore = _this$props5.schemaStore,
+                jsonStore = _this$props5.jsonStore;
+              var _ref6 = schemaStore || {},
+                pageScreen = _ref6.pageScreen;
+              var _ref7 = jsonStore || {},
+                getJSONDataByKeyRoute = _ref7.getJSONDataByKeyRoute;
+              var _this$props6 = this.props,
+                keyRoute = _this$props6.keyRoute,
+                jsonKey = _this$props6.jsonKey,
+                nodeKey = _this$props6.nodeKey,
+                indexRoute = _this$props6.indexRoute,
+                targetJsonSchema = _this$props6.targetJsonSchema,
+                dynamicDataList = _this$props6.dynamicDataList,
+                dynamicDataObj = _this$props6.dynamicDataObj,
+                dynamicDataApiScopeList = _this$props6.dynamicDataApiScopeList;
               var isShowFilter = this.state.isShowFilter;
               var curType = targetJsonSchema.type;
               // 从jsonData中获取对应的数值
@@ -103520,18 +103424,8 @@ styles.join("\\n")
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_18__.inject)(function (stores) {
             return {
-              triggerChange: stores.JSONEditorStore.triggerChange,
-              triggerChangeAction: stores.JSONEditorStore.triggerChangeAction,
-              pageScreen: stores.JSONSchemaStore.pageScreen,
-              dynamicDataList: stores.JSONEditorStore.dynamicDataList,
-              dynamicDataObj: stores.JSONEditorStore.dynamicDataObj,
-              dynamicDataApiScopeList:
-                stores.JSONEditorStore.dynamicDataApiScopeList,
-              getJSONDataByKeyRoute:
-                stores.JSONEditorStore.getJSONDataByKeyRoute,
-              updateFormValueData: stores.JSONEditorStore.updateFormValueData,
-              getInitJsonDataByKeyRoute:
-                stores.JSONEditorStore.getInitJsonDataByKeyRoute,
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })(
             (0, mobx_react__WEBPACK_IMPORTED_MODULE_18__.observer)(
@@ -103654,12 +103548,16 @@ styles.join("\\n")
               var _targetJsonSchema$sho,
                 _this2 = this;
               var _this$props = this.props,
-                keyRoute = _this$props.keyRoute,
-                jsonKey = _this$props.jsonKey,
-                nodeKey = _this$props.nodeKey,
-                indexRoute = _this$props.indexRoute,
-                targetJsonSchema = _this$props.targetJsonSchema,
-                pageScreen = _this$props.pageScreen;
+                schemaStore = _this$props.schemaStore,
+                jsonStore = _this$props.jsonStore;
+              var _ref = schemaStore || {},
+                pageScreen = _ref.pageScreen;
+              var _this$props2 = this.props,
+                keyRoute = _this$props2.keyRoute,
+                jsonKey = _this$props2.jsonKey,
+                nodeKey = _this$props2.nodeKey,
+                indexRoute = _this$props2.indexRoute,
+                targetJsonSchema = _this$props2.targetJsonSchema;
               var curType = targetJsonSchema.type;
               var _this$state = this.state,
                 jsonView = _this$state.jsonView,
@@ -103928,13 +103826,8 @@ styles.join("\\n")
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_14__.inject)(function (stores) {
             return {
-              triggerChange: stores.JSONEditorStore.triggerChange,
-              pageScreen: stores.JSONSchemaStore.pageScreen,
-              getJSONDataByKeyRoute:
-                stores.JSONEditorStore.getJSONDataByKeyRoute,
-              updateFormValueData: stores.JSONEditorStore.updateFormValueData,
-              getInitJsonDataByKeyRoute:
-                stores.JSONEditorStore.getInitJsonDataByKeyRoute,
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })(
             (0, mobx_react__WEBPACK_IMPORTED_MODULE_14__.observer)(EventSchema),
@@ -104024,7 +103917,9 @@ styles.join("\\n")
               _this.handleValueChange = function (newJsonData) {
                 var _this$props = _this.props,
                   keyRoute = _this$props.keyRoute,
-                  updateFormValueData = _this$props.updateFormValueData;
+                  jsonStore = _this$props.jsonStore;
+                var _ref = jsonStore || {},
+                  updateFormValueData = _ref.updateFormValueData;
                 updateFormValueData(keyRoute, newJsonData); // 更新数值
               };
               _this.state = {
@@ -104060,12 +103955,17 @@ styles.join("\\n")
             _proto.render = function render() {
               var _this2 = this;
               var _this$props2 = this.props,
-                nodeKey = _this$props2.nodeKey,
-                jsonKey = _this$props2.jsonKey,
-                keyRoute = _this$props2.keyRoute,
-                targetJsonSchema = _this$props2.targetJsonSchema,
-                pageScreen = _this$props2.pageScreen,
-                getJSONDataByKeyRoute = _this$props2.getJSONDataByKeyRoute;
+                schemaStore = _this$props2.schemaStore,
+                jsonStore = _this$props2.jsonStore;
+              var _ref2 = schemaStore || {},
+                pageScreen = _ref2.pageScreen;
+              var _ref3 = jsonStore || {},
+                getJSONDataByKeyRoute = _ref3.getJSONDataByKeyRoute;
+              var _this$props3 = this.props,
+                nodeKey = _this$props3.nodeKey,
+                jsonKey = _this$props3.jsonKey,
+                keyRoute = _this$props3.keyRoute,
+                targetJsonSchema = _this$props3.targetJsonSchema;
               var _this$state = this.state,
                 isShowWarn = _this$state.isShowWarn,
                 warnText = _this$state.warnText;
@@ -104251,12 +104151,8 @@ styles.join("\\n")
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_11__.inject)(function (stores) {
             return {
-              pageScreen: stores.JSONSchemaStore.pageScreen,
-              getJSONDataByKeyRoute:
-                stores.JSONEditorStore.getJSONDataByKeyRoute,
-              updateFormValueData: stores.JSONEditorStore.updateFormValueData,
-              getInitJsonDataByKeyRoute:
-                stores.JSONEditorStore.getInitJsonDataByKeyRoute,
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })(
             (0, mobx_react__WEBPACK_IMPORTED_MODULE_11__.observer)(
@@ -104328,14 +104224,16 @@ styles.join("\\n")
               // static contextType = ThemeContext;
               /** 数值变动事件处理器 */
               _this.handleValueChange = function (event) {
+                var _this$props = _this.props,
+                  keyRoute = _this$props.keyRoute,
+                  jsonStore = _this$props.jsonStore;
+                var _ref = jsonStore || {},
+                  updateFormValueData = _ref.updateFormValueData;
                 var value = event.target.value;
                 if (_this.props.onChange) {
                   // 如果有监听数据变动函数则优先触发
                   _this.props.onChange(value);
                 } else {
-                  var _this$props = _this.props,
-                    keyRoute = _this$props.keyRoute,
-                    updateFormValueData = _this$props.updateFormValueData;
                   updateFormValueData(keyRoute, value); // 更新数值
                 }
               };
@@ -104365,12 +104263,17 @@ styles.join("\\n")
               };
             _proto.render = function render() {
               var _this$props2 = this.props,
-                nodeKey = _this$props2.nodeKey,
-                jsonKey = _this$props2.jsonKey,
-                keyRoute = _this$props2.keyRoute,
-                targetJsonSchema = _this$props2.targetJsonSchema,
-                pageScreen = _this$props2.pageScreen,
-                getJSONDataByKeyRoute = _this$props2.getJSONDataByKeyRoute;
+                schemaStore = _this$props2.schemaStore,
+                jsonStore = _this$props2.jsonStore;
+              var _ref2 = schemaStore || {},
+                pageScreen = _ref2.pageScreen;
+              var _ref3 = jsonStore || {},
+                getJSONDataByKeyRoute = _ref3.getJSONDataByKeyRoute;
+              var _this$props3 = this.props,
+                nodeKey = _this$props3.nodeKey,
+                jsonKey = _this$props3.jsonKey,
+                keyRoute = _this$props3.keyRoute,
+                targetJsonSchema = _this$props3.targetJsonSchema;
               // 从jsonData中获取对应的数值
               var curJsonData = keyRoute && getJSONDataByKeyRoute(keyRoute);
               var readOnly = targetJsonSchema.readOnly || false; // 是否只读（默认可编辑）
@@ -104498,12 +104401,8 @@ styles.join("\\n")
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_8__.inject)(function (stores) {
             return {
-              pageScreen: stores.JSONSchemaStore.pageScreen,
-              getJSONDataByKeyRoute:
-                stores.JSONEditorStore.getJSONDataByKeyRoute,
-              getInitJsonDataByKeyRoute:
-                stores.JSONEditorStore.getInitJsonDataByKeyRoute,
-              updateFormValueData: stores.JSONEditorStore.updateFormValueData,
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })(
             (0, mobx_react__WEBPACK_IMPORTED_MODULE_8__.observer)(
@@ -104587,7 +104486,9 @@ styles.join("\\n")
               _this.handleImageChange = function (fileInfo) {
                 var _this$props = _this.props,
                   keyRoute = _this$props.keyRoute,
-                  updateFormValueData = _this$props.updateFormValueData;
+                  jsonStore = _this$props.jsonStore;
+                var _ref = jsonStore || {},
+                  updateFormValueData = _ref.updateFormValueData;
                 if (fileInfo.file.status === 'uploading') {
                   _this.setState({
                     loading: true,
@@ -104609,11 +104510,20 @@ styles.join("\\n")
                   loading: false,
                 });
               };
+              _this.handleDeleteChange = function () {
+                var _this$props2 = _this.props,
+                  keyRoute = _this$props2.keyRoute,
+                  jsonStore = _this$props2.jsonStore;
+                var _ref2 = jsonStore || {},
+                  updateFormValueData = _ref2.updateFormValueData;
+                updateFormValueData(keyRoute, '');
+              };
               _this.state = {
                 loading: false,
               };
               // 这边绑定是必要的，这样 `this` 才能在回调函数中使用
               _this.handleImageChange = _this.handleImageChange.bind(_this);
+              _this.handleDeleteChange = _this.handleDeleteChange.bind(_this);
               return _this;
             }
 
@@ -104642,13 +104552,18 @@ styles.join("\\n")
               };
             _proto.render = function render() {
               var _targetJsonSchema$lis;
-              var _this$props2 = this.props,
-                nodeKey = _this$props2.nodeKey,
-                jsonKey = _this$props2.jsonKey,
-                keyRoute = _this$props2.keyRoute,
-                targetJsonSchema = _this$props2.targetJsonSchema,
-                pageScreen = _this$props2.pageScreen,
-                getJSONDataByKeyRoute = _this$props2.getJSONDataByKeyRoute;
+              var _this$props3 = this.props,
+                schemaStore = _this$props3.schemaStore,
+                jsonStore = _this$props3.jsonStore;
+              var _ref3 = schemaStore || {},
+                pageScreen = _ref3.pageScreen;
+              var _ref4 = jsonStore || {},
+                getJSONDataByKeyRoute = _ref4.getJSONDataByKeyRoute;
+              var _this$props4 = this.props,
+                nodeKey = _this$props4.nodeKey,
+                jsonKey = _this$props4.jsonKey,
+                keyRoute = _this$props4.keyRoute,
+                targetJsonSchema = _this$props4.targetJsonSchema;
               var options = this.props.options || {};
               var loading = this.state.loading;
               // 从jsonData中获取对应的数值
@@ -104675,6 +104590,7 @@ styles.join("\\n")
                     targetJsonSchema.authorization || 'authorization-content',
                 },
                 onChange: this.handleImageChange,
+                onRemove: this.handleDeleteChange,
               };
               return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1__.createElement(
                 'div',
@@ -104819,13 +104735,8 @@ styles.join("\\n")
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_11__.inject)(function (stores) {
             return {
-              pageScreen: stores.JSONSchemaStore.pageScreen,
-              options: stores.JSONEditorStore.options,
-              getJSONDataByKeyRoute:
-                stores.JSONEditorStore.getJSONDataByKeyRoute,
-              getInitJsonDataByKeyRoute:
-                stores.JSONEditorStore.getInitJsonDataByKeyRoute,
-              updateFormValueData: stores.JSONEditorStore.updateFormValueData,
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })(
             (0, mobx_react__WEBPACK_IMPORTED_MODULE_11__.observer)(
@@ -104919,7 +104830,9 @@ styles.join("\\n")
               _this.handleValueChange = function (newJsonData) {
                 var _this$props = _this.props,
                   keyRoute = _this$props.keyRoute,
-                  updateFormValueData = _this$props.updateFormValueData;
+                  jsonStore = _this$props.jsonStore;
+                var _ref = jsonStore || {},
+                  updateFormValueData = _ref.updateFormValueData;
                 if (newJsonData) {
                   updateFormValueData(keyRoute, newJsonData); // 更新数值
                 }
@@ -104959,12 +104872,17 @@ styles.join("\\n")
             _proto.render = function render() {
               var _this2 = this;
               var _this$props2 = this.props,
-                nodeKey = _this$props2.nodeKey,
-                jsonKey = _this$props2.jsonKey,
-                keyRoute = _this$props2.keyRoute,
-                targetJsonSchema = _this$props2.targetJsonSchema,
-                pageScreen = _this$props2.pageScreen,
-                getJSONDataByKeyRoute = _this$props2.getJSONDataByKeyRoute;
+                schemaStore = _this$props2.schemaStore,
+                jsonStore = _this$props2.jsonStore;
+              var _ref2 = schemaStore || {},
+                pageScreen = _ref2.pageScreen;
+              var _ref3 = jsonStore || {},
+                getJSONDataByKeyRoute = _ref3.getJSONDataByKeyRoute;
+              var _this$props3 = this.props,
+                nodeKey = _this$props3.nodeKey,
+                jsonKey = _this$props3.jsonKey,
+                keyRoute = _this$props3.keyRoute,
+                targetJsonSchema = _this$props3.targetJsonSchema;
               var _this$state = this.state,
                 isShowWarn = _this$state.isShowWarn,
                 warnText = _this$state.warnText,
@@ -105149,13 +105067,8 @@ styles.join("\\n")
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_12__.inject)(function (stores) {
             return {
-              pageScreen: stores.JSONSchemaStore.pageScreen,
-              getJSONDataByKeyRoute:
-                stores.JSONEditorStore.getJSONDataByKeyRoute,
-              getInitJsonDataByKeyRoute:
-                stores.JSONEditorStore.getInitJsonDataByKeyRoute,
-              indexRoute2keyRoute: stores.JSONSchemaStore.indexRoute2keyRoute,
-              updateFormValueData: stores.JSONEditorStore.updateFormValueData,
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })(
             (0, mobx_react__WEBPACK_IMPORTED_MODULE_12__.observer)(
@@ -105241,7 +105154,9 @@ styles.join("\\n")
               _this.handleValueChange = function (newJsonData) {
                 var _this$props = _this.props,
                   keyRoute = _this$props.keyRoute,
-                  updateFormValueData = _this$props.updateFormValueData;
+                  jsonStore = _this$props.jsonStore;
+                var _ref = jsonStore || {},
+                  updateFormValueData = _ref.updateFormValueData;
                 if (newJsonData) {
                   updateFormValueData(keyRoute, newJsonData); // 更新数值
                 }
@@ -105255,11 +105170,12 @@ styles.join("\\n")
             ])(JsonView, _React$PureComponent);
             var _proto = JsonView.prototype;
             _proto.render = function render() {
+              var _ref2 = this.props.jsonStore || {},
+                getJSONDataByKeyRoute = _ref2.getJSONDataByKeyRoute;
               var _this$props2 = this.props,
                 nodeKey = _this$props2.nodeKey,
                 keyRoute = _this$props2.keyRoute,
-                targetJsonSchema = _this$props2.targetJsonSchema,
-                getJSONDataByKeyRoute = _this$props2.getJSONDataByKeyRoute;
+                targetJsonSchema = _this$props2.targetJsonSchema;
               // 从jsonData中获取对应的数值
               var curJsonData = getJSONDataByKeyRoute(keyRoute);
 
@@ -105335,11 +105251,8 @@ styles.join("\\n")
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_8__.inject)(function (stores) {
             return {
-              pageScreen: stores.JSONSchemaStore.pageScreen,
-              getJSONDataByKeyRoute:
-                stores.JSONEditorStore.getJSONDataByKeyRoute,
-              getInitJsonDataByKeyRoute:
-                stores.JSONEditorStore.getInitJsonDataByKeyRoute,
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })((0, mobx_react__WEBPACK_IMPORTED_MODULE_8__.observer)(JsonView));
 
@@ -105418,8 +105331,10 @@ styles.join("\\n")
               _this.handleValueChange = function (newVal) {
                 var _this$props = _this.props,
                   keyRoute = _this$props.keyRoute,
-                  targetJsonSchema = _this$props.targetJsonSchema,
-                  updateFormValueData = _this$props.updateFormValueData;
+                  jsonStore = _this$props.jsonStore;
+                var _ref = jsonStore || {},
+                  updateFormValueData = _ref.updateFormValueData;
+                var targetJsonSchema = _this.props.targetJsonSchema;
                 if (newVal < targetJsonSchema.minimum) {
                   antd__WEBPACK_IMPORTED_MODULE_6__['default'].warning(
                     '\u5C0F\u4E8E\u8BBE\u5B9A\u7684\u6700\u5C0F\u6570\u503C' +
@@ -105484,12 +105399,17 @@ styles.join("\\n")
             _proto.render = function render() {
               var _this2 = this;
               var _this$props2 = this.props,
-                keyRoute = _this$props2.keyRoute,
-                jsonKey = _this$props2.jsonKey,
-                nodeKey = _this$props2.nodeKey,
-                targetJsonSchema = _this$props2.targetJsonSchema,
-                pageScreen = _this$props2.pageScreen,
-                getJSONDataByKeyRoute = _this$props2.getJSONDataByKeyRoute;
+                schemaStore = _this$props2.schemaStore,
+                jsonStore = _this$props2.jsonStore;
+              var _ref2 = schemaStore || {},
+                pageScreen = _ref2.pageScreen;
+              var _ref3 = jsonStore || {},
+                getJSONDataByKeyRoute = _ref3.getJSONDataByKeyRoute;
+              var _this$props3 = this.props,
+                keyRoute = _this$props3.keyRoute,
+                jsonKey = _this$props3.jsonKey,
+                nodeKey = _this$props3.nodeKey,
+                targetJsonSchema = _this$props3.targetJsonSchema;
               var renderTime = this.state.renderTime;
               // 从jsonData中获取对应的数值
               var curJsonData = getJSONDataByKeyRoute(keyRoute);
@@ -105654,12 +105574,8 @@ styles.join("\\n")
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_10__.inject)(function (stores) {
             return {
-              pageScreen: stores.JSONSchemaStore.pageScreen,
-              getJSONDataByKeyRoute:
-                stores.JSONEditorStore.getJSONDataByKeyRoute,
-              updateFormValueData: stores.JSONEditorStore.updateFormValueData,
-              getInitJsonDataByKeyRoute:
-                stores.JSONEditorStore.getInitJsonDataByKeyRoute,
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })(
             (0, mobx_react__WEBPACK_IMPORTED_MODULE_10__.observer)(
@@ -105691,27 +105607,27 @@ styles.join("\\n")
             /*#__PURE__*/ __webpack_require__.n(
               react__WEBPACK_IMPORTED_MODULE_1__,
             );
-          /* harmony import */ var mobx_react__WEBPACK_IMPORTED_MODULE_12__ =
+          /* harmony import */ var mobx_react__WEBPACK_IMPORTED_MODULE_13__ =
             __webpack_require__(
               /*! mobx-react */ '../../node_modules/mobx-react/dist/mobxreact.esm.js',
             );
-          /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_11__ =
+          /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_12__ =
             __webpack_require__(
               /*! prop-types */ '../../node_modules/prop-types/index.js',
             );
-          /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_11___default =
+          /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_12___default =
             /*#__PURE__*/ __webpack_require__.n(
-              prop_types__WEBPACK_IMPORTED_MODULE_11__,
+              prop_types__WEBPACK_IMPORTED_MODULE_12__,
             );
-          /* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_8__ =
+          /* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_9__ =
             __webpack_require__(
               /*! antd */ '../../node_modules/antd/es/tooltip/index.js',
             );
-          /* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_9__ =
+          /* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_10__ =
             __webpack_require__(
               /*! @ant-design/icons */ '../../node_modules/@ant-design/icons/es/icons/RightOutlined.js',
             );
-          /* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_10__ =
+          /* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_11__ =
             __webpack_require__(
               /*! @ant-design/icons */ '../../node_modules/@ant-design/icons/es/icons/DownOutlined.js',
             );
@@ -105729,17 +105645,21 @@ styles.join("\\n")
             );
           /* harmony import */ var $mixins_index__WEBPACK_IMPORTED_MODULE_5__ =
             __webpack_require__(/*! $mixins/index */ './src/mixins/index.js');
-          /* harmony import */ var $assets_img_code_svg__WEBPACK_IMPORTED_MODULE_6__ =
+          /* harmony import */ var $utils_webCache__WEBPACK_IMPORTED_MODULE_6__ =
+            __webpack_require__(
+              /*! $utils/webCache */ './src/utils/webCache.js',
+            );
+          /* harmony import */ var $assets_img_code_svg__WEBPACK_IMPORTED_MODULE_7__ =
             __webpack_require__(
               /*! $assets/img/code.svg */ './src/assets/img/code.svg',
             );
-          /* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_7__ =
+          /* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_8__ =
             __webpack_require__(
               /*! ./index.scss */ './src/renderers/ObjectSchema/index.scss',
             );
-          /* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_7___default =
+          /* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_8___default =
             /*#__PURE__*/ __webpack_require__.n(
-              _index_scss__WEBPACK_IMPORTED_MODULE_7__,
+              _index_scss__WEBPACK_IMPORTED_MODULE_8__,
             );
 
           var ObjectSchema = /*#__PURE__*/ (function (_React$PureComponent) {
@@ -105751,6 +105671,7 @@ styles.join("\\n")
                 // 是否显示code模式
                 isClosed: false, // 是否为关闭状态，默认是开启状态
               };
+              _this.collapseChange = _this.collapseChange.bind(_this);
               return _this;
             }
             (0,
@@ -105774,25 +105695,42 @@ styles.join("\\n")
                   );
                 }
               };
+            _proto.collapseChange = function collapseChange(event) {
+              var keyRoute = this.props.keyRoute;
+              var isClosed = this.state.isClosed;
+              this.setState({
+                isClosed: !isClosed,
+              });
+              event.preventDefault();
+              event.stopPropagation();
+
+              // 缓存当前折叠状态
+              (0,
+              $utils_webCache__WEBPACK_IMPORTED_MODULE_6__.saveJSONEditorCache)(
+                keyRoute,
+                !isClosed,
+              );
+            };
             _proto.render = function render() {
               var _targetJsonSchema$sho,
                 _this2 = this;
               var _this$props = this.props,
-                indexRoute = _this$props.indexRoute,
-                jsonKey = _this$props.jsonKey,
-                nodeKey = _this$props.nodeKey,
-                keyRoute = _this$props.keyRoute,
-                pageScreen = _this$props.pageScreen,
-                targetJsonSchema = _this$props.targetJsonSchema,
-                isArrayItem = _this$props.isArrayItem,
-                arrIndex = _this$props.arrIndex,
-                isStructuredSchema = _this$props.isStructuredSchema,
-                getJSONDataByKeyRoute = _this$props.getJSONDataByKeyRoute,
-                keyRoute2indexRoute = _this$props.keyRoute2indexRoute,
-                updateFormValueData = _this$props.updateFormValueData;
+                schemaStore = _this$props.schemaStore,
+                jsonStore = _this$props.jsonStore;
+              var _ref = schemaStore || {},
+                pageScreen = _ref.pageScreen;
+              var _this$props2 = this.props,
+                indexRoute = _this$props2.indexRoute,
+                jsonKey = _this$props2.jsonKey,
+                nodeKey = _this$props2.nodeKey,
+                keyRoute = _this$props2.keyRoute,
+                targetJsonSchema = _this$props2.targetJsonSchema,
+                isArrayItem = _this$props2.isArrayItem,
+                arrIndex = _this$props2.arrIndex,
+                isStructuredSchema = _this$props2.isStructuredSchema;
               var _this$state = this.state,
                 jsonView = _this$state.jsonView,
-                isClosed = _this$state.isClosed;
+                _isClosed = _this$state.isClosed;
               // 判断是否结构化Schema，如果是则不显示Title，避免重复的title
               var isStructured = isStructuredSchema;
               // 是否显示源码切换按钮
@@ -105801,6 +105739,16 @@ styles.join("\\n")
                 null
                   ? _targetJsonSchema$sho
                   : true;
+
+              // 获取前端缓存中的折叠数据
+              var isClosed = _isClosed;
+              var collapseCacheData = (0,
+              $utils_webCache__WEBPACK_IMPORTED_MODULE_6__.getJSONEditorCache)(
+                keyRoute,
+              );
+              if (collapseCacheData !== undefined) {
+                isClosed = collapseCacheData;
+              }
               return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
                 'div',
                 {
@@ -105819,7 +105767,7 @@ styles.join("\\n")
                       className: 'element-title',
                     },
                     /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                      antd__WEBPACK_IMPORTED_MODULE_8__['default'],
+                      antd__WEBPACK_IMPORTED_MODULE_9__['default'],
                       {
                         title: targetJsonSchema.description,
                         placement: 'top',
@@ -105863,13 +105811,7 @@ styles.join("\\n")
                       'div',
                       {
                         className: 'element-title',
-                        onClick: function onClick(event) {
-                          _this2.setState({
-                            isClosed: !isClosed,
-                          });
-                          event.preventDefault();
-                          event.stopPropagation();
-                        },
+                        onClick: this.collapseChange,
                       },
                       /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
                         'span',
@@ -105880,7 +105822,7 @@ styles.join("\\n")
                       ),
                       isClosed
                         ? /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                            _ant_design_icons__WEBPACK_IMPORTED_MODULE_9__[
+                            _ant_design_icons__WEBPACK_IMPORTED_MODULE_10__[
                               'default'
                             ],
                             {
@@ -105888,7 +105830,7 @@ styles.join("\\n")
                             },
                           )
                         : /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                            _ant_design_icons__WEBPACK_IMPORTED_MODULE_10__[
+                            _ant_design_icons__WEBPACK_IMPORTED_MODULE_11__[
                               'default'
                             ],
                             {
@@ -105909,12 +105851,12 @@ styles.join("\\n")
                             },
                           },
                           /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                            antd__WEBPACK_IMPORTED_MODULE_8__['default'],
+                            antd__WEBPACK_IMPORTED_MODULE_9__['default'],
                             {
                               title: jsonView ? '关闭源码模式' : '开启源码模式',
                             },
                             /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                              $assets_img_code_svg__WEBPACK_IMPORTED_MODULE_6__[
+                              $assets_img_code_svg__WEBPACK_IMPORTED_MODULE_7__[
                                 'default'
                               ],
                               {
@@ -105969,9 +105911,8 @@ styles.join("\\n")
                           keyRoute: currentKeyRoute,
                           nodeKey: childNodeKey,
                           targetJsonSchema: currentSchemaData,
-                          getJSONDataByKeyRoute: getJSONDataByKeyRoute,
-                          keyRoute2indexRoute: keyRoute2indexRoute,
-                          updateFormValueData: updateFormValueData,
+                          schemaStore: schemaStore,
+                          jsonStore: jsonStore,
                         });
                       }),
                     jsonView &&
@@ -105988,33 +105929,29 @@ styles.join("\\n")
             return ObjectSchema;
           })(react__WEBPACK_IMPORTED_MODULE_1___default().PureComponent);
           ObjectSchema.propTypes = {
-            isArrayItem: prop_types__WEBPACK_IMPORTED_MODULE_11___default().any,
+            isArrayItem: prop_types__WEBPACK_IMPORTED_MODULE_12___default().any,
             // 如果是数组项，title会进行特殊显示
-            arrIndex: prop_types__WEBPACK_IMPORTED_MODULE_11___default().any,
+            arrIndex: prop_types__WEBPACK_IMPORTED_MODULE_12___default().any,
             // 当前数组项
             parentType:
-              prop_types__WEBPACK_IMPORTED_MODULE_11___default().string,
-            jsonKey: prop_types__WEBPACK_IMPORTED_MODULE_11___default().string,
-            indexRoute: prop_types__WEBPACK_IMPORTED_MODULE_11___default().any,
-            keyRoute: prop_types__WEBPACK_IMPORTED_MODULE_11___default().string,
-            nodeKey: prop_types__WEBPACK_IMPORTED_MODULE_11___default().string,
+              prop_types__WEBPACK_IMPORTED_MODULE_12___default().string,
+            jsonKey: prop_types__WEBPACK_IMPORTED_MODULE_12___default().string,
+            indexRoute: prop_types__WEBPACK_IMPORTED_MODULE_12___default().any,
+            keyRoute: prop_types__WEBPACK_IMPORTED_MODULE_12___default().string,
+            nodeKey: prop_types__WEBPACK_IMPORTED_MODULE_12___default().string,
             targetJsonSchema:
-              prop_types__WEBPACK_IMPORTED_MODULE_11___default().any,
+              prop_types__WEBPACK_IMPORTED_MODULE_12___default().any,
             isStructuredSchema:
-              prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool,
+              prop_types__WEBPACK_IMPORTED_MODULE_12___default().bool,
           };
           /* harmony default export */ __webpack_exports__['default'] = (0,
-          mobx_react__WEBPACK_IMPORTED_MODULE_12__.inject)(function (stores) {
+          mobx_react__WEBPACK_IMPORTED_MODULE_13__.inject)(function (stores) {
             return {
-              pageScreen: stores.JSONSchemaStore.pageScreen,
-              getJSONDataByKeyRoute:
-                stores.JSONEditorStore.getJSONDataByKeyRoute,
-              updateFormValueData: stores.JSONEditorStore.updateFormValueData,
-              getInitJsonDataByKeyRoute:
-                stores.JSONEditorStore.getInitJsonDataByKeyRoute,
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })(
-            (0, mobx_react__WEBPACK_IMPORTED_MODULE_12__.observer)(
+            (0, mobx_react__WEBPACK_IMPORTED_MODULE_13__.observer)(
               ObjectSchema,
             ),
           );
@@ -106079,10 +106016,12 @@ styles.join("\\n")
               // 这边绑定是必要的，这样 `this` 才能在回调函数中使用
               /** 数值变动事件处理器 */
               _this.handleValueChange = function (event) {
-                var value = event.target.value;
                 var _this$props = _this.props,
                   keyRoute = _this$props.keyRoute,
-                  updateFormValueData = _this$props.updateFormValueData;
+                  jsonStore = _this$props.jsonStore;
+                var _ref = jsonStore || {},
+                  updateFormValueData = _ref.updateFormValueData;
+                var value = event.target.value;
                 var curKeyRoute = keyRoute ? keyRoute + '-unit' : 'unit';
                 updateFormValueData(curKeyRoute, Number(value)); // 更新单位数值
               };
@@ -106112,12 +106051,17 @@ styles.join("\\n")
               };
             _proto.render = function render() {
               var _this$props2 = this.props,
-                keyRoute = _this$props2.keyRoute,
-                jsonKey = _this$props2.jsonKey,
-                nodeKey = _this$props2.nodeKey,
-                targetJsonSchema = _this$props2.targetJsonSchema,
-                pageScreen = _this$props2.pageScreen,
-                getJSONDataByKeyRoute = _this$props2.getJSONDataByKeyRoute;
+                schemaStore = _this$props2.schemaStore,
+                jsonStore = _this$props2.jsonStore;
+              var _ref2 = schemaStore || {},
+                pageScreen = _ref2.pageScreen;
+              var _ref3 = jsonStore || {},
+                getJSONDataByKeyRoute = _ref3.getJSONDataByKeyRoute;
+              var _this$props3 = this.props,
+                keyRoute = _this$props3.keyRoute,
+                jsonKey = _this$props3.jsonKey,
+                nodeKey = _this$props3.nodeKey,
+                targetJsonSchema = _this$props3.targetJsonSchema;
               // 从jsonData中获取对应的数值
               var curJsonData = getJSONDataByKeyRoute(keyRoute);
               var readOnly = targetJsonSchema.readOnly || false; // 是否只读（默认可编辑）
@@ -106242,12 +106186,8 @@ styles.join("\\n")
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_8__.inject)(function (stores) {
             return {
-              pageScreen: stores.JSONSchemaStore.pageScreen,
-              getJSONDataByKeyRoute:
-                stores.JSONEditorStore.getJSONDataByKeyRoute,
-              updateFormValueData: stores.JSONEditorStore.updateFormValueData,
-              getInitJsonDataByKeyRoute:
-                stores.JSONEditorStore.getInitJsonDataByKeyRoute,
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })(
             (0, mobx_react__WEBPACK_IMPORTED_MODULE_8__.observer)(
@@ -106317,10 +106257,12 @@ styles.join("\\n")
               // 这边绑定是必要的，这样 `this` 才能在回调函数中使用
               /** 数值变动事件处理器 */
               _this.handleValueChange = function (event) {
-                var value = event.target.value;
                 var _this$props = _this.props,
                   keyRoute = _this$props.keyRoute,
-                  updateFormValueData = _this$props.updateFormValueData;
+                  jsonStore = _this$props.jsonStore;
+                var _ref = jsonStore || {},
+                  updateFormValueData = _ref.updateFormValueData;
+                var value = event.target.value;
                 updateFormValueData(keyRoute, value); // 更新数值
               };
               _this.handleValueChange = _this.handleValueChange.bind(_this);
@@ -106349,12 +106291,17 @@ styles.join("\\n")
               };
             _proto.render = function render() {
               var _this$props2 = this.props,
-                nodeKey = _this$props2.nodeKey,
-                jsonKey = _this$props2.jsonKey,
-                keyRoute = _this$props2.keyRoute,
-                targetJsonSchema = _this$props2.targetJsonSchema,
-                pageScreen = _this$props2.pageScreen,
-                getJSONDataByKeyRoute = _this$props2.getJSONDataByKeyRoute;
+                schemaStore = _this$props2.schemaStore,
+                jsonStore = _this$props2.jsonStore;
+              var _ref2 = schemaStore || {},
+                pageScreen = _ref2.pageScreen;
+              var _ref3 = jsonStore || {},
+                getJSONDataByKeyRoute = _ref3.getJSONDataByKeyRoute;
+              var _this$props3 = this.props,
+                nodeKey = _this$props3.nodeKey,
+                jsonKey = _this$props3.jsonKey,
+                keyRoute = _this$props3.keyRoute,
+                targetJsonSchema = _this$props3.targetJsonSchema;
               // 从jsonData中获取对应的数值
               var curJsonData = getJSONDataByKeyRoute(keyRoute);
               var options = targetJsonSchema.options;
@@ -106482,12 +106429,8 @@ styles.join("\\n")
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_8__.inject)(function (stores) {
             return {
-              pageScreen: stores.JSONSchemaStore.pageScreen,
-              getJSONDataByKeyRoute:
-                stores.JSONEditorStore.getJSONDataByKeyRoute,
-              updateFormValueData: stores.JSONEditorStore.updateFormValueData,
-              getInitJsonDataByKeyRoute:
-                stores.JSONEditorStore.getInitJsonDataByKeyRoute,
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })(
             (0, mobx_react__WEBPACK_IMPORTED_MODULE_8__.observer)(RadioSchema),
@@ -106639,14 +106582,19 @@ styles.join("\\n")
             _proto.render = function render() {
               var _this2 = this;
               var _this$props = this.props,
-                pageScreen = _this$props.pageScreen,
-                curConfigData = _this$props.curConfigData,
-                nodeKey = _this$props.nodeKey,
-                keyRoute = _this$props.keyRoute,
-                dynamicDataList = _this$props.dynamicDataList,
-                dynamicDataObj = _this$props.dynamicDataObj,
-                dynamicDataApiScopeList = _this$props.dynamicDataApiScopeList,
-                getJSONDataByKeyRoute = _this$props.getJSONDataByKeyRoute;
+                schemaStore = _this$props.schemaStore,
+                jsonStore = _this$props.jsonStore;
+              var _ref = schemaStore || {},
+                pageScreen = _ref.pageScreen;
+              var _ref2 = jsonStore || {},
+                getJSONDataByKeyRoute = _ref2.getJSONDataByKeyRoute,
+                dynamicDataApiScopeList = _ref2.dynamicDataApiScopeList,
+                dynamicDataList = _ref2.dynamicDataList,
+                dynamicDataObj = _ref2.dynamicDataObj;
+              var _this$props2 = this.props,
+                curConfigData = _this$props2.curConfigData,
+                nodeKey = _this$props2.nodeKey,
+                keyRoute = _this$props2.keyRoute;
               // 从jsonData中获取对应的数值
               var curJsonData = getJSONDataByKeyRoute(keyRoute) || {};
               var dataName = curConfigData.dataName; // 数据源名称
@@ -106906,13 +106854,8 @@ styles.join("\\n")
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_12__.inject)(function (stores) {
             return {
-              pageScreen: stores.JSONSchemaStore.pageScreen,
-              dynamicDataList: stores.JSONEditorStore.dynamicDataList,
-              dynamicDataObj: stores.JSONEditorStore.dynamicDataObj,
-              dynamicDataApiScopeList:
-                stores.JSONEditorStore.dynamicDataApiScopeList,
-              getJSONDataByKeyRoute:
-                stores.JSONEditorStore.getJSONDataByKeyRoute,
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })(
             (0, mobx_react__WEBPACK_IMPORTED_MODULE_12__.observer)(
@@ -106999,7 +106942,9 @@ styles.join("\\n")
               _this.handleValueChange = function (value) {
                 var _this$props = _this.props,
                   keyRoute = _this$props.keyRoute,
-                  updateFormValueData = _this$props.updateFormValueData;
+                  jsonStore = _this$props.jsonStore;
+                var _ref = jsonStore || {},
+                  updateFormValueData = _ref.updateFormValueData;
                 updateFormValueData(keyRoute, value); // 更新数值
               };
               _this.handleValueChange = _this.handleValueChange.bind(_this);
@@ -107028,12 +106973,17 @@ styles.join("\\n")
               };
             _proto.render = function render() {
               var _this$props2 = this.props,
-                nodeKey = _this$props2.nodeKey,
-                jsonKey = _this$props2.jsonKey,
-                keyRoute = _this$props2.keyRoute,
-                targetJsonSchema = _this$props2.targetJsonSchema,
-                pageScreen = _this$props2.pageScreen,
-                getJSONDataByKeyRoute = _this$props2.getJSONDataByKeyRoute;
+                schemaStore = _this$props2.schemaStore,
+                jsonStore = _this$props2.jsonStore;
+              var _ref2 = schemaStore || {},
+                pageScreen = _ref2.pageScreen;
+              var _ref3 = jsonStore || {},
+                getJSONDataByKeyRoute = _ref3.getJSONDataByKeyRoute;
+              var _this$props3 = this.props,
+                nodeKey = _this$props3.nodeKey,
+                jsonKey = _this$props3.jsonKey,
+                keyRoute = _this$props3.keyRoute,
+                targetJsonSchema = _this$props3.targetJsonSchema;
               // 从jsonData中获取对应的数值
               var curJsonData = getJSONDataByKeyRoute(keyRoute);
               var options = targetJsonSchema.options;
@@ -107173,12 +107123,8 @@ styles.join("\\n")
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_10__.inject)(function (stores) {
             return {
-              pageScreen: stores.JSONSchemaStore.pageScreen,
-              getJSONDataByKeyRoute:
-                stores.JSONEditorStore.getJSONDataByKeyRoute,
-              updateFormValueData: stores.JSONEditorStore.updateFormValueData,
-              getInitJsonDataByKeyRoute:
-                stores.JSONEditorStore.getInitJsonDataByKeyRoute,
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })(
             (0, mobx_react__WEBPACK_IMPORTED_MODULE_10__.observer)(
@@ -107210,7 +107156,7 @@ styles.join("\\n")
             /*#__PURE__*/ __webpack_require__.n(
               react__WEBPACK_IMPORTED_MODULE_1__,
             );
-          /* harmony import */ var mobx_react__WEBPACK_IMPORTED_MODULE_9__ =
+          /* harmony import */ var mobx_react__WEBPACK_IMPORTED_MODULE_10__ =
             __webpack_require__(
               /*! mobx-react */ '../../node_modules/mobx-react/dist/mobxreact.esm.js',
             );
@@ -107218,19 +107164,19 @@ styles.join("\\n")
             __webpack_require__(
               /*! mobx */ '../../node_modules/mobx/lib/mobx.module.js',
             );
-          /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_8__ =
+          /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_9__ =
             __webpack_require__(
               /*! prop-types */ '../../node_modules/prop-types/index.js',
             );
-          /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_8___default =
+          /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_9___default =
             /*#__PURE__*/ __webpack_require__.n(
-              prop_types__WEBPACK_IMPORTED_MODULE_8__,
+              prop_types__WEBPACK_IMPORTED_MODULE_9__,
             );
           /* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_3__ =
             __webpack_require__(
               /*! antd */ '../../node_modules/antd/es/collapse/index.js',
             );
-          /* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_7__ =
+          /* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_8__ =
             __webpack_require__(
               /*! antd */ '../../node_modules/antd/es/tooltip/index.js',
             );
@@ -107244,6 +107190,10 @@ styles.join("\\n")
             );
           /* harmony import */ var $mixins_index__WEBPACK_IMPORTED_MODULE_6__ =
             __webpack_require__(/*! $mixins/index */ './src/mixins/index.js');
+          /* harmony import */ var $utils_webCache__WEBPACK_IMPORTED_MODULE_7__ =
+            __webpack_require__(
+              /*! $utils/webCache */ './src/utils/webCache.js',
+            );
 
           var Panel = antd__WEBPACK_IMPORTED_MODULE_3__['default'].Panel;
 
@@ -107258,6 +107208,7 @@ styles.join("\\n")
                 // 是否显示code模式
                 isClosed: false, // 是否为关闭状态，默认是开启状态
               };
+              _this.collapseChange = _this.collapseChange.bind(_this);
               return _this;
             }
             (0,
@@ -107281,17 +107232,42 @@ styles.join("\\n")
                   );
                 }
               };
+            _proto.collapseChange = function collapseChange(collapseData) {
+              var keyRoute = this.props.keyRoute;
+              // 缓存当前折叠状态
+              (0,
+              $utils_webCache__WEBPACK_IMPORTED_MODULE_7__.saveJSONEditorCache)(
+                keyRoute,
+                collapseData,
+              );
+            };
             _proto.render = function render() {
               var _this$props = this.props,
-                indexRoute = _this$props.indexRoute,
-                jsonKey = _this$props.jsonKey,
-                nodeKey = _this$props.nodeKey,
-                keyRoute = _this$props.keyRoute,
-                pageScreen = _this$props.pageScreen,
-                targetJsonSchema = _this$props.targetJsonSchema,
-                getJSONDataByKeyRoute = _this$props.getJSONDataByKeyRoute,
-                keyRoute2indexRoute = _this$props.keyRoute2indexRoute,
-                updateFormValueData = _this$props.updateFormValueData;
+                schemaStore = _this$props.schemaStore,
+                jsonStore = _this$props.jsonStore;
+              var _ref = schemaStore || {},
+                pageScreen = _ref.pageScreen;
+              // const { getJSONDataByKeyRoute } = jsonStore || {};
+              var _this$props2 = this.props,
+                indexRoute = _this$props2.indexRoute,
+                jsonKey = _this$props2.jsonKey,
+                nodeKey = _this$props2.nodeKey,
+                keyRoute = _this$props2.keyRoute,
+                targetJsonSchema = _this$props2.targetJsonSchema;
+              // 获取前端缓存中的折叠数据
+              var collapseData = ['mainConfig'];
+              var collapseCacheData = (0,
+              $utils_webCache__WEBPACK_IMPORTED_MODULE_7__.getJSONEditorCache)(
+                keyRoute,
+              );
+              if (
+                collapseCacheData &&
+                (0, _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_4__.isArray)(
+                  collapseCacheData,
+                )
+              ) {
+                collapseData = collapseCacheData;
+              }
               return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
                 'div',
                 {
@@ -107300,7 +107276,7 @@ styles.join("\\n")
                     (pageScreen === 'wideScreen'
                       ? 'wide-screen-element-warp'
                       : 'mobile-screen-element-warp'),
-                  key: nodeKey,
+                  // key={nodeKey}
                   id: nodeKey,
                 },
                 /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
@@ -107309,7 +107285,7 @@ styles.join("\\n")
                     className: 'element-title',
                   },
                   /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                    antd__WEBPACK_IMPORTED_MODULE_7__['default'],
+                    antd__WEBPACK_IMPORTED_MODULE_8__['default'],
                     {
                       title: targetJsonSchema.description,
                       placement: 'top',
@@ -107350,93 +107326,13 @@ styles.join("\\n")
                   /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
                     antd__WEBPACK_IMPORTED_MODULE_3__['default'],
                     {
-                      defaultActiveKey: ['mainConfig'],
+                      defaultActiveKey: collapseData,
                       expandIconPosition: 'right',
                       bordered: false,
                       accordion: true,
+                      onChange: this.collapseChange,
                     },
-                    targetJsonSchema.properties['mainConfig'] &&
-                      /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                        Panel,
-                        {
-                          header:
-                            targetJsonSchema.properties['mainConfig'].title,
-                          key: 'mainConfig',
-                        },
-                        targetJsonSchema.properties[
-                          'mainConfig'
-                        ].propertyOrder.map(function (key, index) {
-                          /** 1. 获取当前元素的路径值 */
-                          var currentIndexRoute = indexRoute
-                            ? indexRoute + '-0-' + index
-                            : '0-' + index;
-                          var currentKeyRoute = keyRoute
-                            ? keyRoute + '-mainConfig-' + key
-                            : 'mainConfig-' + key; // key路径值，后续用于从jsonData中提取当前元素的数值
-                          var mainConfigJsonData =
-                            getJSONDataByKeyRoute(
-                              keyRoute
-                                ? keyRoute + '-mainConfig'
-                                : 'mainConfig',
-                            ) || {};
-                          /** 2. 获取当前元素的key值 */
-                          var currentJsonKey = key;
-                          /** 3. 获取当前元素的json结构对象 */
-                          var currentSchemaData = (0,
-                          mobx__WEBPACK_IMPORTED_MODULE_2__.toJS)(
-                            targetJsonSchema.properties['mainConfig']
-                              .properties[currentJsonKey],
-                          );
-                          /** 4. 判断是否是容器类型元素，如果是则禁止选中 */
-                          var curType = currentSchemaData.type;
-                          /** 5. 获取当前元素的id，用于做唯一标识 */
-                          var childNodeKey =
-                            nodeKey + '-' + curType + '-' + currentJsonKey;
-                          var visibleOn = [
-                            'description',
-                            'CONTENTID',
-                            'CONTENTTYPE',
-                          ].includes(currentJsonKey)
-                            ? false
-                            : true; // 是否显示当前元素
-
-                          // 补充动态配置类型相关显隐逻辑【定制逻辑】
-                          if (
-                            currentJsonKey === 'description' &&
-                            mainConfigJsonData.type === 'ContentStaticConfig'
-                          ) {
-                            // mp后台配置 时显示 description（属性名称）
-                            visibleOn = true;
-                          } else if (
-                            (currentJsonKey === 'CONTENTID' ||
-                              currentJsonKey === 'CONTENTTYPE') &&
-                            mainConfigJsonData.type === 'RuntimeDataSelfDefine'
-                          ) {
-                            visibleOn = true;
-                          }
-                          if (visibleOn) {
-                            return (0,
-                            $components_MappingRender__WEBPACK_IMPORTED_MODULE_5__[
-                              'default'
-                            ])({
-                              parentType: curType,
-                              jsonKey: currentJsonKey,
-                              indexRoute: currentIndexRoute,
-                              keyRoute: currentKeyRoute,
-                              nodeKey: childNodeKey,
-                              targetJsonSchema: currentSchemaData,
-                              isArrayItem: true,
-                              getJSONDataByKeyRoute: getJSONDataByKeyRoute,
-                              keyRoute2indexRoute: keyRoute2indexRoute,
-                              updateFormValueData: updateFormValueData,
-                            });
-                          }
-                        }),
-                      ),
                     targetJsonSchema.propertyOrder.map(function (key, index) {
-                      if (key === 'mainConfig') {
-                        return;
-                      }
                       /** 1. 获取当前元素的路径值 */
                       var currentIndexRoute = indexRoute
                         ? indexRoute + '-' + index
@@ -107477,9 +107373,8 @@ styles.join("\\n")
                             nodeKey: childNodeKey,
                             targetJsonSchema: currentSchemaData,
                             isArrayItem: true,
-                            getJSONDataByKeyRoute: getJSONDataByKeyRoute,
-                            keyRoute2indexRoute: keyRoute2indexRoute,
-                            updateFormValueData: updateFormValueData,
+                            schemaStore: schemaStore,
+                            jsonStore: jsonStore,
                           }),
                         );
                       }
@@ -107491,31 +107386,27 @@ styles.join("\\n")
             return SohuDataSourceSchema;
           })(react__WEBPACK_IMPORTED_MODULE_1___default().PureComponent);
           SohuDataSourceSchema.propTypes = {
-            isArrayItem: prop_types__WEBPACK_IMPORTED_MODULE_8___default().any,
+            isArrayItem: prop_types__WEBPACK_IMPORTED_MODULE_9___default().any,
             // 如果是数组项，title会进行特殊显示
             parentType:
-              prop_types__WEBPACK_IMPORTED_MODULE_8___default().string,
-            jsonKey: prop_types__WEBPACK_IMPORTED_MODULE_8___default().string,
-            indexRoute: prop_types__WEBPACK_IMPORTED_MODULE_8___default().any,
-            keyRoute: prop_types__WEBPACK_IMPORTED_MODULE_8___default().string,
-            nodeKey: prop_types__WEBPACK_IMPORTED_MODULE_8___default().string,
+              prop_types__WEBPACK_IMPORTED_MODULE_9___default().string,
+            jsonKey: prop_types__WEBPACK_IMPORTED_MODULE_9___default().string,
+            indexRoute: prop_types__WEBPACK_IMPORTED_MODULE_9___default().any,
+            keyRoute: prop_types__WEBPACK_IMPORTED_MODULE_9___default().string,
+            nodeKey: prop_types__WEBPACK_IMPORTED_MODULE_9___default().string,
             targetJsonSchema:
-              prop_types__WEBPACK_IMPORTED_MODULE_8___default().any,
+              prop_types__WEBPACK_IMPORTED_MODULE_9___default().any,
             isStructuredSchema:
-              prop_types__WEBPACK_IMPORTED_MODULE_8___default().bool,
+              prop_types__WEBPACK_IMPORTED_MODULE_9___default().bool,
           };
           /* harmony default export */ __webpack_exports__['default'] = (0,
-          mobx_react__WEBPACK_IMPORTED_MODULE_9__.inject)(function (stores) {
+          mobx_react__WEBPACK_IMPORTED_MODULE_10__.inject)(function (stores) {
             return {
-              pageScreen: stores.JSONSchemaStore.pageScreen,
-              getJSONDataByKeyRoute:
-                stores.JSONEditorStore.getJSONDataByKeyRoute,
-              updateFormValueData: stores.JSONEditorStore.updateFormValueData,
-              getInitJsonDataByKeyRoute:
-                stores.JSONEditorStore.getInitJsonDataByKeyRoute,
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })(
-            (0, mobx_react__WEBPACK_IMPORTED_MODULE_9__.observer)(
+            (0, mobx_react__WEBPACK_IMPORTED_MODULE_10__.observer)(
               SohuDataSourceSchema,
             ),
           );
@@ -107544,7 +107435,7 @@ styles.join("\\n")
             /*#__PURE__*/ __webpack_require__.n(
               react__WEBPACK_IMPORTED_MODULE_1__,
             );
-          /* harmony import */ var mobx_react__WEBPACK_IMPORTED_MODULE_12__ =
+          /* harmony import */ var mobx_react__WEBPACK_IMPORTED_MODULE_13__ =
             __webpack_require__(
               /*! mobx-react */ '../../node_modules/mobx-react/dist/mobxreact.esm.js',
             );
@@ -107552,13 +107443,13 @@ styles.join("\\n")
             __webpack_require__(
               /*! mobx */ '../../node_modules/mobx/lib/mobx.module.js',
             );
-          /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_11__ =
+          /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_12__ =
             __webpack_require__(
               /*! prop-types */ '../../node_modules/prop-types/index.js',
             );
-          /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_11___default =
+          /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_12___default =
             /*#__PURE__*/ __webpack_require__.n(
-              prop_types__WEBPACK_IMPORTED_MODULE_11__,
+              prop_types__WEBPACK_IMPORTED_MODULE_12__,
             );
           /* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_3__ =
             __webpack_require__(
@@ -107568,15 +107459,15 @@ styles.join("\\n")
             __webpack_require__(
               /*! antd */ '../../node_modules/antd/es/collapse/index.js',
             );
-          /* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_8__ =
+          /* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_9__ =
             __webpack_require__(
               /*! antd */ '../../node_modules/antd/es/input/index.js',
             );
-          /* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_9__ =
+          /* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_10__ =
             __webpack_require__(
               /*! antd */ '../../node_modules/antd/es/list/index.js',
             );
-          /* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_10__ =
+          /* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_11__ =
             __webpack_require__(
               /*! antd */ '../../node_modules/antd/es/empty/index.js',
             );
@@ -107586,13 +107477,17 @@ styles.join("\\n")
             );
           /* harmony import */ var $mixins_index__WEBPACK_IMPORTED_MODULE_6__ =
             __webpack_require__(/*! $mixins/index */ './src/mixins/index.js');
-          /* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_7__ =
+          /* harmony import */ var $utils_webCache__WEBPACK_IMPORTED_MODULE_7__ =
+            __webpack_require__(
+              /*! $utils/webCache */ './src/utils/webCache.js',
+            );
+          /* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_8__ =
             __webpack_require__(
               /*! ./index.scss */ './src/renderers/SohuEventSchema/index.scss',
             );
-          /* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_7___default =
+          /* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_8___default =
             /*#__PURE__*/ __webpack_require__.n(
-              _index_scss__WEBPACK_IMPORTED_MODULE_7__,
+              _index_scss__WEBPACK_IMPORTED_MODULE_8__,
             );
 
           var Option = antd__WEBPACK_IMPORTED_MODULE_3__['default'].Option;
@@ -107603,11 +107498,14 @@ styles.join("\\n")
               var _this;
               _this = _React$PureComponent.call(this, props) || this;
               _this.handleEventTitleChange = function (eventCode, inputEvent) {
-                var newTitle = inputEvent.target.value;
                 var _this$props = _this.props,
                   keyRoute = _this$props.keyRoute,
-                  updateFormValueData = _this$props.updateFormValueData,
-                  getJSONDataByKeyRoute = _this$props.getJSONDataByKeyRoute;
+                  jsonStore = _this$props.jsonStore;
+                var _ref = jsonStore || {},
+                  updateFormValueData = _ref.updateFormValueData,
+                  getJSONDataByKeyRoute = _ref.getJSONDataByKeyRoute,
+                  _options = _ref.options;
+                var newTitle = inputEvent.target.value;
                 var curJsonData = getJSONDataByKeyRoute(keyRoute) || {};
                 var globalEventMap = Object.assign(
                   {},
@@ -107625,9 +107523,12 @@ styles.join("\\n")
               ) {
                 var _this$props2 = _this.props,
                   keyRoute = _this$props2.keyRoute,
-                  updateFormValueData = _this$props2.updateFormValueData,
-                  getJSONDataByKeyRoute = _this$props2.getJSONDataByKeyRoute;
-                var options = _this.props.options || {};
+                  jsonStore = _this$props2.jsonStore;
+                var _ref2 = jsonStore || {},
+                  updateFormValueData = _ref2.updateFormValueData,
+                  getJSONDataByKeyRoute = _ref2.getJSONDataByKeyRoute,
+                  _options = _ref2.options;
+                var options = _options || {};
                 var curKeyRout = keyRoute + '-event';
                 var curJsonData = getJSONDataByKeyRoute(keyRoute) || {};
                 var curEvent = [];
@@ -107660,6 +107561,7 @@ styles.join("\\n")
                 // 是否显示code模式
                 isClosed: false, // 是否为关闭状态，默认是开启状态
               };
+              _this.collapseChange = _this.collapseChange.bind(_this);
               return _this;
             }
             (0,
@@ -107683,19 +107585,32 @@ styles.join("\\n")
                   );
                 }
               };
+            _proto.collapseChange = function collapseChange(collapseData) {
+              var keyRoute = this.props.keyRoute;
+              // 缓存当前折叠状态
+              (0,
+              $utils_webCache__WEBPACK_IMPORTED_MODULE_7__.saveJSONEditorCache)(
+                keyRoute,
+                collapseData,
+              );
+            };
             _proto.render = function render() {
               var _this2 = this;
               var _this$props3 = this.props,
-                indexRoute = _this$props3.indexRoute,
-                jsonKey = _this$props3.jsonKey,
-                nodeKey = _this$props3.nodeKey,
-                keyRoute = _this$props3.keyRoute,
-                pageScreen = _this$props3.pageScreen,
-                targetJsonSchema = _this$props3.targetJsonSchema,
-                getJSONDataByKeyRoute = _this$props3.getJSONDataByKeyRoute,
-                keyRoute2indexRoute = _this$props3.keyRoute2indexRoute,
-                updateFormValueData = _this$props3.updateFormValueData;
-              var options = this.props.options || {};
+                schemaStore = _this$props3.schemaStore,
+                jsonStore = _this$props3.jsonStore;
+              var _ref3 = schemaStore || {},
+                pageScreen = _ref3.pageScreen;
+              var _ref4 = jsonStore || {},
+                getJSONDataByKeyRoute = _ref4.getJSONDataByKeyRoute,
+                _options = _ref4.options;
+              var _this$props4 = this.props,
+                indexRoute = _this$props4.indexRoute,
+                jsonKey = _this$props4.jsonKey,
+                nodeKey = _this$props4.nodeKey,
+                keyRoute = _this$props4.keyRoute,
+                targetJsonSchema = _this$props4.targetJsonSchema;
+              var options = options || {};
               var curJsonData = getJSONDataByKeyRoute(keyRoute);
               var globalEventMap = curJsonData.globalEventMap || {}; // 全局事件列表
               var curEventList = curJsonData.event || []; // 当前组件事件列表
@@ -107709,6 +107624,21 @@ styles.join("\\n")
                 widgetType !== 'page' &&
                 eventEmitConfig.length === 0 &&
                 eventListenConfig.length === 0;
+
+              // 获取前端缓存中的折叠数据
+              var collapseData = [];
+              var collapseCacheData = (0,
+              $utils_webCache__WEBPACK_IMPORTED_MODULE_7__.getJSONEditorCache)(
+                keyRoute,
+              );
+              if (
+                collapseCacheData &&
+                (0, _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_5__.isArray)(
+                  collapseCacheData,
+                )
+              ) {
+                collapseData = collapseCacheData;
+              }
               return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
                 'div',
                 {
@@ -107723,9 +107653,10 @@ styles.join("\\n")
                 /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
                   antd__WEBPACK_IMPORTED_MODULE_4__['default'],
                   {
-                    defaultActiveKey: ['mainConfig'],
+                    defaultActiveKey: collapseData,
                     expandIconPosition: 'right',
                     bordered: false,
+                    onChange: this.collapseChange,
                     // accordion
                   },
                   eventListenConfig &&
@@ -107880,7 +107811,7 @@ styles.join("\\n")
                                 className: 'form-item-box',
                               },
                               /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                                antd__WEBPACK_IMPORTED_MODULE_8__['default'],
+                                antd__WEBPACK_IMPORTED_MODULE_9__['default'],
                                 {
                                   style: {
                                     display: 'inline-block',
@@ -107916,16 +107847,17 @@ styles.join("\\n")
                         key: 'AllEmitEventList',
                       },
                       /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                        antd__WEBPACK_IMPORTED_MODULE_9__['default'],
+                        antd__WEBPACK_IMPORTED_MODULE_10__['default'],
                         {
                           itemLayout: 'horizontal',
                           dataSource: allEmitEventList,
                           renderItem: function renderItem(event, index) {
                             return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                              antd__WEBPACK_IMPORTED_MODULE_9__['default'].Item,
+                              antd__WEBPACK_IMPORTED_MODULE_10__['default']
+                                .Item,
                               null,
                               /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                                antd__WEBPACK_IMPORTED_MODULE_9__['default']
+                                antd__WEBPACK_IMPORTED_MODULE_10__['default']
                                   .Item.Meta,
                                 {
                                   title:
@@ -107949,7 +107881,7 @@ styles.join("\\n")
                 ),
                 isEmpty &&
                   /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                    antd__WEBPACK_IMPORTED_MODULE_10__['default'],
+                    antd__WEBPACK_IMPORTED_MODULE_11__['default'],
                     {
                       description: '暂无事件相关数据',
                     },
@@ -107959,32 +107891,27 @@ styles.join("\\n")
             return SohuEventSchema;
           })(react__WEBPACK_IMPORTED_MODULE_1___default().PureComponent);
           SohuEventSchema.propTypes = {
-            isArrayItem: prop_types__WEBPACK_IMPORTED_MODULE_11___default().any,
+            isArrayItem: prop_types__WEBPACK_IMPORTED_MODULE_12___default().any,
             // 如果是数组项，title会进行特殊显示
             parentType:
-              prop_types__WEBPACK_IMPORTED_MODULE_11___default().string,
-            jsonKey: prop_types__WEBPACK_IMPORTED_MODULE_11___default().string,
-            indexRoute: prop_types__WEBPACK_IMPORTED_MODULE_11___default().any,
-            keyRoute: prop_types__WEBPACK_IMPORTED_MODULE_11___default().string,
-            nodeKey: prop_types__WEBPACK_IMPORTED_MODULE_11___default().string,
+              prop_types__WEBPACK_IMPORTED_MODULE_12___default().string,
+            jsonKey: prop_types__WEBPACK_IMPORTED_MODULE_12___default().string,
+            indexRoute: prop_types__WEBPACK_IMPORTED_MODULE_12___default().any,
+            keyRoute: prop_types__WEBPACK_IMPORTED_MODULE_12___default().string,
+            nodeKey: prop_types__WEBPACK_IMPORTED_MODULE_12___default().string,
             targetJsonSchema:
-              prop_types__WEBPACK_IMPORTED_MODULE_11___default().any,
+              prop_types__WEBPACK_IMPORTED_MODULE_12___default().any,
             isStructuredSchema:
-              prop_types__WEBPACK_IMPORTED_MODULE_11___default().bool,
+              prop_types__WEBPACK_IMPORTED_MODULE_12___default().bool,
           };
           /* harmony default export */ __webpack_exports__['default'] = (0,
-          mobx_react__WEBPACK_IMPORTED_MODULE_12__.inject)(function (stores) {
+          mobx_react__WEBPACK_IMPORTED_MODULE_13__.inject)(function (stores) {
             return {
-              pageScreen: stores.JSONSchemaStore.pageScreen,
-              options: stores.JSONEditorStore.options,
-              getJSONDataByKeyRoute:
-                stores.JSONEditorStore.getJSONDataByKeyRoute,
-              updateFormValueData: stores.JSONEditorStore.updateFormValueData,
-              getInitJsonDataByKeyRoute:
-                stores.JSONEditorStore.getInitJsonDataByKeyRoute,
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })(
-            (0, mobx_react__WEBPACK_IMPORTED_MODULE_12__.observer)(
+            (0, mobx_react__WEBPACK_IMPORTED_MODULE_13__.observer)(
               SohuEventSchema,
             ),
           );
@@ -108055,10 +107982,12 @@ styles.join("\\n")
               // 这边绑定是必要的，这样 `this` 才能在回调函数中使用
               /** 数值变动事件处理器 */
               _this.handleValueChange = function (event) {
-                var value = event.target.value;
                 var _this$props = _this.props,
                   keyRoute = _this$props.keyRoute,
-                  updateFormValueData = _this$props.updateFormValueData;
+                  jsonStore = _this$props.jsonStore;
+                var _ref = jsonStore || {},
+                  updateFormValueData = _ref.updateFormValueData;
+                var value = event.target.value;
                 updateFormValueData(keyRoute, value); // 更新数值
               };
               _this.handleValueChange = _this.handleValueChange.bind(_this);
@@ -108087,12 +108016,17 @@ styles.join("\\n")
               };
             _proto.render = function render() {
               var _this$props2 = this.props,
-                keyRoute = _this$props2.keyRoute,
-                jsonKey = _this$props2.jsonKey,
-                nodeKey = _this$props2.nodeKey,
-                targetJsonSchema = _this$props2.targetJsonSchema,
-                pageScreen = _this$props2.pageScreen,
-                getJSONDataByKeyRoute = _this$props2.getJSONDataByKeyRoute;
+                schemaStore = _this$props2.schemaStore,
+                jsonStore = _this$props2.jsonStore;
+              var _ref2 = schemaStore || {},
+                pageScreen = _ref2.pageScreen;
+              var _ref3 = jsonStore || {},
+                getJSONDataByKeyRoute = _ref3.getJSONDataByKeyRoute;
+              var _this$props3 = this.props,
+                keyRoute = _this$props3.keyRoute,
+                jsonKey = _this$props3.jsonKey,
+                nodeKey = _this$props3.nodeKey,
+                targetJsonSchema = _this$props3.targetJsonSchema;
               // 从jsonData中获取对应的数值
               var curJsonData = getJSONDataByKeyRoute(keyRoute);
               var readOnly = targetJsonSchema.readOnly || false; // 是否只读（默认可编辑）
@@ -108222,12 +108156,8 @@ styles.join("\\n")
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_8__.inject)(function (stores) {
             return {
-              pageScreen: stores.JSONSchemaStore.pageScreen,
-              getJSONDataByKeyRoute:
-                stores.JSONEditorStore.getJSONDataByKeyRoute,
-              updateFormValueData: stores.JSONEditorStore.updateFormValueData,
-              getInitJsonDataByKeyRoute:
-                stores.JSONEditorStore.getInitJsonDataByKeyRoute,
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })(
             (0, mobx_react__WEBPACK_IMPORTED_MODULE_8__.observer)(
@@ -108394,7 +108324,9 @@ styles.join("\\n")
               _this.handleEditorChange = function (editorState) {
                 var _this$props = _this.props,
                   keyRoute = _this$props.keyRoute,
-                  updateFormValueData = _this$props.updateFormValueData;
+                  jsonStore = _this$props.jsonStore;
+                var _ref = jsonStore || {},
+                  updateFormValueData = _ref.updateFormValueData;
                 updateFormValueData(keyRoute, editorState.toHTML()); // 更新数值
               };
               _this.state = {
@@ -108456,14 +108388,13 @@ styles.join("\\n")
             ])(TextEditorSchema, _React$PureComponent);
             var _proto = TextEditorSchema.prototype;
             _proto.componentWillMount = function componentWillMount() {
+              var _ref2 = this.props.schemaStore || {},
+                pageScreen = _ref2.pageScreen;
               // 从web缓存中获取数值
               $mixins_index__WEBPACK_IMPORTED_MODULE_3__.catchJsonDataByWebCache.call(
                 this,
               );
-              if (
-                this.props.pageScreen &&
-                this.props.pageScreen === 'wideScreen'
-              ) {
+              if (pageScreen && pageScreen === 'wideScreen') {
                 // 大屏幕时默认展开富文本编辑器
                 this.setState({
                   isClosed: false,
@@ -108478,10 +108409,13 @@ styles.join("\\n")
                     this,
                     nextProps.keyRoute,
                   );
-                } else if (nextProps.pageScreen !== this.props.pageScreen) {
+                } else if (
+                  nextProps.schemaStore.pageScreen !==
+                  this.props.schemaStore.pageScreen
+                ) {
                   if (
-                    nextProps.pageScreen &&
-                    nextProps.pageScreen === 'wideScreen'
+                    nextProps.schemaStore.pageScreen &&
+                    nextProps.schemaStore.pageScreen === 'wideScreen'
                   ) {
                     // 大屏幕时默认展开富文本编辑器
                     this.setState({
@@ -108493,12 +108427,17 @@ styles.join("\\n")
             _proto.render = function render() {
               var _this2 = this;
               var _this$props2 = this.props,
-                keyRoute = _this$props2.keyRoute,
-                jsonKey = _this$props2.jsonKey,
-                nodeKey = _this$props2.nodeKey,
-                targetJsonSchema = _this$props2.targetJsonSchema,
-                pageScreen = _this$props2.pageScreen,
-                getJSONDataByKeyRoute = _this$props2.getJSONDataByKeyRoute;
+                schemaStore = _this$props2.schemaStore,
+                jsonStore = _this$props2.jsonStore;
+              var _ref3 = schemaStore || {},
+                pageScreen = _ref3.pageScreen;
+              var _ref4 = jsonStore || {},
+                getJSONDataByKeyRoute = _ref4.getJSONDataByKeyRoute;
+              var _this$props3 = this.props,
+                keyRoute = _this$props3.keyRoute,
+                jsonKey = _this$props3.jsonKey,
+                nodeKey = _this$props3.nodeKey,
+                targetJsonSchema = _this$props3.targetJsonSchema;
               var isClosed = this.state.isClosed;
               var curJsonData = getJSONDataByKeyRoute(keyRoute); // 从jsonData中获取对应的html内容
               var editorState =
@@ -108656,12 +108595,8 @@ styles.join("\\n")
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_16__.inject)(function (stores) {
             return {
-              pageScreen: stores.JSONSchemaStore.pageScreen,
-              getJSONDataByKeyRoute:
-                stores.JSONEditorStore.getJSONDataByKeyRoute,
-              updateFormValueData: stores.JSONEditorStore.updateFormValueData,
-              getInitJsonDataByKeyRoute:
-                stores.JSONEditorStore.getInitJsonDataByKeyRoute,
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })(
             (0, mobx_react__WEBPACK_IMPORTED_MODULE_16__.observer)(
@@ -108739,7 +108674,9 @@ styles.join("\\n")
               _this.handleValueChange = function (event, dateString) {
                 var _this$props = _this.props,
                   keyRoute = _this$props.keyRoute,
-                  updateFormValueData = _this$props.updateFormValueData;
+                  jsonStore = _this$props.jsonStore;
+                var _ref = jsonStore || {},
+                  updateFormValueData = _ref.updateFormValueData;
                 updateFormValueData(keyRoute, dateString); // 更新数值
               };
               _this.handleValueChange = _this.handleValueChange.bind(_this);
@@ -108768,12 +108705,17 @@ styles.join("\\n")
               };
             _proto.render = function render() {
               var _this$props2 = this.props,
-                nodeKey = _this$props2.nodeKey,
-                jsonKey = _this$props2.jsonKey,
-                keyRoute = _this$props2.keyRoute,
-                targetJsonSchema = _this$props2.targetJsonSchema,
-                pageScreen = _this$props2.pageScreen,
-                getJSONDataByKeyRoute = _this$props2.getJSONDataByKeyRoute;
+                schemaStore = _this$props2.schemaStore,
+                jsonStore = _this$props2.jsonStore;
+              var _ref2 = schemaStore || {},
+                pageScreen = _ref2.pageScreen;
+              var _ref3 = jsonStore || {},
+                getJSONDataByKeyRoute = _ref3.getJSONDataByKeyRoute;
+              var _this$props3 = this.props,
+                nodeKey = _this$props3.nodeKey,
+                jsonKey = _this$props3.jsonKey,
+                keyRoute = _this$props3.keyRoute,
+                targetJsonSchema = _this$props3.targetJsonSchema;
               // 从jsonData中获取对应的数值
               var curJsonData = getJSONDataByKeyRoute(keyRoute);
               var defaultTime = curJsonData || targetJsonSchema.default;
@@ -108891,12 +108833,8 @@ styles.join("\\n")
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_9__.inject)(function (stores) {
             return {
-              pageScreen: stores.JSONSchemaStore.pageScreen,
-              getJSONDataByKeyRoute:
-                stores.JSONEditorStore.getJSONDataByKeyRoute,
-              updateFormValueData: stores.JSONEditorStore.updateFormValueData,
-              getInitJsonDataByKeyRoute:
-                stores.JSONEditorStore.getInitJsonDataByKeyRoute,
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })(
             (0, mobx_react__WEBPACK_IMPORTED_MODULE_9__.observer)(
@@ -108962,11 +108900,17 @@ styles.join("\\n")
             var _proto = TreeSelectFromSchema.prototype;
             _proto.render = function render() {
               var _this$props = this.props,
-                pageScreen = _this$props.pageScreen,
-                mockData = _this$props.mockData,
-                dataRoute = _this$props.dataRoute,
-                nodeKey = _this$props.nodeKey,
-                onChange = _this$props.onChange;
+                schemaStore = _this$props.schemaStore,
+                jsonStore = _this$props.jsonStore;
+              var _ref = schemaStore || {},
+                pageScreen = _ref.pageScreen;
+              var _ref2 = jsonStore || {},
+                getJSONDataByKeyRoute = _ref2.getJSONDataByKeyRoute;
+              var _this$props2 = this.props,
+                mockData = _this$props2.mockData,
+                dataRoute = _this$props2.dataRoute,
+                nodeKey = _this$props2.nodeKey,
+                onChange = _this$props2.onChange;
               var treeData = [];
               if (mockData && JSON.stringify(mockData) !== '{}') {
                 var mockObj = mockData;
@@ -109036,7 +108980,6 @@ styles.join("\\n")
             return TreeSelectFromSchema;
           })(react__WEBPACK_IMPORTED_MODULE_1__.PureComponent);
           TreeSelectFromSchema.propTypes = {
-            pageScreen: prop_types__WEBPACK_IMPORTED_MODULE_4___default().any,
             mockData: prop_types__WEBPACK_IMPORTED_MODULE_4___default().any,
             // 接口mock数据
             dataRoute: prop_types__WEBPACK_IMPORTED_MODULE_4___default().any,
@@ -109048,7 +108991,7 @@ styles.join("\\n")
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_5__.inject)(function (stores) {
             return {
-              pageScreen: stores.JSONSchemaStore.pageScreen,
+              schemaStore: stores.JSONSchemaStore,
             };
           })(
             (0, mobx_react__WEBPACK_IMPORTED_MODULE_5__.observer)(
@@ -109118,10 +109061,12 @@ styles.join("\\n")
               // 这边绑定是必要的，这样 `this` 才能在回调函数中使用
               /** 数值变动事件处理器 */
               _this.handleValueChange = function (event) {
-                var value = event.target.value;
                 var _this$props = _this.props,
                   keyRoute = _this$props.keyRoute,
-                  updateFormValueData = _this$props.updateFormValueData;
+                  jsonStore = _this$props.jsonStore;
+                var _ref = jsonStore || {},
+                  updateFormValueData = _ref.updateFormValueData;
+                var value = event.target.value;
                 updateFormValueData(keyRoute, value); // 更新数值
               };
               _this.handleValueChange = _this.handleValueChange.bind(_this);
@@ -109150,12 +109095,17 @@ styles.join("\\n")
               };
             _proto.render = function render() {
               var _this$props2 = this.props,
-                keyRoute = _this$props2.keyRoute,
-                jsonKey = _this$props2.jsonKey,
-                nodeKey = _this$props2.nodeKey,
-                targetJsonSchema = _this$props2.targetJsonSchema,
-                pageScreen = _this$props2.pageScreen,
-                getJSONDataByKeyRoute = _this$props2.getJSONDataByKeyRoute;
+                schemaStore = _this$props2.schemaStore,
+                jsonStore = _this$props2.jsonStore;
+              var _ref2 = schemaStore || {},
+                pageScreen = _ref2.pageScreen;
+              var _ref3 = jsonStore || {},
+                getJSONDataByKeyRoute = _ref3.getJSONDataByKeyRoute;
+              var _this$props3 = this.props,
+                keyRoute = _this$props3.keyRoute,
+                jsonKey = _this$props3.jsonKey,
+                nodeKey = _this$props3.nodeKey,
+                targetJsonSchema = _this$props3.targetJsonSchema;
               // 从jsonData中获取对应的数值
               var curJsonData = getJSONDataByKeyRoute(keyRoute);
               var readOnly = targetJsonSchema.readOnly || false; // 是否只读（默认可编辑）
@@ -109284,12 +109234,8 @@ styles.join("\\n")
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_8__.inject)(function (stores) {
             return {
-              pageScreen: stores.JSONSchemaStore.pageScreen,
-              getJSONDataByKeyRoute:
-                stores.JSONEditorStore.getJSONDataByKeyRoute,
-              updateFormValueData: stores.JSONEditorStore.updateFormValueData,
-              getInitJsonDataByKeyRoute:
-                stores.JSONEditorStore.getInitJsonDataByKeyRoute,
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })(
             (0, mobx_react__WEBPACK_IMPORTED_MODULE_8__.observer)(
@@ -109606,7 +109552,6 @@ styles.join("\\n")
                 newVal,
                 ignoreChange,
               ) {
-                var _this = this;
                 if (keyRoute !== '') {
                   // 1. 获取父级key路径和最近的有一个key
                   var parentKeyRoute_CurKey = (0,
@@ -109627,14 +109572,7 @@ styles.join("\\n")
                   // 当keyRoute为空时直接修改当前schemaData
                   this.jsonData = newVal;
                 }
-                if (
-                  this.state.rootJSONStore.JSONSchemaStore &&
-                  this.state.rootJSONStore.JSONSchemaStore.jsonSchema
-                ) {
-                  // 获取当前schema的条件字段
-                  var curJsonSchema =
-                    this.state.rootJSONStore.JSONSchemaStore.jsonSchema;
-                  var conditionProps = curJsonSchema.conditionProps;
+                if (this.state.rootJSONStore.JSONSchemaStore) {
                   // 备注：数组类型通过keyRoute获取schema对象会有异常
                   var curElemSchema =
                     this.state.rootJSONStore.JSONSchemaStore.getSchemaByKeyRoute(
@@ -109643,15 +109581,7 @@ styles.join("\\n")
                   if (curElemSchema && curElemSchema.isConditionProp) {
                     // 判断条件字段的快捷通道：如果是条件字段则更新LastInitTime
                     this.updateLastTime();
-                  } else if (conditionProps) {
-                    // 判断当前字段是否为条件字段
-                    Object.keys(conditionProps).map(function (propKey) {
-                      var conditionItem = conditionProps[propKey];
-                      if (conditionItem.keyRoute === keyRoute) {
-                        // 更新LastInitTime
-                        _this.updateLastTime();
-                      }
-                    });
+                    // this.triggerChangeAction(); // 用于主动触发组件更新
                   }
                 }
                 if (!ignoreChange) {
@@ -110702,15 +110632,31 @@ styles.join("\\n")
             },
             /* harmony export */
           });
+          /* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_0__ =
+            __webpack_require__(
+              /*! @wibetter/json-utils */ '../json-utils/dist/index.esm.js',
+            );
+          /* harmony import */ var _webCache_js__WEBPACK_IMPORTED_MODULE_1__ =
+            __webpack_require__(/*! ./webCache.js */ './src/utils/webCache.js');
+
           /** js对象数据深拷贝，避免数据联动 */
           function objClone(targetObj) {
-            var newObj = JSON.stringify(targetObj);
-            return JSON.parse(newObj);
+            // const newObj = JSON.stringify(targetObj);
+            // return JSON.parse(newObj);
+            return (0,
+            _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_0__.objClone)(
+              targetObj,
+            );
           }
 
           /** 对比两个json数据是否相等 */
           function isEqual(targetObj, nextTargetObj) {
-            return JSON.stringify(targetObj) === JSON.stringify(nextTargetObj);
+            // return JSON.stringify(targetObj) === JSON.stringify(nextTargetObj);
+            return (0,
+            _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_0__.isEqual)(
+              targetObj,
+              nextTargetObj,
+            );
           }
 
           /** 判断当前属性是否存在
@@ -110844,29 +110790,35 @@ styles.join("\\n")
 
           /**
            *  将数据缓存到sessionStorage中
-           * */
-          function saveWebCacheData(cacheKey, targetSourceIndex) {
-            if (window.sessionStorage) {
-              window.sessionStorage.setItem(cacheKey, targetSourceIndex);
-            }
+           */
+          function saveWebCacheData(valueKey, value) {
+            (0, _webCache_js__WEBPACK_IMPORTED_MODULE_1__.saveJSONEditorCache)(
+              valueKey,
+              value,
+              'json-editor-formData',
+            );
           }
 
           /**
            *  从sessionStorage中读取此前缓存的数据
-           * */
-          function getWebCacheData(cacheKey) {
-            if (window.sessionStorage) {
-              return window.sessionStorage.getItem(cacheKey);
-            }
+           */
+          function getWebCacheData(valueKey) {
+            return (0,
+            _webCache_js__WEBPACK_IMPORTED_MODULE_1__.getJSONEditorCache)(
+              valueKey,
+              'json-editor-formData',
+            );
           }
 
           /**
            *  从sessionStorage中删除此前缓存的数据
-           * */
-          function deleteWebCacheData(cacheKey) {
-            if (window.sessionStorage) {
-              return window.sessionStorage.removeItem(cacheKey);
-            }
+           */
+          function deleteWebCacheData(valueKey) {
+            (0,
+            _webCache_js__WEBPACK_IMPORTED_MODULE_1__.deleteJSONEditorCache)(
+              valueKey,
+              'json-editor-formData',
+            );
           }
 
           /***/
@@ -111053,6 +111005,95 @@ styles.join("\\n")
           /***/
         },
 
+      /***/ './src/utils/webCache.js':
+        /*!*******************************!*\
+  !*** ./src/utils/webCache.js ***!
+  \*******************************/
+        /***/ function (
+          __unused_webpack_module,
+          __webpack_exports__,
+          __webpack_require__,
+        ) {
+          'use strict';
+          __webpack_require__.r(__webpack_exports__);
+          /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+            /* harmony export */ deleteJSONEditorCache: function () {
+              return /* binding */ deleteJSONEditorCache;
+            },
+            /* harmony export */ getJSONEditorCache: function () {
+              return /* binding */ getJSONEditorCache;
+            },
+            /* harmony export */ saveJSONEditorCache: function () {
+              return /* binding */ saveJSONEditorCache;
+            },
+            /* harmony export */
+          });
+          /**
+           *  将数据缓存到sessionStorage中
+           * */
+          function saveJSONEditorCache(key, value, cacheMark) {
+            if (cacheMark === void 0) {
+              cacheMark = 'json-editor-cache';
+            }
+            if (window.sessionStorage) {
+              var cacheData = {};
+              var cacheDataStr = window.sessionStorage.getItem(cacheMark);
+              if (cacheDataStr) {
+                cacheData = JSON.parse(cacheDataStr);
+              }
+              if (key) {
+                cacheData[key] = value;
+              }
+              window.sessionStorage.setItem(
+                cacheMark,
+                JSON.stringify(cacheData),
+              );
+            }
+          }
+
+          /**
+           *  从sessionStorage中读取此前缓存的数据
+           * */
+          function getJSONEditorCache(valueKey, cacheMark) {
+            if (cacheMark === void 0) {
+              cacheMark = 'json-editor-cache';
+            }
+            var curKeyValue;
+            if (window.sessionStorage) {
+              var cacheData = {};
+              var cacheDataStr = window.sessionStorage.getItem(cacheMark);
+              if (cacheDataStr) {
+                cacheData = JSON.parse(cacheDataStr);
+              }
+              if (valueKey) {
+                curKeyValue = cacheData[valueKey];
+              }
+            }
+            return curKeyValue;
+          }
+
+          /**
+           *  从sessionStorage中删除此前缓存的数据
+           * */
+          function deleteJSONEditorCache(valueKey, cacheMark) {
+            if (cacheMark === void 0) {
+              cacheMark = 'json-editor-cache';
+            }
+            if (window.sessionStorage) {
+              var cacheData = {};
+              var cacheDataStr = window.sessionStorage.getItem(cacheMark);
+              if (cacheDataStr) {
+                cacheData = JSON.parse(cacheDataStr);
+              }
+              if (valueKey) {
+                cacheData[valueKey] = undefined;
+              }
+            }
+          }
+
+          /***/
+        },
+
       /***/ '../../node_modules/braft-convert/dist/configs.js':
         /*!********************************************************!*\
   !*** ../../node_modules/braft-convert/dist/configs.js ***!
@@ -363794,6 +363835,9 @@ type StyleObjectPart = {
             /* harmony export */ dynamicDataAnalyzer: function () {
               return /* binding */ dynamicDataAnalyzer;
             },
+            /* harmony export */ expressionOn: function () {
+              return /* binding */ expressionOn;
+            },
             /* harmony export */ getCurPosition: function () {
               return /* binding */ getCurPosition;
             },
@@ -363920,6 +363964,9 @@ type StyleObjectPart = {
             /* harmony export */ registerExpectType: function () {
               return /* binding */ registerExpectType;
             },
+            /* harmony export */ schema2conditionValue: function () {
+              return /* binding */ schema2conditionValue;
+            },
             /* harmony export */ schema2json: function () {
               return /* binding */ schema2json;
             },
@@ -363984,6 +364031,17 @@ type StyleObjectPart = {
             );
           }
 
+          /**
+           * 支持属性表达式
+           */
+          function expressionOn(expressionStr, data) {
+            var expressionFunc = new Function(
+              'data',
+              'with(data) { return (' + expressionStr + ');}',
+            );
+            return expressionFunc(data);
+          }
+
           /**
            * getJSONDataByKeyRoute: 根据key值路径获取对应的json数据
            * 【方法参数说明】
@@ -364585,7 +364643,7 @@ type StyleObjectPart = {
            *  readOnly：字段项可设置是否可编辑
            * */
           var initInputImageData = {
-            title: '图片',
+            title: '图片地址',
             type: 'input-image',
             description: '',
             // 字段项的说明和描述
@@ -364607,7 +364665,7 @@ type StyleObjectPart = {
             title: '数组Array',
             description: '',
             // 字段项的说明和描述
-            default: [],
+            // default: [],
             items: {
               type: 'object',
               title: '数组项',
@@ -365173,6 +365231,8 @@ type StyleObjectPart = {
                 default: '',
                 description: '',
                 placeholder: '',
+                onShow:
+                  'type === "DevDefaults" || type === "Content" || type === "RuntimeConst"',
               },
               description: {
                 title: '属性名称',
@@ -365180,6 +365240,8 @@ type StyleObjectPart = {
                 default: '',
                 description: '',
                 placeholder: '',
+                onShow:
+                  'type === "ContentStaticConfig" || type === "ResourceCenter"',
               },
               valueType: {
                 type: 'radio',
@@ -365197,12 +365259,16 @@ type StyleObjectPart = {
                 default: 'string',
                 isConditionProp: true,
                 description: '',
+                onShow:
+                  'type === "ContentStaticConfig" || type === "ResourceCenter"',
               },
               range: {
                 type: 'select',
                 title: '可选项',
                 multiple: true,
                 options: [],
+                onShow:
+                  '(type === "ContentStaticConfig" || type === "ResourceCenter") && valueType === "select"',
                 description: '这里会使用value中的配置选项作为options',
               },
             },
@@ -365260,6 +365326,7 @@ type StyleObjectPart = {
                     default: '',
                     description: '',
                     placeholder: '',
+                    onShow: 'type === "ContentStaticConfig"',
                   },
                   dataType: {
                     type: 'radio',
@@ -365286,6 +365353,7 @@ type StyleObjectPart = {
                     default: '',
                     description: '',
                     placeholder: '',
+                    onShow: 'type === "RuntimeDataSelfDefine"',
                   },
                   CONTENTTYPE: {
                     type: 'select',
@@ -365305,6 +365373,7 @@ type StyleObjectPart = {
                       },
                     ],
                     description: '',
+                    onShow: 'type === "RuntimeDataSelfDefine"',
                   },
                 },
                 propertyOrder: [
@@ -365518,6 +365587,619 @@ type StyleObjectPart = {
             propertyOrder: ['mainConfig', 'otherConfig', 'outConfig'],
             showCodeViewBtn: false,
           };
+          var initAdConfigSchema = {
+            type: 'object',
+            title: '广告配置',
+            description: '',
+            properties: {
+              type: {
+                type: 'select',
+                title: '数据源类型',
+                isConditionProp: true,
+                options: [
+                  {
+                    label: '模板直接设置',
+                    value: 'DevDefaults',
+                  },
+                  {
+                    label: '资源中心配置',
+                    value: 'ResourceCenter',
+                  },
+                ],
+                description: '',
+              },
+              value: {
+                type: 'object',
+                title: '广告规则',
+                description: '',
+                onShow: 'type === "DevDefaults"',
+                properties: {
+                  id: {
+                    title: '广告ID',
+                    type: 'input',
+                    default: '',
+                    description: '',
+                    placeholder: '',
+                  },
+                  rule: {
+                    type: 'radio',
+                    title: '规则类型',
+                    options: [
+                      {
+                        label: '固定位置',
+                        value: 1,
+                      },
+                      {
+                        label: '隔几出几',
+                        value: 2,
+                      },
+                      {
+                        label: '固定位置隔几出几',
+                        value: 3,
+                      },
+                    ],
+                    default: 1,
+                    description: '',
+                  },
+                  fixArray: {
+                    type: 'select',
+                    title: '固定位置',
+                    default: 1,
+                    description: '',
+                    options: [
+                      {
+                        label: '1',
+                        value: 1,
+                      },
+                      {
+                        label: '2',
+                        value: 2,
+                      },
+                      {
+                        label: '3',
+                        value: 3,
+                      },
+                      {
+                        label: '4',
+                        value: 4,
+                      },
+                      {
+                        label: '5',
+                        value: 5,
+                      },
+                      {
+                        label: '6',
+                        value: 6,
+                      },
+                      {
+                        label: '7',
+                        value: 7,
+                      },
+                      {
+                        label: '8',
+                        value: 8,
+                      },
+                      {
+                        label: '9',
+                        value: 9,
+                      },
+                      {
+                        label: '10',
+                        value: 10,
+                      },
+                      {
+                        label: '11',
+                        value: 11,
+                      },
+                      {
+                        label: '12',
+                        value: 12,
+                      },
+                      {
+                        label: '13',
+                        value: 13,
+                      },
+                      {
+                        label: '14',
+                        value: 14,
+                      },
+                      {
+                        label: '15',
+                        value: 15,
+                      },
+                      {
+                        label: '16',
+                        value: 16,
+                      },
+                      {
+                        label: '17',
+                        value: 17,
+                      },
+                      {
+                        label: '18',
+                        value: 18,
+                      },
+                      {
+                        label: '19',
+                        value: 19,
+                      },
+                      {
+                        label: '20',
+                        value: 20,
+                      },
+                      {
+                        label: '21',
+                        value: 21,
+                      },
+                      {
+                        label: '22',
+                        value: 22,
+                      },
+                      {
+                        label: '23',
+                        value: 23,
+                      },
+                      {
+                        label: '24',
+                        value: 24,
+                      },
+                      {
+                        label: '25',
+                        value: 25,
+                      },
+                      {
+                        label: '26',
+                        value: 26,
+                      },
+                      {
+                        label: '27',
+                        value: 27,
+                      },
+                      {
+                        label: '28',
+                        value: 28,
+                      },
+                      {
+                        label: '29',
+                        value: 29,
+                      },
+                      {
+                        label: '30',
+                        value: 30,
+                      },
+                      {
+                        label: '31',
+                        value: 31,
+                      },
+                      {
+                        label: '32',
+                        value: 32,
+                      },
+                      {
+                        label: '33',
+                        value: 33,
+                      },
+                      {
+                        label: '34',
+                        value: 34,
+                      },
+                      {
+                        label: '35',
+                        value: 35,
+                      },
+                      {
+                        label: '36',
+                        value: 36,
+                      },
+                      {
+                        label: '37',
+                        value: 37,
+                      },
+                      {
+                        label: '38',
+                        value: 38,
+                      },
+                      {
+                        label: '39',
+                        value: 39,
+                      },
+                      {
+                        label: '40',
+                        value: 40,
+                      },
+                      {
+                        label: '41',
+                        value: 41,
+                      },
+                      {
+                        label: '42',
+                        value: 42,
+                      },
+                      {
+                        label: '43',
+                        value: 43,
+                      },
+                      {
+                        label: '44',
+                        value: 44,
+                      },
+                      {
+                        label: '45',
+                        value: 45,
+                      },
+                      {
+                        label: '46',
+                        value: 46,
+                      },
+                      {
+                        label: '47',
+                        value: 47,
+                      },
+                      {
+                        label: '48',
+                        value: 48,
+                      },
+                      {
+                        label: '49',
+                        value: 49,
+                      },
+                      {
+                        label: '50',
+                        value: 50,
+                      },
+                    ],
+                  },
+                  begin: {
+                    type: 'number',
+                    title: '开始位置',
+                    default: 1,
+                    minimum: '1',
+                    maximum: '50',
+                    description: '',
+                  },
+                  turn: {
+                    type: 'number',
+                    title: '间隔/隔',
+                    default: 1,
+                    minimum: '1',
+                    maximum: '50',
+                    description: '',
+                  },
+                  number: {
+                    type: 'number',
+                    title: '间隔/出',
+                    default: 1,
+                    minimum: '1',
+                    maximum: '50',
+                    description: '',
+                  },
+                  mergeType: {
+                    type: 'radio',
+                    title: '插入规则',
+                    options: [
+                      {
+                        label: '覆盖',
+                        value: 0,
+                      },
+                      {
+                        label: '插入',
+                        value: 1,
+                      },
+                    ],
+                    default: 0,
+                    description: '',
+                  },
+                },
+                propertyOrder: [
+                  'id',
+                  'rule',
+                  'fixArray',
+                  'begin',
+                  'turn',
+                  'number',
+                  'mergeType',
+                ],
+              },
+              range: {
+                type: 'array',
+                title: '广告规则列表',
+                description: '',
+                onShow: 'type === "ResourceCenter"',
+                items: {
+                  type: 'object',
+                  title: '数组项',
+                  description: '',
+                  properties: {
+                    id: {
+                      title: '广告ID',
+                      type: 'input',
+                      default: '',
+                      description: '',
+                      placeholder: '',
+                    },
+                    rule: {
+                      type: 'radio',
+                      title: '规则类型',
+                      options: [
+                        {
+                          label: '固定位置',
+                          value: 1,
+                        },
+                        {
+                          label: '隔几出几',
+                          value: 2,
+                        },
+                        {
+                          label: '固定位置隔几出几',
+                          value: 3,
+                        },
+                      ],
+                      default: 1,
+                      description: '',
+                    },
+                    fixArray: {
+                      type: 'select',
+                      title: '固定位置',
+                      default: 1,
+                      description: '',
+                      options: [
+                        {
+                          label: '1',
+                          value: 1,
+                        },
+                        {
+                          label: '2',
+                          value: 2,
+                        },
+                        {
+                          label: '3',
+                          value: 3,
+                        },
+                        {
+                          label: '4',
+                          value: 4,
+                        },
+                        {
+                          label: '5',
+                          value: 5,
+                        },
+                        {
+                          label: '6',
+                          value: 6,
+                        },
+                        {
+                          label: '7',
+                          value: 7,
+                        },
+                        {
+                          label: '8',
+                          value: 8,
+                        },
+                        {
+                          label: '9',
+                          value: 9,
+                        },
+                        {
+                          label: '10',
+                          value: 10,
+                        },
+                        {
+                          label: '11',
+                          value: 11,
+                        },
+                        {
+                          label: '12',
+                          value: 12,
+                        },
+                        {
+                          label: '13',
+                          value: 13,
+                        },
+                        {
+                          label: '14',
+                          value: 14,
+                        },
+                        {
+                          label: '15',
+                          value: 15,
+                        },
+                        {
+                          label: '16',
+                          value: 16,
+                        },
+                        {
+                          label: '17',
+                          value: 17,
+                        },
+                        {
+                          label: '18',
+                          value: 18,
+                        },
+                        {
+                          label: '19',
+                          value: 19,
+                        },
+                        {
+                          label: '20',
+                          value: 20,
+                        },
+                        {
+                          label: '21',
+                          value: 21,
+                        },
+                        {
+                          label: '22',
+                          value: 22,
+                        },
+                        {
+                          label: '23',
+                          value: 23,
+                        },
+                        {
+                          label: '24',
+                          value: 24,
+                        },
+                        {
+                          label: '25',
+                          value: 25,
+                        },
+                        {
+                          label: '26',
+                          value: 26,
+                        },
+                        {
+                          label: '27',
+                          value: 27,
+                        },
+                        {
+                          label: '28',
+                          value: 28,
+                        },
+                        {
+                          label: '29',
+                          value: 29,
+                        },
+                        {
+                          label: '30',
+                          value: 30,
+                        },
+                        {
+                          label: '31',
+                          value: 31,
+                        },
+                        {
+                          label: '32',
+                          value: 32,
+                        },
+                        {
+                          label: '33',
+                          value: 33,
+                        },
+                        {
+                          label: '34',
+                          value: 34,
+                        },
+                        {
+                          label: '35',
+                          value: 35,
+                        },
+                        {
+                          label: '36',
+                          value: 36,
+                        },
+                        {
+                          label: '37',
+                          value: 37,
+                        },
+                        {
+                          label: '38',
+                          value: 38,
+                        },
+                        {
+                          label: '39',
+                          value: 39,
+                        },
+                        {
+                          label: '40',
+                          value: 40,
+                        },
+                        {
+                          label: '41',
+                          value: 41,
+                        },
+                        {
+                          label: '42',
+                          value: 42,
+                        },
+                        {
+                          label: '43',
+                          value: 43,
+                        },
+                        {
+                          label: '44',
+                          value: 44,
+                        },
+                        {
+                          label: '45',
+                          value: 45,
+                        },
+                        {
+                          label: '46',
+                          value: 46,
+                        },
+                        {
+                          label: '47',
+                          value: 47,
+                        },
+                        {
+                          label: '48',
+                          value: 48,
+                        },
+                        {
+                          label: '49',
+                          value: 49,
+                        },
+                        {
+                          label: '50',
+                          value: 50,
+                        },
+                      ],
+                    },
+                    begin: {
+                      type: 'number',
+                      title: '开始位置',
+                      default: 1,
+                      minimum: '1',
+                      maximum: '50',
+                      description: '',
+                    },
+                    turn: {
+                      type: 'number',
+                      title: '间隔/隔',
+                      default: 1,
+                      minimum: '1',
+                      maximum: '50',
+                      description: '',
+                    },
+                    number: {
+                      type: 'number',
+                      title: '间隔/出',
+                      default: 1,
+                      minimum: '1',
+                      maximum: '50',
+                      description: '',
+                    },
+                    mergeType: {
+                      type: 'radio',
+                      title: '插入规则',
+                      options: [
+                        {
+                          label: '覆盖',
+                          value: 0,
+                        },
+                        {
+                          label: '插入',
+                          value: 1,
+                        },
+                      ],
+                      default: 0,
+                      description: '',
+                    },
+                  },
+                  propertyOrder: [
+                    'id',
+                    'rule',
+                    'fixArray',
+                    'begin',
+                    'turn',
+                    'number',
+                    'mergeType',
+                  ],
+                },
+              },
+            },
+            propertyOrder: ['type', 'value', 'range'],
+          };
 
           /** dynamicConfig: 动态配置
            * 【字段属性说明】
@@ -365630,6 +366312,7 @@ type StyleObjectPart = {
             'dynamic-config': initDynamicConfig,
             'sohu-source': initSohuSourceData,
             'sohu-event': initSohuEventConfig,
+            'sohu-ad': initAdConfigSchema,
           };
 
           // 事件类型数据
@@ -371235,8 +371918,9 @@ and limitations under the License.
               var oldValue = jsonData;
               if (
                 hasProperties(oldValue) &&
-                hasProperties(jsonItem.default) &&
-                typeof oldValue !== typeof jsonItem.default
+                ((hasProperties(jsonItem.default) &&
+                  typeof oldValue !== typeof jsonSchema.default) ||
+                  !isObject$1(oldValue))
               ) {
                 // 表示当前数据类型发生变化，则丢弃旧版数据
                 oldValue = undefined;
@@ -371406,8 +372090,9 @@ and limitations under the License.
               var oldValue = jsonData;
               if (
                 hasProperties(oldValue) &&
-                hasProperties(jsonSchema.default) &&
-                typeof oldValue !== typeof jsonSchema.default
+                ((hasProperties(jsonSchema.default) &&
+                  typeof oldValue !== typeof jsonSchema.default) ||
+                  !isArray(oldValue))
               ) {
                 // 表示当前数据类型发生变化，则丢弃旧版数据
                 oldValue = undefined;
@@ -371684,6 +372369,42 @@ and limitations under the License.
             return treeData;
           }
 
+          /**
+           * 收集当前schema中的所有条件子字段，根据其数值拼接成对应的 conditionValue
+           */
+          function schema2conditionValue(jsonSchema, jsonData) {
+            var conditionValue = '';
+            if (
+              getExpectType$1(jsonSchema.type) === 'object' &&
+              jsonSchema.properties
+            ) {
+              var curPropertyOrder = [];
+              if (jsonSchema.propertyOrder) {
+                curPropertyOrder = jsonSchema.propertyOrder;
+              } else {
+                curPropertyOrder = Object.keys(jsonSchema.properties);
+              }
+              curPropertyOrder.map(function (jsonKey) {
+                var curJsonItem = jsonSchema.properties[jsonKey];
+                var curConditionValue = jsonData[jsonKey];
+                if (
+                  getExpectType$1(curJsonItem.type) !== 'array' ||
+                  getExpectType$1(curJsonItem.type) !== 'object'
+                ) {
+                  if (curConditionValue && curJsonItem.isConditionProp) {
+                    // 仅记录条件字段数值
+                    if (conditionValue.indexOf('-') > 0) {
+                      conditionValue += '-' + curConditionValue;
+                    } else {
+                      conditionValue = curConditionValue;
+                    }
+                  }
+                }
+              });
+            }
+            return conditionValue;
+          }
+
           /**
            * 获取父元素的key路径值
            */