@ibiz-template/vue3-components 0.7.27 → 0.7.28-alpha.1

package/es/control/dashboard/portlet/portlet-layout/portlet-layout.mjs

@@ -2,6 +2,7 @@ import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './portlet-layout.css';
 import { PortletPartController } from '@ibiz-template/runtime';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 const PortletLayout = /* @__PURE__ */ defineComponent({
@@ -60,7 +61,7 @@ const PortletLayout = /* @__PURE__ */ defineComponent({
       "icon": model.sysImage
     }, null), createVNode("span", {
       "class": this.ns.e("caption-text"),
-      "title": state.title
+      "title": showTitle(state.title)
     }, [state.title])])]), createVNode("div", {
       "class": this.ns.be("header", "right")
     }, [model.uiactionGroup && createVNode(resolveComponent("iBizActionToolbar"), {

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.27_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.28-alpha.1_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.mjs

@@ -6,6 +6,7 @@ import { isNil } from 'ramda';
 import { DRTabController } from './drtab.controller.mjs';
 import './drtab.css';
 import { useAppDRTab } from './drtab-control.util.mjs';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 const DRTabControl = /* @__PURE__ */ defineComponent({
@@ -140,7 +141,7 @@ const DRTabControl = /* @__PURE__ */ defineComponent({
                   "class": [this.ns.be("more-dropdown-popper", "label")]
                 }, [createVNode("span", {
                   "class": this.ns.bem("more-dropdown-popper", "label", "text"),
-                  "title": item.caption || ""
+                  "title": showTitle(item.caption || "")
                 }, [item.caption || ""]), item.counterId && this.counterData[item.counterId] != null && createVNode(resolveComponent("iBizBadge"), {
                   "class": this.ns.bem("more-dropdown-popper", "label", "counter"),
                   "value": this.counterData[item.counterId],

package/es/control/form/form-detail/form-button/form-button.mjs

@@ -2,6 +2,7 @@ import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { FormButtonController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './form-button.css';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 const FormButton = /* @__PURE__ */ defineComponent({
@@ -44,7 +45,7 @@ const FormButton = /* @__PURE__ */ defineComponent({
       "onClick": this.controller.onClick.bind(this.controller),
       "loading": this.controller.state.loading,
       "disabled": this.controller.state.disabled,
-      "title": ibiz.env.enableTitle ? this.modelData.tooltip : void 0
+      "title": showTitle(this.modelData.tooltip)
     }, {
       default: () => [createVNode("div", {
         "class": this.ns.b("content")

package/es/control/form/form-detail/form-item/form-item-container/form-item-container.mjs

@@ -1,6 +1,7 @@
 import { ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './form-item-container.css';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 const IBizFormItemContainer = /* @__PURE__ */ defineComponent({
@@ -82,7 +83,7 @@ const IBizFormItemContainer = /* @__PURE__ */ defineComponent({
       }
       return createVNode("div", {
         "class": classList,
-        "title": props.label
+        "title": showTitle(props.label)
       }, [props.label]);
     };
     return {
@@ -99,7 +100,7 @@ const IBizFormItemContainer = /* @__PURE__ */ defineComponent({
     }, [createVNode("div", {
       "class": [this.ns.e("editor")]
     }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]), this.error ? createVNode("div", {
-      "title": this.error,
+      "title": showTitle(this.error),
       "class": [this.ns.e("error")]
     }, [this.error]) : null]);
     return createVNode("div", {

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.mjs

@@ -1,7 +1,7 @@
 import { isVNode, reactive, watch, resolveComponent, createVNode, toRaw, h, defineComponent } from 'vue';
 import { FormMDCtrlRepeaterController, EditFormController } from '@ibiz-template/runtime';
 import { useNamespace, useCtx } from '@ibiz-template/vue3-util';
-import { recursiveIterate } from '@ibiz-template/core';
+import { recursiveIterate, showTitle } from '@ibiz-template/core';
 import './repeater-grid.css';
 
 "use strict";
@@ -88,7 +88,7 @@ const RepeaterGrid = /* @__PURE__ */ defineComponent({
       }
       if (ibiz.config.form.mdCtrlConfirmBeforeRemove) {
         return createVNode(resolveComponent("el-popconfirm"), {
-          "title": ibiz.i18n.t("control.form.repeaterGrid.promptInformation"),
+          "title": showTitle(ibiz.i18n.t("control.form.repeaterGrid.promptInformation")),
           "confirm-button-text": ibiz.i18n.t("app.confirm"),
           "cancel-button-text": ibiz.i18n.t("app.cancel"),
           "onConfirm": () => props.controller.remove(index)

package/es/control/form/form-detail/form-mdctrl/mdctrl-container/mdctrl-container.mjs

@@ -1,6 +1,7 @@
 import { isVNode, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './mdctrl-container.css';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 function _isSlot(s) {
@@ -49,7 +50,7 @@ const MDCtrlContainer = /* @__PURE__ */ defineComponent({
       }
       if (ibiz.config.form.mdCtrlConfirmBeforeRemove) {
         return createVNode(resolveComponent("el-popconfirm"), {
-          "title": ibiz.i18n.t("control.form.mdCtrlContainer.promptInformation"),
+          "title": showTitle(ibiz.i18n.t("control.form.mdCtrlContainer.promptInformation")),
           "confirm-button-text": ibiz.i18n.t("app.confirm"),
           "cancel-button-text": ibiz.i18n.t("app.cancel"),
           "onConfirm": () => emit("removeClick", item, index)

package/es/control/form/form-detail/form-mdctrl/mdctrl-container2/mdctrl-container2.mjs

@@ -3,6 +3,7 @@ import { FormMDCtrlFormController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import draggable from 'vuedraggable';
 import './mdctrl-container2.css';
+import { showTitle } from '@ibiz-template/core';
 import { dragIcon, removeIcon, addIcon, leftArrowIcon, rightArrowIcon } from './icon/index.mjs';
 
 "use strict";
@@ -158,7 +159,7 @@ const MDCtrlContainer2 = /* @__PURE__ */ defineComponent({
           "class": this.ns.be("header-item", "text")
         }, [element.title]), this.controller.enableDelete && createVNode("div", {
           "class": this.ns.be("header-item", "btn"),
-          "title": ibiz.i18n.t("app.delete"),
+          "title": showTitle(ibiz.i18n.t("app.delete")),
           "onClick": (e) => {
             this.handleRemove(e, element);
           }

package/es/control/grid/grid/grid-control.util.d.ts

@@ -80,8 +80,6 @@ export declare function useAppGridBase(c: GridController, props: IGridProps): {
         rowIndex: number;
         columnIndex: number;
     }) => IData | void;
-    cellMouseEnter: (row: IData, column: IData, cell: HTMLTableCellElement, event: Event) => void;
-    cellMouseLeave: (row: IData, column: IData, cell: HTMLTableCellElement, event: Event) => void;
 };
 /**
  * 监听表格头部高度变化，计算css变量

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

@@ -5,12 +5,12 @@ import { ref, watch, nextTick, computed, watchEffect, onUnmounted } from 'vue';
 "use strict";
 function sortMergeData(rowSpanKeys, items) {
   const otherItems = [];
+  const firstKey = rowSpanKeys[0] || "";
   const sortedItems = items.filter((item) => {
-    const index = rowSpanKeys.findIndex((key) => !item[key]);
-    if (index !== -1) {
+    if (!item[firstKey]) {
       otherItems.push(item);
     }
-    return index === -1;
+    return item[firstKey];
   });
   sortedItems.sort((a, b) => {
     for (const key of rowSpanKeys) {
@@ -294,7 +294,8 @@ function useAppGridBase(c, props) {
     const { property } = column;
     const { rowspankeys = [], colspankeys = [] } = c.controlParams;
     if (rowspankeys.length > 0 && rowspankeys.includes(property)) {
-      if (rowIndex > 0 && row[property] && row[property] === tableData.value[rowIndex - 1][property]) {
+      const allow = columnIndex === 0 || row[property];
+      if (rowIndex > 0 && allow && row[property] === tableData.value[rowIndex - 1][property]) {
         return {
           rowspan: 0,
           colspan: 0
@@ -302,7 +303,7 @@ function useAppGridBase(c, props) {
       }
       let rowspan = 1;
       for (let i = rowIndex + 1; i < tableData.value.length; i++) {
-        if (row[property] && tableData.value[i][property] === row[property]) {
+        if (allow && tableData.value[i][property] === row[property]) {
           rowspan += 1;
         } else {
           break;
@@ -315,7 +316,7 @@ function useAppGridBase(c, props) {
     }
     if (colspankeys.length > 0 && colspankeys.includes(property)) {
       const preProperty = renderColumns.value[columnIndex - 1].codeName;
-      if (columnIndex > 0 && row[property] && colspankeys.includes(preProperty) && row[property] === row[preProperty]) {
+      if (columnIndex > 0 && colspankeys.includes(preProperty) && row[property] === row[preProperty]) {
         return {
           rowspan: 0,
           colspan: 0
@@ -324,7 +325,7 @@ function useAppGridBase(c, props) {
       let colspan = 1;
       for (let i = columnIndex + 1; i < renderColumns.value.length; i++) {
         const nextProperty = renderColumns.value[i].codeName;
-        if (row[property] && colspankeys.includes(nextProperty) && row[nextProperty] === row[property]) {
+        if (colspankeys.includes(nextProperty) && row[nextProperty] === row[property]) {
           colspan += 1;
         } else {
           break;
@@ -336,76 +337,12 @@ function useAppGridBase(c, props) {
       };
     }
   };
-  const cellMouseEnter = (row, column, cell) => {
-    const { rowspankeys = [] } = c.controlParams;
-    if (rowspankeys.length === 0) {
-      return;
-    }
-    let { rowSpan } = cell;
-    if (rowSpan && rowSpan > 1) {
-      let tableRow = cell.parentNode;
-      while (rowSpan > 1) {
-        if (tableRow && tableRow.nextSibling) {
-          tableRow.nextSibling.classList.add(
-            "hover-row"
-          );
-          tableRow = tableRow.nextSibling;
-        }
-        rowSpan -= 1;
-      }
-    } else {
-      const columnLenth = renderColumns.value.length;
-      let tableRow = cell.parentNode;
-      while (tableRow.children.length !== columnLenth) {
-        tableRow = tableRow.previousSibling;
-      }
-      for (let index = 0; index < tableRow.children.length; index++) {
-        const newCell = tableRow.children.item(index);
-        if (newCell.rowSpan > 1) {
-          newCell.classList.add("hover-cell");
-        }
-      }
-    }
-  };
-  const cellMouseLeave = (row, column, cell) => {
-    const { rowspankeys = [] } = c.controlParams;
-    if (rowspankeys.length === 0) {
-      return;
-    }
-    let { rowSpan } = cell;
-    if (rowSpan && rowSpan > 1) {
-      let tableRow = cell.parentNode;
-      while (rowSpan > 1) {
-        if (tableRow && tableRow.nextSibling) {
-          tableRow.nextSibling.classList.remove(
-            "hover-row"
-          );
-          tableRow = tableRow.nextSibling;
-        }
-        rowSpan -= 1;
-      }
-    } else {
-      const columnLenth = renderColumns.value.length;
-      let tableRow = cell.parentNode;
-      while (tableRow.children.length !== columnLenth) {
-        tableRow = tableRow.previousSibling;
-      }
-      for (let index = 0; index < tableRow.children.length; index++) {
-        const newCell = tableRow.children.item(index);
-        if (newCell.rowSpan > 1) {
-          newCell.classList.remove("hover-cell");
-        }
-      }
-    }
-  };
   return {
     tableData,
     renderColumns,
     defaultSort,
     summaryMethod,
-    spanMethod,
-    cellMouseEnter,
-    cellMouseLeave
+    spanMethod
   };
 }
 function useGridHeaderStyle(tableRef, ns) {

package/es/control/grid/grid/grid.css

@@ -1 +1 @@
-.ibiz-control-grid{--ibiz-control-grid-text-color:var(--ibiz-color-text-0);--ibiz-control-grid-bg-color:transparent;--ibiz-control-grid-padding:var(--ibiz-spacing-none);--ibiz-control-grid-cell-padding:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight);--ibiz-control-grid-selection-padding:var(--ibiz-spacing-base-loose);--ibiz-control-grid-row-edit-bg-color:var(--ibiz-color-fill-2);--ibiz-control-grid-row-bg-color:var(--ibiz-color-bg-1);--ibiz-control-grid-row-bg-color-2:var(--ibiz-color-bg-0);--ibiz-control-grid-row-hover-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-row-select-color:var(--ibiz-color-primary-light-default);--ibiz-control-grid-row-expand-icon-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-control-grid-now-header-height:auto;--ibiz-control-grid-scrollbar-width:4px;--ibiz-control-grid-header-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-header-cell-padding:var(--ibiz-control-grid-cell-padding);--ibiz-control-grid-header-height:auto;--ibiz-control-grid-header-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-header-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-header-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-grid-content-text-color:var(--ibiz-control-grid-text-color);--ibiz-control-grid-content-row-height:48px;--ibiz-control-grid-page-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-page-height:50px;--ibiz-control-grid-page-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);--ibiz-control-grid-footer-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-footer-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-footer-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-footer-font-weight:var(--ibiz-font-weight-bold);position:relative;width:100%;height:100%;padding:var(--ibiz-control-grid-padding);background-color:var(--ibiz-control-grid-bg-color)}.ibiz-control-grid .el-table{--el-table-header-bg-color:var(--ibiz-control-grid-header-bg-color);--el-table-current-row-bg-color:var(--ibiz-control-grid-row-select-color);--el-table-border-color:transparent}.ibiz-control-grid.is-empty .el-scrollbar .el-scrollbar__view{height:100%}.ibiz-control-grid.is-empty .el-table__empty-text{display:inline-block;height:100%}.ibiz-control-grid .el-table--border .el-table__cell{border-right:none}.ibiz-control-grid .el-table-fixed-column--left,.ibiz-control-grid .el-table-fixed-column--right{--el-bg-color:transparent}.ibiz-control-grid .el-table thead.is-group th.el-table__cell{background:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid.is-enable-page .ibiz-control-grid__table{height:calc(100% - var(--ibiz-control-grid-page-height))}.ibiz-control-grid.is-enable-group .el-table__indent{display:none}.ibiz-control-grid__table{width:100%;height:100%}.ibiz-control-grid__table .caret-wrapper{justify-content:center}.ibiz-control-grid__table .caret-wrapper>*+*{margin-top:var(--ibiz-spacing-super-tight)}.ibiz-control-grid__table .sort-caret{--el-text-color-placeholder:--ibiz-control-grid-header-text-color;position:initial;opacity:.6}.ibiz-control-grid__table.el-table .el-table__cell{padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr td{background:var(--ibiz-control-grid-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:nth-child(2n) td{background-color:var(--ibiz-control-grid-row-bg-color-2)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:hover td{background-color:var(--ibiz-control-grid-row-hover-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.current-row td{background-color:var(--el-table-current-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.editing-row td{background-color:var(--ibiz-control-grid-row-edit-bg-color)}.ibiz-control-grid__table .el-table__header-wrapper .cell{height:var(--ibiz-control-grid-header-height);padding:var(--ibiz-control-grid-header-cell-padding);font-size:var(--ibiz-control-grid-header-font-size);font-weight:var(--ibiz-control-grid-header-font-weight);color:var(--ibiz-control-grid-header-text-color);word-break:break-word;white-space:pre-wrap}.ibiz-control-grid__table .el-table__header-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__header-wrapper .is-sortable.el-table__cell .cell{display:flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content)}.ibiz-control-grid__table .el-table__body-wrapper{color:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-0:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-1:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-2:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-3:var(--ibiz-control-grid-content-text-color);border-bottom:.1px solid var(--ibiz-color-border)}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row{height:var(--ibiz-control-grid-content-row-height);cursor:pointer}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:0;padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row .el-table__expand-icon{margin:var(--ibiz-control-grid-row-expand-icon-margin)}@-moz-document url-prefix(){.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:100%}}.ibiz-control-grid__table .el-table__body-wrapper .cell{display:flex;align-items:center;height:100%;padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table .el-table__body-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__cell.is-center{--ibiz-grid-column-text-align:center;--ibiz-grid-column-justify-content:center}.ibiz-control-grid__table .el-table__cell.is-left{--ibiz-grid-column-text-align:left;--ibiz-grid-column-justify-content:flex-start}.ibiz-control-grid__table .el-table__cell.is-right{--ibiz-grid-column-text-align:right;--ibiz-grid-column-justify-content:flex-end}.ibiz-control-grid__table .el-scrollbar__wrap{position:relative}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell{font-size:var(--ibiz-control-grid-footer-font-size);font-weight:var(--ibiz-control-grid-footer-font-weight);color:var(--ibiz-control-grid-footer-text-color);background-color:var(--ibiz-control-grid-footer-bg-color)}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell:first-child>div{display:inline;vertical-align:4px}.ibiz-control-grid__table .enable-order{position:relative;padding-left:var(--ibiz-spacing-base-tight);transition:transform .25s cubic-bezier(0,0,.2,1)}.ibiz-control-grid__table .enable-order .ibiz-control-grid__drag-icon{padding:var(--ibiz-spacing-none)!important}.ibiz-control-grid__table .enable-order .ibiz-control-grid__drag-icon .cell{display:none}.ibiz-control-grid__table .enable-order:hover .ibiz-control-grid__drag-icon .cell{display:flex}.ibiz-control-grid__table .el-scrollbar__bar.is-horizontal{height:var(--ibiz-control-grid-scrollbar-width)}.ibiz-control-grid__table .el-scrollbar__bar.is-vertical{width:var(--ibiz-control-grid-scrollbar-width)}.ibiz-control-grid__load-more-button{padding:var(--ibiz-control-grid-header-cell-padding);text-align:center}.ibiz-control-grid .el-table td.el-table__cell,.ibiz-control-grid .el-table th.el-table__cell.is-leaf{border-bottom:none}.ibiz-control-grid .ibiz-pagination{--ibiz-pagination-height:var(--ibiz-control-grid-page-height);--ibiz-pagination-text-color:var(--ibiz-control-grid-text-color);--ibiz-pagination-padding:var(--ibiz-control-grid-page-padding)}.ibiz-control-grid.is-single-select .el-table__header-wrapper .el-table__header thead>tr th:nth-child(1){padding-left:var(--ibiz-spacing-tight)}.ibiz-control-grid.is-single-select .el-table__body-wrapper .el-table__body tbody>tr td:nth-child(1){padding-left:var(--ibiz-spacing-tight)}.ibiz-control-grid.is-enable-customized .el-table__header-wrapper .el-table__header thead>tr th:last-child{padding-right:var(--ibiz-spacing-base-loose)}.ibiz-control-grid.is-enable-customized .ibiz-control-grid-setting-box{display:flex;align-items:center;justify-content:flex-start;position:absolute;top:0;right:0;z-index:1;height:var(--ibiz-control-grid-now-header-height);padding-right:var(--ibiz-spacing-extra-tight);background-color:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid.is-enable-customized .ibiz-grid-setting{cursor:pointer}.ibiz-control-grid .el-table .el-table__body tr.hover-row.current-row>td.el-table__cell,.ibiz-control-grid .el-table .el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,.ibiz-control-grid .el-table .el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,.ibiz-control-grid .el-table .el-table__body tr.hover-row>td.el-table__cell{background-color:var(--el-table-row-hover-bg-color)}.ibiz-control-grid .el-table .el-table__body tr.current-row td:not([rowspan="1"]){background-color:var(--ibiz-control-grid-row-bg-color)}.ibiz-control-grid .el-table .el-table__body-wrapper .el-table__body tr.el-table__row>td.hover-cell{background-color:var(--el-table-row-hover-bg-color)}.ibiz-control-grid-quick-toolbar{justify-content:center}.ibiz-control-grid-batch-toolbar{position:absolute;top:0;left:54px;z-index:99;display:none;width:calc(100% - 54px);height:var(--ibiz-control-grid-now-header-height);font-size:var(--ibiz-font-size-regular);font-weight:var(--ibiz-font-weight-regular);background-color:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid-batch-toolbar.is-show{display:flex;align-items:center;justify-content:flex-start}.ibiz-control-grid-batch-toolbar .ibiz-control-grid-batch-toolbar-separator{padding:0 var(--ibiz-spacing-base-tight)}.ibiz-control-grid-batch-toolbar .ibiz-control-grid-batch-toolbar-content{height:100%;display:flex;align-items:center;justify-content:flex-start}
+.ibiz-control-grid{--ibiz-control-grid-text-color:var(--ibiz-color-text-0);--ibiz-control-grid-bg-color:transparent;--ibiz-control-grid-padding:var(--ibiz-spacing-none);--ibiz-control-grid-cell-padding:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight);--ibiz-control-grid-selection-padding:var(--ibiz-spacing-base-loose);--ibiz-control-grid-row-edit-bg-color:var(--ibiz-color-fill-2);--ibiz-control-grid-row-bg-color:var(--ibiz-color-bg-1);--ibiz-control-grid-row-bg-color-2:var(--ibiz-color-bg-0);--ibiz-control-grid-row-hover-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-row-select-color:var(--ibiz-color-primary-light-default);--ibiz-control-grid-row-expand-icon-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-control-grid-now-header-height:auto;--ibiz-control-grid-scrollbar-width:4px;--ibiz-control-grid-scrollbar-bg-color:var(--ibiz-color-fill-2);--ibiz-control-grid-scrollbar-bg-hover-opacity:0.5;--ibiz-control-grid-scrollbar-bg-hover-color:var(--ibiz-color-fill-2);--ibiz-control-grid-header-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-header-cell-padding:var(--ibiz-control-grid-cell-padding);--ibiz-control-grid-header-height:auto;--ibiz-control-grid-header-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-header-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-header-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-grid-content-text-color:var(--ibiz-control-grid-text-color);--ibiz-control-grid-content-row-height:48px;--ibiz-control-grid-page-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-page-height:50px;--ibiz-control-grid-page-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);--ibiz-control-grid-footer-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-footer-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-footer-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-footer-font-weight:var(--ibiz-font-weight-bold);position:relative;width:100%;height:100%;padding:var(--ibiz-control-grid-padding);background-color:var(--ibiz-control-grid-bg-color)}.ibiz-control-grid .el-table{--el-table-header-bg-color:var(--ibiz-control-grid-header-bg-color);--el-table-current-row-bg-color:var(--ibiz-control-grid-row-select-color);--el-table-border-color:transparent}.ibiz-control-grid.is-empty .el-scrollbar .el-scrollbar__view{height:100%}.ibiz-control-grid.is-empty .el-table__empty-text{display:inline-block;height:100%}.ibiz-control-grid .el-table--border .el-table__cell{border-right:none}.ibiz-control-grid .el-table-fixed-column--left,.ibiz-control-grid .el-table-fixed-column--right{--el-bg-color:transparent}.ibiz-control-grid .el-table thead.is-group th.el-table__cell{background:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid.is-enable-page .ibiz-control-grid__table{height:calc(100% - var(--ibiz-control-grid-page-height))}.ibiz-control-grid.is-enable-group .el-table__indent{display:none}.ibiz-control-grid__table{width:100%;height:100%}.ibiz-control-grid__table .caret-wrapper{justify-content:center}.ibiz-control-grid__table .caret-wrapper>*+*{margin-top:var(--ibiz-spacing-super-tight)}.ibiz-control-grid__table .sort-caret{--el-text-color-placeholder:--ibiz-control-grid-header-text-color;position:initial;opacity:.6}.ibiz-control-grid__table.el-table .el-table__cell{padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr td{background:var(--ibiz-control-grid-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:nth-child(2n) td{background-color:var(--ibiz-control-grid-row-bg-color-2)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:hover td{background-color:var(--ibiz-control-grid-row-hover-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.current-row td{background-color:var(--el-table-current-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.editing-row td{background-color:var(--ibiz-control-grid-row-edit-bg-color)}.ibiz-control-grid__table .el-table__header-wrapper .cell{height:var(--ibiz-control-grid-header-height);padding:var(--ibiz-control-grid-header-cell-padding);font-size:var(--ibiz-control-grid-header-font-size);font-weight:var(--ibiz-control-grid-header-font-weight);color:var(--ibiz-control-grid-header-text-color);word-break:break-word;white-space:pre-wrap}.ibiz-control-grid__table .el-table__header-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__header-wrapper .is-sortable.el-table__cell .cell{display:flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content)}.ibiz-control-grid__table .el-table__body-wrapper{color:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-0:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-1:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-2:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-3:var(--ibiz-control-grid-content-text-color);border-bottom:.1px solid var(--ibiz-color-border)}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row{height:var(--ibiz-control-grid-content-row-height);cursor:pointer}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:0;padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row .el-table__expand-icon{margin:var(--ibiz-control-grid-row-expand-icon-margin)}@-moz-document url-prefix(){.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:100%}}.ibiz-control-grid__table .el-table__body-wrapper .cell{display:flex;align-items:center;height:100%;padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table .el-table__body-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__cell.is-center{--ibiz-grid-column-text-align:center;--ibiz-grid-column-justify-content:center}.ibiz-control-grid__table .el-table__cell.is-left{--ibiz-grid-column-text-align:left;--ibiz-grid-column-justify-content:flex-start}.ibiz-control-grid__table .el-table__cell.is-right{--ibiz-grid-column-text-align:right;--ibiz-grid-column-justify-content:flex-end}.ibiz-control-grid__table .el-scrollbar__wrap{position:relative}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell{font-size:var(--ibiz-control-grid-footer-font-size);font-weight:var(--ibiz-control-grid-footer-font-weight);color:var(--ibiz-control-grid-footer-text-color);background-color:var(--ibiz-control-grid-footer-bg-color)}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell:first-child>div{display:inline;vertical-align:4px}.ibiz-control-grid__table .enable-order{position:relative;padding-left:var(--ibiz-spacing-base-tight);transition:transform .25s cubic-bezier(0,0,.2,1)}.ibiz-control-grid__table .enable-order .ibiz-control-grid__drag-icon{padding:var(--ibiz-spacing-none)!important}.ibiz-control-grid__table .enable-order .ibiz-control-grid__drag-icon .cell{display:none}.ibiz-control-grid__table .enable-order:hover .ibiz-control-grid__drag-icon .cell{display:flex}.ibiz-control-grid__table .el-scrollbar__bar.is-horizontal{height:var(--ibiz-control-grid-scrollbar-width)}.ibiz-control-grid__table .el-scrollbar__bar.is-vertical{width:var(--ibiz-control-grid-scrollbar-width)}.ibiz-control-grid__table .el-scrollbar__thumb{background-color:var(--ibiz-control-grid-scrollbar-bg-color)}.ibiz-control-grid__table .el-scrollbar__thumb:hover{background-color:var(--ibiz-control-grid-scrollbar-bg-hover-color);opacity:var(--ibiz-control-grid-scrollbar-bg-hover-opacity)}.ibiz-control-grid__load-more-button{padding:var(--ibiz-control-grid-header-cell-padding);text-align:center}.ibiz-control-grid .el-table td.el-table__cell,.ibiz-control-grid .el-table th.el-table__cell.is-leaf{border-bottom:none}.ibiz-control-grid .ibiz-pagination{--ibiz-pagination-height:var(--ibiz-control-grid-page-height);--ibiz-pagination-text-color:var(--ibiz-control-grid-text-color);--ibiz-pagination-padding:var(--ibiz-control-grid-page-padding)}.ibiz-control-grid.is-single-select .el-table__header-wrapper .el-table__header thead>tr th:nth-child(1){padding-left:var(--ibiz-spacing-tight)}.ibiz-control-grid.is-single-select .el-table__body-wrapper .el-table__body tbody>tr td:nth-child(1){padding-left:var(--ibiz-spacing-tight)}.ibiz-control-grid.is-enable-customized .el-table__header-wrapper .el-table__header thead>tr th:last-child{padding-right:var(--ibiz-spacing-base-loose)}.ibiz-control-grid.is-enable-customized .ibiz-control-grid-setting-box{display:flex;align-items:center;justify-content:flex-start;position:absolute;top:0;right:0;z-index:1;height:var(--ibiz-control-grid-now-header-height);padding-right:var(--ibiz-spacing-extra-tight);background-color:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid.is-enable-customized .ibiz-grid-setting{cursor:pointer}.ibiz-control-grid-quick-toolbar{justify-content:center}.ibiz-control-grid-batch-toolbar{position:absolute;top:0;left:54px;z-index:99;display:none;width:calc(100% - 54px);height:var(--ibiz-control-grid-now-header-height);font-size:var(--ibiz-font-size-regular);font-weight:var(--ibiz-font-weight-regular);background-color:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid-batch-toolbar.is-show{display:flex;align-items:center;justify-content:flex-start}.ibiz-control-grid-batch-toolbar .ibiz-control-grid-batch-toolbar-separator{padding:0 var(--ibiz-spacing-base-tight)}.ibiz-control-grid-batch-toolbar .ibiz-control-grid-batch-toolbar-content{height:100%;display:flex;align-items:center;justify-content:flex-start}

package/es/control/grid/grid/grid.d.ts

@@ -83,8 +83,6 @@ export declare const GridControl: import("vue").DefineComponent<{
     onPageChange: (page: number) => void;
     onPageSizeChange: (size: number) => void;
     onPageRefresh: () => void;
-    cellMouseEnter: (row: IData, column: IData, cell: HTMLTableCellElement, event: Event) => void;
-    cellMouseLeave: (row: IData, column: IData, cell: HTMLTableCellElement, event: Event) => void;
     handleRowClassName: ({ row }: {
         row: IData;
     }) => string;

package/es/control/grid/grid/grid.mjs

@@ -200,9 +200,7 @@ const GridControl = /* @__PURE__ */ defineComponent({
       renderColumns,
       defaultSort,
       summaryMethod,
-      spanMethod,
-      cellMouseEnter,
-      cellMouseLeave
+      spanMethod
     } = useAppGridBase(c, props);
     const {
       renderPopover
@@ -309,8 +307,6 @@ const GridControl = /* @__PURE__ */ defineComponent({
       onPageChange,
       onPageSizeChange,
       onPageRefresh,
-      cellMouseEnter,
-      cellMouseLeave,
       handleRowClassName,
       handleHeaderCellClassName,
       renderNoData,
@@ -351,8 +347,6 @@ const GridControl = /* @__PURE__ */ defineComponent({
         "data": this.tableData,
         "span-method": this.spanMethod,
         "onRowClick": this.onRowClick,
-        "onCellMouseEnter": this.cellMouseEnter,
-        "onCellMouseLeave": this.cellMouseLeave,
         "onRowDblclick": this.onDbRowClick,
         "onSelectionChange": this.onSelectionChange,
         "onSortChange": this.onSortChange,

package/es/control/grid/grid/index.d.ts

@@ -72,8 +72,6 @@ export declare const IBizGridControl: import("@ibiz-template/vue3-util").TypeWit
     onPageChange: (page: number) => void;
     onPageSizeChange: (size: number) => void;
     onPageRefresh: () => void;
-    cellMouseEnter: (row: IData, column: IData, cell: HTMLTableCellElement, event: Event) => void;
-    cellMouseLeave: (row: IData, column: IData, cell: HTMLTableCellElement, event: Event) => void;
     handleRowClassName: ({ row }: {
         row: IData;
     }) => string;

package/es/control/grid/grid-column/grid-field-column/grid-field-column.mjs

@@ -3,6 +3,7 @@ import { useNamespace, useCodeListListen } from '@ibiz-template/vue3-util';
 import './grid-field-column.css';
 import { GridFieldColumnController, GridRowState, ValueExUtil } from '@ibiz-template/runtime';
 import { isNotNil } from 'ramda';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 const GridFieldColumn = /* @__PURE__ */ defineComponent({
@@ -121,12 +122,12 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
         "value": this.codeListValue,
         "onClick": this.onTextClick,
         "onInfoTextChange": this.onInfoTextChange,
-        "title": this.tooltip
+        "title": showTitle(this.tooltip)
       }, null);
     } else {
       content = createVNode("span", {
         "class": this.ns.e("text"),
-        "title": this.tooltip,
+        "title": showTitle(this.tooltip),
         "onClick": this.onTextClick
       }, [this.formatValue, this.fieldValue != null && c.model.unitName, this.percent && "(".concat(this.percent, ")")]);
     }

package/es/control/grid/row-edit-popover/row-edit-popover.d.ts

@@ -17,8 +17,8 @@ export declare const IBizRowEditPopover: import("vue").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    onCancel?: (() => any) | undefined;
     onConfirm?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
 }, {
     show: boolean;
 }, {}>;

package/es/control/kanban/kanban.mjs

@@ -2,7 +2,7 @@ import { isVNode, ref, computed, onMounted, onBeforeUnmount, resolveComponent, c
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import draggable from 'vuedraggable';
 import { KanbanController } from '@ibiz-template/runtime';
-import { NOOP, listenJSEvent } from '@ibiz-template/core';
+import { NOOP, listenJSEvent, showTitle } from '@ibiz-template/core';
 import './kanban.css';
 
 "use strict";
@@ -296,7 +296,7 @@ const KanbanControl = /* @__PURE__ */ defineComponent({
       }, {
         default: () => [createVNode("ion-icon", {
           "name": "add-outline",
-          "title": ibiz.i18n.t("app.newlyBuild")
+          "title": showTitle(ibiz.i18n.t("app.newlyBuild"))
         }, null)]
       }), showActionBar && createVNode(resolveComponent("el-dropdown"), {
         "class": ns.be("group", "header-actions"),

package/es/control/list/list.mjs

@@ -4,6 +4,7 @@ import { isNil } from 'lodash-es';
 import { createUUID } from 'qx-util';
 import { ListController } from '@ibiz-template/runtime';
 import './list.css';
+import { showTitle } from '@ibiz-template/core';
 import '../../util/index.mjs';
 import { usePagination } from '../../util/pagination/use-pagination.mjs';
 
@@ -125,7 +126,7 @@ const ListControl = /* @__PURE__ */ defineComponent({
     const renderGroup = (group) => {
       const panel = props.modelData.itemLayoutPanel;
       return createVNode(resolveComponent("el-collapse-item"), {
-        "title": group.caption,
+        "title": showTitle(group.caption),
         "class": ns.be("group-content", "item")
       }, {
         default: () => [group.children.length > 0 ? group.children.map((item) => {

package/es/control/report-panel/report-panel.mjs

@@ -35,6 +35,10 @@ const ReportPanelControl = /* @__PURE__ */ defineComponent({
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const isInit = ref(false);
     onMounted(() => {
+      if (window.BI_REGISTER_STATE) {
+        isInit.value = true;
+        return;
+      }
       const importBIReport = () => import('@ibiz-template-plugin/bi-report');
       importBIReport().then((value) => {
         const biReport = value.default;
@@ -42,6 +46,7 @@ const ReportPanelControl = /* @__PURE__ */ defineComponent({
         AppHooks.createApp.tap((_, app) => {
           app.use(biReport);
         });
+        window.BI_REGISTER_STATE = true;
         isInit.value = true;
       });
     });

package/es/control/search-bar/filter-tree/filter-tree.d.ts

@@ -57,6 +57,6 @@ export declare const FilterTreeControl: import("vue").DefineComponent<{
     };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
-    onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;

package/es/control/search-bar/search-bar.mjs

@@ -2,6 +2,7 @@ import { computed, ref, resolveComponent, createVNode, defineComponent } from 'v
 import { useControlController, useLocalCacheKey, useNamespace } from '@ibiz-template/vue3-util';
 import './search-bar.css';
 import { SearchBarController } from '@ibiz-template/runtime';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 const SearchBarControl = /* @__PURE__ */ defineComponent({
@@ -137,7 +138,7 @@ const SearchBarControl = /* @__PURE__ */ defineComponent({
           }, [groupItem.caption]);
         })])), this.c.model.enableGroup && this.c.isBackendSearchGroup && createVNode(resolveComponent("el-button"), {
           "class": this.ns.b("save"),
-          "title": ibiz.env.enableTitle ? ibiz.i18n.t("control.searchBar.saveGroup") : void 0,
+          "title": showTitle(ibiz.i18n.t("control.searchBar.saveGroup")),
           "onClick": this.handleSave
         }, {
           default: () => [createVNode("ion-icon", {
@@ -161,7 +162,7 @@ const SearchBarControl = /* @__PURE__ */ defineComponent({
         }), this.c.enableFilter && createVNode(resolveComponent("el-button"), {
           "ref": "filterButtonRef",
           "type": "primary",
-          "title": ibiz.env.enableTitle ? ibiz.i18n.t("control.searchBar.filter") : void 0,
+          "title": showTitle(ibiz.i18n.t("control.searchBar.filter")),
           "class": this.ns.b("filter"),
           "onClick": () => this.triggerFilter()
         }, {

package/es/control/search-bar/search-groups/search-groups.mjs

@@ -3,7 +3,7 @@ import { useNamespace } from '@ibiz-template/vue3-util';
 import './search-groups.css';
 import { ElMessageBox } from 'element-plus';
 import draggable from 'vuedraggable';
-import { mergeInLeft } from '@ibiz-template/core';
+import { mergeInLeft, showTitle } from '@ibiz-template/core';
 import { useNewGroup } from './new-group-util.mjs';
 import { useEditGroup } from './edit-group-util.mjs';
 
@@ -240,7 +240,7 @@ const SearchGroups = /* @__PURE__ */ defineComponent({
     }), createVNode(resolveComponent("el-dialog"), {
       "modelValue": this.newDialogVisible,
       "onUpdate:modelValue": ($event) => this.newDialogVisible = $event,
-      "title": ibiz.i18n.t("control.searchBar.searchGroups.newGroup"),
+      "title": showTitle(ibiz.i18n.t("control.searchBar.searchGroups.newGroup")),
       "modal-class": this.ns.b("new-dialog")
     }, {
       default: () => {
@@ -281,7 +281,7 @@ const SearchGroups = /* @__PURE__ */ defineComponent({
     }), createVNode(resolveComponent("el-dialog"), {
       "modelValue": this.editDialogVisible,
       "onUpdate:modelValue": ($event) => this.editDialogVisible = $event,
-      "title": ibiz.i18n.t("control.searchBar.searchGroups.editGroup"),
+      "title": showTitle(ibiz.i18n.t("control.searchBar.searchGroups.editGroup")),
       "modal-class": this.ns.b("edit-dialog")
     }, {
       default: () => {
@@ -322,7 +322,7 @@ const SearchGroups = /* @__PURE__ */ defineComponent({
     }), createVNode(resolveComponent("el-dialog"), {
       "modelValue": this.manageDialogVisible,
       "onUpdate:modelValue": ($event) => this.manageDialogVisible = $event,
-      "title": ibiz.i18n.t("control.searchBar.searchGroups.groupManage"),
+      "title": showTitle(ibiz.i18n.t("control.searchBar.searchGroups.groupManage")),
       "modal-class": this.ns.b("manage-dialog")
     }, {
       default: () => [createVNode("div", {
@@ -383,14 +383,14 @@ const SearchGroups = /* @__PURE__ */ defineComponent({
           }, [createVNode(resolveComponent("el-link"), {
             "type": "primary",
             "disabled": !groupItem.saved || groupItem.noEdit,
-            "title": this.editLinkTitle(groupItem),
+            "title": showTitle(this.editLinkTitle(groupItem)),
             "onClick": () => this.editGroup(groupItem)
           }, _isSlot(_slot5 = ibiz.i18n.t("app.edit")) ? _slot5 : {
             default: () => [_slot5]
           }), createVNode(resolveComponent("el-link"), {
             "type": "danger",
             "disabled": !groupItem.saved,
-            "title": !groupItem.saved ? ibiz.i18n.t("control.searchBar.searchGroups.savePrompt") : "",
+            "title": showTitle(!groupItem.saved ? ibiz.i18n.t("control.searchBar.searchGroups.savePrompt") : ""),
             "onClick": () => this.removeGroup(groupItem)
           }, _isSlot(_slot6 = ibiz.i18n.t("app.delete")) ? _slot6 : {
             default: () => [_slot6]

package/es/control/toolbar/export-excel/export-excel.mjs

@@ -1,6 +1,7 @@
 import { isVNode, ref, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './export-excel.css';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 function _isSlot(s) {
@@ -62,7 +63,7 @@ const IBizExportExcel = /* @__PURE__ */ defineComponent({
       title: () => {
         let _slot;
         return createVNode(resolveComponent("el-button"), {
-          "title": ibiz.env.enableTitle ? this.item.tooltip : void 0,
+          "title": showTitle(this.item.tooltip),
           "size": this.$props.size,
           "class": this.ns.b("submenu-button")
         }, _isSlot(_slot = this.btnContent(this.item)) ? _slot : {
@@ -137,7 +138,7 @@ const IBizExportExcel = /* @__PURE__ */ defineComponent({
       default: () => {
         let _slot6;
         return createVNode(resolveComponent("el-button"), {
-          "title": ibiz.env.enableTitle ? this.item.tooltip : void 0,
+          "title": showTitle(this.item.tooltip),
           "size": this.$props.size,
           "class": this.ns.e("button")
         }, _isSlot(_slot6 = this.btnContent(this.item)) ? _slot6 : {

package/es/control/toolbar/short-cut-button/short-cut-button.mjs

@@ -1,6 +1,7 @@
 import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './short-cut-button.css';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 const IBizShortCutButton = /* @__PURE__ */ defineComponent({
@@ -49,10 +50,7 @@ const IBizShortCutButton = /* @__PURE__ */ defineComponent({
     return createVNode("div", {
       "class": [this.ns.b(), this.ns.is("short-cut", this.isShortCut)]
     }, [createVNode(resolveComponent("el-button"), {
-      "title": (
-        // eslint-disable-next-line no-nested-ternary
-        ibiz.env.enableTitle ? this.isShortCut ? "".concat(ibiz.i18n.t("app.cancel")).concat(this.item.tooltip) : this.item.tooltip : void 0
-      ),
+      "title": showTitle(this.isShortCut ? "".concat(ibiz.i18n.t("app.cancel")).concat(this.item.tooltip) : this.item.tooltip),
       "size": this.size,
       "text": Object.is(this.buttonType, "inverse"),
       "type": this.buttonType,