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

package/lib/control/kanban/kanban.css

@@ -1 +1 @@
-.ibiz-control-kanban{--ibiz-control-kanban-text-color:var(--ibiz-color-text-0);--ibiz-control-kanban-font-size:var(--ibiz-font-size-regular);--ibiz-control-kanban-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-kanban-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-selected-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-group-header-height:48px;width:100%;height:100%}.ibiz-control-kanban.is-swimlane{padding-right:0!important}.ibiz-control-kanban--row .ibiz-control-kanban-group-container{display:flex;padding-bottom:var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban--row .ibiz-control-kanban-group-container>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse{width:32px}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header{position:relative;flex-direction:column;align-items:start;height:100%;padding:var(--ibiz-spacing-none)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header ion-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header-caption{align-self:center;transform:rotate(90deg) translate(calc(50% - var(--ibiz-spacing-tight)),0)}.ibiz-control-kanban--column .ibiz-control-kanban-group-container{display:flex;flex-direction:column}.ibiz-control-kanban--column .ibiz-control-kanban-group-container>*+*{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse{width:100%}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse ion-icon{transform:rotate(-90deg)}.ibiz-control-kanban-group-container{width:100%;height:100%}.ibiz-control-kanban-group{display:flex;flex-flow:column nowrap;flex-shrink:0;border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-small);transition:all .3s}.ibiz-control-kanban-group__header{position:relative;height:var(--ibiz-control-kanban-group-header-height);padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);font-size:var(--ibiz-control-kanban-font-size);font-weight:var(--ibiz-control-kanban-font-weight);cursor:pointer;border-bottom:1px solid var(--ibiz-color-border);display:flex;align-items:center;justify-content:space-between}.ibiz-control-kanban-group__header::before{position:absolute;top:0;left:0;display:block;width:100%;content:"";border-color:inherit;border-top:2px solid}.ibiz-control-kanban-group__header-left{display:flex;align-items:center;justify-content:center}.ibiz-control-kanban-group__header-left ion-icon{margin-right:var(--ibiz-spacing-tight);transition:transform .3s}.ibiz-control-kanban-group__header-caption{padding:0 var(--ibiz-spacing-tight);white-space:nowrap}.ibiz-control-kanban-group__header-caption.is-badge{color:var(--ibiz-color-primary-active-text)}.ibiz-control-kanban-group__list{position:relative;flex:auto;width:100%;height:calc(100% - 48px);padding:var(--ibiz-spacing-none) var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban-group__draggable{min-height:100%;padding:var(--ibiz-spacing-base) 0}.ibiz-control-kanban-group__list.is-empty{display:flex;flex-direction:column}.ibiz-control-kanban-group__list.is-empty .ibiz-control-kanban-group__draggable{flex-shrink:0;min-height:0}.ibiz-control-kanban-group__list.is-empty .ibiz-control-kanban__quicktoolbar{flex-grow:1;width:calc(100% - var(--ibiz-spacing-base))}.ibiz-control-kanban-group__list.is-empty .ibiz-control-toolbar__item{justify-content:center}.ibiz-control-kanban-group__header-actions{position:relative;z-index:100;width:32px;height:32px;padding:var(--ibiz-spacing-tight);margin-left:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-control-kanban-font-size);color:var(--ibiz-color-primary);cursor:pointer;border-radius:var(--ibiz-border-radius-circle)}.ibiz-control-kanban-group__header-actions:hover{background-color:var(--ibiz-color-fill-0)}.ibiz-control-kanban-group__actions-dropdown:has(.el-button){padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none)}.ibiz-control-kanban-group__actions-dropdown .ibiz-action-toolbar{display:flex;flex-flow:column nowrap}.ibiz-control-kanban-group__actions-dropdown .el-button{--el-button-size:var(--ibiz-height-control-large);justify-content:flex-start;width:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-control-kanban-group__actions-dropdown .el-button ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-kanban-group__actions-dropdown .el-button.is-text:not(.is-disabled):hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color)}.ibiz-control-kanban-item{cursor:pointer}.ibiz-control-kanban-item:hover{background-color:var(--ibiz-control-kanban-hover-bg-color)}.ibiz-control-kanban-item.is-selected{background-color:var(--ibiz-control-kanban-selected-bg-color)}.ibiz-control-kanban-item.is-disabled{cursor:no-drop}.ibiz-control-kanban-item__bottom{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-tight);margin-top:var(--ibiz-spacing-tight);border-top:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-item__bottom--actions{display:flex;justify-content:center}.ibiz-control-kanban-item__bottom--actions .ibiz-action-toolbar__item{margin:0}.ibiz-control-kanban-item__bottom--actions .ibiz-action-toolbar__item--label.is-has-caption{margin:0}.ibiz-control-kanban-item+.ibiz-control-kanban-item{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban{position:relative;padding-right:calc(var(--ibiz-control-kanban-group-header-height) + var(--ibiz-spacing-base))}.ibiz-control-kanban__quicktoolbar{display:flex;flex-flow:column nowrap;margin-bottom:var(--ibiz-spacing-base)}.ibiz-control-kanban__quicktoolbar>*+*{margin-top:var(--ibiz-spacing-tight)}.ibiz-control-kanban__full-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;width:var(--ibiz-control-kanban-group-header-height);height:var(--ibiz-control-kanban-group-header-height);font-size:var(--ibiz-font-size-header-4);font-weight:var(--ibiz-font-weight-regular);color:var(--ibiz-color-primary);background-color:var(--ibiz-color-bg-2);border:1px solid var(--ibiz-color-border)}.ibiz-control-kanban.is-full{padding:var(--ibiz-spacing-base);padding-right:calc(var(--ibiz-control-kanban-group-header-height) + var(--ibiz-spacing-extra-loose));background-color:var(--ibiz-color-bg-2)}.ibiz-control-kanban.is-full .ibiz-control-kanban__full-btn{top:var(--ibiz-spacing-base);right:var(--ibiz-spacing-base)}.ibiz-control-kanban-batch{padding:var(--ibiz-spacing-base-tight);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-batch__toolbar .ibiz-control-toolbar{flex-wrap:wrap;row-gap:var(--ibiz-spacing-tight)}.ibiz-control-kanban-batch__check{display:flex;align-items:center;justify-content:space-between;margin-top:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-control-kanban-batch__info span{margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary)}
+.ibiz-control-kanban{--ibiz-control-kanban-text-color:var(--ibiz-color-text-0);--ibiz-control-kanban-font-size:var(--ibiz-font-size-regular);--ibiz-control-kanban-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-kanban-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-selected-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-group-header-height:48px;display:flex;width:100%;height:100%}.ibiz-control-kanban--row .ibiz-control-kanban-group-container{display:flex;padding-bottom:var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban--row .ibiz-control-kanban-group-container>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse{width:32px}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header{position:relative;flex-direction:column;align-items:start;height:100%;padding:var(--ibiz-spacing-none)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header ion-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header-caption{align-self:center;transform:rotate(90deg) translate(calc(50% - var(--ibiz-spacing-tight)),0)}.ibiz-control-kanban--column .ibiz-control-kanban-group-container{display:flex;flex-direction:column}.ibiz-control-kanban--column .ibiz-control-kanban-group-container>*+*{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse{width:100%}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse ion-icon{transform:rotate(-90deg)}.ibiz-control-kanban-group-container{flex:1}.ibiz-control-kanban-group{display:flex;flex-flow:column nowrap;flex-shrink:0;border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-small);transition:all .3s}.ibiz-control-kanban-group__header{position:relative;height:var(--ibiz-control-kanban-group-header-height);padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);font-size:var(--ibiz-control-kanban-font-size);font-weight:var(--ibiz-control-kanban-font-weight);cursor:pointer;border-bottom:1px solid var(--ibiz-color-border);display:flex;align-items:center;justify-content:space-between}.ibiz-control-kanban-group__header::before{position:absolute;top:0;left:0;display:block;width:100%;content:"";border-color:inherit;border-top:2px solid}.ibiz-control-kanban-group__header-left{display:flex;align-items:center;justify-content:center}.ibiz-control-kanban-group__header-left ion-icon{margin-right:var(--ibiz-spacing-tight);transition:transform .3s}.ibiz-control-kanban-group__header-caption{padding:0 var(--ibiz-spacing-tight);white-space:nowrap}.ibiz-control-kanban-group__header-caption.is-badge{color:var(--ibiz-color-primary-active-text)}.ibiz-control-kanban-group__list{position:relative;flex:auto;width:100%;height:calc(100% - 48px);padding:var(--ibiz-spacing-none) var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban-group__list:hover .ibiz-control-kanban__quicktoolbar{visibility:visible}.ibiz-control-kanban-group__draggable{min-height:100%;padding:var(--ibiz-spacing-base) 0}.ibiz-control-kanban-group__list.is-empty{display:flex;flex-direction:column}.ibiz-control-kanban-group__list.is-empty .ibiz-control-kanban-group__draggable{flex-shrink:0;min-height:0}.ibiz-control-kanban-group__list.is-empty .ibiz-control-kanban__quicktoolbar{flex-grow:1;width:calc(100% - var(--ibiz-spacing-base))}.ibiz-control-kanban-group__list.is-empty .ibiz-control-toolbar__item{justify-content:center}.ibiz-control-kanban-group__header-actions{position:relative;z-index:100;width:32px;height:32px;padding:var(--ibiz-spacing-tight);margin-left:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-control-kanban-font-size);color:var(--ibiz-color-primary);cursor:pointer;border-radius:var(--ibiz-border-radius-circle)}.ibiz-control-kanban-group__header-actions:hover{background-color:var(--ibiz-color-fill-0)}.ibiz-control-kanban-group__actions-dropdown:has(.el-button){padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none)}.ibiz-control-kanban-group__actions-dropdown .ibiz-action-toolbar{display:flex;flex-flow:column nowrap}.ibiz-control-kanban-group__actions-dropdown .el-button{--el-button-size:var(--ibiz-height-control-large);justify-content:flex-start;width:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-control-kanban-group__actions-dropdown .el-button ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-kanban-group__actions-dropdown .el-button.is-text:not(.is-disabled):hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color)}.ibiz-control-kanban-item{cursor:pointer}.ibiz-control-kanban-item:hover{background-color:var(--ibiz-control-kanban-hover-bg-color)}.ibiz-control-kanban-item.is-selected{background-color:var(--ibiz-control-kanban-selected-bg-color)}.ibiz-control-kanban-item.is-disabled{cursor:no-drop}.ibiz-control-kanban-item__bottom{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-tight);margin-top:var(--ibiz-spacing-tight);border-top:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-item__bottom--actions{display:flex;justify-content:center}.ibiz-control-kanban-item__bottom--actions .ibiz-action-toolbar__item{margin:0}.ibiz-control-kanban-item__bottom--actions .ibiz-action-toolbar__item--label.is-has-caption{margin:0}.ibiz-control-kanban-item+.ibiz-control-kanban-item{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban{position:relative}.ibiz-control-kanban__quicktoolbar{margin-bottom:var(--ibiz-spacing-base);visibility:hidden;display:flex;flex-flow:column nowrap}.ibiz-control-kanban__quicktoolbar>*+*{margin-top:var(--ibiz-spacing-tight)}.ibiz-control-kanban.is-full{padding:var(--ibiz-spacing-base);background-color:var(--ibiz-color-bg-2)}.ibiz-control-kanban-toolbar{display:flex;flex-shrink:0;gap:var(--ibiz-spacing-tight)}.ibiz-control-kanban-toolbar .el-button{border:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-batch{padding:var(--ibiz-spacing-base-tight);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-batch__toolbar .ibiz-control-toolbar{flex-wrap:wrap;row-gap:var(--ibiz-spacing-tight)}.ibiz-control-kanban-batch__check{display:flex;align-items:center;justify-content:space-between;margin-top:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-control-kanban-batch__info span{margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary)}

package/lib/control/kanban/swimlane-kanban/swimlane-kanban.cjs

@@ -16,9 +16,6 @@ const SwimlaneKanban = /* @__PURE__ */ vue.defineComponent({
     draggable
   },
   props: {
-    /**
-     * @description 面板直接内容控制器
-     */
     controller: {
       type: Object,
       required: true
@@ -32,8 +29,7 @@ const SwimlaneKanban = /* @__PURE__ */ vue.defineComponent({
       zIndex
     } = vue3Util.useUIStore();
     const popperStyle = {
-      zIndex: zIndex.increment(),
-      position: "unset"
+      zIndex: zIndex.increment()
     };
     const expandAll = vue.ref(true);
     const dropdownKey = vue.ref();
@@ -145,7 +141,6 @@ const SwimlaneKanban = /* @__PURE__ */ vue.defineComponent({
         }, null)]
       }), showActionBar && vue.createVNode(vue.resolveComponent("el-dropdown"), {
         "trigger": "click",
-        "teleported": false,
         "style": popperStyle,
         "class": [ns.em("header", "action"), ns.is("visible", group.key === dropdownKey.value)],
         "popper-class": ns.em("header", "popper"),
@@ -162,7 +157,7 @@ const SwimlaneKanban = /* @__PURE__ */ vue.defineComponent({
         }),
         dropdown: () => vue.createVNode("div", {
           "class": ns.em("header", "toolbar")
-        }, [vue.createVNode(vue.resolveComponent("iBizActionToolbar"), {
+        }, [c.model.groupUIActionGroup && vue.createVNode(vue.resolveComponent("iBizActionToolbar"), {
           "actionDetails": c.model.groupUIActionGroup.uiactionGroupDetails,
           "actionsState": group.groupActionGroupState,
           "onActionClick": (detail, event) => {
@@ -222,7 +217,17 @@ const SwimlaneKanban = /* @__PURE__ */ vue.defineComponent({
         "name": expandAll.value ? "chevron-collapse-outline" : "chevron-expand-outline"
       }, null), vue.createVNode("div", {
         "class": ns.em("cell", "caption")
-      }, [ibiz.i18n.t("control.kanban.lane")])])])]), c.state.groups.map((group) => {
+      }, [ibiz.i18n.t("control.kanban.lane")])]), c.enableGroupHidden && vue.createVNode("div", {
+        "class": ns.em("cell", "right")
+      }, [vue.createVNode(vue.resolveComponent("iBizKanbanSetting"), {
+        "buttonStyle": {
+          circle: true,
+          type: "text"
+        },
+        "controller": props.controller
+      }, null)])])]), c.state.groups.map((group) => {
+        if (group.hidden)
+          return void 0;
         return renderHeaderCell(group);
       })])]);
     };
@@ -262,6 +267,10 @@ const SwimlaneKanban = /* @__PURE__ */ vue.defineComponent({
       }, null)]) : null]);
     };
     const renderBodyCellToolber = (lane, group) => {
+      const {
+        swimlaneAppDEFieldId
+      } = c.model;
+      const items = group.children.filter((item) => item[swimlaneAppDEFieldId] === lane.key);
       return vue.createVNode("div", {
         "class": ns.em("cell", "toolbar")
       }, [c.enableNew && !c.state.readonly && vue.createVNode(vue.resolveComponent("el-button"), {
@@ -274,7 +283,7 @@ const SwimlaneKanban = /* @__PURE__ */ vue.defineComponent({
         default: () => [vue.createVNode("ion-icon", {
           "name": "add-outline"
         }, null), ibiz.i18n.t("app.newlyBuild")]
-      }), quickToolbarModel && vue.createVNode(vue.resolveComponent("iBizControlShell"), {
+      }), quickToolbarModel && items.length === 0 && vue.createVNode(vue.resolveComponent("iBizControlShell"), {
         "class": ns.e("quicktoolbar"),
         "modelData": {
           ...quickToolbarModel,
@@ -377,6 +386,8 @@ const SwimlaneKanban = /* @__PURE__ */ vue.defineComponent({
         }, [vue.createVNode("span", {
           "class": ns.em("cell", "description")
         }, ["".concat(lane.count, " \u4E2A").concat(c.laneDescription)])])])]), c.state.groups.map((group) => {
+          if (group.hidden)
+            return void 0;
           return renderBodyCell(index, lane, group);
         })]);
       })]);

package/lib/control/kanban/swimlane-kanban/swimlane-kanban.css

@@ -1 +1 @@
-.ibiz-swimlane-kanban{--ibiz-swimlane-kanban-width:320px;display:flex;flex-direction:column;width:100%;height:100%;padding:var(--ibiz-spacing-tight)}.ibiz-swimlane-kanban__default .ibiz-swimlane-kanban__cell:not(.is-collapsed){width:var(--ibiz-swimlane-kanban-width)}.ibiz-swimlane-kanban__style2 .ibiz-swimlane-kanban__cell:not(.is-collapsed){flex:1 0 0;min-width:var(--ibiz-swimlane-kanban-width)}.ibiz-swimlane-kanban__table{overflow:auto hidden}.ibiz-swimlane-kanban__header{box-sizing:border-box;width:100%;min-width:-moz-fit-content;min-width:fit-content;border-top:1px solid var(--ibiz-color-border)}.ibiz-swimlane-kanban__header--action{visibility:hidden}.ibiz-swimlane-kanban__header--action.is-visible{visibility:visible}.ibiz-swimlane-kanban__header--row{display:flex}.ibiz-swimlane-kanban__header--cell .ibiz-swimlane-kanban__cell--content{display:flex;justify-content:space-between}.ibiz-swimlane-kanban__header--cell:hover .ibiz-swimlane-kanban__header--action{visibility:visible}.ibiz-swimlane-kanban__header--cell.is-collapsed{position:relative;width:50px;border-bottom:none}.ibiz-swimlane-kanban__header--cell.is-collapsed .ibiz-swimlane-kanban__cell--content{position:absolute;top:var(--ibiz-spacing-base);left:0;flex-direction:column}.ibiz-swimlane-kanban__header--cell.is-collapsed .ibiz-swimlane-kanban__cell--left{flex-direction:column;gap:var(--ibiz-spacing-extra-tight)}.ibiz-swimlane-kanban__header--cell.is-collapsed .ibiz-swimlane-kanban__cell--caption{writing-mode:tb}.ibiz-swimlane-kanban__header--cell.is-collapsed .ibiz-swimlane-kanban__cell--separator{margin:var(--ibiz-spacing-extra-tight) 0}.ibiz-swimlane-kanban__header--toolbar .ibiz-action-toolbar{display:flex;flex-flow:column nowrap}.ibiz-swimlane-kanban__header--toolbar .el-button{--el-button-size:var(--ibiz-height-control-large);justify-content:flex-start;width:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-swimlane-kanban__header--toolbar .el-button ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-swimlane-kanban__header--toolbar .el-button.is-text:not(.is-disabled):hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color)}.ibiz-swimlane-kanban__header--popper.el-popper.el-dropdown__popper .el-scrollbar__view.el-dropdown__list{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none);background-color:var(--ibiz-color-white)}.ibiz-swimlane-kanban__header--popper.el-popper.el-dropdown__popper .el-button{color:var(--ibiz-color-text-3);--el-button-bg-color:var(--ibiz-color-white);--el-button-hover-bg-color:var(--ibiz-color-fill-0);--el-button-active-bg-color:var(--ibiz-color-fill-0);--el-button-text-color:var(--ibiz-color-text-3);--el-button-hover-text-color:var(--ibiz-color-primary);--el-button-active-text-color:var(--ibiz-color-primary);border:none}.ibiz-swimlane-kanban__body{width:100%;min-width:-moz-fit-content;min-width:fit-content;height:calc(100% - 66px);padding-bottom:var(--ibiz-spacing-extra-tight);overflow:hidden scroll}.ibiz-swimlane-kanban__body--row{display:flex}.ibiz-swimlane-kanban__body--row.is-expand .ibiz-swimlane-kanban__cell{height:auto;min-height:200px;padding:var(--ibiz-spacing-tight)}.ibiz-swimlane-kanban__body--row:not(.is-expand) .ibiz-swimlane-kanban__cell:not(.is-collapsed){border-right:none}.ibiz-swimlane-kanban__body--cell:first-child .ibiz-swimlane-kanban__cell--content{display:flex;align-items:start;justify-content:space-between}.ibiz-swimlane-kanban__body--cell.is-collapsed{width:50px;min-width:50px;border-right:1px solid var(--ibiz-color-border);border-bottom:none}.ibiz-swimlane-kanban__body--cell:has(+.is-collapsed){border-right:1px solid var(--ibiz-color-border)!important}.ibiz-swimlane-kanban__cell{padding:var(--ibiz-spacing-base) var(--ibiz-spacing-tight);border-right:1px solid var(--ibiz-color-border);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-swimlane-kanban__cell--expand-icon{display:flex;align-items:center;margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-header-6);color:var(--ibiz-color-text-3);cursor:pointer}.ibiz-swimlane-kanban__cell--content{width:100%;height:100%}.ibiz-swimlane-kanban__cell--left{display:flex;align-items:center}.ibiz-swimlane-kanban__cell--right{display:flex;align-items:center}.ibiz-swimlane-kanban__cell--toolbar{margin:var(--ibiz-spacing-tight);visibility:hidden}.ibiz-swimlane-kanban__cell--separator{margin:0 var(--ibiz-spacing-extra-tight)}.ibiz-swimlane-kanban__cell--description{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-text-3)}.ibiz-swimlane-kanban__cell:hover .ibiz-swimlane-kanban__cell--toolbar{visibility:visible}.ibiz-swimlane-kanban__card{margin:var(--ibiz-spacing-tight);cursor:pointer;border-radius:var(--ibiz-spacing-super-tight)}.ibiz-swimlane-kanban__card.is-disabled{cursor:no-drop}.ibiz-swimlane-kanban__card.is-selected{background-color:var(--ibiz-color-fill-0)}.ibiz-swimlane-kanban__default-item--footer{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-tight);margin-top:var(--ibiz-spacing-tight);border-top:1px solid var(--ibiz-color-border)}.ibiz-swimlane-kanban__default-item--actions{display:flex;justify-content:center}.ibiz-swimlane-kanban__default-item--actions .ibiz-action-toolbar__item{margin:0}.ibiz-swimlane-kanban__default-item--actions .ibiz-action-toolbar__item--label.is-has-caption{margin:0}.ibiz-swimlane-kanban__batch{padding:var(--ibiz-spacing-base-tight);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-swimlane-kanban__batch--toolbar{flex-wrap:wrap;row-gap:var(--ibiz-spacing-tight)}.ibiz-swimlane-kanban__batch--check{display:flex;align-items:center;justify-content:space-between;margin-top:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-swimlane-kanban__batch--info span{margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary)}.ibiz-swimlane-kanban__scrollbar .el-scrollbar__view{width:100%}
+.ibiz-swimlane-kanban{--ibiz-swimlane-kanban-width:320px;display:flex;flex-direction:column;width:100%;height:100%;padding:var(--ibiz-spacing-tight)}.ibiz-swimlane-kanban__default .ibiz-swimlane-kanban__cell:not(.is-collapsed){width:var(--ibiz-swimlane-kanban-width)}.ibiz-swimlane-kanban__style2 .ibiz-swimlane-kanban__cell:not(.is-collapsed){flex:1 0 0;min-width:var(--ibiz-swimlane-kanban-width)}.ibiz-swimlane-kanban__table{overflow:auto hidden}.ibiz-swimlane-kanban__header{box-sizing:border-box;width:100%;min-width:-moz-fit-content;min-width:fit-content;padding-right:4px;border-top:1px solid var(--ibiz-color-border)}.ibiz-swimlane-kanban__header--action{visibility:hidden}.ibiz-swimlane-kanban__header--action.is-visible{visibility:visible}.ibiz-swimlane-kanban__header--row{display:flex}.ibiz-swimlane-kanban__header--cell .ibiz-swimlane-kanban__cell--content{display:flex;justify-content:space-between}.ibiz-swimlane-kanban__header--cell:hover .ibiz-swimlane-kanban__header--action{visibility:visible}.ibiz-swimlane-kanban__header--cell.is-collapsed{position:relative;width:50px;border-bottom:none}.ibiz-swimlane-kanban__header--cell.is-collapsed .ibiz-swimlane-kanban__cell--content{position:absolute;top:var(--ibiz-spacing-base);left:0;flex-direction:column}.ibiz-swimlane-kanban__header--cell.is-collapsed .ibiz-swimlane-kanban__cell--left{flex-direction:column;gap:var(--ibiz-spacing-extra-tight)}.ibiz-swimlane-kanban__header--cell.is-collapsed .ibiz-swimlane-kanban__cell--caption{writing-mode:tb}.ibiz-swimlane-kanban__header--cell.is-collapsed .ibiz-swimlane-kanban__cell--separator{margin:var(--ibiz-spacing-extra-tight) 0}.ibiz-swimlane-kanban__header--toolbar .ibiz-action-toolbar{display:flex;flex-flow:column nowrap}.ibiz-swimlane-kanban__header--toolbar .el-button{--el-button-size:var(--ibiz-height-control-large);justify-content:flex-start;width:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-swimlane-kanban__header--toolbar .el-button ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-swimlane-kanban__header--toolbar .el-button.is-text:not(.is-disabled):hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color)}.ibiz-swimlane-kanban__header--popper.el-popper.el-dropdown__popper .el-scrollbar__view.el-dropdown__list{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none);background-color:var(--ibiz-color-white)}.ibiz-swimlane-kanban__header--popper.el-popper.el-dropdown__popper .el-button{color:var(--ibiz-color-text-2);--el-button-bg-color:var(--ibiz-color-white);--el-button-hover-bg-color:var(--ibiz-color-fill-0);--el-button-active-bg-color:var(--ibiz-color-fill-0);--el-button-text-color:var(--ibiz-color-text-2);--el-button-hover-text-color:var(--ibiz-color-primary);--el-button-active-text-color:var(--ibiz-color-primary);border:none}.ibiz-swimlane-kanban__body{width:100%;min-width:-moz-fit-content;min-width:fit-content;height:calc(100% - 66px);padding-bottom:var(--ibiz-spacing-extra-tight);overflow:hidden scroll}.ibiz-swimlane-kanban__body--row{display:flex}.ibiz-swimlane-kanban__body--row.is-expand .ibiz-swimlane-kanban__cell{height:auto;min-height:200px;padding:var(--ibiz-spacing-tight)}.ibiz-swimlane-kanban__body--row:not(.is-expand) .ibiz-swimlane-kanban__cell:not(.is-collapsed){border-right:none}.ibiz-swimlane-kanban__body--cell:first-child .ibiz-swimlane-kanban__cell--content{display:flex;align-items:start;justify-content:space-between}.ibiz-swimlane-kanban__body--cell.is-collapsed{width:50px;min-width:50px;border-right:1px solid var(--ibiz-color-border);border-bottom:none}.ibiz-swimlane-kanban__body--cell:has(+.is-collapsed){border-right:1px solid var(--ibiz-color-border)!important}.ibiz-swimlane-kanban__cell{padding:var(--ibiz-spacing-base) var(--ibiz-spacing-tight);border-right:1px solid var(--ibiz-color-border);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-swimlane-kanban__cell--expand-icon{display:flex;align-items:center;margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-header-6);color:var(--ibiz-color-text-3);cursor:pointer}.ibiz-swimlane-kanban__cell--content{width:100%;height:100%}.ibiz-swimlane-kanban__cell--left{display:flex;align-items:center}.ibiz-swimlane-kanban__cell--right{display:flex;align-items:center}.ibiz-swimlane-kanban__cell--toolbar{margin:var(--ibiz-spacing-tight);visibility:hidden}.ibiz-swimlane-kanban__cell--separator{margin:0 var(--ibiz-spacing-extra-tight)}.ibiz-swimlane-kanban__cell--description{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-text-3)}.ibiz-swimlane-kanban__cell:hover .ibiz-swimlane-kanban__cell--toolbar{visibility:visible}.ibiz-swimlane-kanban__card{margin:var(--ibiz-spacing-tight);cursor:pointer;border-radius:var(--ibiz-spacing-super-tight)}.ibiz-swimlane-kanban__card.is-disabled{cursor:no-drop}.ibiz-swimlane-kanban__card.is-selected{background-color:var(--ibiz-color-fill-0)}.ibiz-swimlane-kanban__default-item--footer{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-tight);margin-top:var(--ibiz-spacing-tight);border-top:1px solid var(--ibiz-color-border)}.ibiz-swimlane-kanban__default-item--actions{display:flex;justify-content:center}.ibiz-swimlane-kanban__default-item--actions .ibiz-action-toolbar__item{margin:0}.ibiz-swimlane-kanban__default-item--actions .ibiz-action-toolbar__item--label.is-has-caption{margin:0}.ibiz-swimlane-kanban__batch{padding:var(--ibiz-spacing-base-tight);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-swimlane-kanban__batch--toolbar{flex-wrap:wrap;row-gap:var(--ibiz-spacing-tight)}.ibiz-swimlane-kanban__batch--check{display:flex;align-items:center;justify-content:space-between;margin-top:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-swimlane-kanban__batch--info span{margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary)}.ibiz-swimlane-kanban__scrollbar .el-scrollbar__view{width:100%}.ibiz-swimlane-kanban__quicktoolbar{flex-flow:column nowrap;gap:var(--ibiz-spacing-tight);align-items:center;justify-content:center}

package/lib/control/list/list.cjs

@@ -185,13 +185,26 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
         "onDblclick": () => c.onDbRowClick(item)
       }, null);
     };
+    const renderItemAction = (item) => {
+      return vue.createVNode(vue.resolveComponent("iBizActionToolbar"), {
+        "class": ns.bem("item", "right", "actions"),
+        "action-details": c.getOptItemModel(),
+        "actions-state": c.state.uaState[item.srfkey],
+        "onActionClick": (detail, event) => c.onActionClick(detail, item, event)
+      }, null);
+    };
     const renderDefaultItem = (item) => {
+      const actionModel = c.getOptItemModel();
       return vue.createVNode("div", {
         "key": item.srfkey,
         "class": ns.b("item"),
         "onClick": () => c.onRowClick(item),
         "onDblclick": () => c.onDbRowClick(item)
-      }, ["".concat(lodashEs.isNil(item.srfmajortext) ? "" : item.srfmajortext)]);
+      }, [vue.createVNode("span", {
+        "class": ns.be("item", "caption")
+      }, ["".concat(lodashEs.isNil(item.srfmajortext) ? "" : item.srfmajortext)]), actionModel.length ? vue.createVNode("div", {
+        "class": ns.be("item", "right")
+      }, [renderItemAction(item)]) : null]);
     };
     const renderGroupAction = (group) => {
       if (c.model.groupUIActionGroup && group.groupActionGroupState) {

package/lib/control/list/list.css

@@ -1 +1 @@
-.ibiz-control-list-item{flex-grow:1;min-height:var(--ibiz-control-list-item-height);padding:var(--ibiz-control-list-padding);font-weight:var(--ibiz-control-list-font-weight);color:var(--ibiz-control-list-text-color);cursor:pointer;background-color:var(--ibiz-control-list-item-bg-color)}.ibiz-control-list{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-load-more-color:var(--ibiz-color-text-2);--ibiz-control-list-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-list-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-list-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-list-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight);--ibiz-control-list-item-bg-color:unset;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%}.ibiz-control-list__nav-icon{position:absolute;top:18px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-list__load-more{text-align:center}.ibiz-control-list__load-more i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-control-list-load-more-color);cursor:pointer}.ibiz-control-list__load-more i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__collapse-expand-icon{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-list__collapse-expand-icon i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-list__collapse-expand-icon i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__load-more-button{padding:var(--ibiz-control-list-padding);text-align:center}.ibiz-control-list__quicktoolbar{display:flex;justify-content:center;width:100%}.ibiz-control-list .ibiz-control-list-content{flex-grow:1}.ibiz-control-list-content__batchtoolbar{margin:var(--ibiz-spacing-tight) 0}.ibiz-control-list-content.is-show-underLine .ibiz-control-list-scroll-item{border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-list-content .ibiz-row-detail:last-of-type .ibiz-control-list-scroll-item{border-bottom:none}.ibiz-control-list-scroll{height:100%;overflow:auto}.ibiz-control-list-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%}.ibiz-control-list-scroll-item{display:flex;align-items:center}.ibiz-control-list-scroll-item__checkbox{flex-shrink:0;margin-left:var(--ibiz-spacing-tight)}.ibiz-control-list-scroll-item__icon{flex-shrink:0;margin-left:var(--ibiz-spacing-tight);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-list-scroll-item:hover{background-color:var(--ibiz-control-list-hover-bg-color)}.ibiz-control-list-scroll-item.is-active{background-color:var(--ibiz-control-list-active-bg-color)}.ibiz-control-list-group-style2{--ibiz-control-list-group-style2-color:var(--ibiz-color-disabled-text)}.ibiz-control-list-group-style2__header{display:flex;align-items:center;justify-content:center;width:100%}.ibiz-control-list-group-style2__header--title{padding:0 var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-control-list-group-style2-color)}.ibiz-control-list-group-style2__header::after,.ibiz-control-list-group-style2__header::before{display:block;flex:1;height:1px;margin-top:1px;content:"";border-top:1px var(--ibiz-color-border) solid;transform:translateY(-50%)}
+.ibiz-control-list-item{flex-grow:1;min-height:var(--ibiz-control-list-item-height);padding:var(--ibiz-control-list-padding);font-weight:var(--ibiz-control-list-font-weight);color:var(--ibiz-control-list-text-color);cursor:pointer;background-color:var(--ibiz-control-list-item-bg-color)}.ibiz-control-list-item__right{padding:0 var(--ibiz-spacing-extra-tight)}.ibiz-control-list-item__right--actions{display:flex;justify-content:center}.ibiz-control-list-item__right--actions .ibiz-action-toolbar__item{margin:0}.ibiz-control-list-item__right--actions .ibiz-action-toolbar__item--label.is-has-caption{margin:0}.ibiz-control-list-item:has(.ibiz-control-list-item__right){display:flex;justify-content:space-between}.ibiz-control-list-item:has(.ibiz-control-list-item__right) .ibiz-control-list-item__caption{flex:1}.ibiz-control-list{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-load-more-color:var(--ibiz-color-text-2);--ibiz-control-list-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-list-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-list-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-list-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight);--ibiz-control-list-item-bg-color:unset;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%}.ibiz-control-list__nav-icon{position:absolute;top:18px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-list__load-more{text-align:center}.ibiz-control-list__load-more i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-control-list-load-more-color);cursor:pointer}.ibiz-control-list__load-more i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__collapse-expand-icon{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-list__collapse-expand-icon i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-list__collapse-expand-icon i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__load-more-button{padding:var(--ibiz-control-list-padding);text-align:center}.ibiz-control-list__quicktoolbar{display:flex;justify-content:center;width:100%}.ibiz-control-list .ibiz-control-list-content{flex-grow:1}.ibiz-control-list-content__batchtoolbar{margin:var(--ibiz-spacing-tight) 0}.ibiz-control-list-content.is-show-underLine .ibiz-control-list-scroll-item{border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-list-content .ibiz-row-detail:last-of-type .ibiz-control-list-scroll-item{border-bottom:none}.ibiz-control-list-scroll{height:100%;overflow:auto}.ibiz-control-list-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%}.ibiz-control-list-scroll-item{display:flex;align-items:center}.ibiz-control-list-scroll-item__checkbox{flex-shrink:0;margin-left:var(--ibiz-spacing-tight)}.ibiz-control-list-scroll-item__icon{flex-shrink:0;margin-left:var(--ibiz-spacing-tight);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-list-scroll-item:hover{background-color:var(--ibiz-control-list-hover-bg-color)}.ibiz-control-list-scroll-item.is-active{background-color:var(--ibiz-control-list-active-bg-color)}.ibiz-control-list-group-style2{--ibiz-control-list-group-style2-color:var(--ibiz-color-disabled-text)}.ibiz-control-list-group-style2__header{display:flex;align-items:center;justify-content:center;width:100%}.ibiz-control-list-group-style2__header--title{padding:0 var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-control-list-group-style2-color)}.ibiz-control-list-group-style2__header::after,.ibiz-control-list-group-style2__header::before{display:block;flex:1;height:1px;margin-top:1px;content:"";border-top:1px var(--ibiz-color-border) solid;transform:translateY(-50%)}

package/lib/locale/en/index.cjs

@@ -35,7 +35,9 @@ var index = {
     retract: "Retract",
     pleaseEnterAccount: "Please enter account number",
     pleaseEnterPassword: "Please enter password",
-    aiError: "System encountered an exception, please try again later"
+    aiError: "System encountered an exception, please try again later",
+    fullscreen: "Fullscreen",
+    cancelFullscreen: "Cancel fullscreen"
   },
   // 视图
   view: {
@@ -553,6 +555,9 @@ var index = {
     gridSetting: {
       hideControl: "Column selection"
     },
+    kanbanSetting: {
+      hideGroup: "Group selection"
+    },
     ganttSetting: {
       resultDefault: "Restore defaults",
       headerCaption: "Header display attributes",

package/lib/locale/zh-CN/index.cjs

@@ -35,7 +35,9 @@ var index = {
     retract: "\u6536\u8D77",
     pleaseEnterAccount: "\u8BF7\u8F93\u5165\u8D26\u53F7",
     pleaseEnterPassword: "\u8BF7\u8F93\u5165\u5BC6\u7801",
-    aiError: "\u7CFB\u7EDF\u53D1\u751F\u5F02\u5E38\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5"
+    aiError: "\u7CFB\u7EDF\u53D1\u751F\u5F02\u5E38\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5",
+    fullscreen: "\u5168\u5C4F",
+    cancelFullscreen: "\u53D6\u6D88\u5168\u5C4F"
   },
   // 视图
   view: {
@@ -549,6 +551,9 @@ var index = {
     gridSetting: {
       hideControl: "\u5217\u9009\u62E9"
     },
+    kanbanSetting: {
+      hideGroup: "\u5206\u7EC4\u9009\u62E9"
+    },
     ganttSetting: {
       resultDefault: "\u6062\u590D\u9ED8\u8BA4\u503C",
       headerCaption: "\u8868\u5934\u663E\u793A\u5C5E\u6027",

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}