@wibetter/json-editor 5.0.7 → 5.0.9

package/lib/index.js

@@ -1,8 +1,8 @@
 /*!
- * @wibetter/json-editor v5.0.5
+ * @wibetter/json-editor v5.0.8
  * author: wibetter
  * build tool: AKFun
- * build time: Fri Dec 20 2024 23:28:02 GMT+0800 (中国标准时间)
+ * build time: Thu Dec 26 2024 13:18:12 GMT+0800 (中国标准时间)
  * build tool info: https://github.com/wibetter/akfun
  */
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -309,37 +309,46 @@
                 // 是否显示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_8__.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;
             }
@@ -350,6 +359,14 @@
             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_7__.isEqual)(
@@ -357,7 +374,7 @@
                     this.props.schemaData,
                   )
                 ) {
-                  this.props.JSONSchemaChange(nextProps.schemaData);
+                  JSONSchemaChange(nextProps.schemaData);
                 }
                 /** 2. 初始化jsonData */
                 if (
@@ -366,7 +383,7 @@
                     this.props.jsonData,
                   )
                 ) {
-                  this.props.initJSONData(nextProps.jsonData);
+                  initJSONData(nextProps.jsonData);
                 }
                 // 读取code模式配置
                 if (
@@ -396,7 +413,7 @@
                     this.props.wideScreen,
                   )
                 ) {
-                  this.props.setPageScreen(nextProps.wideScreen);
+                  setPageScreen(nextProps.wideScreen);
                 }
                 // 记录onChange事件
                 if (
@@ -405,7 +422,7 @@
                     this.props.onChange,
                   )
                 ) {
-                  this.props.initOnChange(nextProps.onChange);
+                  initOnChange(nextProps.onChange);
                 }
 
                 // 获取dynamicDataList（动态数据源）
@@ -415,7 +432,7 @@
                     this.props.dynamicDataList,
                   )
                 ) {
-                  this.props.setDynamicDataList(nextProps.dynamicDataList);
+                  setDynamicDataList(nextProps.dynamicDataList);
                 }
                 if (
                   !(0, $utils_index__WEBPACK_IMPORTED_MODULE_7__.isEqual)(
@@ -423,18 +440,19 @@
                     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;
@@ -522,10 +540,8 @@
                                     nodeKey: nodeKey,
                                     targetJsonSchema: currentSchemaData,
                                     isStructuredSchema: isStructured,
-                                    getJSONDataByKeyRoute:
-                                      getJSONDataByKeyRoute,
-                                    keyRoute2indexRoute: keyRoute2indexRoute,
-                                    updateFormValueData: updateFormValueData,
+                                    schemaStore: schemaStore,
+                                    jsonStore: jsonStore,
                                   }),
                                 );
                               }
@@ -586,10 +602,8 @@
                                     nodeKey: nodeKey,
                                     targetJsonSchema: currentSchemaData,
                                     isStructuredSchema: isStructured,
-                                    getJSONDataByKeyRoute:
-                                      getJSONDataByKeyRoute,
-                                    keyRoute2indexRoute: keyRoute2indexRoute,
-                                    updateFormValueData: updateFormValueData,
+                                    schemaStore: schemaStore,
+                                    jsonStore: jsonStore,
                                   }),
                                 );
                               }
@@ -611,9 +625,8 @@
                           keyRoute: '',
                           nodeKey: '',
                           targetJsonSchema: jsonSchema,
-                          getJSONDataByKeyRoute: getJSONDataByKeyRoute,
-                          keyRoute2indexRoute: keyRoute2indexRoute,
-                          updateFormValueData: updateFormValueData,
+                          schemaStore: schemaStore,
+                          jsonStore: jsonStore,
                         }),
                       ),
                   ),
@@ -648,20 +661,8 @@
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_2__.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_2__.observer)(
@@ -697,151 +698,169 @@
             /*#__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 */ '@wibetter/json-utils',
+            );
+          /* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_2___default =
+            /*#__PURE__*/ __webpack_require__.n(
+              _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_2__,
+            );
+          /* 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_DynamicConfigSchema_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_27__ =
             __webpack_require__(
               /*! $renderers/DynamicConfigSchema/index */ './src/renderers/DynamicConfigSchema/index.js',
             );
-          /* harmony import */ var $renderers_SohuDataSourceSchema_index__WEBPACK_IMPORTED_MODULE_26__ =
+          /* 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_27__ =
+          /* 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 =
               _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()(
                 {},
@@ -853,343 +872,194 @@
             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'
                   ],
-                  _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_25__[
+                  $renderers_DynamicConfigSchema_index__WEBPACK_IMPORTED_MODULE_27__[
                     'default'
                   ],
-                  _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_26__[
+                  $renderers_SohuDataSourceSchema_index__WEBPACK_IMPORTED_MODULE_28__[
                     'default'
                   ],
-                  _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_27__[
+                  $renderers_SohuEventSchema_index__WEBPACK_IMPORTED_MODULE_29__[
                     'default'
                   ],
-                  _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'
                   ],
-                  _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'
                   ],
-                  _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'
                   ],
-                  _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'
                   ],
-                  _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'
                   ],
-                  _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'
                   ],
-                  _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'
                   ],
-                  _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'
                   ],
-                  _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'
                   ],
-                  _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'
                   ],
-                  _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'
                   ],
-                  _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'
                   ],
-                  _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'
                   ],
-                  _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'
                   ],
-                  _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'
                   ],
-                  _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'
                   ],
-                  _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'
                   ],
-                  _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'
                   ],
-                  _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_26__[
+                    'default'
+                  ],
+                  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'
                   ],
-                  _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'
                   ],
-                  _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'
                   ],
-                  _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'
                   ],
-                  _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()(
-                    {},
-                    newProps,
-                    {
-                      key: curNodeKey,
-                    },
-                  ),
+                  newProps,
                 );
             }
           };
@@ -1225,11 +1095,11 @@
            * 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,
@@ -1360,6 +1230,8 @@
               _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) {
@@ -1369,11 +1241,13 @@
                       '\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) {
@@ -1383,7 +1257,7 @@
                       '\u4E2A\u5B50\u9879',
                   );
                 } else {
-                  _this.props.deleteArrayIndex(keyRoute, arrIndex);
+                  deleteArrayIndex(keyRoute, arrIndex);
                 }
               };
               /**
@@ -1496,15 +1370,20 @@
               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,
@@ -1528,7 +1407,7 @@
                     pageScreen === 'wideScreen'
                       ? 'wide-screen-element-warp'
                       : 'mobile-screen-element-warp',
-                  key: nodeKey,
+                  key: nodeKey + '-' + triggerChange,
                   id: nodeKey,
                 },
                 /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1__.createElement(
@@ -1829,11 +1708,7 @@
                                     {
                                       className: 'array-operate-btn',
                                       onClick: function onClick(event) {
-                                        _this2.props.sortArrayItem(
-                                          keyRoute,
-                                          arrIndex,
-                                          'up',
-                                        );
+                                        sortArrayItem(keyRoute, arrIndex, 'up');
                                         event.preventDefault();
                                         event.stopPropagation();
                                       },
@@ -1851,7 +1726,7 @@
                                     {
                                       className: 'array-operate-btn',
                                       onClick: function onClick(event) {
-                                        _this2.props.sortArrayItem(
+                                        sortArrayItem(
                                           keyRoute,
                                           arrIndex,
                                           'down',
@@ -1888,9 +1763,8 @@
                                 targetJsonSchema: arrayItemsDataObj,
                                 isArrayItem: true,
                                 arrIndex: arrIndex,
-                                getJSONDataByKeyRoute: getJSONDataByKeyRoute,
-                                keyRoute2indexRoute: keyRoute2indexRoute,
-                                updateFormValueData: updateFormValueData,
+                                schemaStore: schemaStore,
+                                jsonStore: jsonStore,
                               },
                             ),
                           ),
@@ -1923,17 +1797,8 @@
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_2__.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_2__.observer)(ArraySchema),
@@ -2009,7 +1874,9 @@
               _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);
@@ -2038,12 +1905,17 @@
               };
             _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,
@@ -2147,12 +2019,8 @@
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_2__.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_2__.observer)(
@@ -2237,10 +2105,12 @@
               };
               /** 初始化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中的数值对象（默认第一个就是数值对象） */
@@ -2360,7 +2230,9 @@
               _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 =
@@ -2404,8 +2276,12 @@
               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;
@@ -2638,12 +2514,8 @@
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_2__.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_2__.observer)(
@@ -2723,7 +2595,9 @@
               _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);
@@ -2752,12 +2626,17 @@
               };
             _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;
@@ -2884,12 +2763,8 @@
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_2__.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_2__.observer)(
@@ -2995,7 +2870,9 @@
               _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 = {
@@ -3031,14 +2908,19 @@
             _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;
@@ -3225,12 +3107,8 @@
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_2__.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_2__.observer)(
@@ -3326,6 +3204,11 @@
               _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(' +
@@ -3337,9 +3220,6 @@
                   ',' +
                   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)
                 // 主动触发更新的状态数据
@@ -3351,7 +3231,9 @@
               _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_4__.message.success(
                   '已移除当前设置的颜色值',
@@ -3394,12 +3276,17 @@
             _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;
@@ -3554,12 +3441,8 @@
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_2__.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_2__.observer)(
@@ -3707,12 +3590,16 @@
               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,
@@ -4009,13 +3896,8 @@
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_2__.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_2__.observer)(
@@ -4104,7 +3986,9 @@
               _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);
@@ -4133,12 +4017,17 @@
               };
             _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; // 是否必填（默认非必填）
@@ -4260,12 +4149,8 @@
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_2__.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_2__.observer)(
@@ -4351,7 +4236,11 @@
             );
           /* harmony import */ var $mixins_index__WEBPACK_IMPORTED_MODULE_11__ =
             __webpack_require__(/*! $mixins/index */ './src/mixins/index.js');
-          /* harmony import */ var $assets_img_code_svg__WEBPACK_IMPORTED_MODULE_12__ =
+          /* harmony import */ var $utils_webCache__WEBPACK_IMPORTED_MODULE_12__ =
+            __webpack_require__(
+              /*! $utils/webCache */ './src/utils/webCache.js',
+            );
+          /* harmony import */ var $assets_img_code_svg__WEBPACK_IMPORTED_MODULE_13__ =
             __webpack_require__(
               /*! $assets/img/code.svg */ './src/assets/img/code.svg',
             );
@@ -4365,6 +4254,7 @@
                 // 是否显示code模式
                 isClosed: false, // 是否为关闭状态，默认是开启状态
               };
+              _this.collapseChange = _this.collapseChange.bind(_this);
               return _this;
             }
             _babel_runtime_helpers_inheritsLoose__WEBPACK_IMPORTED_MODULE_0___default()(
@@ -4388,25 +4278,45 @@
                   );
                 }
               };
+            _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_12__.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;
               // 是否显示源码切换按钮
@@ -4422,6 +4332,16 @@
               // 内容Meta数据
               var metaContentKeyList = options.metaContentKeyList || [];
               var globalMetaConfig = options.globalMetaConfig || [];
+
+              // 获取前端缓存中的折叠数据
+              var isClosed = _isClosed;
+              var collapseCacheData = (0,
+              $utils_webCache__WEBPACK_IMPORTED_MODULE_12__.getJSONEditorCache)(
+                keyRoute,
+              );
+              if (collapseCacheData !== undefined) {
+                isClosed = collapseCacheData;
+              }
               return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
                 'div',
                 {
@@ -4485,13 +4405,7 @@
                       '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',
@@ -4532,7 +4446,7 @@
                               title: jsonView ? '关闭源码模式' : '开启源码模式',
                             },
                             /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                              $assets_img_code_svg__WEBPACK_IMPORTED_MODULE_12__[
+                              $assets_img_code_svg__WEBPACK_IMPORTED_MODULE_13__[
                                 'default'
                               ],
                               {
@@ -4579,28 +4493,16 @@
                         /** 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,
                             )
@@ -4611,15 +4513,13 @@
                             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 (
@@ -4636,14 +4536,6 @@
                               );
                             }
                           }
-                        } else if (
-                          currentJsonKey === 'value' &&
-                          (curJsonData.type === 'DevDefaults' ||
-                            curJsonData.type === 'RuntimeConst' ||
-                            curJsonData.type === 'Content')
-                        ) {
-                          // 全局配置数据、内容Meta数据 显示 数据值 配置项
-                          visibleOn = true;
                         }
                         if (
                           currentJsonKey === 'value' &&
@@ -4666,22 +4558,19 @@
                             globalMetaConfig,
                           );
                         }
-                        if (visibleOn) {
-                          return (0,
-                          $components_MappingRender__WEBPACK_IMPORTED_MODULE_9__[
-                            '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_9__[
+                          '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(
@@ -4715,13 +4604,8 @@
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_2__.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_2__.observer)(ObjectSchema),
@@ -4838,7 +4722,8 @@
               _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); // 更新数值
               };
               // 显示和隐藏数据过滤器
@@ -4852,7 +4737,9 @@
               _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();
@@ -4861,8 +4748,10 @@
               _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_14__.objClone)(
                   (0, mobx__WEBPACK_IMPORTED_MODULE_16__.toJS)(
@@ -4894,8 +4783,10 @@
               _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',
@@ -4927,8 +4818,10 @@
               _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,
@@ -4972,16 +4865,21 @@
             _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中获取对应的数值
@@ -5437,18 +5335,8 @@
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_2__.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_2__.observer)(
@@ -5575,12 +5463,16 @@
               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,
@@ -5843,13 +5735,8 @@
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_2__.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_2__.observer)(EventSchema),
@@ -5953,7 +5840,9 @@
               _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 = {
@@ -5989,12 +5878,17 @@
             _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;
@@ -6178,12 +6072,8 @@
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_2__.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_2__.observer)(
@@ -6263,14 +6153,16 @@
               // 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); // 更新数值
                 }
               };
@@ -6300,12 +6192,17 @@
               };
             _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; // 是否只读（默认可编辑）
@@ -6431,16 +6328,336 @@
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_2__.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_2__.observer)(
+              InputFormSchema,
+            ),
+          );
+
+          /***/
+        },
+
+      /***/ './src/renderers/InputImageSchema/index.js':
+        /*!*************************************************!*\
+  !*** ./src/renderers/InputImageSchema/index.js ***!
+  \*************************************************/
+        /***/ function (
+          __unused_webpack_module,
+          __webpack_exports__,
+          __webpack_require__,
+        ) {
+          'use strict';
+          __webpack_require__.r(__webpack_exports__);
+          /* harmony import */ var _babel_runtime_helpers_inheritsLoose__WEBPACK_IMPORTED_MODULE_0__ =
+            __webpack_require__(
+              /*! @babel/runtime/helpers/inheritsLoose */ '@babel/runtime/helpers/inheritsLoose',
+            );
+          /* harmony import */ var _babel_runtime_helpers_inheritsLoose__WEBPACK_IMPORTED_MODULE_0___default =
+            /*#__PURE__*/ __webpack_require__.n(
+              _babel_runtime_helpers_inheritsLoose__WEBPACK_IMPORTED_MODULE_0__,
+            );
+          /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ =
+            __webpack_require__(/*! react */ 'react');
+          /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default =
+            /*#__PURE__*/ __webpack_require__.n(
+              react__WEBPACK_IMPORTED_MODULE_1__,
+            );
+          /* harmony import */ var mobx_react__WEBPACK_IMPORTED_MODULE_2__ =
+            __webpack_require__(/*! mobx-react */ 'mobx-react');
+          /* harmony import */ var mobx_react__WEBPACK_IMPORTED_MODULE_2___default =
+            /*#__PURE__*/ __webpack_require__.n(
+              mobx_react__WEBPACK_IMPORTED_MODULE_2__,
+            );
+          /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ =
+            __webpack_require__(/*! prop-types */ 'prop-types');
+          /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default =
+            /*#__PURE__*/ __webpack_require__.n(
+              prop_types__WEBPACK_IMPORTED_MODULE_3__,
+            );
+          /* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_4__ =
+            __webpack_require__(/*! antd */ 'antd');
+          /* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_4___default =
+            /*#__PURE__*/ __webpack_require__.n(
+              antd__WEBPACK_IMPORTED_MODULE_4__,
+            );
+          /* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_5__ =
+            __webpack_require__(/*! @ant-design/icons */ '@ant-design/icons');
+          /* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_5___default =
+            /*#__PURE__*/ __webpack_require__.n(
+              _ant_design_icons__WEBPACK_IMPORTED_MODULE_5__,
+            );
+          /* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__ =
+            __webpack_require__(
+              /*! @wibetter/json-utils */ '@wibetter/json-utils',
+            );
+          /* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6___default =
+            /*#__PURE__*/ __webpack_require__.n(
+              _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__,
+            );
+          /* harmony import */ var $mixins_index__WEBPACK_IMPORTED_MODULE_7__ =
+            __webpack_require__(/*! $mixins/index */ './src/mixins/index.js');
+
+          var InputImageSchema = /*#__PURE__*/ (function (
+            _React$PureComponent,
+          ) {
+            function InputImageSchema(props) {
+              var _this;
+              _this = _React$PureComponent.call(this, props) || this;
+              _this.handleImageChange = function (fileInfo) {
+                var _this$props = _this.props,
+                  keyRoute = _this$props.keyRoute,
+                  jsonStore = _this$props.jsonStore;
+                var _ref = jsonStore || {},
+                  updateFormValueData = _ref.updateFormValueData;
+                if (fileInfo.file.status === 'uploading') {
+                  _this.setState({
+                    loading: true,
+                  });
+                  return;
+                }
+                if (fileInfo.file.status === 'done') {
+                  var responseData = fileInfo.file.response || {};
+                  if (responseData.url) {
+                    updateFormValueData(keyRoute, responseData.url);
+                  }
+                } else if (fileInfo.file.status === 'error') {
+                  antd__WEBPACK_IMPORTED_MODULE_4__.message.error(
+                    fileInfo.file.name +
+                      ' \u56FE\u7247\u4E0A\u4F20\u5931\u8D25\u3002',
+                  );
+                }
+                _this.setState({
+                  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;
+            }
+
+            // 方式1：在class组件中声明静态属性static，且必须是contextType，确保当前组件可以使用全局context中的数据（this.context不为空）
+            // static contextType = ThemeContext;
+            _babel_runtime_helpers_inheritsLoose__WEBPACK_IMPORTED_MODULE_0___default()(
+              InputImageSchema,
+              _React$PureComponent,
+            );
+            var _proto = InputImageSchema.prototype;
+            _proto.componentWillMount = function componentWillMount() {
+              // 从web缓存中获取数值
+              $mixins_index__WEBPACK_IMPORTED_MODULE_7__.catchJsonDataByWebCache.call(
+                this,
+              );
+            };
+            _proto.componentWillReceiveProps =
+              function componentWillReceiveProps(nextProps) {
+                if (nextProps.keyRoute !== this.props.keyRoute) {
+                  /** 当key值路径发生变化时重新从web缓存中获取数值 */
+                  $mixins_index__WEBPACK_IMPORTED_MODULE_7__.catchJsonDataByWebCache.call(
+                    this,
+                    nextProps.keyRoute,
+                  );
+                }
+              };
+            _proto.render = function render() {
+              var _targetJsonSchema$lis;
+              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中获取对应的数值
+              var curJsonData = keyRoute && getJSONDataByKeyRoute(keyRoute);
+              var readOnly = targetJsonSchema.readOnly || false; // 是否只读（默认可编辑）
+              var isRequired = targetJsonSchema.isRequired || false; // 是否必填（默认非必填）
+
+              var uploadProps = {
+                name: 'file',
+                // targetJsonSchema.name || jsonKey || 'imgFile',
+                action: targetJsonSchema.uploadAction || options.uploadAction,
+                accept: targetJsonSchema.accept || options.uploadAccept,
+                // multiple: targetJsonSchema.multiple ?? false,
+                maxCount: targetJsonSchema.multiple
+                  ? targetJsonSchema.maxCount || 1
+                  : 1,
+                // showUploadList: false,
+                listType:
+                  (_targetJsonSchema$lis = targetJsonSchema.listType) != null
+                    ? _targetJsonSchema$lis
+                    : 'picture-card',
+                headers: {
+                  authorization:
+                    targetJsonSchema.authorization || 'authorization-content',
+                },
+                onChange: this.handleImageChange,
+                onRemove: this.handleDeleteChange,
+              };
+              return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1__.createElement(
+                'div',
+                {
+                  className:
+                    pageScreen === 'wideScreen'
+                      ? 'wide-screen-element-warp'
+                      : 'mobile-screen-element-warp',
+                  key: nodeKey,
+                  id: nodeKey,
+                },
+                /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1__.createElement(
+                  'div',
+                  {
+                    className: 'element-title',
+                  },
+                  /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1__.createElement(
+                    'span',
+                    {
+                      className: 'title-text warning-text',
+                    },
+                    readOnly ? '[只读]' : '',
+                  ),
+                  /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1__.createElement(
+                    antd__WEBPACK_IMPORTED_MODULE_4__.Tooltip,
+                    {
+                      title:
+                        pageScreen === 'wideScreen'
+                          ? targetJsonSchema.description
+                          : '',
+                      placement: 'top',
+                    },
+                    /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1__.createElement(
+                      'span',
+                      {
+                        className: 'title-text',
+                        title:
+                          pageScreen === 'wideScreen' &&
+                          targetJsonSchema.title &&
+                          targetJsonSchema.title.length > (readOnly ? 4 : 6)
+                            ? targetJsonSchema.title
+                            : '',
+                      },
+                      targetJsonSchema.title,
+                      targetJsonSchema.showKey &&
+                        /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1__.createElement(
+                          'span',
+                          null,
+                          '\uFF08',
+                          (0,
+                          _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__.truncate)(
+                            jsonKey,
+                            {
+                              length: 15,
+                            },
+                          ),
+                          '\uFF09',
+                        ),
+                    ),
+                  ),
+                  pageScreen === 'mobileScreen' &&
+                    targetJsonSchema.description &&
+                    /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1__.createElement(
+                      antd__WEBPACK_IMPORTED_MODULE_4__.Tooltip,
+                      {
+                        title: targetJsonSchema.description,
+                        placement: 'top',
+                      },
+                      /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1__.createElement(
+                        _ant_design_icons__WEBPACK_IMPORTED_MODULE_5__.InfoCircleOutlined,
+                        {
+                          className: 'info-icon',
+                        },
+                      ),
+                    ),
+                ),
+                /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1__.createElement(
+                  'div',
+                  {
+                    className: 'content-item',
+                  },
+                  /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1__.createElement(
+                    'div',
+                    {
+                      className: 'form-item-box',
+                    },
+                    /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1__.createElement(
+                      antd__WEBPACK_IMPORTED_MODULE_4__.Upload,
+                      uploadProps,
+                      /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1__.createElement(
+                        'button',
+                        {
+                          style: {
+                            border: 0,
+                            background: 'none',
+                            cursor: 'pointer',
+                          },
+                          type: 'button',
+                        },
+                        loading
+                          ? /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1__.createElement(
+                              _ant_design_icons__WEBPACK_IMPORTED_MODULE_5__.LoadingOutlined,
+                              null,
+                            )
+                          : /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1__.createElement(
+                              _ant_design_icons__WEBPACK_IMPORTED_MODULE_5__.PlusOutlined,
+                              null,
+                            ),
+                        /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1__.createElement(
+                          'div',
+                          {
+                            style: {
+                              marginTop: 8,
+                            },
+                          },
+                          '\u4E0A\u4F20\u56FE\u7247',
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+              );
+            };
+            return InputImageSchema;
+          })(react__WEBPACK_IMPORTED_MODULE_1__.PureComponent);
+          InputImageSchema.propTypes = {
+            parentType: prop_types__WEBPACK_IMPORTED_MODULE_3___default().any,
+            jsonKey: prop_types__WEBPACK_IMPORTED_MODULE_3___default().string,
+            indexRoute: prop_types__WEBPACK_IMPORTED_MODULE_3___default().any,
+            keyRoute: prop_types__WEBPACK_IMPORTED_MODULE_3___default().any,
+            nodeKey: prop_types__WEBPACK_IMPORTED_MODULE_3___default().string,
+            targetJsonSchema:
+              prop_types__WEBPACK_IMPORTED_MODULE_3___default().any,
+            onChange: prop_types__WEBPACK_IMPORTED_MODULE_3___default().any,
+          };
+          /* harmony default export */ __webpack_exports__['default'] = (0,
+          mobx_react__WEBPACK_IMPORTED_MODULE_2__.inject)(function (stores) {
+            return {
+              schemaStore: stores.JSONSchemaStore,
+              jsonStore: stores.JSONEditorStore,
             };
           })(
             (0, mobx_react__WEBPACK_IMPORTED_MODULE_2__.observer)(
-              InputFormSchema,
+              InputImageSchema,
             ),
           );
 
@@ -6544,7 +6761,9 @@
               _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); // 更新数值
                 }
@@ -6584,12 +6803,17 @@
             _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,
@@ -6772,13 +6996,8 @@
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_2__.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_2__.observer)(
@@ -6870,7 +7089,9 @@
               _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); // 更新数值
                 }
@@ -6884,11 +7105,12 @@
             );
             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);
 
@@ -6964,11 +7186,8 @@
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_2__.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_2__.observer)(JsonView));
 
@@ -7049,8 +7268,10 @@
               _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_4__.message.warning(
                     '\u5C0F\u4E8E\u8BBE\u5B9A\u7684\u6700\u5C0F\u6570\u503C' +
@@ -7115,12 +7336,17 @@
             _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);
@@ -7285,12 +7511,8 @@
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_2__.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_2__.observer)(
@@ -7368,17 +7590,21 @@
             );
           /* harmony import */ var $mixins_index__WEBPACK_IMPORTED_MODULE_9__ =
             __webpack_require__(/*! $mixins/index */ './src/mixins/index.js');
-          /* harmony import */ var $assets_img_code_svg__WEBPACK_IMPORTED_MODULE_10__ =
+          /* harmony import */ var $utils_webCache__WEBPACK_IMPORTED_MODULE_10__ =
+            __webpack_require__(
+              /*! $utils/webCache */ './src/utils/webCache.js',
+            );
+          /* harmony import */ var $assets_img_code_svg__WEBPACK_IMPORTED_MODULE_11__ =
             __webpack_require__(
               /*! $assets/img/code.svg */ './src/assets/img/code.svg',
             );
-          /* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_11__ =
+          /* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_12__ =
             __webpack_require__(
               /*! ./index.scss */ './src/renderers/ObjectSchema/index.scss',
             );
-          /* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_11___default =
+          /* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_12___default =
             /*#__PURE__*/ __webpack_require__.n(
-              _index_scss__WEBPACK_IMPORTED_MODULE_11__,
+              _index_scss__WEBPACK_IMPORTED_MODULE_12__,
             );
 
           var ObjectSchema = /*#__PURE__*/ (function (_React$PureComponent) {
@@ -7390,6 +7616,7 @@
                 // 是否显示code模式
                 isClosed: false, // 是否为关闭状态，默认是开启状态
               };
+              _this.collapseChange = _this.collapseChange.bind(_this);
               return _this;
             }
             _babel_runtime_helpers_inheritsLoose__WEBPACK_IMPORTED_MODULE_0___default()(
@@ -7413,25 +7640,42 @@
                   );
                 }
               };
+            _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_10__.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;
               // 是否显示源码切换按钮
@@ -7440,6 +7684,16 @@
                 null
                   ? _targetJsonSchema$sho
                   : true;
+
+              // 获取前端缓存中的折叠数据
+              var isClosed = _isClosed;
+              var collapseCacheData = (0,
+              $utils_webCache__WEBPACK_IMPORTED_MODULE_10__.getJSONEditorCache)(
+                keyRoute,
+              );
+              if (collapseCacheData !== undefined) {
+                isClosed = collapseCacheData;
+              }
               return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
                 'div',
                 {
@@ -7502,13 +7756,7 @@
                       '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',
@@ -7549,7 +7797,7 @@
                               title: jsonView ? '关闭源码模式' : '开启源码模式',
                             },
                             /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
-                              $assets_img_code_svg__WEBPACK_IMPORTED_MODULE_10__[
+                              $assets_img_code_svg__WEBPACK_IMPORTED_MODULE_11__[
                                 'default'
                               ],
                               {
@@ -7604,9 +7852,8 @@
                           keyRoute: currentKeyRoute,
                           nodeKey: childNodeKey,
                           targetJsonSchema: currentSchemaData,
-                          getJSONDataByKeyRoute: getJSONDataByKeyRoute,
-                          keyRoute2indexRoute: keyRoute2indexRoute,
-                          updateFormValueData: updateFormValueData,
+                          schemaStore: schemaStore,
+                          jsonStore: jsonStore,
                         });
                       }),
                     jsonView &&
@@ -7641,12 +7888,8 @@
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_2__.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_2__.observer)(ObjectSchema),
@@ -7718,10 +7961,12 @@
               // 这边绑定是必要的，这样 `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)); // 更新单位数值
               };
@@ -7751,12 +7996,17 @@
               };
             _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; // 是否只读（默认可编辑）
@@ -7881,12 +8131,8 @@
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_2__.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_2__.observer)(
@@ -7964,10 +8210,12 @@
               // 这边绑定是必要的，这样 `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);
@@ -7996,12 +8244,17 @@
               };
             _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;
@@ -8127,12 +8380,8 @@
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_2__.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_2__.observer)(RadioSchema),
@@ -8296,14 +8545,19 @@
             _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; // 数据源名称
@@ -8563,13 +8817,8 @@
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_2__.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_2__.observer)(
@@ -8664,7 +8913,9 @@
               _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);
@@ -8693,12 +8944,17 @@
               };
             _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;
@@ -8836,12 +9092,8 @@
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_2__.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_2__.observer)(SelectSchema),
@@ -8913,6 +9165,10 @@
             );
           /* harmony import */ var $mixins_index__WEBPACK_IMPORTED_MODULE_8__ =
             __webpack_require__(/*! $mixins/index */ './src/mixins/index.js');
+          /* harmony import */ var $utils_webCache__WEBPACK_IMPORTED_MODULE_9__ =
+            __webpack_require__(
+              /*! $utils/webCache */ './src/utils/webCache.js',
+            );
 
           var Panel = antd__WEBPACK_IMPORTED_MODULE_5__.Collapse.Panel;
 
@@ -8927,6 +9183,7 @@
                 // 是否显示code模式
                 isClosed: false, // 是否为关闭状态，默认是开启状态
               };
+              _this.collapseChange = _this.collapseChange.bind(_this);
               return _this;
             }
             _babel_runtime_helpers_inheritsLoose__WEBPACK_IMPORTED_MODULE_0___default()(
@@ -8950,17 +9207,42 @@
                   );
                 }
               };
+            _proto.collapseChange = function collapseChange(collapseData) {
+              var keyRoute = this.props.keyRoute;
+              // 缓存当前折叠状态
+              (0,
+              $utils_webCache__WEBPACK_IMPORTED_MODULE_9__.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_9__.getJSONEditorCache)(
+                keyRoute,
+              );
+              if (
+                collapseCacheData &&
+                (0, _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__.isArray)(
+                  collapseCacheData,
+                )
+              ) {
+                collapseData = collapseCacheData;
+              }
               return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
                 'div',
                 {
@@ -8969,7 +9251,7 @@
                     (pageScreen === 'wideScreen'
                       ? 'wide-screen-element-warp'
                       : 'mobile-screen-element-warp'),
-                  key: nodeKey,
+                  // key={nodeKey}
                   id: nodeKey,
                 },
                 /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
@@ -9019,93 +9301,13 @@
                   /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
                     antd__WEBPACK_IMPORTED_MODULE_5__.Collapse,
                     {
-                      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_3__.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_7__[
-                              '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
@@ -9146,9 +9348,8 @@
                             nodeKey: childNodeKey,
                             targetJsonSchema: currentSchemaData,
                             isArrayItem: true,
-                            getJSONDataByKeyRoute: getJSONDataByKeyRoute,
-                            keyRoute2indexRoute: keyRoute2indexRoute,
-                            updateFormValueData: updateFormValueData,
+                            schemaStore: schemaStore,
+                            jsonStore: jsonStore,
                           }),
                         );
                       }
@@ -9176,12 +9377,8 @@
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_2__.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_2__.observer)(
@@ -9251,13 +9448,17 @@
             );
           /* harmony import */ var $mixins_index__WEBPACK_IMPORTED_MODULE_7__ =
             __webpack_require__(/*! $mixins/index */ './src/mixins/index.js');
-          /* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_8__ =
+          /* harmony import */ var $utils_webCache__WEBPACK_IMPORTED_MODULE_8__ =
+            __webpack_require__(
+              /*! $utils/webCache */ './src/utils/webCache.js',
+            );
+          /* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_9__ =
             __webpack_require__(
               /*! ./index.scss */ './src/renderers/SohuEventSchema/index.scss',
             );
-          /* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_8___default =
+          /* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_9___default =
             /*#__PURE__*/ __webpack_require__.n(
-              _index_scss__WEBPACK_IMPORTED_MODULE_8__,
+              _index_scss__WEBPACK_IMPORTED_MODULE_9__,
             );
 
           var Option = antd__WEBPACK_IMPORTED_MODULE_5__.Select.Option;
@@ -9268,11 +9469,14 @@
               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(
                   {},
@@ -9290,9 +9494,12 @@
               ) {
                 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 = [];
@@ -9325,6 +9532,7 @@
                 // 是否显示code模式
                 isClosed: false, // 是否为关闭状态，默认是开启状态
               };
+              _this.collapseChange = _this.collapseChange.bind(_this);
               return _this;
             }
             _babel_runtime_helpers_inheritsLoose__WEBPACK_IMPORTED_MODULE_0___default()(
@@ -9348,19 +9556,32 @@
                   );
                 }
               };
+            _proto.collapseChange = function collapseChange(collapseData) {
+              var keyRoute = this.props.keyRoute;
+              // 缓存当前折叠状态
+              (0,
+              $utils_webCache__WEBPACK_IMPORTED_MODULE_8__.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 || []; // 当前组件事件列表
@@ -9374,6 +9595,21 @@
                 widgetType !== 'page' &&
                 eventEmitConfig.length === 0 &&
                 eventListenConfig.length === 0;
+
+              // 获取前端缓存中的折叠数据
+              var collapseData = [];
+              var collapseCacheData = (0,
+              $utils_webCache__WEBPACK_IMPORTED_MODULE_8__.getJSONEditorCache)(
+                keyRoute,
+              );
+              if (
+                collapseCacheData &&
+                (0, _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__.isArray)(
+                  collapseCacheData,
+                )
+              ) {
+                collapseData = collapseCacheData;
+              }
               return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
                 'div',
                 {
@@ -9388,9 +9624,10 @@
                 /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
                   antd__WEBPACK_IMPORTED_MODULE_5__.Collapse,
                   {
-                    defaultActiveKey: ['mainConfig'],
+                    defaultActiveKey: collapseData,
                     expandIconPosition: 'right',
                     bordered: false,
+                    onChange: this.collapseChange,
                     // accordion
                   },
                   eventListenConfig &&
@@ -9640,13 +9877,8 @@
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_2__.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_2__.observer)(
@@ -9728,10 +9960,12 @@
               // 这边绑定是必要的，这样 `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);
@@ -9760,12 +9994,17 @@
               };
             _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; // 是否只读（默认可编辑）
@@ -9893,12 +10132,8 @@
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_2__.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_2__.observer)(
@@ -10067,7 +10302,9 @@
               _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 = {
@@ -10129,14 +10366,13 @@
             );
             var _proto = TextEditorSchema.prototype;
             _proto.componentWillMount = function componentWillMount() {
+              var _ref2 = this.props.schemaStore || {},
+                pageScreen = _ref2.pageScreen;
               // 从web缓存中获取数值
               $mixins_index__WEBPACK_IMPORTED_MODULE_6__.catchJsonDataByWebCache.call(
                 this,
               );
-              if (
-                this.props.pageScreen &&
-                this.props.pageScreen === 'wideScreen'
-              ) {
+              if (pageScreen && pageScreen === 'wideScreen') {
                 // 大屏幕时默认展开富文本编辑器
                 this.setState({
                   isClosed: false,
@@ -10151,10 +10387,13 @@
                     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({
@@ -10166,12 +10405,17 @@
             _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 =
@@ -10323,12 +10567,8 @@
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_2__.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_2__.observer)(
@@ -10410,7 +10650,9 @@
               _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);
@@ -10439,12 +10681,17 @@
               };
             _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;
@@ -10562,12 +10809,8 @@
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_2__.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_2__.observer)(
@@ -10643,11 +10886,17 @@
             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;
@@ -10717,7 +10966,6 @@
             return TreeSelectFromSchema;
           })(react__WEBPACK_IMPORTED_MODULE_1__.PureComponent);
           TreeSelectFromSchema.propTypes = {
-            pageScreen: prop_types__WEBPACK_IMPORTED_MODULE_3___default().any,
             mockData: prop_types__WEBPACK_IMPORTED_MODULE_3___default().any,
             // 接口mock数据
             dataRoute: prop_types__WEBPACK_IMPORTED_MODULE_3___default().any,
@@ -10729,7 +10977,7 @@
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_2__.inject)(function (stores) {
             return {
-              pageScreen: stores.JSONSchemaStore.pageScreen,
+              schemaStore: stores.JSONSchemaStore,
             };
           })(
             (0, mobx_react__WEBPACK_IMPORTED_MODULE_2__.observer)(
@@ -10807,10 +11055,12 @@
               // 这边绑定是必要的，这样 `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);
@@ -10839,12 +11089,17 @@
               };
             _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; // 是否只读（默认可编辑）
@@ -10971,12 +11226,8 @@
           /* harmony default export */ __webpack_exports__['default'] = (0,
           mobx_react__WEBPACK_IMPORTED_MODULE_2__.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_2__.observer)(
@@ -11337,7 +11588,6 @@
                 newVal,
                 ignoreChange,
               ) {
-                var _this = this;
                 if (keyRoute !== '') {
                   // 1. 获取父级key路径和最近的有一个key
                   var parentKeyRoute_CurKey = (0,
@@ -11358,14 +11608,7 @@
                   // 当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(
@@ -11374,15 +11617,7 @@
                   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) {
@@ -12055,12 +12290,23 @@
                   }
                   var curJsonData =
                     this.state.rootJSONStore.JSONEditorStore.jsonData;
+                  var newJsonData = {};
                   /** 根据jsonSchema生成对应的最新jsonData */
-                  var newJsonData = (0,
-                  _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_5__.schema2json)(
-                    this.jsonSchema,
-                    curJsonData,
-                  );
+                  if (this.jsonSchema.reset) {
+                    // schema 变动不保留旧版 jsonData 数据
+                    newJsonData = (0,
+                    _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_5__.schema2json)(
+                      this.jsonSchema,
+                      {},
+                    );
+                  } else {
+                    // 默认保留旧版jsonData数据
+                    newJsonData = (0,
+                    _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_5__.schema2json)(
+                      this.jsonSchema,
+                      curJsonData,
+                    );
+                  }
                   /** 更新当前的jsonData */
                   this.state.rootJSONStore.JSONEditorStore.jsonData =
                     newJsonData;
@@ -12355,15 +12601,35 @@
             },
             /* harmony export */
           });
+          /* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_0__ =
+            __webpack_require__(
+              /*! @wibetter/json-utils */ '@wibetter/json-utils',
+            );
+          /* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_0___default =
+            /*#__PURE__*/ __webpack_require__.n(
+              _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_0__,
+            );
+          /* 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,
+            );
           }
 
           /** 判断当前属性是否存在
@@ -12497,29 +12763,35 @@
 
           /**
            *  将数据缓存到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',
+            );
           }
 
           /***/
@@ -12710,6 +12982,95 @@
           /***/
         },
 
+      /***/ './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/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-11.use[1]!../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-11.use[2]!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-11.use[3]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-11.use[4]!../../node_modules/sass-resources-loader/lib/loader.js??clonedRuleSet-11.use[5]!./src/components/JSONDataEditor/index.scss':
         /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ../../node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-11.use[1]!../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-11.use[2]!../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-11.use[3]!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-11.use[4]!../../node_modules/sass-resources-loader/lib/loader.js??clonedRuleSet-11.use[5]!./src/components/JSONDataEditor/index.scss ***!