whistle.mockbubu 2.1.1 → 2.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "whistle.mockbubu",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "description": "mock response data",
   "scripts": {
     "lint": "eslint . --ext .js",

package/public/js/app.js

@@ -1613,8 +1613,6 @@ const __default__ = {
 
     // 解析 payload 为 JSON 对象供 jsoneditor 使用
     const parsedPayloadData = (0,vue__WEBPACK_IMPORTED_MODULE_6__.computed)(() => {
-      console.log('%c [ parsedPayloadData 计算属性触发 ]-126', 'font-size:13px; background:yellow; color:black;', 'computed 被调用');
-      console.log('%c [ props.currentRow ]-131', 'font-size:13px; background:pink; color:#bf2c9f;', props.currentRow);
       if (!props.currentRow?.payload) {
         return null;
       }
@@ -1965,6 +1963,7 @@ const __default__ = {
     const currentFile = (0,vue__WEBPACK_IMPORTED_MODULE_9__.ref)({
       content: {}
     });
+    const hasJsonError = (0,vue__WEBPACK_IMPORTED_MODULE_9__.ref)(false); // JSON 格式错误标志
     const versionModal = (0,vue__WEBPACK_IMPORTED_MODULE_9__.reactive)({
       visible: false,
       status: 'create',
@@ -2502,6 +2501,12 @@ const __default__ = {
         element_ui_lib_message__WEBPACK_IMPORTED_MODULE_2___default().warning('原始响应数据为只读，不可修改');
         return;
       }
+
+      // 如果 JSON 格式错误，禁止保存
+      if (hasJsonError.value) {
+        element_ui_lib_message__WEBPACK_IMPORTED_MODULE_2___default().error('JSON 格式错误，请修正后再保存');
+        return;
+      }
       if (currentFile.value.type === 'history') {
         updateHistory();
       } else {
@@ -2735,6 +2740,7 @@ const __default__ = {
       versionNameInput,
       responseList,
       currentFile,
+      hasJsonError,
       versionModal,
       fullScreenModal,
       name,
@@ -4492,6 +4498,7 @@ var render = function render() {
   }, [_c("i", {
     staticClass: "el-icon-lock"
   }), _c("span", [_vm._v("只读模式")])]) : _vm._e()], 1), _c(_setup.JsonEditor, {
+    key: `editor-${_setup.currentFile.filename}-${_setup.isSourceReadonly}`,
     ref: "editRef",
     attrs: {
       "show-btns": false,
@@ -4504,6 +4511,12 @@ var render = function render() {
     on: {
       input: function ($event) {
         return _setup.handleFileChange();
+      },
+      "has-error": function ($event) {
+        _setup.hasJsonError = true;
+      },
+      "json-change": function ($event) {
+        _setup.hasJsonError = false;
       }
     },
     nativeOn: {
@@ -4526,12 +4539,15 @@ var render = function render() {
     }
   }), !_setup.isSourceReadonly && _setup.currentFile.effect && (_setup.currentFile.type === "history" || _vm.api.mock) ? _c("div", {
     staticClass: "response-panel__save"
-  }, [_c("span", {
+  }, [_setup.hasJsonError ? _c("span", {
+    staticClass: "response-panel__error-text"
+  }, [_vm._v("JSON 格式错误，无法保存")]) : _c("span", {
     staticClass: "response-panel__effect-icon"
   }), _c("el-button", {
     attrs: {
       size: "small",
-      type: "primary"
+      type: "primary",
+      disabled: _setup.hasJsonError
     },
     on: {
       click: _setup.handleUpdate
@@ -6080,7 +6096,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".mock-container[data-v-d97322d2] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n}\n.mock-container__content[data-v-d97322d2] {\n  display: flex;\n  flex: 1;\n  border: 1px solid #ccc;\n  border-left: none;\n  overflow: hidden;\n}\n", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".mock-container[data-v-d97322d2] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n}\n.mock-container__content[data-v-d97322d2] {\n  padding-bottom: 16px;\n  background-image: linear-gradient(0deg, #3f9eff 0, #3f9eff 16px, transparent 100%);\n  display: flex;\n  flex: 1;\n  border: 1px solid #ccc;\n  border-left: none;\n  overflow: hidden;\n}\n", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -6176,7 +6192,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".response-panel[data-v-c23cd6a6] {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.response-panel__header[data-v-c23cd6a6] {\n  display: flex;\n  flex-wrap: wrap;\n}\n.response-panel__tab[data-v-c23cd6a6] {\n  position: relative;\n  cursor: pointer;\n  height: 24px;\n  padding: 0px 10px;\n  font-size: 12px;\n  line-height: 24px;\n  color: #333333;\n  font-weight: 500;\n  border-right: 1px solid #ccc;\n  border-bottom: 1px solid #ccc;\n}\n.response-panel__tab--selected[data-v-c23cd6a6] {\n  background-color: #e0e3e6;\n}\n.response-panel__source-tab[data-v-c23cd6a6] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  color: #e6a23c;\n  font-weight: 600;\n}\n.response-panel__source-tab i[data-v-c23cd6a6] {\n  font-size: 14px;\n}\n.response-panel__tab-text[data-v-c23cd6a6] {\n  display: inline-block;\n  max-width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  vertical-align: middle;\n}\n.response-panel__edit-btn[data-v-c23cd6a6] {\n  margin-left: 8px;\n  color: #909399;\n}\n.response-panel__edit-btn[data-v-c23cd6a6]:hover {\n  color: #409eff;\n}\n.response-panel__delete-btn[data-v-c23cd6a6] {\n  margin-left: 8px;\n  color: #909399;\n}\n.response-panel__delete-btn[data-v-c23cd6a6]:hover {\n  color: #f46c6b;\n}\n.response-panel__add-btn[data-v-c23cd6a6] {\n  cursor: pointer;\n  line-height: 24px;\n  padding: 0px 10px;\n  color: #333333;\n  font-weight: 500;\n}\n.response-panel__content[data-v-c23cd6a6] {\n  position: relative;\n  flex: 1;\n  overflow: hidden;\n}\n.response-panel__toolbar[data-v-c23cd6a6] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  background-color: #f5f7fa;\n  border-bottom: 1px solid #e4e7ed;\n}\n.response-panel__toolbar .el-button[data-v-c23cd6a6] {\n  margin: 0;\n}\n.response-panel__readonly-badge[data-v-c23cd6a6] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  margin-left: auto;\n  padding: 4px 12px;\n  background-color: #f0f2f5;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #909399;\n  font-weight: 500;\n}\n.response-panel__readonly-badge i[data-v-c23cd6a6] {\n  font-size: 12px;\n}\n.response-panel__alert[data-v-c23cd6a6] {\n  position: absolute;\n  top: 8px;\n  right: 10px;\n  font-size: 12px;\n  font-weight: 600;\n  color: #e6a23c;\n}\n.response-panel__save[data-v-c23cd6a6] {\n  position: absolute;\n  top: 100px;\n  right: 20px;\n}\n.response-panel__effect-icon[data-v-c23cd6a6] {\n  position: absolute;\n  top: -5px;\n  right: -5px;\n  display: block;\n  width: 6px;\n  height: 6px;\n  border-radius: 6px;\n  background-color: #f46c6b;\n}\n.response-panel__dialog[data-v-c23cd6a6] {\n  display: flex;\n  align-items: center;\n}\n.response-panel__dialog-label[data-v-c23cd6a6] {\n  white-space: nowrap;\n}\n", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".response-panel[data-v-c23cd6a6] {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.response-panel__header[data-v-c23cd6a6] {\n  display: flex;\n  flex-wrap: wrap;\n}\n.response-panel__tab[data-v-c23cd6a6] {\n  position: relative;\n  cursor: pointer;\n  height: 24px;\n  padding: 0px 10px;\n  font-size: 12px;\n  line-height: 24px;\n  color: #333333;\n  font-weight: 500;\n  border-right: 1px solid #ccc;\n  border-bottom: 1px solid #ccc;\n}\n.response-panel__tab--selected[data-v-c23cd6a6] {\n  background-color: #e0e3e6;\n}\n.response-panel__source-tab[data-v-c23cd6a6] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  color: #e6a23c;\n  font-weight: 600;\n}\n.response-panel__source-tab i[data-v-c23cd6a6] {\n  font-size: 14px;\n}\n.response-panel__tab-text[data-v-c23cd6a6] {\n  display: inline-block;\n  max-width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  vertical-align: middle;\n}\n.response-panel__edit-btn[data-v-c23cd6a6] {\n  margin-left: 8px;\n  color: #909399;\n}\n.response-panel__edit-btn[data-v-c23cd6a6]:hover {\n  color: #409eff;\n}\n.response-panel__delete-btn[data-v-c23cd6a6] {\n  margin-left: 8px;\n  color: #909399;\n}\n.response-panel__delete-btn[data-v-c23cd6a6]:hover {\n  color: #f46c6b;\n}\n.response-panel__add-btn[data-v-c23cd6a6] {\n  cursor: pointer;\n  line-height: 24px;\n  padding: 0px 10px;\n  color: #333333;\n  font-weight: 500;\n}\n.response-panel__content[data-v-c23cd6a6] {\n  position: relative;\n  flex: 1;\n  overflow: hidden;\n}\n.response-panel__toolbar[data-v-c23cd6a6] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  background-color: #f5f7fa;\n  border-bottom: 1px solid #e4e7ed;\n}\n.response-panel__toolbar .el-button[data-v-c23cd6a6] {\n  margin: 0;\n}\n.response-panel__readonly-badge[data-v-c23cd6a6] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  margin-left: auto;\n  padding: 4px 12px;\n  background-color: #f0f2f5;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #909399;\n  font-weight: 500;\n}\n.response-panel__readonly-badge i[data-v-c23cd6a6] {\n  font-size: 12px;\n}\n.response-panel__alert[data-v-c23cd6a6] {\n  position: absolute;\n  top: 8px;\n  right: 10px;\n  font-size: 12px;\n  font-weight: 600;\n  color: #e6a23c;\n}\n.response-panel__save[data-v-c23cd6a6] {\n  position: absolute;\n  top: 100px;\n  right: 20px;\n}\n.response-panel__effect-icon[data-v-c23cd6a6] {\n  position: absolute;\n  top: -5px;\n  right: -5px;\n  display: block;\n  width: 6px;\n  height: 6px;\n  border-radius: 6px;\n  background-color: #f46c6b;\n}\n.response-panel__error-text[data-v-c23cd6a6] {\n  position: absolute;\n  top: -30px;\n  right: 0;\n  color: #f56c6c;\n  font-size: 12px;\n  white-space: nowrap;\n}\n.response-panel__dialog[data-v-c23cd6a6] {\n  display: flex;\n  align-items: center;\n}\n.response-panel__dialog-label[data-v-c23cd6a6] {\n  white-space: nowrap;\n}\n", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);