@ibiz-template/vue3-components 0.7.41-alpha.145 → 0.7.41-alpha.147

package/lib/control/app-menu/app-menu.cjs

@@ -254,6 +254,26 @@ const AppMenuControl = /* @__PURE__ */ vue.defineComponent({
         return provider.renderText(menu, c);
       }
     };
+    const renderItemRender = (menu) => {
+      var _a;
+      const {
+        controlRenders = []
+      } = menu;
+      const panel = (_a = controlRenders.find((render) => render.renderType === "LAYOUTPANEL")) == null ? void 0 : _a.layoutPanel;
+      if (panel)
+        return vue.createVNode(vue.resolveComponent("iBizControlShell"), {
+          "class": ns.e("panel"),
+          "modelData": panel,
+          "context": c.context,
+          "params": c.params
+        }, null);
+      const htmlCode = c.getCustomHtml(menu);
+      if (htmlCode)
+        return vue.createVNode("div", {
+          "class": ns.e("script"),
+          "innerHTML": htmlCode
+        }, null);
+    };
     const renderGroupmenu = (menu) => {
       const {
         id = "",
@@ -274,10 +294,12 @@ const AppMenuControl = /* @__PURE__ */ vue.defineComponent({
         })
       }, {
         title: () => {
+          const renderMenu2 = renderItemRender(menu);
+          if (renderMenu2)
+            return renderMenu2;
           const provider = c.itemProviders[id];
-          if (provider) {
+          if (provider)
             return renderItemByProvider(provider, menu);
-          }
           return [sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
             "class": [ns.e("icon"), semanticClass("groupitem.icon", {
               item: menu
@@ -335,10 +357,12 @@ const AppMenuControl = /* @__PURE__ */ vue.defineComponent({
       }, {
         default: () => appMenuItems.map((item) => renderMenu(false, item)),
         title: () => {
+          const renderMenu2 = renderItemRender(menu);
+          if (renderMenu2)
+            return renderMenu2;
           const provider = c.itemProviders[id];
-          if (provider) {
+          if (provider)
             return renderItemByProvider(provider, menu);
-          }
           if (props.collapse) {
             if (sysImage)
               return vue.createVNode(vue.resolveComponent("iBizIcon"), {
@@ -393,7 +417,10 @@ const AppMenuControl = /* @__PURE__ */ vue.defineComponent({
       } = menu;
       let content = null;
       const provider = c.itemProviders[id];
-      if (provider) {
+      const renderMenu2 = renderItemRender(menu);
+      if (renderMenu2) {
+        content = renderMenu2;
+      } else if (provider) {
         content = renderItemByProvider(provider, menu);
       } else if (!(isFirst && props.collapse)) {
         content = [sysImage ? vue.createVNode(vue.resolveComponent("iBizIcon"), {
@@ -464,12 +491,14 @@ const AppMenuControl = /* @__PURE__ */ vue.defineComponent({
       });
     };
     const renderSeperator = (isFirst, menu) => {
+      const renderMenu2 = renderItemRender(menu);
+      if (renderMenu2)
+        return renderMenu2;
       const direction = c.view.model.mainMenuAlign === "TOP" && isFirst ? "vertical" : "horizontal";
       const menuId = menu.id || "";
       const provider = c.itemProviders[menuId];
-      if (provider) {
+      if (provider)
         return renderItemByProvider(provider, menu);
-      }
       return vue.createVNode(vue.resolveComponent("el-divider"), {
         "id": menu.id,
         "direction": direction,
@@ -489,7 +518,10 @@ const AppMenuControl = /* @__PURE__ */ vue.defineComponent({
       } = menu;
       const provider = c.itemProviders[id];
       let content = null;
-      if (provider) {
+      const renderMenu2 = renderItemRender(menu);
+      if (renderMenu2) {
+        content = renderMenu2;
+      } else if (provider) {
         content = renderItemByProvider(provider, menu);
       } else {
         content = vue.createVNode(vue.resolveComponent("iBizRawItem"), {

package/lib/control/app-menu/app-menu.css

@@ -1 +1 @@
-.ibiz-control-appmenu{position:relative;width:100%;height:100%;--ibiz-control-appmenu-scroll-color:var(--ibiz-color-scroll-menu);--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-tight);--ibiz-control-appmenu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-border:2px solid var(--ibiz-color-text-1);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-height:42px;--ibiz-control-appmenu-item-gap:2px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-item-horizontal-height:100%;--ibiz-control-appmenu-item-horizontal-border-radius:0;--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-control-appmenu-item-horizontal-popup-height:40px;--ibiz-control-appmenu-submenu-gap:var(--ibiz-control-appmenu-item-gap);--ibiz-control-appmenu-item-icon-width:var(--ibiz-width-icon-large);--ibiz-control-appmenu-item-icon-height:var(--ibiz-width-icon-large);--ibiz-control-appmenu-item-icon-margin:0 var(--ibiz-spacing-tight) 0 0;--ibiz-control-appmenu-item-icon-size:var(--ibiz-width-icon-medium);--ibiz-control-appmenu-item-counter-height:20px;--ibiz-control-appmenu-item-counter-color:var(--ibiz-color-danger-text);--ibiz-control-appmenu-item-counter-bg-color:var(--ibiz-color-danger);--ibiz-control-appmenu-item-counter-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-control-appmenu-item-counter-gap:5px;--ibiz-control-appmenu-item-counter-border-radius:var(--ibiz-border-radius-medium);--ibiz-control-appmenu-divider-color:var(--ibiz-color-scroll-menu);--ibiz-control-appmenu-divider-margin:var(--ibiz-spacing-tight) 0;--ibiz-control-appmenu-collapse-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-collapse-bottom:var(--ibiz-spacing-tight);--ibiz-control-appmenu-collapse-right:var(--ibiz-spacing-base-tight);--ibiz-control-appmenu-collapse-height:var(--ibiz-spacing-super-loose);--ibiz-control-appmenu-design-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-design-bottom:var(--ibiz-spacing-tight);--ibiz-control-appmenu-design-left:var(--ibiz-spacing-base-tight);--ibiz-control-appmenu-design-right:var(--ibiz-spacing-base-tight);--ibiz-control-appmenu-design-height:var(--ibiz-spacing-super-loose)}.ibiz-control-appmenu>.el-menu{height:100%;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);overflow-y:auto;border-right:0;--el-menu-hover-text-color:var(--ibiz-control-appmenu-item-color);--el-menu-hover-bg-color:transparent;--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-tight);--ibiz-control-appmenu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-border:2px solid var(--ibiz-color-text-1);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-height:42px;--ibiz-control-appmenu-item-gap:2px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-item-horizontal-height:100%;--ibiz-control-appmenu-item-horizontal-border-radius:0;--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-control-appmenu-item-horizontal-popup-height:40px}.ibiz-control-appmenu>.el-menu .ibiz-control-appmenu__rawitem{min-height:var(--ibiz-control-appmenu-item-height);line-height:var(--ibiz-control-appmenu-item-height)}.ibiz-control-appmenu>.el-menu .ibiz-control-appmenu__rawitem .ibiz-rawitem{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-color)}.ibiz-control-appmenu>.el-menu .ibiz-control-appmenu__rawitem .ibiz-rawitem *{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-appmenu .ibiz-control-appmenu-groupmenu .el-menu-item-group__title{padding:var(--ibiz-spacing-extra-tight) 0 var(--ibiz-spacing-extra-tight) 10px;font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-horizontal-color)}.ibiz-control-appmenu .ibiz-control-appmenu-groupmenu>ul>.el-menu-item{padding:0 var(--ibiz-spacing-extra-loose)}.ibiz-control-appmenu .ibiz-control-appmenu-groupmenu>ul>.el-divider{width:calc(100% - 40px);margin:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose)}.ibiz-control-appmenu .el-sub-menu .el-sub-menu__icon-arrow{right:10px;width:var(--ibiz-control-appmenu-item-icon-width);height:var(--ibiz-control-appmenu-item-icon-height);margin-top:-10px;font-size:var(--ibiz-control-appmenu-item-icon-width)}.ibiz-control-appmenu .el-sub-menu .el-menu-item{padding:calc(var(--ibiz-control-appmenu-item-padding) * .875) calc(var(--ibiz-control-appmenu-item-padding) * 2.5)}.ibiz-control-appmenu .el-sub-menu .el-sub-menu__title>.ibiz-control-appmenu__counter{right:30px}.ibiz-control-appmenu .el-menu--vertical{width:100%}.ibiz-control-appmenu .el-menu--vertical .el-menu-item,.ibiz-control-appmenu .el-menu--vertical .el-menu-item-group__title,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title{display:flex;align-items:center;justify-content:flex-start;--el-menu-base-level-padding:var(--ibiz-control-appmenu-item-padding);width:100%;height:var(--ibiz-control-appmenu-item-height);font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-color);white-space:nowrap;border-radius:var(--ibiz-control-appmenu-item-border-radius)}.ibiz-control-appmenu .el-menu--vertical .el-menu-item-group__title.is-active,.ibiz-control-appmenu .el-menu--vertical .el-menu-item.is-active,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-selected-color)!important;background-color:var(--ibiz-control-appmenu-item-selected-bg-color)}.ibiz-control-appmenu .el-menu--vertical .el-menu-item-group__title:hover,.ibiz-control-appmenu .el-menu--vertical .el-menu-item:hover,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-hover-color);background-color:var(--ibiz-control-appmenu-item-hover-bg-color)}.ibiz-control-appmenu .el-menu--vertical .el-menu-item .ibiz-control-appmenu__caption,.ibiz-control-appmenu .el-menu--vertical .el-menu-item-group__title .ibiz-control-appmenu__caption,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title .ibiz-control-appmenu__caption{width:100%;overflow:hidden;line-height:var(--ibiz-control-appmenu-item-height);text-overflow:ellipsis;white-space:nowrap}.ibiz-control-appmenu .el-menu--vertical .el-menu-item+.el-menu-item{margin-top:var(--ibiz-control-appmenu-item-gap)}.ibiz-control-appmenu .el-menu--vertical .el-sub-menu+.el-menu-item{margin-top:var(--ibiz-control-appmenu-item-gap)}.ibiz-control-appmenu .el-menu--vertical .el-sub-menu+.el-sub-menu{margin-top:var(--ibiz-control-appmenu-submenu-gap)}.ibiz-control-appmenu .el-menu--vertical .el-menu-item+.el-sub-menu{margin-top:var(--ibiz-control-appmenu-submenu-gap)}.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title+.el-menu{margin-top:var(--ibiz-control-appmenu-item-gap)}.ibiz-control-appmenu .el-menu--vertical::-webkit-scrollbar-thumb{background-color:var(--ibiz-control-appmenu-scroll-color)}.ibiz-control-appmenu .el-menu--horizontal{align-items:center;height:100%;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);overflow-x:hidden;background-color:transparent;border-bottom:none}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title{height:var(--ibiz-control-appmenu-item-horizontal-height);padding:var(--ibiz-control-appmenu-item-horizontal-padding);font-size:var(--ibiz-control-appmenu-item-horizontal-font-size);line-height:var(--ibiz-control-appmenu-item-horizontal-height);color:var(--ibiz-control-appmenu-item-horizontal-color);white-space:nowrap;border-width:0;border-radius:var(--ibiz-control-appmenu-item-horizontal-border-radius)}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item:hover,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-horizontal-hover-color);background-color:var(--ibiz-control-appmenu-item-horizontal-hover-bg-color)}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item.is-active,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-selected-color)!important;background-color:var(--ibiz-control-appmenu-item-horizontal-selected-bg-color);border-top:var(--ibiz-control-appmenu-item-border)}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item .el-sub-menu__icon-arrow,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title .el-sub-menu__icon-arrow{right:2px}.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu{height:var(--ibiz-control-appmenu-item-horizontal-height)}.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu>.el-sub-menu__title{padding-right:calc(2 * var(--ibiz-control-appmenu-item-icon-width))}.ibiz-control-appmenu .el-menu--horizontal>.el-sub-menu:hover .el-sub-menu__title{color:var(--ibiz-control-appmenu-item-horizontal-hover-color);background-color:var(--ibiz-control-appmenu-item-horizontal-hover-bg-color)}.ibiz-control-appmenu .el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title{color:var(--ibiz-control-appmenu-item-horizontal-selected-color);background-color:var(--ibiz-control-appmenu-item-horizontal-selected-bg-color);border-top:var(--ibiz-control-appmenu-item-border);border-bottom:0}.ibiz-control-appmenu .el-menu--horizontal::-webkit-scrollbar-thumb{background-color:var(--ibiz-control-appmenu-scroll-color)}.ibiz-control-appmenu .el-menu--horizontal .el-divider--vertical{border-color:var(--ibiz-control-appmenu-divider-color)}.ibiz-control-appmenu .el-menu--horizontal .ibiz-control-appmenu__counter{position:unset;margin-left:var(--ibiz-control-appmenu-item-counter-gap);transform:none}.ibiz-control-appmenu__icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-appmenu-item-icon-width);height:var(--ibiz-control-appmenu-item-icon-height);margin:var(--ibiz-control-appmenu-item-icon-margin);font-size:var(--ibiz-control-appmenu-item-icon-size)}.ibiz-control-appmenu__icon>svg{max-width:var(--ibiz-control-appmenu-item-icon-width);max-height:var(--ibiz-control-appmenu-item-icon-height)}.ibiz-control-appmenu.is-collapse>.el-menu.el-menu--vertical{padding:0 var(--ibiz-spacing-tight)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu__icon{margin:var(--ibiz-spacing-none)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu__item{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-none);margin-bottom:var(--ibiz-spacing-tight)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-tooltip{width:100%}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu{display:block}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu>.el-sub-menu__title{display:flex;align-items:center;justify-content:center;display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-none);margin-bottom:var(--ibiz-spacing-tight);white-space:nowrap;cursor:pointer}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu .ibiz-control-appmenu-submenu__item{padding:var(--ibiz-spacing-none)}.ibiz-control-appmenu.is-show-collapse>.el-menu{height:calc(100% - var(--ibiz-control-appmenu-collapse-height));padding:0 var(--ibiz-spacing-base)}.ibiz-control-appmenu .ibiz-control-appmenu__counter{position:absolute;top:50%;right:var(--ibiz-control-appmenu-item-counter-gap);transform:translateY(-50%)}.ibiz-control-appmenu.is-scroll .el-menu.el-menu--vertical{padding-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-appmenu-popup-container{--el-menu-hover-text-color:var(--ibiz-control-appmenu-item-color);--el-menu-hover-bg-color:transparent;--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-tight);--ibiz-control-appmenu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-border:2px solid var(--ibiz-color-text-1);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-height:42px;--ibiz-control-appmenu-item-gap:2px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-item-horizontal-height:100%;--ibiz-control-appmenu-item-horizontal-border-radius:0;--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-control-appmenu-item-horizontal-popup-height:40px}.ibiz-control-appmenu-popup-container .ibiz-control-appmenu__rawitem{min-height:var(--ibiz-control-appmenu-item-height);line-height:var(--ibiz-control-appmenu-item-height)}.ibiz-control-appmenu-popup-container .ibiz-control-appmenu__rawitem .ibiz-rawitem{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-color)}.ibiz-control-appmenu-popup-container .ibiz-control-appmenu__rawitem .ibiz-rawitem *{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-appmenu-popup-container{--ibiz-control-appmenu-item-counter-height:20px;--ibiz-control-appmenu-item-counter-color:var(--ibiz-color-danger-text);--ibiz-control-appmenu-item-counter-bg-color:var(--ibiz-color-danger);--ibiz-control-appmenu-item-counter-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-control-appmenu-item-counter-gap:5px;--ibiz-control-appmenu-item-counter-border-radius:var(--ibiz-border-radius-medium)}.ibiz-control-appmenu-popup-container .ibiz-control-appmenu-popup-container__extview1.el-menu--popup-container .el-menu--popup{padding:var(--ibiz-spacing-extra-tight) 0!important}.ibiz-control-appmenu-popup-container.el-menu--popup-container{--ibiz-control-appmenu-scroll-color:var(--ibiz-color-scroll-menu);--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-tight);--ibiz-control-appmenu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-border:2px solid var(--ibiz-color-text-1);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-height:42px;--ibiz-control-appmenu-item-gap:2px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-item-horizontal-height:100%;--ibiz-control-appmenu-item-horizontal-border-radius:0;--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-control-appmenu-item-horizontal-popup-height:40px;--ibiz-control-appmenu-item-icon-width:var(--ibiz-width-icon-large);--ibiz-control-appmenu-item-icon-height:var(--ibiz-width-icon-large);--ibiz-control-appmenu-item-icon-margin:0 var(--ibiz-spacing-tight) 0 0;--ibiz-control-appmenu-item-icon-size:var(--ibiz-width-icon-medium);border:none;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-control-appmenu-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-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .ibiz-control-appmenu-groupmenu .el-menu-item-group__title{padding:var(--ibiz-spacing-extra-tight) 0 var(--ibiz-spacing-extra-tight) 10px;font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-horizontal-color)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .ibiz-control-appmenu-groupmenu>ul>.el-menu-item{padding:0 var(--ibiz-spacing-extra-loose)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .ibiz-control-appmenu-groupmenu>ul>.el-divider{width:calc(100% - 40px);margin:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item,.ibiz-control-appmenu-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-control-appmenu-item-horizontal-popup-height);font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-horizontal-color);white-space:nowrap;border-radius:var(--ibiz-control-appmenu-item-horizontal-border-radius)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item.is-active,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-horizontal-selected-color);background-color:var(--ibiz-control-appmenu-item-horizontal-selected-bg-color)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item:hover,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-hover-color);background-color:var(--ibiz-control-appmenu-item-hover-bg-color)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item .el-icon,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title .el-icon{display:none}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .ibiz-rawitem{--ibiz-rawitem-text-color:var(--ibiz-control-appmenu-item-horizontal-color)}.ibiz-control-appmenu-popup-container .ibiz-control-appmenu__counter{position:absolute;top:50%;right:var(--ibiz-control-appmenu-item-counter-gap);height:var(--ibiz-control-appmenu-item-counter-height);padding:var(--ibiz-control-appmenu-item-counter-padding);line-height:initial;color:var(--ibiz-control-appmenu-item-counter-color);background-color:var(--ibiz-control-appmenu-item-counter-bg-color);border-radius:var(--ibiz-control-appmenu-item-counter-border-radius);transform:translateY(-50%)}.ibiz-control-appmenu .ibiz-control-appmenu-collapse-icon{position:absolute;right:var(--ibiz-control-appmenu-collapse-right);bottom:var(--ibiz-control-appmenu-collapse-bottom);font-size:var(--ibiz-control-appmenu-collapse-font-size);cursor:pointer}.ibiz-control-appmenu .ibiz-control-appmenu-collapse-icon.is-collapse{transform:rotate(180deg)}.ibiz-control-appmenu .ibiz-control-appmenu-menu-set{position:absolute;bottom:var(--ibiz-control-appmenu-design-bottom);left:var(--ibiz-control-appmenu-design-left);font-size:var(--ibiz-control-appmenu-design-font-size);cursor:pointer}.ibiz-control-appmenu .ibiz-control-appmenu-menu-set.is-horizontal{right:var(--ibiz-control-appmenu-design-right);bottom:0;left:unset;display:flex;align-items:center;height:100%}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-collapse-icon{right:0;width:100%;text-align:center}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-menu-set{position:absolute;right:var(--ibiz-control-appmenu-design-right);bottom:var(--ibiz-control-appmenu-collapse-height);display:flex;justify-content:center;cursor:pointer}.ibiz-control-appmenu.is-collapse.is-show-menu-design>.el-menu{height:calc(100% - var(--ibiz-control-appmenu-design-height) - var(--ibiz-control-appmenu-collapse-height))}.ibiz-control-appmenu__separator--horizontal{margin:var(--ibiz-control-appmenu-divider-margin);border-color:var(--ibiz-control-appmenu-divider-color)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-control-appmenu__item,.ibiz-control-appmenu-submenu){--ibiz-control-appmenu-scroll-color:var(--ibiz-color-scroll-menu);--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-tight);--ibiz-control-appmenu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-border:2px solid var(--ibiz-color-text-1);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-height:42px;--ibiz-control-appmenu-item-gap:2px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-item-horizontal-height:100%;--ibiz-control-appmenu-item-horizontal-border-radius:0;--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-control-appmenu-item-horizontal-popup-height:40px;--ibiz-control-appmenu-item-icon-width:var(--ibiz-width-icon-large);--ibiz-control-appmenu-item-icon-height:var(--ibiz-width-icon-large);--ibiz-control-appmenu-item-icon-margin:0 var(--ibiz-spacing-tight) 0 0;--ibiz-control-appmenu-item-icon-size:var(--ibiz-width-icon-medium);border:none;box-shadow:var(--ibiz-shadow-elevated)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-control-appmenu__item,.ibiz-control-appmenu-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-control-appmenu__item,.ibiz-control-appmenu-submenu) .el-menu--popup .el-menu-item,.el-menu--horizontal.el-menu--popup-container:has(.ibiz-control-appmenu__item,.ibiz-control-appmenu-submenu) .el-menu--popup .el-sub-menu__title{display:flex;align-items:center;justify-content:flex-start;width:100%;height:var(--ibiz-control-appmenu-item-horizontal-popup-height);font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-horizontal-color);white-space:nowrap;border-radius:var(--ibiz-control-appmenu-item-horizontal-border-radius)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-control-appmenu__item,.ibiz-control-appmenu-submenu) .el-menu--popup .el-menu-item.is-active,.el-menu--horizontal.el-menu--popup-container:has(.ibiz-control-appmenu__item,.ibiz-control-appmenu-submenu) .el-menu--popup .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-horizontal-selected-color);background-color:var(--ibiz-control-appmenu-item-horizontal-selected-bg-color)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-control-appmenu__item,.ibiz-control-appmenu-submenu) .el-menu--popup .el-menu-item:hover,.el-menu--horizontal.el-menu--popup-container:has(.ibiz-control-appmenu__item,.ibiz-control-appmenu-submenu) .el-menu--popup .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-hover-color);background-color:var(--ibiz-control-appmenu-item-hover-bg-color)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-control-appmenu__item,.ibiz-control-appmenu-submenu) .el-menu--popup .el-menu-item .el-icon,.el-menu--horizontal.el-menu--popup-container:has(.ibiz-control-appmenu__item,.ibiz-control-appmenu-submenu) .el-menu--popup .el-sub-menu__title .el-icon{display:none}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-control-appmenu__item,.ibiz-control-appmenu-submenu) .el-menu--popup .el-menu-item.is-disabled:hover{background-color:var(--ibiz-control-appmenu-item-hover-bg-color)!important}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-control-appmenu__item,.ibiz-control-appmenu-submenu) .el-menu--popup .ibiz-rawitem{--ibiz-rawitem-text-color:var(--ibiz-control-appmenu-item-horizontal-color)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-control-appmenu__item,.ibiz-control-appmenu-submenu) .el-menu .el-sub-menu.is-active>.el-sub-menu__title{color:var(--ibiz-control-appmenu-item-horizontal-selected-color)}
+.ibiz-control-appmenu{position:relative;width:100%;height:100%;--ibiz-control-appmenu-scroll-color:var(--ibiz-color-scroll-menu);--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-tight);--ibiz-control-appmenu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-border:2px solid var(--ibiz-color-text-1);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-height:42px;--ibiz-control-appmenu-item-gap:2px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-item-horizontal-height:100%;--ibiz-control-appmenu-item-horizontal-border-radius:0;--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-control-appmenu-item-horizontal-popup-height:40px;--ibiz-control-appmenu-submenu-gap:var(--ibiz-control-appmenu-item-gap);--ibiz-control-appmenu-item-icon-width:var(--ibiz-width-icon-large);--ibiz-control-appmenu-item-icon-height:var(--ibiz-width-icon-large);--ibiz-control-appmenu-item-icon-margin:0 var(--ibiz-spacing-tight) 0 0;--ibiz-control-appmenu-item-icon-size:var(--ibiz-width-icon-medium);--ibiz-control-appmenu-item-counter-height:20px;--ibiz-control-appmenu-item-counter-color:var(--ibiz-color-danger-text);--ibiz-control-appmenu-item-counter-bg-color:var(--ibiz-color-danger);--ibiz-control-appmenu-item-counter-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-control-appmenu-item-counter-gap:5px;--ibiz-control-appmenu-item-counter-border-radius:var(--ibiz-border-radius-medium);--ibiz-control-appmenu-divider-color:var(--ibiz-color-scroll-menu);--ibiz-control-appmenu-divider-margin:var(--ibiz-spacing-tight) 0;--ibiz-control-appmenu-collapse-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-collapse-bottom:var(--ibiz-spacing-tight);--ibiz-control-appmenu-collapse-right:var(--ibiz-spacing-base-tight);--ibiz-control-appmenu-collapse-height:var(--ibiz-spacing-super-loose);--ibiz-control-appmenu-design-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-design-bottom:var(--ibiz-spacing-tight);--ibiz-control-appmenu-design-left:var(--ibiz-spacing-base-tight);--ibiz-control-appmenu-design-right:var(--ibiz-spacing-base-tight);--ibiz-control-appmenu-design-height:var(--ibiz-spacing-super-loose)}.ibiz-control-appmenu__panel{line-height:normal}.ibiz-control-appmenu>.el-menu{height:100%;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);overflow-y:auto;border-right:0;--el-menu-hover-text-color:var(--ibiz-control-appmenu-item-color);--el-menu-hover-bg-color:transparent;--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-tight);--ibiz-control-appmenu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-border:2px solid var(--ibiz-color-text-1);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-height:42px;--ibiz-control-appmenu-item-gap:2px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-item-horizontal-height:100%;--ibiz-control-appmenu-item-horizontal-border-radius:0;--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-control-appmenu-item-horizontal-popup-height:40px}.ibiz-control-appmenu>.el-menu .ibiz-control-appmenu__rawitem{min-height:var(--ibiz-control-appmenu-item-height);line-height:var(--ibiz-control-appmenu-item-height)}.ibiz-control-appmenu>.el-menu .ibiz-control-appmenu__rawitem .ibiz-rawitem{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-color)}.ibiz-control-appmenu>.el-menu .ibiz-control-appmenu__rawitem .ibiz-rawitem *{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-appmenu .ibiz-control-appmenu-groupmenu .el-menu-item-group__title{padding:var(--ibiz-spacing-extra-tight) 0 var(--ibiz-spacing-extra-tight) 10px;font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-horizontal-color)}.ibiz-control-appmenu .ibiz-control-appmenu-groupmenu>ul>.el-menu-item{padding:0 var(--ibiz-spacing-extra-loose)}.ibiz-control-appmenu .ibiz-control-appmenu-groupmenu>ul>.el-divider{width:calc(100% - 40px);margin:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose)}.ibiz-control-appmenu .el-sub-menu .el-sub-menu__icon-arrow{right:10px;width:var(--ibiz-control-appmenu-item-icon-width);height:var(--ibiz-control-appmenu-item-icon-height);margin-top:-10px;font-size:var(--ibiz-control-appmenu-item-icon-width)}.ibiz-control-appmenu .el-sub-menu .el-menu-item{padding:calc(var(--ibiz-control-appmenu-item-padding) * .875) calc(var(--ibiz-control-appmenu-item-padding) * 2.5)}.ibiz-control-appmenu .el-sub-menu .el-sub-menu__title>.ibiz-control-appmenu__counter{right:30px}.ibiz-control-appmenu .el-menu--vertical{width:100%}.ibiz-control-appmenu .el-menu--vertical .el-menu-item,.ibiz-control-appmenu .el-menu--vertical .el-menu-item-group__title,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title{display:flex;align-items:center;justify-content:flex-start;--el-menu-base-level-padding:var(--ibiz-control-appmenu-item-padding);width:100%;height:var(--ibiz-control-appmenu-item-height);font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-color);white-space:nowrap;border-radius:var(--ibiz-control-appmenu-item-border-radius)}.ibiz-control-appmenu .el-menu--vertical .el-menu-item-group__title.is-active,.ibiz-control-appmenu .el-menu--vertical .el-menu-item.is-active,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-selected-color)!important;background-color:var(--ibiz-control-appmenu-item-selected-bg-color)}.ibiz-control-appmenu .el-menu--vertical .el-menu-item-group__title:hover,.ibiz-control-appmenu .el-menu--vertical .el-menu-item:hover,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-hover-color);background-color:var(--ibiz-control-appmenu-item-hover-bg-color)}.ibiz-control-appmenu .el-menu--vertical .el-menu-item .ibiz-control-appmenu__caption,.ibiz-control-appmenu .el-menu--vertical .el-menu-item-group__title .ibiz-control-appmenu__caption,.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title .ibiz-control-appmenu__caption{width:100%;overflow:hidden;line-height:var(--ibiz-control-appmenu-item-height);text-overflow:ellipsis;white-space:nowrap}.ibiz-control-appmenu .el-menu--vertical .el-menu-item+.el-menu-item{margin-top:var(--ibiz-control-appmenu-item-gap)}.ibiz-control-appmenu .el-menu--vertical .el-sub-menu+.el-menu-item{margin-top:var(--ibiz-control-appmenu-item-gap)}.ibiz-control-appmenu .el-menu--vertical .el-sub-menu+.el-sub-menu{margin-top:var(--ibiz-control-appmenu-submenu-gap)}.ibiz-control-appmenu .el-menu--vertical .el-menu-item+.el-sub-menu{margin-top:var(--ibiz-control-appmenu-submenu-gap)}.ibiz-control-appmenu .el-menu--vertical .el-sub-menu__title+.el-menu{margin-top:var(--ibiz-control-appmenu-item-gap)}.ibiz-control-appmenu .el-menu--vertical::-webkit-scrollbar-thumb{background-color:var(--ibiz-control-appmenu-scroll-color)}.ibiz-control-appmenu .el-menu--horizontal{align-items:center;height:100%;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);overflow-x:hidden;background-color:transparent;border-bottom:none}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title{height:var(--ibiz-control-appmenu-item-horizontal-height);padding:var(--ibiz-control-appmenu-item-horizontal-padding);font-size:var(--ibiz-control-appmenu-item-horizontal-font-size);line-height:var(--ibiz-control-appmenu-item-horizontal-height);color:var(--ibiz-control-appmenu-item-horizontal-color);white-space:nowrap;border-width:0;border-radius:var(--ibiz-control-appmenu-item-horizontal-border-radius)}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item:hover,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-horizontal-hover-color);background-color:var(--ibiz-control-appmenu-item-horizontal-hover-bg-color)}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item.is-active,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-selected-color)!important;background-color:var(--ibiz-control-appmenu-item-horizontal-selected-bg-color);border-top:var(--ibiz-control-appmenu-item-border)}.ibiz-control-appmenu .el-menu--horizontal .el-menu-item .el-sub-menu__icon-arrow,.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu__title .el-sub-menu__icon-arrow{right:2px}.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu{height:var(--ibiz-control-appmenu-item-horizontal-height)}.ibiz-control-appmenu .el-menu--horizontal .el-sub-menu>.el-sub-menu__title{padding-right:calc(2 * var(--ibiz-control-appmenu-item-icon-width))}.ibiz-control-appmenu .el-menu--horizontal>.el-sub-menu:hover .el-sub-menu__title{color:var(--ibiz-control-appmenu-item-horizontal-hover-color);background-color:var(--ibiz-control-appmenu-item-horizontal-hover-bg-color)}.ibiz-control-appmenu .el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title{color:var(--ibiz-control-appmenu-item-horizontal-selected-color);background-color:var(--ibiz-control-appmenu-item-horizontal-selected-bg-color);border-top:var(--ibiz-control-appmenu-item-border);border-bottom:0}.ibiz-control-appmenu .el-menu--horizontal::-webkit-scrollbar-thumb{background-color:var(--ibiz-control-appmenu-scroll-color)}.ibiz-control-appmenu .el-menu--horizontal .el-divider--vertical{border-color:var(--ibiz-control-appmenu-divider-color)}.ibiz-control-appmenu .el-menu--horizontal .ibiz-control-appmenu__counter{position:unset;margin-left:var(--ibiz-control-appmenu-item-counter-gap);transform:none}.ibiz-control-appmenu__icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-appmenu-item-icon-width);height:var(--ibiz-control-appmenu-item-icon-height);margin:var(--ibiz-control-appmenu-item-icon-margin);font-size:var(--ibiz-control-appmenu-item-icon-size)}.ibiz-control-appmenu__icon>svg{max-width:var(--ibiz-control-appmenu-item-icon-width);max-height:var(--ibiz-control-appmenu-item-icon-height)}.ibiz-control-appmenu.is-collapse>.el-menu.el-menu--vertical{padding:0 var(--ibiz-spacing-tight)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu__icon{margin:var(--ibiz-spacing-none)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu__item{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-none);margin-bottom:var(--ibiz-spacing-tight)}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-tooltip{width:100%}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu{display:block}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu>.el-sub-menu__title{display:flex;align-items:center;justify-content:center;display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-none);margin-bottom:var(--ibiz-spacing-tight);white-space:nowrap;cursor:pointer}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-submenu .ibiz-control-appmenu-submenu__item{padding:var(--ibiz-spacing-none)}.ibiz-control-appmenu.is-show-collapse>.el-menu{height:calc(100% - var(--ibiz-control-appmenu-collapse-height));padding:0 var(--ibiz-spacing-base)}.ibiz-control-appmenu .ibiz-control-appmenu__counter{position:absolute;top:50%;right:var(--ibiz-control-appmenu-item-counter-gap);transform:translateY(-50%)}.ibiz-control-appmenu.is-scroll .el-menu.el-menu--vertical{padding-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-appmenu-popup-container{--el-menu-hover-text-color:var(--ibiz-control-appmenu-item-color);--el-menu-hover-bg-color:transparent;--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-tight);--ibiz-control-appmenu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-border:2px solid var(--ibiz-color-text-1);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-height:42px;--ibiz-control-appmenu-item-gap:2px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-item-horizontal-height:100%;--ibiz-control-appmenu-item-horizontal-border-radius:0;--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-control-appmenu-item-horizontal-popup-height:40px}.ibiz-control-appmenu-popup-container .ibiz-control-appmenu__rawitem{min-height:var(--ibiz-control-appmenu-item-height);line-height:var(--ibiz-control-appmenu-item-height)}.ibiz-control-appmenu-popup-container .ibiz-control-appmenu__rawitem .ibiz-rawitem{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-color)}.ibiz-control-appmenu-popup-container .ibiz-control-appmenu__rawitem .ibiz-rawitem *{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-appmenu-popup-container{--ibiz-control-appmenu-item-counter-height:20px;--ibiz-control-appmenu-item-counter-color:var(--ibiz-color-danger-text);--ibiz-control-appmenu-item-counter-bg-color:var(--ibiz-color-danger);--ibiz-control-appmenu-item-counter-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-control-appmenu-item-counter-gap:5px;--ibiz-control-appmenu-item-counter-border-radius:var(--ibiz-border-radius-medium)}.ibiz-control-appmenu-popup-container .ibiz-control-appmenu-popup-container__extview1.el-menu--popup-container .el-menu--popup{padding:var(--ibiz-spacing-extra-tight) 0!important}.ibiz-control-appmenu-popup-container.el-menu--popup-container{--ibiz-control-appmenu-scroll-color:var(--ibiz-color-scroll-menu);--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-tight);--ibiz-control-appmenu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-border:2px solid var(--ibiz-color-text-1);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-height:42px;--ibiz-control-appmenu-item-gap:2px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-item-horizontal-height:100%;--ibiz-control-appmenu-item-horizontal-border-radius:0;--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-control-appmenu-item-horizontal-popup-height:40px;--ibiz-control-appmenu-item-icon-width:var(--ibiz-width-icon-large);--ibiz-control-appmenu-item-icon-height:var(--ibiz-width-icon-large);--ibiz-control-appmenu-item-icon-margin:0 var(--ibiz-spacing-tight) 0 0;--ibiz-control-appmenu-item-icon-size:var(--ibiz-width-icon-medium);border:none;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-control-appmenu-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-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .ibiz-control-appmenu-groupmenu .el-menu-item-group__title{padding:var(--ibiz-spacing-extra-tight) 0 var(--ibiz-spacing-extra-tight) 10px;font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-horizontal-color)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .ibiz-control-appmenu-groupmenu>ul>.el-menu-item{padding:0 var(--ibiz-spacing-extra-loose)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .ibiz-control-appmenu-groupmenu>ul>.el-divider{width:calc(100% - 40px);margin:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item,.ibiz-control-appmenu-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-control-appmenu-item-horizontal-popup-height);font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-horizontal-color);white-space:nowrap;border-radius:var(--ibiz-control-appmenu-item-horizontal-border-radius)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item.is-active,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-horizontal-selected-color);background-color:var(--ibiz-control-appmenu-item-horizontal-selected-bg-color)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item:hover,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-hover-color);background-color:var(--ibiz-control-appmenu-item-hover-bg-color)}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-menu-item .el-icon,.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .el-sub-menu__title .el-icon{display:none}.ibiz-control-appmenu-popup-container.el-menu--popup-container .el-menu--popup .ibiz-rawitem{--ibiz-rawitem-text-color:var(--ibiz-control-appmenu-item-horizontal-color)}.ibiz-control-appmenu-popup-container .ibiz-control-appmenu__counter{position:absolute;top:50%;right:var(--ibiz-control-appmenu-item-counter-gap);height:var(--ibiz-control-appmenu-item-counter-height);padding:var(--ibiz-control-appmenu-item-counter-padding);line-height:initial;color:var(--ibiz-control-appmenu-item-counter-color);background-color:var(--ibiz-control-appmenu-item-counter-bg-color);border-radius:var(--ibiz-control-appmenu-item-counter-border-radius);transform:translateY(-50%)}.ibiz-control-appmenu .ibiz-control-appmenu-collapse-icon{position:absolute;right:var(--ibiz-control-appmenu-collapse-right);bottom:var(--ibiz-control-appmenu-collapse-bottom);font-size:var(--ibiz-control-appmenu-collapse-font-size);cursor:pointer}.ibiz-control-appmenu .ibiz-control-appmenu-collapse-icon.is-collapse{transform:rotate(180deg)}.ibiz-control-appmenu .ibiz-control-appmenu-menu-set{position:absolute;bottom:var(--ibiz-control-appmenu-design-bottom);left:var(--ibiz-control-appmenu-design-left);font-size:var(--ibiz-control-appmenu-design-font-size);cursor:pointer}.ibiz-control-appmenu .ibiz-control-appmenu-menu-set.is-horizontal{right:var(--ibiz-control-appmenu-design-right);bottom:0;left:unset;display:flex;align-items:center;height:100%}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-collapse-icon{right:0;width:100%;text-align:center}.ibiz-control-appmenu.is-collapse .ibiz-control-appmenu-menu-set{position:absolute;right:var(--ibiz-control-appmenu-design-right);bottom:var(--ibiz-control-appmenu-collapse-height);display:flex;justify-content:center;cursor:pointer}.ibiz-control-appmenu.is-collapse.is-show-menu-design>.el-menu{height:calc(100% - var(--ibiz-control-appmenu-design-height) - var(--ibiz-control-appmenu-collapse-height))}.ibiz-control-appmenu__separator--horizontal{margin:var(--ibiz-control-appmenu-divider-margin);border-color:var(--ibiz-control-appmenu-divider-color)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-control-appmenu__item,.ibiz-control-appmenu-submenu){--ibiz-control-appmenu-scroll-color:var(--ibiz-color-scroll-menu);--ibiz-control-appmenu-item-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-padding:var(--ibiz-spacing-tight);--ibiz-control-appmenu-item-border-radius:var(--ibiz-border-radius-small);--ibiz-control-appmenu-item-border:2px solid var(--ibiz-color-text-1);--ibiz-control-appmenu-item-font-size:var(--ibiz-font-size-header-6);--ibiz-control-appmenu-item-height:42px;--ibiz-control-appmenu-item-gap:2px;--ibiz-control-appmenu-item-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-selected-color:var(--ibiz-color-primary-active-text);--ibiz-control-appmenu-item-horizontal-selected-bg-color:var(--ibiz-color-primary-active);--ibiz-control-appmenu-item-horizontal-hover-color:var(--ibiz-color-primary-hover-text);--ibiz-control-appmenu-item-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-control-appmenu-item-horizontal-color:var(--ibiz-color-text-menu);--ibiz-control-appmenu-item-horizontal-font-size:var(--ibiz-font-size-header-5);--ibiz-control-appmenu-item-horizontal-height:100%;--ibiz-control-appmenu-item-horizontal-border-radius:0;--ibiz-control-appmenu-item-horizontal-padding:0 var(--ibiz-spacing-base-loose);--ibiz-control-appmenu-item-horizontal-popup-height:40px;--ibiz-control-appmenu-item-icon-width:var(--ibiz-width-icon-large);--ibiz-control-appmenu-item-icon-height:var(--ibiz-width-icon-large);--ibiz-control-appmenu-item-icon-margin:0 var(--ibiz-spacing-tight) 0 0;--ibiz-control-appmenu-item-icon-size:var(--ibiz-width-icon-medium);border:none;box-shadow:var(--ibiz-shadow-elevated)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-control-appmenu__item,.ibiz-control-appmenu-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-control-appmenu__item,.ibiz-control-appmenu-submenu) .el-menu--popup .el-menu-item,.el-menu--horizontal.el-menu--popup-container:has(.ibiz-control-appmenu__item,.ibiz-control-appmenu-submenu) .el-menu--popup .el-sub-menu__title{display:flex;align-items:center;justify-content:flex-start;width:100%;height:var(--ibiz-control-appmenu-item-horizontal-popup-height);font-size:var(--ibiz-control-appmenu-item-font-size);color:var(--ibiz-control-appmenu-item-horizontal-color);white-space:nowrap;border-radius:var(--ibiz-control-appmenu-item-horizontal-border-radius)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-control-appmenu__item,.ibiz-control-appmenu-submenu) .el-menu--popup .el-menu-item.is-active,.el-menu--horizontal.el-menu--popup-container:has(.ibiz-control-appmenu__item,.ibiz-control-appmenu-submenu) .el-menu--popup .el-sub-menu__title.is-active{color:var(--ibiz-control-appmenu-item-horizontal-selected-color);background-color:var(--ibiz-control-appmenu-item-horizontal-selected-bg-color)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-control-appmenu__item,.ibiz-control-appmenu-submenu) .el-menu--popup .el-menu-item:hover,.el-menu--horizontal.el-menu--popup-container:has(.ibiz-control-appmenu__item,.ibiz-control-appmenu-submenu) .el-menu--popup .el-sub-menu__title:hover{color:var(--ibiz-control-appmenu-item-hover-color);background-color:var(--ibiz-control-appmenu-item-hover-bg-color)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-control-appmenu__item,.ibiz-control-appmenu-submenu) .el-menu--popup .el-menu-item .el-icon,.el-menu--horizontal.el-menu--popup-container:has(.ibiz-control-appmenu__item,.ibiz-control-appmenu-submenu) .el-menu--popup .el-sub-menu__title .el-icon{display:none}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-control-appmenu__item,.ibiz-control-appmenu-submenu) .el-menu--popup .el-menu-item.is-disabled:hover{background-color:var(--ibiz-control-appmenu-item-hover-bg-color)!important}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-control-appmenu__item,.ibiz-control-appmenu-submenu) .el-menu--popup .ibiz-rawitem{--ibiz-rawitem-text-color:var(--ibiz-control-appmenu-item-horizontal-color)}.el-menu--horizontal.el-menu--popup-container:has(.ibiz-control-appmenu__item,.ibiz-control-appmenu-submenu) .el-menu .el-sub-menu.is-active>.el-sub-menu__title{color:var(--ibiz-control-appmenu-item-horizontal-selected-color)}

package/lib/control/calendar/calendar.cjs

@@ -460,30 +460,35 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
       const findIndex = this.c.state.selectedData.findIndex((data) => {
         return data.deData.srfkey === item.deData.srfkey;
       });
+      const htmlCode = this.c.getCustomHtml(item);
       const itemClass = [this.ns.b("item"), this.semanticClass("item", {
         item
-      }), this.ns.be("item", "default"), this.ns.is("active", findIndex !== -1), this.ns.is("begin-time", date && dayjs(date).isSame(item.beginTime, "day")), this.ns.is("hidden", this.showDateRange && !calendarUtil.isTimeBetween({
+      }), this.ns.be("item", "default"), this.ns.is("active", findIndex !== -1), this.ns.is("begin-time", date && dayjs(date).isSame(item.beginTime, "day")), this.ns.is("script", !!htmlCode), this.ns.is("hidden", this.showDateRange && !calendarUtil.isTimeBetween({
         beginTime: item.beginTime,
         endTime: item.endTime,
         date
       })), this.ns.is("no-begin-time", this.showDateRange && !item.beginTime), this.ns.is("no-end-time", this.showDateRange && !item.endTime), this.ns.is("end-time", date && dayjs(date).isSame(item.endTime, "day"))];
       const style = this.calcItemStyle(item);
+      let content;
+      if (!htmlCode)
+        content = this.showDateRange ? date && (dayjs(date).isSame(item.beginTime, "day") || dayjs(date).day() === 0 || !item.beginTime && dayjs(date).isSame(item.endTime, "day")) ? item.text : "" : item.text;
       return vue.createVNode("div", {
         "class": itemClass,
-        "key": item.deData.srfkey,
         "style": style,
+        "key": item.deData.srfkey,
+        "innerHTML": htmlCode,
         "title": core.showTitle(item.tips || item.text),
         "onClick": () => this.c.onRowClick(item),
         "onDblclick": () => this.c.onDbRowClick(item),
         "onContextmenu": (evt) => this.onNodeContextmenu(item, evt)
-      }, [this.showDateRange ? date && (dayjs(date).isSame(item.beginTime, "day") || dayjs(date).day() === 0 || !item.beginTime && dayjs(date).isSame(item.endTime, "day")) ? item.text : "" : item.text]);
+      }, [content]);
     };
     const renderCalendarItem = (item, date) => {
-      var _a;
+      var _a, _b, _c;
       const model = (_a = this.c.model.sysCalendarItems) == null ? void 0 : _a.find((calendarItems) => {
         return item.itemType === calendarItems.itemType;
       });
-      const panel = model.layoutPanel;
+      const panel = model.layoutPanel || ((_c = (_b = model.controlRenders) == null ? void 0 : _b.find((render) => render.renderType === "LAYOUTPANEL")) == null ? void 0 : _c.layoutPanel);
       return panel ? renderPanelItem(item, panel, date) : renderDefaultItem(item, date);
     };
     const renderCalendarList = (items, date) => {
@@ -653,17 +658,11 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
       });
     };
     const renderSlots = () => {
-      const {
-        sysCalendarItems = []
-      } = this.c.model;
       return {
         event: ({
           data
         }) => {
-          const model = sysCalendarItems.find((item) => data.itemType === item.itemType);
-          if (model == null ? void 0 : model.layoutPanel)
-            return renderPanelItem(data, model.layoutPanel);
-          return renderDefaultItem(data);
+          return renderCalendarItem(data);
         }
       };
     };
@@ -724,10 +723,7 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
         "class": this.ns.e("timeline")
       }, {
         default: () => [this.c.state.items.length > 0 ? this.c.state.items.map((item) => {
-          var _a;
-          const model = (_a = this.c.model.sysCalendarItems) == null ? void 0 : _a.find((calendarItems) => {
-            return item.itemType === calendarItems.itemType;
-          });
+          let _slot7;
           const time = item[this.c.groupTimeField];
           const temptime = time ? dayjs(time).format(this.c.timelineCaptionFormat) : time;
           return vue.createVNode(vue.resolveComponent("el-timeline-item"), {
@@ -735,14 +731,14 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
             "placement": "top",
             "color": item.bkColor,
             "timestamp": temptime
-          }, {
-            default: () => [(model == null ? void 0 : model.layoutPanel) ? renderPanelItem(item, model.layoutPanel) : renderDefaultItem(item)]
+          }, _isSlot(_slot7 = renderCalendarItem(item)) ? _slot7 : {
+            default: () => [_slot7]
           });
         }) : renderNoData()]
       })]);
     };
     const renderCalendar = () => {
-      let _slot7;
+      let _slot8;
       switch (this.c.model.calendarStyle) {
         case "TIMELINE":
           return renderTimeLine();
@@ -763,8 +759,8 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
             "title": this.c.state.calendarTitle,
             "onLegendClick": this.onLegendClick,
             "onTimeRangeChange": this.onTimeRangeChange
-          }, _isSlot(_slot7 = renderSlots()) ? _slot7 : {
-            default: () => [_slot7]
+          }, _isSlot(_slot8 = renderSlots()) ? _slot8 : {
+            default: () => [_slot8]
           })]);
         case "MONTH":
         default:

package/lib/control/drbar/drbar.controller.cjs

@@ -97,6 +97,16 @@ class DRBarController extends runtime.ControlController {
   get routeDepth() {
     return this.view.modal.routeDepth;
   }
+  /**
+   * @description 缓存项集合
+   * @readonly
+   * @type {string[]}
+   * @memberof DRBarController
+   */
+  get cacheItems() {
+    const { cacheitems = "" } = this.controlParams;
+    return cacheitems.split(",");
+  }
   /**
    * 初始化state的属性
    *
@@ -483,7 +493,8 @@ class DRBarController extends runtime.ControlController {
       context,
       params,
       viewId: drBarItem.appViewId,
-      isRoutePushed
+      isRoutePushed,
+      isCache: this.cacheItems.includes(drBarItem.id)
     });
   }
   /**

package/lib/control/drtab/drtab.controller.cjs

@@ -134,6 +134,16 @@ class DRTabController extends runtime.ControlController {
   get navbarwidth() {
     return this.controlParams.navbarwidth || ibiz.config.drtab.navbarWidth;
   }
+  /**
+   * @description 缓存项集合
+   * @readonly
+   * @type {string[]}
+   * @memberof DRBarController
+   */
+  get cacheItems() {
+    const { cacheitems = "" } = this.controlParams;
+    return cacheitems.split(",");
+  }
   /**
    * 设置 Router 对象
    *
@@ -525,7 +535,8 @@ class DRTabController extends runtime.ControlController {
       context,
       params,
       viewId: drTabPage.appViewId,
-      isRoutePushed
+      isRoutePushed,
+      isCache: this.cacheItems.includes(drTabPage.id)
     });
   }
   /**

package/lib/control/grid/grid-column/grid-field-column/grid-field-column.cjs

@@ -108,18 +108,6 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
       } = props.controller.model;
       return (_a2 = controlRenders.find((renderItem) => renderItem.renderType === "LAYOUTPANEL" && !["".concat(id == null ? void 0 : id.toLowerCase(), "_tooltip"), "".concat(id == null ? void 0 : id.toLowerCase(), "_edit_tooltip")].includes(renderItem.id))) == null ? void 0 : _a2.layoutPanel;
     };
-    const renderPanelItemLayout = (item, modelData) => {
-      const {
-        context,
-        params
-      } = props.controller;
-      return vue.createVNode(vue.resolveComponent("iBizControlShell"), {
-        "data": item,
-        "modelData": modelData,
-        "context": context,
-        "params": params
-      }, null);
-    };
     return {
       ns,
       zIndex,
@@ -136,8 +124,7 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
       onTextClick,
       onActionClick,
       findLayoutPanel,
-      onInfoTextChange,
-      renderPanelItemLayout
+      onInfoTextChange
     };
   },
   render() {

package/lib/control/grid/grid-column/grid-field-edit-column/grid-field-edit-column.cjs

@@ -102,16 +102,31 @@ const GridFieldEditColumn = /* @__PURE__ */ vue.defineComponent({
       } = c.model;
       return editable.value ? "".concat(id == null ? void 0 : id.toLowerCase(), "_edit_tooltip") : "".concat(id == null ? void 0 : id.toLowerCase(), "_tooltip");
     });
+    const CustomHtml = vue3Util.computedAsync(async () => {
+      const html = await props.controller.getCustomHtml(props.row);
+      return html;
+    });
+    const findLayoutPanel = () => {
+      var _a;
+      const {
+        controlRenders = [],
+        id
+      } = props.controller.model;
+      return (_a = controlRenders.find((renderItem) => renderItem.renderType === "LAYOUTPANEL" && !["".concat(id == null ? void 0 : id.toLowerCase(), "_tooltip"), "".concat(id == null ? void 0 : id.toLowerCase(), "_edit_tooltip")].includes(renderItem.id))) == null ? void 0 : _a.layoutPanel;
+    };
     return {
       c,
       ns,
       tooltip,
+      editable,
       tooltipId,
       showTitle,
+      CustomHtml,
       editorProps,
       componentRef,
       gridEditItemProps,
       rowDataChange,
+      findLayoutPanel,
       onInfoTextChange,
       semanticClass,
       semanticStyle
@@ -122,27 +137,28 @@ const GridFieldEditColumn = /* @__PURE__ */ vue.defineComponent({
     const val = this.row.data[this.c.fieldName];
     let content = null;
     const editorSlot = "".concat(this.controller.model.codeName, "_editor");
-    if (this.$slots[editorSlot]) {
-      content = vue.renderSlot(this.$slots, editorSlot, {
+    const renderEditor = () => {
+      return this.c.editorProvider ? vue.h(vue.resolveComponent(this.c.editorProvider.gridEditor), {
         class: this.ns.e("editor"),
         value: val,
         data: this.row.data,
-        showTitle: this.showTitle,
         controller: this.c.editor,
+        showTitle: this.showTitle,
         overflowMode: this.c.grid.overflowMode,
         onChange: this.rowDataChange,
         onInfoTextChange: this.onInfoTextChange,
         title: this.tooltip,
         ...this.editorProps,
         ...this.attrs
-      });
-    } else if (this.c.editorProvider) {
-      content = vue.h(vue.resolveComponent(this.c.editorProvider.gridEditor), {
+      }) : void 0;
+    };
+    if (this.$slots[editorSlot]) {
+      content = vue.renderSlot(this.$slots, editorSlot, {
         class: this.ns.e("editor"),
         value: val,
         data: this.row.data,
-        controller: this.c.editor,
         showTitle: this.showTitle,
+        controller: this.c.editor,
         overflowMode: this.c.grid.overflowMode,
         onChange: this.rowDataChange,
         onInfoTextChange: this.onInfoTextChange,
@@ -150,6 +166,25 @@ const GridFieldEditColumn = /* @__PURE__ */ vue.defineComponent({
         ...this.editorProps,
         ...this.attrs
       });
+    } else if (this.c.editorProvider) {
+      const panel = this.findLayoutPanel();
+      if (this.editable) {
+        content = renderEditor();
+      } else if (this.c.isCustomCode) {
+        content = vue.createVNode("span", {
+          "class": this.ns.e("script"),
+          "innerHTML": this.CustomHtml
+        }, null);
+      } else if (panel) {
+        content = vue.createVNode(vue.resolveComponent("iBizControlShell"), {
+          "data": this.row.data,
+          "modelData": panel,
+          "context": this.c.context,
+          "params": this.c.params
+        }, null);
+      } else {
+        content = renderEditor();
+      }
     }
     return vue.withDirectives(vue.createVNode(vue.resolveComponent("iBizGridEditItem"), {
       ref: "componentRef",

package/lib/control/tree/tree.cjs

@@ -901,7 +901,13 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
             }
             const layoutPanel = elTreeUtil.getNodeControlPanel(nodeModel);
             let content;
-            if (layoutPanel) {
+            const htmlCode = this.c.getCustomHtml(nodeModel, nodeData);
+            if (htmlCode) {
+              content = vue.createVNode("div", {
+                "class": this.ns.e("script"),
+                "innerHTML": htmlCode
+              }, null);
+            } else if (layoutPanel) {
               content = vue.createVNode(vue.resolveComponent("iBizControlShell"), {
                 "data": nodeData,
                 "modelData": layoutPanel,

package/lib/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-edit-column/all-edit.cjs

@@ -36,7 +36,8 @@ function useAllEdit(props, _componentRef) {
   });
   return {
     gridEditItemProps,
-    editorProps
+    editorProps,
+    editable
   };
 }
 

package/lib/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-edit-column/cell-edit.cjs

@@ -71,7 +71,8 @@ function useCellEdit(props, componentRef) {
   });
   return {
     gridEditItemProps,
-    editorProps
+    editorProps,
+    editable
   };
 }
 

package/lib/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-edit-column/row-edit.cjs

@@ -30,7 +30,8 @@ function useRowEdit(props, _componentRef) {
   });
   return {
     gridEditItemProps,
-    editorProps
+    editorProps,
+    editable
   };
 }
 

package/lib/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-edit-column/tree-grid-ex-edit-column.cjs

@@ -13,6 +13,9 @@ var allEdit = require('./all-edit.cjs');
 require('./tree-grid-ex-edit-column.css');
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
 const TreeGridExEditColumn = /* @__PURE__ */ vue.defineComponent({
   name: "IBizTreeGridExEditColumn",
   props: {
@@ -23,6 +26,16 @@ const TreeGridExEditColumn = /* @__PURE__ */ vue.defineComponent({
     row: {
       type: runtime.TreeGridExRowState,
       required: true
+    },
+    isCustomCode: {
+      type: Boolean,
+      default: false
+    },
+    panelModel: {
+      type: Object
+    },
+    customHtml: {
+      type: String
     }
   },
   setup(props) {
@@ -56,7 +69,8 @@ const TreeGridExEditColumn = /* @__PURE__ */ vue.defineComponent({
     };
     const {
       gridEditItemProps,
-      editorProps
+      editorProps,
+      editable
     } = useByShowMode();
     const infoText = vue.ref(void 0);
     const onInfoTextChange = (text) => {
@@ -76,6 +90,7 @@ const TreeGridExEditColumn = /* @__PURE__ */ vue.defineComponent({
       fieldValue,
       componentRef,
       tooltip,
+      editable,
       rowDataChange,
       onInfoTextChange,
       gridEditItemProps,
@@ -85,6 +100,37 @@ const TreeGridExEditColumn = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
+    const renderEditor = () => {
+      return this.controller.editorProvider ? vue.h(vue.resolveComponent(this.controller.editorProvider.gridEditor), {
+        class: this.ns.e("editor"),
+        value: this.fieldValue,
+        data: this.row.data,
+        controller: this.controller.editor,
+        overflowMode: this.controller.treeGrid.overflowMode,
+        onChange: this.rowDataChange,
+        onInfoTextChange: this.onInfoTextChange,
+        title: this.tooltip,
+        ...this.editorProps
+      }) : void 0;
+    };
+    let content = null;
+    if (this.editable) {
+      content = renderEditor();
+    } else if (this.isCustomCode) {
+      content = vue.createVNode("span", {
+        "class": this.ns.e("script"),
+        "innerHTML": this.customHtml
+      }, null);
+    } else if (this.panelModel) {
+      content = vue.createVNode(vue.resolveComponent("iBizControlShell"), {
+        "data": this.row.data,
+        "modelData": this.panelModel,
+        "context": this.controller.context,
+        "params": this.controller.params
+      }, null);
+    } else {
+      content = renderEditor();
+    }
     return vue.createVNode(vue.resolveComponent("iBizGridEditItem"), {
       ref: "componentRef",
       required: !this.controller.nodeEditItem.allowEmpty,
@@ -96,18 +142,8 @@ const TreeGridExEditColumn = /* @__PURE__ */ vue.defineComponent({
         column: this.controller
       }),
       ...this.gridEditItemProps
-    }, {
-      default: () => [this.controller.editorProvider && vue.h(vue.resolveComponent(this.controller.editorProvider.gridEditor), {
-        class: this.ns.e("editor"),
-        value: this.fieldValue,
-        data: this.row.data,
-        controller: this.controller.editor,
-        overflowMode: this.controller.treeGrid.overflowMode,
-        onChange: this.rowDataChange,
-        onInfoTextChange: this.onInfoTextChange,
-        title: this.tooltip,
-        ...this.editorProps
-      })]
+    }, _isSlot(content) ? content : {
+      default: () => [content]
     });
   }
 });