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

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,79 @@ 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")
+            }, [detail.showIcon && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+              "icon": detail.sysImage,
+              "class": ns.em("button-content", "icon")
+            }, null), detail.showCaption && vue.createVNode("span", {
+              "class": ns.em("button-content", "caption")
+            }, [actionGroup.name || actionGroup.id])]), vue.createVNode("ion-icon", {
+              "class": ns.em("item", "group-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 +239,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 +260,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 +278,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>span{display:flex;justify-content:space-between}.ibiz-button-list__item--group-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-button-list-icon-size);height:var(--ibiz-button-list-icon-size);margin-left:var(--ibiz-button-list-icon-margin);font-size:var(--ibiz-button-list-icon-size)}.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/carousel/carousel.css

@@ -1 +1 @@
-.ibiz-carousel-component .el-carousel__container .el-carousel__item{display:flex;align-items:center;justify-content:center}.ibiz-carousel-component .el-carousel__container .el-carousel__item img{display:inline-block;width:100%;height:100%}
+.ibiz-carousel-component .el-carousel__container .el-carousel__item{display:flex;align-items:center;justify-content:center}.ibiz-carousel-component .el-carousel__container .el-carousel__item img{display:inline-block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}

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

@@ -84,15 +84,14 @@ const IBizControlNavigation = /* @__PURE__ */ vue.defineComponent({
       }
     });
     const renderNavView = () => {
-      if (navViewMsg.value) {
-        if (!navViewMsg.value.viewId)
-          return;
-        return vue.h(vue.resolveComponent("IBizViewShell"), {
-          ...navViewMsg.value,
-          isEmbedCtrlNav: isEmbedCtrlNav.value,
-          class: ns.e("nav-view")
-        });
-      }
+      var _a2;
+      if (!((_a2 = navViewMsg.value) == null ? void 0 : _a2.viewId))
+        return;
+      return vue.h(vue.resolveComponent("IBizViewShell"), {
+        ...navViewMsg.value,
+        isEmbedCtrlNav: isEmbedCtrlNav.value,
+        class: ns.e("nav-view")
+      });
     };
     return {
       ns,

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

@@ -1,5 +1,6 @@
 'use strict';
 
+var runtime = require('@ibiz-template/runtime');
 var navigationBase_provider = require('./navigation-base.provider.cjs');
 
 "use strict";
@@ -14,17 +15,29 @@ class CalendarNavigationProvider extends navigationBase_provider.NavgationBasePr
     super(...arguments);
     __publicField(this, "keyName", "navId");
   }
+  /**
+   * @description 通过栈数据导航
+   * - 特殊处理仅使用开始时间绘制的日历
+   * @memberof CalendarNavigationProvider
+   */
   onNavDataByStack() {
-    const { items } = this.controller.state;
-    const navData = this.navStack.map((key) => items.find((item) => item.navId === key)).find((item) => item !== void 0) || items[0];
+    var _a;
+    const { controlParams, state, model } = this.controller;
+    const calendarStyle = (_a = model.calendarStyle) == null ? void 0 : _a.toLowerCase();
+    const items = state.items.filter((item) => {
+      if (calendarStyle === "month" && controlParams.showmode !== "daterange" || calendarStyle === "user")
+        return runtime.compareDateEqualByScale(
+          item.beginTime,
+          state.selectedDate,
+          calendarStyle === "user" ? "week" : "month"
+        );
+      return true;
+    });
+    const navData = this.navStack.map((key) => items.find((item) => item[this.keyName] === key)).find((item) => item !== void 0) || items[0];
     if (navData) {
-      const date = new Date(navData.beginTime);
-      this.controller.setSelectDate(date);
-      this.controller.setNavData(navData);
+      this.setNavData(navData);
     } else {
-      this.navStack = [];
-      this.controller.setSelectDate(/* @__PURE__ */ new Date());
-      this.navViewMsg.value = void 0;
+      this.clearNavigation();
     }
   }
   getNavViewMsg(item) {

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;

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

@@ -4,16 +4,19 @@ var navigationBase_provider = require('./navigation-base.provider.cjs');
 var calendarNavigation_provider = require('./calendar-navigation.provider.cjs');
 var treeNavigation_provider = require('./tree-navigation.provider.cjs');
 var mapNavigation_provider = require('./map-navigation.provider.cjs');
+var chartNavigation_provider = require('./chart-navigation.provider.cjs');
 
 "use strict";
 function getNavigationProvider(controller) {
   const { controlType } = controller.model;
   if (controlType === "CALENDAR")
     return new calendarNavigation_provider.CalendarNavigationProvider(controller);
-  if (controlType === "TREEVIEW")
+  if (controlType === "TREEVIEW" || controlType === "TREEGRIDEX")
     return new treeNavigation_provider.TreeNavigationProvider(controller);
   if (controlType === "MAP")
     return new mapNavigation_provider.MapNavigationProvider(controller);
+  if (controlType === "CHART")
+    return new chartNavigation_provider.ChartNavigationProvider(controller);
   return new navigationBase_provider.NavgationBaseProvider(controller);
 }
 

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

@@ -1,5 +1,6 @@
 'use strict';
 
+var runtime = require('@ibiz-template/runtime');
 var navigationBase_provider = require('./navigation-base.provider.cjs');
 
 "use strict";
@@ -12,37 +13,72 @@ var __publicField = (obj, key, value) => {
 class MapNavigationProvider extends navigationBase_provider.NavgationBaseProvider {
   constructor() {
     super(...arguments);
-    __publicField(this, "keyName", "id");
+    __publicField(this, "keyName", "_id");
+  }
+  /**
+   * @description 导航数据变化
+   * @param {IMapEvent['onNavDataChange']['event']} event
+   * @memberof MapNavigationProvider
+   */
+  onNavDataChange(event) {
+    var _a;
+    const { navData } = event;
+    if (((_a = this.navViewMsg.value) == null ? void 0 : _a.key) !== navData[this.keyName]) {
+      this.navStack.unshift(navData[this.keyName]);
+      this.navViewMsg.value = this.getNavViewMsg(navData);
+    }
   }
   onNavDataByStack() {
     const { items } = this.controller.state;
-    const navData = this.navStack.map((key) => items.find((item) => item._id === key)).find((item) => item !== void 0) || items[0];
+    const navData = this.navStack.map((key) => items.find((item) => item[this.keyName] === key)).find((item) => item !== void 0) || items[0];
     if (navData) {
-      this.controller.setNavData(navData);
+      if (navData._itemStyle.startsWith("REGION")) {
+        const data = { ...navData };
+        if (navData._areaCode) {
+          data.areaCode = this.controller.state.strAreaCode ? "".concat(navData._areaCode) : Number(navData._areaCode);
+          data.areaLevel = runtime.getAreaLevelByCode(navData._areaCode.toString());
+        }
+        this.setNavData(data);
+      } else {
+        this.setNavData(navData);
+      }
     } else {
-      this.navStack = [];
-      this.navViewMsg.value = void 0;
+      this.clearNavigation();
     }
   }
   getNavViewMsg(item) {
+    var _a, _b;
     const { sysMapItems } = this.model;
+    const { areaCode, areaLevel } = item;
     const itemModel = sysMapItems == null ? void 0 : sysMapItems.find((_item) => _item.id === item._mapItemId);
     if (itemModel) {
+      const tempContext = this.controller.context.clone();
+      const tempParams = { ...this.controller.params };
+      if ((_a = itemModel.itemStyle) == null ? void 0 : _a.startsWith("POINT")) {
+        const deName = runtime.calcDeCodeNameById(itemModel.appDataEntityId);
+        tempContext[deName] = item._deData.srfkey;
+      }
+      if ((_b = itemModel.itemStyle) == null ? void 0 : _b.startsWith("REGION")) {
+        tempParams.srfareacode = areaCode;
+        tempParams.srfarealevel = areaLevel;
+        tempParams.srfarealevelnum = areaLevel ? runtime.getAreaLevelNum(areaLevel) : 1;
+      }
       const { context, params } = this.prepareParams(
         itemModel,
-        item._deData,
-        this.controller.context,
-        this.controller.params
+        { ...item._deData, areaCode, areaLevel },
+        tempContext,
+        tempParams
       );
+      Object.assign(params, tempParams);
       return {
         params,
         context,
-        key: item._id,
+        key: item[this.keyName],
         viewId: itemModel.navAppViewId
       };
     }
     return {
-      key: item._id,
+      key: item[this.keyName],
       context: this.controller.context,
       params: this.controller.params
     };

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

@@ -90,6 +90,26 @@ class NavgationBaseProvider {
     const tempParams = { ...resultParams };
     return { context: tempContext, params: tempParams };
   }
+  /**
+   * @description 清空导航
+   * @protected
+   * @memberof NavgationBaseProvider
+   */
+  clearNavigation() {
+    this.navStack = [];
+    this.controller.setSelection([]);
+    this.navViewMsg.value = void 0;
+  }
+  /**
+   * @description 设置导航数据
+   * @protected
+   * @param {IData} data
+   * @memberof NavgationBaseProvider
+   */
+  setNavData(data) {
+    this.controller.setNavData(data);
+    this.controller.setSelection([data]);
+  }
   /**
    * 通过栈数据导航
    *
@@ -98,16 +118,11 @@ class NavgationBaseProvider {
   onNavDataByStack() {
     const { items } = this.controller.state;
     const navData = this.navStack.map((key) => items.find((item) => item[this.keyName] === key)).find((item) => item !== void 0) || items[0];
-    setTimeout(() => {
-      if (navData) {
-        this.controller.setNavData(navData);
-        this.controller.setSelection([navData]);
-      } else {
-        this.navStack = [];
-        this.controller.setSelection([]);
-        this.navViewMsg.value = void 0;
-      }
-    });
+    if (navData) {
+      this.setNavData(navData);
+    } else {
+      this.clearNavigation();
+    }
   }
   /**
    * 导航数据变化

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

@@ -40,14 +40,11 @@ class TreeNavigationProvider extends navigationBase_provider.NavgationBaseProvid
       }
       return this.navNodeModelIds.includes(node._nodeId);
     });
-    const navData = this.navStack.map((key) => items.find((item) => item._id === key)).find((item) => item !== void 0) || defaultNav;
+    const navData = this.navStack.map((key) => items.find((item) => item[this.keyName] === key)).find((item) => item !== void 0) || defaultNav;
     if (navData) {
-      this.controller.setSelection([navData]);
-      this.controller.setNavData(navData);
+      this.setNavData(navData);
     } else {
-      this.navStack = [];
-      this.controller.setSelection([]);
-      this.navViewMsg.value = void 0;
+      this.clearNavigation();
     }
   }
   getNavViewMsg(item) {
@@ -66,14 +63,14 @@ class TreeNavigationProvider extends navigationBase_provider.NavgationBaseProvid
         _params
       );
       return {
-        key: item._id,
+        key: item[this.keyName],
         context,
         params,
         viewId: nodeModel.navAppViewId
       };
     }
     return {
-      key: item._id,
+      key: item[this.keyName],
       context: _context,
       params: _params
     };