@ibiz-template/vue3-components 0.7.28-alpha.0 → 0.7.28

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.css

@@ -1 +1 @@
-.ibiz-form-item-container{--ibiz-form-item-container-label-width:130px;--ibiz-form-item-container-line-height:var(--ibiz-height-control-default);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-label-left-padding:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight) calc(var(--ibiz-spacing-base-tight) / 2) 0;--ibiz-form-item-container-label-right-padding:calc(var(--ibiz-spacing-base-tight) / 2) 0 calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight);--ibiz-form-item-container-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-container-label-color:var(--ibiz-color-text-1);--ibiz-form-item-container-error-font-size:var(--ibiz-font-size-small);--ibiz-form-item-container-error-color:var(--ibiz-color-danger);width:100%;height:100%;padding:var(--ibiz-form-item-container-padding)}.ibiz-form-item-container__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:var(--ibiz-form-item-container-font-size);color:var(--ibiz-form-item-container-label-color)}.ibiz-form-item-container__label--tooltip{--ibiz-form-item-container-label-width:130px;--ibiz-form-item-container-line-height:var(--ibiz-height-control-default);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-label-left-padding:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight) calc(var(--ibiz-spacing-base-tight) / 2) 0;--ibiz-form-item-container-label-right-padding:calc(var(--ibiz-spacing-base-tight) / 2) 0 calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight);--ibiz-form-item-container-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-container-label-color:var(--ibiz-color-text-1);--ibiz-form-item-container-error-font-size:var(--ibiz-font-size-small);--ibiz-form-item-container-error-color:var(--ibiz-color-danger);max-width:150px;font-size:var(--ibiz-form-item-container-font-size);line-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container__label--tooltip:has(ion-icon){padding-right:var(--ibiz-spacing-base-tight)}.ibiz-form-item-container__label--tooltip a{padding:0 var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-link)}.ibiz-form-item-container__label--tooltip ion-icon{position:absolute;top:var(--ibiz-spacing-base-tight);right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-width-icon-large)}.ibiz-form-item-container--left,.ibiz-form-item-container--right{display:flex;min-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--left .ibiz-form-item-container__label,.ibiz-form-item-container--right .ibiz-form-item-container__label{width:var(--ibiz-form-item-container-label-width)}.ibiz-form-item-container--bottom,.ibiz-form-item-container--top{display:flex;flex-flow:column nowrap}.ibiz-form-item-container--top .ibiz-form-item-container__label{margin-bottom:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--bottom .ibiz-form-item-container__label{margin-top:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--left .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-left-padding);text-align:right}.ibiz-form-item-container--right .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-right-padding);text-align:left}.ibiz-form-item-container.is-required .ibiz-form-item-container__label::before{display:inline-block;margin-right:4px;font-family:SimSun;line-height:1;color:var(--ibiz-form-item-container-require-mark-color);content:"*"}.ibiz-form-item-container__content{display:flex;flex-flow:column nowrap;position:relative;flex-grow:1}.ibiz-form-item-container__content--label-left,.ibiz-form-item-container__content--label-none,.ibiz-form-item-container__content--label-right{height:100%}.ibiz-form-item-container__editor{position:relative;flex-grow:1;height:100%}.ibiz-form-item-container__error{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;top:100%;width:100%;font-size:var(--ibiz-form-item-container-error-font-size);line-height:calc(var(--ibiz-form-item-container-error-font-size) + 2px);color:var(--ibiz-form-item-container-error-color);word-wrap:break-word}.ibiz-form-item-container.is-error .el-input__wrapper{box-shadow:0 0 0 1px var(--ibiz-form-item-container-error-color) inset}
+.ibiz-form-item-container{--ibiz-form-item-container-label-width:130px;--ibiz-form-item-container-line-height:var(--ibiz-height-control-default);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-label-left-padding:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight) calc(var(--ibiz-spacing-base-tight) / 2) 0;--ibiz-form-item-container-label-right-padding:calc(var(--ibiz-spacing-base-tight) / 2) 0 calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight);--ibiz-form-item-container-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-container-label-color:var(--ibiz-color-text-1);--ibiz-form-item-container-error-font-size:var(--ibiz-font-size-small);--ibiz-form-item-container-error-color:var(--ibiz-color-danger);width:100%;height:100%;padding:var(--ibiz-form-item-container-padding)}.ibiz-form-item-container__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:var(--ibiz-form-item-container-font-size);color:var(--ibiz-form-item-container-label-color)}.ibiz-form-item-container__label--tooltip{max-width:150px}.ibiz-form-item-container__label--tooltip:has(ion-icon){padding-right:var(--ibiz-spacing-base-tight)}.ibiz-form-item-container__label--tooltip a{padding:0 var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-link)}.ibiz-form-item-container__label--tooltip ion-icon{position:absolute;font-size:var(--ibiz-width-icon-large)}.ibiz-form-item-container__popper .el-popper__arrow{display:inherit}.ibiz-form-item-container--left,.ibiz-form-item-container--right{display:flex;min-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--left .ibiz-form-item-container__label,.ibiz-form-item-container--right .ibiz-form-item-container__label{width:var(--ibiz-form-item-container-label-width)}.ibiz-form-item-container--bottom,.ibiz-form-item-container--top{display:flex;flex-flow:column nowrap}.ibiz-form-item-container--top .ibiz-form-item-container__label{margin-bottom:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--bottom .ibiz-form-item-container__label{margin-top:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--left .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-left-padding);text-align:right}.ibiz-form-item-container--right .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-right-padding);text-align:left}.ibiz-form-item-container.is-required .ibiz-form-item-container__label::before{display:inline-block;margin-right:4px;font-family:SimSun;line-height:1;color:var(--ibiz-form-item-container-require-mark-color);content:"*"}.ibiz-form-item-container__content{display:flex;flex-flow:column nowrap;position:relative;flex-grow:1}.ibiz-form-item-container__content--label-left,.ibiz-form-item-container__content--label-none,.ibiz-form-item-container__content--label-right{height:100%}.ibiz-form-item-container__editor{position:relative;flex-grow:1;height:100%}.ibiz-form-item-container__error{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;top:100%;width:100%;font-size:var(--ibiz-form-item-container-error-font-size);line-height:calc(var(--ibiz-form-item-container-error-font-size) + 2px);color:var(--ibiz-form-item-container-error-color);word-wrap:break-word}.ibiz-form-item-container.is-error .el-input__wrapper{box-shadow:0 0 0 1px var(--ibiz-form-item-container-error-color) inset}

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({
@@ -60,6 +61,8 @@ const IBizFormItemContainer = /* @__PURE__ */ defineComponent({
       const classList = [ns.e("label"), ...props.labelClass || []];
       if (props.enableInputTip) {
         return createVNode(resolveComponent("el-tooltip"), {
+          "popper-class": ns.e("popper"),
+          "placement": props.labelPos.toLowerCase(),
           "ref": "tooltip"
         }, {
           default: () => {
@@ -82,7 +85,7 @@ const IBizFormItemContainer = /* @__PURE__ */ defineComponent({
       }
       return createVNode("div", {
         "class": classList,
-        "title": props.label
+        "title": showTitle(props.label)
       }, [props.label]);
     };
     return {
@@ -99,7 +102,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.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-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-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.d.ts

@@ -1,5 +1,5 @@
 import { IControlProvider, ReportPanelController } from '@ibiz-template/runtime';
-import { PropType, Ref, VNode } from 'vue';
+import { PropType, VNode } from 'vue';
 import { IDEReportPanel } from '@ibiz/model-core';
 import './report-panel.scss';
 export declare const ReportPanelControl: import("vue").DefineComponent<{
@@ -25,7 +25,6 @@ export declare const ReportPanelControl: import("vue").DefineComponent<{
 }, {
     c: ReportPanelController;
     ns: import("@ibiz-template/core").Namespace;
-    isInit: Ref<boolean>;
     renderContent: () => VNode | false;
 }, 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/report-panel/report-panel.mjs

@@ -1,6 +1,6 @@
-import { isVNode, ref, onMounted, createVNode, resolveComponent, defineComponent } from 'vue';
+import { isVNode, createVNode, resolveComponent, defineComponent } from 'vue';
 import { ReportPanelController } from '@ibiz-template/runtime';
-import { useControlController, useNamespace, AppHooks } from '@ibiz-template/vue3-util';
+import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './report-panel.css';
 
 "use strict";
@@ -33,23 +33,6 @@ const ReportPanelControl = /* @__PURE__ */ defineComponent({
   setup() {
     const c = useControlController((...args) => new ReportPanelController(...args));
     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;
-        AppHooks.useComponent.callSync(null, biReport);
-        AppHooks.createApp.tap((_, app) => {
-          app.use(biReport);
-        });
-        window.BI_REGISTER_STATE = true;
-        isInit.value = true;
-      });
-    });
     const renderContent = () => {
       const {
         reportType
@@ -80,13 +63,12 @@ const ReportPanelControl = /* @__PURE__ */ defineComponent({
     return {
       c,
       ns,
-      isInit,
       renderContent
     };
   },
   render() {
     let _slot;
-    if (!this.c.state.isCreated || !this.isInit) {
+    if (!this.c.state.isCreated) {
       return;
     }
     return createVNode(resolveComponent("iBizControlBase"), {

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,

package/es/control/toolbar/toolbar.mjs

@@ -4,6 +4,7 @@ import { ToolbarController } from '@ibiz-template/runtime';
 import { IBizExportExcel } from './export-excel/export-excel.mjs';
 import { IBizShortCutButton } from './short-cut-button/short-cut-button.mjs';
 import './toolbar.css';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 function _isSlot(s) {
@@ -79,7 +80,7 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
           "key": button.id,
           "class": [ns.e("item")]
         }, [createVNode(resolveComponent("el-button"), {
-          "title": ibiz.env.enableTitle ? button.tooltip : void 0,
+          "title": showTitle(button.tooltip),
           "size": btnSize.value,
           "onClick": (e) => handleClick(button, e)
         }, _isSlot(_slot = btnContent(button)) ? _slot : {
@@ -109,7 +110,7 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
         "class": [ns.b("submenu"), ns.em("item", groupButtonStyle.toLowerCase()), calcCssName(item)],
         "index": item.id,
         "disabled": pdisabled,
-        "title": item.tooltip,
+        "title": showTitle(item.tooltip),
         "popper-class": [ns.b("submenu-popper"), ns.bm("submenu-popper", toolbarStyle), ns.em("submenu-popper", groupButtonStyle.toLowerCase()), ns.bm("submenu-popper", calcCssName(item))]
       }, {
         default: () => {
@@ -136,7 +137,7 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
             if (item2.itemType === "RAWITEM") {
               return createVNode(resolveComponent("el-menu-item"), {
                 "index": "menuitem".concat(item2.id),
-                "title": item2.tooltip
+                "title": showTitle(item2.tooltip)
               }, {
                 default: () => [createVNode(resolveComponent("iBizRawItem"), {
                   "rawItem": item2,
@@ -164,7 +165,7 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
                 "class": [ns.is("loading", c.state.buttonsState[item2.id].loading), ns.em("item", buttonType), calcCssName(item2)],
                 "index": "menuitem".concat(item2.id),
                 "disabled": c.state.buttonsState[item2.id].disabled,
-                "title": item2.tooltip,
+                "title": showTitle(item2.tooltip),
                 "onClick": (e) => handleClick(item2, e)
               }, {
                 default: () => [createVNode(resolveComponent("el-button"), {
@@ -195,7 +196,7 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
       if (c.state.buttonsState[detail.id].visible) {
         let _slot4;
         return [createVNode(resolveComponent("el-button"), {
-          "title": ibiz.env.enableTitle ? detail.caption : void 0,
+          "title": showTitle(detail.caption),
           "size": btnSize.value,
           "class": [calcCssName(detail)],
           "loading": c.state.buttonsState[detail.id].loading,
@@ -372,7 +373,7 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
           "key": itemId,
           "class": [ns.e("item"), ns.e("item-deuiaction"), ns.em("item", buttonType), calcCssName(item), ns.is("loading", c.state.buttonsState[itemId].loading)]
         }, [createVNode(resolveComponent("el-button"), {
-          "title": ibiz.env.enableTitle ? item.tooltip : void 0,
+          "title": showTitle(item.tooltip),
           "size": btnSize.value,
           "text": Object.is(buttonType, "inverse"),
           "type": buttonType,

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

@@ -3,6 +3,7 @@ import { useNamespace } from '@ibiz-template/vue3-util';
 import { TreeGridExFieldColumnController, TreeGridExRowState } from '@ibiz-template/runtime';
 import { isNotNil } from 'ramda';
 import './tree-grid-ex-field-column.css';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 const TreeGridExFieldColumn = /* @__PURE__ */ defineComponent({
@@ -95,12 +96,12 @@ const TreeGridExFieldColumn = /* @__PURE__ */ defineComponent({
         "value": this.fieldValue,
         "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.showText]);
     }

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

@@ -2,6 +2,7 @@ import { isVNode, resolveComponent, h, createVNode, defineComponent } from 'vue'
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './wizard-panel.css';
 import { WizardPanelController } from '@ibiz-template/runtime';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 function _isSlot(s) {
@@ -98,7 +99,7 @@ const WizardPanelControl = /* @__PURE__ */ defineComponent({
           "active": active
         }, _isSlot(_slot = dewizardSteps.map((step) => {
           return createVNode(resolveComponent("el-step"), {
-            "title": step.title
+            "title": showTitle(step.title)
           }, null);
         })) ? _slot : {
           default: () => [_slot]

package/es/editor/array/ibiz-array/ibiz-array.d.ts

@@ -66,6 +66,7 @@ export declare const IBizArray: import("vue").DefineComponent<{
     addItem: (index?: number) => void;
     removeItem: (index: number) => void;
     handleChange: (value: string | number, index: number) => void;
+    handleInput: (value: string | number, index: number) => void;
     onBlur: (e: IData) => void;
     onFocus: (e: IData) => void;
     handleKeyUp: (e: KeyboardEvent) => void;

package/es/editor/array/ibiz-array/ibiz-array.mjs

@@ -88,9 +88,11 @@ const IBizArray = /* @__PURE__ */ defineComponent({
       }
       return tempValue;
     };
-    const onEmit = () => {
+    const onEmit = (eventName = "blur") => {
       const result = items.value.map((item) => item.value);
-      emit("change", result);
+      if (eventName === c.triggerMode) {
+        emit("change", result);
+      }
     };
     const addItem = (index) => {
       if (props.disabled || props.readonly) {
@@ -115,6 +117,10 @@ const IBizArray = /* @__PURE__ */ defineComponent({
       items.value[index].value = value;
       onEmit();
     };
+    const handleInput = (value, index) => {
+      items.value[index].value = value;
+      onEmit("input");
+    };
     const onBlur = (e) => {
       emit("blur", e);
     };
@@ -143,6 +149,7 @@ const IBizArray = /* @__PURE__ */ defineComponent({
       addItem,
       removeItem,
       handleChange,
+      handleInput,
       onBlur,
       onFocus,
       handleKeyUp,
@@ -170,7 +177,8 @@ const IBizArray = /* @__PURE__ */ defineComponent({
         "onBlur": this.onBlur,
         "onFocus": this.onFocus,
         "onKeyup": this.handleKeyUp,
-        "onChange": (val) => this.handleChange(val, index)
+        "onChange": (val) => this.handleChange(val, index),
+        "onInput": (val) => this.handleInput(val, index)
       }, this.$attrs), null) : createVNode(resolveComponent("el-tooltip"), {
         "placement": "bottom",
         "trigger": "hover"
@@ -188,6 +196,7 @@ const IBizArray = /* @__PURE__ */ defineComponent({
             "onBlur": this.onBlur,
             "onFocus": this.onFocus,
             "onChange": (val) => this.handleChange(val, index),
+            "onInput": (val) => this.handleInput(val, index),
             "onKeyup": this.handleKeyUp
           }, this.$attrs), {
             prefix: () => {