@ibiz-template/vue3-components 0.7.38-alpha.12 → 0.7.38-alpha.31

package/es/web-app/guard/auth-guard/auth-guard.mjs

@@ -34,40 +34,44 @@ class AuthGuard {
   }
   /**
    * 总的入口校验
-   * @author lxm
-   * @date 2024-02-21 10:43:55
-   * @param {boolean} notLogin
+   *
+   * @author tony001
+   * @date 2024-11-12 14:11:32
+   * @param {IParams} context
+   * @param {boolean} [notLogin=true]
    * @return {*}  {Promise<boolean>}
    */
-  async verify(notLogin = true) {
+  async verify(context, notLogin = true) {
     if (notLogin) {
       let result = true;
       try {
         if (ibiz.env.enableAnonymous) {
-          await this.anonymousValidate();
+          await this.anonymousValidate(context);
         }
-        await this.appInit();
+        await this.appInit(context);
       } catch (error) {
         result = false;
         ibiz.util.error.handle(error);
       }
       return result;
     }
-    await this.initModel(false);
+    await this.initModel(context, false);
     return true;
   }
   /**
    * 匿名登录相关校验逻辑，不通过会抛异常
-   * @author lxm
-   * @date 2024-01-03 07:29:30
+   *
+   * @author tony001
+   * @date 2024-11-12 14:11:27
+   * @param {IParams} context
    * @return {*}  {Promise<void>}
    */
-  async anonymousValidate() {
+  async anonymousValidate(context) {
     const authInfo = ibiz.auth.getAuthInfo();
     if (authInfo && !authInfo.isAnonymous) {
       return;
     }
-    await this.initModel(false);
+    await this.initModel(context, false);
     const urlPaths = window.location.hash.split("/");
     const viewName = urlPaths[urlPaths.length - 2];
     let viewModel;
@@ -100,11 +104,12 @@ class AuthGuard {
   /**
    * 应用参数初始化
    *
-   * @author chitanda
-   * @date 2022-07-20 19:07:54
+   * @author tony001
+   * @date 2024-11-12 14:11:06
+   * @param {IParams} context
    * @return {*}  {Promise<void>}
    */
-  async appInit() {
+  async appInit(context) {
     try {
       if (ibiz.env.isSaaSMode === true) {
         await this.loadOrgData();
@@ -128,19 +133,21 @@ class AuthGuard {
         throw error;
       }
     }
-    await this.initModel();
+    await this.initModel(context);
     await ibiz.auth.extendLogin();
     await ibiz.hub.notice.init();
     await ibiz.util.theme.initCustomTheme();
   }
   /**
    * 初始化模型
-   * @author lxm
-   * @date 2024-02-21 10:48:36
-   * @param {boolean} [permission=true]
+   *
+   * @author tony001
+   * @date 2024-11-12 14:11:43
+   * @param {IParams} context
+   * @param {boolean} [_permission=true]
    * @return {*}  {Promise<void>}
    */
-  async initModel(_permission = true) {
+  async initModel(context, _permission = true) {
   }
   /**
    * 加载应用数据

package/es/web-app/guard/auth-guard/dyna-auth-guard.d.ts

@@ -2,5 +2,5 @@ import { AuthGuard } from './auth-guard';
 export declare class DynaAuthGuard extends AuthGuard {
     hasModelInit: boolean;
     noPermissionModel: boolean;
-    initModel(permission?: boolean): Promise<void>;
+    initModel(context: IParams, permission?: boolean): Promise<void>;
 }

package/es/web-app/guard/auth-guard/dyna-auth-guard.mjs

@@ -16,7 +16,7 @@ class DynaAuthGuard extends AuthGuard {
     __publicField(this, "hasModelInit", false);
     __publicField(this, "noPermissionModel", false);
   }
-  async initModel(permission = true) {
+  async initModel(context, permission = true) {
     if (!this.hasModelInit || this.hasModelInit && this.noPermissionModel !== permission) {
       ibiz.hub.reset();
       const helper = new ModelHelper(
@@ -29,6 +29,7 @@ class DynaAuthGuard extends AuthGuard {
           return res.data;
         },
         ibiz.env.appId,
+        context,
         permission
       );
       const tempApp = await helper.getAppModel();

package/es/web-app/main.mjs

@@ -62,7 +62,9 @@ async function runApp(plugins, opts) {
   } else {
     authGuard = new DynaAuthGuard();
   }
-  AppRouter.setAuthGuard((notLogin) => authGuard.verify(notLogin));
+  AppRouter.setAuthGuard(
+    (context, notLogin) => authGuard.verify(context, notLogin)
+  );
   app.use(AppRouter.getRouter());
   ibiz.appUtil = new AppUtil(AppRouter.getRouter());
   ibiz.openView = new OpenViewUtil(AppRouter.getRouter());

package/es/web-app/router/index.d.ts

@@ -1,8 +1,9 @@
-import { Router } from 'vue-router';
+import { RouteLocationNormalized, Router } from 'vue-router';
 import 'nprogress/nprogress.css';
 export declare class AppRouter {
     private static router?;
     private static authGuard;
-    static setAuthGuard(authGuard: (notLogin?: boolean) => Promise<boolean>): void;
+    static setAuthGuard(authGuard: (context: IParams, notLogin?: boolean) => Promise<boolean>): void;
+    static getAppContext(route: RouteLocationNormalized): IParams;
     static getRouter(): Router;
 }

package/es/web-app/router/index.mjs

@@ -1,4 +1,5 @@
 import { createRouter, createWebHashHistory } from 'vue-router';
+import qs from 'qs';
 import { AppRedirectView } from '@ibiz-template/vue3-util';
 import { RouteConst } from '@ibiz-template/runtime';
 import NProgress from '../../node_modules/.pnpm/nprogress@0.2.0/node_modules/nprogress/nprogress.mjs';
@@ -22,6 +23,16 @@ class AppRouter {
   static setAuthGuard(authGuard) {
     this.authGuard = authGuard;
   }
+  static getAppContext(route) {
+    let appContext = {};
+    if (route.params.appContext && route.params.appContext !== ibiz.env.routePlaceholder) {
+      appContext = qs.parse(route.params.appContext, {
+        strictNullHandling: true,
+        delimiter: ";"
+      });
+    }
+    return appContext;
+  }
   static getRouter() {
     const placeholder = ibiz.env.routePlaceholder;
     const paramReg = "[^/]+=[^/]+|".concat(placeholder);
@@ -39,7 +50,7 @@ class AppRouter {
             path: "/login",
             name: "loginView",
             beforeEnter: async (_to, _from, next) => {
-              await this.authGuard(false);
+              await this.authGuard(this.getAppContext(_to), false);
               next();
             },
             component: LoginView
@@ -48,7 +59,7 @@ class AppRouter {
             path: "/share",
             name: "shareView",
             beforeEnter: async (_to, _from, next) => {
-              const authority = await this.authGuard();
+              const authority = await this.authGuard(this.getAppContext(_to));
               if (authority) {
                 next();
               } else {
@@ -66,7 +77,7 @@ class AppRouter {
             path: "/appredirectview",
             name: "appRedirectView",
             beforeEnter: async (_to, _from, next) => {
-              const authority = await this.authGuard();
+              const authority = await this.authGuard(this.getAppContext(_to));
               if (authority) {
                 next();
               } else {
@@ -78,7 +89,7 @@ class AppRouter {
           {
             path: "/:appContext(".concat(paramReg, ")/:view1(").concat(viewReg, ")/:params1(").concat(paramReg, ")"),
             beforeEnter: async (_to, _from, next) => {
-              const authority = await this.authGuard();
+              const authority = await this.authGuard(this.getAppContext(_to));
               if (authority) {
                 next();
               } else {

package/lib/common/action-toolbar/action-toolbar.cjs

@@ -40,10 +40,11 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
+    var _a;
     const ns = vue3Util.useNamespace("action-toolbar");
     const dropdownRef = vue.ref();
     const popoverVisible = vue.ref(false);
-    props.actionDetails.forEach((detail) => {
+    (_a = props.actionDetails) == null ? void 0 : _a.forEach((detail) => {
       if (detail.capLanguageRes && detail.capLanguageRes.lanResTag) {
         detail.caption = ibiz.i18n.t(detail.capLanguageRes.lanResTag, detail.caption);
       }
@@ -92,6 +93,7 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
+    var _a;
     const details = this.actionDetails || [];
     const renderDivider = (isExpand) => {
       return vue.createVNode(vue.resolveComponent("el-divider"), {
@@ -102,7 +104,8 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
     };
     const renderActions = (items, isExpand = true) => {
       return items.map((detail) => {
-        if (this.actionsState[detail.id].visible) {
+        var _a2;
+        if ((_a2 = this.actionsState[detail.id]) == null ? void 0 : _a2.visible) {
           return [detail.addSeparator && renderDivider(isExpand), vue.createVNode(vue.resolveComponent("el-button"), {
             "text": true,
             "size": "small",
@@ -162,7 +165,7 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
         default: () => [_slot]
       })];
     };
-    if (!this.actionsState.visible) {
+    if (!((_a = this.actionsState) == null ? void 0 : _a.visible)) {
       return;
     }
     if (this.mode === "buttons") {

package/lib/common/action-toolbar/action-toolbar.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-action-toolbar{--ibiz-action-toolbar-item-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-none);--ibiz-action-toolbar-separator-height:var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-separator-width:var(--ibiz-spacing-super-tight);--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);display:flex;flex-wrap:wrap}.ibiz-action-toolbar__item{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none);margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__item--icon.is-has-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);margin-left:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-width-icon-medium)}.ibiz-action-toolbar__item--label.is-has-caption{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-action-toolbar__item+.ibiz-action-toolbar__item{margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__separator{height:auto}.ibiz-action-toolbar__popover{--ibiz-action-toolbar-item-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-none);--ibiz-action-toolbar-separator-height:var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-separator-width:var(--ibiz-spacing-super-tight);--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);width:auto!important;min-width:150px;--el-popover-padding:var(--ibiz-action-toolbar-popover-padding)}.ibiz-action-toolbar__popover .el-button{--el-button-size:getCssVar("height-control", "large");display:block;width:100%;padding:var(--ibiz-action-toolbar-popover-button-padding);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-action-toolbar-popover-button-color);text-align:left;border-radius:0}.ibiz-action-toolbar__popover .el-button:hover{background-color:var(--ibiz-action-toolbar-popover-button-hover-bg)}.ibiz-action-toolbar__popover .el-button .ibiz-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-action-toolbar__popover .ibiz-action-toolbar__separator{margin:var(--ibiz-spacing-none)}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption{cursor:pointer}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption-icon{vertical-align:bottom}
+@charset "UTF-8";.ibiz-action-toolbar{--ibiz-action-toolbar-item-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-none);--ibiz-action-toolbar-separator-height:var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-separator-width:var(--ibiz-spacing-super-tight);--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);display:flex;flex-wrap:wrap}.ibiz-action-toolbar__item{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none);margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__item--icon.is-has-icon{display:flex;align-items:baseline;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);margin-left:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-width-icon-medium)}.ibiz-action-toolbar__item--label.is-has-caption{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-action-toolbar__item+.ibiz-action-toolbar__item{margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__separator{height:auto}.ibiz-action-toolbar__popover{--ibiz-action-toolbar-item-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-none);--ibiz-action-toolbar-separator-height:var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-separator-width:var(--ibiz-spacing-super-tight);--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);width:auto!important;min-width:150px;--el-popover-padding:var(--ibiz-action-toolbar-popover-padding)}.ibiz-action-toolbar__popover .el-button{--el-button-size:getCssVar("height-control", "large");display:block;width:100%;padding:var(--ibiz-action-toolbar-popover-button-padding);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-action-toolbar-popover-button-color);text-align:left;border-radius:0}.ibiz-action-toolbar__popover .el-button:hover{background-color:var(--ibiz-action-toolbar-popover-button-hover-bg)}.ibiz-action-toolbar__popover .el-button .ibiz-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-action-toolbar__popover .ibiz-action-toolbar__separator{margin:var(--ibiz-spacing-none)}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption{cursor:pointer}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption-icon{vertical-align:bottom}

package/lib/common/anchor-container/anchor-bar-list/anchor-bar-list.css

@@ -1 +1 @@
-.ibiz-anchor-bar-list{--ibiz-anchor-bar-item-height:32px;--ibiz-anchor-bar-selected-icon-width:4px;position:relative}.ibiz-anchor-bar-list__item{height:var(--ibiz-anchor-bar-item-height);padding-left:var(--ibiz-spacing-base);overflow:hidden;font-size:var(--ibiz-font-size-header-6);line-height:var(--ibiz-anchor-bar-item-height);color:var(--ibiz-color-text-3);text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.ibiz-anchor-bar-list__item--title{display:block;width:100%;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ibiz-anchor-bar-list__item.is-selected{position:relative;font-size:var(--ibiz-font-size-header-5);font-weight:var(--ibiz-font-weight-bold);color:var(--ibiz-color-primary-active)}.ibiz-anchor-bar-list__item.is-selected::after{position:absolute;top:0;left:0;width:var(--ibiz-anchor-bar-selected-icon-width);height:100%;content:"";background-color:var(--ibiz-color-primary);border-radius:calc(var(--ibiz-anchor-bar-selected-icon-width)/ 2)}.ibiz-anchor-bar-list__item:hover{color:var(--ibiz-color-primary-hover)}.ibiz-anchor-bar-list::before{position:absolute;top:0;left:0;width:var(--ibiz-anchor-bar-selected-icon-width);height:100%;content:"";background-color:var(--ibiz-color-fill-0)}.ibiz-anchor-bar-list.is-usermode{display:flex;align-items:center;width:100%;height:100%}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item{display:flex;flex:1;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;font-size:var(--ibiz-font-size-header-6);color:var(--ibiz-color-text-3);cursor:pointer}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item--title{display:block;width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item.is-selected{position:relative;font-size:var(--ibiz-font-size-header-5);font-weight:var(--ibiz-font-weight-bold);color:var(--ibiz-color-primary-active)}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item.is-selected::after{position:absolute;top:unset;bottom:0;left:0;width:100%;height:var(--ibiz-anchor-bar-selected-icon-width);content:"";background-color:var(--ibiz-color-primary);border-radius:calc(var(--ibiz-anchor-bar-selected-icon-width)/ 2)}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item:hover{color:var(--ibiz-color-primary-hover)}.ibiz-anchor-bar-list.is-usermode::before{position:absolute;top:unset;bottom:0;left:0;width:100%;height:var(--ibiz-anchor-bar-selected-icon-width);content:"";background-color:var(--ibiz-color-fill-0)}
+.ibiz-anchor-bar-list{--ibiz-anchor-bar-item-height:32px;--ibiz-anchor-bar-selected-icon-width:4px;--ibiz-anchor-bar-hover-color:var(--ibiz-color-primary-hover);--ibiz-anchor-bar-select-color:var(--ibiz-color-primary-active);--ibiz-anchor-bar-select-bar-color:var(--ibiz-color-primary);position:relative}.ibiz-anchor-bar-list__item{height:var(--ibiz-anchor-bar-item-height);padding-left:var(--ibiz-spacing-base);overflow:hidden;font-size:var(--ibiz-font-size-header-6);line-height:var(--ibiz-anchor-bar-item-height);color:var(--ibiz-color-text-3);text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.ibiz-anchor-bar-list__item--title{display:block;width:100%;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ibiz-anchor-bar-list__item.is-selected{position:relative;font-size:var(--ibiz-font-size-header-5);font-weight:var(--ibiz-font-weight-bold);color:var(--ibiz-anchor-bar-select-color)}.ibiz-anchor-bar-list__item.is-selected::after{position:absolute;top:0;left:0;width:var(--ibiz-anchor-bar-selected-icon-width);height:100%;content:"";background-color:var(--ibiz-anchor-bar-select-bar-color);border-radius:calc(var(--ibiz-anchor-bar-selected-icon-width)/ 2)}.ibiz-anchor-bar-list__item:hover{color:var(--ibiz-anchor-bar-hover-color)}.ibiz-anchor-bar-list::before{position:absolute;top:0;left:0;width:var(--ibiz-anchor-bar-selected-icon-width);height:100%;content:"";background-color:var(--ibiz-color-fill-0)}.ibiz-anchor-bar-list.is-usermode{display:flex;align-items:center;width:100%;height:100%}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item{display:flex;flex:1;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;font-size:var(--ibiz-font-size-header-6);color:var(--ibiz-color-text-3);cursor:pointer}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item--title{display:block;width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item.is-selected{position:relative;font-size:var(--ibiz-font-size-header-5);font-weight:var(--ibiz-font-weight-bold);color:var(--ibiz-color-primary-active)}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item.is-selected::after{position:absolute;top:unset;bottom:0;left:0;width:100%;height:var(--ibiz-anchor-bar-selected-icon-width);content:"";background-color:var(--ibiz-color-primary);border-radius:calc(var(--ibiz-anchor-bar-selected-icon-width)/ 2)}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item:hover{color:var(--ibiz-color-primary-hover)}.ibiz-anchor-bar-list.is-usermode::before{position:absolute;top:unset;bottom:0;left:0;width:100%;height:var(--ibiz-anchor-bar-selected-icon-width);content:"";background-color:var(--ibiz-color-fill-0)}

package/lib/common/control-navigation/control-navigation.cjs

@@ -0,0 +1,118 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var index = require('./provider/index.cjs');
+require('./control-navigation.css');
+
+"use strict";
+const IBizControlNavigation = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizControlNavigation",
+  props: {
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    var _a;
+    const ns = vue3Util.useNamespace("control-navigation");
+    const provider = index.getNavigationProvider(props.controller);
+    const outerWrapper = vue.ref(null);
+    const {
+      navViewPos,
+      controlParam,
+      navViewWidth,
+      navViewHeight,
+      navViewMinWidth,
+      navViewMaxWidth,
+      navViewMinHeight,
+      navViewMaxHeight
+    } = props.controller.model;
+    const navStyle = {
+      minWidth: navViewMinWidth ? navViewMinWidth > 0 ? "".concat(navViewMinWidth, "px") : navViewMinWidth : void 0,
+      maxWidth: navViewMaxWidth ? navViewMaxWidth > 0 ? "".concat(navViewMaxWidth, "px") : navViewMaxWidth : void 0,
+      minHeight: navViewMinHeight ? navViewMinHeight > 0 ? "".concat(navViewMinHeight, "px") : navViewMinHeight : void 0,
+      maxHeight: navViewMaxHeight ? navViewMaxHeight > 0 ? "".concat(navViewMaxHeight, "px") : navViewMaxHeight : void 0
+    };
+    const navViewMsg = vue.ref();
+    const navRenderMode = ((_a = controlParam == null ? void 0 : controlParam.ctrlParams) == null ? void 0 : _a.navRenderMode) ? controlParam.ctrlParams.navRenderMode : "RELOAD";
+    const splitValue = vue.ref(0.5);
+    const splitMode = vue.ref(["BOTTOM", "ANY_BOTTOM"].includes(navViewPos) ? "vertical" : "horizontal");
+    vue.watch(() => provider.navViewMsg.value, (newVal, oldVal) => {
+      if (navRenderMode === "REDRAW" || !newVal || oldVal && newVal.viewId !== oldVal.viewId) {
+        navViewMsg.value = newVal;
+      } else {
+        navViewMsg.value = {
+          context: newVal.context,
+          params: newVal.params,
+          viewId: newVal.viewId
+        };
+      }
+    }, {
+      deep: true,
+      immediate: true
+    });
+    vue.onMounted(() => {
+      if (outerWrapper.value) {
+        const offsetSize = splitMode.value === "horizontal" ? "offsetWidth" : "offsetHeight";
+        const size = outerWrapper.value[offsetSize];
+        const viewSize = splitMode.value === "horizontal" ? navViewWidth : navViewHeight;
+        if (viewSize) {
+          if (viewSize > 0 && viewSize < 1) {
+            splitValue.value = 1 - viewSize;
+          } else {
+            splitValue.value = "".concat(size - viewSize, "px");
+          }
+        }
+      }
+    });
+    const renderNavView = () => {
+      if (navViewMsg.value) {
+        return vue.h(vue.resolveComponent("IBizViewShell"), {
+          ...navViewMsg.value,
+          class: ns.e("nav-view")
+        });
+      }
+    };
+    return {
+      ns,
+      navStyle,
+      provider,
+      splitMode,
+      splitValue,
+      outerWrapper,
+      renderNavView
+    };
+  },
+  render() {
+    var _a, _b, _c, _d, _e;
+    const {
+      state,
+      model
+    } = this.controller;
+    return vue.createVNode("div", {
+      "ref": "outerWrapper",
+      "class": [this.ns.b(), this.ns.e((_a = model.controlType) == null ? void 0 : _a.toLowerCase())]
+    }, [state.enableNavView ? state.showNavView ? vue.createVNode(vue.resolveComponent("iBizNavSplit"), {
+      "modelValue": this.splitValue,
+      "onUpdate:modelValue": ($event) => this.splitValue = $event,
+      "mode": this.splitMode,
+      "min": this.splitMode === "horizontal" ? this.navStyle.minWidth : this.navStyle.minHeight,
+      "max": this.splitMode === "horizontal" ? this.navStyle.maxWidth : this.navStyle.maxHeight
+    }, {
+      left: () => {
+        var _a2, _b2;
+        return (_b2 = (_a2 = this.$slots).default) == null ? void 0 : _b2.call(_a2);
+      },
+      right: () => this.renderNavView(),
+      top: () => {
+        var _a2, _b2;
+        return (_b2 = (_a2 = this.$slots).default) == null ? void 0 : _b2.call(_a2);
+      },
+      bottom: () => this.renderNavView()
+    }) : (_c = (_b = this.$slots).default) == null ? void 0 : _c.call(_b) : (_e = (_d = this.$slots).default) == null ? void 0 : _e.call(_d)]);
+  }
+});
+
+exports.IBizControlNavigation = IBizControlNavigation;

package/lib/common/control-navigation/control-navigation.css

@@ -0,0 +1 @@
+.ibiz-control-navigation{width:100%;height:100%}.ibiz-control-navigation__nav-control{width:100%;height:100%;position:relative}

package/lib/common/control-navigation/provider/calendar-navigation.provider.cjs

@@ -0,0 +1,57 @@
+'use strict';
+
+var navigationBase_provider = require('./navigation-base.provider.cjs');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class CalendarNavigationProvider extends navigationBase_provider.NavgationBaseProvider {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "keyName", "navId");
+  }
+  onNavDataByStack() {
+    const { items } = this.controller.state;
+    const navData = this.navStack.map((key) => items.find((item) => item.navId === key)).find((item) => item !== void 0) || items[0];
+    if (navData) {
+      const date = new Date(navData.beginTime);
+      this.controller.setSelectDate(date);
+      this.controller.setNavData(navData);
+    } else {
+      this.navStack = [];
+      this.controller.setSelectDate(/* @__PURE__ */ new Date());
+      this.navViewMsg.value = void 0;
+    }
+  }
+  getNavViewMsg(item) {
+    const { sysCalendarItems } = this.model;
+    const itemModel = sysCalendarItems == null ? void 0 : sysCalendarItems.find(
+      (_item) => _item.itemType === item.itemType
+    );
+    if (itemModel) {
+      const { context, params } = this.prepareParams(
+        itemModel,
+        item.deData ? item.deData : item,
+        this.controller.context,
+        this.controller.params
+      );
+      return {
+        key: item.navId,
+        context,
+        params,
+        viewId: itemModel.navAppViewId
+      };
+    }
+    return {
+      key: item.navId,
+      context: this.controller.context,
+      params: this.controller.params
+    };
+  }
+}
+
+exports.CalendarNavigationProvider = CalendarNavigationProvider;

package/lib/common/control-navigation/provider/index.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var navigationBase_provider = require('./navigation-base.provider.cjs');
+var calendarNavigation_provider = require('./calendar-navigation.provider.cjs');
+var treeNavigation_provider = require('./tree-navigation.provider.cjs');
+
+"use strict";
+function getNavigationProvider(controller) {
+  const { controlType } = controller.model;
+  if (controlType === "CALENDAR") {
+    return new calendarNavigation_provider.CalendarNavigationProvider(controller);
+  }
+  if (controlType === "TREEVIEW") {
+    return new treeNavigation_provider.TreeNavigationProvider(controller);
+  }
+  return new navigationBase_provider.NavgationBaseProvider(controller);
+}
+
+exports.getNavigationProvider = getNavigationProvider;

package/lib/common/control-navigation/provider/navigation-base.provider.cjs

@@ -0,0 +1,144 @@
+'use strict';
+
+var vue = require('vue');
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class NavgationBaseProvider {
+  /**
+   * Creates an instance of NavgationBaseProvider.
+   * @param {MDControlController} controller
+   * @memberof NavgationBaseProvider
+   */
+  constructor(controller) {
+    this.controller = controller;
+    /**
+     * 导航栈数据
+     *
+     * @type {string[]}
+     * @memberof NavgationBaseProvider
+     */
+    __publicField(this, "navStack", []);
+    /**
+     * 主键名称
+     *
+     * @memberof NavgationBaseProvider
+     */
+    __publicField(this, "keyName", "srfkey");
+    /**
+     * 模型
+     *
+     * @type {IMDControl}
+     * @memberof NavgationBaseProvider
+     */
+    __publicField(this, "model");
+    /**
+     * 导航视图信息
+     *
+     * @type {(Ref<INavViewMsg | undefined>)}
+     * @memberof NavgationBaseProvider
+     */
+    __publicField(this, "navViewMsg", vue.ref());
+    this.model = controller.model;
+    if (controller.state.enableNavView) {
+      controller.evt.on("onNavDataChange", (evt) => {
+        this.onNavDataChange(evt);
+      });
+      controller.evt.on("onLoadSuccess", () => {
+        this.onNavDataByStack();
+      });
+    }
+  }
+  /**
+   * 解析参数
+   *
+   * @param {(INavigatable & { appDataEntityId?: string })} XDataModel
+   * @param {IData} data
+   * @param {IContext} context
+   * @param {IParams} params
+   * @return {*}  {{ context: IContext; params: IParams }}
+   * @memberof NavgationBaseProvider
+   */
+  prepareParams(XDataModel, data, context, params) {
+    const {
+      navDER,
+      navFilter,
+      navigateContexts,
+      navigateParams,
+      appDataEntityId
+    } = XDataModel;
+    const model = {
+      deName: appDataEntityId ? runtime.calcDeCodeNameById(appDataEntityId) : void 0,
+      navFilter,
+      pickupDEFName: navDER == null ? void 0 : navDER.pickupDEFName,
+      navContexts: navigateContexts,
+      navParams: navigateParams
+    };
+    const originParams = {
+      context,
+      params,
+      data
+    };
+    const { resultContext, resultParams } = runtime.calcNavParams(model, originParams);
+    const tempContext = Object.assign(context.clone(), resultContext);
+    const tempParams = { ...resultParams };
+    return { context: tempContext, params: tempParams };
+  }
+  /**
+   * 通过栈数据导航
+   *
+   * @memberof NavgationBaseProvider
+   */
+  onNavDataByStack() {
+    const { items } = this.controller.state;
+    const navData = this.navStack.map((key) => items.find((item) => item[this.keyName] === key)).find((item) => item !== void 0) || items[0];
+    setTimeout(() => {
+      if (navData) {
+        this.controller.setNavData(navData);
+        this.controller.setSelection([navData]);
+      } else {
+        this.navStack = [];
+        this.controller.setSelection([]);
+        this.navViewMsg.value = void 0;
+      }
+    });
+  }
+  /**
+   * 导航数据变化
+   *
+   * @param {IMDControlEvent['onNavDataChange']['event']} event
+   * @memberof NavgationBaseProvider
+   */
+  onNavDataChange(event) {
+    const { navData, context, params } = event;
+    this.navStack.unshift(navData[this.keyName]);
+    this.navViewMsg.value = this.getNavViewMsg(navData, context, params);
+  }
+  /**
+   * 获取导航视图信息
+   *
+   * @param {IData} data
+   * @param {IContext} context
+   * @param {IParams} params
+   * @return {*}  {INavViewMsg}
+   * @memberof NavgationBaseProvider
+   */
+  getNavViewMsg(data, context, params) {
+    const viewModelId = this.model.navAppViewId;
+    const result = this.prepareParams(this.model, data, context, params);
+    return {
+      key: data[this.keyName],
+      context: result.context,
+      params: result.params,
+      viewId: viewModelId
+    };
+  }
+}
+
+exports.NavgationBaseProvider = NavgationBaseProvider;