@ibiz-template/vue3-components 0.7.28-alpha.0 → 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) {
@@ -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-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);
           }

package/lib/control/grid/grid/grid.css

@@ -1 +1 @@
-.ibiz-control-grid{--ibiz-control-grid-text-color:var(--ibiz-color-text-0);--ibiz-control-grid-bg-color:transparent;--ibiz-control-grid-padding:var(--ibiz-spacing-none);--ibiz-control-grid-cell-padding:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight);--ibiz-control-grid-selection-padding:var(--ibiz-spacing-base-loose);--ibiz-control-grid-row-edit-bg-color:var(--ibiz-color-fill-2);--ibiz-control-grid-row-bg-color:var(--ibiz-color-bg-1);--ibiz-control-grid-row-bg-color-2:var(--ibiz-color-bg-0);--ibiz-control-grid-row-hover-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-row-select-color:var(--ibiz-color-primary-light-default);--ibiz-control-grid-row-expand-icon-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-control-grid-now-header-height:auto;--ibiz-control-grid-scrollbar-width:4px;--ibiz-control-grid-header-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-header-cell-padding:var(--ibiz-control-grid-cell-padding);--ibiz-control-grid-header-height:auto;--ibiz-control-grid-header-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-header-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-header-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-grid-content-text-color:var(--ibiz-control-grid-text-color);--ibiz-control-grid-content-row-height:48px;--ibiz-control-grid-page-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-page-height:50px;--ibiz-control-grid-page-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);--ibiz-control-grid-footer-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-footer-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-footer-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-footer-font-weight:var(--ibiz-font-weight-bold);position:relative;width:100%;height:100%;padding:var(--ibiz-control-grid-padding);background-color:var(--ibiz-control-grid-bg-color)}.ibiz-control-grid .el-table{--el-table-header-bg-color:var(--ibiz-control-grid-header-bg-color);--el-table-current-row-bg-color:var(--ibiz-control-grid-row-select-color);--el-table-border-color:transparent}.ibiz-control-grid.is-empty .el-scrollbar .el-scrollbar__view{height:100%}.ibiz-control-grid.is-empty .el-table__empty-text{display:inline-block;height:100%}.ibiz-control-grid .el-table--border .el-table__cell{border-right:none}.ibiz-control-grid .el-table-fixed-column--left,.ibiz-control-grid .el-table-fixed-column--right{--el-bg-color:transparent}.ibiz-control-grid .el-table thead.is-group th.el-table__cell{background:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid.is-enable-page .ibiz-control-grid__table{height:calc(100% - var(--ibiz-control-grid-page-height))}.ibiz-control-grid.is-enable-group .el-table__indent{display:none}.ibiz-control-grid__table{width:100%;height:100%}.ibiz-control-grid__table .caret-wrapper{justify-content:center}.ibiz-control-grid__table .caret-wrapper>*+*{margin-top:var(--ibiz-spacing-super-tight)}.ibiz-control-grid__table .sort-caret{--el-text-color-placeholder:--ibiz-control-grid-header-text-color;position:initial;opacity:.6}.ibiz-control-grid__table.el-table .el-table__cell{padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr td{background:var(--ibiz-control-grid-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:nth-child(2n) td{background-color:var(--ibiz-control-grid-row-bg-color-2)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:hover td{background-color:var(--ibiz-control-grid-row-hover-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.current-row td{background-color:var(--el-table-current-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.editing-row td{background-color:var(--ibiz-control-grid-row-edit-bg-color)}.ibiz-control-grid__table .el-table__header-wrapper .cell{height:var(--ibiz-control-grid-header-height);padding:var(--ibiz-control-grid-header-cell-padding);font-size:var(--ibiz-control-grid-header-font-size);font-weight:var(--ibiz-control-grid-header-font-weight);color:var(--ibiz-control-grid-header-text-color);word-break:break-word;white-space:pre-wrap}.ibiz-control-grid__table .el-table__header-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__header-wrapper .is-sortable.el-table__cell .cell{display:flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content)}.ibiz-control-grid__table .el-table__body-wrapper{color:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-0:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-1:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-2:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-3:var(--ibiz-control-grid-content-text-color);border-bottom:.1px solid var(--ibiz-color-border)}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row{height:var(--ibiz-control-grid-content-row-height);cursor:pointer}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:0;padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row .el-table__expand-icon{margin:var(--ibiz-control-grid-row-expand-icon-margin)}@-moz-document url-prefix(){.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:100%}}.ibiz-control-grid__table .el-table__body-wrapper .cell{display:flex;align-items:center;height:100%;padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table .el-table__body-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__cell.is-center{--ibiz-grid-column-text-align:center;--ibiz-grid-column-justify-content:center}.ibiz-control-grid__table .el-table__cell.is-left{--ibiz-grid-column-text-align:left;--ibiz-grid-column-justify-content:flex-start}.ibiz-control-grid__table .el-table__cell.is-right{--ibiz-grid-column-text-align:right;--ibiz-grid-column-justify-content:flex-end}.ibiz-control-grid__table .el-scrollbar__wrap{position:relative}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell{font-size:var(--ibiz-control-grid-footer-font-size);font-weight:var(--ibiz-control-grid-footer-font-weight);color:var(--ibiz-control-grid-footer-text-color);background-color:var(--ibiz-control-grid-footer-bg-color)}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell:first-child>div{display:inline;vertical-align:4px}.ibiz-control-grid__table .enable-order{position:relative;padding-left:var(--ibiz-spacing-base-tight);transition:transform .25s cubic-bezier(0,0,.2,1)}.ibiz-control-grid__table .enable-order .ibiz-control-grid__drag-icon{padding:var(--ibiz-spacing-none)!important}.ibiz-control-grid__table .enable-order .ibiz-control-grid__drag-icon .cell{display:none}.ibiz-control-grid__table .enable-order:hover .ibiz-control-grid__drag-icon .cell{display:flex}.ibiz-control-grid__table .el-scrollbar__bar.is-horizontal{height:var(--ibiz-control-grid-scrollbar-width)}.ibiz-control-grid__table .el-scrollbar__bar.is-vertical{width:var(--ibiz-control-grid-scrollbar-width)}.ibiz-control-grid__load-more-button{padding:var(--ibiz-control-grid-header-cell-padding);text-align:center}.ibiz-control-grid .el-table td.el-table__cell,.ibiz-control-grid .el-table th.el-table__cell.is-leaf{border-bottom:none}.ibiz-control-grid .ibiz-pagination{--ibiz-pagination-height:var(--ibiz-control-grid-page-height);--ibiz-pagination-text-color:var(--ibiz-control-grid-text-color);--ibiz-pagination-padding:var(--ibiz-control-grid-page-padding)}.ibiz-control-grid.is-single-select .el-table__header-wrapper .el-table__header thead>tr th:nth-child(1){padding-left:var(--ibiz-spacing-tight)}.ibiz-control-grid.is-single-select .el-table__body-wrapper .el-table__body tbody>tr td:nth-child(1){padding-left:var(--ibiz-spacing-tight)}.ibiz-control-grid.is-enable-customized .el-table__header-wrapper .el-table__header thead>tr th:last-child{padding-right:var(--ibiz-spacing-base-loose)}.ibiz-control-grid.is-enable-customized .ibiz-control-grid-setting-box{display:flex;align-items:center;justify-content:flex-start;position:absolute;top:0;right:0;z-index:1;height:var(--ibiz-control-grid-now-header-height);padding-right:var(--ibiz-spacing-extra-tight);background-color:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid.is-enable-customized .ibiz-grid-setting{cursor:pointer}.ibiz-control-grid-quick-toolbar{justify-content:center}.ibiz-control-grid-batch-toolbar{position:absolute;top:0;left:54px;z-index:99;display:none;width:calc(100% - 54px);height:var(--ibiz-control-grid-now-header-height);font-size:var(--ibiz-font-size-regular);font-weight:var(--ibiz-font-weight-regular);background-color:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid-batch-toolbar.is-show{display:flex;align-items:center;justify-content:flex-start}.ibiz-control-grid-batch-toolbar .ibiz-control-grid-batch-toolbar-separator{padding:0 var(--ibiz-spacing-base-tight)}.ibiz-control-grid-batch-toolbar .ibiz-control-grid-batch-toolbar-content{height:100%;display:flex;align-items:center;justify-content:flex-start}
+.ibiz-control-grid{--ibiz-control-grid-text-color:var(--ibiz-color-text-0);--ibiz-control-grid-bg-color:transparent;--ibiz-control-grid-padding:var(--ibiz-spacing-none);--ibiz-control-grid-cell-padding:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight);--ibiz-control-grid-selection-padding:var(--ibiz-spacing-base-loose);--ibiz-control-grid-row-edit-bg-color:var(--ibiz-color-fill-2);--ibiz-control-grid-row-bg-color:var(--ibiz-color-bg-1);--ibiz-control-grid-row-bg-color-2:var(--ibiz-color-bg-0);--ibiz-control-grid-row-hover-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-row-select-color:var(--ibiz-color-primary-light-default);--ibiz-control-grid-row-expand-icon-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-control-grid-now-header-height:auto;--ibiz-control-grid-scrollbar-width:4px;--ibiz-control-grid-scrollbar-bg-color:var(--ibiz-color-fill-2);--ibiz-control-grid-scrollbar-bg-hover-opacity:0.5;--ibiz-control-grid-scrollbar-bg-hover-color:var(--ibiz-color-fill-2);--ibiz-control-grid-header-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-header-cell-padding:var(--ibiz-control-grid-cell-padding);--ibiz-control-grid-header-height:auto;--ibiz-control-grid-header-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-header-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-header-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-grid-content-text-color:var(--ibiz-control-grid-text-color);--ibiz-control-grid-content-row-height:48px;--ibiz-control-grid-page-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-page-height:50px;--ibiz-control-grid-page-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);--ibiz-control-grid-footer-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-footer-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-footer-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-footer-font-weight:var(--ibiz-font-weight-bold);position:relative;width:100%;height:100%;padding:var(--ibiz-control-grid-padding);background-color:var(--ibiz-control-grid-bg-color)}.ibiz-control-grid .el-table{--el-table-header-bg-color:var(--ibiz-control-grid-header-bg-color);--el-table-current-row-bg-color:var(--ibiz-control-grid-row-select-color);--el-table-border-color:transparent}.ibiz-control-grid.is-empty .el-scrollbar .el-scrollbar__view{height:100%}.ibiz-control-grid.is-empty .el-table__empty-text{display:inline-block;height:100%}.ibiz-control-grid .el-table--border .el-table__cell{border-right:none}.ibiz-control-grid .el-table-fixed-column--left,.ibiz-control-grid .el-table-fixed-column--right{--el-bg-color:transparent}.ibiz-control-grid .el-table thead.is-group th.el-table__cell{background:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid.is-enable-page .ibiz-control-grid__table{height:calc(100% - var(--ibiz-control-grid-page-height))}.ibiz-control-grid.is-enable-group .el-table__indent{display:none}.ibiz-control-grid__table{width:100%;height:100%}.ibiz-control-grid__table .caret-wrapper{justify-content:center}.ibiz-control-grid__table .caret-wrapper>*+*{margin-top:var(--ibiz-spacing-super-tight)}.ibiz-control-grid__table .sort-caret{--el-text-color-placeholder:--ibiz-control-grid-header-text-color;position:initial;opacity:.6}.ibiz-control-grid__table.el-table .el-table__cell{padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr td{background:var(--ibiz-control-grid-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:nth-child(2n) td{background-color:var(--ibiz-control-grid-row-bg-color-2)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:hover td{background-color:var(--ibiz-control-grid-row-hover-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.current-row td{background-color:var(--el-table-current-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.editing-row td{background-color:var(--ibiz-control-grid-row-edit-bg-color)}.ibiz-control-grid__table .el-table__header-wrapper .cell{height:var(--ibiz-control-grid-header-height);padding:var(--ibiz-control-grid-header-cell-padding);font-size:var(--ibiz-control-grid-header-font-size);font-weight:var(--ibiz-control-grid-header-font-weight);color:var(--ibiz-control-grid-header-text-color);word-break:break-word;white-space:pre-wrap}.ibiz-control-grid__table .el-table__header-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__header-wrapper .is-sortable.el-table__cell .cell{display:flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content)}.ibiz-control-grid__table .el-table__body-wrapper{color:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-0:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-1:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-2:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-3:var(--ibiz-control-grid-content-text-color);border-bottom:.1px solid var(--ibiz-color-border)}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row{height:var(--ibiz-control-grid-content-row-height);cursor:pointer}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:0;padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row .el-table__expand-icon{margin:var(--ibiz-control-grid-row-expand-icon-margin)}@-moz-document url-prefix(){.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:100%}}.ibiz-control-grid__table .el-table__body-wrapper .cell{display:flex;align-items:center;height:100%;padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table .el-table__body-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__cell.is-center{--ibiz-grid-column-text-align:center;--ibiz-grid-column-justify-content:center}.ibiz-control-grid__table .el-table__cell.is-left{--ibiz-grid-column-text-align:left;--ibiz-grid-column-justify-content:flex-start}.ibiz-control-grid__table .el-table__cell.is-right{--ibiz-grid-column-text-align:right;--ibiz-grid-column-justify-content:flex-end}.ibiz-control-grid__table .el-scrollbar__wrap{position:relative}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell{font-size:var(--ibiz-control-grid-footer-font-size);font-weight:var(--ibiz-control-grid-footer-font-weight);color:var(--ibiz-control-grid-footer-text-color);background-color:var(--ibiz-control-grid-footer-bg-color)}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell:first-child>div{display:inline;vertical-align:4px}.ibiz-control-grid__table .enable-order{position:relative;padding-left:var(--ibiz-spacing-base-tight);transition:transform .25s cubic-bezier(0,0,.2,1)}.ibiz-control-grid__table .enable-order .ibiz-control-grid__drag-icon{padding:var(--ibiz-spacing-none)!important}.ibiz-control-grid__table .enable-order .ibiz-control-grid__drag-icon .cell{display:none}.ibiz-control-grid__table .enable-order:hover .ibiz-control-grid__drag-icon .cell{display:flex}.ibiz-control-grid__table .el-scrollbar__bar.is-horizontal{height:var(--ibiz-control-grid-scrollbar-width)}.ibiz-control-grid__table .el-scrollbar__bar.is-vertical{width:var(--ibiz-control-grid-scrollbar-width)}.ibiz-control-grid__table .el-scrollbar__thumb{background-color:var(--ibiz-control-grid-scrollbar-bg-color)}.ibiz-control-grid__table .el-scrollbar__thumb:hover{background-color:var(--ibiz-control-grid-scrollbar-bg-hover-color);opacity:var(--ibiz-control-grid-scrollbar-bg-hover-opacity)}.ibiz-control-grid__load-more-button{padding:var(--ibiz-control-grid-header-cell-padding);text-align:center}.ibiz-control-grid .el-table td.el-table__cell,.ibiz-control-grid .el-table th.el-table__cell.is-leaf{border-bottom:none}.ibiz-control-grid .ibiz-pagination{--ibiz-pagination-height:var(--ibiz-control-grid-page-height);--ibiz-pagination-text-color:var(--ibiz-control-grid-text-color);--ibiz-pagination-padding:var(--ibiz-control-grid-page-padding)}.ibiz-control-grid.is-single-select .el-table__header-wrapper .el-table__header thead>tr th:nth-child(1){padding-left:var(--ibiz-spacing-tight)}.ibiz-control-grid.is-single-select .el-table__body-wrapper .el-table__body tbody>tr td:nth-child(1){padding-left:var(--ibiz-spacing-tight)}.ibiz-control-grid.is-enable-customized .el-table__header-wrapper .el-table__header thead>tr th:last-child{padding-right:var(--ibiz-spacing-base-loose)}.ibiz-control-grid.is-enable-customized .ibiz-control-grid-setting-box{display:flex;align-items:center;justify-content:flex-start;position:absolute;top:0;right:0;z-index:1;height:var(--ibiz-control-grid-now-header-height);padding-right:var(--ibiz-spacing-extra-tight);background-color:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid.is-enable-customized .ibiz-grid-setting{cursor:pointer}.ibiz-control-grid-quick-toolbar{justify-content:center}.ibiz-control-grid-batch-toolbar{position:absolute;top:0;left:54px;z-index:99;display:none;width:calc(100% - 54px);height:var(--ibiz-control-grid-now-header-height);font-size:var(--ibiz-font-size-regular);font-weight:var(--ibiz-font-weight-regular);background-color:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid-batch-toolbar.is-show{display:flex;align-items:center;justify-content:flex-start}.ibiz-control-grid-batch-toolbar .ibiz-control-grid-batch-toolbar-separator{padding:0 var(--ibiz-spacing-base-tight)}.ibiz-control-grid-batch-toolbar .ibiz-control-grid-batch-toolbar-content{height:100%;display:flex;align-items:center;justify-content:flex-start}

package/lib/control/grid/grid-column/grid-field-column/grid-field-column.cjs

@@ -7,6 +7,7 @@ var vue3Util = require('@ibiz-template/vue3-util');
 require('./grid-field-column.css');
 var runtime = require('@ibiz-template/runtime');
 var ramda = require('ramda');
+var core = require('@ibiz-template/core');
 
 "use strict";
 const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
@@ -125,12 +126,12 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
         "value": this.codeListValue,
         "onClick": this.onTextClick,
         "onInfoTextChange": this.onInfoTextChange,
-        "title": this.tooltip
+        "title": core.showTitle(this.tooltip)
       }, null);
     } else {
       content = vue.createVNode("span", {
         "class": this.ns.e("text"),
-        "title": this.tooltip,
+        "title": core.showTitle(this.tooltip),
         "onClick": this.onTextClick
       }, [this.formatValue, this.fieldValue != null && c.model.unitName, this.percent && "(".concat(this.percent, ")")]);
     }

package/lib/control/kanban/kanban.cjs

@@ -298,7 +298,7 @@ const KanbanControl = /* @__PURE__ */ vue.defineComponent({
       }, {
         default: () => [vue.createVNode("ion-icon", {
           "name": "add-outline",
-          "title": ibiz.i18n.t("app.newlyBuild")
+          "title": core.showTitle(ibiz.i18n.t("app.newlyBuild"))
         }, null)]
       }), showActionBar && vue.createVNode(vue.resolveComponent("el-dropdown"), {
         "class": ns.be("group", "header-actions"),

package/lib/control/list/list.cjs

@@ -6,6 +6,7 @@ var lodashEs = require('lodash-es');
 var qxUtil = require('qx-util');
 var runtime = require('@ibiz-template/runtime');
 require('./list.css');
+var core = require('@ibiz-template/core');
 require('../../util/index.cjs');
 var usePagination = require('../../util/pagination/use-pagination.cjs');
 
@@ -127,7 +128,7 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
     const renderGroup = (group) => {
       const panel = props.modelData.itemLayoutPanel;
       return vue.createVNode(vue.resolveComponent("el-collapse-item"), {
-        "title": group.caption,
+        "title": core.showTitle(group.caption),
         "class": ns.be("group-content", "item")
       }, {
         default: () => [group.children.length > 0 ? group.children.map((item) => {