@ibiz-template/vue3-components 0.7.41-alpha.15 → 0.7.41-alpha.17

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

@@ -4,12 +4,14 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./common-extend-menu.css');
 var extendButtonMenu = require('../extend-button-menu/extend-button-menu.cjs');
+var extendStandardMenu = require('../extend-standard-menu/extend-standard-menu.cjs');
 
 "use strict";
 const CommonExtendMenu = /* @__PURE__ */ vue.defineComponent({
   name: "IBizCommonExtendMenu",
   components: {
-    ExtendButtonMenu: extendButtonMenu.ExtendButtonMenu
+    ExtendButtonMenu: extendButtonMenu.ExtendButtonMenu,
+    ExtendStandardMenu: extendStandardMenu.ExtendStandardMenu
   },
   props: {
     /**
@@ -83,9 +85,8 @@ const CommonExtendMenu = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
-    return vue.createVNode("div", {
-      "class": this.ns.b()
-    }, [vue.createVNode(extendButtonMenu.ExtendButtonMenu, {
+    var _a;
+    let content = vue.createVNode(extendButtonMenu.ExtendButtonMenu, {
       "items": this.items,
       "menuItemsState": this.menuItemsState,
       "providers": this.providers,
@@ -93,7 +94,21 @@ const CommonExtendMenu = /* @__PURE__ */ vue.defineComponent({
       "layoutMode": this.layoutMode,
       "layout": this.layout,
       "onMenuItemClick": this.handleMenuItemClick
-    }, null)]);
+    }, null);
+    if (((_a = this.renderMode) == null ? void 0 : _a.toLocaleUpperCase()) === "MENU") {
+      content = vue.createVNode(extendStandardMenu.ExtendStandardMenu, {
+        "items": this.items,
+        "menuItemsState": this.menuItemsState,
+        "providers": this.providers,
+        "position": this.position,
+        "layoutMode": this.layoutMode,
+        "layout": this.layout,
+        "onMenuItemClick": this.handleMenuItemClick
+      }, null);
+    }
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [content]);
   }
 });
 

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;--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) .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) .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/panel-button/panel-button.cjs

@@ -99,6 +99,7 @@ const PanelButton = /* @__PURE__ */ vue.defineComponent({
       }, [vue.createVNode(vue.resolveComponent("el-button"), {
         "type": this.buttonType,
         "text": this.isText,
+        "data-id": this.modelData.id,
         "title": core.showTitle(this.tooltip),
         "disabled": this.state.disabled,
         "loading": this.state.loading,

package/lib/util/fullscreen/fullscreen-util.cjs

@@ -2,7 +2,7 @@
 
 var vue = require('vue');
 var ElementPlus = require('element-plus');
-var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.14_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs');
+var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.17_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs');
 var fullscreenToolbar = require('../../common/fullscreen-toolbar/fullscreen-toolbar.cjs');
 
 "use strict";

package/lib/view-engine/calendar-view.engine.cjs

@@ -15,6 +15,16 @@ class CalendarViewEngine extends runtime.MDViewEngine {
     }
     this.view.slotProps.calendar.mdctrlActiveMode = model.mdctrlActiveMode;
   }
+  async openData(args) {
+    const { data, event } = args;
+    const result = await this.xdataControl.openData(data[0], event);
+    return result;
+  }
+  async newData(args) {
+    const { data, event } = args;
+    const result = await this.xdataControl.newData(data[0], event);
+    return result;
+  }
 }
 
 exports.CalendarViewEngine = CalendarViewEngine;

package/lib/view-engine/chart-exp-view.engine.cjs

@@ -1,26 +1,17 @@
 'use strict';
 
-var runtime = require('@ibiz-template/runtime');
+var expView_engine = require('./exp-view.engine.cjs');
 
 "use strict";
-class ChartExpViewEngine extends runtime.ViewEngineBase {
+class ChartExpViewEngine extends expView_engine.ExpViewEngine {
   /**
-   * 图表导航栏
-   *
+   * @description 导航栏部件名称
    * @readonly
+   * @type {string}
    * @memberof ChartExpViewEngine
    */
-  get chartExpBar() {
-    return this.view.getController("chartexpbar");
-  }
-  async onCreated() {
-    await super.onCreated();
-    const { childNames } = this.view;
-    childNames.push("chartexpbar");
-    if (!this.view.slotProps.chartexpbar) {
-      this.view.slotProps.chartexpbar = {};
-    }
-    this.view.slotProps.chartexpbar.srfnav = this.view.state.srfnav;
+  get expBarName() {
+    return "chartexpbar";
   }
 }
 

package/lib/view-engine/gantt-view.engine.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var core = require('@ibiz-template/core');
 var runtime = require('@ibiz-template/runtime');
+var treeGridExView_engine = require('./tree-grid-ex-view.engine.cjs');
 
 "use strict";
-class GanttViewEngine extends runtime.MDViewEngine {
+class GanttViewEngine extends treeGridExView_engine.TreeGridExViewEngine {
   get gantt() {
     return this.view.getController("gantt");
   }
@@ -25,51 +25,8 @@ class GanttViewEngine extends runtime.MDViewEngine {
       this.gantt.saveAll();
       return null;
     }
-    if (key === runtime.SysUIActionTag.EXPAND) {
-      const { srfcollapsetag } = args.params || {};
-      let tag = srfcollapsetag || "";
-      if (!tag) {
-        const { selectedData } = this.gantt.state;
-        const selectedGroup = selectedData.filter((x) => !x._leaf);
-        if (selectedGroup.length > 0) {
-          tag = selectedGroup[0].srfnodeid;
-        }
-      }
-      if (!tag) {
-        throw new core.RuntimeError(ibiz.i18n.t("viewEngine.noExpandTag"));
-      }
-      this.gantt.changeCollapse({ tag, expand: true });
-      return null;
-    }
-    if (key === runtime.SysUIActionTag.COLLAPSE) {
-      const { srfcollapsetag } = args.params || {};
-      let tag = srfcollapsetag || "";
-      if (!tag) {
-        const { selectedData } = this.gantt.state;
-        const selectedGroup = selectedData.filter((x) => !x._leaf);
-        if (selectedGroup.length > 0) {
-          tag = selectedGroup[0].srfnodeid;
-        }
-      }
-      if (!tag) {
-        throw new core.RuntimeError(ibiz.i18n.t("viewEngine.noCollapseTag"));
-      }
-      this.gantt.changeCollapse({ tag, expand: false });
-      return null;
-    }
-    if (key === runtime.SysUIActionTag.EXPANDALL) {
-      this.gantt.changeCollapse({ expand: true });
-      return null;
-    }
-    if (key === runtime.SysUIActionTag.COLLAPSEALL) {
-      this.gantt.changeCollapse({ expand: false });
-      return null;
-    }
     return super.call(key, args);
   }
-  // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
-  async onXDataActive(event) {
-  }
   async onCreated() {
     super.onCreated();
     const { model } = this.view;

package/lib/view-engine/login-view.engine.cjs

@@ -32,6 +32,13 @@ class LoginViewEngine extends runtime.ViewEngineBase {
             }
           ]
         };
+        const targetID = event.target.dataset.id;
+        if (targetID) {
+          const targetPanelItem = this.view.layoutPanel.findPanelItemByName(targetID);
+          if (targetPanelItem) {
+            args.data = [targetPanelItem.data];
+          }
+        }
         await this.login(args);
       }
     });

package/lib/view-engine/tab-exp-view.engine.cjs

@@ -169,7 +169,7 @@ class TabExpViewEngine extends runtime.ViewEngineBase {
   calcViewHeaderVisible() {
     let showHeader = super.calcViewHeaderVisible();
     const { tabLayout } = this.view.model;
-    if (tabLayout === void 0 || tabLayout === "TOP" && runtime.getControl(this.view.model, "tabexppanel")) {
+    if (tabLayout === void 0 || ["TOP", "TOP_DROPDOWNLIST"].includes(tabLayout) && runtime.getControl(this.view.model, "tabexppanel")) {
       showHeader = true;
     }
     return showHeader;

package/lib/view-engine/tab-search-view.engine.cjs

@@ -115,8 +115,10 @@ class TabSearchViewEngine extends tabExpView_engine.TabExpViewEngine {
         }
       }
     }
-    this.searchBar.placeHolder = caption || "";
-    this.searchBar.state.quickSearchPlaceHolder = caption || "";
+    if (this.searchBar) {
+      this.searchBar.placeHolder = caption || "";
+      this.searchBar.state.quickSearchPlaceHolder = caption || "";
+    }
   }
   async call(key, args) {
     if (key === runtime.SysUIActionTag.SEARCH) {

package/lib/view-engine/tree-view.engine.cjs

@@ -5,31 +5,37 @@ var core = require('@ibiz-template/core');
 
 "use strict";
 class TreeViewEngine extends runtime.MDViewEngine {
-  get tree() {
-    return this.view.getController("tree");
-  }
   async onCreated() {
     await super.onCreated();
     if (!this.view.slotProps.tree) {
       this.view.slotProps.tree = {};
     }
   }
+  get tree() {
+    return this.view.getController("tree");
+  }
   async call(key, args) {
     var _a;
     if (key === runtime.SysUIActionTag.REFRESH_ALL) {
-      await this.tree.refresh();
+      await this.xdataControl.refresh();
       return null;
     }
     if (key === runtime.SysUIActionTag.REFRESH) {
       if ((_a = args == null ? void 0 : args.data) == null ? void 0 : _a[0]) {
-        await this.tree.refreshNodeChildren(args.data[0], false);
+        await this.xdataControl.refreshNodeChildren(
+          args.data[0],
+          false
+        );
       } else {
-        await this.tree.refresh();
+        await this.xdataControl.refresh();
       }
       return null;
     }
     if (key === runtime.SysUIActionTag.REFRESH_PARENT) {
-      await this.tree.refreshNodeChildren(args.data[0], true);
+      await this.xdataControl.refreshNodeChildren(
+        args.data[0],
+        true
+      );
       return null;
     }
     if (key === runtime.SysUIActionTag.EXPAND) {
@@ -42,7 +48,10 @@ class TreeViewEngine extends runtime.MDViewEngine {
       if (!tag) {
         throw new core.RuntimeError(ibiz.i18n.t("viewEngine.noExpandTag"));
       }
-      this.tree.changeCollapse({ tag, expand: true });
+      this.xdataControl.changeCollapse({
+        tag,
+        expand: true
+      });
       return null;
     }
     if (key === runtime.SysUIActionTag.COLLAPSE) {
@@ -55,19 +64,38 @@ class TreeViewEngine extends runtime.MDViewEngine {
       if (!tag) {
         throw new core.RuntimeError(ibiz.i18n.t("viewEngine.noCollapseTag"));
       }
-      this.tree.changeCollapse({ tag, expand: false });
+      this.xdataControl.changeCollapse({
+        tag,
+        expand: false
+      });
       return null;
     }
     if (key === runtime.SysUIActionTag.EXPANDALL) {
-      this.tree.changeCollapse({ expand: true });
+      this.xdataControl.changeCollapse({ expand: true });
       return null;
     }
     if (key === runtime.SysUIActionTag.COLLAPSEALL) {
-      this.tree.changeCollapse({ expand: false });
+      this.xdataControl.changeCollapse({ expand: false });
       return null;
     }
     return super.call(key, args);
   }
+  async openData(args) {
+    const { data, event } = args;
+    const result = await this.xdataControl.openData(
+      data[0],
+      event
+    );
+    return result;
+  }
+  async newData(args) {
+    const { data, event } = args;
+    const result = await this.xdataControl.newData(
+      data[0],
+      event
+    );
+    return result;
+  }
 }
 
 exports.TreeViewEngine = TreeViewEngine;