whistle.mockbubu 2.1.0 → 2.1.2

package/package.json

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

package/public/js/app.js

@@ -753,37 +753,55 @@ const __default__ = {
 
     // 单个删除 - 直接执行（智能删除，后端自动判断）
     const handleDelete = (row, index) => {
-      (0,_service__WEBPACK_IMPORTED_MODULE_22__.deleteApi)(row.name).then(data => {
-        if (data.code !== 200) {
-          element_ui_lib_message__WEBPACK_IMPORTED_MODULE_4___default().error('删除失败: ' + (data.msg || '未知错误'));
-        } else {
-          element_ui_lib_message__WEBPACK_IMPORTED_MODULE_4___default().success('删除成功');
+      // 判断是已保存文件还是缓存数据
+      if (row.id) {
+        // 已保存文件：需要调用后端接口删除物理文件
+        (0,_service__WEBPACK_IMPORTED_MODULE_22__.deleteApi)(row.name).then(data => {
+          if (data.code !== 200) {
+            element_ui_lib_message__WEBPACK_IMPORTED_MODULE_4___default().error('删除失败: ' + (data.msg || '未知错误'));
+          } else {
+            element_ui_lib_message__WEBPACK_IMPORTED_MODULE_4___default().success('删除成功');
 
-          // 判断是已保存文件还是缓存数据
-          if (row.id) {
-            // 已保存文件：从 savedList 删除
+            // 从 savedList 删除（用 URL 匹配）
             const savedIndex = savedList.value.findIndex(item => item.url === row.url);
             if (savedIndex !== -1) {
               savedList.value.splice(savedIndex, 1);
             }
-          } else {
-            // 缓存数据：从 cachedList 和 cacheManager 删除
-            const cachedIndex = cachedList.value.findIndex(item => item.url === row.url);
-            if (cachedIndex !== -1) {
-              cachedList.value.splice(cachedIndex, 1);
+            // 从 requestList 删除（用 URL 匹配）
+            const requestIndex = requestList.value.findIndex(item => item.url === row.url);
+            if (requestIndex !== -1) {
+              requestList.value.splice(requestIndex, 1);
             }
-            _utils_cache_manager__WEBPACK_IMPORTED_MODULE_25__["default"].remove(row.url);
-          }
 
-          // 从 requestList 删除（使用传入的 index，更高效）
-          requestList.value.splice(index, 1);
+            // 更新选中行
+            changeCurrentRow();
+          }
+        }).catch(err => {
+          element_ui_lib_message__WEBPACK_IMPORTED_MODULE_4___default().error('删除失败: ' + (err.message || '未知错误'));
+        });
+      } else {
+        // 未保存的缓存数据：只删除前端缓存，不调用后端接口
+        try {
+          // 从 cachedList 删除（用 URL 匹配）
+          const cachedIndex = cachedList.value.findIndex(item => item.url === row.url);
+          if (cachedIndex !== -1) {
+            cachedList.value.splice(cachedIndex, 1);
+          }
+          // 从 cacheManager 删除
+          _utils_cache_manager__WEBPACK_IMPORTED_MODULE_25__["default"].remove(row.url);
+          // 从 requestList 删除（用 URL 匹配）
+          const requestIndex = requestList.value.findIndex(item => item.url === row.url);
+          if (requestIndex !== -1) {
+            requestList.value.splice(requestIndex, 1);
+          }
+          element_ui_lib_message__WEBPACK_IMPORTED_MODULE_4___default().success('删除成功');
 
           // 更新选中行
           changeCurrentRow();
+        } catch (err) {
+          element_ui_lib_message__WEBPACK_IMPORTED_MODULE_4___default().error('删除失败: ' + (err.message || '未知错误'));
         }
-      }).catch(err => {
-        element_ui_lib_message__WEBPACK_IMPORTED_MODULE_4___default().error('删除失败: ' + (err.message || '未知错误'));
-      });
+      }
     };
 
     /**
@@ -1595,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;
       }
@@ -1947,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',
@@ -2484,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 {
@@ -2717,6 +2740,7 @@ const __default__ = {
       versionNameInput,
       responseList,
       currentFile,
+      hasJsonError,
       versionModal,
       fullScreenModal,
       name,
@@ -4474,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,
@@ -4486,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: {
@@ -4508,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
@@ -6062,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___);
 
@@ -6158,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___);