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

package/es/common/action-toolbar/action-toolbar.mjs

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

package/es/common/custom-theme/custom-theme.mjs

@@ -1,5 +1,6 @@
 import { isVNode, getCurrentInstance, ref, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
+import { showTitle } from '@ibiz-template/core';
 import { CustomThemeController } from './custom-theme.controller.mjs';
 import './custom-theme.css';
 
@@ -110,7 +111,7 @@ const CustomTheme = /* @__PURE__ */ defineComponent({
           "class": ns.b("var")
         }, [createVNode("span", {
           "class": ns.be("var", "description"),
-          "title": ibiz.i18n.t("control.common.customTheme.".concat(data.descLang))
+          "title": showTitle(ibiz.i18n.t("control.common.customTheme.".concat(data.descLang)))
         }, [ibiz.i18n.t("control.common.customTheme.".concat(data.labelLang))]), content]);
       })])]);
     };
@@ -124,7 +125,7 @@ const CustomTheme = /* @__PURE__ */ defineComponent({
       }, [c.predefineType.map((item) => {
         return createVNode(resolveComponent("el-button"), {
           "color": item.color,
-          "title": ibiz.env.enableTitle ? ibiz.i18n.t("control.common.customTheme.".concat(item.labelLang)) : void 0,
+          "title": showTitle(ibiz.i18n.t("control.common.customTheme.".concat(item.labelLang))),
           "onClick": () => {
             handleThemeChange(item.codeName);
           }

package/es/common/data-import2/data-import2.mjs

@@ -2,7 +2,7 @@ import { isVNode, ref, watch, onMounted, computed, createVNode, resolveComponent
 import { useNamespace } from '@ibiz-template/vue3-util';
 import qs from 'qs';
 import { getCookie } from 'qx-util';
-import { CoreConst } from '@ibiz-template/core';
+import { CoreConst, showTitle } from '@ibiz-template/core';
 import { clone } from 'ramda';
 import './data-import2.css';
 import { getDefaultDataImport, getImportSchema, updateImportSchema, createImportSchema, asyncImportData2, fetchImportSchemas } from '@ibiz-template/runtime';
@@ -413,10 +413,7 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
     }, [createVNode(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": showTitle(!this.selectValues.join("") ? ibiz.i18n.t("component.dataImport2.selectProperties") : "")
     }, _isSlot(_slot2 = ibiz.i18n.t("component.dataImport2.import")) ? _slot2 : {
       default: () => [_slot2]
     })]) : ""])])])]), createVNode(resolveComponent("data-import2-table"), {

package/es/common/emoji-select/components/categories/categories.mjs

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

package/es/common/extend-action-timeline/extend-action-timeline.mjs

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

package/es/common/grid-setting/grid-setting.mjs

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

package/es/common/index.mjs

@@ -22,11 +22,13 @@ import { IBizCoopAlert } from './coop-alert/coop-alert.mjs';
 import { CustomTheme } from './custom-theme/custom-theme.mjs';
 import { IBizCarouselCard } from './carousel-card/carousel-card.mjs';
 import { IBizEmojiSelect } from './emoji-select/emoji-select.mjs';
+import { IBizQuickEdit } from './quick-edit/quick-edit.mjs';
 
 "use strict";
 const IBizCommonComponents = {
   install: (v) => {
     v.component(IBizControlBase.name, IBizControlBase);
+    v.component(IBizQuickEdit.name, IBizQuickEdit);
     v.component(IBizEmojiSelect.name, IBizEmojiSelect);
     v.component(IBizIcon.name, IBizIcon);
     v.component(DoingNotice.name, DoingNotice);

package/es/common/pagination/pagination.mjs

@@ -2,6 +2,7 @@ import { computed, resolveComponent, mergeProps, createVNode, createTextVNode, d
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { isNil } from 'ramda';
 import './pagination.css';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 const IBizPagination = /* @__PURE__ */ defineComponent({
@@ -80,7 +81,7 @@ const IBizPagination = /* @__PURE__ */ defineComponent({
       default: () => [createVNode("span", {
         "class": this.ns.b("btn")
       }, [createVNode(resolveComponent("el-button"), {
-        "title": ibiz.i18n.t("app.refresh"),
+        "title": showTitle(ibiz.i18n.t("app.refresh")),
         "onClick": this.pageRefresh
       }, {
         default: () => [createVNode("ion-icon", {

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

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

package/es/common/quick-edit/quick-edit.d.ts

@@ -0,0 +1,38 @@
+import { PropType } from 'vue';
+import { IDEEditForm } from '@ibiz/model-core';
+import { EventBase, IModalData } from '@ibiz-template/runtime';
+import './quick-edit.scss';
+export declare const IBizQuickEdit: import("vue").DefineComponent<{
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        required: true;
+    };
+    modelData: {
+        type: PropType<IDEEditForm>;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    onCreated: (event: EventBase) => void;
+    onConfirm: () => void;
+    onCancel: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (_modalData: IModalData) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        required: true;
+    };
+    modelData: {
+        type: PropType<IDEEditForm>;
+    };
+}>> & {
+    onClose?: ((_modalData: IModalData) => any) | undefined;
+}, {}, {}>;

package/es/common/quick-edit/quick-edit.mjs

@@ -0,0 +1,116 @@
+import { isVNode, ref, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { findChildFormDetails } from '@ibiz-template/runtime';
+import './quick-edit.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const IBizQuickEdit = /* @__PURE__ */ 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 = useNamespace("quick-edit");
+    const controller = ref(void 0);
+    const editItemModel = [];
+    const findEditItem = (detail) => {
+      const childern = 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 createVNode("div", {
+      "class": this.ns.b()
+    }, [createVNode(resolveComponent("iBizControlShell"), {
+      "params": this.params,
+      "context": this.context,
+      "modelData": this.modelData,
+      "onCreated": this.onCreated
+    }, null), createVNode("div", {
+      "class": this.ns.e("footer")
+    }, [createVNode(resolveComponent("el-button"), {
+      "text": true,
+      "onClick": this.onCancel
+    }, _isSlot(_slot = ibiz.i18n.t("app.cancel")) ? _slot : {
+      default: () => [_slot]
+    }), createVNode(resolveComponent("el-button"), {
+      "onClick": this.onConfirm
+    }, _isSlot(_slot2 = ibiz.i18n.t("app.confirm")) ? _slot2 : {
+      default: () => [_slot2]
+    })])]);
+  }
+});
+
+export { IBizQuickEdit };

package/es/common/rawitem/rawitem.mjs

@@ -2,6 +2,7 @@ import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue'
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { createUUID } from 'qx-util';
 import './rawitem.css';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 const IBizRawItem = /* @__PURE__ */ defineComponent({
@@ -227,7 +228,7 @@ const IBizRawItem = /* @__PURE__ */ defineComponent({
       }
       if (this.rawItemType === "INFO" || this.rawItemType === "WARNING" || this.rawItemType === "ERROR") {
         return createVNode(resolveComponent("el-alert"), {
-          "title": this.alertParams.title,
+          "title": showTitle(this.alertParams.title),
           "type": this.alertParams.type,
           "show-icon": this.alertParams.showIcon,
           "closable": this.alertParams.closeabled

package/es/control/app-menu/app-menu.mjs

@@ -1,5 +1,5 @@
 import { isVNode, resolveComponent, createVNode, ref, watch, onUnmounted, computed, defineComponent } from 'vue';
-import { RuntimeError } from '@ibiz-template/core';
+import { RuntimeError, showTitle } from '@ibiz-template/core';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { createUUID } from 'qx-util';
 import { AppMenuController, ViewCallTag } from '@ibiz-template/runtime';
@@ -101,7 +101,7 @@ function renderMenuItem(isFirst, menu, collapse, ns, c, counterData, saveConfigs
       "class": ns.e("item"),
       "index": menu.key,
       "disabled": menu.disabled,
-      "title": menu.tooltip
+      "title": showTitle(menu.tooltip)
     }, _isSlot(content) ? content : {
       default: () => [content]
     }) : createVNode(resolveComponent("el-tooltip"), {

package/es/control/app-menu/custom-menu-design/custom-menu-design.mjs

@@ -1,7 +1,7 @@
 import { isVNode, ref, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './custom-menu-design.css';
-import { RuntimeError } from '@ibiz-template/core';
+import { RuntimeError, showTitle } from '@ibiz-template/core';
 import { cloneDeep } from 'lodash-es';
 
 "use strict";
@@ -239,7 +239,7 @@ const MenuDesign = /* @__PURE__ */ defineComponent({
     return createVNode("div", {
       "class": this.ns.b()
     }, [createVNode("div", {
-      "title": ibiz.i18n.t("control.menu.menuSetting"),
+      "title": showTitle(ibiz.i18n.t("control.menu.menuSetting")),
       "onClick": this.openDesign
     }, [createVNode("svg", {
       "viewBox": "0 0 16 16",

package/es/control/app-menu-icon-view/app-menu-icon-view.mjs

@@ -2,6 +2,7 @@ import { isVNode, ref, resolveComponent, createVNode, defineComponent } from 'vu
 import { AppMenuIconViewController } from '@ibiz-template/runtime';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './app-menu-icon-view.css';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 function _isSlot(s) {
@@ -49,7 +50,7 @@ const AppMenuIconViewControl = /* @__PURE__ */ defineComponent({
       }
       return createVNode("div", {
         "class": [ns.b("item"), ns.is("disabled", !item.appFuncId)],
-        "title": item.tooltip || item.caption,
+        "title": showTitle(item.tooltip || item.caption),
         "onClick": (event) => {
           if (item.appFuncId) {
             onClick(item.id, event);
@@ -70,7 +71,7 @@ const AppMenuIconViewControl = /* @__PURE__ */ defineComponent({
       return createVNode(resolveComponent("el-collapse-item"), {
         "class": ns.b("group"),
         "name": item.id,
-        "title": item.caption
+        "title": showTitle(item.caption)
       }, {
         default: () => {
           var _a2;

package/es/control/calendar/calendar.mjs

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

package/es/control/calendar/components/calendar-daily/calendar-daily.mjs

@@ -4,6 +4,7 @@ import '../interface/index.mjs';
 import '../util/index.mjs';
 import { useCalendarDaily } from './use-calendar-daily.mjs';
 import './calendar-daily.css';
+import { showTitle } from '@ibiz-template/core';
 import { calendarDailyProps, calendarDailyEmits } from '../interface/calendar-daily.mjs';
 import { isToday } from '../util/util.mjs';
 
@@ -69,7 +70,7 @@ const CalendarDaily = /* @__PURE__ */ defineComponent({
         data: event
       }) : createVNode("div", {
         "class": [ns.em(classEName, "event-summary"), event.classname],
-        "title": "".concat(event.text || "", " ").concat(event.timeRange || "")
+        "title": showTitle("".concat(event.text || "", " ").concat(event.timeRange || ""))
       }, [event.icon && createVNode("span", {
         "class": [event.icon, ns.em(classEName, "event-icon")],
         "style": {

package/es/control/calendar/components/calendar-week/calendar-week.mjs

@@ -4,6 +4,7 @@ import '../interface/index.mjs';
 import { useCalendarWeek } from './use-calendar-week.mjs';
 import './calendar-week.css';
 import '../util/index.mjs';
+import { showTitle } from '@ibiz-template/core';
 import { calendarWeekProps, calendarWeekEmits } from '../interface/calendar-week.mjs';
 import { handlePopClose, closeIcon } from '../util/util.mjs';
 
@@ -102,7 +103,7 @@ const CalendarWeek = /* @__PURE__ */ defineComponent({
         data: event
       }) : createVNode("div", {
         "class": [ns.em(classEName, "event-summary"), event.classname],
-        "title": location === "header" ? "".concat(event.text || "", " ").concat(event.timeRange || "") : ""
+        "title": showTitle(location === "header" ? "".concat(event.text || "", " ").concat(event.timeRange || "") : "")
       }, [event.icon && createVNode("span", {
         "class": [event.icon, ns.em(classEName, "event-icon")],
         "style": {

package/es/control/calendar/components/custom-calendar/custom-calendar.mjs

@@ -6,6 +6,7 @@ import { IBizCalendarWeek } from '../calendar-week/index.mjs';
 import { useCustomCalendar } from './use-custom-calendar.mjs';
 import './custom-calendar.css';
 import '../interface/index.mjs';
+import { showTitle } from '@ibiz-template/core';
 import { customCalendarProps, customCalendarEmits } from '../interface/custom-calendar.mjs';
 
 "use strict";
@@ -69,7 +70,7 @@ const CustomCalendar = /* @__PURE__ */ defineComponent({
           "style": {
             color: item.isShow ? item.color : "#CCCCCC"
           },
-          "title": item.name
+          "title": showTitle(item.name)
         }, [item.name])]);
       })]), createVNode("div", {
         "class": ns.em("calendar-week", "select-time")
@@ -121,7 +122,7 @@ const CustomCalendar = /* @__PURE__ */ defineComponent({
           "style": {
             color: item.isShow ? item.color : "#CCCCCC"
           },
-          "title": item.name
+          "title": showTitle(item.name)
         }, [item.name])]);
       })]), createVNode("div", {
         "class": ns.em("calendar-week", "select-time")

package/es/control/chart/chart.mjs

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

package/es/control/context-menu/context-menu.mjs

@@ -2,6 +2,7 @@ import { isVNode, ref, watch, resolveComponent, createVNode, defineComponent } f
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './context-menu.css';
 import { ContextMenuController } from '@ibiz-template/runtime';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 function _isSlot(s) {
@@ -139,7 +140,7 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
             "text": true,
             "size": "small",
             "onClick": (e) => this.handleClick(detail, e),
-            "title": ibiz.env.enableTitle ? detail.tooltip : void 0,
+            "title": showTitle(detail.tooltip),
             "disabled": this.c.state.buttonsState[detail.id].disabled,
             "class": this.calcActionItemClass(detail)
           }, {
@@ -165,7 +166,7 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
                 "text": true,
                 "size": "small",
                 "onClick": (e) => this.handleClick(detail, e),
-                "title": ibiz.env.enableTitle ? detail.tooltip : void 0,
+                "title": showTitle(detail.tooltip),
                 "disabled": this.c.state.buttonsState[detail.id].disabled,
                 "class": this.calcActionItemClass(detail)
               }, {
@@ -255,7 +256,7 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
           if ((_a = this.c.state.buttonsState[detail.id]) == null ? void 0 : _a.visible) {
             return createVNode(resolveComponent("el-dropdown-item"), {
               "class": [this.ns.e("item"), this.ns.is("disabled", false)],
-              "title": detail.tooltip,
+              "title": showTitle(detail.tooltip),
               "disabled": this.c.state.buttonsState[detail.id].disabled,
               "command": detail
             }, {

package/es/control/dashboard/custom-dashboard-container/custom-dashboard-container.mjs

@@ -2,6 +2,7 @@ import { reactive, ref, nextTick, computed, onMounted, resolveComponent, createV
 import { CustomDashboardController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './custom-dashboard-container.css';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 const CustomDashboardContainer = /* @__PURE__ */ defineComponent({
@@ -132,7 +133,7 @@ const CustomDashboardContainer = /* @__PURE__ */ defineComponent({
       "class": this.ns.b("build-btn")
     }, [this.showTypeDir ? createVNode("div", null, [createVNode(resolveComponent("el-button"), {
       "class": this.ns.b("deisgn-btn"),
-      "title": ibiz.env.enableTitle ? ibiz.i18n.t("control.dashboard.customDashboardContainer.portalCustomPrompt") : void 0,
+      "title": showTitle(ibiz.i18n.t("control.dashboard.customDashboardContainer.portalCustomPrompt")),
       "onClick": this.openDesign
     }, {
       default: () => [createVNode("ion-icon", {

package/es/control/dashboard/dashboard-design/dashboard-design.mjs

@@ -3,6 +3,7 @@ import { getPortletProvider } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { clone } from 'ramda';
 import './dashboard-design.css';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 function _isSlot(s) {
@@ -116,7 +117,7 @@ const DashboardDesign = /* @__PURE__ */ 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",
@@ -372,7 +373,7 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
         default: () => [createVNode("span", null, [createVNode("ion-icon", {
           "icon": child.portletImage
         }, null), child.portletName]), createVNode("ion-icon", {
-          "title": ibiz.i18n.t("control.dashboard.dashboardDesign.add"),
+          "title": showTitle(ibiz.i18n.t("control.dashboard.dashboardDesign.add")),
           "name": "arrow-forward-outline",
           "onClick": () => this.addLayoutItem(child)
         }, null)]

package/es/control/dashboard/portlet/menu-portlet/app-menu-portlet/app-menu-portlet.mjs

@@ -2,6 +2,7 @@ import { isVNode, ref, resolveComponent, createVNode, defineComponent } from 'vu
 import { AppMenuIconViewController } from '@ibiz-template/runtime';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './app-menu-portlet.css';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 function _isSlot(s) {
@@ -49,7 +50,7 @@ const AppMenuPortletControl = /* @__PURE__ */ defineComponent({
       }
       return createVNode("div", {
         "class": [ns.b("item"), ns.is("disabled", !item.appFuncId)],
-        "title": item.tooltip || item.caption,
+        "title": showTitle(item.tooltip || item.caption),
         "onClick": (event) => {
           if (item.appFuncId) {
             onClick(item.id, event);
@@ -73,7 +74,7 @@ const AppMenuPortletControl = /* @__PURE__ */ defineComponent({
       return createVNode(resolveComponent("el-collapse-item"), {
         "class": ns.b("group"),
         "name": item.id,
-        "title": item.caption
+        "title": showTitle(item.caption)
       }, {
         default: () => {
           var _a2;

package/es/control/dashboard/portlet/portlet-layout/portlet-layout.mjs

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

package/es/control/drtab/drtab-control.util.mjs

@@ -1,5 +1,5 @@
 import { ref, watch, watchEffect, onUnmounted } from 'vue';
-import { defaultNamespace } from '../../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.mjs';
+import { defaultNamespace } from '../../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.mjs';
 
 "use strict";
 function useAppDRTab(c, controlRef, counterData) {