@weitutech/by-components 1.1.102 → 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=08613879
-var ByFloatingMenuvue_type_template_id_08613879_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_08613879_render = function render() {
     }, [_vm._v(_vm._s(item.text))])]);
   }), 0)])], 1);
 };
-var ByFloatingMenuvue_type_template_id_08613879_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_08613879_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_08613879_staticRenderFns = [];
       },
       currentPosition: {
         x: 0,
-        y: 0
+        y: windowHeight - bottomValue - mainButtonSize
+      },
+      menuStyle: {
+        right: right,
+        bottom: bottom
       },
-      menuStyle: {},
       // 菜单项拖动相关
       menuItemDragStart: {
         x: 0,
@@ -79211,16 +79222,12 @@ var ByFloatingMenuvue_type_template_id_08613879_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();
   },
@@ -79233,23 +79240,35 @@ var ByFloatingMenuvue_type_template_id_08613879_staticRenderFns = [];
     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
       };
     },
     // 切换菜单展开状态
@@ -79273,10 +79292,8 @@ var ByFloatingMenuvue_type_template_id_08613879_staticRenderFns = [];
           transition: 'right 0.3s ease',
           opacity: '0'
         };
-        // 只有在页面可见时才创建显示按钮
-        if (!document.hidden) {
-          this.createShowButton();
-        }
+        // 创建显示按钮，使用当前纵向位置
+        this.createShowButton();
       } else {
         // 显示主菜单，保持当前位置
         this.menuStyle = {
@@ -79419,50 +79436,11 @@ var ByFloatingMenuvue_type_template_id_08613879_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) {
@@ -79539,6 +79517,88 @@ var ByFloatingMenuvue_type_template_id_08613879_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();
     }
   }
 });
@@ -79554,8 +79614,8 @@ var ByFloatingMenuvue_type_template_id_08613879_staticRenderFns = [];
 ;
 var ByFloatingMenu_component = normalizeComponent(
   floating_menu_ByFloatingMenuvue_type_script_lang_js,
-  ByFloatingMenuvue_type_template_id_08613879_render,
-  ByFloatingMenuvue_type_template_id_08613879_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=08613879
-var ByFloatingMenuvue_type_template_id_08613879_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_08613879_render = function render() {
     }, [_vm._v(_vm._s(item.text))])]);
   }), 0)])], 1);
 };
-var ByFloatingMenuvue_type_template_id_08613879_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_08613879_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_08613879_staticRenderFns = [];
       },
       currentPosition: {
         x: 0,
-        y: 0
+        y: windowHeight - bottomValue - mainButtonSize
+      },
+      menuStyle: {
+        right: right,
+        bottom: bottom
       },
-      menuStyle: {},
       // 菜单项拖动相关
       menuItemDragStart: {
         x: 0,
@@ -79221,16 +79232,12 @@ var ByFloatingMenuvue_type_template_id_08613879_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();
   },
@@ -79243,23 +79250,35 @@ var ByFloatingMenuvue_type_template_id_08613879_staticRenderFns = [];
     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
       };
     },
     // 切换菜单展开状态
@@ -79283,10 +79302,8 @@ var ByFloatingMenuvue_type_template_id_08613879_staticRenderFns = [];
           transition: 'right 0.3s ease',
           opacity: '0'
         };
-        // 只有在页面可见时才创建显示按钮
-        if (!document.hidden) {
-          this.createShowButton();
-        }
+        // 创建显示按钮，使用当前纵向位置
+        this.createShowButton();
       } else {
         // 显示主菜单，保持当前位置
         this.menuStyle = {
@@ -79429,50 +79446,11 @@ var ByFloatingMenuvue_type_template_id_08613879_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) {
@@ -79549,6 +79527,88 @@ var ByFloatingMenuvue_type_template_id_08613879_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();
     }
   }
 });
@@ -79564,8 +79624,8 @@ var ByFloatingMenuvue_type_template_id_08613879_staticRenderFns = [];
 ;
 var ByFloatingMenu_component = normalizeComponent(
   floating_menu_ByFloatingMenuvue_type_script_lang_js,
-  ByFloatingMenuvue_type_template_id_08613879_render,
-  ByFloatingMenuvue_type_template_id_08613879_staticRenderFns,
+  ByFloatingMenuvue_type_template_id_365e7526_render,
+  ByFloatingMenuvue_type_template_id_365e7526_staticRenderFns,
   false,
   null,
   null,