@wibetter/json-schema-editor 5.1.10 → 5.1.13

package/sdk/index.js

@@ -1,8 +1,8 @@
 /*!
- * @wibetter/json-schema-editor v5.1.10
+ * @wibetter/json-schema-editor v5.1.13
  * author: wibetter
  * build tool: AKFun
- * build time: Thu Jan 16 2025 14:25:03 GMT+0800 (中国标准时间)
+ * build time: Mon Jan 20 2025 16:58:40 GMT+0800 (中国标准时间)
  * build tool info: https://github.com/wibetter/akfun
  */
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -54093,39 +54093,31 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_helpers_inheritsLoose__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ "../../node_modules/@babel/runtime/helpers/esm/inheritsLoose.js");
 /* 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_17__ = __webpack_require__(/*! mobx-react */ "../../node_modules/mobx-react/dist/mobxreact.esm.js");
-/* harmony import */ var mobx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! mobx */ "../../node_modules/mobx/lib/mobx.module.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! prop-types */ "../../node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_16__);
-/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! antd */ "../../node_modules/antd/es/input/index.js");
-/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! antd */ "../../node_modules/antd/es/select/index.js");
-/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! antd */ "../../node_modules/antd/es/switch/index.js");
-/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! antd */ "../../node_modules/antd/es/checkbox/index.js");
-/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! antd */ "../../node_modules/antd/es/radio/index.js");
-/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! antd */ "../../node_modules/antd/es/input-number/index.js");
-/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! antd */ "../../node_modules/antd/es/tooltip/index.js");
-/* harmony import */ var $utils_advanced_config__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! $utils/advanced.config */ "./src/utils/advanced.config.js");
-/* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wibetter/json-utils */ "../json-utils/dist/index.esm.js");
-/* harmony import */ var react_ace__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-ace */ "../../node_modules/react-ace/lib/index.js");
-/* harmony import */ var ace_builds_src_noconflict_mode_json__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ace-builds/src-noconflict/mode-json */ "../../node_modules/ace-builds/src-noconflict/mode-json.js");
-/* harmony import */ var ace_builds_src_noconflict_mode_json__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(ace_builds_src_noconflict_mode_json__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var ace_builds_src_noconflict_theme_solarized_light__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ace-builds/src-noconflict/theme-solarized_light */ "../../node_modules/ace-builds/src-noconflict/theme-solarized_light.js");
-/* harmony import */ var ace_builds_src_noconflict_theme_solarized_light__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(ace_builds_src_noconflict_theme_solarized_light__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./index.scss */ "./src/components/AdvanceConfig/index.scss");
-/* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_index_scss__WEBPACK_IMPORTED_MODULE_10__);
-
-
+/* harmony import */ var mobx_react__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! mobx-react */ "../../node_modules/mobx-react/dist/mobxreact.esm.js");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! prop-types */ "../../node_modules/prop-types/index.js");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! antd */ "../../node_modules/antd/es/input/index.js");
+/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! antd */ "../../node_modules/antd/es/select/index.js");
+/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! antd */ "../../node_modules/antd/es/switch/index.js");
+/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! antd */ "../../node_modules/antd/es/checkbox/index.js");
+/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! antd */ "../../node_modules/antd/es/radio/index.js");
+/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! antd */ "../../node_modules/antd/es/input-number/index.js");
+/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! antd */ "../../node_modules/antd/es/tooltip/index.js");
+/* harmony import */ var $utils_advanced_config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! $utils/advanced.config */ "./src/utils/advanced.config.js");
+/* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wibetter/json-utils */ "../json-utils/dist/index.esm.js");
+/* harmony import */ var $components_JsonView__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! $components/JsonView */ "./src/components/JsonView/index.js");
+/* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./index.scss */ "./src/components/AdvanceConfig/index.scss");
+/* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_index_scss__WEBPACK_IMPORTED_MODULE_7__);
 
 
 
 
-var TextArea = antd__WEBPACK_IMPORTED_MODULE_3__["default"].TextArea;
-var Option = antd__WEBPACK_IMPORTED_MODULE_4__["default"].Option;
 
+var TextArea = antd__WEBPACK_IMPORTED_MODULE_2__["default"].TextArea;
+var Option = antd__WEBPACK_IMPORTED_MODULE_3__["default"].Option;
 
 
 
- // ace-builds
 
 
 /**
@@ -54135,6 +54127,8 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
   function AdvanceConfig(props) {
     var _this;
     _this = _React$PureComponent.call(this, props) || this;
+
+    // 这边绑定是必要的，这样 `this` 才能在回调函数中使用
     /** 数值变动事件处理器 */
     _this.handleValueChange = function (curKey, newVal) {
       var _ref = _this.props.schemaStore || {},
@@ -54152,7 +54146,7 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
     /** 根据当前类型显示对应的输入组件 */
     _this.renderDefaultContent = function (curType, targetJsonSchema, nodeKey) {
       if (curType === 'boolean') {
-        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_11__["default"], {
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_8__["default"], {
           style: {
             display: 'inline-block'
           },
@@ -54165,7 +54159,7 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
         });
       } else if (curType === 'checkboxes' || curType === 'select' && targetJsonSchema.multiple) {
         var options = targetJsonSchema.options;
-        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_12__["default"].Group, {
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_9__["default"].Group, {
           style: {
             display: 'inline-block'
           },
@@ -54175,14 +54169,14 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
           defaultValue: targetJsonSchema.default
         }, options && options.length > 0 && options.map(function (item, optionIndex) {
           var optionNodeKey = nodeKey + "-options-" + optionIndex;
-          return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_12__["default"], {
+          return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_9__["default"], {
             value: item.value,
             key: optionNodeKey
           }, item.label || item.name);
         }));
       } else if (curType === 'radio' || curType === 'select') {
         var _options = targetJsonSchema.options;
-        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_13__["default"].Group, {
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_10__["default"].Group, {
           style: {
             display: 'inline-block'
           },
@@ -54194,13 +54188,13 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
         }, _options && _options.length > 0 && _options.map(function (item, optionIndex) {
           /** 2. 获取当前元素的id，用于做唯一标识 */
           var optionNodeKey = nodeKey + "-options-" + optionIndex;
-          return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_13__["default"], {
+          return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_10__["default"], {
             value: item.value,
             key: optionNodeKey
           }, item.label || item.name);
         }));
       } else if (curType === 'color') {
-        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_3__["default"], {
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_2__["default"], {
           style: {
             display: 'inline-block'
           },
@@ -54231,7 +54225,7 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
         });
       }
       if (curType === 'number') {
-        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_14__["default"], {
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_11__["default"], {
           style: {
             display: 'inline-block'
           },
@@ -54243,7 +54237,7 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
         });
       }
       // 其他都默认以input控件进行录入
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_3__["default"], {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_2__["default"], {
         style: {
           display: 'inline-block'
         },
@@ -54259,20 +54253,6 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
         }
       });
     };
-    _this.state = {
-      optionsWarn: false,
-      // 用于判断是否显示错误信息
-      optionsWarnText: '',
-      // 错误内容
-      optionsTemp: undefined,
-      // 用于记录当前不合规范的json数据
-
-      titleStyleTemp: undefined,
-      titleStyleWarn: false,
-      titleStyleWarnText: true
-    };
-
-    // 这边绑定是必要的，这样 `this` 才能在回调函数中使用
     _this.handleValueChange = _this.handleValueChange.bind(_this);
     return _this;
   }
@@ -54287,14 +54267,6 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
       nodeKey = _this$props2.nodeKey,
       indexRoute = _this$props2.indexRoute,
       targetJsonSchema = _this$props2.targetJsonSchema;
-    var _this$state = this.state,
-      optionsWarn = _this$state.optionsWarn,
-      optionsWarnText = _this$state.optionsWarnText,
-      optionsTemp = _this$state.optionsTemp;
-    var _this$state2 = this.state,
-      titleStyleTemp = _this$state2.titleStyleTemp,
-      titleStyleWarn = _this$state2.titleStyleWarn,
-      titleStyleWarnText = _this$state2.titleStyleWarnText;
     var curType = targetJsonSchema.type;
     // 获取对应的keyRoute
     var curKeyRoute = indexRoute2keyRoute(indexRoute);
@@ -54310,12 +54282,12 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
 
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "advance-config-model"
-    }, (0,$utils_advanced_config__WEBPACK_IMPORTED_MODULE_5__.isNeedConditionOption)(curType) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
+    }, (0,$utils_advanced_config__WEBPACK_IMPORTED_MODULE_4__.isNeedConditionOption)(curType) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "wide-screen-element-warp",
       key: nodeKey + "-isConditionProp"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "element-title"
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_15__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_12__["default"], {
       title: '设置为条件字段后，其他字段可根据其数值变化进行实时联动',
       placement: "top"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
@@ -54325,7 +54297,7 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "form-item-box",
       key: nodeKey + "-isConditionProp-switch"
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_11__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_8__["default"], {
       style: {
         display: 'inline-block'
       },
@@ -54340,7 +54312,7 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
       key: nodeKey + "-selectConfig"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "element-title"
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_15__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_12__["default"], {
       title: '开启多选后，select下拉列表支持选择多个选项。',
       placement: "top"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
@@ -54350,7 +54322,7 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "form-item-box",
       key: nodeKey + "-selectConfig-multiple"
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_11__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_8__["default"], {
       style: {
         display: 'inline-block'
       },
@@ -54360,12 +54332,37 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
       onChange: function onChange(checked) {
         _this2.handleValueChange('multiple', checked);
       }
-    })))), (0,$utils_advanced_config__WEBPACK_IMPORTED_MODULE_5__.isNeedReadOnlyOption)(curType) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
+    })))), (0,$utils_advanced_config__WEBPACK_IMPORTED_MODULE_4__.hasOptions)(curType) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
+      className: "wide-screen-element-warp",
+      key: nodeKey + "-defaultActiveFirstOption"
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
+      className: "element-title"
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_12__["default"], {
+      title: '是否默认高亮第一个选项。',
+      placement: "top"
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
+      className: "title-text"
+    }, "\u9009\u4E2D\u7B2C\u4E00\u9879"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
+      className: "content-item"
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
+      className: "form-item-box",
+      key: nodeKey + "-selectConfig-defaultActiveFirstOption"
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_8__["default"], {
+      style: {
+        display: 'inline-block'
+      },
+      defaultChecked: targetJsonSchema.defaultActiveFirstOption,
+      checkedChildren: "\u5F00\u542F",
+      unCheckedChildren: "\u5173\u95ED",
+      onChange: function onChange(checked) {
+        _this2.handleValueChange('defaultActiveFirstOption', checked);
+      }
+    })))), (0,$utils_advanced_config__WEBPACK_IMPORTED_MODULE_4__.isNeedReadOnlyOption)(curType) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "wide-screen-element-warp",
       key: nodeKey + "-readOnly-" + targetJsonSchema.readOnly
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "element-title"
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_15__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_12__["default"], {
       title: '当前属性设置为只读后，用户不能对其进行任何编辑操作',
       placement: "top"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
@@ -54374,7 +54371,7 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
       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_11__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_8__["default"], {
       style: {
         display: 'inline-block'
       },
@@ -54384,12 +54381,12 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
       onChange: function onChange(checked) {
         _this2.handleValueChange('readOnly', checked);
       }
-    })))), (0,$utils_advanced_config__WEBPACK_IMPORTED_MODULE_5__.isNeedIsRequiredOption)(curType) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
+    })))), (0,$utils_advanced_config__WEBPACK_IMPORTED_MODULE_4__.isNeedIsRequiredOption)(curType) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "wide-screen-element-warp",
       key: nodeKey + "-isRequired-" + targetJsonSchema.isRequired
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "element-title"
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_15__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_12__["default"], {
       title: '当前属性设置为必填项后，如果用户没有给其设置数值，则会进行标红提示。',
       placement: "top"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
@@ -54398,7 +54395,7 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
       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_11__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_8__["default"], {
       style: {
         display: 'inline-block'
       },
@@ -54408,12 +54405,12 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
       onChange: function onChange(checked) {
         _this2.handleValueChange('isRequired', checked);
       }
-    })))), (0,$utils_advanced_config__WEBPACK_IMPORTED_MODULE_5__.isNeedDefaultOption)(curType) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
+    })))), (0,$utils_advanced_config__WEBPACK_IMPORTED_MODULE_4__.isNeedDefaultOption)(curType) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "wide-screen-element-warp",
       key: nodeKey + "-default"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "element-title"
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_15__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_12__["default"], {
       placement: "top"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
       className: "title-text"
@@ -54426,64 +54423,24 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
       key: nodeKey + "-cascader-options"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "element-title"
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_15__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_12__["default"], {
       title: '用于添加 级联选择 组件的 options 数据。',
       placement: "top"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
       className: "title-text"
     }, "options \u914D\u7F6E"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "content-item"
-    }, optionsWarn && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
-      className: "warning-box code-area-item"
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
-      className: "warning-img"
-    }, "X"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
-      className: "warning-text"
-    }, optionsWarnText)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(react_ace__WEBPACK_IMPORTED_MODULE_7__["default"], {
-      id: nodeKey + "-json_area_ace",
-      value: (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__.hasProperties)(optionsTemp) ? optionsTemp : JSON.stringify(targetJsonSchema.options, null, 2),
-      className: "json-view-ace",
-      mode: "json",
-      theme: "solarized_light",
-      name: "JSON_CODE_EDIT",
-      fontSize: 14,
-      showPrintMargin: true,
-      showGutter: true,
-      highlightActiveLine: true,
-      readOnly: false,
-      minLines: 3,
-      maxLines: 6,
-      width: '100%',
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement($components_JsonView__WEBPACK_IMPORTED_MODULE_6__["default"], {
+      jsonData: targetJsonSchema.options,
       onChange: function onChange(newJsonData) {
-        try {
-          var newJsonDataTemp = JSON.parse(newJsonData); // 进行格式化（主要用于检查是否是合格的json数据）
-          // 更新jsonData
-          _this2.handleValueChange('options', newJsonDataTemp);
-          _this2.setState({
-            optionsWarn: false,
-            optionsTemp: undefined // 重置
-          });
-        } catch (err) {
-          // 更新jsonData
-          _this2.setState({
-            optionsTemp: newJsonData,
-            // 记录当前格式不正确的json数据
-            optionsWarnText: err.message,
-            optionsWarn: true
-          });
-        }
-      },
-      setOptions: {
-        useWorker: false,
-        showLineNumbers: true,
-        tabSize: 2
+        _this2.handleValueChange('options', newJsonData);
       }
     }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "wide-screen-element-warp",
       key: nodeKey + "-description"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "element-title"
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_15__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_12__["default"], {
       title: '字段描述内容将作为Title的补充信息提供给用户',
       placement: "top"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
@@ -54492,7 +54449,7 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
       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_3__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_2__["default"], {
       style: {
         display: 'inline-block'
       },
@@ -54511,7 +54468,7 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
       key: nodeKey + "-showKey"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "element-title"
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_15__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_12__["default"], {
       title: '开启后，在JSONEditor端会展示当前Key值，以便增加辨识度。',
       placement: "top"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
@@ -54520,7 +54477,7 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
       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_11__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_8__["default"], {
       style: {
         display: 'inline-block'
       },
@@ -54530,12 +54487,12 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
       onChange: function onChange(checked) {
         _this2.handleValueChange('showKey', checked);
       }
-    })))), (0,$utils_advanced_config__WEBPACK_IMPORTED_MODULE_5__.isNeedPlaceholderOption)(curType) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
+    })))), (0,$utils_advanced_config__WEBPACK_IMPORTED_MODULE_4__.isNeedPlaceholderOption)(curType) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "wide-screen-element-warp",
       key: nodeKey + "-placeholder"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "element-title"
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_15__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_12__["default"], {
       title: '输入提示内容将作为输入区域的提示信息展示给用户',
       placement: "top"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
@@ -54544,7 +54501,7 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
       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_3__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_2__["default"], {
       style: {
         display: 'inline-block'
       },
@@ -54558,12 +54515,12 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
         var value = event.target.value;
         _this2.handleValueChange('placeholder', value);
       }
-    })))), (0,$utils_advanced_config__WEBPACK_IMPORTED_MODULE_5__.isNeedCodeViewOption)(curType) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
+    })))), (0,$utils_advanced_config__WEBPACK_IMPORTED_MODULE_4__.isNeedCodeViewOption)(curType) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "wide-screen-element-warp",
       key: nodeKey + "-showCodeViewBtn-" + targetJsonSchema.showCodeViewBtn
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "element-title"
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_15__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_12__["default"], {
       title: '用于控制是否显示源码模式切换按钮，默认显示',
       placement: "top"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
@@ -54572,7 +54529,7 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
       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_11__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_8__["default"], {
       style: {
         display: 'inline-block'
       },
@@ -54582,12 +54539,12 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
       onChange: function onChange(checked) {
         _this2.handleValueChange('showCodeViewBtn', checked);
       }
-    })))), (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__.getExpectType)(curType) === 'number' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
+    })))), (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_5__.getExpectType)(curType) === 'number' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "wide-screen-element-warp",
       key: nodeKey + "-minimum-" + targetJsonSchema.minimum
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "element-title"
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_15__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_12__["default"], {
       title: '设置最小值后，用户输入的数值必须大于当前最小值',
       placement: "top"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
@@ -54596,7 +54553,7 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
       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_14__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_11__["default"], {
       style: {
         display: 'inline-block'
       },
@@ -54614,7 +54571,7 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
       key: nodeKey + "-maximum-" + targetJsonSchema.maximum
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "element-title"
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_15__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_12__["default"], {
       title: '设置最大值后，用户输入的数值必须大于当前最大值',
       placement: "top"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
@@ -54623,7 +54580,7 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
       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_14__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_11__["default"], {
       style: {
         display: 'inline-block'
       },
@@ -54636,12 +54593,12 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
         var value = event.target.value;
         _this2.handleValueChange('maximum', value);
       }
-    }))))), (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__.getExpectType)(curType) === 'array' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
+    }))))), (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_5__.getExpectType)(curType) === 'array' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "wide-screen-element-warp",
       key: nodeKey + "-minimum-child"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "element-title"
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_15__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_12__["default"], {
       title: '用于限制数据项最小个数',
       placement: "top"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
@@ -54650,7 +54607,7 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
       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_14__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_11__["default"], {
       style: {
         display: 'inline-block'
       },
@@ -54663,7 +54620,7 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
       key: nodeKey + "-maximum-child"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "element-title"
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_15__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_12__["default"], {
       title: '用于限制数据项最多个数',
       placement: "top"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
@@ -54672,7 +54629,7 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
       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_14__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_11__["default"], {
       style: {
         display: 'inline-block'
       },
@@ -54685,7 +54642,7 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
       key: nodeKey + "-onShow"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "element-title"
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_15__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_12__["default"], {
       title: '用于设置显隐表达式（onShow），比如设置 "dataType === 1"，则表示当数据域中 dataType 为 1 时显示当前配置项。',
       placement: "top"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
@@ -54694,7 +54651,7 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
       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_3__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_2__["default"], {
       style: {
         display: 'inline-block'
       },
@@ -54713,71 +54670,33 @@ var AdvanceConfig = /*#__PURE__*/function (_React$PureComponent) {
       key: nodeKey + "-titleStyle"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "element-title"
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_15__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_12__["default"], {
       title: '可用于设置标题展示样式。',
       placement: "top"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", {
       className: "title-text"
     }, "\u6807\u9898\u6837\u5F0F"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "content-item"
-    }, titleStyleWarn && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
-      className: "warning-box code-area-item"
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
-      className: "warning-img"
-    }, "X"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
-      className: "warning-text"
-    }, titleStyleWarnText)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(react_ace__WEBPACK_IMPORTED_MODULE_7__["default"], {
-      id: nodeKey + "-json_area_ace",
-      value: (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__.hasProperties)(titleStyleTemp) ? titleStyleTemp : JSON.stringify(targetJsonSchema.titleStyle, null, 2),
-      className: "json-view-ace",
-      mode: "json",
-      theme: "solarized_light",
-      name: "JSON_CODE_EDIT",
-      fontSize: 14,
-      showPrintMargin: true,
-      showGutter: true,
-      highlightActiveLine: true,
-      readOnly: false,
-      minLines: 3,
-      maxLines: 6,
-      width: '100%',
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement($components_JsonView__WEBPACK_IMPORTED_MODULE_6__["default"], {
+      jsonData: targetJsonSchema.titleStyle,
       onChange: function onChange(newJsonData) {
-        try {
-          var newTitleStyleTemp = JSON.parse(newJsonData);
-          _this2.handleValueChange('titleStyle', newTitleStyleTemp);
-          _this2.setState({
-            titleStyleWarn: false,
-            titleStyleTemp: undefined
-          });
-        } catch (err) {
-          _this2.setState({
-            titleStyleTemp: newJsonData,
-            // 记录当前格式不正确的json数据
-            titleStyleWarnText: err.message,
-            titleStyleWarn: true
-          });
-        }
-      },
-      setOptions: {
-        useWorker: false,
-        showLineNumbers: true,
-        tabSize: 2
+        _this2.handleValueChange('titleStyle', newJsonData);
       }
     }))));
   };
   return AdvanceConfig;
 }(react__WEBPACK_IMPORTED_MODULE_1__.PureComponent);
 AdvanceConfig.propTypes = {
-  jsonKey: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().string),
-  indexRoute: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().string),
-  nodeKey: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().string),
-  targetJsonSchema: (prop_types__WEBPACK_IMPORTED_MODULE_16___default().any)
+  jsonKey: (prop_types__WEBPACK_IMPORTED_MODULE_13___default().string),
+  indexRoute: (prop_types__WEBPACK_IMPORTED_MODULE_13___default().string),
+  nodeKey: (prop_types__WEBPACK_IMPORTED_MODULE_13___default().string),
+  targetJsonSchema: (prop_types__WEBPACK_IMPORTED_MODULE_13___default().any)
 };
-/* harmony default export */ __webpack_exports__["default"] = ((0,mobx_react__WEBPACK_IMPORTED_MODULE_17__.inject)(function (stores) {
+/* harmony default export */ __webpack_exports__["default"] = ((0,mobx_react__WEBPACK_IMPORTED_MODULE_14__.inject)(function (stores) {
   return {
     schemaStore: stores.schemaStore
   };
-})((0,mobx_react__WEBPACK_IMPORTED_MODULE_17__.observer)(AdvanceConfig)));
+})((0,mobx_react__WEBPACK_IMPORTED_MODULE_14__.observer)(AdvanceConfig)));
 
 /***/ }),
 
@@ -55136,17 +55055,19 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_helpers_inheritsLoose__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ "../../node_modules/@babel/runtime/helpers/esm/inheritsLoose.js");
 /* 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_10__ = __webpack_require__(/*! mobx-react */ "../../node_modules/mobx-react/dist/mobxreact.esm.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! prop-types */ "../../node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! antd */ "../../node_modules/antd/es/message/index.js");
-/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! antd */ "../../node_modules/antd/es/tree/index.js");
+/* harmony import */ var mobx_react__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! mobx-react */ "../../node_modules/mobx-react/dist/mobxreact.esm.js");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! prop-types */ "../../node_modules/prop-types/index.js");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! antd */ "../../node_modules/antd/es/message/index.js");
+/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! antd */ "../../node_modules/antd/es/tree/index.js");
 /* harmony import */ var $schemaRenderer_ObjectSchema_index__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! $schemaRenderer/ObjectSchema/index */ "./src/schemaRenderer/ObjectSchema/index.js");
 /* harmony import */ var $schemaRenderer_MappingRender__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! $schemaRenderer/MappingRender */ "./src/schemaRenderer/MappingRender.js");
 /* harmony import */ var $utils_index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! $utils/index */ "./src/utils/index.js");
-/* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wibetter/json-utils */ "../json-utils/dist/index.esm.js");
-/* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./index.scss */ "./src/components/JSONSchemaEditor/index.scss");
-/* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_index_scss__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var $components_JsonView__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! $components/JsonView */ "./src/components/JsonView/index.js");
+/* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wibetter/json-utils */ "../json-utils/dist/index.esm.js");
+/* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./index.scss */ "./src/components/JSONSchemaEditor/index.scss");
+/* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_index_scss__WEBPACK_IMPORTED_MODULE_7__);
+
 
 
 
@@ -55171,7 +55092,7 @@ var JSONSchema = /*#__PURE__*/function (_React$PureComponent) {
       var curIndexRoute = node.indexRoute;
       var curJsonObj = getSchemaByIndexRoute(curIndexRoute);
       if (curJsonObj.isFixed) {
-        antd__WEBPACK_IMPORTED_MODULE_7__["default"].warning('当前元素不支持拖拽哦。');
+        antd__WEBPACK_IMPORTED_MODULE_8__["default"].warning('当前元素不支持拖拽哦。');
       }
     };
     /**
@@ -55204,9 +55125,9 @@ var JSONSchema = /*#__PURE__*/function (_React$PureComponent) {
       var targetIndexRoute = node.indexRoute;
 
       // 判断是否是同一个父级容器
-      var isSameParentElem = (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_5__.isSameParent)(curIndexRoute, targetIndexRoute);
+      var isSameParentElem = (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__.isSameParent)(curIndexRoute, targetIndexRoute);
       // 判断先后位置
-      var curPosition = (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_5__.getCurPosition)(curIndexRoute, targetIndexRoute);
+      var curPosition = (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__.getCurPosition)(curIndexRoute, targetIndexRoute);
       if (isSameParentElem) {
         /** 同级元素的拖拽交互
          * 备注：1、同级元素之间的拖拽不用考虑是否有重名key；
@@ -55220,7 +55141,7 @@ var JSONSchema = /*#__PURE__*/function (_React$PureComponent) {
            * 当拖动的元素在前面，目标元素在后面，
            * 先删除拖动元素时会导致targetIndexRoute发生偏移，需要向前移动一位进行矫正（以便继续访问到此前的目标元素）
            */
-          targetIndexRoute = (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_5__.moveForward)(targetIndexRoute);
+          targetIndexRoute = (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__.moveForward)(targetIndexRoute);
         }
         if (node.dragOverGapTop) {
           /** 拖拽到目标元素前面 */
@@ -55234,19 +55155,19 @@ var JSONSchema = /*#__PURE__*/function (_React$PureComponent) {
         // 判断是否有重名的jsonKey（非同级元素拖拽中可能出现重名）
         var isExitJsonKey_ = isExitJsonKey(targetIndexRoute, curJsonKey);
         if (isExitJsonKey_) {
-          antd__WEBPACK_IMPORTED_MODULE_7__["default"].warning('目标位置中有重名的元素');
+          antd__WEBPACK_IMPORTED_MODULE_8__["default"].warning('目标位置中有重名的元素');
           return;
         }
         var curType = curJsonObj.type;
         var isSupportCurType_ = isSupportCurType(targetIndexRoute, curType);
         if (!isSupportCurType_) {
-          antd__WEBPACK_IMPORTED_MODULE_7__["default"].warning("\u76EE\u6807\u4F4D\u7F6E\u4E0D\u652F\u6301" + curType + "\u7C7B\u578B\u5143\u7D20");
+          antd__WEBPACK_IMPORTED_MODULE_8__["default"].warning("\u76EE\u6807\u4F4D\u7F6E\u4E0D\u652F\u6301" + curType + "\u7C7B\u578B\u5143\u7D20");
           return;
         }
 
         // 跨级拖动时
         var curKeyRoute = indexRoute2keyRoute(curIndexRoute);
-        var targetParentIndexRoute = (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_5__.getParentIndexRoute)(targetIndexRoute);
+        var targetParentIndexRoute = (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__.getParentIndexRoute)(targetIndexRoute);
         // 先获取拖拽元素的原始路径
         var cacheKeyRoute = (0,$utils_index__WEBPACK_IMPORTED_MODULE_4__.getWebCacheData)(curKeyRoute + "-" + curType);
         (0,$utils_index__WEBPACK_IMPORTED_MODULE_4__.saveWebCacheData)(indexRoute2keyRoute(targetParentIndexRoute) + "-" + curJsonKey + "-" + curType, cacheKeyRoute || curKeyRoute);
@@ -55334,9 +55255,10 @@ var JSONSchema = /*#__PURE__*/function (_React$PureComponent) {
     }
   };
   _proto.render = function render() {
+    var jsonView = this.props.jsonView;
     var _ref5 = this.props.schemaStore || {},
       jsonSchema = _ref5.jsonSchema;
-    var isEmpty = (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_5__.isEmptySchema)(jsonSchema);
+    var isEmpty = (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__.isEmptySchema)(jsonSchema);
     var curType = jsonSchema.type;
     /**
      * 备注：此处单独将object进行渲染，主要是为了将Tree根组件抽离出来（以便在此处进行拖拽事件的处理），
@@ -55345,7 +55267,7 @@ var JSONSchema = /*#__PURE__*/function (_React$PureComponent) {
      * */
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
       className: "json-schema-container"
-    }, !isEmpty && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_8__["default"], {
+    }, !isEmpty && !jsonView && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(antd__WEBPACK_IMPORTED_MODULE_9__["default"], {
       draggable: true,
       selectable: false,
       onDragStart: this.onDragStart,
@@ -55366,22 +55288,156 @@ var JSONSchema = /*#__PURE__*/function (_React$PureComponent) {
       targetJsonSchema: jsonSchema,
       key: 'schema',
       isFirstSchema: true
-    }))), isEmpty && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("p", {
+    }))), !isEmpty && jsonView && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement($components_JsonView__WEBPACK_IMPORTED_MODULE_5__["default"], {
+      jsonData: jsonSchema,
+      readOnly: true
+    }), isEmpty && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("p", {
       className: "json-schema-empty"
     }, "\u5F53\u524DjsonSchema\u6CA1\u6709\u6570\u636E\u5185\u5BB9"));
   };
   return JSONSchema;
 }(react__WEBPACK_IMPORTED_MODULE_1__.PureComponent);
 JSONSchema.propTypes = {
-  onChange: (prop_types__WEBPACK_IMPORTED_MODULE_9___default().func),
-  data: (prop_types__WEBPACK_IMPORTED_MODULE_9___default().object),
-  typeList: (prop_types__WEBPACK_IMPORTED_MODULE_9___default().object)
+  onChange: (prop_types__WEBPACK_IMPORTED_MODULE_10___default().func),
+  data: (prop_types__WEBPACK_IMPORTED_MODULE_10___default().object),
+  typeList: (prop_types__WEBPACK_IMPORTED_MODULE_10___default().object),
+  jsonView: (prop_types__WEBPACK_IMPORTED_MODULE_10___default().any)
 };
-/* harmony default export */ __webpack_exports__["default"] = ((0,mobx_react__WEBPACK_IMPORTED_MODULE_10__.inject)(function (stores) {
+/* harmony default export */ __webpack_exports__["default"] = ((0,mobx_react__WEBPACK_IMPORTED_MODULE_11__.inject)(function (stores) {
   return {
     schemaStore: stores.schemaStore
   };
-})((0,mobx_react__WEBPACK_IMPORTED_MODULE_10__.observer)(JSONSchema)));
+})((0,mobx_react__WEBPACK_IMPORTED_MODULE_11__.observer)(JSONSchema)));
+
+/***/ }),
+
+/***/ "./src/components/JsonView/index.js":
+/*!******************************************!*\
+  !*** ./src/components/JsonView/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 */ "../../node_modules/@babel/runtime/helpers/esm/inheritsLoose.js");
+/* 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 prop_types__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! prop-types */ "../../node_modules/prop-types/index.js");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var react_ace__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-ace */ "../../node_modules/react-ace/lib/index.js");
+/* harmony import */ var ace_builds_src_noconflict_mode_json__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ace-builds/src-noconflict/mode-json */ "../../node_modules/ace-builds/src-noconflict/mode-json.js");
+/* harmony import */ var ace_builds_src_noconflict_mode_json__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(ace_builds_src_noconflict_mode_json__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var ace_builds_src_noconflict_theme_solarized_light__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ace-builds/src-noconflict/theme-solarized_light */ "../../node_modules/ace-builds/src-noconflict/theme-solarized_light.js");
+/* harmony import */ var ace_builds_src_noconflict_theme_solarized_light__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(ace_builds_src_noconflict_theme_solarized_light__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _wibetter_json_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wibetter/json-utils */ "../json-utils/dist/index.esm.js");
+/* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./index.scss */ "./src/components/JsonView/index.scss");
+/* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_index_scss__WEBPACK_IMPORTED_MODULE_6__);
+
+
+
+
+
+ // ace-builds
+
+
+var JsonView = /*#__PURE__*/function (_React$PureComponent) {
+  function JsonView(props) {
+    var _this;
+    _this = _React$PureComponent.call(this, props) || this;
+    _this.handleValueChange = function (newJsonData) {
+      if (_this.props.onChange && (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_5__.isFunction)(_this.props.onChange)) {
+        _this.props.onChange(newJsonData);
+      }
+    };
+    _this.state = {
+      isShowWarn: false,
+      // 用于判断是否显示错误信息
+      warnText: '',
+      // 错误内容
+      curJSONDataTemp: undefined // 用于记录当前不合规范的json数据
+    };
+    _this.handleValueChange = _this.handleValueChange.bind(_this);
+    return _this;
+  }
+  (0,_babel_runtime_helpers_inheritsLoose__WEBPACK_IMPORTED_MODULE_0__["default"])(JsonView, _React$PureComponent);
+  var _proto = JsonView.prototype;
+  _proto.render = function render() {
+    var _this2 = this;
+    var _this$props = this.props,
+      jsonData = _this$props.jsonData,
+      _readOnly = _this$props.readOnly;
+    var curJsonData = jsonData || {};
+    var _this$state = this.state,
+      isShowWarn = _this$state.isShowWarn,
+      warnText = _this$state.warnText,
+      curJSONDataTemp = _this$state.curJSONDataTemp;
+    var readOnly = _readOnly || false;
+
+    // 格式化JSON数据
+    curJsonData = curJsonData !== undefined ? curJsonData : curJsonData || '{}';
+    // 判断当前jsonData是否是对象类型
+    if ((0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_5__.isObject)(curJsonData) || (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_5__.isArray)(curJsonData)) {
+      curJsonData = JSON.stringify(curJsonData, null, 2);
+    }
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
+      className: "json-view-box"
+    }, readOnly && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
+      className: "readOnly-btn"
+    }, "[\u53EA\u8BFB]"), isShowWarn && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
+      className: "warning-box code-area-item"
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
+      className: "warning-img"
+    }, "X"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
+      className: "warning-text"
+    }, warnText)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(react_ace__WEBPACK_IMPORTED_MODULE_2__["default"], {
+      id: "json_area_ace",
+      defaultValue: curJsonData
+      // value={hasProperties(curJSONDataTemp) ? curJSONDataTemp : curJsonData}
+      ,
+      className: "json-view-ace",
+      mode: "json",
+      theme: "solarized_light",
+      name: "JSON_CODE_EDIT",
+      fontSize: 14,
+      showPrintMargin: true,
+      showGutter: true,
+      highlightActiveLine: true,
+      readOnly: readOnly,
+      minLines: 5,
+      maxLines: 33,
+      width: '100%',
+      setOptions: {
+        useWorker: false,
+        showLineNumbers: true,
+        tabSize: 2
+      },
+      onChange: function onChange(newJsonData) {
+        try {
+          var newJsonDataTemp = JSON.parse(newJsonData); // 进行格式化（主要用于检查是否是合格的json数据）
+          // 更新jsonData
+          _this2.handleValueChange(newJsonDataTemp);
+          _this2.setState({
+            isShowWarn: false,
+            curJSONDataTemp: undefined // 重置
+          });
+        } catch (err) {
+          // 更新jsonData
+          _this2.setState({
+            curJSONDataTemp: newJsonData,
+            // 记录当前格式不正确的json数据
+            warnText: err.message,
+            isShowWarn: true
+          });
+        }
+      }
+    }));
+  };
+  return JsonView;
+}(react__WEBPACK_IMPORTED_MODULE_1__.PureComponent);
+JsonView.propTypes = {
+  jsonData: (prop_types__WEBPACK_IMPORTED_MODULE_7___default().any)
+};
+/* harmony default export */ __webpack_exports__["default"] = (JsonView);
 
 /***/ }),
 
@@ -55748,7 +55804,7 @@ var ALL_TYPE = [].concat(BASE_TYPE, HIGH_TYPE);
 var OBJECT_TYPE = ['input', 'number', 'radio', 'select', 'cascader', 'boolean', 'color', 'url', 'textarea', 'date', 'date-time', 'time', 'input-image', 'text-editor', 'checkboxes', 'object', 'array', 'box-style', 'padding-margin'];
 
 // 数组类型可用子项类型
-var ARRAY_ITEM_TYPE = ['object', 'input', 'number', 'select', 'cascader', 'color', 'url', 'date', 'date-time', 'time', 'input-image'];
+var ARRAY_ITEM_TYPE = ['object', 'array', 'input', 'number', 'select', 'cascader', 'color', 'url', 'date', 'date-time', 'time', 'input-image'];
 
 // radio单选类型可选项
 var RADIO_TYPE = ['string'];
@@ -57322,6 +57378,7 @@ var JSONStore = {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   hasOptions: function() { return /* binding */ hasOptions; },
 /* harmony export */   isNeedCodeViewOption: function() { return /* binding */ isNeedCodeViewOption; },
 /* harmony export */   isNeedConditionOption: function() { return /* binding */ isNeedConditionOption; },
 /* harmony export */   isNeedDefaultOption: function() { return /* binding */ isNeedDefaultOption; },
@@ -57341,6 +57398,10 @@ function isNeedDefaultOption(curType) {
   var supportedTypeList = [].concat(_data_TypeList__WEBPACK_IMPORTED_MODULE_0__.BASE_TYPE, ['json', 'codearea', 'htmlarea']);
   return supportedTypeList.indexOf(curType) > -1;
 }
+function hasOptions(curType) {
+  var supportedTypeList = ['select', 'radio'];
+  return supportedTypeList.indexOf(curType) > -1;
+}
 
 /** 输入提示（placeholder）
  *  根据 type 判断是否显示输入提示配置项
@@ -80803,6 +80864,16 @@ module.exports = Math.pow;
 
 /***/ }),
 
+/***/ "../../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/JsonView/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/JsonView/index.scss ***!
+  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+/***/ (function() {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "../../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/OptionSchema/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/OptionSchema/index.scss ***!
@@ -139707,6 +139778,27 @@ if(false) {}
 
 /***/ }),
 
+/***/ "./src/components/JsonView/index.scss":
+/*!********************************************!*\
+  !*** ./src/components/JsonView/index.scss ***!
+  \********************************************/
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(/*! !!../../../../../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]!./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/JsonView/index.scss");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(/*! !../../../../../node_modules/vue-style-loader/lib/addStylesClient.js */ "../../node_modules/vue-style-loader/lib/addStylesClient.js")["default"])
+var update = add("405d88dc", content, false, {"sourceMap":false});
+// Hot Module Replacement
+if(false) {}
+
+/***/ }),
+
 /***/ "./src/components/OptionSchema/index.scss":
 /*!************************************************!*\
   !*** ./src/components/OptionSchema/index.scss ***!
@@ -141478,7 +141570,7 @@ var initRadioData = {
     label: '选项c',
     value: 'c'
   }],
-  default: 'a',
+  // default: 'a',
   description: ''
 };
 
@@ -141504,7 +141596,7 @@ var initSelectData = {
     label: '选项c',
     value: 'c'
   }],
-  default: 'a',
+  // default: 'a',
   description: ''
 };
 
@@ -142581,9 +142673,15 @@ var initSohuSourceData = {
           type: 'select',
           title: '数据来源',
           isConditionProp: true,
-          options: [{
+          options: [
+          /*
+          {
             label: '模板直接配置',
-            // value: "DevDefaults",
+            value: "DevDefaults",
+          },
+          */
+          {
+            label: '模板自定义数据源',
             value: 'RuntimeDataSelfDefine'
           }, {
             label: 'mp后台配置',
@@ -142595,13 +142693,12 @@ var initSohuSourceData = {
             label: '资源中心配置',
             value: 'ResourceCenter'
           }],
-          default: 'ContentStaticConfig',
+          default: 'RuntimeDataSelfDefine',
           description: ''
         },
         description: {
           title: '数据源名称',
           type: 'input',
-          default: '',
           description: '',
           placeholder: '',
           onShow: 'type === "ContentStaticConfig"'
@@ -142624,7 +142721,6 @@ var initSohuSourceData = {
         CONTENTID: {
           title: '数据源ID',
           type: 'input',
-          default: '',
           description: '',
           placeholder: '',
           onShow: 'type === "RuntimeDataSelfDefine"'
@@ -142763,7 +142859,6 @@ var initSohuSourceData = {
         CONTENTPARAMS: {
           title: '动态参数',
           type: 'json',
-          default: '{}',
           description: '请填写JSON格式的参数',
           placeholder: ''
         }
@@ -142780,7 +142875,6 @@ var initSohuSourceData = {
         SIZE: {
           type: 'number',
           title: '容量',
-          default: 1,
           minimum: 0,
           maximum: 1000,
           description: '该位置区块需要的内容条数'
@@ -142788,23 +142882,21 @@ var initSohuSourceData = {
         TITLE: {
           title: '标题',
           type: 'input',
-          default: '',
-          description: '',
-          placeholder: ''
-        },
-        CODE: {
-          title: 'Code参数',
-          type: 'input',
-          default: '',
           description: '',
           placeholder: ''
         },
         URL: {
           type: 'url',
           title: '跳转链接',
-          default: '',
           description: '',
           placeholder: ''
+        },
+        CODE: {
+          title: 'Code参数',
+          type: 'input',
+          description: '',
+          placeholder: '',
+          onShow: false
         }
       },
       propertyOrder: ['SIZE', 'TITLE', 'URL', 'CODE'],
@@ -142841,7 +142933,6 @@ var initAdConfigSchema = {
         id: {
           title: '广告ID',
           type: 'number',
-          default: '',
           description: '',
           placeholder: ''
         },
@@ -142859,13 +142950,11 @@ var initAdConfigSchema = {
             label: '固定位置隔几出几',
             value: 3
           }],
-          default: 1,
           description: ''
         },
         fixArray: {
           type: 'select',
           title: '固定位置',
-          default: [1],
           description: '',
           multiple: true,
           onShow: 'rule === 1 || rule === 3',
@@ -143024,7 +143113,6 @@ var initAdConfigSchema = {
         begin: {
           type: 'number',
           title: '开始位置',
-          default: 1,
           minimum: '1',
           maximum: '50',
           description: '',
@@ -143033,7 +143121,6 @@ var initAdConfigSchema = {
         turn: {
           type: 'number',
           title: '间隔/隔',
-          default: 1,
           minimum: '1',
           maximum: '50',
           description: '',
@@ -143042,7 +143129,6 @@ var initAdConfigSchema = {
         number: {
           type: 'number',
           title: '间隔/出',
-          default: 1,
           minimum: '1',
           maximum: '50',
           description: '',
@@ -143058,7 +143144,6 @@ var initAdConfigSchema = {
             label: '插入',
             value: 1
           }],
-          default: 0,
           description: ''
         }
       },
@@ -143088,13 +143173,11 @@ var initAdConfigSchema = {
               label: '固定位置隔几出几',
               value: 3
             }],
-            default: 1,
             description: ''
           },
           fixArray: {
             type: 'select',
             title: '固定位置',
-            default: [1],
             description: '',
             onShow: 'rule === 1 || rule === 3',
             multiple: true,
@@ -143253,7 +143336,6 @@ var initAdConfigSchema = {
           begin: {
             type: 'number',
             title: '开始位置',
-            default: 1,
             minimum: '1',
             maximum: '50',
             description: '',
@@ -143262,7 +143344,6 @@ var initAdConfigSchema = {
           turn: {
             type: 'number',
             title: '间隔/隔',
-            default: 1,
             minimum: '1',
             maximum: '50',
             description: '',
@@ -143271,7 +143352,6 @@ var initAdConfigSchema = {
           number: {
             type: 'number',
             title: '间隔/出',
-            default: 1,
             minimum: '1',
             maximum: '50',
             description: '',
@@ -143287,7 +143367,6 @@ var initAdConfigSchema = {
               label: '插入',
               value: 1
             }],
-            default: 0,
             description: ''
           }
         },
@@ -147817,6 +147896,10 @@ function moveBackward(curIndexRoute) {
 function getDefaultOptionVal(jsonSchema, multiple) {
   var defaultVal = '';
   var hasOptions = false;
+  if (jsonSchema.defaultActiveFirstOption === false || !jsonSchema.defaultActiveFirstOption) {
+    // 当默认不选择第一个数据项时，则不自动生成数值
+    return undefined;
+  }
   if (jsonSchema.options && jsonSchema.options[0]) {
     defaultVal = jsonSchema.options[0].value;
     hasOptions = true;
@@ -150688,12 +150771,7 @@ var JSONSchemaEditor = /*#__PURE__*/function (_React$PureComponent) {
     var schemaStore = this.state.schemaStore;
     var renderContent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(mobx_react__WEBPACK_IMPORTED_MODULE_5__.Provider, {
       schemaStore: schemaStore
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement($components_JSONSchemaEditor_index__WEBPACK_IMPORTED_MODULE_4__["default"], {
-      data: data,
-      typeList: typeList,
-      onChange: onChange,
-      wideScreen: wideScreen
-    }));
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement($components_JSONSchemaEditor_index__WEBPACK_IMPORTED_MODULE_4__["default"], this.props));
     if (element) {
       react_dom__WEBPACK_IMPORTED_MODULE_2__.render(renderContent, element); // 挂载到指定位置
       return '';
@@ -150707,7 +150785,8 @@ JSONSchemaEditor.propTypes = {
   onChange: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().func),
   data: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().any),
   typeList: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().any),
-  element: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().any)
+  element: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().any),
+  jsonView: (prop_types__WEBPACK_IMPORTED_MODULE_6___default().any)
 };
 
 }();