zova-module-a-routerstack 5.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2016-present Zova
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.js

@@ -0,0 +1,181 @@
+import { BeanInfo, BeanScopeBase, Use, deepExtend, prepareComponentOptions, useComputed, useController } from "zova";
+import { mutate } from "mutate-on-copy";
+import { BeanModelBase, Model } from "zova-module-a-model";
+import { Controller, Scope } from "zova-module-a-bean";
+import { BeanRouterViewBase } from "zova-module-a-router";
+import { defineComponent } from "vue";
+//#region src/model/stack.ts
+var _dec$2, _dec2$2, _class$2;
+var ModelStack$1 = (_dec$2 = Model({
+	enableSelector: true,
+	max: -1
+}), _dec2$2 = BeanInfo({ module: "a-routerstack" }), _dec$2(_class$2 = _dec2$2(_class$2 = class ModelStack extends BeanModelBase {
+	constructor(...args) {
+		super(...args);
+		this.stackOptions = void 0;
+		this.tabs = void 0;
+		this.keepAliveInclude = void 0;
+	}
+	async __init__(scene, options) {
+		await super.__init__(scene);
+		this.bean._setBean("$$modelStack", this);
+		this.stackOptions = deepExtend({}, this.$onionOptions, options);
+		this.tabs = [];
+		this.keepAliveInclude = useComputed(() => {
+			return this._getKeepAliveInclude();
+		});
+		if (this.$currentRoute) this.forwardRoute(this.$currentRoute);
+	}
+	addTab(tab) {
+		return this._addTab(tab);
+	}
+	_addTab(tab) {
+		const tabKey = tab.tabKey;
+		if (!tabKey) return false;
+		const [index, tabOld] = this.findTab(tabKey);
+		if (index === -1) {
+			const tabNew = {
+				tabKey,
+				updatedAt: Date.now()
+			};
+			this.tabs = mutate(this.tabs, (copyState) => {
+				copyState.push(tabNew);
+			});
+			this.pruneTabs();
+		} else {
+			if (!this._checkIfTabNeedUpdate(tabOld, tab)) return false;
+			this.updateTab(tab);
+		}
+		return true;
+	}
+	findTab(tabKey) {
+		if (!tabKey) return [-1, void 0];
+		const index = this.tabs.findIndex((item) => item.tabKey === tabKey);
+		if (index === -1) return [index, void 0];
+		return [index, this.tabs[index]];
+	}
+	deleteTab(tabKey) {
+		if (!tabKey) return false;
+		const [index] = this.findTab(tabKey);
+		if (index === -1) return false;
+		this.tabs = mutate(this.tabs, (copyState) => {
+			copyState.splice(index, 1);
+		});
+		return true;
+	}
+	updateTab(tab) {
+		const tabKey = tab.tabKey;
+		const [index, tabOld] = this.findTab(tabKey);
+		if (index === -1 || !tabOld) return;
+		const tabNew = {
+			...tabOld,
+			tabKey,
+			updatedAt: Date.now()
+		};
+		this.tabs = mutate(this.tabs, (copyState) => {
+			copyState.splice(index, 1, tabNew);
+		});
+	}
+	async pruneTabs() {
+		let max = this.stackOptions.max;
+		if (max === void 0 || max === -1) return;
+		if (max < 1) max = 1;
+		while (true) {
+			if (this.tabs.length <= max) break;
+			let tabKey;
+			let updatedAt = Date.now();
+			for (const tab of this.tabs) if (tab.updatedAt < updatedAt) {
+				tabKey = tab.tabKey;
+				updatedAt = tab.updatedAt;
+			}
+			if (!tabKey) break;
+			this.deleteTab(tabKey);
+		}
+	}
+	_checkIfTabNeedUpdate(tabOld, _tabNew) {
+		if (this.tabs.findIndex((item) => item.tabKey !== tabOld.tabKey && (item.updatedAt ?? 0) >= (tabOld.updatedAt ?? 0)) > -1) return true;
+		return false;
+	}
+	_getKeepAliveInclude() {
+		const include = [];
+		for (const tab of this.tabs) if (!include.includes(tab.tabKey)) include.push(tab.tabKey);
+		return include;
+	}
+	backRoute(route) {
+		this.deleteTab(route.fullPath);
+	}
+	forwardRoute(route) {
+		const componentMeta = this.prepareRouteMeta(route);
+		this.addTab(componentMeta);
+	}
+	prepareRouteMeta(route) {
+		const fullPath = route.fullPath;
+		return {
+			tabKey: fullPath,
+			componentKey: fullPath,
+			fullPath
+		};
+	}
+}) || _class$2) || _class$2);
+//#endregion
+//#region src/component/routerViewStack/controller.tsx
+var _dec$1, _dec2$1, _dec3, _dec4, _class$1, _class2, _descriptor, _ControllerRouterViewStack;
+function _initializerDefineProperty(e, i, r, l) {
+	r && Object.defineProperty(e, i, {
+		enumerable: r.enumerable,
+		configurable: r.configurable,
+		writable: r.writable,
+		value: r.initializer ? r.initializer.call(l) : void 0
+	});
+}
+function _applyDecoratedDescriptor(i, e, r, n, l) {
+	var a = {};
+	return Object.keys(n).forEach(function(i) {
+		a[i] = n[i];
+	}), a.enumerable = !!a.enumerable, a.configurable = !!a.configurable, ("value" in a || a.initializer) && (a.writable = !0), a = r.slice().reverse().reduce(function(r, n) {
+		return n(i, e, r) || r;
+	}, a), l && void 0 !== a.initializer && (a.value = a.initializer ? a.initializer.call(l) : void 0, a.initializer = void 0), void 0 === a.initializer ? (Object.defineProperty(i, e, a), null) : a;
+}
+var ControllerRouterViewStack = (_dec$1 = Controller(), _dec2$1 = BeanInfo({ module: "a-routerstack" }), _dec3 = Use({ injectionScope: "skipSelf" }), _dec4 = Reflect.metadata("design:type", typeof ModelStack === "undefined" ? Object : ModelStack), _dec$1(_class$1 = _dec2$1(_class$1 = (_class2 = (_ControllerRouterViewStack = class ControllerRouterViewStack extends BeanRouterViewBase {
+	constructor(...args) {
+		super(...args);
+		_initializerDefineProperty(this, "$$modelStack", _descriptor, this);
+	}
+	backRoute(route) {
+		this.$$modelStack.backRoute(route);
+		return true;
+	}
+	forwardRoute(route) {
+		this.$$modelStack.forwardRoute(route);
+		return true;
+	}
+	prepareRouteMeta(route) {
+		return this.$$modelStack.prepareRouteMeta(route);
+	}
+	getKeepAliveInclude() {
+		return this.$$modelStack.keepAliveInclude;
+	}
+}, _ControllerRouterViewStack.$propsDefault = {}, _ControllerRouterViewStack), _descriptor = _applyDecoratedDescriptor(_class2.prototype, "$$modelStack", [_dec3, _dec4], {
+	configurable: true,
+	enumerable: true,
+	writable: true,
+	initializer: null
+}), _class2)) || _class$1) || _class$1);
+//#endregion
+//#region src/.metadata/component/routerViewStack.ts
+var ZRouterViewStack = defineComponent((_props) => {
+	useController(ControllerRouterViewStack, void 0, void 0);
+	return () => {};
+}, prepareComponentOptions());
+//#endregion
+//#region src/.metadata/index.ts
+/** components: end */
+/** scope: begin */
+var _dec, _dec2, _class;
+var components = { "routerViewStack": ZRouterViewStack };
+var ScopeModuleARouterstack = (_dec = Scope(), _dec2 = BeanInfo({ module: "a-routerstack" }), _dec(_class = _dec2(_class = class ScopeModuleARouterstack extends BeanScopeBase {}) || _class) || _class);
+/** scope: end */
+//#endregion
+export { ControllerRouterViewStack, ModelStack$1 as ModelStack, ScopeModuleARouterstack, ZRouterViewStack, components };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Use","Controller","BeanRouterViewBase","ControllerRouterViewStack","_dec","_dec2","__z_BeanInfo","module","_dec3","injectionScope","_dec4","Reflect","metadata","ModelStack","Object","_class","_class2","_ControllerRouterViewStack","constructor","args","_initializerDefineProperty","_descriptor","backRoute","route","$$modelStack","forwardRoute","prepareRouteMeta","getKeepAliveInclude","keepAliveInclude","$propsDefault","_applyDecoratedDescriptor","prototype","configurable","enumerable","writable","initializer"],"sources":["../src/model/stack.ts","../src/component/routerViewStack/controller.tsx","../src/.metadata/component/routerViewStack.ts","../src/.metadata/index.ts"],"sourcesContent":["import type { IDecoratorModelOptions } from 'zova-module-a-model';\n\nimport { RouteLocationNormalizedLoadedGeneric } from '@cabloy/vue-router';\nimport { mutate } from 'mutate-on-copy';\nimport { deepExtend, useComputed } from 'zova';\nimport { BeanModelBase, Model } from 'zova-module-a-model';\nimport { IRouteViewRouteMeta } from 'zova-module-a-router';\n\nimport { ModelStackOptions, ModelStackOptionsBase, RouteTab, RouteTabTransient } from '../types/stack.js';\n\nexport interface IModelOptionsStack extends IDecoratorModelOptions, ModelStackOptionsBase {}\n\n@Model<IModelOptionsStack>({\n  enableSelector: true,\n  max: -1,\n})\nexport class ModelStack extends BeanModelBase {\n  stackOptions: ModelStackOptions;\n  tabs: RouteTab[];\n  keepAliveInclude: string[];\n\n  protected async __init__(scene: string, options?: ModelStackOptions) {\n    await super.__init__(scene);\n    this.bean._setBean('$$modelStack', this);\n    // options\n    this.stackOptions = deepExtend({}, this.$onionOptions, options);\n    // tabs: always []\n    this.tabs = [];\n    // computed\n    this.keepAliveInclude = useComputed(() => {\n      return this._getKeepAliveInclude();\n    });\n    // first route\n    if (this.$currentRoute) {\n      this.forwardRoute(this.$currentRoute);\n    }\n  }\n\n  addTab(tab: RouteTabTransient): boolean {\n    return this._addTab(tab);\n  }\n\n  _addTab(tab: Partial<RouteTabTransient>): boolean {\n    const tabKey = tab.tabKey;\n    if (!tabKey) return false;\n    // tab\n    const [index, tabOld] = this.findTab(tabKey);\n    // tabs\n    if (index === -1) {\n      // new\n      const tabNew: RouteTab = {\n        tabKey,\n        updatedAt: Date.now(),\n      };\n      this.tabs = mutate(this.tabs, copyState => {\n        copyState.push(tabNew);\n      });\n      this.pruneTabs();\n    } else {\n      // update\n      if (!this._checkIfTabNeedUpdate(tabOld!, tab)) {\n        return false;\n      }\n      this.updateTab(tab);\n    }\n    return true;\n  }\n\n  findTab(tabKey?: string): [number, RouteTab | undefined] {\n    if (!tabKey) return [-1, undefined];\n    const index = this.tabs.findIndex(item => item.tabKey === tabKey);\n    if (index === -1) return [index, undefined];\n    return [index, this.tabs[index]];\n  }\n\n  deleteTab(tabKey?: string) {\n    if (!tabKey) return false;\n    // tabs\n    const [index] = this.findTab(tabKey);\n    if (index === -1) return false;\n    // tabs\n    this.tabs = mutate(this.tabs, copyState => {\n      copyState.splice(index, 1);\n    });\n    return true;\n  }\n\n  updateTab(tab: Partial<RouteTabTransient>) {\n    const tabKey = tab.tabKey!;\n    const [index, tabOld] = this.findTab(tabKey);\n    if (index === -1 || !tabOld) return;\n    const tabNew: RouteTab = {\n      ...tabOld,\n      tabKey,\n      updatedAt: Date.now(),\n    };\n    this.tabs = mutate(this.tabs, copyState => {\n      copyState.splice(index, 1, tabNew);\n    });\n  }\n\n  async pruneTabs() {\n    let max = this.stackOptions.max;\n    if (max === undefined || max === -1) return;\n    if (max < 1) max = 1;\n    while (true) {\n      if (this.tabs.length <= max) break;\n      let tabKey: string | undefined;\n      let updatedAt = Date.now();\n      for (const tab of this.tabs) {\n        if (tab.updatedAt < updatedAt) {\n          tabKey = tab.tabKey;\n          updatedAt = tab.updatedAt;\n        }\n      }\n      if (!tabKey) break;\n      this.deleteTab(tabKey);\n    }\n  }\n\n  // special for _addTab\n  private _checkIfTabNeedUpdate(tabOld: RouteTab, _tabNew: Partial<RouteTabTransient>) {\n    const recentTabIndex = this.tabs.findIndex(item => item.tabKey !== tabOld.tabKey && (item.updatedAt ?? 0) >= (tabOld.updatedAt ?? 0));\n    if (recentTabIndex > -1) return true;\n    return false;\n  }\n\n  private _getKeepAliveInclude() {\n    const include: string[] = [];\n    for (const tab of this.tabs) {\n      if (!include.includes(tab.tabKey)) {\n        include.push(tab.tabKey);\n      }\n    }\n    return include;\n  }\n\n  backRoute(route: RouteLocationNormalizedLoadedGeneric) {\n    this.deleteTab(route.fullPath);\n  }\n\n  forwardRoute(route: RouteLocationNormalizedLoadedGeneric) {\n    const componentMeta = this.prepareRouteMeta(route);\n    this.addTab(componentMeta);\n  }\n\n  prepareRouteMeta(route: RouteLocationNormalizedLoadedGeneric): IRouteViewRouteMeta {\n    // fullPath\n    const fullPath = route.fullPath;\n    // tab\n    return { tabKey: fullPath, componentKey: fullPath, fullPath };\n  }\n}\n","import { RouteLocationNormalizedLoadedGeneric } from '@cabloy/vue-router';\nimport { Use } from 'zova';\nimport { Controller } from 'zova-module-a-bean';\nimport { BeanRouterViewBase, IRouterViewPropsBase, IRouteViewRouteMeta } from 'zova-module-a-router';\n\nimport type { ModelStack } from '../../model/stack.js';\n\nexport interface ControllerRouterViewStackProps extends IRouterViewPropsBase {}\n\n@Controller()\nexport class ControllerRouterViewStack extends BeanRouterViewBase {\n  static $propsDefault = {};\n\n  @Use({ injectionScope: 'skipSelf' })\n  $$modelStack: ModelStack;\n\n  public backRoute(route: RouteLocationNormalizedLoadedGeneric) {\n    this.$$modelStack.backRoute(route);\n    return true;\n  }\n\n  public forwardRoute(route: RouteLocationNormalizedLoadedGeneric) {\n    this.$$modelStack.forwardRoute(route);\n    return true;\n  }\n\n  protected prepareRouteMeta(route: RouteLocationNormalizedLoadedGeneric): IRouteViewRouteMeta {\n    return this.$$modelStack.prepareRouteMeta(route);\n  }\n\n  protected getKeepAliveInclude(): string[] | undefined {\n    return this.$$modelStack.keepAliveInclude;\n  }\n}\n","import type { TypeControllerInnerProps } from 'zova';\n\nimport { defineComponent } from 'vue';\nimport { prepareComponentOptions, useController } from 'zova';\n\nimport type { ControllerRouterViewStackProps } from '../../component/routerViewStack/controller.jsx';\n\nimport { ControllerRouterViewStack } from '../../component/routerViewStack/controller.jsx';\nexport type TypeControllerRouterViewStackPublicProps = {\n  controllerRef?: (ref: ControllerRouterViewStack) => void;\n} & ControllerRouterViewStackProps;\n\ntype ControllerInnerProps = TypeControllerInnerProps<ControllerRouterViewStackProps, keyof typeof ControllerRouterViewStack.$propsDefault>;\ndeclare module 'zova-module-a-routerstack' {\n  export interface ControllerRouterViewStack {\n    $props: ControllerInnerProps;\n  }\n}\n\nexport const ZRouterViewStack = defineComponent((_props: TypeControllerRouterViewStackPublicProps) => {\n  useController(ControllerRouterViewStack, undefined, undefined);\n  return () => {};\n}, prepareComponentOptions());\n","// eslint-disable\n/** model: begin */\nexport * from '../model/stack.js';\nimport { IModelOptionsStack } from '../model/stack.js';\nimport 'zova-module-a-model';\ndeclare module 'zova-module-a-model' {\n  \n    export interface IModelRecord {\n      'a-routerstack:stack': IModelOptionsStack;\n    }\n\n  \n}\ndeclare module 'zova-module-a-routerstack' {\n  \n        export interface ModelStack {\n          /** @internal */\n          get scope(): ScopeModuleARouterstack;\n        }\n\n        export interface ModelStack {\n          get $beanFullName(): 'a-routerstack.model.stack';\n          get $onionName(): 'a-routerstack:stack';\n          get $onionOptions(): IModelOptionsStack;\n        } \n}\n/** model: end */\n/** model: begin */\nimport { ModelStack } from '../model/stack.js';\nimport 'zova';\ndeclare module 'zova' {\n  export interface IBeanRecordGeneral {\n    'a-routerstack.model.stack': ModelStack;\n  }\n}\n/** model: end */\n/** controller: begin */\nexport * from '../component/routerViewStack/controller.jsx';\n\nimport 'zova';\ndeclare module 'zova' {\n  \n  \n}\ndeclare module 'zova-module-a-routerstack' {\n  \n        export interface ControllerRouterViewStack {\n          /** @internal */\n          get scope(): ScopeModuleARouterstack;\n        } \n}\n/** controller: end */\n/** controller: begin */\nimport { ControllerRouterViewStack } from '../component/routerViewStack/controller.jsx';\nimport 'zova';\ndeclare module 'zova' {\n  export interface IBeanRecordLocal {\n    'a-routerstack.controller.routerViewStack': ControllerRouterViewStack;\n  }\n}\n/** controller: end */\n\n/** components: begin */\nexport * from './component/routerViewStack.js';\nimport { ZRouterViewStack } from './component/routerViewStack.js';\nexport const components = {\n  'routerViewStack': ZRouterViewStack,\n};\nimport 'zova';\ndeclare module 'zova' {\nexport interface IComponentRecord {\n  'a-routerstack:routerViewStack': ControllerRouterViewStack;\n}\nexport interface IZovaComponentRecord {\n  'a-routerstack:routerViewStack': typeof ZRouterViewStack;\n}\n}\n/** components: end */\n/** scope: begin */\nimport { BeanScopeBase, type BeanScopeUtil } from 'zova';\nimport { Scope } from 'zova-module-a-bean';\n\n@Scope()\nexport class ScopeModuleARouterstack extends BeanScopeBase {}\n\nexport interface ScopeModuleARouterstack {\n  util: BeanScopeUtil;\n}\n\nimport 'zova';\ndeclare module 'zova' {\n  export interface IBeanScopeRecord {\n    'a-routerstack': ScopeModuleARouterstack;\n  }\n  \n  \n\n  \n\n  \n}\n  \n/** scope: end */\n"],"mappings":"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"}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "zova-module-a-routerstack",
+  "version": "5.1.0",
+  "description": "",
+  "keywords": [
+    "Zova Module"
+  ],
+  "author": "",
+  "files": [
+    "dist",
+    "mock",
+    "rest",
+    "src",
+    "icons",
+    "assets"
+  ],
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": [
+        "./src/index.ts",
+        "./dist/index.d.ts"
+      ],
+      "default": "./dist/index.js"
+    },
+    "./*": "./*"
+  },
+  "scripts": {
+    "clean": "rimraf dist tsconfig.build.tsbuildinfo",
+    "tsc:publish": "npm run clean && zova :bin:buildModule --sourcemap",
+    "prepublishOnly": "npm run tsc:publish",
+    "prepack": "clean-package",
+    "postpack": "clean-package restore && npm run clean"
+  },
+  "title": "a-routerstack",
+  "gitHead": "bf1ceb4582381c74ba41ccf11b89d3b9e7b73628"
+}

package/rest/component/routerViewStack.ts

@@ -0,0 +1,8 @@
+import type { TypeRenderComponentJsxPropsPublic } from 'zova-jsx';
+
+import type { ControllerRouterViewStackProps } from '../../src/component/routerViewStack/controller.jsx';
+
+type TypeControllerRouterViewStackPublicProps = TypeRenderComponentJsxPropsPublic & ControllerRouterViewStackProps;
+export function ZZRouterstackRouterViewStack(_props: TypeControllerRouterViewStackPublicProps) {
+  return 'a-routerstack:routerViewStack';
+}

package/rest/components.ts

@@ -0,0 +1 @@
+export * from './component/routerViewStack.js';

package/rest/index.ts

@@ -0,0 +1 @@
+export * from './components.js';

package/src/.metadata/component/routerViewStack.ts

@@ -0,0 +1,23 @@
+import type { TypeControllerInnerProps } from 'zova';
+
+import { defineComponent } from 'vue';
+import { prepareComponentOptions, useController } from 'zova';
+
+import type { ControllerRouterViewStackProps } from '../../component/routerViewStack/controller.jsx';
+
+import { ControllerRouterViewStack } from '../../component/routerViewStack/controller.jsx';
+export type TypeControllerRouterViewStackPublicProps = {
+  controllerRef?: (ref: ControllerRouterViewStack) => void;
+} & ControllerRouterViewStackProps;
+
+type ControllerInnerProps = TypeControllerInnerProps<ControllerRouterViewStackProps, keyof typeof ControllerRouterViewStack.$propsDefault>;
+declare module 'zova-module-a-routerstack' {
+  export interface ControllerRouterViewStack {
+    $props: ControllerInnerProps;
+  }
+}
+
+export const ZRouterViewStack = defineComponent((_props: TypeControllerRouterViewStackPublicProps) => {
+  useController(ControllerRouterViewStack, undefined, undefined);
+  return () => {};
+}, prepareComponentOptions());

package/src/.metadata/index.ts

@@ -0,0 +1,103 @@
+// eslint-disable
+/** model: begin */
+export * from '../model/stack.js';
+import { IModelOptionsStack } from '../model/stack.js';
+import 'zova-module-a-model';
+declare module 'zova-module-a-model' {
+  
+    export interface IModelRecord {
+      'a-routerstack:stack': IModelOptionsStack;
+    }
+
+  
+}
+declare module 'zova-module-a-routerstack' {
+  
+        export interface ModelStack {
+          /** @internal */
+          get scope(): ScopeModuleARouterstack;
+        }
+
+        export interface ModelStack {
+          get $beanFullName(): 'a-routerstack.model.stack';
+          get $onionName(): 'a-routerstack:stack';
+          get $onionOptions(): IModelOptionsStack;
+        } 
+}
+/** model: end */
+/** model: begin */
+import { ModelStack } from '../model/stack.js';
+import 'zova';
+declare module 'zova' {
+  export interface IBeanRecordGeneral {
+    'a-routerstack.model.stack': ModelStack;
+  }
+}
+/** model: end */
+/** controller: begin */
+export * from '../component/routerViewStack/controller.jsx';
+
+import 'zova';
+declare module 'zova' {
+  
+  
+}
+declare module 'zova-module-a-routerstack' {
+  
+        export interface ControllerRouterViewStack {
+          /** @internal */
+          get scope(): ScopeModuleARouterstack;
+        } 
+}
+/** controller: end */
+/** controller: begin */
+import { ControllerRouterViewStack } from '../component/routerViewStack/controller.jsx';
+import 'zova';
+declare module 'zova' {
+  export interface IBeanRecordLocal {
+    'a-routerstack.controller.routerViewStack': ControllerRouterViewStack;
+  }
+}
+/** controller: end */
+
+/** components: begin */
+export * from './component/routerViewStack.js';
+import { ZRouterViewStack } from './component/routerViewStack.js';
+export const components = {
+  'routerViewStack': ZRouterViewStack,
+};
+import 'zova';
+declare module 'zova' {
+export interface IComponentRecord {
+  'a-routerstack:routerViewStack': ControllerRouterViewStack;
+}
+export interface IZovaComponentRecord {
+  'a-routerstack:routerViewStack': typeof ZRouterViewStack;
+}
+}
+/** components: end */
+/** scope: begin */
+import { BeanScopeBase, type BeanScopeUtil } from 'zova';
+import { Scope } from 'zova-module-a-bean';
+
+@Scope()
+export class ScopeModuleARouterstack extends BeanScopeBase {}
+
+export interface ScopeModuleARouterstack {
+  util: BeanScopeUtil;
+}
+
+import 'zova';
+declare module 'zova' {
+  export interface IBeanScopeRecord {
+    'a-routerstack': ScopeModuleARouterstack;
+  }
+  
+  
+
+  
+
+  
+}
+  
+/** scope: end */

package/src/.metadata/this.ts

@@ -0,0 +1,2 @@
+export const __ThisModule__ = 'a-routerstack';
+export { ScopeModuleARouterstack as ScopeModule } from './index.js';

package/src/component/routerViewStack/controller.tsx

@@ -0,0 +1,34 @@
+import { RouteLocationNormalizedLoadedGeneric } from '@cabloy/vue-router';
+import { Use } from 'zova';
+import { Controller } from 'zova-module-a-bean';
+import { BeanRouterViewBase, IRouterViewPropsBase, IRouteViewRouteMeta } from 'zova-module-a-router';
+
+import type { ModelStack } from '../../model/stack.js';
+
+export interface ControllerRouterViewStackProps extends IRouterViewPropsBase {}
+
+@Controller()
+export class ControllerRouterViewStack extends BeanRouterViewBase {
+  static $propsDefault = {};
+
+  @Use({ injectionScope: 'skipSelf' })
+  $$modelStack: ModelStack;
+
+  public backRoute(route: RouteLocationNormalizedLoadedGeneric) {
+    this.$$modelStack.backRoute(route);
+    return true;
+  }
+
+  public forwardRoute(route: RouteLocationNormalizedLoadedGeneric) {
+    this.$$modelStack.forwardRoute(route);
+    return true;
+  }
+
+  protected prepareRouteMeta(route: RouteLocationNormalizedLoadedGeneric): IRouteViewRouteMeta {
+    return this.$$modelStack.prepareRouteMeta(route);
+  }
+
+  protected getKeepAliveInclude(): string[] | undefined {
+    return this.$$modelStack.keepAliveInclude;
+  }
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+export * from './.metadata/index.js';
+export * from './types/index.js';

package/src/model/stack.ts

@@ -0,0 +1,153 @@
+import type { IDecoratorModelOptions } from 'zova-module-a-model';
+
+import { RouteLocationNormalizedLoadedGeneric } from '@cabloy/vue-router';
+import { mutate } from 'mutate-on-copy';
+import { deepExtend, useComputed } from 'zova';
+import { BeanModelBase, Model } from 'zova-module-a-model';
+import { IRouteViewRouteMeta } from 'zova-module-a-router';
+
+import { ModelStackOptions, ModelStackOptionsBase, RouteTab, RouteTabTransient } from '../types/stack.js';
+
+export interface IModelOptionsStack extends IDecoratorModelOptions, ModelStackOptionsBase {}
+
+@Model<IModelOptionsStack>({
+  enableSelector: true,
+  max: -1,
+})
+export class ModelStack extends BeanModelBase {
+  stackOptions: ModelStackOptions;
+  tabs: RouteTab[];
+  keepAliveInclude: string[];
+
+  protected async __init__(scene: string, options?: ModelStackOptions) {
+    await super.__init__(scene);
+    this.bean._setBean('$$modelStack', this);
+    // options
+    this.stackOptions = deepExtend({}, this.$onionOptions, options);
+    // tabs: always []
+    this.tabs = [];
+    // computed
+    this.keepAliveInclude = useComputed(() => {
+      return this._getKeepAliveInclude();
+    });
+    // first route
+    if (this.$currentRoute) {
+      this.forwardRoute(this.$currentRoute);
+    }
+  }
+
+  addTab(tab: RouteTabTransient): boolean {
+    return this._addTab(tab);
+  }
+
+  _addTab(tab: Partial<RouteTabTransient>): boolean {
+    const tabKey = tab.tabKey;
+    if (!tabKey) return false;
+    // tab
+    const [index, tabOld] = this.findTab(tabKey);
+    // tabs
+    if (index === -1) {
+      // new
+      const tabNew: RouteTab = {
+        tabKey,
+        updatedAt: Date.now(),
+      };
+      this.tabs = mutate(this.tabs, copyState => {
+        copyState.push(tabNew);
+      });
+      this.pruneTabs();
+    } else {
+      // update
+      if (!this._checkIfTabNeedUpdate(tabOld!, tab)) {
+        return false;
+      }
+      this.updateTab(tab);
+    }
+    return true;
+  }
+
+  findTab(tabKey?: string): [number, RouteTab | undefined] {
+    if (!tabKey) return [-1, undefined];
+    const index = this.tabs.findIndex(item => item.tabKey === tabKey);
+    if (index === -1) return [index, undefined];
+    return [index, this.tabs[index]];
+  }
+
+  deleteTab(tabKey?: string) {
+    if (!tabKey) return false;
+    // tabs
+    const [index] = this.findTab(tabKey);
+    if (index === -1) return false;
+    // tabs
+    this.tabs = mutate(this.tabs, copyState => {
+      copyState.splice(index, 1);
+    });
+    return true;
+  }
+
+  updateTab(tab: Partial<RouteTabTransient>) {
+    const tabKey = tab.tabKey!;
+    const [index, tabOld] = this.findTab(tabKey);
+    if (index === -1 || !tabOld) return;
+    const tabNew: RouteTab = {
+      ...tabOld,
+      tabKey,
+      updatedAt: Date.now(),
+    };
+    this.tabs = mutate(this.tabs, copyState => {
+      copyState.splice(index, 1, tabNew);
+    });
+  }
+
+  async pruneTabs() {
+    let max = this.stackOptions.max;
+    if (max === undefined || max === -1) return;
+    if (max < 1) max = 1;
+    while (true) {
+      if (this.tabs.length <= max) break;
+      let tabKey: string | undefined;
+      let updatedAt = Date.now();
+      for (const tab of this.tabs) {
+        if (tab.updatedAt < updatedAt) {
+          tabKey = tab.tabKey;
+          updatedAt = tab.updatedAt;
+        }
+      }
+      if (!tabKey) break;
+      this.deleteTab(tabKey);
+    }
+  }
+
+  // special for _addTab
+  private _checkIfTabNeedUpdate(tabOld: RouteTab, _tabNew: Partial<RouteTabTransient>) {
+    const recentTabIndex = this.tabs.findIndex(item => item.tabKey !== tabOld.tabKey && (item.updatedAt ?? 0) >= (tabOld.updatedAt ?? 0));
+    if (recentTabIndex > -1) return true;
+    return false;
+  }
+
+  private _getKeepAliveInclude() {
+    const include: string[] = [];
+    for (const tab of this.tabs) {
+      if (!include.includes(tab.tabKey)) {
+        include.push(tab.tabKey);
+      }
+    }
+    return include;
+  }
+
+  backRoute(route: RouteLocationNormalizedLoadedGeneric) {
+    this.deleteTab(route.fullPath);
+  }
+
+  forwardRoute(route: RouteLocationNormalizedLoadedGeneric) {
+    const componentMeta = this.prepareRouteMeta(route);
+    this.addTab(componentMeta);
+  }
+
+  prepareRouteMeta(route: RouteLocationNormalizedLoadedGeneric): IRouteViewRouteMeta {
+    // fullPath
+    const fullPath = route.fullPath;
+    // tab
+    return { tabKey: fullPath, componentKey: fullPath, fullPath };
+  }
+}

package/src/types/index.ts

@@ -0,0 +1 @@
+export * from './stack.js';

package/src/types/stack.ts

@@ -0,0 +1,18 @@
+import type { IRouteViewRouteMeta } from 'zova-module-a-router';
+
+export interface ModelStackOptionsBase {
+  /** -1: infinite 0: Affix Only  */
+  max?: number;
+}
+
+export interface ModelStackOptions extends ModelStackOptionsBase {}
+
+export interface RouteTabBase {
+  tabKey: string;
+}
+
+export interface RouteTabTransient extends IRouteViewRouteMeta {}
+
+export interface RouteTab extends RouteTabBase {
+  updatedAt: number;
+}