@tuoyuan/module-page-select 1.0.3 → 1.0.5

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

@@ -1,7 +1,7 @@
 /******/ (function() { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 3896:
+/***/ 7096:
 /***/ (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-142cfac8]{width:100%}.selection-preview[data-v-142cfac8]{margin-top:8px;padding:8px 12px;background:#f0f9ff;border:1px solid #91d5ff;border-radius:4px;font-size:13px}.preview-label[data-v-142cfac8]{color:#666;font-size:12px;margin-bottom:4px}.preview-value[data-v-142cfac8]{color:#1890ff;font-weight:500}.config-form[data-v-142cfac8]{margin-top:16px}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".module-page-select[data-v-b85db3f6]{width:100%}.selection-preview[data-v-b85db3f6]{margin-top:8px;padding:8px 12px;background:#f0f9ff;border:1px solid #91d5ff;border-radius:4px;font-size:13px}.preview-label[data-v-b85db3f6]{color:#666;font-size:12px;margin-bottom:4px}.preview-value[data-v-b85db3f6]{color:#1890ff;font-weight:500}.config-form[data-v-b85db3f6]{margin-top:16px}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -148,19 +148,19 @@ exports.A = (sfc, props) => {
 
 /***/ }),
 
-/***/ 8873:
+/***/ 9601:
 /***/ (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__(3896);
+var content = __webpack_require__(7096);
 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("ad0f4bfa", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("3cb45afe", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -3566,7 +3566,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=142cfac8&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=b85db3f6&scoped=true
 
 const _hoisted_1 = {
   class: "module-page-select"
@@ -3599,6 +3599,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         modelValue: $data.selectedModuleId,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => $data.selectedModuleId = $event),
         onChange: $options.handleModuleChange,
+        onFocus: $options.handleModuleFocus,
         placeholder: "请选择模块",
         "allow-clear": "",
         "allow-search": "",
@@ -3614,7 +3615,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }, 1032, ["value"]);
         }), 128))]),
         _: 1
-      }, 8, ["modelValue", "onChange"])]),
+      }, 8, ["modelValue", "onChange", "onFocus"])]),
       _: 1
     }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_a_form_item, {
       label: "选择页面"
@@ -3713,7 +3714,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   })]);
 }
-;// ./src/components/ModulePageSelect.vue?vue&type=template&id=142cfac8&scoped=true
+;// ./src/components/ModulePageSelect.vue?vue&type=template&id=b85db3f6&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
 var es_iterator_constructor = __webpack_require__(8111);
@@ -4050,7 +4051,8 @@ const registerApis = apis.deepMerge.bind(apis);
   watch: {
     // 监听 modelValue 的变化（用于回显）
     modelValue: {
-      immediate: true,
+      immediate: false,
+      // 不立即执行，等待组件完全挂载
       deep: true,
       async handler(val) {
         if (val && typeof val === 'object') {
@@ -4107,7 +4109,8 @@ const registerApis = apis.deepMerge.bind(apis);
     },
     // 兼容单独传入的 moduleId prop
     moduleId: {
-      immediate: true,
+      immediate: false,
+      // 不立即执行
       async handler(val) {
         if (val && val !== this.selectedModuleId && !this.modelValue?.module_id) {
           this.selectedModuleId = val;
@@ -4128,7 +4131,8 @@ const registerApis = apis.deepMerge.bind(apis);
     },
     // 兼容单独传入的 pageId prop
     pageId: {
-      immediate: true,
+      immediate: false,
+      // 不立即执行
       async handler(val) {
         if (val && val !== this.selectedPageId && !this.modelValue?.page_id) {
           this.selectedPageId = val;
@@ -4146,7 +4150,8 @@ const registerApis = apis.deepMerge.bind(apis);
     }
   },
   mounted() {
-    this.loadModules();
+    // 不在 mounted 时自动加载
+    // 数据将在用户交互时（focus）或有初始值时才加载
   },
   methods: {
     // 加载模块列表
@@ -4207,6 +4212,12 @@ const registerApis = apis.deepMerge.bind(apis);
         throw error;
       }
     },
+    // 模块下拉框获得焦点时加载数据
+    handleModuleFocus() {
+      if (this.modules.length === 0) {
+        this.loadModules();
+      }
+    },
     // 模块切换
     async handleModuleChange() {
       // 清空旧数据
@@ -4405,9 +4416,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=142cfac8&scoped=true&lang=css
-var ModulePageSelectvue_type_style_index_0_id_142cfac8_scoped_true_lang_css = __webpack_require__(8873);
-;// ./src/components/ModulePageSelect.vue?vue&type=style&index=0&id=142cfac8&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=b85db3f6&scoped=true&lang=css
+var ModulePageSelectvue_type_style_index_0_id_b85db3f6_scoped_true_lang_css = __webpack_require__(9601);
+;// ./src/components/ModulePageSelect.vue?vue&type=style&index=0&id=b85db3f6&scoped=true&lang=css
 
 // EXTERNAL MODULE: ./node_modules/vue-loader/dist/exportHelper.js
 var exportHelper = __webpack_require__(1241);
@@ -4419,7 +4430,7 @@ var exportHelper = __webpack_require__(1241);
 ;
 
 
-const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.A)(ModulePageSelectvue_type_script_lang_js, [['render',render],['__scopeId',"data-v-142cfac8"]])
+const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.A)(ModulePageSelectvue_type_script_lang_js, [['render',render],['__scopeId',"data-v-b85db3f6"]])
 
 /* harmony default export */ var ModulePageSelect = (__exports__);
 ;// ./src/index.js