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

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) {
@@ -111,7 +112,7 @@ const DashboardDesign = /* @__PURE__ */ vue.defineComponent({
     const prepareData = async () => {
       const list3 = [];
       const app = ibiz.hub.getApp(ibiz.env.appId);
-      if (c.enableDynamic) {
+      if (c.model.customizeMode === 2) {
         const dynamicPortlets = await c.loadAllDynaPortlet();
         dynamicPortlets == null ? void 0 : dynamicPortlets.forEach((portlet) => {
           const temp = {
@@ -120,8 +121,8 @@ const DashboardDesign = /* @__PURE__ */ vue.defineComponent({
             portletId: portlet.psappportletid,
             portletCodeName: portlet.codename,
             portletName: portlet.psappportletname,
-            groupCodeName: "Ungroup",
-            groupName: "\u672A\u5206\u7C7B",
+            groupCodeName: portlet.groupcodename || "Ungroup",
+            groupName: portlet.groupname || "\u672A\u5206\u7C7B",
             appCodeName: app.model.pkgcodeName,
             appName: app.model.name
           };
@@ -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.27_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-alpha.1_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({
@@ -84,7 +85,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 +102,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-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)

package/lib/control/form/form-detail/form-mdctrl/mdctrl-container2/mdctrl-container2.cjs

@@ -5,6 +5,7 @@ var runtime = require('@ibiz-template/runtime');
 var vue3Util = require('@ibiz-template/vue3-util');
 var draggable = require('vuedraggable');
 require('./mdctrl-container2.css');
+var core = require('@ibiz-template/core');
 var index = require('./icon/index.cjs');
 
 "use strict";
@@ -160,7 +161,7 @@ const MDCtrlContainer2 = /* @__PURE__ */ vue.defineComponent({
           "class": this.ns.be("header-item", "text")
         }, [element.title]), this.controller.enableDelete && vue.createVNode("div", {
           "class": this.ns.be("header-item", "btn"),
-          "title": ibiz.i18n.t("app.delete"),
+          "title": core.showTitle(ibiz.i18n.t("app.delete")),
           "onClick": (e) => {
             this.handleRemove(e, element);
           }