@tuoyuan/module-page-select 1.0.4 → 1.0.6

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

@@ -1,7 +1,7 @@
 /******/ (function() { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 792:
+/***/ 8451:
 /***/ (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-57584a3c]{width:100%}.selection-preview[data-v-57584a3c]{margin-top:8px;padding:8px 12px;background:#f0f9ff;border:1px solid #91d5ff;border-radius:4px;font-size:13px}.preview-label[data-v-57584a3c]{color:#666;font-size:12px;margin-bottom:4px}.preview-value[data-v-57584a3c]{color:#1890ff;font-weight:500}.config-form[data-v-57584a3c]{margin-top:16px}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".module-page-select[data-v-0b2fc41a]{width:100%}.selection-preview[data-v-0b2fc41a]{margin-top:8px;padding:8px 12px;background:#f0f9ff;border:1px solid #91d5ff;border-radius:4px;font-size:13px}.preview-label[data-v-0b2fc41a]{color:#666;font-size:12px;margin-bottom:4px}.preview-value[data-v-0b2fc41a]{color:#1890ff;font-weight:500}.config-form[data-v-0b2fc41a]{margin-top:16px}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -148,19 +148,19 @@ exports.A = (sfc, props) => {
 
 /***/ }),
 
-/***/ 4233:
+/***/ 4986:
 /***/ (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__(792);
+var content = __webpack_require__(8451);
 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("28de8e05", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("b7267380", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -452,35 +452,6 @@ 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:
@@ -3013,42 +2984,6 @@ 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:
@@ -3304,6 +3239,46 @@ $({ target: 'Iterator', proto: true, real: true, forced: FORCED }, {
 });
 
 
+/***/ }),
+
+/***/ 3579:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__(6518);
+var call = __webpack_require__(9565);
+var iterate = __webpack_require__(2652);
+var aCallable = __webpack_require__(9306);
+var anObject = __webpack_require__(8551);
+var getIteratorDirect = __webpack_require__(1767);
+var iteratorClose = __webpack_require__(9539);
+var iteratorHelperWithoutClosingOnEarlyError = __webpack_require__(4549);
+
+var someWithoutClosingOnEarlyError = iteratorHelperWithoutClosingOnEarlyError('some', TypeError);
+
+// `Iterator.prototype.some` method
+// https://tc39.es/ecma262/#sec-iterator.prototype.some
+$({ target: 'Iterator', proto: true, real: true, forced: someWithoutClosingOnEarlyError }, {
+  some: function some(predicate) {
+    anObject(this);
+    try {
+      aCallable(predicate);
+    } catch (error) {
+      iteratorClose(this, 'throw', error);
+    }
+
+    if (someWithoutClosingOnEarlyError) return call(someWithoutClosingOnEarlyError, this, predicate);
+
+    var record = getIteratorDirect(this);
+    var counter = 0;
+    return iterate(record, function (value, stop) {
+      if (predicate(value, counter++)) return stop();
+    }, { IS_RECORD: true, INTERRUPTED: true }).stopped;
+  }
+});
+
+
 /***/ }),
 
 /***/ 3110:
@@ -3566,7 +3541,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=57584a3c&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=0b2fc41a&scoped=true
 
 const _hoisted_1 = {
   class: "module-page-select"
@@ -3601,11 +3576,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         onChange: $options.handleModuleChange,
         onFocus: $options.handleModuleFocus,
         placeholder: "请选择模块",
+        loading: $data.moduleLoading,
         "allow-clear": "",
         "allow-search": "",
         size: "small"
       }, {
-        default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($data.modules, module => {
+        default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($options.moduleOptions, module => {
           return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_a_option, {
             key: module.id,
             value: module.id
@@ -3615,7 +3591,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }, 1032, ["value"]);
         }), 128))]),
         _: 1
-      }, 8, ["modelValue", "onChange", "onFocus"])]),
+      }, 8, ["modelValue", "onChange", "onFocus", "loading"])]),
       _: 1
     }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_a_form_item, {
       label: "选择页面"
@@ -3624,13 +3600,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         modelValue: $data.selectedPageId,
         "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => $data.selectedPageId = $event),
         onChange: $options.handlePageChange,
+        onFocus: $options.handlePageFocus,
         placeholder: "请选择页面",
         disabled: !$data.selectedModuleId,
+        loading: $data.pageLoading,
         "allow-clear": "",
         "allow-search": "",
         size: "small"
       }, {
-        default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($data.pages, page => {
+        default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($options.pageOptions, page => {
           return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_a_option, {
             key: page.id,
             value: page.id
@@ -3640,7 +3618,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }, 1032, ["value"]);
         }), 128))]),
         _: 1
-      }, 8, ["modelValue", "onChange", "disabled"])]),
+      }, 8, ["modelValue", "onChange", "onFocus", "disabled", "loading"])]),
       _: 1
     }), $data.selectedModuleName && $data.selectedPageName ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", _hoisted_2, [_cache[2] || (_cache[2] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
       class: "preview-label"
@@ -3714,7 +3692,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   })]);
 }
-;// ./src/components/ModulePageSelect.vue?vue&type=template&id=57584a3c&scoped=true
+;// ./src/components/ModulePageSelect.vue?vue&type=template&id=0b2fc41a&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
 var es_iterator_constructor = __webpack_require__(8111);
@@ -3724,276 +3702,12 @@ var es_iterator_find = __webpack_require__(116);
 var es_iterator_for_each = __webpack_require__(7588);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.map.js
 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.stringify.js
 var es_json_stringify = __webpack_require__(3110);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.includes.js
-var es_array_includes = __webpack_require__(4423);
-;// ./node_modules/@tuoyuan/gateway-request-lib/dist/utils/throw-error.js
-function throwError(msg) {
-  const err = new Error(msg);
-  err.name = '[gateway-request]';
-  throw err;
-}
-;// ./node_modules/@tuoyuan/gateway-request-lib/dist/utils/request.js
-/* unused harmony import specifier */ var axios;
-/* unused harmony import specifier */ var request_throwError;
-
-var __awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
-  function adopt(value) {
-    return value instanceof P ? value : new P(function (resolve) {
-      resolve(value);
-    });
-  }
-  return new (P || (P = Promise))(function (resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-    function rejected(value) {
-      try {
-        step(generator["throw"](value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-    function step(result) {
-      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-    }
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
-
-
-class GatewayRequest {
-  constructor(config) {
-    this.globalMessage = {
-      success: true,
-      fail: true
-    };
-    const gateway_config = config;
-    this.gateway_config = gateway_config;
-    if (!['null', 'undefined'].includes(typeof config.globalMessage)) {
-      if (typeof config.globalMessage === 'object') {
-        if (typeof config.globalMessage.success === 'boolean') {
-          this.globalMessage.success = config.globalMessage.success;
-        }
-        if (typeof config.globalMessage.fail === 'boolean') {
-          this.globalMessage.fail = config.globalMessage.fail;
-        }
-      }
-    }
-  }
-  getConfig(key) {
-    return this.gateway_config[key];
-  }
-  getAccessToken() {
-    if (!this.gateway_config.getToken) {
-      request_throwError('未设置`getToken`方法。');
-    }
-    const access_token = this.gateway_config.getToken();
-    return access_token;
-  }
-  openMessage(res, options) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    if ((_a = this.gateway_config.globalMessage) === null || _a === void 0 ? void 0 : _a.silent) return;
-    const {
-      type,
-      message
-    } = (_e = (_d = (_c = (_b = this.gateway_config) === null || _b === void 0 ? void 0 : _b.globalMessage) === null || _c === void 0 ? void 0 : _c.getMessage) === null || _d === void 0 ? void 0 : _d.call(_c, res)) !== null && _e !== void 0 ? _e : {};
-    if (!message) return;
-    if (type === 'success' && ((_f = options === null || options === void 0 ? void 0 : options.success) !== null && _f !== void 0 ? _f : this.globalMessage.success) || type === 'fail' && ((_g = options === null || options === void 0 ? void 0 : options.fail) !== null && _g !== void 0 ? _g : this.globalMessage.fail)) {
-      (_j = (_h = this.gateway_config.globalMessage) === null || _h === void 0 ? void 0 : _h.openMessage) === null || _j === void 0 ? void 0 : _j.call(_h, message, type);
-    }
-  }
-  baseRequest(api, params, config) {
-    const url = `${this.gateway_config.base_url}${api}`;
-    const publicParams = {
-      app_id: this.gateway_config.app_id,
-      app_key: this.gateway_config.app_key,
-      timestamp: Math.floor(+new Date() / 1000)
-    };
-    const _params = Object.assign(Object.assign({}, publicParams), (config === null || config === void 0 ? void 0 : config.plat) ? params : {
-      data: params
-    });
-    if (config === null || config === void 0 ? void 0 : config.access_token) {
-      if (!this.gateway_config.getToken) {
-        request_throwError('未设置`getToken`方法。');
-      }
-      _params.access_token = this.gateway_config.getToken();
-    }
-    return new Promise((resolve, reject) => __awaiter(this, void 0, void 0, function* () {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-      try {
-        (_c = (_b = (_a = this.gateway_config) === null || _a === void 0 ? void 0 : _a.hooks) === null || _b === void 0 ? void 0 : _b.beforeRequest) === null || _c === void 0 ? void 0 : _c.call(_b, {
-          fullpath: url,
-          api,
-          params: _params
-        });
-        const axiosConfig = {
-          timeout: (_d = config === null || config === void 0 ? void 0 : config.timeout) !== null && _d !== void 0 ? _d : this.gateway_config.timeout,
-          adapter: this.gateway_config.adapter
-        };
-        const res = yield axios.post(url, _params, axiosConfig);
-        // 打开全局消息提示
-        this.openMessage(res, config === null || config === void 0 ? void 0 : config.globalMessage);
-        (_g = (_f = (_e = this.gateway_config) === null || _e === void 0 ? void 0 : _e.hooks) === null || _f === void 0 ? void 0 : _f.afterResponse) === null || _g === void 0 ? void 0 : _g.call(_f, res);
-        resolve(res);
-      } catch (error) {
-        (_k = (_j = (_h = this.gateway_config) === null || _h === void 0 ? void 0 : _h.hooks) === null || _j === void 0 ? void 0 : _j.error) === null || _k === void 0 ? void 0 : _k.call(_j, error);
-        reject(error);
-      }
-    }));
-  }
-}
-let gatewayRequest;
-function init(config) {
-  if (!gatewayRequest) {
-    gatewayRequest = new GatewayRequest(config);
-  } else {
-    console.warn(`[gateway-request]: Instance already exists.`);
-  }
-}
-const request = options => {
-  return new Promise((resolve, reject) => __awaiter(void 0, void 0, void 0, function* () {
-    var _a, _b, _c, _d, _e;
-    try {
-      if (!gatewayRequest) {
-        throwError('未初始化。');
-      }
-      const config = {
-        plat: (_a = options.config) === null || _a === void 0 ? void 0 : _a.plat,
-        access_token: (_b = options.config) === null || _b === void 0 ? void 0 : _b.access_token
-      };
-      // 处理是否打开全局消息
-      if (!['null', 'undefined'].includes(typeof ((_c = options.config) === null || _c === void 0 ? void 0 : _c.globalMessage))) {
-        config.globalMessage = {};
-        if (typeof options.config.globalMessage === 'boolean') {
-          config.globalMessage.success = config.globalMessage.fail = options.config.globalMessage;
-        }
-        if (typeof options.config.globalMessage === 'object') {
-          if (typeof options.config.globalMessage.success === 'boolean') {
-            config.globalMessage.success = options.config.globalMessage.success;
-          }
-          if (typeof options.config.globalMessage.fail === 'boolean') {
-            config.globalMessage.fail = options.config.globalMessage.fail;
-          }
-        }
-      }
-      // 处理请求参数
-      const params = (data => {
-        if (typeof data === 'object') return data;
-        if (typeof data === 'function') {
-          return data();
-        }
-        return {};
-      })(options.params);
-      /** 默认响应数据转换法方法 */
-      const defaultTransformResponse = response => {
-        if (response.code === 10000) {
-          return Promise.resolve(response.data);
-        } else {
-          return Promise.reject(response);
-        }
-      };
-      /** 响应数据 */
-      const response = yield options.requester ? (options => {
-        const _this = {
-          base_url: gatewayRequest.getConfig('base_url'),
-          app_id: gatewayRequest.getConfig('app_id'),
-          app_key: gatewayRequest.getConfig('app_key'),
-          getToken: gatewayRequest.getConfig('getToken'),
-          hooks: {
-            beforeRequest: config => {
-              var _a, _b;
-              (_b = (_a = gatewayRequest === null || gatewayRequest === void 0 ? void 0 : gatewayRequest.getConfig('hooks')) === null || _a === void 0 ? void 0 : _a.beforeRequest) === null || _b === void 0 ? void 0 : _b.call(_a, config);
-            },
-            afterResponse: res => {
-              var _a, _b;
-              (_b = (_a = gatewayRequest === null || gatewayRequest === void 0 ? void 0 : gatewayRequest.getConfig('hooks')) === null || _a === void 0 ? void 0 : _a.afterResponse) === null || _b === void 0 ? void 0 : _b.call(_a, res);
-            },
-            error: e => {
-              var _a, _b;
-              (_b = (_a = gatewayRequest === null || gatewayRequest === void 0 ? void 0 : gatewayRequest.getConfig('hooks')) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b.call(_a, e);
-            }
-          },
-          openMessage: gatewayRequest.openMessage.bind(gatewayRequest)
-        };
-        const requester = options.requester;
-        return requester.call(_this, options.api, params, options.config);
-      })(options) : gatewayRequest.baseRequest(options.api, params, options.config);
-      /** 响应数据转换结果 */
-      const transformResponse = (_d = options === null || options === void 0 ? void 0 : options.transformResponse) !== null && _d !== void 0 ? _d : defaultTransformResponse;
-      const transformResponseData = yield transformResponse((_e = response === null || response === void 0 ? void 0 : response.data) !== null && _e !== void 0 ? _e : {}, response);
-      resolve({
-        axiosResponse: response,
-        response: response.data,
-        data: transformResponseData
-      });
-    } catch (error) {
-      reject(error);
-    }
-  }));
-};
-;// ./node_modules/@tuoyuan/gateway-request-lib/dist/utils/deep-merge.js
-/** 深度合并对象 */
-const deepMerge = (target, source) => {
-  var _a;
-  if (typeof target !== 'object' || target === null) {
-    return target;
-  }
-  if (typeof source !== 'object' || source === null) {
-    return target;
-  }
-  for (const key in source) {
-    if (Object.prototype.hasOwnProperty.call(source, key)) {
-      if (typeof source[key] === 'object' && source[key] !== null) {
-        // Recursively merge nested objects
-        const defaultObj = deepMerge(Array.isArray(source[key]) ? [] : {}, target[key]);
-        target[key] = deepMerge(defaultObj, source[key]);
-      } else {
-        target[key] = (_a = source[key]) !== null && _a !== void 0 ? _a : target[key];
-      }
-    }
-  }
-  return target;
-};
-;// ./node_modules/@tuoyuan/gateway-request-lib/dist/main.js
-/* unused harmony import specifier */ var main_init;
-/* unused harmony import specifier */ var main_request;
-
-
-const apis = new Proxy({
-  value: {},
-  deepMerge(newApis) {
-    return deepMerge(this.value, newApis);
-  }
-}, {
-  get(target, key) {
-    if (key === 'deepMerge') {
-      return target.deepMerge.bind(target);
-    }
-    if (key in target.value) {
-      return target.value[key];
-    }
-  }
-});
-const originalInit = (/* unused pure expression or super */ null && (main_init));
-function wrappedInit(...args) {
-  const result = originalInit(...args);
-  if (typeof window !== 'undefined') {
-    window.gatewayRequest = {
-      request: main_request,
-      apis,
-      registerApis
-    };
-  }
-  return result;
-}
-const registerApis = apis.deepMerge.bind(apis);
-
+;// external {"commonjs":"@tuoyuan/gateway-request-lib","commonjs2":"@tuoyuan/gateway-request-lib","root":"GatewayRequestLib"}
+var gateway_request_lib_root_GatewayRequestLib_namespaceObject = require("@tuoyuan/gateway-request-lib");
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ModulePageSelect.vue?vue&type=script&lang=js
 
 
@@ -4001,6 +3715,7 @@ const registerApis = apis.deepMerge.bind(apis);
 
 
 
+
 /* harmony default export */ var ModulePageSelectvue_type_script_lang_js = ({
   name: 'ModulePageSelect',
   props: {
@@ -4018,6 +3733,11 @@ const registerApis = apis.deepMerge.bind(apis);
     pageId: {
       type: String,
       default: ''
+    },
+    // 是否在挂载时按已有值自动回显（拉取模块/页面列表补全名称）
+    autoEcho: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ['update:modelValue', 'change', 'error'],
@@ -4039,123 +3759,136 @@ const registerApis = apis.deepMerge.bind(apis);
       // 控制确认按钮显示
       showConfirmButton: true,
       // 记录上次确认的状态
-      lastConfirmedState: null
+      lastConfirmedState: null,
+      // 加载状态
+      moduleLoading: false,
+      pageLoading: false,
+      // 回显兜底名称（列表未加载时先占位显示）
+      echoModuleName: '',
+      echoPageName: '',
+      // 已处理过的回显标识，避免 modelValue 深度监听重复触发
+      appliedEchoKey: ''
     };
   },
   computed: {
     pageType() {
       const type = this.modelValue?.type || 'mobile';
       return type === 'mobile' ? 2 : 1;
+    },
+    // 模块下拉项：列表 + 回显兜底项（选中值不在列表里时补一项，保证有回显）
+    moduleOptions() {
+      return this.withFallbackOption(this.modules, this.selectedModuleId, this.echoModuleName, '模块');
+    },
+    // 页面下拉项：同上
+    pageOptions() {
+      return this.withFallbackOption(this.pages, this.selectedPageId, this.echoPageName, '页面');
     }
   },
   watch: {
-    // 监听 modelValue 的变化（用于回显）
+    // 监听外部值变化（用于回显）。只比对回显相关字段，避免深度监听重复执行
     modelValue: {
-      immediate: true,
       deep: true,
-      async handler(val) {
-        if (val && typeof val === 'object') {
-          // 从 modelValue 中提取模块ID和页面ID
-          const moduleId = val.module_id || this.moduleId;
-          const pageId = val.page_id || this.pageId;
-
-          // 如果有模块ID且与当前选中不同，则回显
-          if (moduleId && moduleId !== this.selectedModuleId) {
-            this.selectedModuleId = moduleId;
-            this.selectedModuleName = val.module_name || '';
-
-            // 等待模块列表加载完成
-            if (this.modules.length === 0) {
-              await this.loadModules();
-            }
-
-            // 查找模块名称
-            if (!this.selectedModuleName) {
-              const module = this.modules.find(m => m.id === moduleId);
-              if (module) {
-                this.selectedModuleName = module.name;
-              }
-            }
-
-            // 加载页面列表
-            await this.loadPages(moduleId);
-          }
-
-          // 如果有页面ID且与当前选中不同，则回显
-          if (pageId && pageId !== this.selectedPageId) {
-            this.selectedPageId = pageId;
-            this.selectedPageName = val.page_name || '';
-
-            // 如果页面列表已加载，查找页面信息
-            if (this.pages.length > 0) {
-              const page = this.pages.find(p => p.id === pageId);
-              if (page) {
-                this.selectedPageName = page.name;
-                this.currentPage = page;
-                this.loadPageConfig(page);
-
-                // 如果有配置数据，回显配置
-                if (val.config) {
-                  this.formData = {
-                    ...val.config
-                  };
-                }
-              }
-            }
-          }
-        }
+      handler() {
+        this.applyEcho();
       }
     },
-    // 兼容单独传入的 moduleId prop
-    moduleId: {
-      immediate: true,
-      async handler(val) {
-        if (val && val !== this.selectedModuleId && !this.modelValue?.module_id) {
-          this.selectedModuleId = val;
-
-          // 等待模块列表加载
-          if (this.modules.length === 0) {
-            await this.loadModules();
-          }
-
-          // 查找模块名称
-          const module = this.modules.find(m => m.id === val);
-          if (module) {
-            this.selectedModuleName = module.name;
-          }
-          await this.loadPages(val);
-        }
-      }
+    moduleId() {
+      this.applyEcho();
     },
-    // 兼容单独传入的 pageId prop
-    pageId: {
-      immediate: true,
-      async handler(val) {
-        if (val && val !== this.selectedPageId && !this.modelValue?.page_id) {
-          this.selectedPageId = val;
-          // 如果页面列表已加载，查找页面信息
-          if (this.pages.length > 0) {
-            const page = this.pages.find(p => p.id === val);
-            if (page) {
-              this.selectedPageName = page.name;
-              this.currentPage = page;
-              this.loadPageConfig(page);
-            }
-          }
-        }
-      }
+    pageId() {
+      this.applyEcho();
     }
   },
   mounted() {
-    // 延迟加载，避免 gateway-request 未初始化
-    // 如果有初始值，才加载数据
-    if (this.modelValue?.module_id || this.moduleId) {
-      this.$nextTick(() => {
-        this.loadModules();
-      });
-    }
+    // 挂载时按已有值回显；无值时不请求接口，等用户 focus 再懒加载
+    this.applyEcho();
   },
   methods: {
+    // 统一的字符串化，规避接口返回数字ID与保存的字符串ID类型不一致
+    normalizeId(value) {
+      return value === null || value === undefined ? '' : String(value);
+    },
+    // 从外部值中取出回显所需字段
+    resolveEchoSource() {
+      const val = this.modelValue && typeof this.modelValue === 'object' ? this.modelValue : {};
+      return {
+        moduleId: this.normalizeId(val.module_id || this.moduleId),
+        pageId: this.normalizeId(val.page_id || this.pageId),
+        moduleName: val.module_name || '',
+        pageName: val.page_name || '',
+        config: val.config
+      };
+    },
+    // 下拉项兜底：选中值不在列表中时补一项，保证刷新后能看到已选内容
+    withFallbackOption(list, selectedId, echoName, typeLabel) {
+      const options = Array.isArray(list) ? list : [];
+      if (!selectedId) return options;
+      if (options.some(item => this.normalizeId(item.id) === selectedId)) return options;
+      return [{
+        id: selectedId,
+        name: echoName || `${typeLabel}(${selectedId})`
+      }, ...options];
+    },
+    // 回显入口：把外部值同步到内部选中态，并按需补全名称与页面配置
+    async applyEcho() {
+      const source = this.resolveEchoSource();
+      if (!source.moduleId && !source.pageId) return;
+      const echoKey = JSON.stringify([source.moduleId, source.pageId]);
+      if (echoKey === this.appliedEchoKey) return;
+      this.appliedEchoKey = echoKey;
+      this.selectedModuleId = source.moduleId;
+      this.selectedPageId = source.pageId;
+      this.echoModuleName = source.moduleName;
+      this.echoPageName = source.pageName;
+      this.selectedModuleName = source.moduleName;
+      this.selectedPageName = source.pageName;
+      if (source.config && typeof source.config === 'object') {
+        this.formData = {
+          ...source.config
+        };
+      }
+      // 已是保存过的值，未改动前不需要再次确认
+      this.showConfirmButton = false;
+      this.lastConfirmedState = JSON.stringify({
+        moduleId: source.moduleId,
+        pageId: source.pageId,
+        config: source.config
+      });
+      if (!this.autoEcho) return;
+
+      // 只有页面ID没有模块ID时，反查页面所属模块
+      if (!this.selectedModuleId && this.selectedPageId) {
+        const moduleId = await this.lookupModuleIdByPage(this.selectedPageId);
+        if (moduleId) {
+          this.selectedModuleId = moduleId;
+        }
+      }
+      await this.loadModules();
+      this.syncModuleName();
+      if (this.selectedModuleId) {
+        await this.loadPages(this.selectedModuleId, this.selectedPageId);
+      }
+    },
+    // 用已加载的模块列表补全模块名称
+    syncModuleName() {
+      if (!this.selectedModuleId) return;
+      const module = this.modules.find(m => this.normalizeId(m.id) === this.selectedModuleId);
+      if (module) {
+        this.selectedModuleName = module.name;
+        this.echoModuleName = module.name;
+      }
+    },
+    // 通过页面列表接口反查页面所属模块（兼容只保存了 page_id 的历史数据）
+    async lookupModuleIdByPage(pageId) {
+      try {
+        const pages = await this.fetchPagesFromAPI();
+        const page = pages.find(p => this.normalizeId(p.id) === this.normalizeId(pageId));
+        return page ? this.normalizeId(page.moduleId) : '';
+      } catch (error) {
+        console.error('反查页面所属模块失败:', error);
+        return '';
+      }
+    },
     // 加载模块列表
     async loadModules() {
       try {
@@ -4163,32 +3896,24 @@ const registerApis = apis.deepMerge.bind(apis);
           this.modules = this.moduleCache;
           return;
         }
+        this.moduleLoading = true;
         const moduleList = await this.fetchModulesFromAPI();
         this.modules = moduleList;
         this.moduleCache = moduleList;
-
-        // 如果有默认模块ID，加载对应页面
-        if (this.moduleId) {
-          this.selectedModuleId = this.moduleId;
-          // 查找模块名称
-          const module = this.modules.find(m => m.id === this.moduleId);
-          if (module) {
-            this.selectedModuleName = module.name;
-          }
-          await this.loadPages(this.moduleId);
-        }
       } catch (error) {
         console.error('加载模块列表失败:', error);
         this.$emit('error', {
           type: 'loadModules',
           error
         });
+      } finally {
+        this.moduleLoading = false;
       }
     },
     // 从 API 获取模块列表（使用模块列表接口）
     async fetchModulesFromAPI() {
       try {
-        const response = await request({
+        const response = await (0,gateway_request_lib_root_GatewayRequestLib_namespaceObject.request)({
           api: '/api/assembly-center.extend_module.list',
           params: {
             page_no: 1,
@@ -4206,7 +3931,7 @@ const registerApis = apis.deepMerge.bind(apis);
 
         // 将模块列表转换为选项格式
         return modules.map(module => ({
-          id: module.id,
+          id: this.normalizeId(module.id),
           name: module.name
         }));
       } catch (error) {
@@ -4215,9 +3940,16 @@ const registerApis = apis.deepMerge.bind(apis);
       }
     },
     // 模块下拉框获得焦点时加载数据
-    handleModuleFocus() {
+    async handleModuleFocus() {
       if (this.modules.length === 0) {
-        this.loadModules();
+        await this.loadModules();
+        this.syncModuleName();
+      }
+    },
+    // 页面下拉框获得焦点时按需加载（回显失败时给用户补救机会）
+    async handlePageFocus() {
+      if (this.selectedModuleId && this.pages.length === 0) {
+        await this.loadPages(this.selectedModuleId, this.selectedPageId);
       }
     },
     // 模块切换
@@ -4232,34 +3964,35 @@ const registerApis = apis.deepMerge.bind(apis);
 
       // 选择改变,显示确认按钮
       this.showConfirmButton = true;
+      this.echoPageName = '';
       if (this.selectedModuleId) {
         // 更新模块名称
-        const module = this.modules.find(m => m.id === this.selectedModuleId);
-        if (module) {
-          this.selectedModuleName = module.name;
-        }
+        this.syncModuleName();
         await this.loadPages(this.selectedModuleId);
       } else {
         this.selectedModuleName = '';
+        this.echoModuleName = '';
       }
     },
-    // 加载页面列表
-    async loadPages(moduleId) {
+    // 加载页面列表；echoPageId 有值时同步回显该页面的名称与配置
+    async loadPages(moduleId, echoPageId = '') {
+      const cacheKey = this.normalizeId(moduleId);
       try {
-        if (this.pageCache[moduleId]) {
-          this.pages = this.pageCache[moduleId];
+        if (this.pageCache[cacheKey]) {
+          this.pages = this.pageCache[cacheKey];
         } else {
-          const pageList = await this.fetchPagesFromAPI(moduleId);
+          this.pageLoading = true;
+          const pageList = await this.fetchPagesFromAPI(cacheKey);
           this.pages = pageList;
-          this.pageCache[moduleId] = pageList;
+          this.pageCache[cacheKey] = pageList;
         }
-
-        // 如果有默认的页面ID，设置选中状态
-        if (this.pageId && this.pages.length > 0) {
-          const page = this.pages.find(p => p.id === this.pageId);
+        const targetPageId = this.normalizeId(echoPageId || this.pageId);
+        if (targetPageId && this.pages.length > 0) {
+          const page = this.pages.find(p => this.normalizeId(p.id) === targetPageId);
           if (page) {
-            this.selectedPageId = this.pageId;
+            this.selectedPageId = targetPageId;
             this.selectedPageName = page.name;
+            this.echoPageName = page.name;
             this.currentPage = page;
             this.loadPageConfig(page);
           }
@@ -4270,15 +4003,19 @@ const registerApis = apis.deepMerge.bind(apis);
           type: 'loadPages',
           error
         });
+      } finally {
+        this.pageLoading = false;
       }
     },
-    // 从 API 获取页面列表（使用页面列表接口，带 module_id 参数）
-    async fetchPagesFromAPI(moduleId) {
+    // 从 API 获取页面列表（moduleId 为空时取全部，用于反查页面所属模块）
+    async fetchPagesFromAPI(moduleId = '') {
       try {
-        const response = await request({
+        const response = await (0,gateway_request_lib_root_GatewayRequestLib_namespaceObject.request)({
           api: '/api/assembly-center.extend_module.page_list',
           params: {
-            module_id: moduleId,
+            ...(moduleId ? {
+              module_id: moduleId
+            } : {}),
             type: this.pageType,
             page_no: 1,
             page_size: 1000
@@ -4295,7 +4032,8 @@ const registerApis = apis.deepMerge.bind(apis);
 
         // 转换为选项格式
         return pages.map(page => ({
-          id: page.id,
+          id: this.normalizeId(page.id),
+          moduleId: this.normalizeId(page.module_id),
           name: page.name,
           options: page.options || {}
         }));
@@ -4309,14 +4047,16 @@ const registerApis = apis.deepMerge.bind(apis);
       // 选择改变,显示确认按钮
       this.showConfirmButton = true;
       if (this.selectedPageId) {
-        const page = this.pages.find(p => p.id === this.selectedPageId);
+        const page = this.pages.find(p => this.normalizeId(p.id) === this.normalizeId(this.selectedPageId));
         if (page) {
           this.selectedPageName = page.name;
+          this.echoPageName = page.name;
           this.currentPage = page;
           this.loadPageConfig(page);
         }
       } else {
         this.selectedPageName = '';
+        this.echoPageName = '';
         this.currentPage = null;
         this.showConfigForm = false;
         this.formData = {};
@@ -4385,8 +4125,8 @@ const registerApis = apis.deepMerge.bind(apis);
       if (!this.selectedModuleId || !this.selectedPageId) {
         return;
       }
-      const module = this.modules.find(m => m.id === this.selectedModuleId);
-      const page = this.pages.find(p => p.id === this.selectedPageId);
+      const module = this.modules.find(m => this.normalizeId(m.id) === this.normalizeId(this.selectedModuleId));
+      const page = this.pages.find(p => this.normalizeId(p.id) === this.normalizeId(this.selectedPageId));
       if (!module || !page) {
         console.error('未找到选中的模块或页面');
         return;
@@ -4408,6 +4148,8 @@ const registerApis = apis.deepMerge.bind(apis);
         pageId: this.selectedPageId,
         config: result.config
       });
+      // 同步回显标识，避免父组件回传 modelValue 时重复触发回显逻辑
+      this.appliedEchoKey = JSON.stringify([this.normalizeId(module.id), this.normalizeId(page.id)]);
 
       // 隐藏确认按钮
       this.showConfirmButton = false;
@@ -4418,9 +4160,9 @@ const registerApis = apis.deepMerge.bind(apis);
 });
 ;// ./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=57584a3c&scoped=true&lang=css
-var ModulePageSelectvue_type_style_index_0_id_57584a3c_scoped_true_lang_css = __webpack_require__(4233);
-;// ./src/components/ModulePageSelect.vue?vue&type=style&index=0&id=57584a3c&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=0b2fc41a&scoped=true&lang=css
+var ModulePageSelectvue_type_style_index_0_id_0b2fc41a_scoped_true_lang_css = __webpack_require__(4986);
+;// ./src/components/ModulePageSelect.vue?vue&type=style&index=0&id=0b2fc41a&scoped=true&lang=css
 
 // EXTERNAL MODULE: ./node_modules/vue-loader/dist/exportHelper.js
 var exportHelper = __webpack_require__(1241);
@@ -4432,7 +4174,7 @@ var exportHelper = __webpack_require__(1241);
 ;
 
 
-const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.A)(ModulePageSelectvue_type_script_lang_js, [['render',render],['__scopeId',"data-v-57584a3c"]])
+const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.A)(ModulePageSelectvue_type_script_lang_js, [['render',render],['__scopeId',"data-v-0b2fc41a"]])
 
 /* harmony default export */ var ModulePageSelect = (__exports__);
 ;// ./src/index.js