@ibiz-template/vue3-components 0.7.41-alpha.9 → 0.7.41-alpha.90

package/es/panel-component/app-extend-menu/bottom-side-menu/bottom-side-menu.mjs

@@ -1,4 +1,4 @@
-import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { BottomSideMenuController } from './bottom-side-menu.controller.mjs';
 import './bottom-side-menu.css';

package/es/panel-component/app-extend-menu/extend-menu-base/common-extend-menu/common-extend-menu.mjs

@@ -1,13 +1,15 @@
-import { createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './common-extend-menu.css';
 import { ExtendButtonMenu } from '../extend-button-menu/extend-button-menu.mjs';
+import { ExtendStandardMenu } from '../extend-standard-menu/extend-standard-menu.mjs';
 
 "use strict";
 const CommonExtendMenu = /* @__PURE__ */ defineComponent({
   name: "IBizCommonExtendMenu",
   components: {
-    ExtendButtonMenu
+    ExtendButtonMenu,
+    ExtendStandardMenu
   },
   props: {
     /**
@@ -81,9 +83,8 @@ const CommonExtendMenu = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
-    return createVNode("div", {
-      "class": this.ns.b()
-    }, [createVNode(ExtendButtonMenu, {
+    var _a;
+    let content = createVNode(ExtendButtonMenu, {
       "items": this.items,
       "menuItemsState": this.menuItemsState,
       "providers": this.providers,
@@ -91,7 +92,21 @@ const CommonExtendMenu = /* @__PURE__ */ defineComponent({
       "layoutMode": this.layoutMode,
       "layout": this.layout,
       "onMenuItemClick": this.handleMenuItemClick
-    }, null)]);
+    }, null);
+    if (((_a = this.renderMode) == null ? void 0 : _a.toLocaleUpperCase()) === "MENU") {
+      content = createVNode(ExtendStandardMenu, {
+        "items": this.items,
+        "menuItemsState": this.menuItemsState,
+        "providers": this.providers,
+        "position": this.position,
+        "layoutMode": this.layoutMode,
+        "layout": this.layout,
+        "onMenuItemClick": this.handleMenuItemClick
+      }, null);
+    }
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [content]);
   }
 });
 

package/es/panel-component/app-extend-menu/extend-menu-base/extend-button-menu/extend-button-menu.mjs

@@ -1,4 +1,4 @@
-import { createVNode, resolveComponent, ref, computed, defineComponent } from 'vue';
+import { createVNode, resolveComponent, defineComponent, ref, computed } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { showTitle } from '@ibiz-template/core';
 import { getMenuLayout, getMenus, useCascaderPopover, useBorderLayout, findMenuItem } from '../extend-menu-base.util.mjs';

package/es/panel-component/app-extend-menu/extend-menu-base/extend-menu-base.controller.mjs

@@ -1,6 +1,6 @@
 import { notNilEmpty } from 'qx-util';
 import { PanelItemController, getControl, getAppMenuItemProvider, AppFuncCommand } from '@ibiz-template/runtime';
-import { RuntimeModelError } from '@ibiz-template/core';
+import { RuntimeModelError, recursiveIterate } from '@ibiz-template/core';
 import { ExtendMenuBase } from './extend-menu-base.state.mjs';
 
 "use strict";
@@ -111,6 +111,7 @@ class ExtendMenuBaseController extends PanelItemController {
     this.handleRawItemParams();
     this.app = await ibiz.hub.getApp(this.context.srfappid);
     this.appMenu = this.computeAppMenu();
+    this.convertMultipleLanguages();
     this.state.items = this.appMenu && this.appMenu.appMenuItems ? this.appMenu.appMenuItems : [];
     this.flattenAllItems();
     await this.initAppMenuItemProviders();
@@ -253,6 +254,32 @@ class ExtendMenuBaseController extends PanelItemController {
     }
     Object.assign(this.rawItemParams, params);
   }
+  /**
+   * @description 转换各类多语言
+   * @protected
+   * @memberof ExtendMenuBaseController
+   */
+  convertMultipleLanguages() {
+    recursiveIterate(
+      this.appMenu || {},
+      (item) => {
+        var _a, _b;
+        if ((_a = item.capLanguageRes) == null ? void 0 : _a.lanResTag)
+          item.caption = ibiz.i18n.t(
+            item.capLanguageRes.lanResTag,
+            item.caption
+          );
+        if ((_b = item.tooltipLanguageRes) == null ? void 0 : _b.lanResTag)
+          item.tooltip = ibiz.i18n.t(
+            item.tooltipLanguageRes.lanResTag,
+            item.tooltip
+          );
+      },
+      {
+        childrenFields: ["appMenuItems"]
+      }
+    );
+  }
 }
 
 export { ExtendMenuBaseController };

package/es/panel-component/app-extend-menu/extend-menu-base/extend-standard-menu/extend-standard-menu.css

@@ -0,0 +1 @@
+@charset "UTF-8";.ibiz-extend-standard-menu{width:100%;height:100%}.ibiz-extend-standard-menu__content{position:relative;width:100%;height:100%;background-color:var(--ibiz-color-primary);--ibiz-extend-standard-menu-collapse-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-collapse-item-padding:var(--ibiz-spacing-base);--ibiz-extend-standard-menu-icon-width:var(--ibiz-width-icon-large);--ibiz-extend-standard-menu-icon-height:var(--ibiz-width-icon-large);--ibiz-extend-standard-menu-icon-margin:0 var(--ibiz-spacing-tight) 0 0;--ibiz-extend-standard-menu-text-margin:0 0 0 var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-icon-position:calc(var(--ibiz-spacing-base) - 2px);--ibiz-extend-standard-menu-icon-size:var(--ibiz-width-icon-medium);--ibiz-extend-standard-menu-collapse-height:var(--ibiz-spacing-super-loose);--ibiz-extend-standard-menu-scorll-color:var(--ibiz-color-scroll-menu);--ibiz-extend-standard-menu-horizontal-height:50px;--ibiz-extend-standard-menu-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-active-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-active-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-selected-border-color:transparent;--ibiz-extend-standard-menu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-padding:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-extend-standard-menu-item-border:2px solid var(--ibiz-color-text-1);--ibiz-extend-standard-menu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-extend-standard-menu-item-height:42px;--ibiz-extend-standard-menu-item-gap:2px;--ibiz-extend-standard-menu-item-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-separator-color:var(--ibiz-color-scroll-menu);--ibiz-extend-standard-menu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-extend-standard-menu-item-horizontal-height:100%;--ibiz-extend-standard-menu-item-horizontal-border-radius:0;--ibiz-extend-standard-menu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-extend-standard-menu-item-horizontal-padding-right:calc(var(--ibiz-width-icon-large) + var(--ibiz-spacing-base-loose));--ibiz-extend-standard-menu-item-horizontal-popup-height:40px}.ibiz-extend-standard-menu__content>.el-menu{height:100%;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);overflow:hidden auto;border-right:0;--el-menu-hover-text-color:var(--ibiz-extend-standard-menu-item-color);--el-menu-hover-bg-color:transparent;--ibiz-extend-standard-menu-item-selected-border-color:transparent;--ibiz-extend-standard-menu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-padding:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-extend-standard-menu-item-border:2px solid var(--ibiz-color-text-1);--ibiz-extend-standard-menu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-extend-standard-menu-item-height:42px;--ibiz-extend-standard-menu-item-gap:2px;--ibiz-extend-standard-menu-item-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-separator-color:var(--ibiz-color-scroll-menu);--ibiz-extend-standard-menu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-extend-standard-menu-item-horizontal-height:100%;--ibiz-extend-standard-menu-item-horizontal-border-radius:0;--ibiz-extend-standard-menu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-extend-standard-menu-item-horizontal-padding-right:calc(var(--ibiz-width-icon-large) + var(--ibiz-spacing-base-loose));--ibiz-extend-standard-menu-item-horizontal-popup-height:40px}.ibiz-extend-standard-menu__content>.el-menu .ibiz-extend-standard-menu__rawitem{min-height:var(--ibiz-extend-standard-menu-item-height);line-height:var(--ibiz-extend-standard-menu-item-height)}.ibiz-extend-standard-menu__content>.el-menu .ibiz-extend-standard-menu__rawitem .ibiz-rawitem{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-extend-standard-menu-item-font-size);color:var(--ibiz-extend-standard-menu-item-color)}.ibiz-extend-standard-menu__content>.el-menu .ibiz-extend-standard-menu__rawitem .ibiz-rawitem>.ibiz-icon{display:flex;align-items:center;width:var(--ibiz-extend-standard-menu-icon-width);height:var(--ibiz-extend-standard-menu-icon-height);font-size:var(--ibiz-extend-standard-menu-icon-size)}.ibiz-extend-standard-menu__content>.el-menu .ibiz-extend-standard-menu__rawitem .ibiz-rawitem *{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-extend-standard-menu__content .el-sub-menu .el-sub-menu__icon-arrow{right:10px;width:var(--ibiz-extend-standard-menu-icon-width);height:var(--ibiz-extend-standard-menu-icon-height);margin-top:-10px;font-size:var(--ibiz-extend-standard-menu-icon-width)}.ibiz-extend-standard-menu__content .el-sub-menu .el-menu-item{padding:calc(var(--ibiz-extend-standard-menu-item-padding) * .875) calc(var(--ibiz-extend-standard-menu-item-padding) * 2.5)}.ibiz-extend-standard-menu__content .el-sub-menu .el-sub-menu__title>.ibiz-extend-standard-menu__counter{right:30px}.ibiz-extend-standard-menu__content .el-menu--vertical{width:100%}.ibiz-extend-standard-menu__content .el-menu--vertical .el-menu-item,.ibiz-extend-standard-menu__content .el-menu--vertical .el-sub-menu__title{display:flex;align-items:center;justify-content:flex-start;--el-menu-base-level-padding:var(--ibiz-extend-standard-menu-item-padding);width:100%;height:var(--ibiz-extend-standard-menu-item-height);font-size:var(--ibiz-extend-standard-menu-item-font-size);color:var(--ibiz-extend-standard-menu-item-color);white-space:nowrap;border-radius:var(--ibiz-extend-standard-menu-item-border-radius)}.ibiz-extend-standard-menu__content .el-menu--vertical .el-menu-item.is-active,.ibiz-extend-standard-menu__content .el-menu--vertical .el-sub-menu__title.is-active{color:var(--ibiz-extend-standard-menu-item-selected-color)!important;background-color:var(--ibiz-extend-standard-menu-item-selected-bg-color)}.ibiz-extend-standard-menu__content .el-menu--vertical .el-menu-item:hover,.ibiz-extend-standard-menu__content .el-menu--vertical .el-sub-menu__title:hover{color:var(--ibiz-extend-standard-menu-item-hover-color);background-color:var(--ibiz-extend-standard-menu-item-hover-bg-color)}.ibiz-extend-standard-menu__content .el-menu--vertical .el-menu-item+.el-menu-item{margin-top:var(--ibiz-extend-standard-menu-item-gap)}.ibiz-extend-standard-menu__content .el-menu--vertical .el-sub-menu+.el-menu-item{margin-top:var(--ibiz-extend-standard-menu-item-gap)}.ibiz-extend-standard-menu__content .el-menu--vertical .el-sub-menu+.el-sub-menu{margin-top:var(--ibiz-extend-standard-menu-item-gap)}.ibiz-extend-standard-menu__content .el-menu--vertical .el-menu-item+.el-sub-menu{margin-top:var(--ibiz-extend-standard-menu-item-gap)}.ibiz-extend-standard-menu__content .el-menu--vertical .el-sub-menu__title+.el-menu{margin-top:var(--ibiz-extend-standard-menu-item-gap)}.ibiz-extend-standard-menu__content .el-menu--vertical::-webkit-scrollbar-thumb{background-color:var(--ibiz-extend-standard-menu-scorll-color)}.ibiz-extend-standard-menu__content .el-menu--horizontal{align-items:center;height:100%;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);overflow-x:hidden;border-bottom:none}.ibiz-extend-standard-menu__content .el-menu--horizontal .el-menu-item,.ibiz-extend-standard-menu__content .el-menu--horizontal .el-sub-menu__title{height:var(--ibiz-extend-standard-menu-item-horizontal-height);padding:var(--ibiz-extend-standard-menu-item-horizontal-padding);font-size:var(--ibiz-extend-standard-menu-item-horizontal-font-size);line-height:var(--ibiz-extend-standard-menu-item-horizontal-height);color:var(--ibiz-extend-standard-menu-item-horizontal-color);white-space:nowrap;border-width:0;border-radius:var(--ibiz-extend-standard-menu-item-horizontal-border-radius)}.ibiz-extend-standard-menu__content .el-menu--horizontal .el-menu-item:hover,.ibiz-extend-standard-menu__content .el-menu--horizontal .el-sub-menu__title:hover{color:var(--ibiz-extend-standard-menu-item-horizontal-hover-color);background-color:var(--ibiz-extend-standard-menu-item-horizontal-hover-bg-color)}.ibiz-extend-standard-menu__content .el-menu--horizontal .el-menu-item.is-active,.ibiz-extend-standard-menu__content .el-menu--horizontal .el-sub-menu__title.is-active{color:var(--ibiz-extend-standard-menu-item-selected-color)!important;background-color:var(--ibiz-extend-standard-menu-item-horizontal-selected-bg-color);border-top:var(--ibiz-extend-standard-menu-item-border)}.ibiz-extend-standard-menu__content .el-menu--horizontal .el-menu-item .el-sub-menu__icon-arrow,.ibiz-extend-standard-menu__content .el-menu--horizontal .el-sub-menu__title .el-sub-menu__icon-arrow{right:var(--ibiz-extend-standard-menu-icon-position)}.ibiz-extend-standard-menu__content .el-menu--horizontal .el-sub-menu{height:var(--ibiz-extend-standard-menu-item-horizontal-height)}.ibiz-extend-standard-menu__content .el-menu--horizontal .el-sub-menu>.el-sub-menu__title{padding-right:var(--ibiz-extend-standard-menu-item-horizontal-padding-right)}.ibiz-extend-standard-menu__content .el-menu--horizontal>.el-sub-menu:hover .el-sub-menu__title{color:var(--ibiz-extend-standard-menu-item-horizontal-hover-color);background-color:var(--ibiz-extend-standard-menu-item-horizontal-hover-bg-color)}.ibiz-extend-standard-menu__content .el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title{color:var(--ibiz-extend-standard-menu-item-horizontal-selected-color);background-color:var(--ibiz-extend-standard-menu-item-horizontal-selected-bg-color);border-top:var(--ibiz-extend-standard-menu-item-border);border-bottom:0}.ibiz-extend-standard-menu__content .el-menu--horizontal::-webkit-scrollbar-thumb{background-color:var(--ibiz-extend-standard-menu-scorll-color)}.ibiz-extend-standard-menu__content .el-menu--horizontal .el-divider--vertical{border-color:var(--ibiz-extend-standard-menu-item-separator-color)}.ibiz-extend-standard-menu__content.is-horizontal{--ibiz-color-text-0:var(--ibiz-color-primary-text);--ibiz-color-text-1:var(--ibiz-color-primary-text);--ibiz-color-text-2:var(--ibiz-color-primary-text);--ibiz-color-text-3:var(--ibiz-color-primary-text);width:100%;height:var(--ibiz-extend-standard-menu-horizontal-height)}.ibiz-extend-standard-menu__content.is-bottom .el-menu--horizontal .el-menu-item.is-active,.ibiz-extend-standard-menu__content.is-bottom .el-menu--horizontal .el-sub-menu.is-active .el-sub-menu__title{border-top:0;border-bottom:var(--ibiz-extend-standard-menu-item-border)}.ibiz-extend-standard-menu__content.is-collapse>.el-menu{padding:var(--ibiz-spacing-tight)}.ibiz-extend-standard-menu__content .el-menu{--ibiz-color-primary-hover:var(--ibiz-extend-standard-menu-active-bg-color);--ibiz-color-primary-hover-text:var(--ibiz-extend-standard-menu-active-color);--ibiz-color-primary-active:var(--ibiz-extend-standard-menu-hover-bg-color);--ibiz-color-primary-active-text:var(--ibiz-extend-standard-menu-hover-color);--el-button-text-color:var(--ibiz-extend-standard-menu-color)}.ibiz-extend-standard-menu__icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-extend-standard-menu-icon-width);height:var(--ibiz-extend-standard-menu-icon-height);font-size:var(--ibiz-extend-standard-menu-icon-size)}.ibiz-extend-standard-menu__icon+.ibiz-extend-standard-menu__caption{margin:var(--ibiz-extend-standard-menu-text-margin)}.ibiz-extend-standard-menu__caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-extend-standard-menu-popup-container{--el-menu-hover-text-color:var(--ibiz-extend-standard-menu-item-color);--el-menu-hover-bg-color:transparent;--ibiz-extend-standard-menu-item-selected-border-color:transparent;--ibiz-extend-standard-menu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-padding:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-extend-standard-menu-item-border:2px solid var(--ibiz-color-text-1);--ibiz-extend-standard-menu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-extend-standard-menu-item-height:42px;--ibiz-extend-standard-menu-item-gap:2px;--ibiz-extend-standard-menu-item-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-separator-color:var(--ibiz-color-scroll-menu);--ibiz-extend-standard-menu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-extend-standard-menu-item-horizontal-height:100%;--ibiz-extend-standard-menu-item-horizontal-border-radius:0;--ibiz-extend-standard-menu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-extend-standard-menu-item-horizontal-padding-right:calc(var(--ibiz-width-icon-large) + var(--ibiz-spacing-base-loose));--ibiz-extend-standard-menu-item-horizontal-popup-height:40px}.ibiz-extend-standard-menu-popup-container .ibiz-extend-standard-menu__rawitem{min-height:var(--ibiz-extend-standard-menu-item-height);line-height:var(--ibiz-extend-standard-menu-item-height)}.ibiz-extend-standard-menu-popup-container .ibiz-extend-standard-menu__rawitem .ibiz-rawitem{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-extend-standard-menu-item-font-size);color:var(--ibiz-extend-standard-menu-item-color)}.ibiz-extend-standard-menu-popup-container .ibiz-extend-standard-menu__rawitem .ibiz-rawitem>.ibiz-icon{display:flex;align-items:center;width:var(--ibiz-extend-standard-menu-icon-width);height:var(--ibiz-extend-standard-menu-icon-height);font-size:var(--ibiz-extend-standard-menu-icon-size)}.ibiz-extend-standard-menu-popup-container .ibiz-extend-standard-menu__rawitem .ibiz-rawitem *{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-extend-standard-menu-popup-container.el-menu--popup-container{--ibiz-extend-standard-menu-collapse-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-collapse-item-padding:var(--ibiz-spacing-base);--ibiz-extend-standard-menu-icon-width:var(--ibiz-width-icon-large);--ibiz-extend-standard-menu-icon-height:var(--ibiz-width-icon-large);--ibiz-extend-standard-menu-icon-margin:0 var(--ibiz-spacing-tight) 0 0;--ibiz-extend-standard-menu-text-margin:0 0 0 var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-icon-position:calc(var(--ibiz-spacing-base) - 2px);--ibiz-extend-standard-menu-icon-size:var(--ibiz-width-icon-medium);--ibiz-extend-standard-menu-collapse-height:var(--ibiz-spacing-super-loose);--ibiz-extend-standard-menu-scorll-color:var(--ibiz-color-scroll-menu);--ibiz-extend-standard-menu-horizontal-height:50px;--ibiz-extend-standard-menu-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-active-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-active-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-selected-border-color:transparent;--ibiz-extend-standard-menu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-padding:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-extend-standard-menu-item-border:2px solid var(--ibiz-color-text-1);--ibiz-extend-standard-menu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-extend-standard-menu-item-height:42px;--ibiz-extend-standard-menu-item-gap:2px;--ibiz-extend-standard-menu-item-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-separator-color:var(--ibiz-color-scroll-menu);--ibiz-extend-standard-menu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-extend-standard-menu-item-horizontal-height:100%;--ibiz-extend-standard-menu-item-horizontal-border-radius:0;--ibiz-extend-standard-menu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-extend-standard-menu-item-horizontal-padding-right:calc(var(--ibiz-width-icon-large) + var(--ibiz-spacing-base-loose));--ibiz-extend-standard-menu-item-horizontal-popup-height:40px;border:none;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-extend-standard-menu-popup-container.el-menu--popup-container .el-menu--popup{max-height:100vh;padding:var(--ibiz-spacing-extra-tight);overflow:auto;background-color:var(--ibiz-color-primary)}.ibiz-extend-standard-menu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item,.ibiz-extend-standard-menu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title{display:flex;align-items:center;justify-content:flex-start;width:100%;height:var(--ibiz-extend-standard-menu-item-horizontal-popup-height);font-size:var(--ibiz-extend-standard-menu-item-font-size);color:var(--ibiz-extend-standard-menu-item-horizontal-color);white-space:nowrap;border-radius:var(--ibiz-extend-standard-menu-item-horizontal-border-radius)}.ibiz-extend-standard-menu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item.is-active,.ibiz-extend-standard-menu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title.is-active{color:var(--ibiz-extend-standard-menu-item-horizontal-selected-color);background-color:var(--ibiz-extend-standard-menu-item-horizontal-selected-bg-color)}.ibiz-extend-standard-menu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item:hover,.ibiz-extend-standard-menu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title:hover{color:var(--ibiz-extend-standard-menu-item-hover-color);background-color:var(--ibiz-extend-standard-menu-item-hover-bg-color)}.ibiz-extend-standard-menu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item .el-icon,.ibiz-extend-standard-menu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title .el-icon{display:none}.ibiz-extend-standard-menu-popup-container .ibiz-extend-standard-menu__counter{position:absolute;top:50%;right:5px;height:20px;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-tight);line-height:initial;color:var(--ibiz-color-danger-text);background-color:var(--ibiz-color-danger);border-radius:var(--ibiz-border-radius-medium);transform:translateY(-50%)}.ibiz-extend-standard-menu__separator--horizontal{margin:var(--ibiz-spacing-tight) 0;border-color:var(--ibiz-extend-standard-menu-item-separator-color)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu){--el-menu-hover-text-color:var(--ibiz-extend-standard-menu-item-color);--el-menu-hover-bg-color:transparent;--ibiz-extend-standard-menu-item-selected-border-color:transparent;--ibiz-extend-standard-menu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-padding:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-extend-standard-menu-item-border:2px solid var(--ibiz-color-text-1);--ibiz-extend-standard-menu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-extend-standard-menu-item-height:42px;--ibiz-extend-standard-menu-item-gap:2px;--ibiz-extend-standard-menu-item-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-separator-color:var(--ibiz-color-scroll-menu);--ibiz-extend-standard-menu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-extend-standard-menu-item-horizontal-height:100%;--ibiz-extend-standard-menu-item-horizontal-border-radius:0;--ibiz-extend-standard-menu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-extend-standard-menu-item-horizontal-padding-right:calc(var(--ibiz-width-icon-large) + var(--ibiz-spacing-base-loose));--ibiz-extend-standard-menu-item-horizontal-popup-height:40px}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .ibiz-extend-standard-menu__rawitem{min-height:var(--ibiz-extend-standard-menu-item-height);line-height:var(--ibiz-extend-standard-menu-item-height)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .ibiz-extend-standard-menu__rawitem .ibiz-rawitem{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-extend-standard-menu-item-font-size);color:var(--ibiz-extend-standard-menu-item-color)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .ibiz-extend-standard-menu__rawitem .ibiz-rawitem>.ibiz-icon{display:flex;align-items:center;width:var(--ibiz-extend-standard-menu-icon-width);height:var(--ibiz-extend-standard-menu-icon-height);font-size:var(--ibiz-extend-standard-menu-icon-size)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .ibiz-extend-standard-menu__rawitem .ibiz-rawitem *{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu){--ibiz-extend-standard-menu-collapse-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-collapse-item-padding:var(--ibiz-spacing-base);--ibiz-extend-standard-menu-icon-width:var(--ibiz-width-icon-large);--ibiz-extend-standard-menu-icon-height:var(--ibiz-width-icon-large);--ibiz-extend-standard-menu-icon-margin:0 var(--ibiz-spacing-tight) 0 0;--ibiz-extend-standard-menu-text-margin:0 0 0 var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-icon-position:calc(var(--ibiz-spacing-base) - 2px);--ibiz-extend-standard-menu-icon-size:var(--ibiz-width-icon-medium);--ibiz-extend-standard-menu-collapse-height:var(--ibiz-spacing-super-loose);--ibiz-extend-standard-menu-scorll-color:var(--ibiz-color-scroll-menu);--ibiz-extend-standard-menu-horizontal-height:50px;--ibiz-extend-standard-menu-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-active-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-active-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-selected-border-color:transparent;--ibiz-extend-standard-menu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-padding:var(--ibiz-spacing-tight);--ibiz-extend-standard-menu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-extend-standard-menu-item-border:2px solid var(--ibiz-color-text-1);--ibiz-extend-standard-menu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-extend-standard-menu-item-height:42px;--ibiz-extend-standard-menu-item-gap:2px;--ibiz-extend-standard-menu-item-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-separator-color:var(--ibiz-color-scroll-menu);--ibiz-extend-standard-menu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-extend-standard-menu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-extend-standard-menu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-extend-standard-menu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-extend-standard-menu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-extend-standard-menu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-extend-standard-menu-item-horizontal-height:100%;--ibiz-extend-standard-menu-item-horizontal-border-radius:0;--ibiz-extend-standard-menu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-extend-standard-menu-item-horizontal-padding-right:calc(var(--ibiz-width-icon-large) + var(--ibiz-spacing-base-loose));--ibiz-extend-standard-menu-item-horizontal-popup-height:40px;border:none;box-shadow:var(--ibiz-shadow-elevated)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu--popup{padding:var(--ibiz-spacing-extra-tight);background-color:var(--ibiz-color-primary)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu--popup .el-menu-item,.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu--popup .el-sub-menu__title{display:flex;align-items:center;justify-content:flex-start;width:100%;height:var(--ibiz-extend-standard-menu-item-horizontal-popup-height);font-size:var(--ibiz-extend-standard-menu-item-font-size);color:var(--ibiz-extend-standard-menu-item-horizontal-color);white-space:nowrap;border-radius:var(--ibiz-extend-standard-menu-item-horizontal-border-radius)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu--popup .el-menu-item.is-active,.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu--popup .el-sub-menu__title.is-active{color:var(--ibiz-extend-standard-menu-item-horizontal-selected-color);background-color:var(--ibiz-extend-standard-menu-item-horizontal-selected-bg-color)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu--popup .el-menu-item:hover,.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu--popup .el-sub-menu__title:hover{color:var(--ibiz-extend-standard-menu-item-hover-color);background-color:var(--ibiz-extend-standard-menu-item-hover-bg-color)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu--popup .el-menu-item .el-icon,.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu--popup .el-sub-menu__title .el-icon{display:none}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .el-menu .el-sub-menu.is-active>.el-sub-menu__title{color:var(--ibiz-extend-standard-menu-item-horizontal-selected-color)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-extend-standard-menu__item,.ibiz-extend-standard-menu-submenu) .ibiz-extend-standard-menu__separator--vertical{width:100%;height:1px;margin:var(--ibiz-spacing-tight) 0;border-top:1px var(--ibiz-extend-standard-menu-item-separator-color) solid}

package/es/panel-component/app-extend-menu/extend-menu-base/extend-standard-menu/extend-standard-menu.mjs

@@ -0,0 +1,278 @@
+import { isVNode, createVNode, resolveComponent, defineComponent, ref, computed } from 'vue';
+import { showTitle } from '@ibiz-template/core';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { createUUID } from 'qx-util';
+import { getMenus, findMenuItem } from '../extend-menu-base.util.mjs';
+import './extend-standard-menu.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const ellipsisSvg = () => {
+  return createVNode("ion-icon", {
+    "name": "ellipsis-horizontal"
+  }, null);
+};
+function renderMenuItem(_params) {
+  var _a, _b, _c, _d;
+  const {
+    isFirst,
+    menu,
+    collapse,
+    ns,
+    menuAlign,
+    menuItemsState
+  } = _params;
+  if (!menu.id || menuItemsState && !((_a = menuItemsState[menu.id]) == null ? void 0 : _a.visible)) {
+    return;
+  }
+  if (menu.itemType === "MENUITEM") {
+    let content;
+    if (!(isFirst && collapse)) {
+      content = [menu.sysImage ? createVNode(resolveComponent("iBizIcon"), {
+        "class": ns.e("icon"),
+        "icon": menu.sysImage
+      }, null) : null, createVNode("span", {
+        "class": ns.e("caption")
+      }, [menu.caption])];
+    } else {
+      content = [menu.sysImage ? createVNode(resolveComponent("iBizIcon"), {
+        "class": ns.e("icon"),
+        "icon": menu.sysImage
+      }, null) : createVNode("span", {
+        "class": ns.e("caption")
+      }, [(_b = menu.caption) == null ? void 0 : _b.slice(0, 1)])];
+    }
+    return !(isFirst && collapse) ? createVNode(resolveComponent("el-menu-item"), {
+      "class": [ns.e("item"), "".concat(((_c = menu.sysCss) == null ? void 0 : _c.cssName) || "")],
+      "index": menu.id,
+      "title": showTitle(menu.tooltip)
+    }, _isSlot(content) ? content : {
+      default: () => [content]
+    }) : createVNode(resolveComponent("el-tooltip"), {
+      "class": ns.b("tooltip"),
+      "content": menu.caption,
+      "placement": menuAlign === "horizontal" ? "bottom" : "left",
+      "theme": "light"
+    }, {
+      default: () => {
+        var _a2;
+        return [createVNode(resolveComponent("el-menu-item"), {
+          "class": [ns.e("item"), "".concat(((_a2 = menu.sysCss) == null ? void 0 : _a2.cssName) || "")],
+          "index": menu.id
+        }, _isSlot(content) ? content : {
+          default: () => [content]
+        })];
+      }
+    });
+  }
+  if (menu.itemType === "SEPERATOR") {
+    const direction = menuAlign === "horizontal" && isFirst ? "vertical" : "horizontal";
+    return createVNode(resolveComponent("el-divider"), {
+      "direction": direction,
+      "class": ns.em("separator", direction),
+      "id": menu.id
+    }, null);
+  }
+  if (menu.itemType === "RAWITEM") {
+    return createVNode(resolveComponent("el-menu-item"), {
+      "index": menu.id,
+      "title": showTitle(menu.tooltip),
+      "class": [ns.e("rawitem"), "".concat(((_d = menu.sysCss) == null ? void 0 : _d.cssName) || "")]
+    }, {
+      default: () => [createVNode(resolveComponent("iBizRawItem"), {
+        "rawItem": menu
+      }, null)]
+    });
+  }
+}
+function renderSubmenu(_params) {
+  var _a, _b;
+  const {
+    isFirst,
+    menu,
+    collapse,
+    ns,
+    menuAlign,
+    menuItemsState
+  } = _params;
+  if (!menu.id || menuItemsState && !((_a = menuItemsState[menu.id]) == null ? void 0 : _a.visible)) {
+    return;
+  }
+  return createVNode(resolveComponent("el-sub-menu"), {
+    "class": [ns.b("submenu"), "".concat(((_b = menu.sysCss) == null ? void 0 : _b.cssName) || "")],
+    "index": menu.id,
+    "teleported": true,
+    "popper-class": [ns.b("popup-container")]
+  }, {
+    default: () => menu.children && menu.children.map((item) => {
+      if (item.children && item.children) {
+        return renderSubmenu({
+          isFirst: false,
+          menu: item,
+          collapse,
+          ns,
+          menuAlign,
+          menuItemsState
+        });
+      }
+      return renderMenuItem({
+        isFirst: false,
+        menu: item,
+        collapse,
+        ns,
+        menuAlign,
+        menuItemsState
+      });
+    }),
+    title: () => {
+      var _a2;
+      if (collapse) {
+        if (menu.sysImage) {
+          return createVNode(resolveComponent("iBizIcon"), {
+            "class": ns.e("icon"),
+            "icon": menu.sysImage
+          }, null);
+        }
+        return [isFirst ? (_a2 = menu.caption) == null ? void 0 : _a2.slice(0, 1) : menu.caption, isFirst ? null : createVNode("ion-icon", {
+          "name": "chevron-forward-outline"
+        }, null)];
+      }
+      return [createVNode(resolveComponent("iBizIcon"), {
+        "class": ns.e("icon"),
+        "icon": menu.sysImage
+      }, null), createVNode("span", {
+        "class": ns.e("caption")
+      }, [menu.caption])];
+    }
+  });
+}
+function renderMenuContent(_params) {
+  const {
+    refreshKey,
+    ns,
+    collapse,
+    menuAlign,
+    position,
+    menus,
+    menuItemsState,
+    handleMenuSelect
+  } = _params;
+  return createVNode("div", {
+    "class": [ns.e("content"), ns.is("collapse", collapse), ns.is(menuAlign, !!menuAlign), ns.is(position == null ? void 0 : position.toLowerCase(), !!position)]
+  }, [createVNode(resolveComponent("el-menu"), {
+    "key": refreshKey,
+    "popper-class": [ns.b("popper")],
+    "collapse": collapse,
+    "collapse-transition": false,
+    "onSelect": handleMenuSelect,
+    "theme": "light",
+    "mode": menuAlign,
+    "ellipsis-icon": () => ellipsisSvg(),
+    "ellipsis": menuAlign === "horizontal"
+  }, {
+    default: () => {
+      return menus.map((item) => {
+        if (item.children && item.children.length > 0) {
+          return renderSubmenu({
+            isFirst: true,
+            menu: item,
+            collapse,
+            ns,
+            menuAlign,
+            menuItemsState
+          });
+        }
+        return renderMenuItem({
+          isFirst: true,
+          menu: item,
+          collapse,
+          ns,
+          menuAlign,
+          menuItemsState
+        });
+      });
+    }
+  })]);
+}
+const ExtendStandardMenu = /* @__PURE__ */ defineComponent({
+  name: "IBizExtendStandardMenu",
+  props: {
+    items: {
+      type: Object,
+      required: true
+    },
+    menuItemsState: {
+      type: Object,
+      required: true
+    },
+    providers: {
+      type: Object,
+      required: true
+    },
+    position: {
+      type: String,
+      required: true
+    },
+    layoutMode: {
+      type: String,
+      required: true
+    },
+    layout: {
+      type: Object
+    }
+  },
+  emits: {
+    /**
+     * @description 项点击事件
+     */
+    menuItemClick: (_item, _event) => true
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("extend-standard-menu");
+    const defaultMenuRef = ref();
+    const refreshKey = ref(createUUID());
+    const collapse = ref(false);
+    const menuAlign = computed(() => ["TOP", "BOTTOM"].includes(props.position) ? "horizontal" : "vertical");
+    const menus = ref(getMenus(props.items));
+    const handleMenuSelect = async (_id, _event) => {
+      const menuItem = findMenuItem(_id, props.items);
+      if (!(menuItem == null ? void 0 : menuItem.appFuncId)) {
+        ibiz.log.warn(ibiz.i18n.t("runtime.controller.control.menu.noConfigured"));
+        return;
+      }
+      emit("menuItemClick", menuItem, _event);
+    };
+    return {
+      ns,
+      defaultMenuRef,
+      refreshKey,
+      collapse,
+      menuAlign,
+      menus,
+      handleMenuSelect
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "ref": "defaultMenuRef",
+      "class": [this.ns.b(), this.ns.b(this.layoutMode.toLowerCase()), this.ns.is(this.position.toLowerCase(), true), this.ns.is(this.menuAlign, true), this.ns.is("collapse", this.collapse)]
+    }, [renderMenuContent({
+      isLayout: false,
+      position: this.position,
+      refreshKey: this.refreshKey,
+      ns: this.ns,
+      collapse: this.collapse,
+      menuAlign: this.menuAlign,
+      menus: this.menus,
+      menuLayout: this.layout,
+      menuItemsState: this.menuItemsState,
+      handleMenuSelect: this.handleMenuSelect
+    })]);
+  }
+});
+
+export { ExtendStandardMenu };

package/es/panel-component/app-extend-menu/left-side-menu/left-side-menu.mjs

@@ -1,4 +1,4 @@
-import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { LeftSideMenuController } from './left-side-menu.controller.mjs';
 import './left-side-menu.css';

package/es/panel-component/app-extend-menu/right-side-menu/right-side-menu.mjs

@@ -1,4 +1,4 @@
-import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { RightSideMenuController } from './right-side-menu.controller.mjs';
 import './right-side-menu.css';

package/es/panel-component/app-extend-menu/top-side-menu/top-side-menu.mjs

@@ -1,4 +1,4 @@
-import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { TopSideMenuController } from './top-side-menu.controller.mjs';
 import './top-side-menu.css';

package/es/panel-component/app-switch/app-switch.controller.mjs

@@ -192,9 +192,12 @@ class AppSwitchController extends PanelItemController {
       return result;
     }
     const defaultAppModel = ibiz.hub.getAppSourceModel(defaultApp.appId);
+    if (!defaultAppModel || !defaultAppModel.cache) {
+      return result;
+    }
     const allAppIndexViews = (_b = (_a = defaultAppModel.cache) == null ? void 0 : _a.getPSAppViews) == null ? void 0 : _b.filter(
       (appView) => {
-        return appView.viewType === "APPINDEXVIEW";
+        return appView.viewType === "APPINDEXVIEW" && appView.appSwitchMode === 1;
       }
     );
     if (allAppIndexViews && allAppIndexViews.length > 0) {
@@ -220,7 +223,7 @@ class AppSwitchController extends PanelItemController {
         const subAppModel = ibiz.hub.getAppSourceModel(subApp.appId);
         const allSubAppIndexViews = (_d = (_c = subAppModel.cache) == null ? void 0 : _c.getPSAppViews) == null ? void 0 : _d.filter(
           (appView) => {
-            return appView.viewType === "APPINDEXVIEW";
+            return appView.viewType === "APPINDEXVIEW" && appView.appSwitchMode === 1;
           }
         );
         if (allSubAppIndexViews && allSubAppIndexViews.length > 0) {
@@ -259,7 +262,10 @@ class AppSwitchController extends PanelItemController {
       await ibiz.hub.getAppAsync(tempKey);
     }
     const targetAppModel = ibiz.hub.getAppSourceModel(tempKey);
-    if (targetAppModel.getDefaultPSAppIndexView) {
+    const defaultApp = ibiz.hub.getApp();
+    if (defaultApp.model.appId === tempKey && window.Environment.AppTitle) {
+      ibiz.env.AppTitle = window.Environment.AppTitle;
+    } else if (targetAppModel.getDefaultPSAppIndexView) {
       const view = targetAppModel.getDefaultPSAppIndexView;
       if (targetAppModel.caption) {
         ibiz.env.AppTitle = targetAppModel.caption;

package/es/panel-component/app-switch/app-switch.css

@@ -1 +1 @@
-.ibiz-app-switch{--ibiz-app-switch-icon-width:36px;--ibiz-app-switch-icon-height:36px;--ibiz-app-switch-icon-padding:0 var(--ibiz-spacing-tight);--ibiz-app-switch-icon-font-size:var(--ibiz-font-size-header-2);--ibiz-app-switch-icon-color:var(--ibiz-color-text-0);--ibiz-app-switch-dropdown-min-width:250px;--ibiz-app-switch-dropdown-item-height:40px}.ibiz-app-switch__icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-app-switch-icon-width);height:var(--ibiz-app-switch-icon-height);padding:var(--ibiz-app-switch-icon-padding);font-size:var(--ibiz-app-switch-icon-font-size);color:var(--ibiz-app-switch-icon-color);cursor:pointer}.ibiz-app-switch__dropdown{--ibiz-app-switch-icon-width:36px;--ibiz-app-switch-icon-height:36px;--ibiz-app-switch-icon-padding:0 var(--ibiz-spacing-tight);--ibiz-app-switch-icon-font-size:var(--ibiz-font-size-header-2);--ibiz-app-switch-icon-color:var(--ibiz-color-text-0);--ibiz-app-switch-dropdown-min-width:250px;--ibiz-app-switch-dropdown-item-height:40px;min-width:var(--ibiz-app-switch-dropdown-min-width)}.ibiz-app-switch__item{display:flex;align-items:center;justify-content:flex-start;width:100%;height:var(--ibiz-app-switch-dropdown-item-height);font-size:var(--ibiz-font-size-regular);white-space:nowrap}.ibiz-app-switch__item.is-active{background-color:var(--ibiz-color-primary-active)!important}
+.ibiz-app-switch{--ibiz-app-switch-icon-width:36px;--ibiz-app-switch-icon-height:36px;--ibiz-app-switch-icon-padding:0 var(--ibiz-spacing-tight);--ibiz-app-switch-icon-font-size:var(--ibiz-font-size-header-2);--ibiz-app-switch-icon-color:var(--ibiz-color-text-0);--ibiz-app-switch-dropdown-min-width:250px;--ibiz-app-switch-dropdown-item-height:40px}.ibiz-app-switch__icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-app-switch-icon-width);height:var(--ibiz-app-switch-icon-height);padding:var(--ibiz-app-switch-icon-padding);font-size:var(--ibiz-app-switch-icon-font-size);color:var(--ibiz-app-switch-icon-color);cursor:pointer}.ibiz-app-switch__dropdown{--ibiz-app-switch-icon-width:36px;--ibiz-app-switch-icon-height:36px;--ibiz-app-switch-icon-padding:0 var(--ibiz-spacing-tight);--ibiz-app-switch-icon-font-size:var(--ibiz-font-size-header-2);--ibiz-app-switch-icon-color:var(--ibiz-color-text-0);--ibiz-app-switch-dropdown-min-width:250px;--ibiz-app-switch-dropdown-item-height:40px;min-width:var(--ibiz-app-switch-dropdown-min-width)}.ibiz-app-switch__item{display:flex;align-items:center;justify-content:flex-start;width:100%;height:var(--ibiz-app-switch-dropdown-item-height);font-size:var(--ibiz-font-size-regular);white-space:nowrap}.ibiz-app-switch__item.is-active{color:var(--ibiz-color-primary-active-text)!important;background-color:var(--ibiz-color-primary-active)!important}

package/es/panel-component/app-switch/app-switch.mjs

@@ -1,4 +1,4 @@
-import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent } from 'vue';
 import { useRouter } from 'vue-router';
 import { showTitle } from '@ibiz-template/core';
 import { useNamespace } from '@ibiz-template/vue3-util';

package/es/panel-component/auth-captcha/auth-captcha.mjs

@@ -1,4 +1,4 @@
-import { computed, resolveComponent, createVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { defineComponent, createVNode, withDirectives, resolveComponent, resolveDirective, computed } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { showTitle } from '@ibiz-template/core';
 import { AuthCaptchaController } from './auth-captcha.controller.mjs';

package/es/panel-component/auth-sso/auth-sso.css

@@ -1 +1 @@
-.ibiz-auth-sso{--ibiz-auth-sso-icon-width:var(--ibiz-editor-default-line-height);--ibiz-auth-sso-icon-height:var(--ibiz-editor-default-line-height);--ibiz-auth-sso-gap:var(--ibiz-spacing-base);display:flex;gap:var(--ibiz-auth-sso-gap);justify-content:center;width:100%}.ibiz-auth-sso__sign-btn{width:var(--ibiz-auth-sso-icon-width);height:var(--ibiz-auth-sso-icon-height);cursor:pointer}.ibiz-auth-sso__sign-btn svg{width:100%;height:100%}
+.ibiz-auth-sso{--ibiz-auth-sso-icon-width:var(--ibiz-editor-default-line-height);--ibiz-auth-sso-icon-height:var(--ibiz-editor-default-line-height);--ibiz-auth-sso-gap:var(--ibiz-spacing-base);display:flex;gap:var(--ibiz-auth-sso-gap);justify-content:center;width:100%}.ibiz-auth-sso__sign-btn{width:var(--ibiz-auth-sso-icon-width);height:var(--ibiz-auth-sso-icon-height);cursor:pointer}.ibiz-auth-sso__sign-btn svg{width:100%;height:100%}.ibiz-auth-sso__sign-btn .ibiz-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}