@weitutech/by-components 1.1.103 → 1.1.104

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=7dd4a57b
-var ByFloatingMenuvue_type_template_id_7dd4a57b_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=365e7526
+var ByFloatingMenuvue_type_template_id_365e7526_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -79148,7 +79148,7 @@ var ByFloatingMenuvue_type_template_id_7dd4a57b_render = function render() {
     }, [_vm._v(_vm._s(item.text))])]);
   }), 0)])], 1);
 };
-var ByFloatingMenuvue_type_template_id_7dd4a57b_staticRenderFns = [];
+var ByFloatingMenuvue_type_template_id_365e7526_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 = ({
@@ -79185,6 +79185,14 @@ var ByFloatingMenuvue_type_template_id_7dd4a57b_staticRenderFns = [];
     }
   },
   data() {
+    // 在 data 中初始化位置，避免渲染时的位置跳动
+    const {
+      right,
+      bottom
+    } = this.position;
+    const windowHeight = typeof window !== 'undefined' ? window.innerHeight : 800;
+    const bottomValue = parseInt(bottom) || 20;
+    const mainButtonSize = this.getMainButtonSize();
     return {
       isExpanded: false,
       isHidden: false,
@@ -79196,9 +79204,12 @@ var ByFloatingMenuvue_type_template_id_7dd4a57b_staticRenderFns = [];
       },
       currentPosition: {
         x: 0,
-        y: 0
+        y: windowHeight - bottomValue - mainButtonSize
+      },
+      menuStyle: {
+        right: right,
+        bottom: bottom
       },
-      menuStyle: {},
       // 菜单项拖动相关
       menuItemDragStart: {
         x: 0,
@@ -79211,43 +79222,53 @@ var ByFloatingMenuvue_type_template_id_7dd4a57b_staticRenderFns = [];
   computed: {
     // 根据size属性计算实际大小
     mainButtonSize() {
-      const sizeMap = {
-        mini: 40,
-        small: 50,
-        medium: 60
-      };
-      return sizeMap[this.size] || 50;
+      return this.getMainButtonSize();
     }
   },
   mounted() {
-    this.initPosition();
+    // 位置已在 data 中初始化，这里只需要重新计算以确保准确性
+    this.refreshPosition();
     this.bindEvents();
+    this.bindPageEvents();
   },
   beforeDestroy() {
     this.unbindEvents();
+    this.unbindPageEvents();
     this.removeShowButton();
     // 清理菜单项拖动事件监听器
     document.removeEventListener('mousemove', this.onMenuItemDrag);
     document.removeEventListener('mouseup', this.endMenuItemDrag);
   },
   methods: {
-    // 初始化位置
-    initPosition() {
+    // 获取主按钮大小的辅助方法
+    getMainButtonSize() {
+      const sizeMap = {
+        mini: 40,
+        small: 50,
+        medium: 60
+      };
+      return sizeMap[this.size] || 50;
+    },
+    // 刷新位置（在 mounted 时重新计算以确保准确性）
+    refreshPosition() {
       const {
         right,
         bottom
       } = this.position;
+      const windowHeight = window.innerHeight;
+      const bottomValue = parseInt(bottom) || 20;
+
+      // 更新菜单样式
       this.menuStyle = {
+        ...this.menuStyle,
         right: right,
         bottom: bottom
       };
 
-      // 初始化当前位置
-      const windowHeight = window.innerHeight;
-      const bottomValue = parseInt(bottom) || 20;
+      // 更新当前位置
       this.currentPosition = {
         x: 0,
-        y: windowHeight - bottomValue - this.mainButtonSize // 使用动态主按钮大小
+        y: windowHeight - bottomValue - this.mainButtonSize
       };
     },
     // 切换菜单展开状态
@@ -79544,6 +79565,40 @@ var ByFloatingMenuvue_type_template_id_7dd4a57b_staticRenderFns = [];
     // 切换显示/隐藏状态
     toggle() {
       this.toggleHide();
+    },
+    // 绑定页面相关事件
+    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();
     }
   }
 });
@@ -79559,8 +79614,8 @@ var ByFloatingMenuvue_type_template_id_7dd4a57b_staticRenderFns = [];
 ;
 var ByFloatingMenu_component = normalizeComponent(
   floating_menu_ByFloatingMenuvue_type_script_lang_js,
-  ByFloatingMenuvue_type_template_id_7dd4a57b_render,
-  ByFloatingMenuvue_type_template_id_7dd4a57b_staticRenderFns,
+  ByFloatingMenuvue_type_template_id_365e7526_render,
+  ByFloatingMenuvue_type_template_id_365e7526_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=7dd4a57b
-var ByFloatingMenuvue_type_template_id_7dd4a57b_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=365e7526
+var ByFloatingMenuvue_type_template_id_365e7526_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -79158,7 +79158,7 @@ var ByFloatingMenuvue_type_template_id_7dd4a57b_render = function render() {
     }, [_vm._v(_vm._s(item.text))])]);
   }), 0)])], 1);
 };
-var ByFloatingMenuvue_type_template_id_7dd4a57b_staticRenderFns = [];
+var ByFloatingMenuvue_type_template_id_365e7526_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 = ({
@@ -79195,6 +79195,14 @@ var ByFloatingMenuvue_type_template_id_7dd4a57b_staticRenderFns = [];
     }
   },
   data() {
+    // 在 data 中初始化位置，避免渲染时的位置跳动
+    const {
+      right,
+      bottom
+    } = this.position;
+    const windowHeight = typeof window !== 'undefined' ? window.innerHeight : 800;
+    const bottomValue = parseInt(bottom) || 20;
+    const mainButtonSize = this.getMainButtonSize();
     return {
       isExpanded: false,
       isHidden: false,
@@ -79206,9 +79214,12 @@ var ByFloatingMenuvue_type_template_id_7dd4a57b_staticRenderFns = [];
       },
       currentPosition: {
         x: 0,
-        y: 0
+        y: windowHeight - bottomValue - mainButtonSize
+      },
+      menuStyle: {
+        right: right,
+        bottom: bottom
       },
-      menuStyle: {},
       // 菜单项拖动相关
       menuItemDragStart: {
         x: 0,
@@ -79221,43 +79232,53 @@ var ByFloatingMenuvue_type_template_id_7dd4a57b_staticRenderFns = [];
   computed: {
     // 根据size属性计算实际大小
     mainButtonSize() {
-      const sizeMap = {
-        mini: 40,
-        small: 50,
-        medium: 60
-      };
-      return sizeMap[this.size] || 50;
+      return this.getMainButtonSize();
     }
   },
   mounted() {
-    this.initPosition();
+    // 位置已在 data 中初始化，这里只需要重新计算以确保准确性
+    this.refreshPosition();
     this.bindEvents();
+    this.bindPageEvents();
   },
   beforeDestroy() {
     this.unbindEvents();
+    this.unbindPageEvents();
     this.removeShowButton();
     // 清理菜单项拖动事件监听器
     document.removeEventListener('mousemove', this.onMenuItemDrag);
     document.removeEventListener('mouseup', this.endMenuItemDrag);
   },
   methods: {
-    // 初始化位置
-    initPosition() {
+    // 获取主按钮大小的辅助方法
+    getMainButtonSize() {
+      const sizeMap = {
+        mini: 40,
+        small: 50,
+        medium: 60
+      };
+      return sizeMap[this.size] || 50;
+    },
+    // 刷新位置（在 mounted 时重新计算以确保准确性）
+    refreshPosition() {
       const {
         right,
         bottom
       } = this.position;
+      const windowHeight = window.innerHeight;
+      const bottomValue = parseInt(bottom) || 20;
+
+      // 更新菜单样式
       this.menuStyle = {
+        ...this.menuStyle,
         right: right,
         bottom: bottom
       };
 
-      // 初始化当前位置
-      const windowHeight = window.innerHeight;
-      const bottomValue = parseInt(bottom) || 20;
+      // 更新当前位置
       this.currentPosition = {
         x: 0,
-        y: windowHeight - bottomValue - this.mainButtonSize // 使用动态主按钮大小
+        y: windowHeight - bottomValue - this.mainButtonSize
       };
     },
     // 切换菜单展开状态
@@ -79554,6 +79575,40 @@ var ByFloatingMenuvue_type_template_id_7dd4a57b_staticRenderFns = [];
     // 切换显示/隐藏状态
     toggle() {
       this.toggleHide();
+    },
+    // 绑定页面相关事件
+    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();
     }
   }
 });
@@ -79569,8 +79624,8 @@ var ByFloatingMenuvue_type_template_id_7dd4a57b_staticRenderFns = [];
 ;
 var ByFloatingMenu_component = normalizeComponent(
   floating_menu_ByFloatingMenuvue_type_script_lang_js,
-  ByFloatingMenuvue_type_template_id_7dd4a57b_render,
-  ByFloatingMenuvue_type_template_id_7dd4a57b_staticRenderFns,
+  ByFloatingMenuvue_type_template_id_365e7526_render,
+  ByFloatingMenuvue_type_template_id_365e7526_staticRenderFns,
   false,
   null,
   null,