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

package/lib/control/search-bar/search-bar.cjs

@@ -4,6 +4,7 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./search-bar.css');
 var runtime = require('@ibiz-template/runtime');
+var core = require('@ibiz-template/core');
 
 "use strict";
 const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
@@ -139,7 +140,7 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
           }, [groupItem.caption]);
         })])), this.c.model.enableGroup && this.c.isBackendSearchGroup && vue.createVNode(vue.resolveComponent("el-button"), {
           "class": this.ns.b("save"),
-          "title": ibiz.env.enableTitle ? ibiz.i18n.t("control.searchBar.saveGroup") : void 0,
+          "title": core.showTitle(ibiz.i18n.t("control.searchBar.saveGroup")),
           "onClick": this.handleSave
         }, {
           default: () => [vue.createVNode("ion-icon", {
@@ -163,7 +164,7 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
         }), this.c.enableFilter && vue.createVNode(vue.resolveComponent("el-button"), {
           "ref": "filterButtonRef",
           "type": "primary",
-          "title": ibiz.env.enableTitle ? ibiz.i18n.t("control.searchBar.filter") : void 0,
+          "title": core.showTitle(ibiz.i18n.t("control.searchBar.filter")),
           "class": this.ns.b("filter"),
           "onClick": () => this.triggerFilter()
         }, {

package/lib/control/search-bar/search-groups/search-groups.cjs

@@ -242,7 +242,7 @@ const SearchGroups = /* @__PURE__ */ vue.defineComponent({
     }), vue.createVNode(vue.resolveComponent("el-dialog"), {
       "modelValue": this.newDialogVisible,
       "onUpdate:modelValue": ($event) => this.newDialogVisible = $event,
-      "title": ibiz.i18n.t("control.searchBar.searchGroups.newGroup"),
+      "title": core.showTitle(ibiz.i18n.t("control.searchBar.searchGroups.newGroup")),
       "modal-class": this.ns.b("new-dialog")
     }, {
       default: () => {
@@ -283,7 +283,7 @@ const SearchGroups = /* @__PURE__ */ vue.defineComponent({
     }), vue.createVNode(vue.resolveComponent("el-dialog"), {
       "modelValue": this.editDialogVisible,
       "onUpdate:modelValue": ($event) => this.editDialogVisible = $event,
-      "title": ibiz.i18n.t("control.searchBar.searchGroups.editGroup"),
+      "title": core.showTitle(ibiz.i18n.t("control.searchBar.searchGroups.editGroup")),
       "modal-class": this.ns.b("edit-dialog")
     }, {
       default: () => {
@@ -324,7 +324,7 @@ const SearchGroups = /* @__PURE__ */ vue.defineComponent({
     }), vue.createVNode(vue.resolveComponent("el-dialog"), {
       "modelValue": this.manageDialogVisible,
       "onUpdate:modelValue": ($event) => this.manageDialogVisible = $event,
-      "title": ibiz.i18n.t("control.searchBar.searchGroups.groupManage"),
+      "title": core.showTitle(ibiz.i18n.t("control.searchBar.searchGroups.groupManage")),
       "modal-class": this.ns.b("manage-dialog")
     }, {
       default: () => [vue.createVNode("div", {
@@ -385,14 +385,14 @@ const SearchGroups = /* @__PURE__ */ vue.defineComponent({
           }, [vue.createVNode(vue.resolveComponent("el-link"), {
             "type": "primary",
             "disabled": !groupItem.saved || groupItem.noEdit,
-            "title": this.editLinkTitle(groupItem),
+            "title": core.showTitle(this.editLinkTitle(groupItem)),
             "onClick": () => this.editGroup(groupItem)
           }, _isSlot(_slot5 = ibiz.i18n.t("app.edit")) ? _slot5 : {
             default: () => [_slot5]
           }), vue.createVNode(vue.resolveComponent("el-link"), {
             "type": "danger",
             "disabled": !groupItem.saved,
-            "title": !groupItem.saved ? ibiz.i18n.t("control.searchBar.searchGroups.savePrompt") : "",
+            "title": core.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/lib/control/toolbar/export-excel/export-excel.cjs

@@ -3,6 +3,7 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./export-excel.css');
+var core = require('@ibiz-template/core');
 
 "use strict";
 function _isSlot(s) {
@@ -64,7 +65,7 @@ const IBizExportExcel = /* @__PURE__ */ vue.defineComponent({
       title: () => {
         let _slot;
         return vue.createVNode(vue.resolveComponent("el-button"), {
-          "title": ibiz.env.enableTitle ? this.item.tooltip : void 0,
+          "title": core.showTitle(this.item.tooltip),
           "size": this.$props.size,
           "class": this.ns.b("submenu-button")
         }, _isSlot(_slot = this.btnContent(this.item)) ? _slot : {
@@ -139,7 +140,7 @@ const IBizExportExcel = /* @__PURE__ */ vue.defineComponent({
       default: () => {
         let _slot6;
         return vue.createVNode(vue.resolveComponent("el-button"), {
-          "title": ibiz.env.enableTitle ? this.item.tooltip : void 0,
+          "title": core.showTitle(this.item.tooltip),
           "size": this.$props.size,
           "class": this.ns.e("button")
         }, _isSlot(_slot6 = this.btnContent(this.item)) ? _slot6 : {

package/lib/control/toolbar/short-cut-button/short-cut-button.cjs

@@ -3,6 +3,7 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./short-cut-button.css');
+var core = require('@ibiz-template/core');
 
 "use strict";
 const IBizShortCutButton = /* @__PURE__ */ vue.defineComponent({
@@ -51,10 +52,7 @@ const IBizShortCutButton = /* @__PURE__ */ vue.defineComponent({
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.ns.is("short-cut", this.isShortCut)]
     }, [vue.createVNode(vue.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": core.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/lib/control/toolbar/toolbar.cjs

@@ -6,6 +6,7 @@ var runtime = require('@ibiz-template/runtime');
 var exportExcel = require('./export-excel/export-excel.cjs');
 var shortCutButton = require('./short-cut-button/short-cut-button.cjs');
 require('./toolbar.css');
+var core = require('@ibiz-template/core');
 
 "use strict";
 function _isSlot(s) {
@@ -81,7 +82,7 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
           "key": button.id,
           "class": [ns.e("item")]
         }, [vue.createVNode(vue.resolveComponent("el-button"), {
-          "title": ibiz.env.enableTitle ? button.tooltip : void 0,
+          "title": core.showTitle(button.tooltip),
           "size": btnSize.value,
           "onClick": (e) => handleClick(button, e)
         }, _isSlot(_slot = btnContent(button)) ? _slot : {
@@ -111,7 +112,7 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
         "class": [ns.b("submenu"), ns.em("item", groupButtonStyle.toLowerCase()), calcCssName(item)],
         "index": item.id,
         "disabled": pdisabled,
-        "title": item.tooltip,
+        "title": core.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: () => {
@@ -138,7 +139,7 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
             if (item2.itemType === "RAWITEM") {
               return vue.createVNode(vue.resolveComponent("el-menu-item"), {
                 "index": "menuitem".concat(item2.id),
-                "title": item2.tooltip
+                "title": core.showTitle(item2.tooltip)
               }, {
                 default: () => [vue.createVNode(vue.resolveComponent("iBizRawItem"), {
                   "rawItem": item2,
@@ -166,7 +167,7 @@ const ToolbarControl = /* @__PURE__ */ vue.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": core.showTitle(item2.tooltip),
                 "onClick": (e) => handleClick(item2, e)
               }, {
                 default: () => [vue.createVNode(vue.resolveComponent("el-button"), {
@@ -197,7 +198,7 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
       if (c.state.buttonsState[detail.id].visible) {
         let _slot4;
         return [vue.createVNode(vue.resolveComponent("el-button"), {
-          "title": ibiz.env.enableTitle ? detail.caption : void 0,
+          "title": core.showTitle(detail.caption),
           "size": btnSize.value,
           "class": [calcCssName(detail)],
           "loading": c.state.buttonsState[detail.id].loading,
@@ -374,7 +375,7 @@ const ToolbarControl = /* @__PURE__ */ vue.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)]
         }, [vue.createVNode(vue.resolveComponent("el-button"), {
-          "title": ibiz.env.enableTitle ? item.tooltip : void 0,
+          "title": core.showTitle(item.tooltip),
           "size": btnSize.value,
           "text": Object.is(buttonType, "inverse"),
           "type": buttonType,

package/lib/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-field-column/tree-grid-ex-field-column.cjs

@@ -7,6 +7,7 @@ var vue3Util = require('@ibiz-template/vue3-util');
 var runtime = require('@ibiz-template/runtime');
 var ramda = require('ramda');
 require('./tree-grid-ex-field-column.css');
+var core = require('@ibiz-template/core');
 
 "use strict";
 const TreeGridExFieldColumn = /* @__PURE__ */ vue.defineComponent({
@@ -99,12 +100,12 @@ const TreeGridExFieldColumn = /* @__PURE__ */ vue.defineComponent({
         "value": this.fieldValue,
         "onClick": this.onTextClick,
         "onInfoTextChange": this.onInfoTextChange,
-        "title": this.tooltip
+        "title": core.showTitle(this.tooltip)
       }, null);
     } else {
       content = vue.createVNode("span", {
         "class": this.ns.e("text"),
-        "title": this.tooltip,
+        "title": core.showTitle(this.tooltip),
         "onClick": this.onTextClick
       }, [this.showText]);
     }

package/lib/control/wizard-panel/wizard-panel.cjs

@@ -4,6 +4,7 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./wizard-panel.css');
 var runtime = require('@ibiz-template/runtime');
+var core = require('@ibiz-template/core');
 
 "use strict";
 function _isSlot(s) {
@@ -100,7 +101,7 @@ const WizardPanelControl = /* @__PURE__ */ vue.defineComponent({
           "active": active
         }, _isSlot(_slot = dewizardSteps.map((step) => {
           return vue.createVNode(vue.resolveComponent("el-step"), {
-            "title": step.title
+            "title": core.showTitle(step.title)
           }, null);
         })) ? _slot : {
           default: () => [_slot]

package/lib/editor/array/ibiz-array/ibiz-array.cjs

@@ -90,9 +90,11 @@ const IBizArray = /* @__PURE__ */ vue.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) {
@@ -117,6 +119,10 @@ const IBizArray = /* @__PURE__ */ vue.defineComponent({
       items.value[index].value = value;
       onEmit();
     };
+    const handleInput = (value, index) => {
+      items.value[index].value = value;
+      onEmit("input");
+    };
     const onBlur = (e) => {
       emit("blur", e);
     };
@@ -145,6 +151,7 @@ const IBizArray = /* @__PURE__ */ vue.defineComponent({
       addItem,
       removeItem,
       handleChange,
+      handleInput,
       onBlur,
       onFocus,
       handleKeyUp,
@@ -172,7 +179,8 @@ const IBizArray = /* @__PURE__ */ vue.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) : vue.createVNode(vue.resolveComponent("el-tooltip"), {
         "placement": "bottom",
         "trigger": "hover"
@@ -190,6 +198,7 @@ const IBizArray = /* @__PURE__ */ vue.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: () => {

package/lib/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.cjs

@@ -4,6 +4,7 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./ibiz-autocomplete.css');
 var lodashEs = require('lodash-es');
+var core = require('@ibiz-template/core');
 
 "use strict";
 const IBizAutoComplete = /* @__PURE__ */ vue.defineComponent({
@@ -197,7 +198,7 @@ const IBizAutoComplete = /* @__PURE__ */ vue.defineComponent({
         }
         return vue.createVNode("div", {
           "class": [this.ns.e("transfer-item"), this.ns.is("ellipsis", isEllipsis)],
-          "title": isEllipsis ? item[this.c.textName] : ""
+          "title": core.showTitle(isEllipsis ? item[this.c.textName] : "")
         }, [item[this.c.textName]]);
       },
       suffix: () => {

package/lib/editor/data-picker/ibiz-mpicker/ibiz-mpicker.cjs

@@ -4,6 +4,7 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./ibiz-mpicker.css');
 var lodashEs = require('lodash-es');
+var core = require('@ibiz-template/core');
 
 "use strict";
 function _isSlot(s) {
@@ -311,7 +312,7 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
       "remote-show-suffix": this.c.model.showTrigger
     }, this.$attrs), _isSlot(_slot = this.items.map((item) => {
       return vue.createVNode(vue.resolveComponent("el-option"), {
-        "title": isEllipsis ? item[this.c.textName] : "",
+        "title": core.showTitle(isEllipsis ? item[this.c.textName] : ""),
         "key": item[this.c.keyName],
         "value": item[this.c.keyName],
         "label": item[this.c.textName]

package/lib/editor/data-picker/ibiz-picker/ibiz-picker.cjs

@@ -4,6 +4,7 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var ramda = require('ramda');
 require('./ibiz-picker.css');
+var core = require('@ibiz-template/core');
 
 "use strict";
 const IBizPicker = /* @__PURE__ */ vue.defineComponent({
@@ -227,7 +228,7 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
         }
       }, null) : vue.createVNode("div", {
         "class": [this.ns.e("transfer-item"), this.ns.is("ellipsis", isEllipsis)],
-        "title": isEllipsis ? item[this.c.textName] : "",
+        "title": core.showTitle(isEllipsis ? item[this.c.textName] : ""),
         "onClick": () => {
           this.onACSelect(item);
         }

package/lib/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.cjs

@@ -4,6 +4,7 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var ramda = require('ramda');
 require('./ibiz-picker-dropdown.css');
+var core = require('@ibiz-template/core');
 
 "use strict";
 function _isSlot(s) {
@@ -243,7 +244,7 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
       "fit-input-width": isEllipsis
     }, this.$attrs), _isSlot(_slot = this.items.map((item) => {
       return vue.createVNode(vue.resolveComponent("el-option"), {
-        "title": isEllipsis ? item[this.c.textName] : "",
+        "title": core.showTitle(isEllipsis ? item[this.c.textName] : ""),
         "value": item[this.c.keyName],
         "key": item[this.c.keyName],
         "label": item[this.c.textName]

package/lib/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.cjs

@@ -2,6 +2,7 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
+var core = require('@ibiz-template/core');
 require('./ibiz-dropdown.css');
 
 "use strict";
@@ -291,7 +292,7 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
         const data = node.data || {};
         const label = data.label || "";
         return vue.createVNode("span", {
-          "title": isEllipsis ? label : ""
+          "title": core.showTitle(isEllipsis ? label : "")
         }, [label]);
       }
     }) : vue.createVNode(vue.resolveComponent("el-select"), vue.mergeProps({
@@ -326,7 +327,7 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
               "select-option-item-bkcolor": "".concat(item.bkcolor)
             }) : "",
             "class": [item.cls ? item.cls : null],
-            "title": isEllipsis ? item.text : ""
+            "title": core.showTitle(isEllipsis ? item.text : "")
           }, {
             default: () => {
               return vue.createVNode("div", {
@@ -372,7 +373,9 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
         }) : ""
       }, [(codeListItem == null ? void 0 : codeListItem.sysImage) && vue.createVNode(vue.resolveComponent("iBizIcon"), {
         "icon": codeListItem == null ? void 0 : codeListItem.sysImage
-      }, null), text]);
+      }, null), vue.createVNode("span", {
+        "class": this.ns.be("readonly-text-item", "label")
+      }, [text])]);
     });
     const formDefaultContent = vue.createVNode("div", {
       "class": [this.ns.b("form-default-content"), this.ns.is("multiple", this.c.multiple)]
@@ -384,7 +387,9 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
           "select-option-item-color": "".concat(codeListItem.color || ""),
           "select-option-item-bkcolor": "".concat((this.c.editorParams.type === "round" ? codeListItem.bkcolor : "") || "")
         }) : ""
-      }, [text]);
+      }, [vue.createVNode("span", {
+        "class": this.ns.be("content-item", "label")
+      }, [text])]);
     }) : "-"]);
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent), this.c.editorParams.type === "round" && this.ns.m("round")],

package/lib/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.cjs

@@ -77,20 +77,25 @@ const IBizNumberRangePicker = /* @__PURE__ */ vue.defineComponent({
         }, 100);
       }
     };
-    const handleChange = (value, index) => {
+    const onEmit = (eventName, value, valueName) => {
+      if (eventName === c.triggerMode) {
+        emit("change", value, valueName);
+      }
+    };
+    const handleChange = (value, index, eventName = "blur") => {
       if (index === 0) {
         minValue.value = value;
       } else if (index === 1) {
         maxValue.value = value;
       }
       if (minValue.value !== null && maxValue.value !== null) {
-        emit("change", [minValue.value, maxValue.value].join(valueSeparator));
+        onEmit(eventName, [minValue.value, maxValue.value].join(valueSeparator));
         setEditable(false);
         useInValueChange();
       }
       if (refFormItem.value) {
         const valueName = refFormItem.value[index];
-        emit("change", value, valueName);
+        onEmit(eventName, value, valueName);
         useInValueChange();
       }
     };
@@ -156,6 +161,7 @@ const IBizNumberRangePicker = /* @__PURE__ */ vue.defineComponent({
       "placeholder": this.startPlaceHolder,
       "controls": false,
       "onChange": (val) => this.handleChange(val, 0),
+      "onInput": (val) => this.handleChange(val, 0, "input"),
       "onKeyup": this.handleKeyUp,
       "onFocus": this.onFocus,
       "onBlur": this.onBlur
@@ -171,6 +177,7 @@ const IBizNumberRangePicker = /* @__PURE__ */ vue.defineComponent({
       "placeholder": this.endPlaceHolder,
       "controls": false,
       "onChange": (val) => this.handleChange(val, 1),
+      "onInput": (val) => this.handleChange(val, 1, "input"),
       "onKeyup": this.handleKeyUp,
       "onFocus": this.onFocus,
       "onBlur": this.onBlur

package/lib/editor/text-box/ibiz-input-number/ibiz-input-number.cjs

@@ -83,8 +83,10 @@ const IBizInputNumber = /* @__PURE__ */ vue.defineComponent({
         }, 100);
       }
     };
-    const handleChange = (e) => {
-      emit("change", e);
+    const handleChange = (e, eventName = "blur") => {
+      if (eventName === c.triggerMode) {
+        emit("change", e);
+      }
     };
     vue.watch(editorRef, (newVal) => {
       if (props.autoFocus && newVal) {
@@ -166,6 +168,7 @@ const IBizInputNumber = /* @__PURE__ */ vue.defineComponent({
         "disabled": this.disabled,
         "controls": false,
         "onChange": this.handleChange,
+        "onInput": (value) => this.handleChange(value, "input"),
         "onFocus": this.onFocus,
         "onBlur": this.onBlur,
         "onKeyup": this.handleKeyUp

package/lib/editor/text-box/input/input.cjs

@@ -75,6 +75,11 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
       }
       return "";
     });
+    const onEmit = (val, eventName = "blur") => {
+      if (eventName === c.triggerMode) {
+        emit("change", val);
+      }
+    };
     const setEditable = (flag) => {
       if (flag) {
         isEditable.value = flag;
@@ -87,7 +92,13 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
     let blurCacheValue;
     const handleChange = (val) => {
       if (blurCacheValue !== val) {
-        emit("change", val);
+        onEmit(val);
+      }
+      blurCacheValue = void 0;
+    };
+    const handleInput = (val) => {
+      if (blurCacheValue !== val) {
+        onEmit(val, "input");
       }
       blurCacheValue = void 0;
     };
@@ -100,7 +111,7 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
     const onBlur = (event) => {
       blurCacheValue = event.target.value;
       if (blurCacheValue != props.value) {
-        emit("change", blurCacheValue);
+        onEmit(blurCacheValue);
       }
       emit("blur", event);
       setEditable(false);
@@ -239,6 +250,7 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
       currentVal,
       readonlyText,
       handleChange,
+      handleInput,
       handleKeyUp,
       onBlur,
       onFocus,
@@ -306,6 +318,7 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
         "minlength": this.c.model.minLength,
         "show-word-limit": this.showLimit && this.c.model.showMaxLength,
         "onChange": this.handleChange,
+        "onInput": this.handleInput,
         "onKeyup": this.handleKeyUp,
         "onBlur": this.onBlur,
         "onFocus": this.onFocus,

package/lib/editor/user/ibiz-searchcond-edit/ibiz-searchcond-edit.cjs

@@ -5,6 +5,7 @@ var vue3Util = require('@ibiz-template/vue3-util');
 require('./ibiz-searchcond-edit.css');
 var qxUtil = require('qx-util');
 var runtime = require('@ibiz-template/runtime');
+var core = require('@ibiz-template/core');
 
 "use strict";
 const IBizSearchCondEdit = /* @__PURE__ */ vue.defineComponent({
@@ -167,7 +168,7 @@ const IBizSearchCondEdit = /* @__PURE__ */ vue.defineComponent({
       }, this.$attrs), null), vue.createVNode(vue.resolveComponent("el-button"), {
         "ref": "filterButtonRef",
         "type": "primary",
-        "title": ibiz.env.enableTitle ? ibiz.i18n.t("app.edit") : void 0,
+        "title": core.showTitle(ibiz.i18n.t("app.edit")),
         "class": this.ns.b("filter"),
         "onClick": () => this.triggerFilter()
       }, {

package/lib/index.cjs

@@ -126,6 +126,7 @@ var usePagination = require('./util/pagination/use-pagination.cjs');
 var noticeUtil = require('./util/notice-util/notice-util.cjs');
 var renderUtil = require('./util/render-util/render-util.cjs');
 var appUtil = require('./util/app-util/app-util.cjs');
+var wangEditorUtil = require('./util/wang-editor-util/wang-editor-util.cjs');
 var authGuard = require('./web-app/guard/auth-guard/auth-guard.cjs');
 var main = require('./web-app/main.cjs');
 var index$18 = require('./web-app/router/index.cjs');
@@ -258,6 +259,7 @@ exports.usePagination = usePagination.usePagination;
 exports.NoticeUtil = noticeUtil.NoticeUtil;
 exports.RenderUtil = renderUtil.RenderUtil;
 exports.AppUtil = appUtil.AppUtil;
+exports.parseHtml = wangEditorUtil.parseHtml;
 exports.AuthGuard = authGuard.AuthGuard;
 exports.runApp = main.runApp;
 exports.AppRouter = index$18.AppRouter;

package/lib/panel-component/auth-captcha/auth-captcha.cjs

@@ -4,6 +4,7 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var authCaptcha_controller = require('./auth-captcha.controller.cjs');
 require('./auth-captcha.css');
+var core = require('@ibiz-template/core');
 
 "use strict";
 const AuthCaptcha = /* @__PURE__ */ vue.defineComponent({
@@ -57,7 +58,7 @@ const AuthCaptcha = /* @__PURE__ */ vue.defineComponent({
       "src": this.c.state.image,
       "class": this.ns.e("image"),
       "onClick": this.onClick,
-      "title": "\u70B9\u51FB\u56FE\u7247\u5237\u65B0"
+      "title": core.showTitle("\u70B9\u51FB\u56FE\u7247\u5237\u65B0")
     }, {
       error: () => {
         return vue.createVNode("div", {

package/lib/panel-component/panel-button/panel-button.cjs

@@ -6,6 +6,7 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var panelButton_controller = require('./panel-button.controller.cjs');
 require('./panel-button.css');
+var core = require('@ibiz-template/core');
 
 "use strict";
 const PanelButton = /* @__PURE__ */ vue.defineComponent({
@@ -105,7 +106,7 @@ const PanelButton = /* @__PURE__ */ vue.defineComponent({
       }, [vue.createVNode(vue.resolveComponent("el-button"), {
         "type": this.buttonType,
         "text": this.isText,
-        "title": ibiz.env.enableTitle ? this.tooltip : void 0,
+        "title": core.showTitle(this.tooltip),
         "disabled": this.state.disabled,
         "loading": this.state.loading,
         "onClick": this.handleButtonClick

package/lib/panel-component/short-cut/short-cut.cjs

@@ -103,7 +103,7 @@ const ShortCut = /* @__PURE__ */ vue.defineComponent({
           if (isVertical && !isShowToolbar.value || isVertical && isShowToolbar.value && index > 5 || !isVertical && index < 6) {
             return vue.createVNode("div", {
               "class": [ns.e("item"), ns.e("draggable-item")],
-              "title": element.caption,
+              "title": core.showTitle(element.caption),
               "onClick": () => onClick(element)
             }, [vue.createVNode("svg", {
               "viewBox": "0 0 16 16",

package/lib/panel-component/user-action/user-action.cjs

@@ -4,6 +4,7 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var runtime = require('@ibiz-template/runtime');
 require('./user-action.css');
+var core = require('@ibiz-template/core');
 
 "use strict";
 const UserAction = /* @__PURE__ */ vue.defineComponent({
@@ -76,7 +77,7 @@ const UserAction = /* @__PURE__ */ vue.defineComponent({
   render() {
     return vue.createVNode("div", {
       "class": this.ns.b(),
-      "title": this.modelData.caption
+      "title": core.showTitle(this.modelData.caption)
     }, [vue.createVNode(vue.resolveComponent("i-biz-icon"), {
       "class": [this.ns.e("image")],
       "icon": this.sysImage,

package/lib/panel-component/user-message/async-action/async-action/async-action.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 var vue = require('vue');
+var core = require('@ibiz-template/core');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./async-action.css');
 var lodashEs = require('lodash-es');
@@ -93,7 +94,7 @@ const AsyncAction = /* @__PURE__ */ vue.defineComponent({
     }, [vue.createVNode("div", {
       "class": this.ns.e("caption")
     }, [asyncacitonname]), this.showErrorInfo && vue.createVNode("div", {
-      "title": this.action.actionresult,
+      "title": core.showTitle(this.action.actionresult),
       "class": this.ns.e("error-info")
     }, [this.action.actionresult]), this.actionstate === 20 ? vue.createVNode("div", {
       "class": this.ns.e("progress")

package/lib/panel-component/user-message/internal-message/common/internal-message-container/internal-message-container.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 var vue = require('vue');
+var core = require('@ibiz-template/core');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./internal-message-container.css');
 
@@ -92,7 +93,7 @@ const InternalMessageContainer = /* @__PURE__ */ vue.defineComponent({
           imagePath: "svg/read.svg"
         },
         "baseDir": "iconfont",
-        "title": item.tooltip,
+        "title": core.showTitle(item.tooltip),
         "onClick": (e) => this.onToolbarClick(e, item.key)
       }, null);
     })]), vue.createVNode("div", {