@weitutech/by-components 1.1.102 → 1.1.103

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=7dd4a57b
+var ByFloatingMenuvue_type_template_id_7dd4a57b_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_7dd4a57b_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,11 +79222,9 @@ var ByFloatingMenuvue_type_template_id_08613879_staticRenderFns = [];
   mounted() {
     this.initPosition();
     this.bindEvents();
-    this.bindPageEvents();
   },
   beforeDestroy() {
     this.unbindEvents();
-    this.unbindPageEvents();
     this.removeShowButton();
     // 清理菜单项拖动事件监听器
     document.removeEventListener('mousemove', this.onMenuItemDrag);
@@ -79273,10 +79271,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 +79415,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 +79496,54 @@ 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();
     }
   }
 });
@@ -79554,8 +79559,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_7dd4a57b_render,
+  ByFloatingMenuvue_type_template_id_7dd4a57b_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=7dd4a57b
+var ByFloatingMenuvue_type_template_id_7dd4a57b_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_7dd4a57b_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,11 +79232,9 @@ var ByFloatingMenuvue_type_template_id_08613879_staticRenderFns = [];
   mounted() {
     this.initPosition();
     this.bindEvents();
-    this.bindPageEvents();
   },
   beforeDestroy() {
     this.unbindEvents();
-    this.unbindPageEvents();
     this.removeShowButton();
     // 清理菜单项拖动事件监听器
     document.removeEventListener('mousemove', this.onMenuItemDrag);
@@ -79283,10 +79281,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 +79425,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 +79506,54 @@ 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();
     }
   }
 });
@@ -79564,8 +79569,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_7dd4a57b_render,
+  ByFloatingMenuvue_type_template_id_7dd4a57b_staticRenderFns,
   false,
   null,
   null,