@weitutech/by-components 1.1.101 → 1.1.102

package/lib/by-components.common.js

@@ -79022,8 +79022,8 @@ var ByCascaderPanel_component = normalizeComponent(
 )
 
 /* harmony default export */ var ByCascaderPanel = (ByCascaderPanel_component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ffbc40de-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/floating-menu/ByFloatingMenu.vue?vue&type=template&id=4d9e17ff
-var ByFloatingMenuvue_type_template_id_4d9e17ff_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ffbc40de-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/floating-menu/ByFloatingMenu.vue?vue&type=template&id=08613879
+var ByFloatingMenuvue_type_template_id_08613879_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -79148,7 +79148,7 @@ var ByFloatingMenuvue_type_template_id_4d9e17ff_render = function render() {
     }, [_vm._v(_vm._s(item.text))])]);
   }), 0)])], 1);
 };
-var ByFloatingMenuvue_type_template_id_4d9e17ff_staticRenderFns = [];
+var ByFloatingMenuvue_type_template_id_08613879_staticRenderFns = [];
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/floating-menu/ByFloatingMenu.vue?vue&type=script&lang=js
 /* harmony default export */ var ByFloatingMenuvue_type_script_lang_js = ({
@@ -79222,9 +79222,11 @@ var ByFloatingMenuvue_type_template_id_4d9e17ff_staticRenderFns = [];
   mounted() {
     this.initPosition();
     this.bindEvents();
+    this.bindPageEvents();
   },
   beforeDestroy() {
     this.unbindEvents();
+    this.unbindPageEvents();
     this.removeShowButton();
     // 清理菜单项拖动事件监听器
     document.removeEventListener('mousemove', this.onMenuItemDrag);
@@ -79271,8 +79273,10 @@ var ByFloatingMenuvue_type_template_id_4d9e17ff_staticRenderFns = [];
           transition: 'right 0.3s ease',
           opacity: '0'
         };
-        // 创建显示按钮，使用当前纵向位置
-        this.createShowButton();
+        // 只有在页面可见时才创建显示按钮
+        if (!document.hidden) {
+          this.createShowButton();
+        }
       } else {
         // 显示主菜单，保持当前位置
         this.menuStyle = {
@@ -79415,11 +79419,50 @@ var ByFloatingMenuvue_type_template_id_4d9e17ff_staticRenderFns = [];
       document.removeEventListener('mousemove', this.onDrag);
       document.removeEventListener('mouseup', this.endDrag);
     },
+    // 绑定页面相关事件
+    bindPageEvents() {
+      // 监听页面可见性变化（切换 tab）
+      document.addEventListener('visibilitychange', this.onVisibilityChange);
+
+      // 监听页面卸载事件
+      window.addEventListener('beforeunload', this.onPageUnload);
+
+      // 监听路由变化（如果使用了 Vue Router）
+      if (this.$router) {
+        this.$router.beforeEach((to, from, next) => {
+          // 在路由切换前移除显示按钮
+          this.removeShowButton();
+          next();
+        });
+      }
+    },
+    // 解绑页面相关事件
+    unbindPageEvents() {
+      document.removeEventListener('visibilitychange', this.onVisibilityChange);
+      window.removeEventListener('beforeunload', this.onPageUnload);
+    },
+    // 页面可见性变化处理
+    onVisibilityChange() {
+      if (document.hidden) {
+        // 页面变为隐藏状态（切换 tab 或最小化），移除显示按钮
+        this.removeShowButton();
+      }
+    },
+    // 页面卸载处理
+    onPageUnload() {
+      // 页面卸载前移除显示按钮
+      this.removeShowButton();
+    },
     // 创建显示按钮
     createShowButton() {
       // 先移除可能存在的显示按钮
       this.removeShowButton();
 
+      // 如果页面不可见，不创建显示按钮
+      if (document.hidden) {
+        return;
+      }
+
       // 计算当前主按钮的纵向位置
       let topPosition = '50%';
       if (this.menuStyle.top) {
@@ -79511,8 +79554,8 @@ var ByFloatingMenuvue_type_template_id_4d9e17ff_staticRenderFns = [];
 ;
 var ByFloatingMenu_component = normalizeComponent(
   floating_menu_ByFloatingMenuvue_type_script_lang_js,
-  ByFloatingMenuvue_type_template_id_4d9e17ff_render,
-  ByFloatingMenuvue_type_template_id_4d9e17ff_staticRenderFns,
+  ByFloatingMenuvue_type_template_id_08613879_render,
+  ByFloatingMenuvue_type_template_id_08613879_staticRenderFns,
   false,
   null,
   null,

package/lib/by-components.umd.js

@@ -79032,8 +79032,8 @@ var ByCascaderPanel_component = normalizeComponent(
 )
 
 /* harmony default export */ var ByCascaderPanel = (ByCascaderPanel_component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ffbc40de-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/floating-menu/ByFloatingMenu.vue?vue&type=template&id=4d9e17ff
-var ByFloatingMenuvue_type_template_id_4d9e17ff_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ffbc40de-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/floating-menu/ByFloatingMenu.vue?vue&type=template&id=08613879
+var ByFloatingMenuvue_type_template_id_08613879_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -79158,7 +79158,7 @@ var ByFloatingMenuvue_type_template_id_4d9e17ff_render = function render() {
     }, [_vm._v(_vm._s(item.text))])]);
   }), 0)])], 1);
 };
-var ByFloatingMenuvue_type_template_id_4d9e17ff_staticRenderFns = [];
+var ByFloatingMenuvue_type_template_id_08613879_staticRenderFns = [];
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/floating-menu/ByFloatingMenu.vue?vue&type=script&lang=js
 /* harmony default export */ var ByFloatingMenuvue_type_script_lang_js = ({
@@ -79232,9 +79232,11 @@ var ByFloatingMenuvue_type_template_id_4d9e17ff_staticRenderFns = [];
   mounted() {
     this.initPosition();
     this.bindEvents();
+    this.bindPageEvents();
   },
   beforeDestroy() {
     this.unbindEvents();
+    this.unbindPageEvents();
     this.removeShowButton();
     // 清理菜单项拖动事件监听器
     document.removeEventListener('mousemove', this.onMenuItemDrag);
@@ -79281,8 +79283,10 @@ var ByFloatingMenuvue_type_template_id_4d9e17ff_staticRenderFns = [];
           transition: 'right 0.3s ease',
           opacity: '0'
         };
-        // 创建显示按钮，使用当前纵向位置
-        this.createShowButton();
+        // 只有在页面可见时才创建显示按钮
+        if (!document.hidden) {
+          this.createShowButton();
+        }
       } else {
         // 显示主菜单，保持当前位置
         this.menuStyle = {
@@ -79425,11 +79429,50 @@ var ByFloatingMenuvue_type_template_id_4d9e17ff_staticRenderFns = [];
       document.removeEventListener('mousemove', this.onDrag);
       document.removeEventListener('mouseup', this.endDrag);
     },
+    // 绑定页面相关事件
+    bindPageEvents() {
+      // 监听页面可见性变化（切换 tab）
+      document.addEventListener('visibilitychange', this.onVisibilityChange);
+
+      // 监听页面卸载事件
+      window.addEventListener('beforeunload', this.onPageUnload);
+
+      // 监听路由变化（如果使用了 Vue Router）
+      if (this.$router) {
+        this.$router.beforeEach((to, from, next) => {
+          // 在路由切换前移除显示按钮
+          this.removeShowButton();
+          next();
+        });
+      }
+    },
+    // 解绑页面相关事件
+    unbindPageEvents() {
+      document.removeEventListener('visibilitychange', this.onVisibilityChange);
+      window.removeEventListener('beforeunload', this.onPageUnload);
+    },
+    // 页面可见性变化处理
+    onVisibilityChange() {
+      if (document.hidden) {
+        // 页面变为隐藏状态（切换 tab 或最小化），移除显示按钮
+        this.removeShowButton();
+      }
+    },
+    // 页面卸载处理
+    onPageUnload() {
+      // 页面卸载前移除显示按钮
+      this.removeShowButton();
+    },
     // 创建显示按钮
     createShowButton() {
       // 先移除可能存在的显示按钮
       this.removeShowButton();
 
+      // 如果页面不可见，不创建显示按钮
+      if (document.hidden) {
+        return;
+      }
+
       // 计算当前主按钮的纵向位置
       let topPosition = '50%';
       if (this.menuStyle.top) {
@@ -79521,8 +79564,8 @@ var ByFloatingMenuvue_type_template_id_4d9e17ff_staticRenderFns = [];
 ;
 var ByFloatingMenu_component = normalizeComponent(
   floating_menu_ByFloatingMenuvue_type_script_lang_js,
-  ByFloatingMenuvue_type_template_id_4d9e17ff_render,
-  ByFloatingMenuvue_type_template_id_4d9e17ff_staticRenderFns,
+  ByFloatingMenuvue_type_template_id_08613879_render,
+  ByFloatingMenuvue_type_template_id_08613879_staticRenderFns,
   false,
   null,
   null,