@ibiz-template/vue3-components 0.7.41-alpha.13 → 0.7.41-alpha.14

package/es/control/calendar/calendar.mjs

@@ -284,7 +284,10 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
       if (!contextMenuC.model.detoolbarItems) {
         return;
       }
-      await contextMenuC.calcButtonState(item.deData || (item.deData ? item : void 0), targetCalendarItem.appDataEntityId);
+      await contextMenuC.calcButtonState(item.deData || (item.deData ? item : void 0), targetCalendarItem.appDataEntityId, {
+        view: c.view,
+        ctrl: c
+      });
       const menuState = contextMenuC.state.buttonsState;
       const menus = calcContextMenuItems(contextMenuC.model.detoolbarItems, item, evt, menuState);
       if (!menus.length) {

package/es/control/drbar/drbar.controller.d.ts

@@ -210,4 +210,10 @@ export declare class DRBarController extends ControlController<IDEDRBar, IDRBarS
      * @return {*}  {Promise<void>}
      */
     protected onDestroyed(): Promise<void>;
+    /**
+     * @description 设置激活项
+     * @param {string} name
+     * @memberof DRBarController
+     */
+    setActive(name: string): void;
 }

package/es/control/drbar/drbar.controller.mjs

@@ -555,6 +555,14 @@ class DRBarController extends ControlController {
       this.counter.destroy();
     }
   }
+  /**
+   * @description 设置激活项
+   * @param {string} name
+   * @memberof DRBarController
+   */
+  setActive(name) {
+    this.handleSelectChange(name);
+  }
 }
 
 export { DRBarController };

package/es/control/drbar/drbar.mjs

@@ -78,7 +78,13 @@ const DRBarControl = /* @__PURE__ */ defineComponent({
     });
     c.setRouter(router);
     const handleSelect = (key) => {
+      var _a;
       c.handleSelectChange(key);
+      const drBarItem = (_a = c.model.dedrctrlItems) == null ? void 0 : _a.find((item) => item.id === key);
+      c.evt.emit("onTabChange", {
+        name: key,
+        item: drBarItem || c.state.drBarItems[0]
+      });
     };
     const route = useRoute();
     let expViewRoutePath = "";

package/es/control/drtab/drtab-control.util.mjs

@@ -1,5 +1,5 @@
 import { ref, watch, watchEffect, onUnmounted } from 'vue';
-import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.12_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
+import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.14_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
 
 "use strict";
 function useAppDRTab(c, controlRef, counterData) {

package/es/control/drtab/drtab.controller.d.ts

@@ -220,4 +220,10 @@ export declare class DRTabController extends ControlController<IDEDRTab, IDRTabS
      * @return {*}  {Promise<void>}
      */
     protected onDestroyed(): Promise<void>;
+    /**
+     * @description 设置激活项
+     * @param {string} name
+     * @memberof DRTabController
+     */
+    setActive(name: string): void;
 }

package/es/control/drtab/drtab.controller.mjs

@@ -505,6 +505,15 @@ class DRTabController extends ControlController {
       this.counter.destroy();
     }
   }
+  /**
+   * @description 设置激活项
+   * @param {string} name
+   * @memberof DRTabController
+   */
+  setActive(name) {
+    this.state.activeName = name;
+    this.handleTabChange();
+  }
 }
 
 export { DRTabController };

package/es/control/drtab/drtab.mjs

@@ -76,12 +76,25 @@ const DRTabControl = /* @__PURE__ */ defineComponent({
       (_a2 = c.counter) == null ? void 0 : _a2.offChange(fn);
     });
     c.setRouter(router);
+    const emitChange = () => {
+      var _a2;
+      const {
+        activeName
+      } = c.state;
+      const drBarItem = (_a2 = c.model.dedrtabPages) == null ? void 0 : _a2.find((item) => item.id === activeName);
+      c.evt.emit("onTabChange", {
+        name: activeName,
+        item: drBarItem || c.state.drTabPages[0]
+      });
+    };
     const handleTabChange = () => {
       c.handleTabChange();
+      emitChange();
     };
     const onTabChange = (key) => {
       c.state.activeName = key;
       c.handleTabChange();
+      emitChange();
     };
     const route = useRoute();
     let expViewRoutePath = "";

package/es/control/gantt/gantt.mjs

@@ -329,7 +329,10 @@ const GanttControl = /* @__PURE__ */ defineComponent({
       if (!contextMenuC.model.detoolbarItems) {
         return;
       }
-      await contextMenuC.calcButtonState(nodeData._deData || (nodeData.srfkey ? nodeData : void 0), nodeModel.appDataEntityId);
+      await contextMenuC.calcButtonState(nodeData._deData || (nodeData.srfkey ? nodeData : void 0), nodeModel.appDataEntityId, {
+        view: c.view,
+        ctrl: c
+      });
       const menuState = contextMenuC.state.buttonsState;
       const menus = calcContextMenuItems(contextMenuC.model.detoolbarItems, nodeData, evt, menuState);
       if (!menus.length) {

package/es/control/tab-exp-panel/index.d.ts

@@ -22,6 +22,7 @@ export declare const IBizTabExpPanelControl: import("@ibiz-template/vue3-util").
     c: import("@ibiz-template/runtime").TabExpPanelController;
     ns: import("@ibiz-template/core").Namespace;
     tabPosition: string;
+    counterData: import("vue").Ref<import("@ibiz-template/core").IApiData>;
     handleTabChange: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {

package/es/control/tab-exp-panel/tab-exp-panel.css

@@ -1 +1 @@
-.ibiz-control-tabexppanel{--ibiz-control-tabexppanel-color:var(--ibiz-color-text-2);--ibiz-control-tabexppanel-hover-color:var(--ibiz-color-text-0);--ibiz-control-tabexppanel-active-color:var(--ibiz-color-primary);--ibiz-control-tabexppanel-bar-color:var(--ibiz-color-primary)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header{margin:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap{margin:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar{background-color:var(--ibiz-control-tabexppanel-bar-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-control-tabexppanel-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item:hover{color:var(--ibiz-control-tabexppanel-hover-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active{color:var(--ibiz-control-tabexppanel-active-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-top:last-child{padding-right:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs.el-tabs--bottom,.ibiz-control-tabexppanel .el-tabs.el-tabs--top{padding-left:var(--ibiz-spacing-base)}.ibiz-control-tabexppanel .el-tabs__item{padding:var(--ibiz-spacing-base)}
+.ibiz-control-tabexppanel{--ibiz-control-tabexppanel-color:var(--ibiz-color-text-2);--ibiz-control-tabexppanel-hover-color:var(--ibiz-color-text-0);--ibiz-control-tabexppanel-active-color:var(--ibiz-color-primary);--ibiz-control-tabexppanel-bar-color:var(--ibiz-color-primary)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header{margin:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap{margin:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar{background-color:var(--ibiz-control-tabexppanel-bar-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-control-tabexppanel-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item:hover{color:var(--ibiz-control-tabexppanel-hover-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active{color:var(--ibiz-control-tabexppanel-active-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-top:last-child{padding-right:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs.el-tabs--bottom,.ibiz-control-tabexppanel .el-tabs.el-tabs--top{padding-left:var(--ibiz-spacing-base)}.ibiz-control-tabexppanel .el-tabs__item{padding:var(--ibiz-spacing-base)}.ibiz-control-tabexppanel__counter{margin-left:var(--ibiz-spacing-tight)}

package/es/control/tab-exp-panel/tab-exp-panel.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType, Ref } from 'vue';
 import { ITabExpPanel } from '@ibiz/model-core';
 import './tab-exp-panel.scss';
 import { IControlProvider, TabExpPanelController } from '@ibiz-template/runtime';
@@ -42,6 +42,7 @@ export declare const TabExpPanelControl: import("vue").DefineComponent<{
     c: TabExpPanelController;
     ns: import("@ibiz-template/core").Namespace;
     tabPosition: string;
+    counterData: Ref<import("@ibiz-template/core").IApiData>;
     handleTabChange: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**

package/es/control/tab-exp-panel/tab-exp-panel.mjs

@@ -1,8 +1,9 @@
-import { isVNode, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, ref, onUnmounted, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useControlController, useNamespace, getNestedRoutePath, route2routePath } from '@ibiz-template/vue3-util';
 import './tab-exp-panel.css';
 import { TabExpPanelController } from '@ibiz-template/runtime';
 import { useRoute } from 'vue-router';
+import { isNil } from 'ramda';
 
 "use strict";
 function _isSlot(s) {
@@ -51,6 +52,19 @@ const TabExpPanelControl = /* @__PURE__ */ defineComponent({
     var _a;
     const c = useControlController((...args) => new TabExpPanelController(...args));
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
+    const counterData = ref({});
+    const fn = (counter) => {
+      counterData.value = counter;
+    };
+    c.evt.on("onCreated", () => {
+      if (c.counter) {
+        c.counter.onChange(fn, true);
+      }
+    });
+    onUnmounted(() => {
+      var _a2;
+      (_a2 = c.counter) == null ? void 0 : _a2.offChange(fn);
+    });
     const handleTabChange = () => {
       c.handleTabChange();
     };
@@ -84,6 +98,7 @@ const TabExpPanelControl = /* @__PURE__ */ defineComponent({
       c,
       ns,
       tabPosition,
+      counterData,
       handleTabChange
     };
   },
@@ -102,6 +117,7 @@ const TabExpPanelControl = /* @__PURE__ */ defineComponent({
         "tabPosition": this.tabPosition,
         "onTabChange": this.handleTabChange
       }, _isSlot(_slot = tabPages.map((tab) => {
+        const counterNum = tab.counterId ? this.counterData[tab.counterId] : void 0;
         return createVNode(resolveComponent("el-tab-pane"), {
           "class": [this.ns.e("tab-item")],
           "label": tab.caption,
@@ -112,7 +128,10 @@ const TabExpPanelControl = /* @__PURE__ */ defineComponent({
               "class": [...tab.class]
             }, [this.c.isShowIcon && createVNode(resolveComponent("iBizIcon"), {
               "icon": tab.sysImage
-            }, null), this.c.isShowCaption && tab.caption]);
+            }, null), this.c.isShowCaption && tab.caption, !isNil(counterNum) && createVNode(resolveComponent("iBizBadge"), {
+              "class": this.ns.e("counter"),
+              "value": counterNum
+            }, null)]);
           }
         });
       })) ? _slot : {

package/es/control/tree/tree.mjs

@@ -588,7 +588,10 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       if (!contextMenuC.model.detoolbarItems) {
         return;
       }
-      await contextMenuC.calcButtonState(nodeData._deData || (nodeData.srfkey ? nodeData : void 0), nodeModel.appDataEntityId);
+      await contextMenuC.calcButtonState(nodeData._deData || (nodeData.srfkey ? nodeData : void 0), nodeModel.appDataEntityId, {
+        view: c.view,
+        ctrl: c
+      });
       const menuState = contextMenuC.state.buttonsState;
       const menus = calcContextMenuItems(contextMenuC.model.detoolbarItems, nodeData, evt, menuState);
       if (!menus.length) {

package/es/util/fullscreen/fullscreen-util.mjs

@@ -1,6 +1,6 @@
 import { createApp } from 'vue';
 import ElementPlus from 'element-plus';
-import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.12_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
+import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.14_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
 import { IBizFullscreenToolbar } from '../../common/fullscreen-toolbar/fullscreen-toolbar.mjs';
 
 "use strict";

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

@@ -30,6 +30,6 @@ export declare class CustomViewEngine extends ViewEngineBase {
      * @param {(IData | undefined)} data 数据
      * @memberof CustomViewEngine
      */
-    calcToolbarButtonState(control: IMDControl, data: IData | undefined): void;
+    calcToolbarButtonState(control: IMDControl, data: IData | undefined, _params?: IParams): void;
     call(key: keyof IApiCustomViewCall, args: any): Promise<IData | null | undefined>;
 }

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

@@ -43,15 +43,15 @@ class CustomViewEngine extends ViewEngineBase {
       );
       control == null ? void 0 : control.evt.on(
         "onLoadSuccess",
-        () => this.calcToolbarButtonState(ctrl, void 0)
+        (evt) => this.calcToolbarButtonState(ctrl, void 0, evt)
       );
       control == null ? void 0 : control.evt.on(
         "onSelectionChange",
-        (evt) => this.calcToolbarButtonState(ctrl, evt.data[0])
+        (evt) => this.calcToolbarButtonState(ctrl, evt.data[0], evt)
       );
       control == null ? void 0 : control.evt.on(
         "onRefreshSuccess",
-        (evt) => this.calcToolbarButtonState(ctrl, evt.data[0])
+        (evt) => this.calcToolbarButtonState(ctrl, evt.data[0], evt)
       );
     });
   }
@@ -62,7 +62,7 @@ class CustomViewEngine extends ViewEngineBase {
    * @param {(IData | undefined)} data 数据
    * @memberof CustomViewEngine
    */
-  calcToolbarButtonState(control, data) {
+  calcToolbarButtonState(control, data, _params) {
     const model = this.controls.find(
       (ctrl) => {
         var _a;
@@ -73,7 +73,7 @@ class CustomViewEngine extends ViewEngineBase {
       const toolbar = this.view.getController(
         model.name
       );
-      toolbar == null ? void 0 : toolbar.calcButtonState(data, control.appDataEntityId);
+      toolbar == null ? void 0 : toolbar.calcButtonState(data, control.appDataEntityId, _params);
     }
   }
   async call(key, args) {

package/es/view-engine/de-index-view-engine.mjs

@@ -46,7 +46,7 @@ class DEIndexViewEngine extends EditViewEngine {
     const { evt } = this.view;
     const formDeId = this.form.model.appDataEntityId;
     const data = event.data[0];
-    (_a = this.toolbar) == null ? void 0 : _a.calcButtonState(data, formDeId);
+    (_a = this.toolbar) == null ? void 0 : _a.calcButtonState(data, formDeId, event);
     if (data.srfkey) {
       evt.emit("onViewInfoChange", { dataInfo: data.srfmajortext || "" });
     }

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

@@ -101,7 +101,7 @@ class EditViewEngine extends DEMainViewEngine {
     const { model, evt } = this.view;
     const formDeId = this.form.model.appDataEntityId;
     const data = event.data[0];
-    (_a = this.toolbar) == null ? void 0 : _a.calcButtonState(data, formDeId);
+    (_a = this.toolbar) == null ? void 0 : _a.calcButtonState(data, formDeId, event);
     if (model.showDataInfoBar) {
       if (data.srfkey) {
         evt.emit("onViewInfoChange", { dataInfo: data.srfmajortext || "" });

package/es/view-engine/md-custom-view.engine.d.ts

@@ -35,7 +35,7 @@ export declare class MDCustomViewEngine extends ViewEngineBase {
      * @param {(IData | undefined)} data 数据
      * @memberof MDCustomViewEngine
      */
-    calcToolbarButtonState(control: IMDControl, data: IData | undefined): void;
+    calcToolbarButtonState(control: IMDControl, data: IData | undefined, _params?: IParams): void;
     call(key: keyof IApiMDCustomViewCall, args: any): Promise<IData | null | undefined>;
     /**
      * @description 刷新数据

package/es/view-engine/md-custom-view.engine.mjs

@@ -46,15 +46,15 @@ class MDCustomViewEngine extends ViewEngineBase {
       );
       control == null ? void 0 : control.evt.on(
         "onLoadSuccess",
-        () => this.calcToolbarButtonState(ctrl, void 0)
+        (evt) => this.calcToolbarButtonState(ctrl, void 0, evt)
       );
       control == null ? void 0 : control.evt.on(
         "onSelectionChange",
-        (evt) => this.calcToolbarButtonState(ctrl, evt.data[0])
+        (evt) => this.calcToolbarButtonState(ctrl, evt.data[0], evt)
       );
       control == null ? void 0 : control.evt.on(
         "onRefreshSuccess",
-        (evt) => this.calcToolbarButtonState(ctrl, evt.data[0])
+        (evt) => this.calcToolbarButtonState(ctrl, evt.data[0], evt)
       );
     });
   }
@@ -79,7 +79,7 @@ class MDCustomViewEngine extends ViewEngineBase {
    * @param {(IData | undefined)} data 数据
    * @memberof MDCustomViewEngine
    */
-  calcToolbarButtonState(control, data) {
+  calcToolbarButtonState(control, data, _params) {
     const model = this.controls.find(
       (ctrl) => {
         var _a;
@@ -90,7 +90,7 @@ class MDCustomViewEngine extends ViewEngineBase {
       const toolbar = this.view.getController(
         model.name
       );
-      toolbar == null ? void 0 : toolbar.calcButtonState(data, control.appDataEntityId);
+      toolbar == null ? void 0 : toolbar.calcButtonState(data, control.appDataEntityId, _params);
     }
   }
   async call(key, args) {

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

@@ -68,7 +68,7 @@ class OptViewEngine extends ViewEngineBase {
     const formDataStateChange = (event) => {
       var _a;
       const data = event.data[0];
-      (_a = this.toolbar) == null ? void 0 : _a.calcButtonState(data, formDeId);
+      (_a = this.toolbar) == null ? void 0 : _a.calcButtonState(data, formDeId, event);
       if (data.srfkey) {
         evt.emit("onViewInfoChange", { dataInfo: data.srfmajortext });
       }

package/lib/control/calendar/calendar.cjs

@@ -286,7 +286,10 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
       if (!contextMenuC.model.detoolbarItems) {
         return;
       }
-      await contextMenuC.calcButtonState(item.deData || (item.deData ? item : void 0), targetCalendarItem.appDataEntityId);
+      await contextMenuC.calcButtonState(item.deData || (item.deData ? item : void 0), targetCalendarItem.appDataEntityId, {
+        view: c.view,
+        ctrl: c
+      });
       const menuState = contextMenuC.state.buttonsState;
       const menus = calcContextMenuItems(contextMenuC.model.detoolbarItems, item, evt, menuState);
       if (!menus.length) {

package/lib/control/drbar/drbar.cjs

@@ -80,7 +80,13 @@ const DRBarControl = /* @__PURE__ */ vue.defineComponent({
     });
     c.setRouter(router);
     const handleSelect = (key) => {
+      var _a;
       c.handleSelectChange(key);
+      const drBarItem = (_a = c.model.dedrctrlItems) == null ? void 0 : _a.find((item) => item.id === key);
+      c.evt.emit("onTabChange", {
+        name: key,
+        item: drBarItem || c.state.drBarItems[0]
+      });
     };
     const route = vueRouter.useRoute();
     let expViewRoutePath = "";

package/lib/control/drbar/drbar.controller.cjs

@@ -557,6 +557,14 @@ class DRBarController extends runtime.ControlController {
       this.counter.destroy();
     }
   }
+  /**
+   * @description 设置激活项
+   * @param {string} name
+   * @memberof DRBarController
+   */
+  setActive(name) {
+    this.handleSelectChange(name);
+  }
 }
 
 exports.DRBarController = DRBarController;

package/lib/control/drtab/drtab-control.util.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var vue = require('vue');
-var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.12_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs');
+var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.14_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs');
 
 "use strict";
 function useAppDRTab(c, controlRef, counterData) {

package/lib/control/drtab/drtab.cjs

@@ -78,12 +78,25 @@ const DRTabControl = /* @__PURE__ */ vue.defineComponent({
       (_a2 = c.counter) == null ? void 0 : _a2.offChange(fn);
     });
     c.setRouter(router);
+    const emitChange = () => {
+      var _a2;
+      const {
+        activeName
+      } = c.state;
+      const drBarItem = (_a2 = c.model.dedrtabPages) == null ? void 0 : _a2.find((item) => item.id === activeName);
+      c.evt.emit("onTabChange", {
+        name: activeName,
+        item: drBarItem || c.state.drTabPages[0]
+      });
+    };
     const handleTabChange = () => {
       c.handleTabChange();
+      emitChange();
     };
     const onTabChange = (key) => {
       c.state.activeName = key;
       c.handleTabChange();
+      emitChange();
     };
     const route = vueRouter.useRoute();
     let expViewRoutePath = "";

package/lib/control/drtab/drtab.controller.cjs

@@ -507,6 +507,15 @@ class DRTabController extends runtime.ControlController {
       this.counter.destroy();
     }
   }
+  /**
+   * @description 设置激活项
+   * @param {string} name
+   * @memberof DRTabController
+   */
+  setActive(name) {
+    this.state.activeName = name;
+    this.handleTabChange();
+  }
 }
 
 exports.DRTabController = DRTabController;

package/lib/control/gantt/gantt.cjs

@@ -331,7 +331,10 @@ const GanttControl = /* @__PURE__ */ vue.defineComponent({
       if (!contextMenuC.model.detoolbarItems) {
         return;
       }
-      await contextMenuC.calcButtonState(nodeData._deData || (nodeData.srfkey ? nodeData : void 0), nodeModel.appDataEntityId);
+      await contextMenuC.calcButtonState(nodeData._deData || (nodeData.srfkey ? nodeData : void 0), nodeModel.appDataEntityId, {
+        view: c.view,
+        ctrl: c
+      });
       const menuState = contextMenuC.state.buttonsState;
       const menus = calcContextMenuItems(contextMenuC.model.detoolbarItems, nodeData, evt, menuState);
       if (!menus.length) {

package/lib/control/tab-exp-panel/tab-exp-panel.cjs

@@ -5,6 +5,7 @@ var vue3Util = require('@ibiz-template/vue3-util');
 require('./tab-exp-panel.css');
 var runtime = require('@ibiz-template/runtime');
 var vueRouter = require('vue-router');
+var ramda = require('ramda');
 
 "use strict";
 function _isSlot(s) {
@@ -53,6 +54,19 @@ const TabExpPanelControl = /* @__PURE__ */ vue.defineComponent({
     var _a;
     const c = vue3Util.useControlController((...args) => new runtime.TabExpPanelController(...args));
     const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
+    const counterData = vue.ref({});
+    const fn = (counter) => {
+      counterData.value = counter;
+    };
+    c.evt.on("onCreated", () => {
+      if (c.counter) {
+        c.counter.onChange(fn, true);
+      }
+    });
+    vue.onUnmounted(() => {
+      var _a2;
+      (_a2 = c.counter) == null ? void 0 : _a2.offChange(fn);
+    });
     const handleTabChange = () => {
       c.handleTabChange();
     };
@@ -86,6 +100,7 @@ const TabExpPanelControl = /* @__PURE__ */ vue.defineComponent({
       c,
       ns,
       tabPosition,
+      counterData,
       handleTabChange
     };
   },
@@ -104,6 +119,7 @@ const TabExpPanelControl = /* @__PURE__ */ vue.defineComponent({
         "tabPosition": this.tabPosition,
         "onTabChange": this.handleTabChange
       }, _isSlot(_slot = tabPages.map((tab) => {
+        const counterNum = tab.counterId ? this.counterData[tab.counterId] : void 0;
         return vue.createVNode(vue.resolveComponent("el-tab-pane"), {
           "class": [this.ns.e("tab-item")],
           "label": tab.caption,
@@ -114,7 +130,10 @@ const TabExpPanelControl = /* @__PURE__ */ vue.defineComponent({
               "class": [...tab.class]
             }, [this.c.isShowIcon && vue.createVNode(vue.resolveComponent("iBizIcon"), {
               "icon": tab.sysImage
-            }, null), this.c.isShowCaption && tab.caption]);
+            }, null), this.c.isShowCaption && tab.caption, !ramda.isNil(counterNum) && vue.createVNode(vue.resolveComponent("iBizBadge"), {
+              "class": this.ns.e("counter"),
+              "value": counterNum
+            }, null)]);
           }
         });
       })) ? _slot : {

package/lib/control/tab-exp-panel/tab-exp-panel.css

@@ -1 +1 @@
-.ibiz-control-tabexppanel{--ibiz-control-tabexppanel-color:var(--ibiz-color-text-2);--ibiz-control-tabexppanel-hover-color:var(--ibiz-color-text-0);--ibiz-control-tabexppanel-active-color:var(--ibiz-color-primary);--ibiz-control-tabexppanel-bar-color:var(--ibiz-color-primary)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header{margin:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap{margin:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar{background-color:var(--ibiz-control-tabexppanel-bar-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-control-tabexppanel-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item:hover{color:var(--ibiz-control-tabexppanel-hover-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active{color:var(--ibiz-control-tabexppanel-active-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-top:last-child{padding-right:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs.el-tabs--bottom,.ibiz-control-tabexppanel .el-tabs.el-tabs--top{padding-left:var(--ibiz-spacing-base)}.ibiz-control-tabexppanel .el-tabs__item{padding:var(--ibiz-spacing-base)}
+.ibiz-control-tabexppanel{--ibiz-control-tabexppanel-color:var(--ibiz-color-text-2);--ibiz-control-tabexppanel-hover-color:var(--ibiz-color-text-0);--ibiz-control-tabexppanel-active-color:var(--ibiz-color-primary);--ibiz-control-tabexppanel-bar-color:var(--ibiz-color-primary)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header{margin:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap{margin:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar{background-color:var(--ibiz-control-tabexppanel-bar-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-control-tabexppanel-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item:hover{color:var(--ibiz-control-tabexppanel-hover-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active{color:var(--ibiz-control-tabexppanel-active-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-top:last-child{padding-right:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs.el-tabs--bottom,.ibiz-control-tabexppanel .el-tabs.el-tabs--top{padding-left:var(--ibiz-spacing-base)}.ibiz-control-tabexppanel .el-tabs__item{padding:var(--ibiz-spacing-base)}.ibiz-control-tabexppanel__counter{margin-left:var(--ibiz-spacing-tight)}

package/lib/control/tree/tree.cjs

@@ -590,7 +590,10 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
       if (!contextMenuC.model.detoolbarItems) {
         return;
       }
-      await contextMenuC.calcButtonState(nodeData._deData || (nodeData.srfkey ? nodeData : void 0), nodeModel.appDataEntityId);
+      await contextMenuC.calcButtonState(nodeData._deData || (nodeData.srfkey ? nodeData : void 0), nodeModel.appDataEntityId, {
+        view: c.view,
+        ctrl: c
+      });
       const menuState = contextMenuC.state.buttonsState;
       const menus = calcContextMenuItems(contextMenuC.model.detoolbarItems, nodeData, evt, menuState);
       if (!menus.length) {

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

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

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

@@ -45,15 +45,15 @@ class CustomViewEngine extends runtime.ViewEngineBase {
       );
       control == null ? void 0 : control.evt.on(
         "onLoadSuccess",
-        () => this.calcToolbarButtonState(ctrl, void 0)
+        (evt) => this.calcToolbarButtonState(ctrl, void 0, evt)
       );
       control == null ? void 0 : control.evt.on(
         "onSelectionChange",
-        (evt) => this.calcToolbarButtonState(ctrl, evt.data[0])
+        (evt) => this.calcToolbarButtonState(ctrl, evt.data[0], evt)
       );
       control == null ? void 0 : control.evt.on(
         "onRefreshSuccess",
-        (evt) => this.calcToolbarButtonState(ctrl, evt.data[0])
+        (evt) => this.calcToolbarButtonState(ctrl, evt.data[0], evt)
       );
     });
   }
@@ -64,7 +64,7 @@ class CustomViewEngine extends runtime.ViewEngineBase {
    * @param {(IData | undefined)} data 数据
    * @memberof CustomViewEngine
    */
-  calcToolbarButtonState(control, data) {
+  calcToolbarButtonState(control, data, _params) {
     const model = this.controls.find(
       (ctrl) => {
         var _a;
@@ -75,7 +75,7 @@ class CustomViewEngine extends runtime.ViewEngineBase {
       const toolbar = this.view.getController(
         model.name
       );
-      toolbar == null ? void 0 : toolbar.calcButtonState(data, control.appDataEntityId);
+      toolbar == null ? void 0 : toolbar.calcButtonState(data, control.appDataEntityId, _params);
     }
   }
   async call(key, args) {

package/lib/view-engine/de-index-view-engine.cjs

@@ -48,7 +48,7 @@ class DEIndexViewEngine extends editView_engine.EditViewEngine {
     const { evt } = this.view;
     const formDeId = this.form.model.appDataEntityId;
     const data = event.data[0];
-    (_a = this.toolbar) == null ? void 0 : _a.calcButtonState(data, formDeId);
+    (_a = this.toolbar) == null ? void 0 : _a.calcButtonState(data, formDeId, event);
     if (data.srfkey) {
       evt.emit("onViewInfoChange", { dataInfo: data.srfmajortext || "" });
     }

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

@@ -103,7 +103,7 @@ class EditViewEngine extends runtime.DEMainViewEngine {
     const { model, evt } = this.view;
     const formDeId = this.form.model.appDataEntityId;
     const data = event.data[0];
-    (_a = this.toolbar) == null ? void 0 : _a.calcButtonState(data, formDeId);
+    (_a = this.toolbar) == null ? void 0 : _a.calcButtonState(data, formDeId, event);
     if (model.showDataInfoBar) {
       if (data.srfkey) {
         evt.emit("onViewInfoChange", { dataInfo: data.srfmajortext || "" });