@tuoyuan/module-page-select 1.0.3 → 1.0.5

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

@@ -11,7 +11,7 @@
 return /******/ (function() { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 8806:
+/***/ 5834:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -25,7 +25,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___);
 
@@ -158,19 +158,19 @@ exports.A = (sfc, props) => {
 
 /***/ }),
 
-/***/ 1:
+/***/ 4121:
 /***/ (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__(8806);
+var content = __webpack_require__(5834);
 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__(258)/* ["default"] */ .A)
-var update = add("48be7285", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("fe2829fa", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -3584,7 +3584,7 @@ if (typeof window !== 'undefined') {
 
 // EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
 var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(9274);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.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-82.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"
@@ -3617,6 +3617,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": "",
@@ -3632,7 +3633,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_.createVNode)(_component_a_form_item, {
       label: "选择页面"
@@ -3731,7 +3732,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);
@@ -4068,7 +4069,8 @@ const registerApis = apis.deepMerge.bind(apis);
   watch: {
     // 监听 modelValue 的变化（用于回显）
     modelValue: {
-      immediate: true,
+      immediate: false,
+      // 不立即执行，等待组件完全挂载
       deep: true,
       async handler(val) {
         if (val && typeof val === 'object') {
@@ -4125,7 +4127,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;
@@ -4146,7 +4149,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;
@@ -4164,7 +4168,8 @@ const registerApis = apis.deepMerge.bind(apis);
     }
   },
   mounted() {
-    this.loadModules();
+    // 不在 mounted 时自动加载
+    // 数据将在用户交互时（focus）或有初始值时才加载
   },
   methods: {
     // 加载模块列表
@@ -4225,6 +4230,12 @@ const registerApis = apis.deepMerge.bind(apis);
         throw error;
       }
     },
+    // 模块下拉框获得焦点时加载数据
+    handleModuleFocus() {
+      if (this.modules.length === 0) {
+        this.loadModules();
+      }
+    },
     // 模块切换
     async handleModuleChange() {
       // 清空旧数据
@@ -4423,9 +4434,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-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.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__(1);
-;// ./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-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.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__(4121);
+;// ./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__(5907);
@@ -4437,7 +4448,7 @@ var exportHelper = __webpack_require__(5907);
 ;
 
 
-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