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

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

@@ -2,6 +2,7 @@ import { ref, computed, watch, resolveComponent, mergeProps, h, createVNode, def
 import { getAutoCompleteProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-autocomplete.css';
 import { debounce } from 'lodash-es';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 const IBizAutoComplete = /* @__PURE__ */ defineComponent({
@@ -195,7 +196,7 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
         }
         return createVNode("div", {
           "class": [this.ns.e("transfer-item"), this.ns.is("ellipsis", isEllipsis)],
-          "title": isEllipsis ? item[this.c.textName] : ""
+          "title": showTitle(isEllipsis ? item[this.c.textName] : "")
         }, [item[this.c.textName]]);
       },
       suffix: () => {

package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.mjs

@@ -2,6 +2,7 @@ import { isVNode, ref, computed, watch, onMounted, resolveComponent, mergeProps,
 import { getDataPickerProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-mpicker.css';
 import { clone } from 'lodash-es';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 function _isSlot(s) {
@@ -309,7 +310,7 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
       "remote-show-suffix": this.c.model.showTrigger
     }, this.$attrs), _isSlot(_slot = this.items.map((item) => {
       return createVNode(resolveComponent("el-option"), {
-        "title": isEllipsis ? item[this.c.textName] : "",
+        "title": showTitle(isEllipsis ? item[this.c.textName] : ""),
         "key": item[this.c.keyName],
         "value": item[this.c.keyName],
         "label": item[this.c.textName]

package/es/editor/data-picker/ibiz-picker/ibiz-picker.mjs

@@ -2,6 +2,7 @@ import { ref, computed, watch, onMounted, resolveComponent, h, createVNode, merg
 import { getDataPickerProps, getEditorEmits, useNamespace, renderString } from '@ibiz-template/vue3-util';
 import { isEmpty, isNil } from 'ramda';
 import './ibiz-picker.css';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 const IBizPicker = /* @__PURE__ */ defineComponent({
@@ -225,7 +226,7 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
         }
       }, null) : createVNode("div", {
         "class": [this.ns.e("transfer-item"), this.ns.is("ellipsis", isEllipsis)],
-        "title": isEllipsis ? item[this.c.textName] : "",
+        "title": showTitle(isEllipsis ? item[this.c.textName] : ""),
         "onClick": () => {
           this.onACSelect(item);
         }

package/es/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.mjs

@@ -2,6 +2,7 @@ import { isVNode, ref, computed, watch, onMounted, resolveComponent, mergeProps,
 import { getDataPickerProps, getEditorEmits, useNamespace, renderString } from '@ibiz-template/vue3-util';
 import { isNil, clone } from 'ramda';
 import './ibiz-picker-dropdown.css';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 function _isSlot(s) {
@@ -241,7 +242,7 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
       "fit-input-width": isEllipsis
     }, this.$attrs), _isSlot(_slot = this.items.map((item) => {
       return createVNode(resolveComponent("el-option"), {
-        "title": isEllipsis ? item[this.c.textName] : "",
+        "title": showTitle(isEllipsis ? item[this.c.textName] : ""),
         "value": item[this.c.keyName],
         "key": item[this.c.keyName],
         "label": item[this.c.textName]

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs

@@ -1,5 +1,6 @@
 import { ref, computed, watch, nextTick, onMounted, onUnmounted, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getDropdownProps, getEditorEmits, useNamespace, useCodeListListen, useClickOutside } from '@ibiz-template/vue3-util';
+import { showTitle } from '@ibiz-template/core';
 import './ibiz-dropdown.css';
 
 "use strict";
@@ -289,7 +290,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
         const data = node.data || {};
         const label = data.label || "";
         return createVNode("span", {
-          "title": isEllipsis ? label : ""
+          "title": showTitle(isEllipsis ? label : "")
         }, [label]);
       }
     }) : createVNode(resolveComponent("el-select"), mergeProps({
@@ -324,7 +325,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
               "select-option-item-bkcolor": "".concat(item.bkcolor)
             }) : "",
             "class": [item.cls ? item.cls : null],
-            "title": isEllipsis ? item.text : ""
+            "title": showTitle(isEllipsis ? item.text : "")
           }, {
             default: () => {
               return createVNode("div", {
@@ -370,7 +371,9 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
         }) : ""
       }, [(codeListItem == null ? void 0 : codeListItem.sysImage) && createVNode(resolveComponent("iBizIcon"), {
         "icon": codeListItem == null ? void 0 : codeListItem.sysImage
-      }, null), text]);
+      }, null), createVNode("span", {
+        "class": this.ns.be("readonly-text-item", "label")
+      }, [text])]);
     });
     const formDefaultContent = createVNode("div", {
       "class": [this.ns.b("form-default-content"), this.ns.is("multiple", this.c.multiple)]
@@ -382,7 +385,9 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
           "select-option-item-color": "".concat(codeListItem.color || ""),
           "select-option-item-bkcolor": "".concat((this.c.editorParams.type === "round" ? codeListItem.bkcolor : "") || "")
         }) : ""
-      }, [text]);
+      }, [createVNode("span", {
+        "class": this.ns.be("content-item", "label")
+      }, [text])]);
     }) : "-"]);
     return 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/es/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.d.ts

@@ -29,7 +29,7 @@ export declare const IBizNumberRangePicker: import("vue").DefineComponent<{
     refFormItem: Ref<string[]>;
     minValue: Ref<number | null>;
     maxValue: Ref<number | null>;
-    handleChange: (value: number, index: number) => void;
+    handleChange: (value: number, index: number, eventName?: string) => void;
     max: number;
     min: number;
     precision: number;

package/es/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.mjs

@@ -75,20 +75,25 @@ const IBizNumberRangePicker = /* @__PURE__ */ 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();
       }
     };
@@ -154,6 +159,7 @@ const IBizNumberRangePicker = /* @__PURE__ */ 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
@@ -169,6 +175,7 @@ const IBizNumberRangePicker = /* @__PURE__ */ 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/es/editor/text-box/ibiz-input-number/ibiz-input-number.d.ts

@@ -26,7 +26,7 @@ export declare const IBizInputNumber: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     c: TextBoxEditorController;
     currentVal: import("vue").Ref<string | number | null>;
-    handleChange: (e: number | null) => void;
+    handleChange: (e: number | null, eventName?: string) => void;
     onFocus: (e: IData) => void;
     onBlur: (e: IData) => void;
     editorRef: import("vue").Ref<any>;

package/es/editor/text-box/ibiz-input-number/ibiz-input-number.mjs

@@ -81,8 +81,10 @@ const IBizInputNumber = /* @__PURE__ */ defineComponent({
         }, 100);
       }
     };
-    const handleChange = (e) => {
-      emit("change", e);
+    const handleChange = (e, eventName = "blur") => {
+      if (eventName === c.triggerMode) {
+        emit("change", e);
+      }
     };
     watch(editorRef, (newVal) => {
       if (props.autoFocus && newVal) {
@@ -164,6 +166,7 @@ const IBizInputNumber = /* @__PURE__ */ 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/es/editor/text-box/input/input.d.ts

@@ -65,6 +65,7 @@ export declare const IBizInput: import("vue").DefineComponent<{
     currentVal: import("vue").Ref<string>;
     readonlyText: import("vue").ComputedRef<string>;
     handleChange: (val: string | number) => void;
+    handleInput: (val: string | number) => void;
     handleKeyUp: (e: KeyboardEvent) => void;
     onBlur: (event: IData) => void;
     onFocus: (e: IData) => void;

package/es/editor/text-box/input/input.mjs

@@ -73,6 +73,11 @@ const IBizInput = /* @__PURE__ */ defineComponent({
       }
       return "";
     });
+    const onEmit = (val, eventName = "blur") => {
+      if (eventName === c.triggerMode) {
+        emit("change", val);
+      }
+    };
     const setEditable = (flag) => {
       if (flag) {
         isEditable.value = flag;
@@ -85,7 +90,13 @@ const IBizInput = /* @__PURE__ */ 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;
     };
@@ -98,7 +109,7 @@ const IBizInput = /* @__PURE__ */ defineComponent({
     const onBlur = (event) => {
       blurCacheValue = event.target.value;
       if (blurCacheValue != props.value) {
-        emit("change", blurCacheValue);
+        onEmit(blurCacheValue);
       }
       emit("blur", event);
       setEditable(false);
@@ -237,6 +248,7 @@ const IBizInput = /* @__PURE__ */ defineComponent({
       currentVal,
       readonlyText,
       handleChange,
+      handleInput,
       handleKeyUp,
       onBlur,
       onFocus,
@@ -304,6 +316,7 @@ const IBizInput = /* @__PURE__ */ 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/es/editor/user/ibiz-searchcond-edit/ibiz-searchcond-edit.mjs

@@ -3,6 +3,7 @@ import { getInputProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3
 import './ibiz-searchcond-edit.css';
 import { isNilOrEmpty } from 'qx-util';
 import { getOriginFilterNodes, SearchCondEx2filterNode, calcSearchCondExs } from '@ibiz-template/runtime';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 const IBizSearchCondEdit = /* @__PURE__ */ defineComponent({
@@ -165,7 +166,7 @@ const IBizSearchCondEdit = /* @__PURE__ */ defineComponent({
       }, this.$attrs), null), createVNode(resolveComponent("el-button"), {
         "ref": "filterButtonRef",
         "type": "primary",
-        "title": ibiz.env.enableTitle ? ibiz.i18n.t("app.edit") : void 0,
+        "title": showTitle(ibiz.i18n.t("app.edit")),
         "class": this.ns.b("filter"),
         "onClick": () => this.triggerFilter()
       }, {

package/es/index.mjs

@@ -124,6 +124,7 @@ export { usePagination } from './util/pagination/use-pagination.mjs';
 export { NoticeUtil } from './util/notice-util/notice-util.mjs';
 export { RenderUtil } from './util/render-util/render-util.mjs';
 export { AppUtil } from './util/app-util/app-util.mjs';
+export { parseHtml } from './util/wang-editor-util/wang-editor-util.mjs';
 export { AuthGuard } from './web-app/guard/auth-guard/auth-guard.mjs';
 export { runApp } from './web-app/main.mjs';
 export { AppRouter } from './web-app/router/index.mjs';

package/es/panel-component/auth-captcha/auth-captcha.mjs

@@ -2,6 +2,7 @@ import { computed, resolveComponent, createVNode, resolveDirective, withDirectiv
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { AuthCaptchaController } from './auth-captcha.controller.mjs';
 import './auth-captcha.css';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 const AuthCaptcha = /* @__PURE__ */ defineComponent({
@@ -55,7 +56,7 @@ const AuthCaptcha = /* @__PURE__ */ defineComponent({
       "src": this.c.state.image,
       "class": this.ns.e("image"),
       "onClick": this.onClick,
-      "title": "\u70B9\u51FB\u56FE\u7247\u5237\u65B0"
+      "title": showTitle("\u70B9\u51FB\u56FE\u7247\u5237\u65B0")
     }, {
       error: () => {
         return createVNode("div", {

package/es/panel-component/panel-button/panel-button.mjs

@@ -2,6 +2,7 @@ import { ref, computed, resolveComponent, createVNode, defineComponent } from 'v
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { PanelButtonController } from './panel-button.controller.mjs';
 import './panel-button.css';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 const PanelButton = /* @__PURE__ */ defineComponent({
@@ -101,7 +102,7 @@ const PanelButton = /* @__PURE__ */ defineComponent({
       }, [createVNode(resolveComponent("el-button"), {
         "type": this.buttonType,
         "text": this.isText,
-        "title": ibiz.env.enableTitle ? this.tooltip : void 0,
+        "title": showTitle(this.tooltip),
         "disabled": this.state.disabled,
         "loading": this.state.loading,
         "onClick": this.handleButtonClick

package/es/panel-component/short-cut/short-cut.mjs

@@ -3,7 +3,7 @@ import { useRouter } from 'vue-router';
 import { PanelItemController, OpenAppViewCommand } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import draggable from 'vuedraggable';
-import { IBizContext } from '@ibiz-template/core';
+import { IBizContext, showTitle } from '@ibiz-template/core';
 import './short-cut.css';
 
 "use strict";
@@ -101,7 +101,7 @@ const ShortCut = /* @__PURE__ */ defineComponent({
           if (isVertical && !isShowToolbar.value || isVertical && isShowToolbar.value && index > 5 || !isVertical && index < 6) {
             return createVNode("div", {
               "class": [ns.e("item"), ns.e("draggable-item")],
-              "title": element.caption,
+              "title": showTitle(element.caption),
               "onClick": () => onClick(element)
             }, [createVNode("svg", {
               "viewBox": "0 0 16 16",

package/es/panel-component/user-action/user-action.mjs

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

package/es/panel-component/user-message/async-action/async-action/async-action.mjs

@@ -1,4 +1,5 @@
 import { computed, createVNode, resolveComponent, defineComponent } from 'vue';
+import { showTitle } from '@ibiz-template/core';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './async-action.css';
 import { isObject, isString } from 'lodash-es';
@@ -91,7 +92,7 @@ const AsyncAction = /* @__PURE__ */ defineComponent({
     }, [createVNode("div", {
       "class": this.ns.e("caption")
     }, [asyncacitonname]), this.showErrorInfo && createVNode("div", {
-      "title": this.action.actionresult,
+      "title": showTitle(this.action.actionresult),
       "class": this.ns.e("error-info")
     }, [this.action.actionresult]), this.actionstate === 20 ? createVNode("div", {
       "class": this.ns.e("progress")

package/es/panel-component/user-message/internal-message/common/internal-message-container/internal-message-container.mjs

@@ -1,4 +1,5 @@
 import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { showTitle } from '@ibiz-template/core';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './internal-message-container.css';
 
@@ -90,7 +91,7 @@ const InternalMessageContainer = /* @__PURE__ */ defineComponent({
           imagePath: "svg/read.svg"
         },
         "baseDir": "iconfont",
-        "title": item.tooltip,
+        "title": showTitle(item.tooltip),
         "onClick": (e) => this.onToolbarClick(e, item.key)
       }, null);
     })]), createVNode("div", {

package/es/panel-component/user-message/internal-message/internal-message-html/internal-message-html.d.ts

@@ -13,6 +13,7 @@ export declare const InternalMessageHTML: import("vue").DefineComponent<{
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
+    msgContent: import("vue").ComputedRef<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/es/panel-component/user-message/internal-message/internal-message-html/internal-message-html.mjs

@@ -1,6 +1,8 @@
-import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './internal-message-html.css';
+import '../../../../util/index.mjs';
+import { parseHtml } from '../../../../util/wang-editor-util/wang-editor-util.mjs';
 
 "use strict";
 const InternalMessageHTML = /* @__PURE__ */ defineComponent({
@@ -18,10 +20,14 @@ const InternalMessageHTML = /* @__PURE__ */ defineComponent({
   emits: {
     close: () => true
   },
-  setup() {
+  setup(props) {
     const ns = useNamespace("internal-message-html");
+    const msgContent = computed(() => {
+      return parseHtml(props.message.content);
+    });
     return {
-      ns
+      ns,
+      msgContent
     };
   },
   render() {
@@ -33,7 +39,7 @@ const InternalMessageHTML = /* @__PURE__ */ defineComponent({
     }, {
       default: () => [createVNode("div", {
         "class": this.ns.e("content"),
-        "innerHTML": this.message.content
+        "innerHTML": this.msgContent
       }, null)]
     });
   }

package/es/panel-component/user-message/internal-message/internal-message-html/internal-message-html.provider.d.ts

@@ -12,6 +12,7 @@ export declare class InternalMessageHTMLtProvider extends InternalMessageDefault
         };
     }, {
         ns: import("@ibiz-template/core").Namespace;
+        msgContent: import("vue").ComputedRef<string>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         close: () => true;
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/es/panel-component/user-message/user-message.mjs

@@ -2,6 +2,7 @@ import { ref, onMounted, onUnmounted, resolveComponent, createVNode, defineCompo
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { PresetIdentifier } from '@ibiz-template/runtime';
 import './user-message.css';
+import { showTitle } from '@ibiz-template/core';
 import { AsyncActionTab } from './async-action/async-action-tab/async-action-tab.mjs';
 import './internal-message/index.mjs';
 import './internal-message/common/index.mjs';
@@ -84,7 +85,7 @@ const UserMessage = /* @__PURE__ */ defineComponent({
   },
   render() {
     return createVNode("div", {
-      "title": ibiz.i18n.t("panelComponent.userMessage.notice"),
+      "title": showTitle(ibiz.i18n.t("panelComponent.userMessage.notice")),
       "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass]
     }, [createVNode(resolveComponent("el-popover"), {
       "ref": "popoverRef",
@@ -142,7 +143,7 @@ const UserMessage = /* @__PURE__ */ defineComponent({
             imagePath: "svg/read.svg"
           },
           "baseDir": "iconfont",
-          "title": ibiz.i18n.t("panelComponent.userMessage.allRead"),
+          "title": showTitle(ibiz.i18n.t("panelComponent.userMessage.allRead")),
           "onClick": this.onBatchReadClick
         }, null)])]);
       }

package/es/util/index.d.ts

@@ -9,3 +9,4 @@ export { usePagination } from './pagination/use-pagination';
 export { NoticeUtil } from './notice-util/notice-util';
 export { RenderUtil } from './render-util/render-util';
 export { AppUtil } from './app-util/app-util';
+export * from './wang-editor-util/wang-editor-util';

package/es/util/index.mjs

@@ -9,5 +9,6 @@ export { usePagination } from './pagination/use-pagination.mjs';
 export { NoticeUtil } from './notice-util/notice-util.mjs';
 export { RenderUtil } from './render-util/render-util.mjs';
 export { AppUtil } from './app-util/app-util.mjs';
+export { parseHtml } from './wang-editor-util/wang-editor-util.mjs';
 
 "use strict";

package/es/util/notification-util/notification-util.mjs

@@ -1,4 +1,5 @@
 import { ElNotification } from 'element-plus';
+import { parseHtml } from '../wang-editor-util/wang-editor-util.mjs';
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -49,9 +50,10 @@ class NotificationUtil {
    */
   handleNotice(params, noticeType) {
     const duration = params.duration ? params.duration * 1e3 : 4500;
+    const msgContent = params.desc ? parseHtml(params.desc) : params.desc;
     ElNotification({
       title: params.title,
-      message: params.desc,
+      message: msgContent,
       dangerouslyUseHTMLString: !!params.isHtmlDesc,
       type: noticeType,
       position: params.position || "top-right",

package/es/util/wang-editor-util/wang-editor-util.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 解析html内容
+ * @description 解析html内容, 用法传入字符串 返回值为string类型
+ * ```
+ * parseHtml(`<span data-w-e-type="emoji" class='emoji'>JUYwJTlGJTk4JTg0</span>` => `<span data-w-e-type="emoji" class='emoji'>😄</span>`
+ * ```
+ * @export
+ * @param {string} str
+ * @return {*}  {string}
+ */
+export declare function parseHtml(str: string): string;

package/es/util/wang-editor-util/wang-editor-util.mjs

@@ -0,0 +1,12 @@
+"use strict";
+function parseHtml(str) {
+  return str.replaceAll(
+    /<span data-w-e-type="emoji" class='emoji'>(.+?)<\/span>/g,
+    (x, emoji) => {
+      const tempVal = decodeURIComponent(atob(emoji));
+      return "<span data-w-e-type=\"emoji\" class='emoji'>".concat(tempVal, "</span>");
+    }
+  );
+}
+
+export { parseHtml };

package/es/web-app/create-vue-app.mjs

@@ -16,6 +16,14 @@ function createVueApp(rootComponent, rootProps) {
     app.use(plugin);
   };
   AppHooks.useComponent.tap(installPlugin);
+  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);
+    });
+  });
   if (rootProps) {
     const oldUnMounted = rootProps.unmounted;
     rootProps.unmounted = () => {

package/lib/common/action-toolbar/action-toolbar.cjs

@@ -3,6 +3,7 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./action-toolbar.css');
+var core = require('@ibiz-template/core');
 
 "use strict";
 function _isSlot(s) {
@@ -106,7 +107,7 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
             "text": true,
             "size": "small",
             "onClick": (e) => this.handleClick(detail, e),
-            "title": ibiz.env.enableTitle ? detail.tooltip : void 0,
+            "title": core.showTitle(detail.tooltip),
             "disabled": this.actionsState[detail.id].disabled,
             "class": this.calcActionItemClass(detail)
           }, {
@@ -146,7 +147,7 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
         icon: () => vue.createVNode("ion-icon", {
           "class": this.ns.e("icon"),
           "name": "ellipsis-vertical",
-          "title": ibiz.i18n.t("component.actionToolbar.more")
+          "title": core.showTitle(ibiz.i18n.t("component.actionToolbar.more"))
         }, null)
       }), vue.createVNode(vue.resolveComponent("el-popover"), {
         "placement": "bottom-start",
@@ -187,7 +188,7 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
           if (this.actionsState[detail.id].visible) {
             return vue.createVNode(vue.resolveComponent("el-dropdown-item"), {
               "class": [this.ns.e("item"), this.ns.is("disabled", false)],
-              "title": detail.tooltip,
+              "title": core.showTitle(detail.tooltip),
               "disabled": this.actionsState[detail.id].disabled,
               "command": detail
             }, {

package/lib/common/custom-theme/custom-theme.cjs

@@ -2,6 +2,7 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
+var core = require('@ibiz-template/core');
 var customTheme_controller = require('./custom-theme.controller.cjs');
 require('./custom-theme.css');
 
@@ -112,7 +113,7 @@ const CustomTheme = /* @__PURE__ */ vue.defineComponent({
           "class": ns.b("var")
         }, [vue.createVNode("span", {
           "class": ns.be("var", "description"),
-          "title": ibiz.i18n.t("control.common.customTheme.".concat(data.descLang))
+          "title": core.showTitle(ibiz.i18n.t("control.common.customTheme.".concat(data.descLang)))
         }, [ibiz.i18n.t("control.common.customTheme.".concat(data.labelLang))]), content]);
       })])]);
     };
@@ -126,7 +127,7 @@ const CustomTheme = /* @__PURE__ */ vue.defineComponent({
       }, [c.predefineType.map((item) => {
         return vue.createVNode(vue.resolveComponent("el-button"), {
           "color": item.color,
-          "title": ibiz.env.enableTitle ? ibiz.i18n.t("control.common.customTheme.".concat(item.labelLang)) : void 0,
+          "title": core.showTitle(ibiz.i18n.t("control.common.customTheme.".concat(item.labelLang))),
           "onClick": () => {
             handleThemeChange(item.codeName);
           }

package/lib/common/data-import2/data-import2.cjs

@@ -415,10 +415,7 @@ const DataImport2 = /* @__PURE__ */ vue.defineComponent({
     }, [vue.createVNode(vue.resolveComponent("el-button"), {
       "onClick": this.onButtonImportClick,
       "disabled": !this.selectValues.join(""),
-      "title": (
-        // eslint-disable-next-line no-nested-ternary
-        ibiz.env.enableTitle ? !this.selectValues.join("") ? ibiz.i18n.t("component.dataImport2.selectProperties") : "" : void 0
-      )
+      "title": core.showTitle(!this.selectValues.join("") ? ibiz.i18n.t("component.dataImport2.selectProperties") : "")
     }, _isSlot(_slot2 = ibiz.i18n.t("component.dataImport2.import")) ? _slot2 : {
       default: () => [_slot2]
     })]) : ""])])])]), vue.createVNode(vue.resolveComponent("data-import2-table"), {