@weitutech/by-components 1.1.104 → 1.1.105

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=365e7526
-var ByFloatingMenuvue_type_template_id_365e7526_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=4d9e17ff
+var ByFloatingMenuvue_type_template_id_4d9e17ff_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -79148,7 +79148,7 @@ var ByFloatingMenuvue_type_template_id_365e7526_render = function render() {
     }, [_vm._v(_vm._s(item.text))])]);
   }), 0)])], 1);
 };
-var ByFloatingMenuvue_type_template_id_365e7526_staticRenderFns = [];
+var ByFloatingMenuvue_type_template_id_4d9e17ff_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,14 +79185,6 @@ var ByFloatingMenuvue_type_template_id_365e7526_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,
@@ -79204,12 +79196,9 @@ var ByFloatingMenuvue_type_template_id_365e7526_staticRenderFns = [];
       },
       currentPosition: {
         x: 0,
-        y: windowHeight - bottomValue - mainButtonSize
-      },
-      menuStyle: {
-        right: right,
-        bottom: bottom
+        y: 0
       },
+      menuStyle: {},
       // 菜单项拖动相关
       menuItemDragStart: {
         x: 0,
@@ -79222,53 +79211,43 @@ var ByFloatingMenuvue_type_template_id_365e7526_staticRenderFns = [];
   computed: {
     // 根据size属性计算实际大小
     mainButtonSize() {
-      return this.getMainButtonSize();
+      const sizeMap = {
+        mini: 40,
+        small: 50,
+        medium: 60
+      };
+      return sizeMap[this.size] || 50;
     }
   },
   mounted() {
-    // 位置已在 data 中初始化，这里只需要重新计算以确保准确性
-    this.refreshPosition();
+    this.initPosition();
     this.bindEvents();
-    this.bindPageEvents();
   },
   beforeDestroy() {
     this.unbindEvents();
-    this.unbindPageEvents();
     this.removeShowButton();
     // 清理菜单项拖动事件监听器
     document.removeEventListener('mousemove', this.onMenuItemDrag);
     document.removeEventListener('mouseup', this.endMenuItemDrag);
   },
   methods: {
-    // 获取主按钮大小的辅助方法
-    getMainButtonSize() {
-      const sizeMap = {
-        mini: 40,
-        small: 50,
-        medium: 60
-      };
-      return sizeMap[this.size] || 50;
-    },
-    // 刷新位置（在 mounted 时重新计算以确保准确性）
-    refreshPosition() {
+    // 初始化位置
+    initPosition() {
       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 // 使用动态主按钮大小
       };
     },
     // 切换菜单展开状态
@@ -79517,88 +79496,6 @@ var ByFloatingMenuvue_type_template_id_365e7526_staticRenderFns = [];
       if (showBtn) {
         showBtn.remove();
       }
-    },
-    // ========== 外部调用方法 ==========
-
-    // 显示悬浮菜单
-    show() {
-      if (this.isHidden) {
-        this.isHidden = false;
-        this.isExpanded = false;
-
-        // 显示主菜单，保持当前位置
-        this.menuStyle = {
-          ...this.menuStyle,
-          right: '20px',
-          transition: 'right 0.3s ease, opacity 0.3s ease',
-          opacity: '1'
-        };
-        // 移除显示按钮
-        this.removeShowButton();
-      }
-    },
-    // 隐藏悬浮菜单
-    hide() {
-      if (!this.isHidden) {
-        this.isHidden = true;
-        this.isExpanded = false;
-
-        // 保持当前纵向位置，只隐藏横向
-        this.menuStyle = {
-          ...this.menuStyle,
-          right: '-100px',
-          transition: 'right 0.3s ease',
-          opacity: '0'
-        };
-        // 移除显示按钮
-        this.removeShowButton();
-      }
-    },
-    // 完全移除显示按钮（用于页面切换时清理）
-    removeShowButtonOnly() {
-      this.removeShowButton();
-    },
-    // 获取当前隐藏状态
-    getHiddenState() {
-      return this.isHidden;
-    },
-    // 切换显示/隐藏状态
-    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();
     }
   }
 });
@@ -79614,8 +79511,8 @@ var ByFloatingMenuvue_type_template_id_365e7526_staticRenderFns = [];
 ;
 var ByFloatingMenu_component = normalizeComponent(
   floating_menu_ByFloatingMenuvue_type_script_lang_js,
-  ByFloatingMenuvue_type_template_id_365e7526_render,
-  ByFloatingMenuvue_type_template_id_365e7526_staticRenderFns,
+  ByFloatingMenuvue_type_template_id_4d9e17ff_render,
+  ByFloatingMenuvue_type_template_id_4d9e17ff_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=365e7526
-var ByFloatingMenuvue_type_template_id_365e7526_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=4d9e17ff
+var ByFloatingMenuvue_type_template_id_4d9e17ff_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -79158,7 +79158,7 @@ var ByFloatingMenuvue_type_template_id_365e7526_render = function render() {
     }, [_vm._v(_vm._s(item.text))])]);
   }), 0)])], 1);
 };
-var ByFloatingMenuvue_type_template_id_365e7526_staticRenderFns = [];
+var ByFloatingMenuvue_type_template_id_4d9e17ff_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,14 +79195,6 @@ var ByFloatingMenuvue_type_template_id_365e7526_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,
@@ -79214,12 +79206,9 @@ var ByFloatingMenuvue_type_template_id_365e7526_staticRenderFns = [];
       },
       currentPosition: {
         x: 0,
-        y: windowHeight - bottomValue - mainButtonSize
-      },
-      menuStyle: {
-        right: right,
-        bottom: bottom
+        y: 0
       },
+      menuStyle: {},
       // 菜单项拖动相关
       menuItemDragStart: {
         x: 0,
@@ -79232,53 +79221,43 @@ var ByFloatingMenuvue_type_template_id_365e7526_staticRenderFns = [];
   computed: {
     // 根据size属性计算实际大小
     mainButtonSize() {
-      return this.getMainButtonSize();
+      const sizeMap = {
+        mini: 40,
+        small: 50,
+        medium: 60
+      };
+      return sizeMap[this.size] || 50;
     }
   },
   mounted() {
-    // 位置已在 data 中初始化，这里只需要重新计算以确保准确性
-    this.refreshPosition();
+    this.initPosition();
     this.bindEvents();
-    this.bindPageEvents();
   },
   beforeDestroy() {
     this.unbindEvents();
-    this.unbindPageEvents();
     this.removeShowButton();
     // 清理菜单项拖动事件监听器
     document.removeEventListener('mousemove', this.onMenuItemDrag);
     document.removeEventListener('mouseup', this.endMenuItemDrag);
   },
   methods: {
-    // 获取主按钮大小的辅助方法
-    getMainButtonSize() {
-      const sizeMap = {
-        mini: 40,
-        small: 50,
-        medium: 60
-      };
-      return sizeMap[this.size] || 50;
-    },
-    // 刷新位置（在 mounted 时重新计算以确保准确性）
-    refreshPosition() {
+    // 初始化位置
+    initPosition() {
       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 // 使用动态主按钮大小
       };
     },
     // 切换菜单展开状态
@@ -79527,88 +79506,6 @@ var ByFloatingMenuvue_type_template_id_365e7526_staticRenderFns = [];
       if (showBtn) {
         showBtn.remove();
       }
-    },
-    // ========== 外部调用方法 ==========
-
-    // 显示悬浮菜单
-    show() {
-      if (this.isHidden) {
-        this.isHidden = false;
-        this.isExpanded = false;
-
-        // 显示主菜单，保持当前位置
-        this.menuStyle = {
-          ...this.menuStyle,
-          right: '20px',
-          transition: 'right 0.3s ease, opacity 0.3s ease',
-          opacity: '1'
-        };
-        // 移除显示按钮
-        this.removeShowButton();
-      }
-    },
-    // 隐藏悬浮菜单
-    hide() {
-      if (!this.isHidden) {
-        this.isHidden = true;
-        this.isExpanded = false;
-
-        // 保持当前纵向位置，只隐藏横向
-        this.menuStyle = {
-          ...this.menuStyle,
-          right: '-100px',
-          transition: 'right 0.3s ease',
-          opacity: '0'
-        };
-        // 移除显示按钮
-        this.removeShowButton();
-      }
-    },
-    // 完全移除显示按钮（用于页面切换时清理）
-    removeShowButtonOnly() {
-      this.removeShowButton();
-    },
-    // 获取当前隐藏状态
-    getHiddenState() {
-      return this.isHidden;
-    },
-    // 切换显示/隐藏状态
-    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();
     }
   }
 });
@@ -79624,8 +79521,8 @@ var ByFloatingMenuvue_type_template_id_365e7526_staticRenderFns = [];
 ;
 var ByFloatingMenu_component = normalizeComponent(
   floating_menu_ByFloatingMenuvue_type_script_lang_js,
-  ByFloatingMenuvue_type_template_id_365e7526_render,
-  ByFloatingMenuvue_type_template_id_365e7526_staticRenderFns,
+  ByFloatingMenuvue_type_template_id_4d9e17ff_render,
+  ByFloatingMenuvue_type_template_id_4d9e17ff_staticRenderFns,
   false,
   null,
   null,