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

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

package/lib/common/quick-edit/quick-edit.cjs

@@ -0,0 +1,118 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+require('./quick-edit.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const IBizQuickEdit = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizQuickEdit",
+  props: {
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      required: true
+    },
+    modelData: {
+      type: Object
+    }
+  },
+  emits: {
+    close: (_modalData) => true
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("quick-edit");
+    const controller = vue.ref(void 0);
+    const editItemModel = [];
+    const findEditItem = (detail) => {
+      const childern = runtime.findChildFormDetails(detail);
+      childern.forEach((child) => {
+        if (child.detailType === "FORMITEM" && !child.hidden) {
+          editItemModel.push(child);
+        }
+        findEditItem(child);
+      });
+    };
+    const init = () => {
+      var _a;
+      if (props.modelData) {
+        (_a = props.modelData.deformPages) == null ? void 0 : _a.forEach((child) => {
+          findEditItem(child);
+        });
+      }
+    };
+    init();
+    const onCreated = (event) => {
+      controller.value = event.ctrl;
+    };
+    const getEditItemData = () => {
+      const data = {};
+      const item = controller.value.getDiffData();
+      editItemModel.forEach((formItem) => {
+        const uiKey = formItem.id.toLowerCase();
+        const deKey = formItem.fieldName || formItem.appDEFieldId;
+        if (item[uiKey]) {
+          data[deKey] = item[uiKey];
+        }
+      });
+      return data;
+    };
+    const onConfirm = () => {
+      let data;
+      if (controller.value) {
+        const item = getEditItemData();
+        if (Object.keys(item).length > 0) {
+          data = [item];
+        }
+      }
+      emit("close", {
+        ok: true,
+        data
+      });
+    };
+    const onCancel = () => {
+      emit("close", {
+        ok: false
+      });
+    };
+    return {
+      ns,
+      onCreated,
+      onConfirm,
+      onCancel
+    };
+  },
+  render() {
+    let _slot, _slot2;
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode(vue.resolveComponent("iBizControlShell"), {
+      "params": this.params,
+      "context": this.context,
+      "modelData": this.modelData,
+      "onCreated": this.onCreated
+    }, null), vue.createVNode("div", {
+      "class": this.ns.e("footer")
+    }, [vue.createVNode(vue.resolveComponent("el-button"), {
+      "text": true,
+      "onClick": this.onCancel
+    }, _isSlot(_slot = ibiz.i18n.t("app.cancel")) ? _slot : {
+      default: () => [_slot]
+    }), vue.createVNode(vue.resolveComponent("el-button"), {
+      "onClick": this.onConfirm
+    }, _isSlot(_slot2 = ibiz.i18n.t("app.confirm")) ? _slot2 : {
+      default: () => [_slot2]
+    })])]);
+  }
+});
+
+exports.IBizQuickEdit = IBizQuickEdit;

package/lib/common/quick-edit/quick-edit.css

@@ -0,0 +1 @@
+.ibiz-quick-edit__footer{display:flex;justify-content:end;padding:var(--ibiz-spacing-tight)}

package/lib/common/rawitem/rawitem.cjs

@@ -4,6 +4,7 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var qxUtil = require('qx-util');
 require('./rawitem.css');
+var core = require('@ibiz-template/core');
 
 "use strict";
 const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
@@ -229,7 +230,7 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
       }
       if (this.rawItemType === "INFO" || this.rawItemType === "WARNING" || this.rawItemType === "ERROR") {
         return vue.createVNode(vue.resolveComponent("el-alert"), {
-          "title": this.alertParams.title,
+          "title": core.showTitle(this.alertParams.title),
           "type": this.alertParams.type,
           "show-icon": this.alertParams.showIcon,
           "closable": this.alertParams.closeabled

package/lib/control/app-menu/app-menu.cjs

@@ -103,7 +103,7 @@ function renderMenuItem(isFirst, menu, collapse, ns, c, counterData, saveConfigs
       "class": ns.e("item"),
       "index": menu.key,
       "disabled": menu.disabled,
-      "title": menu.tooltip
+      "title": core.showTitle(menu.tooltip)
     }, _isSlot(content) ? content : {
       default: () => [content]
     }) : vue.createVNode(vue.resolveComponent("el-tooltip"), {

package/lib/control/app-menu/custom-menu-design/custom-menu-design.cjs

@@ -241,7 +241,7 @@ const MenuDesign = /* @__PURE__ */ vue.defineComponent({
     return vue.createVNode("div", {
       "class": this.ns.b()
     }, [vue.createVNode("div", {
-      "title": ibiz.i18n.t("control.menu.menuSetting"),
+      "title": core.showTitle(ibiz.i18n.t("control.menu.menuSetting")),
       "onClick": this.openDesign
     }, [vue.createVNode("svg", {
       "viewBox": "0 0 16 16",

package/lib/control/app-menu-icon-view/app-menu-icon-view.cjs

@@ -4,6 +4,7 @@ var vue = require('vue');
 var runtime = require('@ibiz-template/runtime');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./app-menu-icon-view.css');
+var core = require('@ibiz-template/core');
 
 "use strict";
 function _isSlot(s) {
@@ -51,7 +52,7 @@ const AppMenuIconViewControl = /* @__PURE__ */ vue.defineComponent({
       }
       return vue.createVNode("div", {
         "class": [ns.b("item"), ns.is("disabled", !item.appFuncId)],
-        "title": item.tooltip || item.caption,
+        "title": core.showTitle(item.tooltip || item.caption),
         "onClick": (event) => {
           if (item.appFuncId) {
             onClick(item.id, event);
@@ -72,7 +73,7 @@ const AppMenuIconViewControl = /* @__PURE__ */ vue.defineComponent({
       return vue.createVNode(vue.resolveComponent("el-collapse-item"), {
         "class": ns.b("group"),
         "name": item.id,
-        "title": item.caption
+        "title": core.showTitle(item.caption)
       }, {
         default: () => {
           var _a2;

package/lib/control/calendar/calendar.cjs

@@ -6,6 +6,7 @@ var runtime = require('@ibiz-template/runtime');
 var dayjs = require('dayjs');
 var index = require('./components/custom-calendar/index.cjs');
 require('./calendar.css');
+var core = require('@ibiz-template/core');
 
 "use strict";
 function _isSlot(s) {
@@ -113,7 +114,7 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
         "class": itemClass,
         "key": item.deData.srfkey,
         "style": style,
-        "title": item.tips || item.text,
+        "title": core.showTitle(item.tips || item.text),
         "onClick": () => this.c.onRowClick(item),
         "onDblclick": () => this.c.onDbRowClick(item)
       }, [item.text]);

package/lib/control/calendar/components/calendar-daily/calendar-daily.cjs

@@ -6,6 +6,7 @@ require('../interface/index.cjs');
 require('../util/index.cjs');
 var useCalendarDaily = require('./use-calendar-daily.cjs');
 require('./calendar-daily.css');
+var core = require('@ibiz-template/core');
 var calendarDaily = require('../interface/calendar-daily.cjs');
 var util = require('../util/util.cjs');
 
@@ -71,7 +72,7 @@ const CalendarDaily = /* @__PURE__ */ vue.defineComponent({
         data: event
       }) : vue.createVNode("div", {
         "class": [ns.em(classEName, "event-summary"), event.classname],
-        "title": "".concat(event.text || "", " ").concat(event.timeRange || "")
+        "title": core.showTitle("".concat(event.text || "", " ").concat(event.timeRange || ""))
       }, [event.icon && vue.createVNode("span", {
         "class": [event.icon, ns.em(classEName, "event-icon")],
         "style": {

package/lib/control/calendar/components/calendar-week/calendar-week.cjs

@@ -6,6 +6,7 @@ require('../interface/index.cjs');
 var useCalendarWeek = require('./use-calendar-week.cjs');
 require('./calendar-week.css');
 require('../util/index.cjs');
+var core = require('@ibiz-template/core');
 var calendarWeek = require('../interface/calendar-week.cjs');
 var util = require('../util/util.cjs');
 
@@ -104,7 +105,7 @@ const CalendarWeek = /* @__PURE__ */ vue.defineComponent({
         data: event
       }) : vue.createVNode("div", {
         "class": [ns.em(classEName, "event-summary"), event.classname],
-        "title": location === "header" ? "".concat(event.text || "", " ").concat(event.timeRange || "") : ""
+        "title": core.showTitle(location === "header" ? "".concat(event.text || "", " ").concat(event.timeRange || "") : "")
       }, [event.icon && vue.createVNode("span", {
         "class": [event.icon, ns.em(classEName, "event-icon")],
         "style": {

package/lib/control/calendar/components/custom-calendar/custom-calendar.cjs

@@ -8,6 +8,7 @@ var index = require('../calendar-week/index.cjs');
 var useCustomCalendar = require('./use-custom-calendar.cjs');
 require('./custom-calendar.css');
 require('../interface/index.cjs');
+var core = require('@ibiz-template/core');
 var customCalendar = require('../interface/custom-calendar.cjs');
 
 "use strict";
@@ -71,7 +72,7 @@ const CustomCalendar = /* @__PURE__ */ vue.defineComponent({
           "style": {
             color: item.isShow ? item.color : "#CCCCCC"
           },
-          "title": item.name
+          "title": core.showTitle(item.name)
         }, [item.name])]);
       })]), vue.createVNode("div", {
         "class": ns.em("calendar-week", "select-time")
@@ -123,7 +124,7 @@ const CustomCalendar = /* @__PURE__ */ vue.defineComponent({
           "style": {
             color: item.isShow ? item.color : "#CCCCCC"
           },
-          "title": item.name
+          "title": core.showTitle(item.name)
         }, [item.name])]);
       })]), vue.createVNode("div", {
         "class": ns.em("calendar-week", "select-time")

package/lib/control/chart/chart.cjs

@@ -89,10 +89,17 @@ const ChartControl = /* @__PURE__ */ vue.defineComponent({
     const getGridData = () => {
       return c.state.gridData || [];
     };
+    let resizeObserver;
     vue.onMounted(() => {
       const chart = echarts.init(chartRef.value);
       c.initChart(chart);
       window.addEventListener("resize", setHeight);
+      if (chartRef.value && ResizeObserver) {
+        resizeObserver = new ResizeObserver(() => {
+          c.resizeChart();
+        });
+        resizeObserver.observe(chartRef.value);
+      }
       setHeight();
     });
     vue.watch(() => c.state.showGrid, () => {
@@ -123,6 +130,7 @@ const ChartControl = /* @__PURE__ */ vue.defineComponent({
     };
     vue.onBeforeUnmount(() => {
       window.removeEventListener("resize", setHeight);
+      resizeObserver == null ? void 0 : resizeObserver.disconnect();
     });
     return {
       c,

package/lib/control/context-menu/context-menu.cjs

@@ -4,6 +4,7 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./context-menu.css');
 var runtime = require('@ibiz-template/runtime');
+var core = require('@ibiz-template/core');
 
 "use strict";
 function _isSlot(s) {
@@ -141,7 +142,7 @@ const ContextMenuControl = /* @__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.c.state.buttonsState[detail.id].disabled,
             "class": this.calcActionItemClass(detail)
           }, {
@@ -167,7 +168,7 @@ const ContextMenuControl = /* @__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.c.state.buttonsState[detail.id].disabled,
                 "class": this.calcActionItemClass(detail)
               }, {
@@ -257,7 +258,7 @@ const ContextMenuControl = /* @__PURE__ */ vue.defineComponent({
           if ((_a = this.c.state.buttonsState[detail.id]) == null ? void 0 : _a.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.c.state.buttonsState[detail.id].disabled,
               "command": detail
             }, {

package/lib/control/dashboard/custom-dashboard-container/custom-dashboard-container.cjs

@@ -4,6 +4,7 @@ var vue = require('vue');
 var runtime = require('@ibiz-template/runtime');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./custom-dashboard-container.css');
+var core = require('@ibiz-template/core');
 
 "use strict";
 const CustomDashboardContainer = /* @__PURE__ */ vue.defineComponent({
@@ -134,7 +135,7 @@ const CustomDashboardContainer = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.b("build-btn")
     }, [this.showTypeDir ? vue.createVNode("div", null, [vue.createVNode(vue.resolveComponent("el-button"), {
       "class": this.ns.b("deisgn-btn"),
-      "title": ibiz.env.enableTitle ? ibiz.i18n.t("control.dashboard.customDashboardContainer.portalCustomPrompt") : void 0,
+      "title": core.showTitle(ibiz.i18n.t("control.dashboard.customDashboardContainer.portalCustomPrompt")),
       "onClick": this.openDesign
     }, {
       default: () => [vue.createVNode("ion-icon", {

package/lib/control/dashboard/dashboard-design/dashboard-design.cjs

@@ -5,6 +5,7 @@ var runtime = require('@ibiz-template/runtime');
 var vue3Util = require('@ibiz-template/vue3-util');
 var ramda = require('ramda');
 require('./dashboard-design.css');
+var core = require('@ibiz-template/core');
 
 "use strict";
 function _isSlot(s) {
@@ -118,7 +119,7 @@ const DashboardDesign = /* @__PURE__ */ vue.defineComponent({
             type: "app",
             dynamodelFlag: 1,
             portletId: portlet.psappportletid,
-            portletCodeName: portlet.codename,
+            portletCodeName: portlet.psappportletid.split(".").pop().toLowerCase(),
             portletName: portlet.psappportletname,
             groupCodeName: portlet.groupcodename || "Ungroup",
             groupName: portlet.groupname || "\u672A\u5206\u7C7B",
@@ -374,7 +375,7 @@ const DashboardDesign = /* @__PURE__ */ vue.defineComponent({
         default: () => [vue.createVNode("span", null, [vue.createVNode("ion-icon", {
           "icon": child.portletImage
         }, null), child.portletName]), vue.createVNode("ion-icon", {
-          "title": ibiz.i18n.t("control.dashboard.dashboardDesign.add"),
+          "title": core.showTitle(ibiz.i18n.t("control.dashboard.dashboardDesign.add")),
           "name": "arrow-forward-outline",
           "onClick": () => this.addLayoutItem(child)
         }, null)]

package/lib/control/dashboard/portlet/menu-portlet/app-menu-portlet/app-menu-portlet.cjs

@@ -4,6 +4,7 @@ var vue = require('vue');
 var runtime = require('@ibiz-template/runtime');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./app-menu-portlet.css');
+var core = require('@ibiz-template/core');
 
 "use strict";
 function _isSlot(s) {
@@ -51,7 +52,7 @@ const AppMenuPortletControl = /* @__PURE__ */ vue.defineComponent({
       }
       return vue.createVNode("div", {
         "class": [ns.b("item"), ns.is("disabled", !item.appFuncId)],
-        "title": item.tooltip || item.caption,
+        "title": core.showTitle(item.tooltip || item.caption),
         "onClick": (event) => {
           if (item.appFuncId) {
             onClick(item.id, event);
@@ -75,7 +76,7 @@ const AppMenuPortletControl = /* @__PURE__ */ vue.defineComponent({
       return vue.createVNode(vue.resolveComponent("el-collapse-item"), {
         "class": ns.b("group"),
         "name": item.id,
-        "title": item.caption
+        "title": core.showTitle(item.caption)
       }, {
         default: () => {
           var _a2;

package/lib/control/dashboard/portlet/portlet-layout/portlet-layout.cjs

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

package/lib/control/drtab/drtab-control.util.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var vue = require('vue');
-var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.28-alpha.0_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs');
+var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.28_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs');
 
 "use strict";
 function useAppDRTab(c, controlRef, counterData) {

package/lib/control/drtab/drtab.cjs

@@ -8,6 +8,7 @@ var ramda = require('ramda');
 var drtab_controller = require('./drtab.controller.cjs');
 require('./drtab.css');
 var drtabControl_util = require('./drtab-control.util.cjs');
+var core = require('@ibiz-template/core');
 
 "use strict";
 const DRTabControl = /* @__PURE__ */ vue.defineComponent({
@@ -142,7 +143,7 @@ const DRTabControl = /* @__PURE__ */ vue.defineComponent({
                   "class": [this.ns.be("more-dropdown-popper", "label")]
                 }, [vue.createVNode("span", {
                   "class": this.ns.bem("more-dropdown-popper", "label", "text"),
-                  "title": item.caption || ""
+                  "title": core.showTitle(item.caption || "")
                 }, [item.caption || ""]), item.counterId && this.counterData[item.counterId] != null && vue.createVNode(vue.resolveComponent("iBizBadge"), {
                   "class": this.ns.bem("more-dropdown-popper", "label", "counter"),
                   "value": this.counterData[item.counterId],

package/lib/control/form/form-detail/form-button/form-button.cjs

@@ -6,6 +6,7 @@ var vue = require('vue');
 var runtime = require('@ibiz-template/runtime');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./form-button.css');
+var core = require('@ibiz-template/core');
 
 "use strict";
 const FormButton = /* @__PURE__ */ vue.defineComponent({
@@ -48,7 +49,7 @@ const FormButton = /* @__PURE__ */ vue.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": core.showTitle(this.modelData.tooltip)
     }, {
       default: () => [vue.createVNode("div", {
         "class": this.ns.b("content")

package/lib/control/form/form-detail/form-item/form-item-container/form-item-container.cjs

@@ -3,6 +3,7 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./form-item-container.css');
+var core = require('@ibiz-template/core');
 
 "use strict";
 const IBizFormItemContainer = /* @__PURE__ */ vue.defineComponent({
@@ -62,6 +63,8 @@ const IBizFormItemContainer = /* @__PURE__ */ vue.defineComponent({
       const classList = [ns.e("label"), ...props.labelClass || []];
       if (props.enableInputTip) {
         return vue.createVNode(vue.resolveComponent("el-tooltip"), {
+          "popper-class": ns.e("popper"),
+          "placement": props.labelPos.toLowerCase(),
           "ref": "tooltip"
         }, {
           default: () => {
@@ -84,7 +87,7 @@ const IBizFormItemContainer = /* @__PURE__ */ vue.defineComponent({
       }
       return vue.createVNode("div", {
         "class": classList,
-        "title": props.label
+        "title": core.showTitle(props.label)
       }, [props.label]);
     };
     return {
@@ -101,7 +104,7 @@ const IBizFormItemContainer = /* @__PURE__ */ vue.defineComponent({
     }, [vue.createVNode("div", {
       "class": [this.ns.e("editor")]
     }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]), this.error ? vue.createVNode("div", {
-      "title": this.error,
+      "title": core.showTitle(this.error),
       "class": [this.ns.e("error")]
     }, [this.error]) : null]);
     return vue.createVNode("div", {

package/lib/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/lib/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.cjs

@@ -90,7 +90,7 @@ const RepeaterGrid = /* @__PURE__ */ vue.defineComponent({
       }
       if (ibiz.config.form.mdCtrlConfirmBeforeRemove) {
         return vue.createVNode(vue.resolveComponent("el-popconfirm"), {
-          "title": ibiz.i18n.t("control.form.repeaterGrid.promptInformation"),
+          "title": core.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/lib/control/form/form-detail/form-mdctrl/mdctrl-container/mdctrl-container.cjs

@@ -3,6 +3,7 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./mdctrl-container.css');
+var core = require('@ibiz-template/core');
 
 "use strict";
 function _isSlot(s) {
@@ -51,7 +52,7 @@ const MDCtrlContainer = /* @__PURE__ */ vue.defineComponent({
       }
       if (ibiz.config.form.mdCtrlConfirmBeforeRemove) {
         return vue.createVNode(vue.resolveComponent("el-popconfirm"), {
-          "title": ibiz.i18n.t("control.form.mdCtrlContainer.promptInformation"),
+          "title": core.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)