@tuoyuan/module-page-select 1.1.2 → 1.1.4

package/dist/module-page-select.common.js

@@ -1,7 +1,7 @@
 /******/ (function() { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 6447:
+/***/ 7903:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -15,7 +15,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, ".module-page-select[data-v-3fb01432]{width:100%}.selection-preview[data-v-3fb01432]{margin-top:8px;padding:8px 12px;background:#f0f9ff;border:1px solid #91d5ff;border-radius:4px;font-size:13px}.preview-label[data-v-3fb01432]{color:#666;font-size:12px;margin-bottom:4px}.preview-value[data-v-3fb01432]{color:#1890ff;font-weight:500}.config-form[data-v-3fb01432]{margin-top:16px}.array-editor[data-v-3fb01432]{display:flex;flex-direction:column;gap:8px}.array-item[data-v-3fb01432]{display:flex;align-items:center;gap:8px;padding:8px;background:#f5f5f5;border-radius:4px}.array-item-fields[data-v-3fb01432]{display:flex;flex:1;gap:8px}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".module-page-select[data-v-70a1b8ff]{width:100%}.selection-preview[data-v-70a1b8ff]{margin-top:8px;padding:8px 12px;background:#f0f9ff;border:1px solid #91d5ff;border-radius:4px;font-size:13px}.preview-label[data-v-70a1b8ff]{color:#666;font-size:12px;margin-bottom:4px}.preview-value[data-v-70a1b8ff]{color:#1890ff;font-weight:500}.config-form[data-v-70a1b8ff]{margin-top:16px}.array-editor[data-v-70a1b8ff]{display:flex;flex-direction:column;gap:8px}.array-item[data-v-70a1b8ff]{display:flex;align-items:center;gap:8px;padding:8px;background:#f5f5f5;border-radius:4px}.array-item-fields[data-v-70a1b8ff]{display:flex;flex:1;gap:8px}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -148,19 +148,19 @@ exports.A = (sfc, props) => {
 
 /***/ }),
 
-/***/ 1890:
+/***/ 5082:
 /***/ (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__(6447);
+var content = __webpack_require__(7903);
 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__(8459)/* ["default"] */ .A)
-var update = add("2523c5f8", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("07857748", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -452,6 +452,35 @@ module.exports = function (argument) {
 };
 
 
+/***/ }),
+
+/***/ 6469:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var wellKnownSymbol = __webpack_require__(8227);
+var create = __webpack_require__(2360);
+var defineProperty = (__webpack_require__(4913).f);
+
+var UNSCOPABLES = wellKnownSymbol('unscopables');
+var ArrayPrototype = Array.prototype;
+
+// Array.prototype[@@unscopables]
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+if (ArrayPrototype[UNSCOPABLES] === undefined) {
+  defineProperty(ArrayPrototype, UNSCOPABLES, {
+    configurable: true,
+    value: create(null)
+  });
+}
+
+// add a key to Array.prototype[@@unscopables]
+module.exports = function (key) {
+  ArrayPrototype[UNSCOPABLES][key] = true;
+};
+
+
 /***/ }),
 
 /***/ 679:
@@ -2984,6 +3013,42 @@ module.exports = function (name) {
 };
 
 
+/***/ }),
+
+/***/ 4423:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__(6518);
+var $includes = (__webpack_require__(9617).includes);
+var fails = __webpack_require__(9039);
+var addToUnscopables = __webpack_require__(6469);
+
+// FF99+ bug
+var BROKEN_ON_SPARSE = fails(function () {
+  // eslint-disable-next-line es/no-array-prototype-includes -- detection
+  return !Array(1).includes();
+});
+
+// Safari 26.4- bug
+var BROKEN_ON_SPARSE_WITH_FROM_INDEX = fails(function () {
+  // eslint-disable-next-line no-sparse-arrays, es/no-array-prototype-includes -- detection
+  return [, 1].includes(undefined, 1);
+});
+
+// `Array.prototype.includes` method
+// https://tc39.es/ecma262/#sec-array.prototype.includes
+$({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE || BROKEN_ON_SPARSE_WITH_FROM_INDEX }, {
+  includes: function includes(el /* , fromIndex = 0 */) {
+    return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
+  }
+});
+
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+addToUnscopables('includes');
+
+
 /***/ }),
 
 /***/ 4114:
@@ -3279,6 +3344,277 @@ $({ target: 'Iterator', proto: true, real: true, forced: someWithoutClosingOnEar
 });
 
 
+/***/ }),
+
+/***/ 9112:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__(6518);
+var DESCRIPTORS = __webpack_require__(3724);
+var globalThis = __webpack_require__(4576);
+var getBuiltIn = __webpack_require__(7751);
+var uncurryThis = __webpack_require__(9504);
+var call = __webpack_require__(9565);
+var isCallable = __webpack_require__(4901);
+var isObject = __webpack_require__(34);
+var isArray = __webpack_require__(4376);
+var hasOwn = __webpack_require__(9297);
+var toString = __webpack_require__(655);
+var lengthOfArrayLike = __webpack_require__(6198);
+var createProperty = __webpack_require__(4659);
+var fails = __webpack_require__(9039);
+var parseJSONString = __webpack_require__(8235);
+var NATIVE_SYMBOL = __webpack_require__(4495);
+
+var JSON = globalThis.JSON;
+var Number = globalThis.Number;
+var SyntaxError = globalThis.SyntaxError;
+var nativeParse = JSON && JSON.parse;
+var enumerableOwnProperties = getBuiltIn('Object', 'keys');
+// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
+var at = uncurryThis(''.charAt);
+var slice = uncurryThis(''.slice);
+var exec = uncurryThis(/./.exec);
+var push = uncurryThis([].push);
+
+var IS_DIGIT = /^\d$/;
+var IS_NON_ZERO_DIGIT = /^[1-9]$/;
+var IS_NUMBER_START = /^[\d-]$/;
+var IS_WHITESPACE = /^[\t\n\r ]$/;
+
+var PRIMITIVE = 0;
+var OBJECT = 1;
+
+var $parse = function (source, reviver) {
+  source = toString(source);
+  var context = new Context(source, 0, '');
+  var root = context.parse();
+  var value = root.value;
+  var endIndex = context.skip(IS_WHITESPACE, root.end);
+  if (endIndex < source.length) {
+    throw new SyntaxError('Unexpected extra character: "' + at(source, endIndex) + '" after the parsed data at: ' + endIndex);
+  }
+  return isCallable(reviver) ? internalize({ '': value }, '', reviver, root) : value;
+};
+
+var internalize = function (holder, name, reviver, node) {
+  var val = holder[name];
+  var unmodified = node && val === node.value;
+  var context = unmodified && typeof node.source == 'string' ? { source: node.source } : {};
+  var elementRecordsLen, keys, len, i, P;
+  if (isObject(val)) {
+    var nodeIsArray = isArray(val);
+    var nodes = unmodified ? node.nodes : nodeIsArray ? [] : {};
+    if (nodeIsArray) {
+      elementRecordsLen = nodes.length;
+      len = lengthOfArrayLike(val);
+      for (i = 0; i < len; i++) {
+        internalizeProperty(val, i, internalize(val, '' + i, reviver, i < elementRecordsLen ? nodes[i] : undefined));
+      }
+    } else {
+      keys = enumerableOwnProperties(val);
+      len = lengthOfArrayLike(keys);
+      for (i = 0; i < len; i++) {
+        P = keys[i];
+        internalizeProperty(val, P, internalize(val, P, reviver, hasOwn(nodes, P) ? nodes[P] : undefined));
+      }
+    }
+  }
+  return call(reviver, holder, name, val, context);
+};
+
+var internalizeProperty = function (object, key, value) {
+  if (DESCRIPTORS) {
+    var descriptor = getOwnPropertyDescriptor(object, key);
+    if (descriptor && !descriptor.configurable) return;
+  }
+  if (value === undefined) delete object[key];
+  else createProperty(object, key, value);
+};
+
+var Node = function (value, end, source, nodes) {
+  this.value = value;
+  this.end = end;
+  this.source = source;
+  this.nodes = nodes;
+};
+
+var Context = function (source, index) {
+  this.source = source;
+  this.index = index;
+};
+
+// https://www.json.org/json-en.html
+Context.prototype = {
+  fork: function (nextIndex) {
+    return new Context(this.source, nextIndex);
+  },
+  parse: function () {
+    var source = this.source;
+    var i = this.skip(IS_WHITESPACE, this.index);
+    var fork = this.fork(i);
+    var chr = at(source, i);
+    if (exec(IS_NUMBER_START, chr)) return fork.number();
+    switch (chr) {
+      case '{':
+        return fork.object();
+      case '[':
+        return fork.array();
+      case '"':
+        return fork.string();
+      case 't':
+        return fork.keyword(true);
+      case 'f':
+        return fork.keyword(false);
+      case 'n':
+        return fork.keyword(null);
+    } throw new SyntaxError('Unexpected character: "' + chr + '" at: ' + i);
+  },
+  node: function (type, value, start, end, nodes) {
+    return new Node(value, end, type ? null : slice(this.source, start, end), nodes);
+  },
+  object: function () {
+    var source = this.source;
+    var i = this.index + 1;
+    var expectKeypair = false;
+    var object = {};
+    var nodes = {};
+    var closed = false;
+    while (i < source.length) {
+      i = this.until(['"', '}'], i);
+      if (at(source, i) === '}' && !expectKeypair) {
+        i++;
+        closed = true;
+        break;
+      }
+      // Parsing the key
+      var result = this.fork(i).string();
+      var key = result.value;
+      i = result.end;
+      i = this.until([':'], i) + 1;
+      // Parsing value
+      i = this.skip(IS_WHITESPACE, i);
+      result = this.fork(i).parse();
+      createProperty(nodes, key, result);
+      createProperty(object, key, result.value);
+      i = this.until([',', '}'], result.end);
+      var chr = at(source, i);
+      if (chr === ',') {
+        expectKeypair = true;
+        i++;
+      } else if (chr === '}') {
+        i++;
+        closed = true;
+        break;
+      }
+    }
+    if (!closed) throw new SyntaxError('Unterminated object at: ' + i);
+    return this.node(OBJECT, object, this.index, i, nodes);
+  },
+  array: function () {
+    var source = this.source;
+    var i = this.index + 1;
+    var expectElement = false;
+    var array = [];
+    var nodes = [];
+    var closed = false;
+    while (i < source.length) {
+      i = this.skip(IS_WHITESPACE, i);
+      if (at(source, i) === ']' && !expectElement) {
+        i++;
+        closed = true;
+        break;
+      }
+      var result = this.fork(i).parse();
+      push(nodes, result);
+      push(array, result.value);
+      i = this.until([',', ']'], result.end);
+      if (at(source, i) === ',') {
+        expectElement = true;
+        i++;
+      } else if (at(source, i) === ']') {
+        i++;
+        closed = true;
+        break;
+      }
+    }
+    if (!closed) throw new SyntaxError('Unterminated array at: ' + i);
+    return this.node(OBJECT, array, this.index, i, nodes);
+  },
+  string: function () {
+    var index = this.index;
+    var parsed = parseJSONString(this.source, this.index + 1);
+    return this.node(PRIMITIVE, parsed.value, index, parsed.end);
+  },
+  number: function () {
+    var source = this.source;
+    var startIndex = this.index;
+    var i = startIndex;
+    if (at(source, i) === '-') i++;
+    if (at(source, i) === '0') i++;
+    else if (exec(IS_NON_ZERO_DIGIT, at(source, i))) i = this.skip(IS_DIGIT, i + 1);
+    else throw new SyntaxError('Failed to parse number at: ' + i);
+    if (at(source, i) === '.') {
+      var fractionStartIndex = i + 1;
+      i = this.skip(IS_DIGIT, fractionStartIndex);
+      if (fractionStartIndex === i) throw new SyntaxError("Failed to parse number's fraction at: " + i);
+    }
+    if (at(source, i) === 'e' || at(source, i) === 'E') {
+      i++;
+      if (at(source, i) === '+' || at(source, i) === '-') i++;
+      var exponentStartIndex = i;
+      i = this.skip(IS_DIGIT, i);
+      if (exponentStartIndex === i) throw new SyntaxError("Failed to parse number's exponent value at: " + i);
+    }
+    return this.node(PRIMITIVE, Number(slice(source, startIndex, i)), startIndex, i);
+  },
+  keyword: function (value) {
+    var keyword = '' + value;
+    var index = this.index;
+    var endIndex = index + keyword.length;
+    if (slice(this.source, index, endIndex) !== keyword) throw new SyntaxError('Failed to parse value at: ' + index);
+    return this.node(PRIMITIVE, value, index, endIndex);
+  },
+  skip: function (regex, i) {
+    var source = this.source;
+    for (; i < source.length; i++) if (!exec(regex, at(source, i))) break;
+    return i;
+  },
+  until: function (array, i) {
+    i = this.skip(IS_WHITESPACE, i);
+    var chr = at(this.source, i);
+    for (var j = 0; j < array.length; j++) if (array[j] === chr) return i;
+    throw new SyntaxError('Unexpected character: "' + chr + '" at: ' + i);
+  }
+};
+
+var NO_SOURCE_SUPPORT = fails(function () {
+  var unsafeInt = '9007199254740993';
+  var source;
+  nativeParse(unsafeInt, function (key, value, context) {
+    source = context.source;
+  });
+  return source !== unsafeInt;
+});
+
+var PROPER_BASE_PARSE = NATIVE_SYMBOL && !fails(function () {
+  // Safari 9 bug
+  return 1 / nativeParse('-0 \t') !== -Infinity;
+});
+
+// `JSON.parse` method
+// https://tc39.es/ecma262/#sec-json.parse
+// https://github.com/tc39/proposal-json-parse-with-source
+$({ target: 'JSON', stat: true, forced: NO_SOURCE_SUPPORT }, {
+  parse: function parse(text, reviver) {
+    return PROPER_BASE_PARSE && !isCallable(reviver) ? nativeParse(text) : $parse(text, reviver);
+  }
+});
+
+
 /***/ }),
 
 /***/ 3110:
@@ -3541,7 +3877,7 @@ if (typeof window !== 'undefined') {
 
 ;// external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
 var external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject = require("vue");
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ModulePageSelect.vue?vue&type=template&id=3fb01432&scoped=true
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ModulePageSelect.vue?vue&type=template&id=70a1b8ff&scoped=true
 
 const _hoisted_1 = {
   class: "module-page-select"
@@ -3560,6 +3896,14 @@ const _hoisted_4 = {
 const _hoisted_5 = {
   class: "array-item-fields"
 };
+const _hoisted_6 = {
+  key: 2,
+  style: {
+    "display": "flex",
+    "gap": "8px",
+    "margin-top": "16px"
+  }
+};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_option = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("a-option");
   const _component_a_select = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("a-select");
@@ -3571,7 +3915,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("a-button");
   const _component_a_form = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("a-form");
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", _hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_a_form, {
-    layout: "vertical",
+    layout: $props.layout,
     size: "small"
   }, {
     default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_a_form_item, {
@@ -3714,25 +4058,35 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         }, 8, ["onClick"])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]),
         _: 2
       }, 1032, ["label", "field"]);
-    }), 128))], 64)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $data.showConfirmButton ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_a_button, {
-      key: 2,
+    }), 128))], 64)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $props.confirmButton && $data.internalShowConfirmButton ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", _hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_a_button, {
       type: "primary",
-      long: "",
+      style: {
+        "flex": "1"
+      },
       size: "small",
       onClick: $options.handleConfirm,
-      disabled: !$data.selectedModuleId || !$data.selectedPageId,
-      style: {
-        "margin-top": "16px"
-      }
+      disabled: !$data.selectedModuleId || !$data.selectedPageId
     }, {
       default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [...(_cache[6] || (_cache[6] = [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)(" 确认选择 ", -1)]))]),
       _: 1
-    }, 8, ["onClick", "disabled"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]),
+    }, 8, ["onClick", "disabled"]), $props.showCancelButton ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_a_button, {
+      key: 0,
+      style: {
+        "flex": "1"
+      },
+      size: "small",
+      onClick: $options.handleCancel
+    }, {
+      default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [...(_cache[7] || (_cache[7] = [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)(" 取消 ", -1)]))]),
+      _: 1
+    }, 8, ["onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]),
     _: 1
-  })]);
+  }, 8, ["layout"])]);
 }
-;// ./src/components/ModulePageSelect.vue?vue&type=template&id=3fb01432&scoped=true
+;// ./src/components/ModulePageSelect.vue?vue&type=template&id=70a1b8ff&scoped=true
 
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.includes.js
+var es_array_includes = __webpack_require__(4423);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(4114);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
@@ -3745,6 +4099,8 @@ var es_iterator_for_each = __webpack_require__(7588);
 var es_iterator_map = __webpack_require__(1701);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.some.js
 var es_iterator_some = __webpack_require__(3579);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.json.parse.js
+var es_json_parse = __webpack_require__(9112);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.json.stringify.js
 var es_json_stringify = __webpack_require__(3110);
 ;// external {"commonjs":"@tuoyuan/gateway-request-lib","commonjs2":"@tuoyuan/gateway-request-lib","root":"GatewayRequestLib"}
@@ -3758,6 +4114,8 @@ var gateway_request_lib_root_GatewayRequestLib_namespaceObject = require("@tuoyu
 
 
 
+
+
 /* harmony default export */ var ModulePageSelectvue_type_script_lang_js = ({
   name: 'ModulePageSelect',
   props: {
@@ -3780,9 +4138,25 @@ var gateway_request_lib_root_GatewayRequestLib_namespaceObject = require("@tuoyu
     autoEcho: {
       type: Boolean,
       default: true
+    },
+    // 是否显示取消按钮
+    showCancelButton: {
+      type: Boolean,
+      default: false
+    },
+    // 表单布局：'horizontal' 横向 | 'vertical' 纵向 | 'inline' 行内
+    layout: {
+      type: String,
+      default: 'vertical',
+      validator: value => ['horizontal', 'vertical', 'inline'].includes(value)
+    },
+    // 是否显示确认按钮（外部控制）
+    confirmButton: {
+      type: Boolean,
+      default: true
     }
   },
-  emits: ['update:modelValue', 'change', 'error'],
+  emits: ['update:modelValue', 'change', 'error', 'cancel'],
   data() {
     return {
       modules: [],
@@ -3791,6 +4165,7 @@ var gateway_request_lib_root_GatewayRequestLib_namespaceObject = require("@tuoyu
       selectedPageId: '',
       selectedModuleName: '',
       selectedPageName: '',
+      selectedOrientation: 'portrait',
       currentPage: null,
       configFields: {},
       formData: {},
@@ -3798,8 +4173,8 @@ var gateway_request_lib_root_GatewayRequestLib_namespaceObject = require("@tuoyu
       // 缓存
       moduleCache: null,
       pageCache: {},
-      // 控制确认按钮显示
-      showConfirmButton: true,
+      // 控制确认按钮显示（内部状态）
+      internalShowConfirmButton: true,
       // 记录上次确认的状态
       lastConfirmedState: null,
       // 加载状态
@@ -3890,7 +4265,7 @@ var gateway_request_lib_root_GatewayRequestLib_namespaceObject = require("@tuoyu
         };
       }
       // 已是保存过的值，未改动前不需要再次确认
-      this.showConfirmButton = false;
+      this.internalShowConfirmButton = false;
       this.lastConfirmedState = JSON.stringify({
         moduleId: source.moduleId,
         pageId: source.pageId,
@@ -4005,7 +4380,7 @@ var gateway_request_lib_root_GatewayRequestLib_namespaceObject = require("@tuoyu
       this.formData = {};
 
       // 选择改变,显示确认按钮
-      this.showConfirmButton = true;
+      this.internalShowConfirmButton = true;
       this.echoPageName = '';
       if (this.selectedModuleId) {
         // 更新模块名称
@@ -4015,6 +4390,11 @@ var gateway_request_lib_root_GatewayRequestLib_namespaceObject = require("@tuoyu
         this.selectedModuleName = '';
         this.echoModuleName = '';
       }
+
+      // 如果确认按钮被外部配置为隐藏，直接触发 change 事件
+      if (!this.confirmButton && this.selectedModuleId) {
+        this.emitChange();
+      }
     },
     // 加载页面列表；echoPageId 有值时同步回显该页面的名称与配置
     async loadPages(moduleId, echoPageId = '') {
@@ -4087,7 +4467,7 @@ var gateway_request_lib_root_GatewayRequestLib_namespaceObject = require("@tuoyu
     // 页面切换
     handlePageChange() {
       // 选择改变,显示确认按钮
-      this.showConfirmButton = true;
+      this.internalShowConfirmButton = true;
       if (this.selectedPageId) {
         const page = this.pages.find(p => this.normalizeId(p.id) === this.normalizeId(this.selectedPageId));
         if (page) {
@@ -4103,6 +4483,11 @@ var gateway_request_lib_root_GatewayRequestLib_namespaceObject = require("@tuoyu
         this.showConfigForm = false;
         this.formData = {};
       }
+
+      // 如果确认按钮被外部配置为隐藏，且页面已选择，直接触发 change 事件
+      if (!this.confirmButton && this.selectedModuleId && this.selectedPageId) {
+        this.emitChange();
+      }
     },
     // 加载页面配置表单
     loadPageConfig(page) {
@@ -4272,8 +4657,8 @@ var gateway_request_lib_root_GatewayRequestLib_namespaceObject = require("@tuoyu
       });
       this.formData = data;
     },
-    // 确认选择
-    handleConfirm() {
+    // 触发 change 事件（提取公共逻辑）
+    emitChange() {
       if (!this.selectedModuleId || !this.selectedPageId) {
         return;
       }
@@ -4304,17 +4689,47 @@ var gateway_request_lib_root_GatewayRequestLib_namespaceObject = require("@tuoyu
       this.appliedEchoKey = JSON.stringify([this.normalizeId(module.id), this.normalizeId(page.id)]);
 
       // 隐藏确认按钮
-      this.showConfirmButton = false;
+      this.internalShowConfirmButton = false;
       this.$emit('update:modelValue', result);
       this.$emit('change', result);
+    },
+    // 确认选择
+    handleConfirm() {
+      this.emitChange();
+    },
+    // 取消选择
+    handleCancel() {
+      if (!this.showCancelButton) return;
+
+      // 重置表单到上次确认的状态
+      if (this.lastConfirmedState) {
+        const lastState = JSON.parse(this.lastConfirmedState);
+        this.selectedModuleId = lastState.moduleId;
+        this.selectedPageId = lastState.pageId;
+        if (lastState.config) {
+          this.formData = this.deepClone(lastState.config);
+        }
+      } else {
+        // 如果没有确认过，完全清空
+        this.selectedModuleId = '';
+        this.selectedPageId = '';
+        this.selectedModuleName = '';
+        this.selectedPageName = '';
+        this.formData = {};
+        this.showConfigForm = false;
+      }
+
+      // 隐藏取消按钮和确认按钮
+      this.internalShowConfirmButton = false;
+      this.$emit('cancel');
     }
   }
 });
 ;// ./src/components/ModulePageSelect.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ModulePageSelect.vue?vue&type=style&index=0&id=3fb01432&scoped=true&lang=css
-var ModulePageSelectvue_type_style_index_0_id_3fb01432_scoped_true_lang_css = __webpack_require__(1890);
-;// ./src/components/ModulePageSelect.vue?vue&type=style&index=0&id=3fb01432&scoped=true&lang=css
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ModulePageSelect.vue?vue&type=style&index=0&id=70a1b8ff&scoped=true&lang=css
+var ModulePageSelectvue_type_style_index_0_id_70a1b8ff_scoped_true_lang_css = __webpack_require__(5082);
+;// ./src/components/ModulePageSelect.vue?vue&type=style&index=0&id=70a1b8ff&scoped=true&lang=css
 
 // EXTERNAL MODULE: ./node_modules/vue-loader/dist/exportHelper.js
 var exportHelper = __webpack_require__(1241);
@@ -4326,7 +4741,7 @@ var exportHelper = __webpack_require__(1241);
 ;
 
 
-const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.A)(ModulePageSelectvue_type_script_lang_js, [['render',render],['__scopeId',"data-v-3fb01432"]])
+const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.A)(ModulePageSelectvue_type_script_lang_js, [['render',render],['__scopeId',"data-v-70a1b8ff"]])
 
 /* harmony default export */ var ModulePageSelect = (__exports__);
 ;// ./src/index.js