@ibiz-template/vue3-components 0.7.41-alpha.4 → 0.7.41-alpha.41

package/lib/panel-component/app-extend-menu/extend-menu-base/extend-standard-menu/extend-standard-menu.cjs

@@ -0,0 +1,280 @@
+'use strict';
+
+var vue = require('vue');
+var core = require('@ibiz-template/core');
+var vue3Util = require('@ibiz-template/vue3-util');
+var qxUtil = require('qx-util');
+var extendMenuBase_util = require('../extend-menu-base.util.cjs');
+require('./extend-standard-menu.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const ellipsisSvg = () => {
+  return vue.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 ? vue.createVNode(vue.resolveComponent("iBizIcon"), {
+        "class": ns.e("icon"),
+        "icon": menu.sysImage
+      }, null) : null, vue.createVNode("span", {
+        "class": ns.e("caption")
+      }, [menu.caption])];
+    } else {
+      content = [menu.sysImage ? vue.createVNode(vue.resolveComponent("iBizIcon"), {
+        "class": ns.e("icon"),
+        "icon": menu.sysImage
+      }, null) : vue.createVNode("span", {
+        "class": ns.e("caption")
+      }, [(_b = menu.caption) == null ? void 0 : _b.slice(0, 1)])];
+    }
+    return !(isFirst && collapse) ? vue.createVNode(vue.resolveComponent("el-menu-item"), {
+      "class": [ns.e("item"), "".concat(((_c = menu.sysCss) == null ? void 0 : _c.cssName) || "")],
+      "index": menu.id,
+      "title": core.showTitle(menu.tooltip)
+    }, _isSlot(content) ? content : {
+      default: () => [content]
+    }) : vue.createVNode(vue.resolveComponent("el-tooltip"), {
+      "class": ns.b("tooltip"),
+      "content": menu.caption,
+      "placement": menuAlign === "horizontal" ? "bottom" : "left",
+      "theme": "light"
+    }, {
+      default: () => {
+        var _a2;
+        return [vue.createVNode(vue.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 vue.createVNode(vue.resolveComponent("el-divider"), {
+      "direction": direction,
+      "class": ns.em("separator", direction),
+      "id": menu.id
+    }, null);
+  }
+  if (menu.itemType === "RAWITEM") {
+    return vue.createVNode(vue.resolveComponent("el-menu-item"), {
+      "index": menu.id,
+      "title": core.showTitle(menu.tooltip),
+      "class": [ns.e("rawitem"), "".concat(((_d = menu.sysCss) == null ? void 0 : _d.cssName) || "")]
+    }, {
+      default: () => [vue.createVNode(vue.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 vue.createVNode(vue.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 vue.createVNode(vue.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 : vue.createVNode("ion-icon", {
+          "name": "chevron-forward-outline"
+        }, null)];
+      }
+      return [vue.createVNode(vue.resolveComponent("iBizIcon"), {
+        "class": ns.e("icon"),
+        "icon": menu.sysImage
+      }, null), vue.createVNode("span", {
+        "class": ns.e("caption")
+      }, [menu.caption])];
+    }
+  });
+}
+function renderMenuContent(_params) {
+  const {
+    refreshKey,
+    ns,
+    collapse,
+    menuAlign,
+    position,
+    menus,
+    menuItemsState,
+    handleMenuSelect
+  } = _params;
+  return vue.createVNode("div", {
+    "class": [ns.e("content"), ns.is("collapse", collapse), ns.is(menuAlign, !!menuAlign), ns.is(position == null ? void 0 : position.toLowerCase(), !!position)]
+  }, [vue.createVNode(vue.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__ */ vue.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 = vue3Util.useNamespace("extend-standard-menu");
+    const defaultMenuRef = vue.ref();
+    const refreshKey = vue.ref(qxUtil.createUUID());
+    const collapse = vue.ref(false);
+    const menuAlign = vue.computed(() => ["TOP", "BOTTOM"].includes(props.position) ? "horizontal" : "vertical");
+    const menus = vue.ref(extendMenuBase_util.getMenus(props.items));
+    const handleMenuSelect = async (_id, _event) => {
+      const menuItem = extendMenuBase_util.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 vue.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
+    })]);
+  }
+});
+
+exports.ExtendStandardMenu = ExtendStandardMenu;

package/lib/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/lib/panel-component/app-extend-menu/left-side-menu/left-side-menu.css

@@ -1 +1 @@
-.ibiz-left-side-menu{width:100%;height:100%}
+.ibiz-left-side-menu{width:100%;height:100%}.ibiz-col--self-align>.ibiz-left-side-menu{width:100%;height:100%}

package/lib/panel-component/app-extend-menu/right-side-menu/right-side-menu.css

@@ -1 +1 @@
-.ibiz-right-side-menu{width:100%;height:100%}
+.ibiz-right-side-menu{width:100%;height:100%}.ibiz-col--self-align>.ibiz-right-side-menu{width:100%;height:100%}

package/lib/panel-component/app-extend-menu/top-side-menu/top-side-menu.css

@@ -1 +1 @@
-.ibiz-top-side-menu{width:100%;height:100%}
+.ibiz-top-side-menu{width:100%;height:100%}.ibiz-col--self-align>.ibiz-top-side-menu{width:100%;height:100%}

package/lib/panel-component/app-switch/app-switch.controller.cjs

@@ -194,9 +194,12 @@ class AppSwitchController extends runtime.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) {
@@ -222,7 +225,7 @@ class AppSwitchController extends runtime.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) {
@@ -261,7 +264,10 @@ class AppSwitchController extends runtime.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/lib/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/lib/panel-component/auth-sso/auth-sso.cjs

@@ -24,15 +24,30 @@ const AuthSso = /* @__PURE__ */ vue.defineComponent({
       required: true
     }
   },
-  setup() {
+  setup(props) {
+    var _a;
     const ns = vue3Util.useNamespace("auth-sso");
+    const model = props.controller.model;
+    const rawItemParams = (_a = model.rawItem) == null ? void 0 : _a.rawItemParams;
+    const items = rawItemParams == null ? void 0 : rawItemParams.map((item) => {
+      const params = item.value ? JSON.parse(item.value) : {};
+      return {
+        key: item.key,
+        sysImage: item.sysImage,
+        title: params.title,
+        params
+      };
+    });
     const dingtalkHandleClick = async () => {
       ibiz.thirdAuth.auth("DINGTALK", "THIRD");
     };
     const wxWorkHandleClick = async () => {
       ibiz.thirdAuth.auth("WXWORK", "THIRD");
     };
-    const handleThridLogin = (type) => {
+    const oauthHandleClick = async (params) => {
+      ibiz.thirdAuth.auth("OAUTH", "THIRD", params);
+    };
+    const handleThridLogin = (type, params) => {
       if (!type)
         return;
       switch (type) {
@@ -43,18 +58,75 @@ const AuthSso = /* @__PURE__ */ vue.defineComponent({
           wxWorkHandleClick();
           break;
         default:
-          console.log(ibiz.i18n.t("panelComponent.authSsO.noSupported", {
-            type
-          }));
+          oauthHandleClick(params);
           break;
       }
     };
     return {
       ns,
+      items,
       handleThridLogin
     };
   },
   render() {
+    if (this.items && this.items.length) {
+      return vue.createVNode("div", {
+        "class": this.ns.b()
+      }, [this.items.map((item) => {
+        var _a;
+        let icon;
+        if (item.sysImage) {
+          icon = vue.createVNode(vue.resolveComponent("iBizIcon"), {
+            "icon": item.sysImage
+          }, null);
+        } else if (item.key === "DINGDING") {
+          icon = vue.createVNode("svg", {
+            "class": "icon",
+            "viewBox": "0 0 1024 1024",
+            "version": "1.1",
+            "xmlns": "http://www.w3.org/2000/svg",
+            "p-id": "651",
+            "width": "48",
+            "height": "48"
+          }, [vue.createVNode("defs", null, [vue.createVNode("style", {
+            "type": "text/css"
+          }, null)]), vue.createVNode("path", {
+            "d": "M512 2C230.2 2 2 230.2 2 512s228.2 510 510 510 510-228.2 510-510S793.3 2 512 2z m235.9 442c-1 4.6-3.6 10.8-7.2 19.1l-0.5 0.5c-21.6 45.8-77.3 135.5-77.3 135.5l-0.5-0.5-16.5 28.3h78.8L574.3 826.8l34-136h-61.8l21.6-90.2c-17.5 4.1-38.1 9.8-62.3 18 0 0-33 19.1-94.8-37.1 0 0-41.7-37.1-17.5-45.8 10.3-4.1 50-8.8 81.4-12.9 42.2-5.7 68.5-8.8 68.5-8.8s-130.3 2.1-161.2-3.1c-30.9-4.6-70.1-56.7-78.3-102 0 0-12.9-24.7 27.8-12.9 40.2 11.8 209.2 45.8 209.2 45.8S321.4 375 307 358.5c-14.4-16.5-42.8-89.6-39.2-134.5 0 0 1.5-11.3 12.9-8.2 0 0 161.8 74.2 272.5 114.4C664.5 371.4 760.8 392 747.9 444z",
+            "fill": "#3296FA",
+            "p-id": "652"
+          }, null)]);
+        } else if (item.key === "WXWORK") {
+          icon = vue.createVNode("svg", {
+            "class": "icon",
+            "width": "200px",
+            "height": "200.00px",
+            "viewBox": "0 0 1024 1024",
+            "version": "1.1",
+            "xmlns": "http://www.w3.org/2000/svg"
+          }, [vue.createVNode("path", {
+            "fill": "#36ab60",
+            "d": "M352.814545 385.396364m-33.512727 0a33.512727 33.512727 0 1 0 67.025455 0 33.512727 33.512727 0 1 0-67.025455 0Z"
+          }, null), vue.createVNode("path", {
+            "fill": "#36ab60",
+            "d": "M502.690909 384.465455m-33.512727 0a33.512727 33.512727 0 1 0 67.025454 0 33.512727 33.512727 0 1 0-67.025454 0Z"
+          }, null), vue.createVNode("path", {
+            "fill": "#36ab60",
+            "d": "M576.232727 534.341818m-23.272727 0a23.272727 23.272727 0 1 0 46.545455 0 23.272727 23.272727 0 1 0-46.545455 0Z"
+          }, null), vue.createVNode("path", {
+            "fill": "#36ab60",
+            "d": "M694.458182 536.203636m-23.272727 0a23.272727 23.272727 0 1 0 46.545454 0 23.272727 23.272727 0 1 0-46.545454 0Z"
+          }, null), vue.createVNode("path", {
+            "fill": "#36ab60",
+            "d": "M512 0C229.003636 0 0 229.003636 0 512s229.003636 512 512 512 512-229.003636 512-512S794.996364 0 512 0z m-87.505455 630.225455c-26.996364 0-48.407273-5.585455-75.403636-11.17091l-75.403636 37.236364 21.410909-64.232727c-53.992727-37.236364-85.643636-85.643636-85.643637-145.221818 0-102.4 96.814545-182.458182 215.04-182.458182 105.192727 0 198.283636 64.232727 216.901819 150.807273-6.516364-0.930909-13.963636-0.930909-20.48-0.93091-102.4 0-182.458182 76.334545-182.458182 170.356364 0 15.825455 2.792727 30.72 6.516363 44.683636-7.447273 0-13.963636 0.930909-20.48 0.93091z m314.647273 75.403636l15.825455 53.992727-58.647273-32.581818c-21.410909 5.585455-42.821818 11.170909-64.232727 11.170909-102.4 0-182.458182-69.818182-182.458182-155.461818s80.058182-155.461818 182.458182-155.461818c96.814545 0 182.458182 69.818182 182.458182 155.461818 0 47.476364-31.650909 90.298182-75.403637 122.88z"
+          }, null)]);
+        }
+        return vue.createVNode("div", {
+          "class": [this.ns.e("sign-btn"), this.ns.m(item.key === "WXWORK" ? "wx" : (_a = item.key) == null ? void 0 : _a.toLowerCase())],
+          "title": item.title,
+          "onClick": () => this.handleThridLogin(item.key, item.params)
+        }, [icon]);
+      })]);
+    }
     return vue.createVNode("div", {
       "class": this.ns.b()
     }, [vue.createVNode("div", {

package/lib/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%}

package/lib/panel-component/auth-userinfo/auth-userinfo.cjs

@@ -4,7 +4,7 @@ var vue = require('vue');
 var vueRouter = require('vue-router');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./auth-userinfo.css');
-var runtime = require('@ibiz-template/runtime');
+var authUserinfo_controller = require('./auth-userinfo.controller.cjs');
 
 "use strict";
 const AuthUserinfo = /* @__PURE__ */ vue.defineComponent({
@@ -21,7 +21,7 @@ const AuthUserinfo = /* @__PURE__ */ vue.defineComponent({
      * @description 用户信息控件控制器
      */
     controller: {
-      type: runtime.PanelItemController,
+      type: authUserinfo_controller.AuthUserinfoController,
       required: true
     }
   },
@@ -45,8 +45,20 @@ const AuthUserinfo = /* @__PURE__ */ vue.defineComponent({
       ibiz.hub.controller.logout();
     };
     const isCollapse = vue.computed(() => {
+      const {
+        strictly
+      } = c.rawItemParams;
+      if (strictly && strictly === "true") {
+        return false;
+      }
       return c.panel.view.state.isCollapse;
     });
+    const isReadonly = vue.computed(() => {
+      const {
+        readonly
+      } = c.rawItemParams;
+      return readonly === "true";
+    });
     return {
       ns,
       c,
@@ -55,13 +67,16 @@ const AuthUserinfo = /* @__PURE__ */ vue.defineComponent({
       loginname,
       router,
       menuAlign,
-      isCollapse
+      isCollapse,
+      isReadonly
     };
   },
   render() {
     return vue.createVNode("div", {
-      "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass, this.ns.is("left", this.menuAlign === "LEFT"), this.ns.is("top", this.menuAlign === "TOP"), this.ns.is("collapse", this.isCollapse)]
-    }, [vue.createVNode(vue.resolveComponent("el-dropdown"), null, {
+      "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass, this.ns.is("left", this.menuAlign === "LEFT"), this.ns.is("top", this.menuAlign === "TOP"), this.ns.is("collapse", this.isCollapse), this.ns.is("readonly", this.isReadonly)]
+    }, [vue.createVNode(vue.resolveComponent("el-dropdown"), {
+      "disabled": this.isReadonly
+    }, {
       default: () => vue.createVNode("div", {
         "class": [this.ns.b("info"), this.ns.is("collapse", this.isCollapse)]
       }, [vue.createVNode("div", {

package/lib/panel-component/auth-userinfo/auth-userinfo.controller.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class AuthUserinfoController extends runtime.PanelItemController {
+  constructor() {
+    super(...arguments);
+    /**
+     * @description 自定义补充参数
+     * @exposedoc
+     * @type {IData}
+     * @memberof AuthUserinfoController
+     */
+    __publicField(this, "rawItemParams", {});
+  }
+  /**
+   * 初始化
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof AuthUserinfoController
+   */
+  async onInit() {
+    await super.onInit();
+    this.handleRawItemParams();
+  }
+  /**
+   * @description 处理自定义补充参数 [{key:'name',value:'data'}] => {name:'data'}
+   * @protected
+   * @memberof AuthUserinfoController
+   */
+  handleRawItemParams() {
+    var _a;
+    const rawItemParams = (_a = this.model.rawItem) == null ? void 0 : _a.rawItemParams;
+    if (Array.isArray(rawItemParams)) {
+      rawItemParams.forEach((item) => {
+        const key = item.key;
+        const value = item.value;
+        if (key && value) {
+          this.rawItemParams[key.toLowerCase()] = value;
+        }
+      });
+    }
+  }
+}
+
+exports.AuthUserinfoController = AuthUserinfoController;

package/lib/panel-component/auth-userinfo/auth-userinfo.css

@@ -1 +1 @@
-.ibiz-user-info{--ibiz-user-info-padding:0 var(--ibiz-spacing-loose);--ibiz-user-info-color:var(--ibiz-color-text-0);--ibiz-user-info-font-size:var(--ibiz-font-size-header-5);--ibiz-user-info-height:44px;display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%}.ibiz-user-info .el-dropdown{width:100%;height:var(--ibiz-user-info-height);padding:var(--ibiz-user-info-padding);cursor:pointer}.ibiz-user-info.is-left .ibiz-user-info__down{display:none}.ibiz-user-info.is-top .ibiz-user-info__down{margin-left:12px;font-size:var(--ibiz-user-info-font-size)}.ibiz-user-info.is-top .ibiz-user-info-avatar{max-width:32px;max-height:32px;margin-right:var(--ibiz-spacing-base)}.ibiz-user-info.is-collapse .el-dropdown{padding:0 var(--ibiz-spacing-base-tight)}.ibiz-user-info.is-collapse .ibiz-user-info-avatar{max-width:32px;max-height:32px;margin:0}.ibiz-user-info-avatar{width:var(--ibiz-user-info-height);height:var(--ibiz-user-info-height);margin-right:10px}.ibiz-user-info-info{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--ibiz-user-info-color)}.ibiz-user-info-info.is-collapse{justify-content:center}.ibiz-user-info-name__user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:var(--ibiz-user-info-font-size);line-height:1.3}.ibiz-user-info-name__person-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;margin-top:4px;font-size:var(--ibiz-font-size-small);line-height:1.2}.ibiz-user-info-name.is-collapse{display:none}.ibiz-user-info-label{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-user-info-font-size);color:var(--ibiz-user-info-color);outline:0}
+.ibiz-user-info{--ibiz-user-info-padding:0 var(--ibiz-spacing-loose);--ibiz-user-info-color:var(--ibiz-color-text-0);--ibiz-user-info-font-size:var(--ibiz-font-size-header-5);--ibiz-user-info-height:44px;display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%}.ibiz-user-info .el-dropdown{width:100%;height:var(--ibiz-user-info-height);padding:var(--ibiz-user-info-padding);cursor:pointer}.ibiz-user-info.is-left .ibiz-user-info__down{display:none}.ibiz-user-info.is-top .ibiz-user-info__down{margin-left:12px;font-size:var(--ibiz-user-info-font-size)}.ibiz-user-info.is-top .ibiz-user-info-avatar{max-width:32px;max-height:32px;margin-right:var(--ibiz-spacing-base)}.ibiz-user-info.is-collapse .el-dropdown{padding:0 var(--ibiz-spacing-base-tight)}.ibiz-user-info.is-collapse .ibiz-user-info-avatar{max-width:32px;max-height:32px;margin:0}.ibiz-user-info.is-readonly .el-dropdown{cursor:default}.ibiz-user-info-avatar{width:var(--ibiz-user-info-height);height:var(--ibiz-user-info-height);margin-right:10px}.ibiz-user-info-info{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--ibiz-user-info-color)}.ibiz-user-info-info.is-collapse{justify-content:center}.ibiz-user-info-name__user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:var(--ibiz-user-info-font-size);line-height:1.3}.ibiz-user-info-name__person-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;margin-top:4px;font-size:var(--ibiz-font-size-small);line-height:1.2}.ibiz-user-info-name.is-collapse{display:none}.ibiz-user-info-label{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-user-info-font-size);color:var(--ibiz-user-info-color);outline:0}

package/lib/panel-component/auth-userinfo/auth-userinfo.provider.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var runtime = require('@ibiz-template/runtime');
+var authUserinfo_controller = require('./auth-userinfo.controller.cjs');
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -14,7 +14,7 @@ class AuthUserinfoProvider {
     __publicField(this, "component", "IBizAuthUserinfo");
   }
   async createController(panelItem, panel, parent) {
-    const c = new runtime.PanelItemController(panelItem, panel, parent);
+    const c = new authUserinfo_controller.AuthUserinfoController(panelItem, panel, parent);
     await c.init();
     return c;
   }