@oinone/kunlun-vue-admin-layout 7.2.13 → 7.2.14

package/dist/types/src/component/breadcrumb/BreadcrumbWidget.d.ts

@@ -1,4 +1,4 @@
-import { type ReloadMaskCallChainingParameters, type RuntimeViewAction } from '@oinone/kunlun-engine';
+import { type IMultiTabsManager, type MultiTabInstance, type ReloadMaskCallChainingParameters, type RuntimeViewAction } from '@oinone/kunlun-engine';
 import { type Matched, Router } from '@oinone/kunlun-router';
 import { TreeNode } from '@oinone/kunlun-shared';
 import { MaskWidget } from '../../basic';
@@ -29,5 +29,7 @@ export declare class BreadcrumbWidget extends MaskWidget {
     protected refreshItems(model: string, action: string, parameters: MenuUrlParameters | undefined): Promise<void>;
     protected refreshViewTitle(model: string, action: string, parameters?: Record<string, unknown>): Promise<void>;
     protected reloadMaskProcess(reloadParameters: ReloadMaskCallChainingParameters): Promise<void>;
+    protected onActiveTab(manager: IMultiTabsManager, instance: MultiTabInstance): Promise<void>;
     protected $$mounted(): void;
+    protected $$unmounted(): void;
 }

package/dist/types/src/component/layout/MaskBlock.vue.d.ts

@@ -0,0 +1,24 @@
+import type { CSSStyle } from '@oinone/kunlun-shared';
+import { type PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+    };
+    classNames: {
+        type: PropType<string | string[]>;
+    };
+    style: {
+        type: PropType<string | CSSStyle>;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+    };
+    classNames: {
+        type: PropType<string | string[]>;
+    };
+    style: {
+        type: PropType<string | CSSStyle>;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/src/component/multi-tabs/MultiTabsWidget.d.ts

@@ -52,8 +52,8 @@ export declare class MultiTabsWidget extends MaskWidget {
     protected generatorTabTitle(tab: MultiTabInstance): string;
     protected reloadActiveTab(): Promise<void>;
     protected reloadMainViewProcess(reloadParameters: ReloadMainViewCallChainingParameters): Promise<void>;
-    protected onActive: (manager: IMultiTabsManager, instance: MultiTabInstance) => void;
-    protected onClose: (manager: IMultiTabsManager, instance: MultiTabInstance) => void;
+    protected onActive(manager: IMultiTabsManager, instance: MultiTabInstance): void;
+    protected onClose(manager: IMultiTabsManager, instance: MultiTabInstance): void;
     protected $$created(): void;
     protected $$mounted(): void;
     protected $$unmounted(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oinone/kunlun-vue-admin-layout",
-  "version": "7.2.13",
+  "version": "7.2.14",
   "type": "module",
   "main": "dist/oinone-kunlun-vue-admin-layout.esm.js",
   "scripts": {
@@ -18,14 +18,15 @@
     "doc": "typedoc --out docs src/index.ts"
   },
   "dependencies": {
-    "@oinone/kunlun-vue-router": "7.2.13",
-    "@oinone/kunlun-vue-ui": "7.2.13",
-    "@oinone/kunlun-vue-ui-antd": "7.2.13",
-    "@oinone/kunlun-vue-ui-common": "7.2.13",
-    "@oinone/kunlun-vue-widget": "7.2.13",
+    "@oinone/kunlun-vue-router": "7.2.14",
+    "@oinone/kunlun-vue-ui": "7.2.14",
+    "@oinone/kunlun-vue-ui-antd": "7.2.14",
+    "@oinone/kunlun-vue-ui-common": "7.2.14",
+    "@oinone/kunlun-vue-widget": "7.2.14",
     "vue-json-pretty": "^2.4.0"
   },
   "devDependencies": {
+    "@oinone/kunlun-compile": "~7.2.0",
     "@oinone/kunlun-dsl": "~7.2.0",
     "@oinone/kunlun-engine": "~7.2.0",
     "@oinone/kunlun-environment": "~7.2.0",
@@ -42,6 +43,7 @@
     "graphql": "15.8.0",
     "graphql-tag": "2.12.6",
     "lodash-es": "4.17.21",
+    "rollup": "4.53.5",
     "sass": "1.97.0",
     "sass-loader": "16.0.6"
   },

package/src/component/breadcrumb/BreadcrumbWidget.ts

@@ -2,6 +2,9 @@ import {
   BreadcrumbConfigManager,
   executeViewAction,
   generatorViewActionQueryParameter,
+  type IMultiTabsManager,
+  type MultiTabInstance,
+  MultiTabsManager,
   type ReloadMaskCallChainingParameters,
   type RuntimeViewAction,
   ViewActionCache
@@ -159,9 +162,38 @@ export class BreadcrumbWidget extends MaskWidget {
     ]);
   }
 
+  protected async onActiveTab(manager: IMultiTabsManager, instance: MultiTabInstance) {
+    const { action: runtimeViewAction, parameters } = instance.stack[instance.stack.length - 1];
+    if (!parameters) {
+      return;
+    }
+    const { module, model, action } = parameters;
+    if (!module || !model || !action) {
+      return;
+    }
+
+    await this.reloadMaskProcess({
+      module,
+      model,
+      action,
+
+      viewName: runtimeViewAction.resViewName,
+      viewType: runtimeViewAction.resViewType,
+      target: runtimeViewAction.target,
+
+      currentPage: parameters
+    });
+  }
+
   protected $$mounted() {
     super.$$mounted();
     this.matched = useMatched().matched;
     this.router = useRouter().router;
+    MultiTabsManager.INSTANCE.onActive(this.onActiveTab.bind(this));
+  }
+
+  protected $$unmounted() {
+    super.$$unmounted();
+    MultiTabsManager.INSTANCE.clearOnActive(this.onActiveTab);
   }
 }

package/src/component/multi-tabs/MultiTabsWidget.ts

@@ -407,17 +407,17 @@ export class MultiTabsWidget extends MaskWidget {
     await this.reloadActiveTab();
   }
 
-  protected onActive = (manager: IMultiTabsManager, instance: MultiTabInstance) => {
+  protected onActive(manager: IMultiTabsManager, instance: MultiTabInstance) {
     this.activeKey = instance.key;
-  };
+  }
 
-  protected onClose = (manager: IMultiTabsManager, instance: MultiTabInstance) => {
+  protected onClose(manager: IMultiTabsManager, instance: MultiTabInstance) {
     const { key } = instance;
     const targetTab = this.getTabs().find((v) => v.key === key);
     if (targetTab) {
       this.onCloseTab(targetTab);
     }
-  };
+  }
 
   protected $$created(): void {
     super.$$created();

package/dist/types/src/component/divider/Divider.vue.d.ts

@@ -1,88 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
-    ADivider: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-            prefixCls: StringConstructor;
-            type: {
-                type: import("vue").PropType<"" | "vertical" | "horizontal">;
-                default: string;
-            };
-            dashed: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            orientation: {
-                type: import("vue").PropType<"left" | "right" | "center">;
-                default: string;
-            };
-            plain: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            orientationMargin: (StringConstructor | NumberConstructor)[];
-        }>> & Readonly<{}>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-            type: "" | "vertical" | "horizontal";
-            dashed: boolean;
-            orientation: "left" | "right" | "center";
-            plain: boolean;
-        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
-            prefixCls: StringConstructor;
-            type: {
-                type: import("vue").PropType<"" | "vertical" | "horizontal">;
-                default: string;
-            };
-            dashed: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            orientation: {
-                type: import("vue").PropType<"left" | "right" | "center">;
-                default: string;
-            };
-            plain: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            orientationMargin: (StringConstructor | NumberConstructor)[];
-        }>> & Readonly<{}>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, {
-            type: "" | "vertical" | "horizontal";
-            dashed: boolean;
-            orientation: "left" | "right" | "center";
-            plain: boolean;
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        prefixCls: StringConstructor;
-        type: {
-            type: import("vue").PropType<"" | "vertical" | "horizontal">;
-            default: string;
-        };
-        dashed: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        orientation: {
-            type: import("vue").PropType<"left" | "right" | "center">;
-            default: string;
-        };
-        plain: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        orientationMargin: (StringConstructor | NumberConstructor)[];
-    }>> & Readonly<{}>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        type: "" | "vertical" | "horizontal";
-        dashed: boolean;
-        orientation: "left" | "right" | "center";
-        plain: boolean;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & (import("vue").AllowedComponentProps & (import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]>));
-}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;