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

package/es/control/toolbar/toolbar.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-control-toolbar{--ibiz-control-toolbar-item-margin:0 var(--ibiz-spacing-extra-tight);--ibiz-control-toolbar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-toolbar-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-icon-max-height:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-separator-color:var(--ibiz-color-fill-2);--ibiz-control-toolbar-menu-height:32px;--ibiz-control-toolbar-text-margin:0 0 0 var(--ibiz-spacing-extra-tight);display:flex;align-items:center}.ibiz-control-toolbar__item{display:flex;align-items:center;margin:var(--ibiz-control-toolbar-item-margin);overflow:hidden}.ibiz-control-toolbar__item .el-button{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-control-toolbar-item-padding)}.ibiz-control-toolbar__item .el-button>span{display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height)}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-control-toolbar__item.is-loading .el-button .ibiz-icon{display:none}.ibiz-control-toolbar__item-separator{color:var(--ibiz-control-toolbar-separator-color)}.ibiz-control-toolbar__item-separator+.ibiz-control-toolbar__item-separator,.ibiz-control-toolbar__item-separator:first-child{display:none}.ibiz-control-toolbar__menu.el-menu{height:var(--ibiz-control-toolbar-menu-height);margin:var(--ibiz-control-toolbar-item-margin);border:none}.ibiz-control-toolbar__menu .el-sub-menu.is-disabled .el-sub-menu__title{opacity:1}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title{display:flex;align-items:center;justify-content:center;padding:0;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary);border-bottom:none;border-radius:var(--ibiz-border-radius-small)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-sub-menu__icon-arrow{display:none}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button>span{display:flex;align-items:center;justify-content:center;font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button>span .ibiz-toolbar-item-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button>span .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button>span .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button>span .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button>span .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title>span{display:flex;align-items:center;justify-content:center;line-height:1}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu.is-active .el-sub-menu__title{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper{--ibiz-control-toolbar-item-margin:0 var(--ibiz-spacing-extra-tight);--ibiz-control-toolbar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-toolbar-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-icon-max-height:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-separator-color:var(--ibiz-color-fill-2);--ibiz-control-toolbar-menu-height:32px;--ibiz-control-toolbar-text-margin:0 0 0 var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-control-toolbar-submenu-popper .el-menu .el-sub-menu.is-disabled .el-sub-menu__title{opacity:1}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu .el-sub-menu__title{padding:0 10px;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu .el-sub-menu__title:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu.is-active .el-sub-menu__title{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu-rawitem{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item.is-active{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .el-button{justify-content:flex-start;width:100%;padding:0;--el-button-active-bg-color:transparent;--el-button-hover-bg-color:transparent;--el-button-bg-color:transparent;--el-mask-color-extra-light:transparent}
+@charset "UTF-8";.ibiz-control-toolbar{--ibiz-control-toolbar-item-margin:0 var(--ibiz-spacing-extra-tight);--ibiz-control-toolbar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-toolbar-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-icon-max-height:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-separator-color:var(--ibiz-color-fill-2);--ibiz-control-toolbar-menu-height:32px;--ibiz-control-toolbar-text-margin:0 0 0 var(--ibiz-spacing-extra-tight);display:flex;align-items:center}.ibiz-control-toolbar__item{display:flex;align-items:center;margin:var(--ibiz-control-toolbar-item-margin);overflow:hidden}.ibiz-control-toolbar__item .el-button{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-control-toolbar-item-padding)}.ibiz-control-toolbar__item .el-button>span{display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height)}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-control-toolbar__item.is-loading .el-button .ibiz-icon{display:none}.ibiz-control-toolbar__item-separator{color:var(--ibiz-control-toolbar-separator-color)}.ibiz-control-toolbar__item-separator+.ibiz-control-toolbar__item-separator,.ibiz-control-toolbar__item-separator:first-child{display:none}.ibiz-control-toolbar__menu.el-menu{height:var(--ibiz-control-toolbar-menu-height);margin:var(--ibiz-control-toolbar-item-margin);border:none}.ibiz-control-toolbar__menu .el-sub-menu.is-disabled .el-sub-menu__title{opacity:1}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title{display:flex;align-items:center;justify-content:center;padding:0;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary);border-bottom:none;border-radius:var(--ibiz-border-radius-small)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-sub-menu__icon-arrow{display:none}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button>span{display:flex;align-items:center;justify-content:center;font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button>span .ibiz-toolbar-item-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button>span .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button>span .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button>span .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button>span .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title>span{display:flex;align-items:center;justify-content:center;line-height:1}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu.is-active .el-sub-menu__title{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper{--ibiz-control-toolbar-item-margin:0 var(--ibiz-spacing-extra-tight);--ibiz-control-toolbar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-toolbar-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-icon-max-height:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-separator-color:var(--ibiz-color-fill-2);--ibiz-control-toolbar-menu-height:32px;--ibiz-control-toolbar-text-margin:0 0 0 var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-control-toolbar-submenu-popper .el-menu .el-sub-menu.is-disabled .el-sub-menu__title{opacity:1}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu .el-sub-menu__title{padding:0 10px;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu .el-sub-menu__title:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu.is-active .el-sub-menu__title{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu-rawitem{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item.is-active{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .el-button{justify-content:flex-start;width:100%;padding:0;--el-button-active-bg-color:transparent;--el-button-hover-bg-color:transparent;--el-button-bg-color:transparent;--el-mask-color-extra-light:transparent}.ibiz-control-toolbar-actions{display:flex;margin:var(--ibiz-control-toolbar-item-margin);white-space:normal;visibility:visible}.ibiz-control-toolbar-actions__extract-mode-itemx .el-button-group{display:flex;white-space:normal}.ibiz-control-toolbar-actions__extract-mode-itemx .el-button-group>.el-button{padding:var(--ibiz-spacing-none)}.ibiz-control-toolbar-actions__extract-mode-itemx .el-button-group>.el-button:nth-child(2):focus-visible{outline:0;outline-offset:0}.ibiz-control-toolbar-actions__item-deuiaction{display:flex;align-items:center;margin:var(--ibiz-control-toolbar-item-margin);overflow:hidden}.ibiz-control-toolbar-actions__item-deuiaction:first-child{margin-left:0}.ibiz-control-toolbar-actions__item-deuiaction:last-child{margin-right:0}.ibiz-control-toolbar-actions .el-button>span{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar-actions .el-button>span .ibiz-toolbar-item-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height)}.ibiz-control-toolbar-actions .el-button>span .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar-actions .el-button>span .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar-actions .el-button>span .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-control-toolbar-actions .el-button>span .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-control-toolbar-actions-dropdown-popper{--el-popover-padding:var(--ibiz-spacing-none);min-width:200px;--ibiz-control-toolbar-actions-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-control-toolbar-actions-dropdown-item-height:36px}.ibiz-control-toolbar-actions-dropdown-popper__dropdown-item{height:var(--ibiz-control-toolbar-actions-dropdown-item-height)}.ibiz-control-toolbar-actions-dropdown-popper.is-disabled{display:none}.ibiz-control-toolbar-actions-dropdown-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu__item{padding:var(--ibiz-spacing-none)}.ibiz-control-toolbar-actions-dropdown-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu__item.is-disabled{background-color:transparent;opacity:.25}.ibiz-control-toolbar-actions-dropdown-popper .el-button{--el-button-active-bg-color:transparent;--el-button-hover-bg-color:transparent;--el-button-bg-color:transparent;--el-mask-color-extra-light:transparent;display:block;width:100%;padding:var(--ibiz-control-toolbar-actions-popover-button-padding);margin:var(--ibiz-spacing-none);color:var(--ibiz-color-primary-text);text-align:left;background-color:transparent;border-radius:0}.ibiz-control-toolbar-actions-dropdown-popper .el-button:hover{color:var(--ibiz-color-primary-text);background-color:transparent}.ibiz-control-toolbar-actions-dropdown-popper .el-button>span{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar-actions-dropdown-popper .el-button>span .ibiz-toolbar-item-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height)}.ibiz-control-toolbar-actions-dropdown-popper .el-button>span .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar-actions-dropdown-popper .el-button>span .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar-actions-dropdown-popper .el-button>span .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-control-toolbar-actions-dropdown-popper .el-button>span .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}

package/es/control/toolbar/toolbar.mjs

@@ -4,6 +4,7 @@ import { ToolbarController } from '@ibiz-template/runtime';
 import { IBizExportExcel } from './export-excel/export-excel.mjs';
 import { IBizShortCutButton } from './short-cut-button/short-cut-button.mjs';
 import './toolbar.css';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 function _isSlot(s) {
@@ -58,11 +59,20 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
     var _a;
     const c = useControlController((...args) => new ToolbarController(...args));
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
+    const ns2 = useNamespace("control-".concat(c.model.controlType.toLowerCase(), "-actions"));
     const btnSize = ref("default");
     const toolbarStyle = (_a = c.model.toolbarStyle) == null ? void 0 : _a.toLowerCase();
     const handleClick = async (item, event, params) => {
       await c.onItemClick(item, event, params);
     };
+    const handleActionClick = async (item, event, params) => {
+      const tempItem = {};
+      Object.assign(tempItem, {
+        ...item,
+        itemType: item.detailType
+      });
+      await handleClick(tempItem, event, params);
+    };
     const renderExtraButtons = (extraButtons) => {
       return extraButtons.map((button) => {
         let _slot;
@@ -70,7 +80,7 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
           "key": button.id,
           "class": [ns.e("item")]
         }, [createVNode(resolveComponent("el-button"), {
-          "title": ibiz.env.enableTitle ? button.tooltip : void 0,
+          "title": showTitle(button.tooltip),
           "size": btnSize.value,
           "onClick": (e) => handleClick(button, e)
         }, _isSlot(_slot = btnContent(button)) ? _slot : {
@@ -100,7 +110,7 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
         "class": [ns.b("submenu"), ns.em("item", groupButtonStyle.toLowerCase()), calcCssName(item)],
         "index": item.id,
         "disabled": pdisabled,
-        "title": item.tooltip,
+        "title": showTitle(item.tooltip),
         "popper-class": [ns.b("submenu-popper"), ns.bm("submenu-popper", toolbarStyle), ns.em("submenu-popper", groupButtonStyle.toLowerCase()), ns.bm("submenu-popper", calcCssName(item))]
       }, {
         default: () => {
@@ -127,7 +137,7 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
             if (item2.itemType === "RAWITEM") {
               return createVNode(resolveComponent("el-menu-item"), {
                 "index": "menuitem".concat(item2.id),
-                "title": item2.tooltip
+                "title": showTitle(item2.tooltip)
               }, {
                 default: () => [createVNode(resolveComponent("iBizRawItem"), {
                   "rawItem": item2,
@@ -155,7 +165,7 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
                 "class": [ns.is("loading", c.state.buttonsState[item2.id].loading), ns.em("item", buttonType), calcCssName(item2)],
                 "index": "menuitem".concat(item2.id),
                 "disabled": c.state.buttonsState[item2.id].disabled,
-                "title": item2.tooltip,
+                "title": showTitle(item2.tooltip),
                 "onClick": (e) => handleClick(item2, e)
               }, {
                 default: () => [createVNode(resolveComponent("el-button"), {
@@ -182,8 +192,128 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
         }
       });
     };
+    const renderActionButton = (detail) => {
+      if (c.state.buttonsState[detail.id].visible) {
+        let _slot4;
+        return [createVNode(resolveComponent("el-button"), {
+          "title": showTitle(detail.caption),
+          "size": btnSize.value,
+          "class": [calcCssName(detail)],
+          "loading": c.state.buttonsState[detail.id].loading,
+          "disabled": c.state.buttonsState[detail.id].disabled,
+          "onClick": (e) => handleActionClick(detail, e)
+        }, _isSlot(_slot4 = btnContent(detail)) ? _slot4 : {
+          default: () => [_slot4]
+        })];
+      }
+      return null;
+    };
+    const renderDropdownItem = (detail) => {
+      if (c.state.buttonsState[detail.id].visible) {
+        let _slot5;
+        const disabled = c.state.buttonsState[detail.id].disabled;
+        return createVNode(resolveComponent("el-dropdown-item"), {
+          "class": [ns2.be("dropdown-popper", "dropdown-item"), ns2.is("disabled", disabled)]
+        }, _isSlot(_slot5 = renderActionButton(detail)) ? _slot5 : {
+          default: () => [_slot5]
+        });
+      }
+      return null;
+    };
+    const renderActionGroupItems = (item) => {
+      const {
+        uiactionGroup
+      } = item;
+      if (uiactionGroup && uiactionGroup.uiactionGroupDetails) {
+        const {
+          uiactionGroupDetails
+        } = uiactionGroup;
+        const enableDropdown = uiactionGroupDetails.length > 0;
+        const groupButtonStyle = item.buttonStyle || "";
+        return createVNode(resolveComponent("el-dropdown"), {
+          "popper-class": [ns2.b("dropdown-popper"), ns2.bm("dropdown-popper", toolbarStyle), ns2.em("dropdown-popper", groupButtonStyle.toLowerCase()), ns2.bm("dropdown-popper", calcCssName(item))]
+        }, {
+          default: () => renderActionButton(item),
+          dropdown: () => {
+            let _slot6;
+            return enableDropdown && createVNode(resolveComponent("el-dropdown-menu"), null, _isSlot(_slot6 = uiactionGroupDetails.map((detail) => renderDropdownItem(detail))) ? _slot6 : {
+              default: () => [_slot6]
+            });
+          }
+        });
+      }
+      return null;
+    };
+    const getFirstIndex = (details, index) => {
+      const firstItem = details.slice(index, 1);
+      if (firstItem[0]) {
+        if (c.state.buttonsState[firstItem[0].id].visible) {
+          return index;
+        }
+        return getFirstIndex(details, index + 1);
+      }
+      return -1;
+    };
+    const renderActionGroupItemx = (item) => {
+      const {
+        uiactionGroup
+      } = item;
+      if (uiactionGroup && uiactionGroup.uiactionGroupDetails) {
+        const {
+          uiactionGroupDetails
+        } = uiactionGroup;
+        const firstIndex = getFirstIndex(uiactionGroupDetails, 0);
+        if (firstIndex !== -1) {
+          const firstItem = uiactionGroupDetails.slice(firstIndex, 1);
+          const remainders = uiactionGroupDetails.slice(firstIndex + 1);
+          const enableDropdown = remainders.length > 0;
+          const groupButtonStyle = item.buttonStyle || "";
+          return createVNode(resolveComponent("el-dropdown"), {
+            "split-button": enableDropdown,
+            "popper-class": [ns2.b("dropdown-popper"), ns2.bm("dropdown-popper", toolbarStyle), ns2.em("dropdown-popper", groupButtonStyle.toLowerCase()), ns2.bm("dropdown-popper", calcCssName(item))]
+          }, {
+            default: () => renderActionButton(firstItem[0]),
+            dropdown: () => {
+              let _slot7;
+              return enableDropdown && createVNode(resolveComponent("el-dropdown-menu"), null, _isSlot(_slot7 = remainders.map((detail) => renderDropdownItem(detail))) ? _slot7 : {
+                default: () => [_slot7]
+              });
+            }
+          });
+        }
+      }
+      return null;
+    };
+    const renderActionGroupItem = (item) => {
+      const {
+        uiactionGroup
+      } = item;
+      if (uiactionGroup && uiactionGroup.uiactionGroupDetails) {
+        const {
+          uiactionGroupDetails
+        } = uiactionGroup;
+        return uiactionGroupDetails.map((detail) => createVNode("div", {
+          "class": ns2.e("item-deuiaction")
+        }, [renderActionButton(detail)]));
+      }
+      return null;
+    };
+    const renderActionGroup = (item) => {
+      const {
+        groupExtractMode
+      } = item;
+      switch (groupExtractMode) {
+        case "ITEMS":
+          return renderActionGroupItems(item);
+        case "ITEMX":
+          return renderActionGroupItemx(item);
+        case "ITEM":
+        default:
+          return renderActionGroupItem(item);
+      }
+    };
     const renderToolbarItem = (item) => {
-      var _a2, _b;
+      var _a2, _b, _c;
       const itemId = item.id;
       const visible = (_a2 = c.state.buttonsState[itemId]) == null ? void 0 : _a2.visible;
       const provider = c.itemProviders[itemId];
@@ -214,7 +344,7 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
         }, null)]);
       }
       if (item.itemType === "DEUIACTION") {
-        let _slot4;
+        let _slot8;
         const actionId = item.uiactionId;
         const buttonType = (_b = item.buttonStyle) == null ? void 0 : _b.toLowerCase();
         if (actionId === "exportexcel") {
@@ -243,27 +373,34 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
           "key": itemId,
           "class": [ns.e("item"), ns.e("item-deuiaction"), ns.em("item", buttonType), calcCssName(item), ns.is("loading", c.state.buttonsState[itemId].loading)]
         }, [createVNode(resolveComponent("el-button"), {
-          "title": ibiz.env.enableTitle ? item.tooltip : void 0,
+          "title": showTitle(item.tooltip),
           "size": btnSize.value,
           "text": Object.is(buttonType, "inverse"),
           "type": buttonType,
           "loading": c.state.buttonsState[itemId].loading,
           "disabled": c.state.buttonsState[itemId].disabled,
           "onClick": (e) => handleClick(item, e)
-        }, _isSlot(_slot4 = btnContent(item)) ? _slot4 : {
-          default: () => [_slot4]
+        }, _isSlot(_slot8 = btnContent(item)) ? _slot8 : {
+          default: () => [_slot8]
         })]);
       }
       if (item.itemType === "ITEMS") {
-        let _slot5;
-        const groupButtonStyle = item.buttonStyle || "";
+        let _slot9;
+        const groupItem = item;
+        const groupButtonStyle = groupItem.buttonStyle || "";
+        if (groupItem.groupExtractMode && groupItem.uiactionGroup) {
+          const extractName = "extract-mode-".concat(((_c = groupItem.groupExtractMode) == null ? void 0 : _c.toLowerCase()) || "item");
+          return createVNode("div", {
+            "class": [ns2.b(), ns2.e(extractName), ns2.em("item", groupButtonStyle.toLowerCase()), calcCssName(item)]
+          }, [renderActionGroup(item)]);
+        }
         return createVNode(resolveComponent("el-menu"), {
           "mode": "horizontal",
           "class": [ns.e("menu"), ns.em("menu", groupButtonStyle.toLowerCase()), calcCssName(item)],
           "ellipsis": false,
           "menu-trigger": "hover"
-        }, _isSlot(_slot5 = renderSubmenu(item)) ? _slot5 : {
-          default: () => [_slot5]
+        }, _isSlot(_slot9 = renderSubmenu(item)) ? _slot9 : {
+          default: () => [_slot9]
         });
       }
       return null;

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-field-column/tree-grid-ex-field-column.mjs

@@ -3,6 +3,7 @@ import { useNamespace } from '@ibiz-template/vue3-util';
 import { TreeGridExFieldColumnController, TreeGridExRowState } from '@ibiz-template/runtime';
 import { isNotNil } from 'ramda';
 import './tree-grid-ex-field-column.css';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 const TreeGridExFieldColumn = /* @__PURE__ */ defineComponent({
@@ -95,12 +96,12 @@ const TreeGridExFieldColumn = /* @__PURE__ */ defineComponent({
         "value": this.fieldValue,
         "onClick": this.onTextClick,
         "onInfoTextChange": this.onInfoTextChange,
-        "title": this.tooltip
+        "title": showTitle(this.tooltip)
       }, null);
     } else {
       content = createVNode("span", {
         "class": this.ns.e("text"),
-        "title": this.tooltip,
+        "title": showTitle(this.tooltip),
         "onClick": this.onTextClick
       }, [this.showText]);
     }

package/es/control/wizard-panel/wizard-panel.mjs

@@ -2,6 +2,7 @@ import { isVNode, resolveComponent, h, createVNode, defineComponent } from 'vue'
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './wizard-panel.css';
 import { WizardPanelController } from '@ibiz-template/runtime';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 function _isSlot(s) {
@@ -98,7 +99,7 @@ const WizardPanelControl = /* @__PURE__ */ defineComponent({
           "active": active
         }, _isSlot(_slot = dewizardSteps.map((step) => {
           return createVNode(resolveComponent("el-step"), {
-            "title": step.title
+            "title": showTitle(step.title)
           }, null);
         })) ? _slot : {
           default: () => [_slot]

package/es/editor/array/ibiz-array/ibiz-array.d.ts

@@ -66,6 +66,7 @@ export declare const IBizArray: import("vue").DefineComponent<{
     addItem: (index?: number) => void;
     removeItem: (index: number) => void;
     handleChange: (value: string | number, index: number) => void;
+    handleInput: (value: string | number, index: number) => void;
     onBlur: (e: IData) => void;
     onFocus: (e: IData) => void;
     handleKeyUp: (e: KeyboardEvent) => void;

package/es/editor/array/ibiz-array/ibiz-array.mjs

@@ -88,9 +88,11 @@ const IBizArray = /* @__PURE__ */ defineComponent({
       }
       return tempValue;
     };
-    const onEmit = () => {
+    const onEmit = (eventName = "blur") => {
       const result = items.value.map((item) => item.value);
-      emit("change", result);
+      if (eventName === c.triggerMode) {
+        emit("change", result);
+      }
     };
     const addItem = (index) => {
       if (props.disabled || props.readonly) {
@@ -115,6 +117,10 @@ const IBizArray = /* @__PURE__ */ defineComponent({
       items.value[index].value = value;
       onEmit();
     };
+    const handleInput = (value, index) => {
+      items.value[index].value = value;
+      onEmit("input");
+    };
     const onBlur = (e) => {
       emit("blur", e);
     };
@@ -143,6 +149,7 @@ const IBizArray = /* @__PURE__ */ defineComponent({
       addItem,
       removeItem,
       handleChange,
+      handleInput,
       onBlur,
       onFocus,
       handleKeyUp,
@@ -170,7 +177,8 @@ const IBizArray = /* @__PURE__ */ defineComponent({
         "onBlur": this.onBlur,
         "onFocus": this.onFocus,
         "onKeyup": this.handleKeyUp,
-        "onChange": (val) => this.handleChange(val, index)
+        "onChange": (val) => this.handleChange(val, index),
+        "onInput": (val) => this.handleInput(val, index)
       }, this.$attrs), null) : createVNode(resolveComponent("el-tooltip"), {
         "placement": "bottom",
         "trigger": "hover"
@@ -188,6 +196,7 @@ const IBizArray = /* @__PURE__ */ defineComponent({
             "onBlur": this.onBlur,
             "onFocus": this.onFocus,
             "onChange": (val) => this.handleChange(val, index),
+            "onInput": (val) => this.handleInput(val, index),
             "onKeyup": this.handleKeyUp
           }, this.$attrs), {
             prefix: () => {

package/es/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.mjs

@@ -2,6 +2,7 @@ import { ref, computed, watch, resolveComponent, mergeProps, h, createVNode, def
 import { getAutoCompleteProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-autocomplete.css';
 import { debounce } from 'lodash-es';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 const IBizAutoComplete = /* @__PURE__ */ defineComponent({
@@ -195,7 +196,7 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
         }
         return createVNode("div", {
           "class": [this.ns.e("transfer-item"), this.ns.is("ellipsis", isEllipsis)],
-          "title": isEllipsis ? item[this.c.textName] : ""
+          "title": showTitle(isEllipsis ? item[this.c.textName] : "")
         }, [item[this.c.textName]]);
       },
       suffix: () => {

package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.mjs

@@ -2,6 +2,7 @@ import { isVNode, ref, computed, watch, onMounted, resolveComponent, mergeProps,
 import { getDataPickerProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-mpicker.css';
 import { clone } from 'lodash-es';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 function _isSlot(s) {
@@ -309,7 +310,7 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
       "remote-show-suffix": this.c.model.showTrigger
     }, this.$attrs), _isSlot(_slot = this.items.map((item) => {
       return createVNode(resolveComponent("el-option"), {
-        "title": isEllipsis ? item[this.c.textName] : "",
+        "title": showTitle(isEllipsis ? item[this.c.textName] : ""),
         "key": item[this.c.keyName],
         "value": item[this.c.keyName],
         "label": item[this.c.textName]

package/es/editor/data-picker/ibiz-picker/ibiz-picker.mjs

@@ -2,6 +2,7 @@ import { ref, computed, watch, onMounted, resolveComponent, h, createVNode, merg
 import { getDataPickerProps, getEditorEmits, useNamespace, renderString } from '@ibiz-template/vue3-util';
 import { isEmpty, isNil } from 'ramda';
 import './ibiz-picker.css';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 const IBizPicker = /* @__PURE__ */ defineComponent({
@@ -225,7 +226,7 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
         }
       }, null) : createVNode("div", {
         "class": [this.ns.e("transfer-item"), this.ns.is("ellipsis", isEllipsis)],
-        "title": isEllipsis ? item[this.c.textName] : "",
+        "title": showTitle(isEllipsis ? item[this.c.textName] : ""),
         "onClick": () => {
           this.onACSelect(item);
         }

package/es/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.mjs

@@ -2,6 +2,7 @@ import { isVNode, ref, computed, watch, onMounted, resolveComponent, mergeProps,
 import { getDataPickerProps, getEditorEmits, useNamespace, renderString } from '@ibiz-template/vue3-util';
 import { isNil, clone } from 'ramda';
 import './ibiz-picker-dropdown.css';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 function _isSlot(s) {
@@ -241,7 +242,7 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
       "fit-input-width": isEllipsis
     }, this.$attrs), _isSlot(_slot = this.items.map((item) => {
       return createVNode(resolveComponent("el-option"), {
-        "title": isEllipsis ? item[this.c.textName] : "",
+        "title": showTitle(isEllipsis ? item[this.c.textName] : ""),
         "value": item[this.c.keyName],
         "key": item[this.c.keyName],
         "label": item[this.c.textName]

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs

@@ -1,5 +1,6 @@
 import { ref, computed, watch, nextTick, onMounted, onUnmounted, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getDropdownProps, getEditorEmits, useNamespace, useCodeListListen, useClickOutside } from '@ibiz-template/vue3-util';
+import { showTitle } from '@ibiz-template/core';
 import './ibiz-dropdown.css';
 
 "use strict";
@@ -289,7 +290,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
         const data = node.data || {};
         const label = data.label || "";
         return createVNode("span", {
-          "title": isEllipsis ? label : ""
+          "title": showTitle(isEllipsis ? label : "")
         }, [label]);
       }
     }) : createVNode(resolveComponent("el-select"), mergeProps({
@@ -324,7 +325,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
               "select-option-item-bkcolor": "".concat(item.bkcolor)
             }) : "",
             "class": [item.cls ? item.cls : null],
-            "title": isEllipsis ? item.text : ""
+            "title": showTitle(isEllipsis ? item.text : "")
           }, {
             default: () => {
               return createVNode("div", {
@@ -370,7 +371,9 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
         }) : ""
       }, [(codeListItem == null ? void 0 : codeListItem.sysImage) && createVNode(resolveComponent("iBizIcon"), {
         "icon": codeListItem == null ? void 0 : codeListItem.sysImage
-      }, null), text]);
+      }, null), createVNode("span", {
+        "class": this.ns.be("readonly-text-item", "label")
+      }, [text])]);
     });
     const formDefaultContent = createVNode("div", {
       "class": [this.ns.b("form-default-content"), this.ns.is("multiple", this.c.multiple)]
@@ -382,7 +385,9 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
           "select-option-item-color": "".concat(codeListItem.color || ""),
           "select-option-item-bkcolor": "".concat((this.c.editorParams.type === "round" ? codeListItem.bkcolor : "") || "")
         }) : ""
-      }, [text]);
+      }, [createVNode("span", {
+        "class": this.ns.be("content-item", "label")
+      }, [text])]);
     }) : "-"]);
     return createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent), this.c.editorParams.type === "round" && this.ns.m("round")],

package/es/editor/dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.d.ts

@@ -25,7 +25,7 @@ export declare const IBizEmojiPicker: import("vue").DefineComponent<{
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: DropDownListEditorController;
-    emoji: import("vue").Ref<string>;
+    emoji: import("vue").Ref<string | number | undefined>;
     visible: import("vue").Ref<boolean>;
     emojiRef: import("vue").Ref<any>;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;

package/es/editor/dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.mjs

@@ -1,6 +1,6 @@
 import { ref, computed, watch, createVNode, resolveComponent, defineComponent } from 'vue';
 import { getDropdownProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
-import { strToBase64, isBase64, base64ToStr } from '@ibiz-template/core';
+import { strToBase64, isEmoji, base64ToStr } from '@ibiz-template/core';
 import './ibiz-emoji-picker.css';
 
 "use strict";
@@ -33,7 +33,6 @@ const IBizEmojiPicker = /* @__PURE__ */ defineComponent({
       emoji.value = "";
       visible.value = false;
       emit("change", "");
-      console.log("emojiRef", emojiRef.value);
       emojiRef.value.click();
     };
     const onSelect = (val) => {
@@ -43,13 +42,7 @@ const IBizEmojiPicker = /* @__PURE__ */ defineComponent({
     };
     watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
-        if (!newVal) {
-          emoji.value = "";
-        } else if (Number.isNaN(Number(newVal)) && isBase64("".concat(newVal))) {
-          emoji.value = base64ToStr("".concat(newVal));
-        } else {
-          emoji.value = newVal.toString();
-        }
+        emoji.value = newVal && isEmoji("".concat(newVal)) ? base64ToStr(newVal) : newVal;
       }
     }, {
       immediate: true

package/es/editor/html/html-editor.controller.d.ts

@@ -1,5 +1,6 @@
 import { EditorController, IAppDEService } from '@ibiz-template/runtime';
 import { IAppDEACMode, IHtml } from '@ibiz/model-core';
+import { IDomEditor } from '@wangeditor/editor';
 /**
  * html框编辑器控制器
  *
@@ -39,5 +40,92 @@ export declare class HtmlEditorController extends EditorController<IHtml> {
      * @type {boolean}
      */
     chatCompletion: boolean;
+    /**
+     * wangEditor 实例
+     *
+     * @private
+     * @type {IDomEditor}
+     * @memberof HtmlEditorController
+     */
+    private wangEditor;
+    /**
+     * 气泡容器
+     *
+     * @type {(IOverlayPopoverContainer | null)}
+     * @memberof HtmlEditorController
+     */
+    private overlay;
+    /**
+     * 清除回调
+     *
+     * @private
+     * @memberof HtmlEditorController
+     */
+    private cleanup;
+    /**
+     * 预定义阻止捕获事件code
+     *
+     * @private
+     * @type {number[]}
+     * @memberof HtmlEditorController
+     */
+    private presetPreventEvents;
+    /**
+     * 预定义阻止冒泡事件code
+     *
+     * @private
+     * @type {number[]}
+     * @memberof HtmlEditorController
+     */
+    private presetPreventPropEvents;
+    /**
+     * 初始化
+     *
+     * @protected
+     * @return {*}  {Promise<void>}
+     * @memberof HtmlEditorController
+     */
     protected onInit(): Promise<void>;
+    /**
+     * 自定义注册
+     *
+     * @private
+     * @memberof HtmlEditorController
+     */
+    private customRegister;
+    /**
+     * wangEditor 创建完成
+     *
+     * @private
+     * @param {IDomEditor} editor
+     * @memberof HtmlEditorController
+     */
+    onCreated(editor: IDomEditor): void;
+    /**
+     * 监听事件
+     *
+     * @private
+     * @memberof HtmlEditorController
+     */
+    private listenEvent;
+    /**
+     * 打开表情选择
+     *
+     * @memberof HtmlEditorController
+     */
+    private openEmojiSelect;
+    /**
+     * 添加表情
+     *
+     * @param {string} data
+     * @memberof HtmlEditorController
+     */
+    private addEmojiNode;
+    /**
+     * 销毁
+     *
+     * @private
+     * @memberof HtmlEditorController
+     */
+    onDestroyed(): void;
 }