@ibiz-template/vue3-components 0.7.41-alpha.24 → 0.7.41-alpha.26

package/es/panel-component/panel-button-list/panel-button-list.controller.mjs

@@ -1,4 +1,4 @@
-import { PanelItemController, ButtonContainerState, UIActionButtonState, UIActionUtil } from '@ibiz-template/runtime';
+import { PanelItemController, ButtonContainerState, getAllUIActionItems, UIActionButtonState, UIActionUtil } from '@ibiz-template/runtime';
 import { PanelButtonListState } from './panel-button-list.state.mjs';
 
 "use strict";
@@ -45,20 +45,22 @@ class PanelButtonListController extends PanelItemController {
    * @memberof PanelButtonListController
    */
   async initButtonsState() {
-    var _a;
     const { buttonListType, uiactionGroup, panelButtons } = this.model;
     if (buttonListType === "UIACTIONGROUP") {
-      (_a = uiactionGroup == null ? void 0 : uiactionGroup.uiactionGroupDetails) == null ? void 0 : _a.forEach((detail) => {
-        if (detail.uiactionId) {
-          const buttonState = new UIActionButtonState(
-            detail.id,
-            detail.appId,
-            detail.uiactionId,
-            detail
-          );
-          this.state.buttonsState.addState(detail.id, buttonState);
-        }
-      });
+      if (uiactionGroup == null ? void 0 : uiactionGroup.uiactionGroupDetails) {
+        const actions = getAllUIActionItems(uiactionGroup.uiactionGroupDetails);
+        actions.forEach((detail) => {
+          if (detail.uiactionId) {
+            const buttonState = new UIActionButtonState(
+              detail.id,
+              detail.appId,
+              detail.uiactionId,
+              detail
+            );
+            this.state.buttonsState.addState(detail.id, buttonState);
+          }
+        });
+      }
     } else {
       panelButtons == null ? void 0 : panelButtons.forEach((button) => {
         if (button.uiactionId) {
@@ -110,12 +112,11 @@ class PanelButtonListController extends PanelItemController {
    * @memberof PanelButtonListController
    */
   getModelById(id) {
-    var _a;
     const { buttonListType, uiactionGroup, panelButtons } = this.model;
-    if (buttonListType === "UIACTIONGROUP")
-      return (_a = uiactionGroup == null ? void 0 : uiactionGroup.uiactionGroupDetails) == null ? void 0 : _a.find(
-        (detail) => detail.id === id
-      );
+    if (buttonListType === "UIACTIONGROUP") {
+      const actions = getAllUIActionItems(uiactionGroup == null ? void 0 : uiactionGroup.uiactionGroupDetails);
+      return actions.find((detail) => detail.id === id);
+    }
     return panelButtons == null ? void 0 : panelButtons.find((button) => button.id === id);
   }
   /**

package/es/panel-component/panel-button-list/panel-button-list.mjs

@@ -38,7 +38,7 @@ const PanelButtonList = /* @__PURE__ */ defineComponent({
     const {
       state
     } = this.controller;
-    if (state.visible) {
+    if (state.visible)
       return createVNode(resolveComponent("iBizButtonList"), {
         "class": [this.ns.b(), ...this.controller.containerClass],
         "model": this.modelData,
@@ -46,7 +46,6 @@ const PanelButtonList = /* @__PURE__ */ defineComponent({
         "buttonsState": state.buttonsState,
         "onClick": this.handleClick
       }, null);
-    }
     return null;
   }
 });

package/es/view-engine/mpickup-view-engine.d.ts

@@ -12,6 +12,12 @@ import { PickupViewEngine } from './pickup-view.engine';
  */
 export declare class MPickupViewEngine extends PickupViewEngine {
     protected view: ViewController<IAppDEPickupView, IMPickupViewState, IMPickupViewEvent>;
+    /**
+     * @description 是否严格的遵循穿梭空左右互相关联
+     * @type {boolean}
+     * @memberof MPickupViewEngine
+     */
+    checkStrictly: boolean;
     /**
      * 简单列表控制器
      *

package/es/view-engine/mpickup-view-engine.mjs

@@ -3,7 +3,22 @@ import { SysUIActionTag } from '@ibiz-template/runtime';
 import { PickupViewEngine } from './pickup-view.engine.mjs';
 
 "use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 class MPickupViewEngine extends PickupViewEngine {
+  constructor() {
+    super(...arguments);
+    /**
+     * @description 是否严格的遵循穿梭空左右互相关联
+     * @type {boolean}
+     * @memberof MPickupViewEngine
+     */
+    __publicField(this, "checkStrictly", true);
+  }
   /**
    * 简单列表控制器
    *
@@ -43,6 +58,10 @@ class MPickupViewEngine extends PickupViewEngine {
     this.view.slotProps.simplelist.isSimple = true;
     this.view.slotProps.simplelist.singleSelect = false;
     this.view.slotProps.pickupviewpanel.singleSelect = false;
+    if (this.view.params.checkstrictly) {
+      this.checkStrictly = this.view.params.checkstrictly === "true" || this.view.params.checkstrictly === true;
+      delete this.view.params.checkstrictly;
+    }
   }
   /**
    * 视图mounted生命周期执行逻辑
@@ -133,9 +152,17 @@ class MPickupViewEngine extends PickupViewEngine {
    * @memberof MPickupViewEngine
    */
   async handlePushSimpleListItems(data) {
-    const items = await this.pickupViewPanel.getAllData();
-    const selectItems = this.simpleList.getAllData().filter((selected) => !items.some((item) => item.srfkey === selected.srfkey));
-    selectItems.push(...data);
+    let selectItems = [];
+    if (this.checkStrictly) {
+      const items = await this.pickupViewPanel.getAllData();
+      selectItems = this.simpleList.getAllData().filter(
+        (selected) => !items.some((item) => item.srfkey === selected.srfkey)
+      );
+      selectItems.push(...data);
+    } else {
+      const allData = this.simpleList.getAllData();
+      selectItems = [...allData, ...data];
+    }
     const uniqueItems = this.handleUniqueItems(selectItems);
     this.setSelectedData(uniqueItems);
   }
@@ -201,7 +228,8 @@ class MPickupViewEngine extends PickupViewEngine {
    * @memberof MPickupViewEngine
    */
   setSelectedData(items) {
-    super.setSelectedData(items);
+    if (this.checkStrictly)
+      super.setSelectedData(items);
     this.simpleList.setData(items);
   }
   /**

package/es/view-engine/portal-view-engine.mjs

@@ -1,4 +1,4 @@
-import { DEMainViewEngine, SysUIActionTag } from '@ibiz-template/runtime';
+import { DEMainViewEngine, SysUIActionTag, calcDeCodeNameById } from '@ibiz-template/runtime';
 
 "use strict";
 class PortalViewEngine extends DEMainViewEngine {
@@ -55,6 +55,10 @@ class PortalViewEngine extends DEMainViewEngine {
   async onMounted() {
     await super.onMounted();
     if (this.view.model.appDataEntityId) {
+      const deName = calcDeCodeNameById(this.view.model.appDataEntityId);
+      if (!this.view.context[deName]) {
+        return;
+      }
       await this.loadEntityData();
     }
   }

package/es/view-engine/tree-view.engine.mjs

@@ -5,9 +5,11 @@ import { RuntimeError } from '@ibiz-template/core';
 class TreeViewEngine extends MDViewEngine {
   async onCreated() {
     await super.onCreated();
+    const { model } = this.view;
     if (!this.view.slotProps.tree) {
       this.view.slotProps.tree = {};
     }
+    this.view.slotProps.tree.mdctrlActiveMode = model.mdctrlActiveMode;
   }
   get tree() {
     return this.view.getController("tree");

package/lib/common/action-toolbar/action-toolbar.cjs

@@ -40,6 +40,10 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
     // 二者区别在于：行为回调为同步执行（主要解决pop打开视图位置异常），action-click为异步执行（不关心执行是否完成）
     actionCallBack: {
       type: Function
+    },
+    direction: {
+      type: String,
+      default: "horizontal"
     }
   },
   setup(props, {
@@ -89,10 +93,11 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
       });
     }
     const calcActionItemClass = (item) => {
+      var _a2;
       const {
         actionLevel
       } = item;
-      return [ns.e("item"), ns.is("disabled", false), ns.em("item", "level-".concat(actionLevel))];
+      return [ns.e("item"), (_a2 = item.sysCss) == null ? void 0 : _a2.codeName, ns.em("item", "level-".concat(actionLevel))];
     };
     const popoverIndex = props.zIndex;
     return {
@@ -111,10 +116,11 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
     var _a;
     const details = this.actionDetails || [];
     const renderDivider = (isExpand) => {
+      const ishorizontal = isExpand && this.direction === "horizontal";
       return vue.createVNode(vue.resolveComponent("el-divider"), {
         "class": this.ns.e("separator"),
         "border-style": "double",
-        "direction": isExpand ? "vertical" : "horizontal"
+        "direction": ishorizontal ? "vertical" : "horizontal"
       }, null);
     };
     const renderActionGroup = (detail, isExpand = true) => {
@@ -122,15 +128,17 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
       const actionGroup = detail.refUIActionGroup;
       if (!((_a2 = actionGroup == null ? void 0 : actionGroup.uiactionGroupDetails) == null ? void 0 : _a2.length))
         return null;
-      const pvisible = actionGroup.uiactionGroupDetails.findIndex((item) => {
-        return this.actionsState[item.id].visible === true;
-      }) !== -1;
+      const pvisible = actionGroup.uiactionGroupDetails.some((item) => {
+        return this.actionsState[item.id].visible;
+      });
       if (!pvisible)
         return null;
+      const ishorizontal = isExpand && this.direction === "horizontal";
       return [detail.addSeparator && renderDivider(isExpand), vue.createVNode(vue.resolveComponent("el-popover"), {
+        "trigger": "click",
         "teleported": false,
-        "placement": "right-start",
         "popper-class": this.ns.e("popover"),
+        "placement": ishorizontal ? "bottom" : "right-start",
         "popper-options": {
           modifiers: [{
             name: "offset",
@@ -149,14 +157,14 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
           }, {
             default: () => [vue.createVNode("div", {
               "class": this.ns.em("group-item", "caption")
-            }, [vue.createVNode("span", null, [actionGroup.id]), vue.createVNode("ion-icon", {
+            }, [vue.createVNode("span", null, [actionGroup.name || actionGroup.id]), vue.createVNode("ion-icon", {
               "class": this.ns.em("group-item", "caption-icon"),
-              "name": "chevron-forward-outline"
+              "name": ishorizontal ? "chevron-down-outline" : "chevron-forward-outline"
             }, null)])]
           });
         },
         default: () => {
-          return renderActions(actionGroup.uiactionGroupDetails || [], isExpand);
+          return renderActions(actionGroup.uiactionGroupDetails || [], false);
         }
       })];
     };
@@ -164,7 +172,7 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
       return items.map((detail) => {
         var _a2;
         if (detail.detailType === "DEUIACTIONGROUP" && detail.refUIActionGroup)
-          return renderActionGroup(detail);
+          return renderActionGroup(detail, isExpand);
         if ((_a2 = this.actionsState[detail.id]) == null ? void 0 : _a2.visible) {
           return [detail.addSeparator && renderDivider(isExpand), vue.createVNode(vue.resolveComponent("el-button"), {
             "text": true,
@@ -248,10 +256,10 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
         default: () => [details.length > 0 && details.map((detail) => {
           if (this.actionsState[detail.id].visible) {
             return vue.createVNode(vue.resolveComponent("el-dropdown-item"), {
-              "class": [this.ns.e("item"), this.ns.is("disabled", false)],
+              "command": detail,
               "title": core.showTitle(detail.tooltip),
-              "disabled": this.actionsState[detail.id].disabled,
-              "command": detail
+              "class": this.calcActionItemClass(detail),
+              "disabled": this.actionsState[detail.id].disabled
             }, {
               default: () => [detail.showIcon && detail.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
                 "icon": detail.sysImage

package/lib/common/action-toolbar/action-toolbar.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-action-toolbar{--ibiz-action-toolbar-item-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-none);--ibiz-action-toolbar-item-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-separator-height:var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-separator-width:var(--ibiz-spacing-super-tight);--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);display:flex;flex-wrap:wrap}.ibiz-action-toolbar__item{padding:var(--ibiz-action-toolbar-item-padding);margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__item--icon.is-has-icon{display:flex;align-items:baseline;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);margin-left:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-width-icon-medium)}.ibiz-action-toolbar__item--label.is-has-caption{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-action-toolbar__item+.ibiz-action-toolbar__item{margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__group-item>span{width:100%}.ibiz-action-toolbar__group-item--caption{display:flex;align-items:center;justify-content:space-between;width:100%}.ibiz-action-toolbar__separator{height:auto}.ibiz-action-toolbar__popover{--ibiz-action-toolbar-item-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-none);--ibiz-action-toolbar-item-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-separator-height:var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-separator-width:var(--ibiz-spacing-super-tight);--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);width:auto!important;min-width:150px;--el-popover-padding:var(--ibiz-action-toolbar-popover-padding)}.ibiz-action-toolbar__popover .el-button{--el-button-size:getCssVar("height-control", "large");display:block;width:100%;padding:var(--ibiz-action-toolbar-popover-button-padding);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-action-toolbar-popover-button-color);text-align:left;border-radius:0}.ibiz-action-toolbar__popover .el-button:hover{background-color:var(--ibiz-action-toolbar-popover-button-hover-bg)}.ibiz-action-toolbar__popover .el-button .ibiz-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-action-toolbar__popover .ibiz-action-toolbar__separator{margin:var(--ibiz-spacing-none)}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption{cursor:pointer}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption-icon{vertical-align:bottom}
+@charset "UTF-8";.ibiz-action-toolbar{--ibiz-action-toolbar-item-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-none);--ibiz-action-toolbar-item-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-separator-height:var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-separator-width:var(--ibiz-spacing-super-tight);--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);display:flex;flex-wrap:wrap}.ibiz-action-toolbar__item{padding:var(--ibiz-action-toolbar-item-padding);margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__item--icon.is-has-icon{display:flex;align-items:baseline;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);margin-left:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-width-icon-medium)}.ibiz-action-toolbar__item--label.is-has-caption{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-action-toolbar__item+.ibiz-action-toolbar__item{margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__group-item>span{width:100%}.ibiz-action-toolbar__group-item--caption{display:flex;gap:var(--ibiz-spacing-extra-tight);align-items:center;justify-content:space-between;width:100%}.ibiz-action-toolbar__separator{height:auto}.ibiz-action-toolbar__popover{--ibiz-action-toolbar-item-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-none);--ibiz-action-toolbar-item-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-separator-height:var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-separator-width:var(--ibiz-spacing-super-tight);--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);width:auto!important;min-width:150px;--el-popover-padding:var(--ibiz-action-toolbar-popover-padding)}.ibiz-action-toolbar__popover .el-button{--el-button-size:getCssVar("height-control", "large");display:block;width:100%;padding:var(--ibiz-action-toolbar-popover-button-padding);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-action-toolbar-popover-button-color);text-align:left;border-radius:0}.ibiz-action-toolbar__popover .el-button:hover{background-color:var(--ibiz-action-toolbar-popover-button-hover-bg)}.ibiz-action-toolbar__popover .el-button .ibiz-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-action-toolbar__popover .ibiz-action-toolbar__separator{margin:var(--ibiz-spacing-none)}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption{cursor:pointer}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption-icon{vertical-align:bottom}

package/lib/common/button-list/button-list.cjs

@@ -8,9 +8,6 @@ require('./button-list.css');
 var buttonUtil = require('../../util/button-util/button-util.cjs');
 
 "use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
-}
 const IBizButtonList = /* @__PURE__ */ vue.defineComponent({
   name: "IBizButtonList",
   props: {
@@ -34,6 +31,9 @@ const IBizButtonList = /* @__PURE__ */ vue.defineComponent({
     emit
   }) {
     const ns = vue3Util.useNamespace("button-list");
+    const {
+      zIndex
+    } = vue3Util.useUIStore();
     const dropdown = vue.ref();
     const componentRef = vue.ref();
     const {
@@ -139,27 +139,76 @@ const IBizButtonList = /* @__PURE__ */ vue.defineComponent({
         (_d = (_c = dropdown.value) == null ? void 0 : _c.handleOpen) == null ? void 0 : _d.call(_c);
       }
     };
-    const renderButton = (item, type) => {
-      var _a, _b, _c, _d;
-      if (((_a = props.buttonsState[item.id]) == null ? void 0 : _a.visible) === false)
+    const renderActionGroup = (detail, isFlatten) => {
+      var _a;
+      const actionGroup = detail.refUIActionGroup;
+      if (!((_a = actionGroup == null ? void 0 : actionGroup.uiactionGroupDetails) == null ? void 0 : _a.length))
         return null;
-      return vue.createVNode(vue.resolveComponent("el-button"), {
-        "class": [ns.e("item"), ns.em("item", "".concat((_b = item.id) == null ? void 0 : _b.toLowerCase())), "".concat(((_c = item.sysCss) == null ? void 0 : _c.cssName) || "")],
-        "type": type || buttonUtil.convertBtnType(item.buttonStyle),
-        "title": item.tooltip || item.caption,
-        "disabled": ((_d = props.buttonsState[item.id]) == null ? void 0 : _d.disabled) || props.disabled,
-        "onClick": (event) => handleClick(event, item)
+      const pvisible = actionGroup.uiactionGroupDetails.findIndex((item) => {
+        return props.buttonsState[item.id].visible === true;
+      }) !== -1;
+      if (!pvisible)
+        return null;
+      return vue.createVNode(vue.resolveComponent("el-popover"), {
+        "trigger": "click",
+        "teleported": isFlatten,
+        "popper-class": ns.e("popover"),
+        "placement": isFlatten ? "bottom" : "right-start",
+        "popper-options": {
+          modifiers: [{
+            name: "offset",
+            options: {
+              offset: [0, 4]
+            }
+          }]
+        },
+        "popper-style": "z-index: ".concat(zIndex.zIndex)
       }, {
-        default: () => [vue.createVNode("div", {
-          "class": ns.e("button-content")
-        }, [item.showIcon && vue.createVNode(vue.resolveComponent("iBizIcon"), {
-          "icon": item.sysImage,
-          "class": ns.em("button-content", "icon")
-        }, null), item.showCaption && vue.createVNode("span", {
-          "class": ns.em("button-content", "caption")
-        }, [item.caption])])]
+        reference: () => {
+          var _a2, _b;
+          return vue.createVNode(vue.resolveComponent("el-button"), {
+            "class": [ns.e("item"), ns.em("item", "group"), ns.em("item", "".concat((_a2 = detail.id) == null ? void 0 : _a2.toLowerCase())), "".concat(((_b = detail.sysCss) == null ? void 0 : _b.cssName) || "")],
+            "type": buttonUtil.convertBtnType(detail.buttonStyle)
+          }, {
+            default: () => [vue.createVNode("div", {
+              "class": ns.e("button-content")
+            }, [vue.createVNode("span", {
+              "class": ns.em("button-content", "caption")
+            }, [actionGroup.name || actionGroup.id]), vue.createVNode("ion-icon", {
+              "class": ns.em("button-content", "icon"),
+              "name": isFlatten ? "chevron-down-outline" : "chevron-forward-outline"
+            }, null)])]
+          });
+        },
+        default: () => {
+          var _a2;
+          return (_a2 = actionGroup.uiactionGroupDetails) == null ? void 0 : _a2.map((item) => renderButton(item, false));
+        }
       });
     };
+    const renderButton = (item, isFlatten, type) => {
+      var _a, _b, _c, _d;
+      if (item.detailType === "DEUIACTIONGROUP" && item.refUIActionGroup)
+        return renderActionGroup(item, isFlatten);
+      if ((_a = props.buttonsState[item.id]) == null ? void 0 : _a.visible)
+        return vue.createVNode(vue.resolveComponent("el-button"), {
+          "class": [ns.e("item"), ns.em("item", "".concat((_b = item.id) == null ? void 0 : _b.toLowerCase())), "".concat(((_c = item.sysCss) == null ? void 0 : _c.cssName) || "")],
+          "text": !isFlatten,
+          "title": item.tooltip || item.caption,
+          "type": type || buttonUtil.convertBtnType(item.buttonStyle),
+          "onClick": (event) => handleClick(event, item),
+          "disabled": ((_d = props.buttonsState[item.id]) == null ? void 0 : _d.disabled) || props.disabled
+        }, {
+          default: () => [vue.createVNode("div", {
+            "class": ns.e("button-content")
+          }, [item.showIcon && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+            "icon": item.sysImage,
+            "class": ns.em("button-content", "icon")
+          }, null), item.showCaption && vue.createVNode("span", {
+            "class": ns.em("button-content", "caption")
+          }, [item.caption])])]
+        });
+    };
     const renderDropdown = (items, iconName = "chevron-down-outline") => {
       const {
         id,
@@ -187,7 +236,7 @@ const IBizButtonList = /* @__PURE__ */ vue.defineComponent({
         default: () => {
           const item = items[firstIndex.value];
           return vue.createVNode(vue.resolveComponent("el-button-group"), null, {
-            default: () => [actionGroupExtractMode === "ITEMX" && item && renderButton(item, buttonUtil.convertBtnType(buttonListStyle.value)), (actionGroupExtractMode !== "ITEMX" || item) && vue.createVNode(vue.resolveComponent("el-button"), {
+            default: () => [actionGroupExtractMode === "ITEMX" && item && renderButton(item, true, buttonUtil.convertBtnType(buttonListStyle.value)), (actionGroupExtractMode !== "ITEMX" || item) && vue.createVNode(vue.resolveComponent("el-button"), {
               "disabled": props.disabled,
               "class": ns.e("more-button"),
               "title": actionGroupExtractMode !== "ITEMX" ? caption || ibiz.i18n.t("app.more") : ibiz.i18n.t("app.more"),
@@ -208,21 +257,15 @@ const IBizButtonList = /* @__PURE__ */ vue.defineComponent({
             })]
           });
         },
-        dropdown: () => {
-          let _slot2;
-          return vue.createVNode(vue.resolveComponent("el-dropdown-menu"), null, _isSlot(_slot2 = items.map((item, index) => {
-            var _a;
-            if (!(((_a = props.buttonsState[item.id]) == null ? void 0 : _a.visible) === false) && (actionGroupExtractMode !== "ITEMX" || index !== firstIndex.value)) {
-              let _slot;
-              return vue.createVNode(vue.resolveComponent("el-dropdown-item"), null, _isSlot(_slot = renderButton(item)) ? _slot : {
-                default: () => [_slot]
-              });
-            }
-            return null;
-          })) ? _slot2 : {
-            default: () => [_slot2]
-          });
-        }
+        dropdown: () => vue.createVNode("div", {
+          "class": ns.e("dropdown-popper-content")
+        }, [items.map((item, index) => {
+          var _a;
+          if (!(((_a = props.buttonsState[item.id]) == null ? void 0 : _a.visible) === false) && (actionGroupExtractMode !== "ITEMX" || index !== firstIndex.value)) {
+            return renderButton(item, false);
+          }
+          return null;
+        })])
       });
     };
     const renderActions = () => {
@@ -232,7 +275,7 @@ const IBizButtonList = /* @__PURE__ */ vue.defineComponent({
       return vue.createVNode("div", {
         "class": ns.e("content"),
         "ref": componentRef
-      }, [items.map((item) => renderButton(item)), moreItems.length ? renderDropdown(moreItems, "ellipsis-horizontal") : null]);
+      }, [items.map((item) => renderButton(item, true)), moreItems.length ? renderDropdown(moreItems, "ellipsis-horizontal") : null]);
     };
     return {
       ns,

package/lib/common/button-list/button-list.css

@@ -1 +1 @@
-.ibiz-button-list{--ibiz-button-list-icon-margin:var(--ibiz-spacing-extra-tight);--ibiz-button-list-icon-size:var(--ibiz-width-icon-medium);--ibiz-button-list-popover-bg:var(--ibiz-color-bg-3);--ibiz-button-list-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-button-list-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-button-list-popover-button-margin:var(--ibiz-spacing-none);--ibiz-button-list-popover-button-size:var(--ibiz-height-control-large);--ibiz-button-list-popover-button-font-size:var(--ibiz-font-size-regular);--ibiz-button-list-gap:var(--ibiz-spacing-base-tight)}.ibiz-button-list__content{display:flex}.ibiz-button-list__content .ibiz-button-list__dropdown{width:auto}.ibiz-button-list__content .el-button+.el-dropdown{margin-left:var(--ibiz-button-list-gap)}.ibiz-button-list__button-content{display:flex;align-items:center}.ibiz-button-list__button-content--icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-button-list-icon-size);height:var(--ibiz-button-list-icon-size);margin-right:var(--ibiz-button-list-icon-margin);font-size:var(--ibiz-button-list-icon-size)}.ibiz-button-list__item>span{pointer-events:none}.ibiz-button-list__dropdown{width:100%;height:100%}.ibiz-button-list__dropdown .ibiz-icon{margin-right:0}.ibiz-button-list__dropdown .ibiz-icon+.ibiz-button-list__button-content--caption{margin-left:var(--ibiz-button-list-icon-margin)}.ibiz-button-list__dropdown .el-button-group{display:flex;width:100%;height:100%;border-radius:var(--ibiz-border-radius-small)}.ibiz-button-list__dropdown .el-button-group .el-button:first-child{flex-grow:1}.ibiz-button-list__dropdown .el-button-group .el-button:last-child{flex-shrink:0}.ibiz-button-list__dropdown--style2 .el-button{--el-button-active-bg-color:transparent;--el-button-bg-color:transparent;--el-mask-color-extra-light:transparent;--el-button-hover-bg-color:transparent}.ibiz-button-list__dropdown--style2 .el-button-group .ibiz-button-list__item{padding-right:0}.ibiz-button-list__dropdown--style2 .el-button-group .el-button{color:var(--ibiz-color-text-2)}.ibiz-button-list__dropdown--style2 .el-button-group:hover .el-button{color:var(--ibiz-color-primary)}.ibiz-button-list--itemx .ibiz-button-list__more-button{width:32px;padding-right:0;padding-left:0}.ibiz-button-list__dropdown-popper{--ibiz-button-list-icon-margin:var(--ibiz-spacing-extra-tight);--ibiz-button-list-icon-size:var(--ibiz-width-icon-medium);--ibiz-button-list-popover-bg:var(--ibiz-color-bg-3);--ibiz-button-list-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-button-list-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-button-list-popover-button-margin:var(--ibiz-spacing-none);--ibiz-button-list-popover-button-size:var(--ibiz-height-control-large);--ibiz-button-list-popover-button-font-size:var(--ibiz-font-size-regular);--ibiz-button-list-gap:var(--ibiz-spacing-base-tight)}.ibiz-button-list__dropdown-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu .el-dropdown-menu__item{padding:var(--ibiz-spacing-none)}.ibiz-button-list__dropdown-popper .el-button{--el-button-active-bg-color:transparent;--el-button-hover-bg-color:transparent;--el-button-bg-color:transparent;--el-mask-color-extra-light:transparent;display:block;width:100%;padding:var(--ibiz-button-list-popover-button-padding);margin:var(--ibiz-button-list-popover-button-margin);font-size:var(--ibiz-button-list-popover-button-font-size);text-align:left;border-radius:0}.ibiz-button-list__dropdown-popper--style2.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background-color:transparent}.ibiz-button-list__dropdown-popper--style2.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background-color:transparent}.ibiz-button-list__dropdown-popper--style2.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu__item{background-color:transparent}.ibiz-button-list__dropdown-popper--style2.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu__item:hover{background-color:var(--ibiz-color-bg-0)}.ibiz-button-list__dropdown-popper--style2 .el-button{color:var(--ibiz-color-text-2)}
+.ibiz-button-list{--ibiz-button-list-icon-margin:var(--ibiz-spacing-extra-tight);--ibiz-button-list-icon-size:var(--ibiz-width-icon-medium);--ibiz-button-list-popover-bg:var(--ibiz-color-bg-3);--ibiz-button-list-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-button-list-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-button-list-popover-button-margin:var(--ibiz-spacing-none);--ibiz-button-list-popover-button-size:var(--ibiz-height-control-large);--ibiz-button-list-popover-button-font-size:var(--ibiz-font-size-regular);--ibiz-button-list-gap:var(--ibiz-spacing-base-tight)}.ibiz-button-list__content{display:flex}.ibiz-button-list__content .ibiz-button-list__dropdown{width:auto}.ibiz-button-list__content .el-button+.el-dropdown{margin-left:var(--ibiz-button-list-gap)}.ibiz-button-list__button-content{display:flex;gap:var(--ibiz-spacing-extra-tight);align-items:center;width:100%}.ibiz-button-list__button-content--icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-button-list-icon-size);height:var(--ibiz-button-list-icon-size);margin-right:var(--ibiz-button-list-icon-margin);font-size:var(--ibiz-button-list-icon-size)}.ibiz-button-list__item>span{width:100%;pointer-events:none}.ibiz-button-list__item--group .ibiz-button-list__button-content{justify-content:space-between}.ibiz-button-list__dropdown{width:100%;height:100%}.ibiz-button-list__dropdown .ibiz-icon{margin-right:0}.ibiz-button-list__dropdown .ibiz-icon+.ibiz-button-list__button-content--caption{margin-left:var(--ibiz-button-list-icon-margin)}.ibiz-button-list__dropdown .el-button-group{display:flex;width:100%;height:100%;border-radius:var(--ibiz-border-radius-small)}.ibiz-button-list__dropdown .el-button-group .el-button:first-child{flex-grow:1}.ibiz-button-list__dropdown .el-button-group .el-button:last-child{flex-shrink:0}.ibiz-button-list__dropdown--style2 .el-button{--el-button-active-bg-color:transparent;--el-button-bg-color:transparent;--el-mask-color-extra-light:transparent;--el-button-hover-bg-color:transparent}.ibiz-button-list__dropdown--style2 .el-button-group .ibiz-button-list__item{padding-right:0}.ibiz-button-list__dropdown--style2 .el-button-group .el-button{color:var(--ibiz-color-text-2)}.ibiz-button-list__dropdown--style2 .el-button-group:hover .el-button{color:var(--ibiz-color-primary)}.ibiz-button-list--itemx .ibiz-button-list__more-button{width:32px;padding-right:0;padding-left:0}.ibiz-button-list__dropdown-popper{--ibiz-button-list-icon-margin:var(--ibiz-spacing-extra-tight);--ibiz-button-list-icon-size:var(--ibiz-width-icon-medium);--ibiz-button-list-popover-bg:var(--ibiz-color-bg-3);--ibiz-button-list-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-button-list-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-button-list-popover-button-margin:var(--ibiz-spacing-none);--ibiz-button-list-popover-button-size:var(--ibiz-height-control-large);--ibiz-button-list-popover-button-font-size:var(--ibiz-font-size-regular);--ibiz-button-list-gap:var(--ibiz-spacing-base-tight)}.ibiz-button-list__dropdown-popper>.el-scrollbar{min-width:150px;overflow:visible}.ibiz-button-list__dropdown-popper--style2.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background-color:transparent}.ibiz-button-list__dropdown-popper--style2.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background-color:transparent}.ibiz-button-list__dropdown-popper--style2.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu__item{background-color:transparent}.ibiz-button-list__dropdown-popper--style2.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu__item:hover{background-color:var(--ibiz-color-bg-0)}.ibiz-button-list__dropdown-popper--style2 .el-button{color:var(--ibiz-color-text-2)}.ibiz-button-list__dropdown-popper-content{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none)}.ibiz-button-list__popover{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none)!important;border-radius:0!important}.ibiz-button-list__dropdown-popper-content,.ibiz-button-list__popover{display:flex;flex-direction:column;background-color:var(--ibiz-color-primary)!important}.ibiz-button-list__dropdown-popper-content .el-button,.ibiz-button-list__popover .el-button{justify-content:flex-start;width:100%;height:var(--ibiz-height-control-large);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-button-list__dropdown-popper-content .el-button ion-icon,.ibiz-button-list__popover .el-button ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-button-list__dropdown-popper-content .el-button.is-text:not(.is-disabled):hover,.ibiz-button-list__popover .el-button.is-text:not(.is-disabled):hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color)}

package/lib/common/control-navigation/provider/chart-navigation.provider.cjs

@@ -0,0 +1,150 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var navigationBase_provider = require('./navigation-base.provider.cjs');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class ChartNavigationProvider extends navigationBase_provider.NavgationBaseProvider {
+  constructor(controller) {
+    super(controller);
+    /**
+     * 图表导航栈数据
+     *
+     * @type {IData[]}
+     * @memberof ChartNavigationProvider
+     */
+    __publicField(this, "chartNavStack", []);
+    if (controller.state.enableNavView) {
+      controller.evt.on("onActive", (event) => {
+        this.xDataActive(event);
+      });
+    }
+  }
+  /**
+   * 获取默认激活数据
+   *
+   * @return {*}  {(IData | undefined)}
+   * @memberof ChartNavigationProvider
+   */
+  getDefaultActiveData() {
+    const activeSeriesGenerator = this.controller.generator.seriesGenerators.find((generator) => {
+      return generator.chartDataArr.length > 0 && generator.model.navAppViewId;
+    });
+    if (activeSeriesGenerator && activeSeriesGenerator.groupData) {
+      const firstGroupName = Object.keys(activeSeriesGenerator.groupData)[0];
+      const { chartData } = activeSeriesGenerator.groupData[firstGroupName].values().next().value;
+      return chartData;
+    }
+  }
+  /**
+   * 图表数据激活
+   *
+   * @param {EventBase} event
+   * @memberof ChartNavigationProvider
+   */
+  xDataActive(event) {
+    const { data } = event;
+    this.navViewMsg.value = this.getNavViewMsg(data[0]);
+    this.chartNavStack.unshift(data[0]);
+  }
+  /**
+   * 通过栈数据导航
+   *
+   * @return {*}  {void}
+   * @memberof ChartNavigationProvider
+   */
+  onNavDataByStack() {
+    const data = this.getDefaultActiveData();
+    if (!data)
+      return this.clearNavigation();
+    this.controller.setActive(data);
+    this.controller.setSelection([data]);
+  }
+  /**
+   * 解析参数
+   *
+   * @param {(INavigatable & { appDataEntityId?: string })} XDataModel
+   * @param {IData} data
+   * @param {IContext} context
+   * @param {IParams} params
+   * @return {*}  {{ context: IContext; params: IParams }}
+   * @memberof ChartNavigationProvider
+   */
+  prepareParams(XDataModel, data, context, params) {
+    var _a;
+    const { context: tempContext, params: tempParams } = super.prepareParams(
+      XDataModel,
+      data,
+      context,
+      params
+    );
+    if (data._seriesModelId) {
+      const seriesModel = (_a = this.controller.model.dechartSerieses) == null ? void 0 : _a.find(
+        (series) => {
+          return series.id === data._seriesModelId;
+        }
+      );
+      if (seriesModel) {
+        const { navigateContexts, navigateParams } = seriesModel;
+        const tempContext2 = runtime.convertNavData(
+          navigateContexts,
+          data,
+          params,
+          tempContext
+        );
+        const tempParams2 = runtime.convertNavData(
+          navigateParams,
+          data,
+          params,
+          tempParams
+        );
+        if (data.navParams)
+          Object.assign(tempParams2, data.navParams);
+        return {
+          context: Object.assign(tempContext.clone(), tempContext2),
+          params: tempParams2
+        };
+      }
+    }
+    return { context: tempContext, params: tempParams };
+  }
+  /**
+   * 获取导航视图信息
+   *
+   * @param {IData} data
+   * @return {*}  {INavViewMsg}
+   * @memberof ChartNavigationProvider
+   */
+  getNavViewMsg(data) {
+    var _a;
+    let viewModelId;
+    if (data._seriesModelId) {
+      const seriesModel = (_a = this.controller.model.dechartSerieses) == null ? void 0 : _a.find(
+        (series) => {
+          return series.id === data._seriesModelId;
+        }
+      );
+      viewModelId = seriesModel == null ? void 0 : seriesModel.navAppViewId;
+    }
+    const result = this.prepareParams(
+      this.controller.model,
+      data,
+      this.controller.context,
+      this.controller.params
+    );
+    return {
+      key: data._uuid,
+      context: result.context,
+      params: result.params,
+      viewId: viewModelId
+    };
+  }
+}
+
+exports.ChartNavigationProvider = ChartNavigationProvider;