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

package/es/node_modules/.pnpm/snabbdom@3.5.1/node_modules/snabbdom/build/modules/style.mjs

@@ -0,0 +1,115 @@
+// Bindig `requestAnimationFrame` like this fixes a bug in IE/Edge. See #360 and #409.
+const raf = (typeof window !== "undefined" &&
+    window.requestAnimationFrame.bind(window)) ||
+    setTimeout;
+const nextFrame = function (fn) {
+    raf(function () {
+        raf(fn);
+    });
+};
+let reflowForced = false;
+function setNextFrame(obj, prop, val) {
+    nextFrame(function () {
+        obj[prop] = val;
+    });
+}
+function updateStyle(oldVnode, vnode) {
+    let cur;
+    let name;
+    const elm = vnode.elm;
+    let oldStyle = oldVnode.data.style;
+    let style = vnode.data.style;
+    if (!oldStyle && !style)
+        return;
+    if (oldStyle === style)
+        return;
+    oldStyle = oldStyle || {};
+    style = style || {};
+    const oldHasDel = "delayed" in oldStyle;
+    for (name in oldStyle) {
+        if (!style[name]) {
+            if (name[0] === "-" && name[1] === "-") {
+                elm.style.removeProperty(name);
+            }
+            else {
+                elm.style[name] = "";
+            }
+        }
+    }
+    for (name in style) {
+        cur = style[name];
+        if (name === "delayed" && style.delayed) {
+            for (const name2 in style.delayed) {
+                cur = style.delayed[name2];
+                if (!oldHasDel || cur !== oldStyle.delayed[name2]) {
+                    setNextFrame(elm.style, name2, cur);
+                }
+            }
+        }
+        else if (name !== "remove" && cur !== oldStyle[name]) {
+            if (name[0] === "-" && name[1] === "-") {
+                elm.style.setProperty(name, cur);
+            }
+            else {
+                elm.style[name] = cur;
+            }
+        }
+    }
+}
+function applyDestroyStyle(vnode) {
+    let style;
+    let name;
+    const elm = vnode.elm;
+    const s = vnode.data.style;
+    if (!s || !(style = s.destroy))
+        return;
+    for (name in style) {
+        elm.style[name] = style[name];
+    }
+}
+function applyRemoveStyle(vnode, rm) {
+    const s = vnode.data.style;
+    if (!s || !s.remove) {
+        rm();
+        return;
+    }
+    if (!reflowForced) {
+        // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+        vnode.elm.offsetLeft;
+        reflowForced = true;
+    }
+    let name;
+    const elm = vnode.elm;
+    let i = 0;
+    const style = s.remove;
+    let amount = 0;
+    const applied = [];
+    for (name in style) {
+        applied.push(name);
+        elm.style[name] = style[name];
+    }
+    const compStyle = getComputedStyle(elm);
+    const props = compStyle["transition-property"].split(", ");
+    for (; i < props.length; ++i) {
+        if (applied.indexOf(props[i]) !== -1)
+            amount++;
+    }
+    elm.addEventListener("transitionend", function (ev) {
+        if (ev.target === elm)
+            --amount;
+        if (amount === 0)
+            rm();
+    });
+}
+function forceReflow() {
+    reflowForced = false;
+}
+const styleModule = {
+    pre: forceReflow,
+    create: updateStyle,
+    update: updateStyle,
+    destroy: applyDestroyStyle,
+    remove: applyRemoveStyle,
+};
+
+export { styleModule };

package/es/node_modules/.pnpm/snabbdom@3.5.1/node_modules/snabbdom/build/thunk.mjs

@@ -0,0 +1,52 @@
+import { addNS, h } from './h.mjs';
+
+function copyToThunk(vnode, thunk) {
+    var _a;
+    const ns = (_a = thunk.data) === null || _a === void 0 ? void 0 : _a.ns;
+    vnode.data.fn = thunk.data.fn;
+    vnode.data.args = thunk.data.args;
+    thunk.data = vnode.data;
+    thunk.children = vnode.children;
+    thunk.text = vnode.text;
+    thunk.elm = vnode.elm;
+    if (ns)
+        addNS(thunk.data, thunk.children, thunk.sel);
+}
+function init(thunk) {
+    const cur = thunk.data;
+    const vnode = cur.fn(...cur.args);
+    copyToThunk(vnode, thunk);
+}
+function prepatch(oldVnode, thunk) {
+    let i;
+    const old = oldVnode.data;
+    const cur = thunk.data;
+    const oldArgs = old.args;
+    const args = cur.args;
+    if (old.fn !== cur.fn || oldArgs.length !== args.length) {
+        copyToThunk(cur.fn(...args), thunk);
+        return;
+    }
+    for (i = 0; i < args.length; ++i) {
+        if (oldArgs[i] !== args[i]) {
+            copyToThunk(cur.fn(...args), thunk);
+            return;
+        }
+    }
+    copyToThunk(oldVnode, thunk);
+}
+const thunk = function thunk(sel, key, fn, args) {
+    if (args === undefined) {
+        args = fn;
+        fn = key;
+        key = undefined;
+    }
+    return h(sel, {
+        key: key,
+        hook: { init, prepatch },
+        fn: fn,
+        args: args,
+    });
+};
+
+export { thunk };

package/es/node_modules/.pnpm/snabbdom@3.5.1/node_modules/snabbdom/build/tovnode.mjs

@@ -0,0 +1,62 @@
+import { addNS } from './h.mjs';
+import { vnode } from './vnode.mjs';
+import { htmlDomApi } from './htmldomapi.mjs';
+
+function toVNode(node, domApi) {
+    const api = domApi !== undefined ? domApi : htmlDomApi;
+    let text;
+    if (api.isElement(node)) {
+        const id = node.id ? "#" + node.id : "";
+        const cn = node.getAttribute("class");
+        const c = cn ? "." + cn.split(" ").join(".") : "";
+        const sel = api.tagName(node).toLowerCase() + id + c;
+        const attrs = {};
+        const dataset = {};
+        const data = {};
+        const children = [];
+        let name;
+        let i, n;
+        const elmAttrs = node.attributes;
+        const elmChildren = node.childNodes;
+        for (i = 0, n = elmAttrs.length; i < n; i++) {
+            name = elmAttrs[i].nodeName;
+            if (name[0] === "d" &&
+                name[1] === "a" &&
+                name[2] === "t" &&
+                name[3] === "a" &&
+                name[4] === "-") {
+                dataset[name.slice(5)] = elmAttrs[i].nodeValue || "";
+            }
+            else if (name !== "id" && name !== "class") {
+                attrs[name] = elmAttrs[i].nodeValue;
+            }
+        }
+        for (i = 0, n = elmChildren.length; i < n; i++) {
+            children.push(toVNode(elmChildren[i], domApi));
+        }
+        if (Object.keys(attrs).length > 0)
+            data.attrs = attrs;
+        if (Object.keys(dataset).length > 0)
+            data.dataset = dataset;
+        if (sel[0] === "s" &&
+            sel[1] === "v" &&
+            sel[2] === "g" &&
+            (sel.length === 3 || sel[3] === "." || sel[3] === "#")) {
+            addNS(data, children, sel);
+        }
+        return vnode(sel, data, children, undefined, node);
+    }
+    else if (api.isText(node)) {
+        text = api.getTextContent(node);
+        return vnode(undefined, undefined, undefined, text, node);
+    }
+    else if (api.isComment(node)) {
+        text = api.getTextContent(node);
+        return vnode("!", {}, [], text, node);
+    }
+    else {
+        return vnode("", {}, [], undefined, node);
+    }
+}
+
+export { toVNode };

package/es/node_modules/.pnpm/snabbdom@3.5.1/node_modules/snabbdom/build/vnode.mjs

@@ -0,0 +1,6 @@
+function vnode(sel, data, children, text, elm) {
+    const key = data === undefined ? undefined : data.key;
+    return { sel, data, children, text, elm, key };
+}
+
+export { vnode };

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/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"), {

package/lib/common/emoji-select/components/categories/categories.cjs

@@ -3,6 +3,7 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./categories.css');
+var core = require('@ibiz-template/core');
 
 "use strict";
 const Categories = /* @__PURE__ */ vue.defineComponent({
@@ -40,7 +41,7 @@ const Categories = /* @__PURE__ */ vue.defineComponent({
         "onClick": () => this.onSelect(category)
       }, [vue.createVNode("span", {
         "class": this.ns.em("category", "svg"),
-        "title": category.label,
+        "title": core.showTitle(category.label),
         "innerHTML": category.icon
       }, null)]);
     })]);

package/lib/common/extend-action-timeline/extend-action-timeline.cjs

@@ -5,6 +5,7 @@ var dayjs = require('dayjs');
 var ramda = require('ramda');
 require('./extend-action-timeline.css');
 var vue3Util = require('@ibiz-template/vue3-util');
+var core = require('@ibiz-template/core');
 
 "use strict";
 const acceptingOfficerNoDup = (tag, dataS) => {
@@ -144,10 +145,10 @@ const IBizExtendActionTimeLine = /* @__PURE__ */ vue.defineComponent({
           "class": [ns.be("task", "user-task-name"), ns.is("task-link", task.linkName)]
         }, [task.taskName]), task.linkName ? vue.createVNode("div", {
           "class": ns.be("task", "link-name"),
-          "title": task.linkName
+          "title": core.showTitle(task.linkName)
         }, [task.linkName]) : null, vue.createVNode("div", {
           "class": [ns.be("task", "author-name"), ns.is("has-type", task.type)],
-          "title": task.authorName
+          "title": core.showTitle(task.authorName)
         }, [task.authorName]), task.type && vue.createVNode("div", {
           "class": ns.be("task", "type")
         }, [task.type]), task.time && vue.createVNode("div", {

package/lib/common/grid-setting/grid-setting.cjs

@@ -4,6 +4,7 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./grid-setting.css');
 var draggable = require('vuedraggable');
+var core = require('@ibiz-template/core');
 
 "use strict";
 const IBizGridSetting = /* @__PURE__ */ vue.defineComponent({
@@ -69,7 +70,7 @@ const IBizGridSetting = /* @__PURE__ */ vue.defineComponent({
         return vue.createVNode("ion-icon", {
           "name": "options-outline",
           "class": this.ns.b("set-icon"),
-          "title": ibiz.i18n.t("component.gridSetting.hideControl")
+          "title": core.showTitle(ibiz.i18n.t("component.gridSetting.hideControl"))
         }, null);
       },
       default: () => {

package/lib/common/index.cjs

@@ -26,11 +26,13 @@ var coopAlert = require('./coop-alert/coop-alert.cjs');
 var customTheme = require('./custom-theme/custom-theme.cjs');
 var carouselCard = require('./carousel-card/carousel-card.cjs');
 var emojiSelect = require('./emoji-select/emoji-select.cjs');
+var quickEdit = require('./quick-edit/quick-edit.cjs');
 
 "use strict";
 const IBizCommonComponents = {
   install: (v) => {
     v.component(vue3Util.IBizControlBase.name, vue3Util.IBizControlBase);
+    v.component(quickEdit.IBizQuickEdit.name, quickEdit.IBizQuickEdit);
     v.component(emojiSelect.IBizEmojiSelect.name, emojiSelect.IBizEmojiSelect);
     v.component(vue3Util.IBizIcon.name, vue3Util.IBizIcon);
     v.component(doingNotice.DoingNotice.name, doingNotice.DoingNotice);

package/lib/common/pagination/pagination.cjs

@@ -4,6 +4,7 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var ramda = require('ramda');
 require('./pagination.css');
+var core = require('@ibiz-template/core');
 
 "use strict";
 const IBizPagination = /* @__PURE__ */ vue.defineComponent({
@@ -82,7 +83,7 @@ const IBizPagination = /* @__PURE__ */ vue.defineComponent({
       default: () => [vue.createVNode("span", {
         "class": this.ns.b("btn")
       }, [vue.createVNode(vue.resolveComponent("el-button"), {
-        "title": ibiz.i18n.t("app.refresh"),
+        "title": core.showTitle(ibiz.i18n.t("app.refresh")),
         "onClick": this.pageRefresh
       }, {
         default: () => [vue.createVNode("ion-icon", {