@indfnd/common-mobile 0.0.102 → 0.0.104

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.0.104](http://git.inspur.com/imp-ec/ind-front/ind-common-mobile-front/compare/v0.0.103...v0.0.104) (2025-10-15)
+
+
+### Bug Fixes
+
+* 修改 ([8f394be](http://git.inspur.com/imp-ec/ind-front/ind-common-mobile-front/commit/8f394be5c289fa5f4268b09a97bf62f06f4efe4c))
+
+### [0.0.103](http://git.inspur.com/imp-ec/ind-front/ind-common-mobile-front/compare/v0.0.102...v0.0.103) (2025-10-15)
+
+
+### Bug Fixes
+
+* 修改 ([b621c2f](http://git.inspur.com/imp-ec/ind-front/ind-common-mobile-front/commit/b621c2fef76a60c4c306714364cbc73263ea17f9))
+
 ### [0.0.102](http://git.inspur.com/imp-ec/ind-front/ind-common-mobile-front/compare/v0.0.101...v0.0.102) (2025-10-14)
 
 

package/dist/ind-common-mobile.es.js

@@ -2,7 +2,7 @@ import { getQuarterNum, getHalfYearNum, formatDate, useConfig, getLocalStorage,
 import Vue$1 from "vue";
 import { DropdownMenu as DropdownMenu$1, DropdownItem as DropdownItem$1, Message, LoadingBar, Spin } from "view-design";
 const name$1 = "@indfnd/common-mobile";
-const version$2 = "0.0.101";
+const version$2 = "0.0.103";
 const author$1 = "huxuetong";
 const publishConfig = {
   registry: "https://registry.npmjs.org/"
@@ -68976,7 +68976,7 @@ var render$2 = function() {
     return _c("div", { key: index2, class: ["ind-m-sidebar-item", { active: _vm.activeKey === index2 }], on: { "click": function($event) {
       return _vm.handleSidebarClick(index2);
     } } }, [_c("span", { staticClass: "ind-m-sidebar-text" }, [_vm._v(_vm._s(item2.meta.title))])]);
-  }), 0), _c("div", { ref: "scrollContainer", staticClass: "ind-m-apps-container", staticStyle: { "padding-top": "0px", "padding-bottom": "300px", "height": "100%" }, on: { "scroll": _vm.handleRightScroll } }, _vm._l(_vm.apps_menus[_vm.active] && _vm.apps_menus[_vm.active].children || [], function(item2, index2) {
+  }), 0), _c("div", { ref: "scrollContainer", staticClass: "ind-m-apps-container", staticStyle: { "padding-top": "0px", "padding-bottom": "300px", "height": "100%" } }, _vm._l(_vm.apps_menus[_vm.active] && _vm.apps_menus[_vm.active].children || [], function(item2, index2) {
     return _c("div", { key: index2, staticClass: "ind-m-menu-section", attrs: { "id": "section-" + _vm.active + "-" + index2, "data-index": index2 } }, [_c("div", { staticClass: "ind-m-divider-container" }, [_c("van-divider", { staticClass: "ind-m-custom-divider" }, [_vm._v(" " + _vm._s(item2.meta.title) + " ")])], 1), _c("div", { staticClass: "ind-m-menu-section-content" }, _vm._l((((_vm.apps_menus[_vm.active] || {}).children || [])[index2] || {}).children || [], function(subItem, subIndex) {
       return _c("div", { key: "level3-" + subIndex, class: ["ind-m-app-item-wrapper", { "full-width": subItem.children }] }, [!subItem.children ? _c("apps-item", { attrs: { "item": subItem, "state": subItem.state, "title": subItem.meta.title, "editStatus": _vm.currentEditStatus == "on" ? "plus" : "off" }, on: { "touchend": _vm.addToMyAppsClick } }) : _vm._e(), subItem.children ? _c("div", { staticClass: "ind-m-category-header" }, [_c("div", { staticClass: "ind-m-category-indicator" }), _c("div", { staticClass: "ind-m-category-title" }, [_vm._v(_vm._s(subItem.meta.title))])]) : _vm._e(), subItem.children ? _c("van-grid", { attrs: { "border": false, "clickable": "", "gutter": 0, "column-num": 3 } }, _vm._l(_vm.apps_menus[_vm.active] && _vm.apps_menus[_vm.active].children[index2] && _vm.apps_menus[_vm.active].children[index2].children[subIndex] && _vm.apps_menus[_vm.active].children[index2].children[subIndex].children || [], function(menu) {
         return _c("van-grid-item", { key: menu.meta.permissionId, staticClass: "menu" }, [_c("apps-item", { attrs: { "item": menu, "state": menu.state, "title": menu.meta.title, "editStatus": _vm.currentEditStatus == "on" ? "plus" : "off" }, on: { "touchend": _vm.addToMyAppsClick } })], 1);
@@ -68995,7 +68995,6 @@ const __vue2_script$2 = {
       show: false,
       currentEditStatus: "off",
       searchValue: "",
-      isScrollingProgrammatically: false,
       activeKey: 0,
       active: 0,
       name: "appsNew",
@@ -69011,7 +69010,10 @@ const __vue2_script$2 = {
       maxApps: 8,
       searchApp: [],
       tabActiveKeys: {},
-      firstTabInitialized: false
+      scrollDebounceTimer: null,
+      isManualScroll: false,
+      sectionPositions: [],
+      resizeObserver: null
     };
   },
   watch: {
@@ -69050,17 +69052,20 @@ const __vue2_script$2 = {
       });
     }
   },
-  updated() {
-    if (!this.isEditing) {
-      this.$store.commit("setMyAppsList", this.my_apps);
+  computed: {
+    paginatedApps() {
+      const apps = this.isEditing ? this.tempMyApps : this.my_apps;
+      const pageSize = 8;
+      const pages2 = [];
+      for (let i = 0; i < apps.length; i += pageSize) {
+        pages2.push(apps.slice(i, i + pageSize));
+      }
+      return pages2;
     }
   },
   mounted() {
     var _a;
     this.isHb = location.pathname.includes("scyxweb");
-    this.$nextTick(() => {
-      console.log(this.$refs.scrollContainer);
-    });
     this.my_apps = this.$store.getters.getMyAppsList;
     let menus = this.$store.getters.getMenuTreeList;
     if (((_a = this.$config) == null ? void 0 : _a.mainType) == "singleApp") {
@@ -69085,33 +69090,121 @@ const __vue2_script$2 = {
       var _a2;
       this.offsetTop = ((_a2 = this.$refs.myapp) == null ? void 0 : _a2.clientHeight) + 58 || 256;
     }, 100);
-    this.$nextTick(() => {
-      if (this.active === 0) {
-        this.initFirstTab();
-      }
-    });
+    this.initScrollHandler();
+    this.cacheSectionPositions();
+    this.setupResizeObserver();
   },
-  activated() {
-    if (this.active === 0) {
-      this.$nextTick(() => {
-        this.resetFirstTab();
-      });
+  beforeDestroy() {
+    this.removeScrollHandler();
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
     }
   },
   methods: {
-    initFirstTab() {
-      this.activeKey = 0;
-      this.$set(this.tabActiveKeys, 0, 0);
-      this.firstTabInitialized = true;
+    initScrollHandler() {
+      const container = this.getScrollContainer();
+      if (container) {
+        container.addEventListener("scroll", this.handleContainerScroll);
+      }
     },
-    resetFirstTab() {
-      this.activeKey = 0;
-      this.$set(this.tabActiveKeys, 0, 0);
-      const scrollContainer = this.$refs.scrollContainer;
-      if (scrollContainer) {
-        scrollContainer.scrollTop = 0;
+    removeScrollHandler() {
+      const container = this.getScrollContainer();
+      if (container) {
+        container.removeEventListener("scroll", this.handleContainerScroll);
       }
     },
+    getScrollContainer() {
+      return Array.isArray(this.$refs.scrollContainer) ? this.$refs.scrollContainer[0] : this.$refs.scrollContainer;
+    },
+    cacheSectionPositions() {
+      this.$nextTick(() => {
+        const container = this.getScrollContainer();
+        if (!container)
+          return;
+        const sections = Array.from(container.querySelectorAll(".ind-m-menu-section"));
+        this.sectionPositions = sections.map((section) => {
+          const rect = section.getBoundingClientRect();
+          const containerRect = container.getBoundingClientRect();
+          return {
+            id: section.id,
+            top: rect.top - containerRect.top + container.scrollTop,
+            bottom: rect.bottom - containerRect.top + container.scrollTop,
+            element: section
+          };
+        });
+      });
+    },
+    setupResizeObserver() {
+      const container = this.getScrollContainer();
+      if (!container)
+        return;
+      this.resizeObserver = new ResizeObserver(() => {
+        this.cacheSectionPositions();
+      });
+      this.resizeObserver.observe(container);
+    },
+    handleContainerScroll() {
+      if (this.isManualScroll)
+        return;
+      clearTimeout(this.scrollDebounceTimer);
+      this.scrollDebounceTimer = setTimeout(() => {
+        this.updateActiveSection();
+      }, 100);
+    },
+    updateActiveSection() {
+      const container = this.getScrollContainer();
+      if (!container || this.sectionPositions.length === 0)
+        return;
+      const scrollTop = container.scrollTop;
+      const containerHeight = container.clientHeight;
+      const scrollBottom = scrollTop + containerHeight;
+      const isAtBottom = Math.abs(container.scrollHeight - scrollBottom) < 5;
+      if (isAtBottom) {
+        this.activeKey = this.sectionPositions.length - 1;
+        this.tabActiveKeys[this.active] = this.activeKey;
+        return;
+      }
+      const viewportMiddle = scrollTop + containerHeight / 2;
+      let activeIndex = 0;
+      let minDistance = Infinity;
+      this.sectionPositions.forEach((section, index2) => {
+        const sectionMiddle = (section.top + section.bottom) / 2;
+        const distance = Math.abs(sectionMiddle - viewportMiddle);
+        if (distance < minDistance) {
+          minDistance = distance;
+          activeIndex = index2;
+        }
+      });
+      if (this.activeKey !== activeIndex) {
+        this.activeKey = activeIndex;
+        this.tabActiveKeys[this.active] = activeIndex;
+      }
+    },
+    handleSidebarClick(index2) {
+      if (this.activeKey === index2)
+        return;
+      this.isManualScroll = true;
+      this.activeKey = index2;
+      this.tabActiveKeys[this.active] = index2;
+      this.$nextTick(() => {
+        const container = this.getScrollContainer();
+        const targetId = `section-${this.active}-${index2}`;
+        const targetElement = document.getElementById(targetId);
+        if (container && targetElement) {
+          const containerRect = container.getBoundingClientRect();
+          const targetRect = targetElement.getBoundingClientRect();
+          const scrollTop = targetRect.top - containerRect.top + container.scrollTop - 20;
+          container.scrollTo({
+            top: scrollTop,
+            behavior: "smooth"
+          });
+          this.cacheSectionPositions();
+        }
+        setTimeout(() => {
+          this.isManualScroll = false;
+        }, 800);
+      });
+    },
     handleTabClick(index2) {
       if (this.active === index2)
         return;
@@ -69166,58 +69259,6 @@ const __vue2_script$2 = {
       traverse(arr);
       return result;
     },
-    handleSidebarClick(index2) {
-      this.activeKey = index2;
-      this.$nextTick(() => {
-        const scrollContainer = Array.isArray(this.$refs.scrollContainer) ? this.$refs.scrollContainer[0] : this.$refs.scrollContainer;
-        if (!scrollContainer) {
-          console.error("\u672A\u627E\u5230\u6EDA\u52A8\u5BB9\u5668");
-          return;
-        }
-        const targetId = `section-${this.active}-${index2}`;
-        const targetElement = document.getElementById(targetId);
-        if (!targetElement) {
-          console.error("\u672A\u627E\u5230\u76EE\u6807\u5143\u7D20:", targetId);
-          return;
-        }
-        const scrollOffset2 = targetElement.offsetTop - scrollContainer.offsetTop;
-        if (typeof scrollContainer.scrollTo === "function") {
-          scrollContainer.scrollTo({
-            top: scrollOffset2,
-            behavior: "smooth"
-          });
-        } else {
-          scrollContainer.scrollTop = scrollOffset2;
-        }
-      });
-    },
-    handleRightScroll() {
-      if (this.isScrollingProgrammatically)
-        return;
-      const scrollContainer = this.$refs.scrollContainer;
-      if (!scrollContainer)
-        return;
-      const sections = scrollContainer.querySelectorAll(".ind-m-menu-section");
-      if (sections.length === 0)
-        return;
-      const scrollTop = scrollContainer.scrollTop;
-      const containerHeight = scrollContainer.clientHeight;
-      const triggerPosition = containerHeight * 0.3;
-      let activeIndex = this.activeKey;
-      for (let i = 0; i < sections.length; i++) {
-        const section = sections[i];
-        const sectionTop = section.offsetTop - scrollContainer.offsetTop;
-        const sectionBottom = sectionTop + section.offsetHeight;
-        if (sectionTop <= scrollTop + triggerPosition && sectionBottom >= scrollTop + triggerPosition) {
-          activeIndex = i;
-          break;
-        }
-      }
-      if (this.activeKey !== activeIndex) {
-        this.activeKey = activeIndex;
-        this.$set(this.tabActiveKeys, this.active, activeIndex);
-      }
-    },
     routeTo(app2) {
       var _a;
       if ((_a = app2 == null ? void 0 : app2.uri) == null ? void 0 : _a.includes("http")) {
@@ -69326,17 +69367,6 @@ const __vue2_script$2 = {
     saveMyApps() {
       this.$store.commit("setMyAppsList", this.my_apps);
     }
-  },
-  computed: {
-    paginatedApps() {
-      const apps = this.isEditing ? this.tempMyApps : this.my_apps;
-      const pageSize = 8;
-      const pages2 = [];
-      for (let i = 0; i < apps.length; i += pageSize) {
-        pages2.push(apps.slice(i, i + pageSize));
-      }
-      return pages2;
-    }
   }
 };
 const __cssModules$2 = {};