@indfnd/common-mobile 1.0.1 → 1.0.2

package/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 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.
 
+### [1.0.2](http://git.inspur.com/imp-ec/ind-front/ind-common-mobile-front/compare/v1.0.1...v1.0.2) (2025-12-29)
+
+
+### Features
+
+* 修复弹窗样式，增加选项hideOverlay ([bee2988](http://git.inspur.com/imp-ec/ind-front/ind-common-mobile-front/commit/bee298890e0bea1b945e94e3f3c593a73d64939d))
+
+
+### Bug Fixes
+
+* 临时修改 ([e8f6742](http://git.inspur.com/imp-ec/ind-front/ind-common-mobile-front/commit/e8f6742d91e80c9aab7e536a02a4564542fb6c80))
+* 移动端查询组件修改 ([47cbc37](http://git.inspur.com/imp-ec/ind-front/ind-common-mobile-front/commit/47cbc3773b97da31ffb2f90198815ba5188960e3))
+
 ### [1.0.1](http://git.inspur.com/imp-ec/ind-front/ind-common-mobile-front/compare/v1.0.0...v1.0.1) (2025-12-26)
 
 

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

@@ -3,7 +3,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 = "1.0.0";
+const version$2 = "1.0.1";
 const author$1 = "huxuetong";
 const publishConfig = {
   registry: "https://registry.npmjs.org/"
@@ -4033,9 +4033,14 @@ var render$k = function() {
     return [!_vm.$slots.mobileTopRight ? _c("div", { staticStyle: { "color": "var(--ind-blue)", "font-size": "14px" }, on: { "click": _vm.showCondition } }, [_vm._v(" \u67E5\u8BE2\u6761\u4EF6 ")]) : _vm._e(), _vm._t("mobileTopRight")];
   }, proxy: true }], null, true), model: { value: _vm.data, callback: function($$v) {
     _vm.data = $$v;
-  }, expression: "data" } }, "IndMobileTable", _vm.$attrs, false), _vm.$listeners))], 1), _c("van-popup", { style: { width: "100%" }, attrs: { "position": "right", "overlay": false }, model: { value: _vm.displayCondition, callback: function($$v) {
+  }, expression: "data" } }, "IndMobileTable", _vm.$attrs, false), _vm.$listeners))], 1), _c("van-popup", { style: _vm.isHB == "1" ? { width: "100%" } : {
+    width: "100%",
+    marginTop: _vm.$config.searchPaddingTop || "48px",
+    height: "calc(100vh - " + (_vm.$config.searchPaddingTop || "48px") + ")",
+    top: "calc(50% - " + (_vm.$config.searchPaddingTop / 2 || "24px") + ")"
+  }, attrs: { "position": "right", "overlay": false }, model: { value: _vm.displayCondition, callback: function($$v) {
     _vm.displayCondition = $$v;
-  }, expression: "displayCondition" } }, [_c("div", { staticClass: "ind-page-view ind-flex-column", staticStyle: { "height": "100vh" } }, [_c("IndMForm", _vm._g({ staticClass: "height100", staticStyle: { "background": "var(--ind-white)" }, attrs: { "formType": "searchMobile", "fieldList": _vm.searchFormFields }, model: { value: _vm.searchFormValue, callback: function($$v) {
+  }, expression: "displayCondition" } }, [_c("div", { staticClass: "ind-page-view ind-flex-column", style: { height: _vm.isHB == "1" ? "100vh" : "100%" } }, [_c("IndMForm", _vm._g({ staticClass: "height100", staticStyle: { "background": "var(--ind-white)" }, attrs: { "formType": "searchMobile", "fieldList": _vm.searchFormFields }, model: { value: _vm.searchFormValue, callback: function($$v) {
     _vm.searchFormValue = $$v;
   }, expression: "searchFormValue" } }, _vm.$listeners)), _c("div", { staticClass: "ind-bottom-btn ind-flex ind-flex-no-shrink ind-space-between" }, [_c("IndButton", { attrs: { "bizType": "reset" }, on: { "click": _vm.cancel } }, [_vm._v("\u53D6\u6D88")]), _c("IndButton", { attrs: { "bizType": "primary" }, on: { "click": _vm.confirm } }, [_vm._v("\u786E\u8BA4")])], 1)], 1)])], 1);
 };
@@ -4074,6 +4079,13 @@ const __vue2_script$k = {
       default() {
         return [];
       }
+    },
+    isHB: {
+      type: String,
+      default() {
+        var _a;
+        return ((_a = this.$config) == null ? void 0 : _a.isHB) || "0";
+      }
     }
   },
   data() {
@@ -4222,6 +4234,9 @@ const __vue2_script$k = {
     topRows() {
       return this.$refs.table.topRows;
     }
+  },
+  mounted() {
+    console.log(`--`, this.$props);
   }
 };
 const __cssModules$k = {};
@@ -23236,7 +23251,7 @@ var render$8 = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", { on: { "touchstart": function($event) {
+  return _c("div", { staticClass: "ind-app-item", on: { "touchstart": function($event) {
     return _vm.ontouchstart(_vm.item);
   }, "touchmove": function($event) {
     return _vm.ontouchmove(_vm.item);
@@ -23244,9 +23259,9 @@ var render$8 = function() {
     return _vm.ontouchend(_vm.item);
   }, "click": function($event) {
     return _vm.ontouchend(_vm.item);
-  } } }, [_vm.editStatus == "minus" || _vm.editStatus == "plus" && _vm.state ? _c("div", { staticStyle: { "text-align": "center" } }, [_c("van-badge", { attrs: { "color": "#999" }, scopedSlots: _vm._u([{ key: "content", fn: function() {
+  } } }, [_vm.editStatus == "minus" || _vm.editStatus == "plus" && _vm.state ? _c("div", { staticClass: "ind-app-item-icon" }, [_c("div", { staticClass: "ind-app-item-icon-img" }, [_c("img", { attrs: { "src": _vm.getImg(_vm.item.meta.icon), "alt": "icon" } }), _c("van-badge", { staticClass: "ind-app-item-icon-imgbadge", attrs: { "color": "#999" }, scopedSlots: _vm._u([{ key: "content", fn: function() {
     return [_c("van-icon", { staticStyle: { "line-height": "1.5" }, attrs: { "name": _vm.editStatus } })];
-  }, proxy: true }], null, false, 1274909998) }, [_c("van-image", { attrs: { "with": "3rem", "height": "3rem", "fit": "cover", "src": _vm.getImg(_vm.item.meta.icon) } })], 1)], 1) : _c("div", { staticStyle: { "text-align": "center" } }, [_c("van-image", { attrs: { "with": "3rem", "height": "3rem", "fit": "cover", "src": _vm.getImg(_vm.item.meta.icon) } })], 1), _c("div", { staticStyle: { "text-align": "center" } }, [_c("div", { class: ["app-item", _vm.$config.ellipsis ? "ellipsis" : ""] }, [_vm._v(" " + _vm._s(_vm.item.meta.title) + " ")])])]);
+  }, proxy: true }], null, false, 1274909998) })], 1)]) : _c("div", { staticClass: "ind-app-item-icon" }, [_c("div", { staticClass: "ind-app-item-icon-img" }, [_c("img", { attrs: { "src": _vm.getImg(_vm.item.meta.icon), "alt": "icon" } })])]), _c("div", { class: ["ind-app-item-title", _vm.$config.ellipsis ? "ellipsis" : ""] }, [_vm._v(" " + _vm._s(_vm.item.meta.title) + " ")])]);
 };
 var staticRenderFns$8 = [];
 const __vue2_script$8 = {
@@ -28130,10 +28145,15 @@ var render$5 = function() {
   var _c = _vm._self._c || _h;
   return _c("div", { staticClass: "ind-myApp-slim" }, [_c("div", { staticClass: "ind-myApp-slim-content" }, [_c("div", { staticClass: "ind-myApp-slim-content-title" }, [_vm._v("\u6211\u7684\u5E94\u7528")]), _c("div", { staticClass: "ind-myApp-slim-content-center", on: { "click": _vm.open } }, [!_vm.expanded ? _c("div", { staticClass: "ind-myApp-slim-icon-group" }, [_vm._l(_vm.displayedIcons, function(icon, index2) {
     return _c("div", { key: index2, staticClass: "ind-myApp-slim-icon" }, [_c("img", { staticStyle: { "height": "100%", "width": "100%", "border-radius": "50%" }, attrs: { "src": icon.meta.icon, "alt": icon.meta.title } })]);
-  }), _vm.showMoreIcon ? _c("div", { staticClass: "ind-myApp-slim-icon" }, [_vm._v(" " + _vm._s("...") + " ")]) : _vm._e()], 2) : _vm._e(), _vm.icons.length !== 0 ? _c("van-icon", { staticClass: "ind-myApp-slim-toggle-icon", class: { "ind-myApp-slim-rotate-down": _vm.expanded }, attrs: { "name": "arrow" } }) : _vm._e()], 1), _c("div", { staticClass: "ind-myApp-slim-content-button" }, [_c("div", { staticClass: "ind-myApp-slim-content-button-btn", on: { "click": _vm.edit } }, [_vm._v("\u7F16\u8F91")])])]), _c("div", { staticStyle: { "width": "100%", "height": "auto", "background-color": "#fff" } }, [_vm._t("default")], 2)]);
+  }), _vm.showMoreIcon ? _c("div", { staticClass: "ind-myApp-slim-icon" }, [_vm._v(" " + _vm._s("...") + " ")]) : _vm._e()], 2) : _vm._e(), _vm.icons.length !== 0 ? _c("van-icon", { staticClass: "ind-myApp-slim-toggle-icon", class: { "ind-myApp-slim-rotate-down": _vm.expanded }, attrs: { "name": "arrow" } }) : _vm._e()], 1), _c("div", { staticClass: "ind-myApp-slim-content-button" }, [_c("div", { staticClass: "ind-myApp-slim-content-button-btn", on: { "click": _vm.edit } }, [_vm._v("\u7F16\u8F91")])])]), _vm.expanded ? _c("div", { staticStyle: { "width": "100%", "height": "auto", "background-color": "#fff" } }, [_c("van-swipe", { attrs: { "show-indicators": true, "loop": false, "indicator-color": "#005aaf" } }, _vm._l(_vm.list, function(page, pageIdx) {
+    return _c("van-swipe-item", { key: pageIdx }, [_c("div", { style: { paddingBottom: _vm.list.length > 1 ? "30px" : "0" } }, [_c("div", { staticClass: "ind-myApp-slim-content-content" }, _vm._l(page, function(item2, itemIdx) {
+      return _c("div", { key: itemIdx, staticClass: "ind-myApp-slim-content-content-item" }, [_c("apps-item", { attrs: { "item": item2, "state": item2.state, "editStatus": "off" }, on: { "touchend": _vm.routeTo } })], 1);
+    }), 0)])]);
+  }), 1)], 1) : _vm._e()]);
 };
 var staticRenderFns$5 = [];
 const __vue2_script$5 = {
+  components: { appsItem },
   data() {
     return {};
   },
@@ -28142,6 +28162,10 @@ const __vue2_script$5 = {
       type: Array,
       default: () => []
     },
+    list: {
+      type: Array,
+      default: () => []
+    },
     expanded: {
       type: Boolean,
       default: false
@@ -28168,6 +28192,14 @@ const __vue2_script$5 = {
     },
     open() {
       this.$emit("open");
+    },
+    routeTo(app2) {
+      var _a;
+      if ((_a = app2 == null ? void 0 : app2.uri) == null ? void 0 : _a.includes("http")) {
+        location.href = app2.uri;
+      } else {
+        this.$router.push({ path: app2.uri });
+      }
     }
   }
 };
@@ -28202,11 +28234,7 @@ var render$4 = function() {
     _vm.show = $$v;
   }, expression: "show" } }, [_c("van-grid", { attrs: { "column-num": 4 } }, _vm._l(_vm.searchApp, function(item2, idx) {
     return _c("van-grid-item", { key: idx }, [_c("apps-item", { attrs: { "item": item2, "state": item2.state, "editStatus": "off" }, on: { "touchend": _vm.routeTo } })], 1);
-  }), 1)], 1), _c("myapp", { attrs: { "icons": _vm.myAppList, "expanded": _vm.disMyapp }, on: { "edit": _vm.edit, "open": _vm.open } }, [_vm.disMyapp ? _c("div", { staticStyle: { "width": "100%", "height": "auto", "background-color": "#fff" } }, [_c("van-swipe", { attrs: { "show-indicators": true, "loop": false, "indicator-color": "#005aaf" } }, _vm._l(_vm.paginatedApps, function(page, pageIdx) {
-    return _c("van-swipe-item", { key: pageIdx }, [_c("div", { style: { paddingBottom: _vm.paginatedApps.length > 1 ? "20px" : "0" } }, [_c("van-grid", { attrs: { "column-num": 4, "border": false } }, _vm._l(page, function(item2, idx) {
-      return _c("van-grid-item", { key: idx }, [_c("apps-item", { attrs: { "item": item2, "state": item2.state, "editStatus": "off" }, on: { "touchend": _vm.routeTo } })], 1);
-    }), 1)], 1)]);
-  }), 1)], 1) : _vm._e()]), _c("div", { staticClass: "customnnnmmmm-tabs-container" }, [_c("div", { staticClass: "customnnnmmmm-tabs-header-wrapper" }, [_c("div", { ref: "tabsHeader", staticClass: "customnnnmmmm-tabs-header" }, _vm._l(_vm.apps_menus, function(tab, idx) {
+  }), 1)], 1), _c("myapp", { attrs: { "icons": _vm.myAppList, "expanded": _vm.disMyapp, "list": _vm.paginatedApps }, on: { "edit": _vm.edit, "open": _vm.open } }), _c("div", { staticClass: "customnnnmmmm-tabs-container" }, [_c("div", { staticClass: "customnnnmmmm-tabs-header-wrapper" }, [_c("div", { ref: "tabsHeader", staticClass: "customnnnmmmm-tabs-header" }, _vm._l(_vm.apps_menus, function(tab, idx) {
     return _c("div", { key: "tab" + idx, staticClass: "customnnnmmmm-tab-item", class: { active: _vm.active === idx }, on: { "click": function($event) {
       return _vm.handleTabClick(idx);
     } } }, [_c("div", { staticClass: "customnnnmmmm-tab-item-top", class: { active: _vm.active === idx } }, [_vm._v(" " + _vm._s(tab.meta.title) + " ")]), _c("div", { staticClass: "customnnnmmmm-tab-item-bottom", class: { active: _vm.active === idx } })]);
@@ -28214,7 +28242,7 @@ var render$4 = 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%" } }, _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": "500px", "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": "off" }, on: { "touchend": _vm.routeTo } }) : _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": "off" }, on: { "touchend": _vm.routeTo } })], 1);
@@ -28530,18 +28558,21 @@ var render$3 = function() {
     _vm.show = $$v;
   }, expression: "show" } }, [_c("van-grid", { attrs: { "column-num": 4 } }, _vm._l(_vm.searchApp, function(item2, idx) {
     return _c("van-grid-item", { key: idx }, [_c("apps-item", { attrs: { "item": item2, "state": item2.state, "editStatus": "off" }, on: { "touchend": _vm.routeTo } })], 1);
-  }), 1)], 1), _c("myapp", { attrs: { "icons": _vm.myAppList, "expanded": _vm.disMyapp }, on: { "edit": _vm.edit, "open": _vm.open } }, [_vm.disMyapp ? _c("div", { staticStyle: { "width": "100%", "height": "auto", "background-color": "#fff" } }, [_c("van-swipe", { attrs: { "show-indicators": true, "loop": false, "indicator-color": "#005aaf" } }, _vm._l(_vm.paginatedApps, function(page, pageIdx) {
-    return _c("van-swipe-item", { key: pageIdx }, [_c("div", { style: { paddingBottom: _vm.paginatedApps.length > 1 ? "20px" : "0" } }, [_c("van-grid", { attrs: { "column-num": 4, "border": false } }, _vm._l(page, function(item2, idx) {
-      return _c("van-grid-item", { key: idx }, [_c("apps-item", { attrs: { "item": item2, "state": item2.state, "editStatus": "off" }, on: { "touchend": _vm.routeTo } })], 1);
-    }), 1)], 1)]);
-  }), 1)], 1) : _vm._e()]), _c("div", [_c("div", { staticClass: "customnnnmmmm-tabs-header-wrapper" }, [_c("div", { ref: "tabsHeader", staticClass: "customnnnmmmm-tabs-header" }, _vm._l(_vm.apps_menus, function(tab, idx) {
+  }), 1)], 1), _c("myapp", { attrs: { "icons": _vm.myAppList, "expanded": _vm.disMyapp, "list": _vm.paginatedApps }, on: { "edit": _vm.edit, "open": _vm.open } }), _c("div", [_c("div", { staticClass: "customnnnmmmm-tabs-header-wrapper" }, [_c("div", { ref: "tabsHeader", staticClass: "customnnnmmmm-tabs-header" }, _vm._l(_vm.titleList, function(tab, idx) {
     return _c("div", { key: "tab" + idx, staticClass: "customnnnmmmm-tab-item", class: { active: _vm.active === idx }, on: { "click": function($event) {
-      return _vm.handleTabClick(idx);
-    } } }, [_c("div", { staticClass: "customnnnmmmm-tab-item-top", class: { active: _vm.active === idx } }, [_vm._v(" " + _vm._s(tab.meta.title) + " ")]), _c("div", { staticClass: "customnnnmmmm-tab-item-bottom", class: { active: _vm.active === idx } })]);
-  }), 0)]), _c("div", { staticClass: "ind-my-app-container", style: { height: _vm.disMyapp ? "calc(100vh - 480px)" : "calc(100vh - 270px)" } }, _vm._l(_vm.apps_menus, function(firstLevel, index2) {
-    return _c("div", { key: index2, ref: "contentSection" + index2, refInFor: true, staticClass: "ind-my-app-container-square" }, [_c("div", { staticClass: "ind-my-app-container-square-title" }, [_vm._v(_vm._s(firstLevel.meta.title))]), _c("van-grid", { attrs: { "column-num": 4, "border": false } }, _vm._l(firstLevel.children, function(item2) {
-      return _c("van-grid-item", { key: item2.meta.permissionId }, [_c("apps-item", { attrs: { "item": item2, "state": item2.state, "title": item2.meta.title, "editStatus": "off" }, on: { "touchend": _vm.routeTo } })], 1);
-    }), 1)], 1);
+      return _vm.handleTabClick(tab, idx);
+    } } }, [_c("div", { staticClass: "customnnnmmmm-tab-item-top", class: { active: _vm.active === idx } }, [_vm._v(" " + _vm._s(tab) + " ")]), _c("div", { staticClass: "customnnnmmmm-tab-item-bottom", class: { active: _vm.active === idx } })]);
+  }), 0)]), _c("div", { staticClass: "ind-my-app-container", style: { height: _vm.disMyapp ? "calc(100vh - 500px)" : "calc(100vh - 270px)" } }, _vm._l(_vm.apps_menus, function(firstLevel, index2) {
+    return _c("div", { key: index2, staticClass: "ind-my-app-container-square" }, [_c("div", { staticClass: "ind-my-app-container-square-title" }, [_vm._v(_vm._s(firstLevel.meta.title))]), _c("div", { style: { display: "flex", flexWrap: "wrap" }, attrs: { "column-num": 4, "border": false } }, _vm._l(firstLevel.children, function(item2) {
+      return _c("div", { key: item2.meta.permissionId, style: {
+        width: "calc(100% / 5)",
+        height: "100%",
+        backgroundColor: "#fff",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center"
+      } }, [_c("IndMappItem", { attrs: { "item": item2, "state": item2.state, "title": item2.meta.title, "editStatus": "off" }, on: { "touchend": _vm.routeTo } })], 1);
+    }), 0)]);
   }), 0)]), _c("tabbar")], 1)], 1);
 };
 var staticRenderFns$3 = [];
@@ -28580,7 +28611,8 @@ const __vue2_script$3 = {
       title: "",
       searchApp: [],
       myAppList: [],
-      scrollObserver: null
+      allApps_menus: [],
+      titleList: []
     };
   },
   mounted() {
@@ -28598,90 +28630,29 @@ const __vue2_script$3 = {
       menus = mobileMainApp.children;
     }
     let temps = menus.filter((item2) => item2.name === this.name);
-    this.apps_menus = temps[0].children;
+    let titleList = temps[0].children.map((item2) => item2.meta.title);
+    this.titleList = ["\u5168\u90E8", ...titleList];
+    const allApps_menus = temps[0].children.reduce((obj, item2) => {
+      obj[item2.meta.title] = item2;
+      return obj;
+    }, {});
+    this.allApps_menus = { \u5168\u90E8: temps[0].children, ...allApps_menus };
+    this.apps_menus = this.allApps_menus["\u5168\u90E8"];
     this.apps_menus = simplifyMenuTree(this.apps_menus);
     this.title = temps[0].meta.title;
-    this.$nextTick(() => {
-      this.setupScrollObserver();
-    });
-  },
-  beforeDestroy() {
-    if (this.scrollObserver) {
-      this.scrollObserver.disconnect();
-    }
   },
   methods: {
-    setupScrollObserver() {
-      const container = document.querySelector(".ind-my-app-container");
-      if (!container)
-        return;
-      const sections = Array.from(container.children);
-      if (sections.length === 0)
-        return;
-      if (this.scrollObserver) {
-        this.scrollObserver.disconnect();
-      }
-      this.scrollObserver = new IntersectionObserver(
-        (entries) => {
-          let mostVisibleSection = null;
-          let maxRatio = 0;
-          entries.forEach((entry) => {
-            if (entry.intersectionRatio > maxRatio) {
-              maxRatio = entry.intersectionRatio;
-              mostVisibleSection = entry.target;
-            }
-          });
-          if (mostVisibleSection) {
-            const index2 = Array.from(container.children).indexOf(mostVisibleSection);
-            if (index2 !== -1 && this.active !== index2) {
-              this.active = index2;
-              this.scrollTabIntoView(index2);
-            }
-          }
-        },
-        {
-          root: container,
-          rootMargin: "-30% 0px -70% 0px",
-          threshold: [0, 0.1, 0.5, 1]
-        }
-      );
-      sections.forEach((section) => {
-        this.scrollObserver.observe(section);
-      });
-    },
-    handleTabClick(index2) {
+    handleTabClick(tab, index2) {
       if (this.active === index2)
         return;
       this.active = index2;
+      this.apps_menus = this.allApps_menus[tab];
+      if (tab !== "\u5168\u90E8") {
+        this.apps_menus = simplifyMenuTree(this.apps_menus.children);
+      } else {
+        this.apps_menus = simplifyMenuTree(this.apps_menus);
+      }
       this.$emit("tab-click", index2);
-      this.scrollTabIntoView(index2);
-      this.scrollToContent(index2);
-    },
-    scrollTabIntoView(index2) {
-      this.$nextTick(() => {
-        const container = this.$refs.tabsHeader;
-        const tab = container.children[index2];
-        if (tab) {
-          tab.scrollIntoView({
-            behavior: "smooth",
-            block: "nearest",
-            inline: "center"
-          });
-        }
-      });
-    },
-    scrollToContent(index2) {
-      this.$nextTick(() => {
-        const container = document.querySelector(".ind-my-app-container");
-        const targetSection = container.children[index2];
-        if (targetSection) {
-          const scrollPosition = targetSection.offsetTop - 3;
-          container.scrollTo({
-            top: scrollPosition,
-            behavior: "smooth"
-          });
-        }
-      });
     },
     edit() {
       this.$router.push({