@indfnd/common-mobile 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,26 @@
2
2
 
3
3
  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.
4
4
 
5
+ ### [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)
6
+
7
+
8
+ ### Features
9
+
10
+ * 修复弹窗样式,增加选项hideOverlay ([bee2988](http://git.inspur.com/imp-ec/ind-front/ind-common-mobile-front/commit/bee298890e0bea1b945e94e3f3c593a73d64939d))
11
+
12
+
13
+ ### Bug Fixes
14
+
15
+ * 临时修改 ([e8f6742](http://git.inspur.com/imp-ec/ind-front/ind-common-mobile-front/commit/e8f6742d91e80c9aab7e536a02a4564542fb6c80))
16
+ * 移动端查询组件修改 ([47cbc37](http://git.inspur.com/imp-ec/ind-front/ind-common-mobile-front/commit/47cbc3773b97da31ffb2f90198815ba5188960e3))
17
+
18
+ ### [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)
19
+
20
+
21
+ ### Features
22
+
23
+ * 修复弹窗样式,增加选项hideOverlay ([533d6ab](http://git.inspur.com/imp-ec/ind-front/ind-common-mobile-front/commit/533d6aba14ca62c51e502c4f608dbbf5774c0bc7))
24
+
5
25
  ## [1.0.0](http://git.inspur.com/imp-ec/ind-front/ind-common-mobile-front/compare/v0.0.121...v1.0.0) (2025-12-26)
6
26
 
7
27
 
@@ -3,7 +3,7 @@ import { getQuarterNum, getHalfYearNum, formatDate, useConfig, getLocalStorage,
3
3
  import Vue$1 from "vue";
4
4
  import { DropdownMenu as DropdownMenu$1, DropdownItem as DropdownItem$1, Message, LoadingBar, Spin } from "view-design";
5
5
  const name$1 = "@indfnd/common-mobile";
6
- const version$2 = "0.0.121";
6
+ const version$2 = "1.0.1";
7
7
  const author$1 = "huxuetong";
8
8
  const publishConfig = {
9
9
  registry: "https://registry.npmjs.org/"
@@ -38,7 +38,7 @@ const scripts$1 = {
38
38
  build: "yarn build:prod && yarn build:style",
39
39
  "type-check": "vue-tsc --noEmit -p tsconfig.check.json --composite false",
40
40
  dts: "vue-tsc -p tsconfig.types.json",
41
- release: "node build/auto-build.js && yarn release-major && git push --follow-tags && yarn re-publish",
41
+ release: "node build/auto-build.js && yarn release-patch && git push --follow-tags && yarn re-publish",
42
42
  "release-major": "standard-version --release-as major",
43
43
  "release-minor": "standard-version --release-as minor",
44
44
  "release-patch": "standard-version --release-as patch",
@@ -4033,9 +4033,14 @@ var render$k = function() {
4033
4033
  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")];
4034
4034
  }, proxy: true }], null, true), model: { value: _vm.data, callback: function($$v) {
4035
4035
  _vm.data = $$v;
4036
- }, 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) {
4036
+ }, expression: "data" } }, "IndMobileTable", _vm.$attrs, false), _vm.$listeners))], 1), _c("van-popup", { style: _vm.isHB == "1" ? { width: "100%" } : {
4037
+ width: "100%",
4038
+ marginTop: _vm.$config.searchPaddingTop || "48px",
4039
+ height: "calc(100vh - " + (_vm.$config.searchPaddingTop || "48px") + ")",
4040
+ top: "calc(50% - " + (_vm.$config.searchPaddingTop / 2 || "24px") + ")"
4041
+ }, attrs: { "position": "right", "overlay": false }, model: { value: _vm.displayCondition, callback: function($$v) {
4037
4042
  _vm.displayCondition = $$v;
4038
- }, 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) {
4043
+ }, 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) {
4039
4044
  _vm.searchFormValue = $$v;
4040
4045
  }, 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);
4041
4046
  };
@@ -4074,6 +4079,13 @@ const __vue2_script$k = {
4074
4079
  default() {
4075
4080
  return [];
4076
4081
  }
4082
+ },
4083
+ isHB: {
4084
+ type: String,
4085
+ default() {
4086
+ var _a;
4087
+ return ((_a = this.$config) == null ? void 0 : _a.isHB) || "0";
4088
+ }
4077
4089
  }
4078
4090
  },
4079
4091
  data() {
@@ -4222,6 +4234,9 @@ const __vue2_script$k = {
4222
4234
  topRows() {
4223
4235
  return this.$refs.table.topRows;
4224
4236
  }
4237
+ },
4238
+ mounted() {
4239
+ console.log(`--`, this.$props);
4225
4240
  }
4226
4241
  };
4227
4242
  const __cssModules$k = {};
@@ -22469,7 +22484,7 @@ var render$f = function() {
22469
22484
  width: "80%",
22470
22485
  marginTop: _vm.$config.searchPaddingTop || "0px",
22471
22486
  height: "calc(100vh - " + (_vm.$config.searchPaddingTop || "0px") + ")",
22472
- top: "calc(100vh - " + (_vm.$config.searchPaddingTop / 2 || "0px") + ")"
22487
+ top: "calc(50% - " + (_vm.$config.searchPaddingTop / 2 || "0px") + ")"
22473
22488
  }, attrs: { "position": "right", "overlay": !_vm.$config.hideOverlay }, model: { value: _vm.displayCondition, callback: function($$v) {
22474
22489
  _vm.displayCondition = $$v;
22475
22490
  }, expression: "displayCondition" } }, [_c("div", { staticClass: "ind-page-view ind-flex-column", staticStyle: { "height": "100% !important" } }, [_c("IndMForm", { staticClass: "height100", staticStyle: { "background": "var(--ind-white)" }, attrs: { "formType": "searchMobile", "fieldList": _vm.fieldList }, model: { value: _vm.searchForm, callback: function($$v) {
@@ -23236,7 +23251,7 @@ var render$8 = function() {
23236
23251
  var _vm = this;
23237
23252
  var _h = _vm.$createElement;
23238
23253
  var _c = _vm._self._c || _h;
23239
- return _c("div", { on: { "touchstart": function($event) {
23254
+ return _c("div", { staticClass: "ind-app-item", on: { "touchstart": function($event) {
23240
23255
  return _vm.ontouchstart(_vm.item);
23241
23256
  }, "touchmove": function($event) {
23242
23257
  return _vm.ontouchmove(_vm.item);
@@ -23244,9 +23259,9 @@ var render$8 = function() {
23244
23259
  return _vm.ontouchend(_vm.item);
23245
23260
  }, "click": function($event) {
23246
23261
  return _vm.ontouchend(_vm.item);
23247
- } } }, [_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() {
23262
+ } } }, [_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() {
23248
23263
  return [_c("van-icon", { staticStyle: { "line-height": "1.5" }, attrs: { "name": _vm.editStatus } })];
23249
- }, 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) + " ")])])]);
23264
+ }, 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) + " ")])]);
23250
23265
  };
23251
23266
  var staticRenderFns$8 = [];
23252
23267
  const __vue2_script$8 = {
@@ -28130,10 +28145,15 @@ var render$5 = function() {
28130
28145
  var _c = _vm._self._c || _h;
28131
28146
  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) {
28132
28147
  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 } })]);
28133
- }), _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)]);
28148
+ }), _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) {
28149
+ 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) {
28150
+ 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);
28151
+ }), 0)])]);
28152
+ }), 1)], 1) : _vm._e()]);
28134
28153
  };
28135
28154
  var staticRenderFns$5 = [];
28136
28155
  const __vue2_script$5 = {
28156
+ components: { appsItem },
28137
28157
  data() {
28138
28158
  return {};
28139
28159
  },
@@ -28142,6 +28162,10 @@ const __vue2_script$5 = {
28142
28162
  type: Array,
28143
28163
  default: () => []
28144
28164
  },
28165
+ list: {
28166
+ type: Array,
28167
+ default: () => []
28168
+ },
28145
28169
  expanded: {
28146
28170
  type: Boolean,
28147
28171
  default: false
@@ -28168,6 +28192,14 @@ const __vue2_script$5 = {
28168
28192
  },
28169
28193
  open() {
28170
28194
  this.$emit("open");
28195
+ },
28196
+ routeTo(app2) {
28197
+ var _a;
28198
+ if ((_a = app2 == null ? void 0 : app2.uri) == null ? void 0 : _a.includes("http")) {
28199
+ location.href = app2.uri;
28200
+ } else {
28201
+ this.$router.push({ path: app2.uri });
28202
+ }
28171
28203
  }
28172
28204
  }
28173
28205
  };
@@ -28202,11 +28234,7 @@ var render$4 = function() {
28202
28234
  _vm.show = $$v;
28203
28235
  }, expression: "show" } }, [_c("van-grid", { attrs: { "column-num": 4 } }, _vm._l(_vm.searchApp, function(item2, idx) {
28204
28236
  return _c("van-grid-item", { key: idx }, [_c("apps-item", { attrs: { "item": item2, "state": item2.state, "editStatus": "off" }, on: { "touchend": _vm.routeTo } })], 1);
28205
- }), 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) {
28206
- 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) {
28207
- return _c("van-grid-item", { key: idx }, [_c("apps-item", { attrs: { "item": item2, "state": item2.state, "editStatus": "off" }, on: { "touchend": _vm.routeTo } })], 1);
28208
- }), 1)], 1)]);
28209
- }), 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) {
28237
+ }), 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) {
28210
28238
  return _c("div", { key: "tab" + idx, staticClass: "customnnnmmmm-tab-item", class: { active: _vm.active === idx }, on: { "click": function($event) {
28211
28239
  return _vm.handleTabClick(idx);
28212
28240
  } } }, [_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() {
28214
28242
  return _c("div", { key: index2, class: ["ind-m-sidebar-item", { active: _vm.activeKey === index2 }], on: { "click": function($event) {
28215
28243
  return _vm.handleSidebarClick(index2);
28216
28244
  } } }, [_c("span", { staticClass: "ind-m-sidebar-text" }, [_vm._v(_vm._s(item2.meta.title))])]);
28217
- }), 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) {
28245
+ }), 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) {
28218
28246
  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) {
28219
28247
  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) {
28220
28248
  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() {
28530
28558
  _vm.show = $$v;
28531
28559
  }, expression: "show" } }, [_c("van-grid", { attrs: { "column-num": 4 } }, _vm._l(_vm.searchApp, function(item2, idx) {
28532
28560
  return _c("van-grid-item", { key: idx }, [_c("apps-item", { attrs: { "item": item2, "state": item2.state, "editStatus": "off" }, on: { "touchend": _vm.routeTo } })], 1);
28533
- }), 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) {
28534
- 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) {
28535
- return _c("van-grid-item", { key: idx }, [_c("apps-item", { attrs: { "item": item2, "state": item2.state, "editStatus": "off" }, on: { "touchend": _vm.routeTo } })], 1);
28536
- }), 1)], 1)]);
28537
- }), 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) {
28561
+ }), 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) {
28538
28562
  return _c("div", { key: "tab" + idx, staticClass: "customnnnmmmm-tab-item", class: { active: _vm.active === idx }, on: { "click": function($event) {
28539
- return _vm.handleTabClick(idx);
28540
- } } }, [_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 } })]);
28541
- }), 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) {
28542
- 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) {
28543
- 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);
28544
- }), 1)], 1);
28563
+ return _vm.handleTabClick(tab, idx);
28564
+ } } }, [_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 } })]);
28565
+ }), 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) {
28566
+ 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) {
28567
+ return _c("div", { key: item2.meta.permissionId, style: {
28568
+ width: "calc(100% / 5)",
28569
+ height: "100%",
28570
+ backgroundColor: "#fff",
28571
+ display: "flex",
28572
+ alignItems: "center",
28573
+ justifyContent: "center"
28574
+ } }, [_c("IndMappItem", { attrs: { "item": item2, "state": item2.state, "title": item2.meta.title, "editStatus": "off" }, on: { "touchend": _vm.routeTo } })], 1);
28575
+ }), 0)]);
28545
28576
  }), 0)]), _c("tabbar")], 1)], 1);
28546
28577
  };
28547
28578
  var staticRenderFns$3 = [];
@@ -28580,7 +28611,8 @@ const __vue2_script$3 = {
28580
28611
  title: "",
28581
28612
  searchApp: [],
28582
28613
  myAppList: [],
28583
- scrollObserver: null
28614
+ allApps_menus: [],
28615
+ titleList: []
28584
28616
  };
28585
28617
  },
28586
28618
  mounted() {
@@ -28598,90 +28630,29 @@ const __vue2_script$3 = {
28598
28630
  menus = mobileMainApp.children;
28599
28631
  }
28600
28632
  let temps = menus.filter((item2) => item2.name === this.name);
28601
- this.apps_menus = temps[0].children;
28633
+ let titleList = temps[0].children.map((item2) => item2.meta.title);
28634
+ this.titleList = ["\u5168\u90E8", ...titleList];
28635
+ const allApps_menus = temps[0].children.reduce((obj, item2) => {
28636
+ obj[item2.meta.title] = item2;
28637
+ return obj;
28638
+ }, {});
28639
+ this.allApps_menus = { \u5168\u90E8: temps[0].children, ...allApps_menus };
28640
+ this.apps_menus = this.allApps_menus["\u5168\u90E8"];
28602
28641
  this.apps_menus = simplifyMenuTree(this.apps_menus);
28603
28642
  this.title = temps[0].meta.title;
28604
- this.$nextTick(() => {
28605
- this.setupScrollObserver();
28606
- });
28607
- },
28608
- beforeDestroy() {
28609
- if (this.scrollObserver) {
28610
- this.scrollObserver.disconnect();
28611
- }
28612
28643
  },
28613
28644
  methods: {
28614
- setupScrollObserver() {
28615
- const container = document.querySelector(".ind-my-app-container");
28616
- if (!container)
28617
- return;
28618
- const sections = Array.from(container.children);
28619
- if (sections.length === 0)
28620
- return;
28621
- if (this.scrollObserver) {
28622
- this.scrollObserver.disconnect();
28623
- }
28624
- this.scrollObserver = new IntersectionObserver(
28625
- (entries) => {
28626
- let mostVisibleSection = null;
28627
- let maxRatio = 0;
28628
- entries.forEach((entry) => {
28629
- if (entry.intersectionRatio > maxRatio) {
28630
- maxRatio = entry.intersectionRatio;
28631
- mostVisibleSection = entry.target;
28632
- }
28633
- });
28634
- if (mostVisibleSection) {
28635
- const index2 = Array.from(container.children).indexOf(mostVisibleSection);
28636
- if (index2 !== -1 && this.active !== index2) {
28637
- this.active = index2;
28638
- this.scrollTabIntoView(index2);
28639
- }
28640
- }
28641
- },
28642
- {
28643
- root: container,
28644
- rootMargin: "-30% 0px -70% 0px",
28645
- threshold: [0, 0.1, 0.5, 1]
28646
- }
28647
- );
28648
- sections.forEach((section) => {
28649
- this.scrollObserver.observe(section);
28650
- });
28651
- },
28652
- handleTabClick(index2) {
28645
+ handleTabClick(tab, index2) {
28653
28646
  if (this.active === index2)
28654
28647
  return;
28655
28648
  this.active = index2;
28649
+ this.apps_menus = this.allApps_menus[tab];
28650
+ if (tab !== "\u5168\u90E8") {
28651
+ this.apps_menus = simplifyMenuTree(this.apps_menus.children);
28652
+ } else {
28653
+ this.apps_menus = simplifyMenuTree(this.apps_menus);
28654
+ }
28656
28655
  this.$emit("tab-click", index2);
28657
- this.scrollTabIntoView(index2);
28658
- this.scrollToContent(index2);
28659
- },
28660
- scrollTabIntoView(index2) {
28661
- this.$nextTick(() => {
28662
- const container = this.$refs.tabsHeader;
28663
- const tab = container.children[index2];
28664
- if (tab) {
28665
- tab.scrollIntoView({
28666
- behavior: "smooth",
28667
- block: "nearest",
28668
- inline: "center"
28669
- });
28670
- }
28671
- });
28672
- },
28673
- scrollToContent(index2) {
28674
- this.$nextTick(() => {
28675
- const container = document.querySelector(".ind-my-app-container");
28676
- const targetSection = container.children[index2];
28677
- if (targetSection) {
28678
- const scrollPosition = targetSection.offsetTop - 3;
28679
- container.scrollTo({
28680
- top: scrollPosition,
28681
- behavior: "smooth"
28682
- });
28683
- }
28684
- });
28685
28656
  },
28686
28657
  edit() {
28687
28658
  this.$router.push({