@ibiz-template/vue3-components 0.7.41-alpha.9 → 0.7.41-alpha.90

package/lib/control/search-bar/search-bar.cjs

@@ -42,7 +42,20 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
   setup() {
     var _a;
     const c = vue3Util.useControlController((...args) => new runtime.SearchBarController(...args));
-    c.setStorageKeyFn(vue3Util.useLocalCacheKey(c.context, "SEARCH_BAR_SELECTED_GROUP", c.view.modal.routeDepth));
+    const counterData = vue.ref({});
+    const fn = (counter) => {
+      counterData.value = counter;
+    };
+    c.evt.on("onCreated", () => {
+      if (c.counter) {
+        c.counter.onChange(fn, true);
+      }
+    });
+    vue.onUnmounted(() => {
+      var _a2;
+      (_a2 = c.counter) == null ? void 0 : _a2.offChange(fn);
+    });
+    c.setStorageKeyFn(vue3Util.useLocalCacheKey(c.context, "SEARCH_BAR_SELECTED_GROUP", c.view.modal.routeDepth, "@", "".concat(c.view.model.codeName, "@").concat(c.model.codeName)));
     const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     let isSearch = false;
     const onSearch = () => {
@@ -70,10 +83,14 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
     });
     const onGroupClick = (item) => {
       c.state.selectedGroupItem = item;
+      c.evt.emit("onTabChange", {
+        data: [item]
+      });
       onSearch();
     };
     if (c.model.enableGroup && c.model.searchBarGroups && ((_a = c.model.searchBarGroups) == null ? void 0 : _a.length) > 0) {
-      c.state.selectedGroupItem = c.model.searchBarGroups[0];
+      const defaultGroup = c.model.searchBarGroups.find((x) => x.defaultGroup);
+      c.state.selectedGroupItem = defaultGroup || c.model.searchBarGroups[0];
     }
     const filterButtonRef = vue.ref();
     let popover;
@@ -135,6 +152,7 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
       ns,
       cssVars,
       filterButtonRef,
+      counterData,
       onClear,
       onSearch,
       onKeydown,
@@ -153,15 +171,27 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
       default: () => {
         var _a;
         return [this.c.model.enableGroup && (this.c.isBackendSearchGroup ? vue.createVNode(vue.resolveComponent("iBizSearchGroups"), {
-          "controller": this.c
+          "controller": this.c,
+          "counterData": this.counterData
         }, null) : vue.createVNode("div", {
           "class": this.ns.b("quick-group")
         }, [(_a = this.c.model.searchBarGroups) == null ? void 0 : _a.map((groupItem) => {
           var _a2;
+          const visible = this.c.calcCountVisible(groupItem);
+          if (!visible) {
+            return null;
+          }
           return vue.createVNode("span", {
             "class": [this.ns.b("quick-group-item"), this.ns.is("selected", ((_a2 = this.c.state.selectedGroupItem) == null ? void 0 : _a2.id) === groupItem.id)],
             "onClick": () => this.onGroupClick(groupItem)
-          }, [groupItem.caption]);
+          }, [groupItem.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+            "icon": groupItem.sysImage,
+            "class": this.ns.be("quick-group-item", "icon")
+          }, null), groupItem.caption, groupItem.counterId && vue.createVNode(vue.resolveComponent("iBizBadge"), {
+            "class": this.ns.e("counter"),
+            "value": this.counterData[groupItem.counterId],
+            "counterMode": groupItem.counterMode
+          }, null)]);
         })])), this.c.model.enableGroup && this.c.isBackendSearchGroup && vue.createVNode(vue.resolveComponent("el-button"), {
           "class": this.ns.b("save"),
           "title": core.showTitle(ibiz.i18n.t("control.searchBar.saveGroup")),

package/lib/control/search-bar/search-bar.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-control-searchbar{--ibiz-control-searchbar-quick-search-width:220px;--ibiz-control-searchbar-quick-search-bg:var(--ibiz-color-bg-1);--ibiz-control-searchbar-quick-group-item-padding:var(--ibiz-spacing-base-tight);display:flex;align-items:center;justify-content:flex-start;height:100%}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search{width:var(--ibiz-control-searchbar-quick-search-width);margin-left:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-text-color);background:var(--ibiz-control-searchbar-quick-search-bg);border:1px solid var(--ibiz-border-color);border-radius:var(--ibiz-border-radius-small)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search .el-input-group__prepend,.ibiz-control-searchbar .ibiz-control-searchbar-quick-search.el-input-group__append{padding:var(--ibiz-spacing-none)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search.is-advanced-quick-search .el-input-group__prepend+.el-input__wrapper{border-radius:0 var(--ibiz-border-radius-small) var(--ibiz-border-radius-small) 0}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group{height:100%;overflow-x:auto;white-space:nowrap}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item{position:relative;display:inline-block;height:100%;padding:var(--ibiz-control-searchbar-quick-group-item-padding);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item.is-selected::after{position:absolute;bottom:2px;left:var(--ibiz-spacing-base-tight);width:calc(100% - 2 * var(--ibiz-spacing-base-tight));height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item:hover{color:var(--ibiz-color-primary)}.ibiz-control-searchbar .el-input__icon{cursor:pointer}.ibiz-control-searchbar-filter{margin-right:var(--ibiz-spacing-extra-tight);margin-left:var(--ibiz-spacing-base-tight)}.ibiz-control-searchbar-save{margin-left:var(--ibiz-spacing-base-tight)}
+@charset "UTF-8";.ibiz-control-searchbar{--ibiz-control-searchbar-quick-search-width:220px;--ibiz-control-searchbar-quick-search-bg:var(--ibiz-color-bg-1);--ibiz-control-searchbar-quick-group-item-padding:var(--ibiz-spacing-base-tight);display:flex;align-items:center;justify-content:flex-start;height:100%}.ibiz-control-searchbar__counter{margin-left:var(--ibiz-spacing-tight)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search{width:var(--ibiz-control-searchbar-quick-search-width);margin-left:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-text-color);background:var(--ibiz-control-searchbar-quick-search-bg);border:1px solid var(--ibiz-border-color);border-radius:var(--ibiz-border-radius-small)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search .el-input-group__prepend,.ibiz-control-searchbar .ibiz-control-searchbar-quick-search.el-input-group__append{padding:var(--ibiz-spacing-none)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search.is-advanced-quick-search .el-input-group__prepend+.el-input__wrapper{border-radius:0 var(--ibiz-border-radius-small) var(--ibiz-border-radius-small) 0}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group{display:flex;align-items:center;height:100%;overflow-x:auto;white-space:nowrap}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item{position:relative;display:flex;align-items:center;height:auto;padding:var(--ibiz-control-searchbar-quick-group-item-padding);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-control-searchbar-quick-group-item__icon{display:flex;align-items:center;justify-content:center;margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item.is-selected::after{position:absolute;bottom:2px;left:var(--ibiz-spacing-base-tight);width:calc(100% - 2 * var(--ibiz-spacing-base-tight));height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item:hover{color:var(--ibiz-color-primary)}.ibiz-control-searchbar .el-input__icon{cursor:pointer}.ibiz-control-searchbar-filter{margin-right:var(--ibiz-spacing-extra-tight);margin-left:var(--ibiz-spacing-base-tight)}.ibiz-control-searchbar-save{margin-left:var(--ibiz-spacing-base-tight)}

package/lib/control/search-bar/search-groups/search-groups.cjs

@@ -22,6 +22,11 @@ const SearchGroups = /* @__PURE__ */ vue.defineComponent({
     controller: {
       type: Object,
       required: true
+    },
+    counterData: {
+      type: Object,
+      default: () => {
+      }
     }
   },
   setup(props) {
@@ -192,10 +197,18 @@ const SearchGroups = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.b()
     }, [(_a = this.showGroups) == null ? void 0 : _a.map((groupItem) => {
       var _a2;
+      const visible = this.c.calcCountVisible(groupItem);
+      if (!visible) {
+        return null;
+      }
       return vue.createVNode("span", {
         "class": [this.ns.b("quick-group-item"), this.ns.is("selected", ((_a2 = this.c.state.selectedSearchGroupItem) == null ? void 0 : _a2.name) === groupItem.name)],
         "onClick": () => this.onGroupClick(groupItem)
-      }, [groupItem.caption || groupItem.name]);
+      }, [groupItem.caption || groupItem.name, groupItem.counterId && vue.createVNode(vue.resolveComponent("iBizBadge"), {
+        "class": this.ns.e("counter"),
+        "value": this.counterData[groupItem.counterId],
+        "counterMode": groupItem.counterMode
+      }, null)]);
     }), vue.createVNode(vue.resolveComponent("el-dropdown"), {
       "popper-class": this.ns.b("dropdown")
     }, {
@@ -366,6 +379,7 @@ const SearchGroups = /* @__PURE__ */ vue.defineComponent({
         "itemKey": "id",
         "sort": true,
         "force-fallback": true,
+        "delay": 100,
         "animation": 500,
         "ghost-class": this.ns.b("table-row-ghost"),
         "onChange": (evt) => this.onDragChange(evt)

package/lib/control/search-bar/search-groups/search-groups.css

@@ -1 +1 @@
-.ibiz-search-groups{display:flex;align-items:center;justify-content:flex-start;height:100%}.ibiz-search-groups .ibiz-search-groups-quick-group-item{position:relative;display:inline-block;height:100%;padding:var(--ibiz-spacing-tight);margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-search-groups .ibiz-search-groups-quick-group-item.is-selected::after{position:absolute;bottom:2px;left:0;width:100%;height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-search-groups .ibiz-search-groups-quick-group-item:hover{color:var(--ibiz-color-primary)}.ibiz-search-groups-dropdown .el-dropdown-menu__item{width:180px;display:flex;align-items:center;justify-content:space-b}.ibiz-search-groups-dropdown .el-dropdown-menu__item .ibiz-search-groups-item-caption{display:inline-block;flex:1;margin:0 var(--ibiz-spacing-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-search-groups-more{display:flex;align-items:center;justify-content:flex-start;padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-search-groups-more:hover{color:var(--ibiz-color-primary)}.ibiz-search-groups-more>ion-icon{margin-left:var(--ibiz-spacing-extra-tight)}.ibiz-search-groups-more.is-selected::after{position:absolute;bottom:0;left:0;width:100%;height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top{display:flex;align-items:center;justify-content:space-between}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top .ibiz-search-groups-content-top-left{display:flex;align-items:center;justify-content:flex-start}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top .ibiz-search-groups-content-top-left>ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top .ibiz-search-groups-content-top-right ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom{width:100%;margin-top:var(--ibiz-spacing-base);border:1px solid var(--ibiz-color-border)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header{display:flex;align-items:center;justify-content:flex-start;width:100%;background-color:var(--ibiz-color-tertiary-light-hover)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header .ibiz-search-groups-name{width:40%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header .ibiz-search-groups-show{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header .ibiz-search-groups-action{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row{position:relative;cursor:pointer;border-bottom:1px solid var(--ibiz-color-border);display:flex;align-items:center;justify-content:flex-start}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row:nth-last-child(1){border-bottom:none}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-name{width:40%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-show{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-action{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-action .el-link{margin-right:var(--ibiz-spacing-loose)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row:hover{background-color:var(--ibiz-color-primary-light-default)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row-ghost{background-color:var(--ibiz-color-primary-light-default);opacity:.5}.ibiz-search-groups-new-dialog .ibiz-search-groups-new-dialog-footer .ibiz-search-groups-cancel-btn{color:var(--ibiz-color-text-3);background-color:transparent}.ibiz-search-groups-new-dialog .ibiz-search-groups-new-dialog-footer .ibiz-search-groups-cancel-btn:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-search-groups-edit-dialog .ibiz-search-groups-edit-dialog-footer .ibiz-search-groups-cancel-btn{color:var(--ibiz-color-text-3);background-color:transparent}.ibiz-search-groups-edit-dialog .ibiz-search-groups-edit-dialog-footer .ibiz-search-groups-cancel-btn:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-search-groups-remove-dialog .ibiz-search-groups-remove-dialog-content{margin-bottom:var(--ibiz-spacing-base)}.ibiz-search-groups-remove-dialog .ibiz-search-groups-remove-dialog-content>span{padding:var(--ibiz-spacing-super-tight) var(--ibiz-spacing-tight);margin:0 var(--ibiz-spacing-tight);color:var(--ibiz-color-danger-text);background-color:var(--ibiz-color-danger);border-radius:var(--ibiz-border-radius-small)}.ibiz-search-groups-remove-dialog .ibiz-search-groups-remove-dialog-tip{color:var(--ibiz-color-text-3)}.ibiz-search-groups-remove-confirm-btn.el-button{background-color:var(--ibiz-color-danger)}.ibiz-search-groups-remove-confirm-btn:hover{background-color:var(--ibiz-color-danger-hover)}.ibiz-search-groups-remove-cancel-btn{color:var(--ibiz-color-text-3);background-color:transparent}.ibiz-search-groups-remove-cancel-btn:hover{color:var(--ibiz-color-primary);background-color:transparent}
+.ibiz-search-groups{display:flex;align-items:center;justify-content:flex-start;height:100%}.ibiz-search-groups__counter{margin-left:var(--ibiz-spacing-tight)}.ibiz-search-groups .ibiz-search-groups-quick-group-item{position:relative;display:inline-block;height:100%;padding:var(--ibiz-spacing-tight);margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-search-groups .ibiz-search-groups-quick-group-item.is-selected::after{position:absolute;bottom:2px;left:0;width:100%;height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-search-groups .ibiz-search-groups-quick-group-item:hover{color:var(--ibiz-color-primary)}.ibiz-search-groups-dropdown .el-dropdown-menu__item{width:180px;display:flex;align-items:center;justify-content:space-b}.ibiz-search-groups-dropdown .el-dropdown-menu__item .ibiz-search-groups-item-caption{display:inline-block;flex:1;margin:0 var(--ibiz-spacing-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-search-groups-more{display:flex;align-items:center;justify-content:flex-start;padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-search-groups-more:hover{color:var(--ibiz-color-primary)}.ibiz-search-groups-more>ion-icon{margin-left:var(--ibiz-spacing-extra-tight)}.ibiz-search-groups-more.is-selected::after{position:absolute;bottom:0;left:0;width:100%;height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top{display:flex;align-items:center;justify-content:space-between}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top .ibiz-search-groups-content-top-left{display:flex;align-items:center;justify-content:flex-start}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top .ibiz-search-groups-content-top-left>ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-top .ibiz-search-groups-content-top-right ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom{width:100%;margin-top:var(--ibiz-spacing-base);border:1px solid var(--ibiz-color-border)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header{display:flex;align-items:center;justify-content:flex-start;width:100%;background-color:var(--ibiz-color-tertiary-light-hover)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header .ibiz-search-groups-name{width:40%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header .ibiz-search-groups-show{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-header .ibiz-search-groups-action{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row{position:relative;cursor:pointer;border-bottom:1px solid var(--ibiz-color-border)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row:nth-last-child(1){border-bottom:none}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row{display:flex;align-items:center;justify-content:flex-start}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-name{width:40%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-show{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-action{width:30%;padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row .ibiz-search-groups-action .el-link{margin-right:var(--ibiz-spacing-loose)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row:hover{background-color:var(--ibiz-color-primary-light-default)}.ibiz-search-groups-manage-dialog .ibiz-search-groups-manage-dialog-content .ibiz-search-groups-content-bottom .ibiz-search-groups-table-body .ibiz-search-groups-table-row-ghost{background-color:var(--ibiz-color-primary-light-default);opacity:.5}.ibiz-search-groups-new-dialog .ibiz-search-groups-new-dialog-footer .ibiz-search-groups-cancel-btn{color:var(--ibiz-color-text-3);background-color:transparent}.ibiz-search-groups-new-dialog .ibiz-search-groups-new-dialog-footer .ibiz-search-groups-cancel-btn:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-search-groups-edit-dialog .ibiz-search-groups-edit-dialog-footer .ibiz-search-groups-cancel-btn{color:var(--ibiz-color-text-3);background-color:transparent}.ibiz-search-groups-edit-dialog .ibiz-search-groups-edit-dialog-footer .ibiz-search-groups-cancel-btn:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-search-groups-remove-dialog .ibiz-search-groups-remove-dialog-content{margin-bottom:var(--ibiz-spacing-base)}.ibiz-search-groups-remove-dialog .ibiz-search-groups-remove-dialog-content>span{padding:var(--ibiz-spacing-super-tight) var(--ibiz-spacing-tight);margin:0 var(--ibiz-spacing-tight);color:var(--ibiz-color-danger-text);background-color:var(--ibiz-color-danger);border-radius:var(--ibiz-border-radius-small)}.ibiz-search-groups-remove-dialog .ibiz-search-groups-remove-dialog-tip{color:var(--ibiz-color-text-3)}.ibiz-search-groups-remove-confirm-btn.el-button{background-color:var(--ibiz-color-danger)}.ibiz-search-groups-remove-confirm-btn:hover{background-color:var(--ibiz-color-danger-hover)}.ibiz-search-groups-remove-cancel-btn{color:var(--ibiz-color-text-3);background-color:transparent}.ibiz-search-groups-remove-cancel-btn:hover{color:var(--ibiz-color-primary);background-color:transparent}

package/lib/control/tab-exp-panel/tab-exp-panel.cjs

@@ -5,6 +5,7 @@ var vue3Util = require('@ibiz-template/vue3-util');
 require('./tab-exp-panel.css');
 var runtime = require('@ibiz-template/runtime');
 var vueRouter = require('vue-router');
+var ramda = require('ramda');
 
 "use strict";
 function _isSlot(s) {
@@ -62,7 +63,7 @@ const TabExpPanelControl = /* @__PURE__ */ vue.defineComponent({
     if (c.routeDepth) {
       expViewRoutePath = vue3Util.getNestedRoutePath(route, c.routeDepth);
     }
-    vue.watch(() => route.fullPath, (newVal, oldVal) => {
+    vue.watch(() => route == null ? void 0 : route.fullPath, (newVal, oldVal) => {
       if (newVal !== oldVal) {
         const depth = c.routeDepth;
         if (depth) {
@@ -93,7 +94,8 @@ const TabExpPanelControl = /* @__PURE__ */ vue.defineComponent({
     let _slot;
     const {
       isCreated,
-      tabPages
+      tabPages,
+      counterData
     } = this.c.state;
     return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
       "controller": this.c
@@ -104,6 +106,7 @@ const TabExpPanelControl = /* @__PURE__ */ vue.defineComponent({
         "tabPosition": this.tabPosition,
         "onTabChange": this.handleTabChange
       }, _isSlot(_slot = tabPages.map((tab) => {
+        const counterNum = tab.counterId ? counterData[tab.counterId] : void 0;
         return vue.createVNode(vue.resolveComponent("el-tab-pane"), {
           "class": [this.ns.e("tab-item")],
           "label": tab.caption,
@@ -114,7 +117,10 @@ const TabExpPanelControl = /* @__PURE__ */ vue.defineComponent({
               "class": [...tab.class]
             }, [this.c.isShowIcon && vue.createVNode(vue.resolveComponent("iBizIcon"), {
               "icon": tab.sysImage
-            }, null), this.c.isShowCaption && tab.caption]);
+            }, null), this.c.isShowCaption && tab.caption, !ramda.isNil(counterNum) && vue.createVNode(vue.resolveComponent("iBizBadge"), {
+              "class": this.ns.e("counter"),
+              "value": counterNum
+            }, null)]);
           }
         });
       })) ? _slot : {

package/lib/control/tab-exp-panel/tab-exp-panel.css

@@ -1 +1 @@
-.ibiz-control-tabexppanel{--ibiz-control-tabexppanel-color:var(--ibiz-color-text-2);--ibiz-control-tabexppanel-hover-color:var(--ibiz-color-text-0);--ibiz-control-tabexppanel-active-color:var(--ibiz-color-primary);--ibiz-control-tabexppanel-bar-color:var(--ibiz-color-primary)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header{margin:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap{margin:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar{background-color:var(--ibiz-control-tabexppanel-bar-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-control-tabexppanel-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item:hover{color:var(--ibiz-control-tabexppanel-hover-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active{color:var(--ibiz-control-tabexppanel-active-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-top:last-child{padding-right:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs.el-tabs--bottom,.ibiz-control-tabexppanel .el-tabs.el-tabs--top{padding-left:var(--ibiz-spacing-base)}.ibiz-control-tabexppanel .el-tabs__item{padding:var(--ibiz-spacing-base)}
+.ibiz-control-tabexppanel{--ibiz-control-tabexppanel-color:var(--ibiz-color-text-2);--ibiz-control-tabexppanel-hover-color:var(--ibiz-color-text-0);--ibiz-control-tabexppanel-active-color:var(--ibiz-color-primary);--ibiz-control-tabexppanel-bar-color:var(--ibiz-color-primary)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header{margin:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap{margin:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar{background-color:var(--ibiz-control-tabexppanel-bar-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-control-tabexppanel-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item:hover{color:var(--ibiz-control-tabexppanel-hover-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active{color:var(--ibiz-control-tabexppanel-active-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-top:last-child{padding-right:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs.el-tabs--bottom,.ibiz-control-tabexppanel .el-tabs.el-tabs--top{padding-left:var(--ibiz-spacing-base)}.ibiz-control-tabexppanel .el-tabs__item{padding:var(--ibiz-spacing-base)}.ibiz-control-tabexppanel__counter{margin-left:var(--ibiz-spacing-tight)}

package/lib/control/toolbar/export-excel/export-excel.cjs

@@ -31,7 +31,8 @@ const IBizExportExcel = /* @__PURE__ */ vue.defineComponent({
       required: true
     },
     controller: {
-      type: Object
+      type: Object,
+      required: true
     }
   },
   emits: ["exportExcel"],
@@ -41,6 +42,15 @@ const IBizExportExcel = /* @__PURE__ */ vue.defineComponent({
     const ns = vue3Util.useNamespace("export-excel");
     const startPage = vue.ref(1);
     const endPage = vue.ref(9999);
+    const maxRowCount = vue.ref(1e3);
+    const xdataControl = props.controller.xdataControl;
+    vue.onMounted(() => {
+      if (xdataControl)
+        xdataControl.evt.on("onMounted", () => {
+          var _a;
+          maxRowCount.value = ((_a = xdataControl.dataExport) == null ? void 0 : _a.maxRowCount) || 1e3;
+        });
+    });
     const onCommand = (command, e) => {
       if (!command) {
         return;
@@ -53,6 +63,7 @@ const IBizExportExcel = /* @__PURE__ */ vue.defineComponent({
     };
     return {
       ns,
+      maxRowCount,
       endPage,
       startPage,
       onCommand
@@ -80,7 +91,9 @@ const IBizExportExcel = /* @__PURE__ */ vue.defineComponent({
         return [vue.createVNode(vue.resolveComponent("el-menu-item"), {
           "class": this.ns.b("menu-item"),
           "onClick": (e) => this.onCommand("maxRowCount", e)
-        }, _isSlot(_slot2 = ibiz.i18n.t("control.toolbar.exportExcel.exportAll")) ? _slot2 : {
+        }, _isSlot(_slot2 = ibiz.i18n.t("control.toolbar.exportExcel.exportAll", {
+          maxRowCount: this.maxRowCount
+        })) ? _slot2 : {
           default: () => [_slot2]
         }), vue.createVNode(vue.resolveComponent("el-menu-item"), {
           "class": this.ns.b("menu-item"),
@@ -152,11 +165,13 @@ const IBizExportExcel = /* @__PURE__ */ vue.defineComponent({
         });
       },
       dropdown: () => {
-        let _slot7, _slot8, _slot9, _slot10;
+        let _slot7, _slot8, _slot9, _slot0;
         return vue.createVNode(vue.resolveComponent("el-dropdown-menu"), null, {
           default: () => [vue.createVNode(vue.resolveComponent("el-dropdown-item"), {
             "command": "maxRowCount"
-          }, _isSlot(_slot7 = ibiz.i18n.t("control.toolbar.exportExcel.exportAll")) ? _slot7 : {
+          }, _isSlot(_slot7 = ibiz.i18n.t("control.toolbar.exportExcel.exportAll", {
+            maxRowCount: this.maxRowCount
+          })) ? _slot7 : {
             default: () => [_slot7]
           }), vue.createVNode(vue.resolveComponent("el-dropdown-item"), {
             "command": "activatedPage"
@@ -204,8 +219,8 @@ const IBizExportExcel = /* @__PURE__ */ vue.defineComponent({
             }, [ibiz.i18n.t("control.toolbar.exportExcel.page")]), vue.createVNode(vue.resolveComponent("el-button"), {
               "onClick": (e) => this.onCommand("customPage", e),
               "size": "small"
-            }, _isSlot(_slot10 = ibiz.i18n.t("control.toolbar.exportExcel.export")) ? _slot10 : {
-              default: () => [_slot10]
+            }, _isSlot(_slot0 = ibiz.i18n.t("control.toolbar.exportExcel.export")) ? _slot0 : {
+              default: () => [_slot0]
             })]
           })]
         });

package/lib/control/toolbar/index.cjs

@@ -5,6 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var runtime = require('@ibiz-template/runtime');
 var vue3Util = require('@ibiz-template/vue3-util');
 var toolbar = require('./toolbar.cjs');
+var exportExcel = require('./export-excel/export-excel.cjs');
+var shortCutButton = require('./short-cut-button/short-cut-button.cjs');
 var toolbar_provider = require('./toolbar.provider.cjs');
 
 "use strict";
@@ -12,6 +14,8 @@ const IBizToolbarControl = vue3Util.withInstall(
   toolbar.ToolbarControl,
   function(v) {
     v.component(toolbar.ToolbarControl.name, toolbar.ToolbarControl);
+    v.component(exportExcel.IBizExportExcel.name, exportExcel.IBizExportExcel);
+    v.component(shortCutButton.IBizShortCutButton.name, shortCutButton.IBizShortCutButton);
     runtime.registerControlProvider(runtime.ControlType.TOOLBAR, () => new toolbar_provider.ToolbarProvider());
   }
 );

package/lib/control/toolbar/toolbar.cjs

@@ -4,8 +4,6 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var runtime = require('@ibiz-template/runtime');
 var core = require('@ibiz-template/core');
-var exportExcel = require('./export-excel/export-excel.cjs');
-var shortCutButton = require('./short-cut-button/short-cut-button.cjs');
 require('../../util/index.cjs');
 require('./toolbar.css');
 var buttonUtil = require('../../util/button-util/button-util.cjs');
@@ -15,7 +13,10 @@ function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
 }
 const btnContent = (item, state) => {
+  var _a, _b;
   const counterNum = state && item.counterId ? state.counterData[item.counterId] : void 0;
+  const tempItem = item;
+  const caption = ((_a = tempItem.refUIActionGroup) == null ? void 0 : _a.name) || ((_b = tempItem.refUIActionGroup) == null ? void 0 : _b.id) || item.caption;
   const image = item.sysImage;
   const result = [];
   const ns = vue3Util.useNamespace("toolbar-item");
@@ -26,10 +27,10 @@ const btnContent = (item, state) => {
       "icon": image
     }, null)]));
   }
-  if (item.showCaption && item.caption) {
+  if (item.showCaption && caption) {
     result.push(vue.createVNode("span", {
       "class": ns.b("text")
-    }, [item.caption]));
+    }, [caption]));
   }
   if (counterNum) {
     result.push(vue.createVNode(vue.resolveComponent("iBizBadge"), {
@@ -55,7 +56,7 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
       required: true
     },
     /**
-     * @description 绘制模式
+     * @description 绘制模式，可选值为DESIGN、RUNTIME，默认值为RUNTIME
      */
     runMode: {
       type: String,
@@ -101,6 +102,9 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
     const ns2 = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase(), "-actions"));
     const btnSize = vue.ref("default");
     const toolbarStyle = (_a = c.model.toolbarStyle) == null ? void 0 : _a.toLowerCase();
+    const isRefUIActionGroup = (detail) => {
+      return !!(detail.detailType === "DEUIACTIONGROUP" && detail.refUIActionGroup);
+    };
     const handleClick = async (item, event, params) => {
       if (props.runMode === "RUNTIME") {
         await c.onItemClick(item, event, params);
@@ -138,6 +142,8 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
     const renderEmbedGroupDetail = (item, detail) => {
       var _a2, _b;
       let _slot2;
+      if (item.id !== detail.id && isRefUIActionGroup(detail))
+        return renderActionGroupItems(detail, true);
       const actionId = detail.uiactionId;
       const visible = (_a2 = c.state.buttonsState[detail.id]) == null ? void 0 : _a2.visible;
       const provider = c.itemProviders[detail.id];
@@ -155,7 +161,7 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
       }
       const buttonType = (_b = detail.buttonStyle) == null ? void 0 : _b.toLowerCase();
       if (actionId === "exportexcel" || actionId === "gridview_exportaction") {
-        return vue.createVNode(exportExcel.IBizExportExcel, {
+        return vue.createVNode(vue.resolveComponent("i-biz-export-excel"), {
           "class": [ns.e("menu-exportexcel"), ns.em("item", buttonType), calcCssName(detail)],
           "mode": "menu",
           "item": detail,
@@ -171,15 +177,15 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
         "class": [ns.is("loading", c.state.buttonsState[detail.id].loading), ns.em("item", buttonType), calcCssName(detail)],
         "index": "menuitem".concat(detail.id),
         "disabled": c.state.buttonsState[detail.id].disabled,
-        "title": core.showTitle(detail.caption),
-        "onClick": (e) => {
-          if (!detail.uiactionId)
-            return;
-          handleActionClick(detail, e);
-        }
+        "title": core.showTitle(detail.caption)
       }, {
         default: () => [vue.createVNode(vue.resolveComponent("el-button"), {
-          "loading": c.state.buttonsState[detail.id].loading
+          "loading": c.state.buttonsState[detail.id].loading,
+          "onClick": (e) => {
+            if (!detail.uiactionId)
+              return;
+            handleActionClick(detail, e);
+          }
         }, _isSlot(_slot2 = btnContent(detail, c.state)) ? _slot2 : {
           default: () => [_slot2]
         })]
@@ -204,24 +210,23 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
     };
     const renderDropdownItem = (detail) => {
       if (c.state.buttonsState[detail.id].visible) {
-        let _slot4;
         const disabled = c.state.buttonsState[detail.id].disabled;
+        const content = isRefUIActionGroup(detail) ? renderActionGroupItems(detail, false, true) : renderActionButton(detail);
         return vue.createVNode(vue.resolveComponent("el-dropdown-item"), {
-          "class": [ns2.be("dropdown-popper", "dropdown-item"), ns2.is("disabled", disabled), ns.em("item", buttonUtil.convertBtnType(detail.buttonStyle))]
-        }, _isSlot(_slot4 = renderActionButton(detail)) ? _slot4 : {
-          default: () => [_slot4]
+          "class": [ns2.be("dropdown-popper", "dropdown-item"), ns2.is("disabled", !!disabled), ns.em("item", buttonUtil.convertBtnType(detail.buttonStyle))]
+        }, _isSlot(content) ? content : {
+          default: () => [content]
         });
       }
       return null;
     };
-    const renderActionGroupItems = (item, isEmbed) => {
+    const renderActionGroupItems = (item, isEmbed, isSubPopover = false) => {
       const {
-        uiactionGroup
+        uiactionGroup,
+        refUIActionGroup
       } = item;
-      if (uiactionGroup && uiactionGroup.uiactionGroupDetails) {
-        const {
-          uiactionGroupDetails
-        } = uiactionGroup;
+      const uiactionGroupDetails = (uiactionGroup == null ? void 0 : uiactionGroup.uiactionGroupDetails) || (refUIActionGroup == null ? void 0 : refUIActionGroup.uiactionGroupDetails);
+      if (uiactionGroupDetails) {
         const enableDropdown = uiactionGroupDetails.length > 0;
         const groupButtonStyle = item.buttonStyle || "";
         if (isEmbed) {
@@ -247,14 +252,58 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
             }
           });
         }
+        if (isSubPopover) {
+          return vue.createVNode(vue.resolveComponent("el-popover"), {
+            "popper-class": [ns2.b("popper"), ns2.b("dropdown-popper"), ns2.bm("dropdown-popper", toolbarStyle), ns2.em("dropdown-popper", groupButtonStyle.toLowerCase()), ns2.bm("dropdown-popper", calcCssName(item))],
+            "placement": "right-start",
+            "teleported": false,
+            "popper-options": {
+              modifiers: [{
+                name: "offset",
+                options: {
+                  offset: [0, 4]
+                }
+              }]
+            }
+          }, {
+            reference: () => {
+              return vue.createVNode(vue.resolveComponent("el-button"), {
+                "text": true,
+                "size": btnSize.value,
+                "class": calcCssName(item),
+                "type": buttonUtil.convertBtnType(item.buttonStyle),
+                "title": core.showTitle(item.tooltip || item.caption),
+                "disabled": c.state.buttonsState[item.id].disabled
+              }, {
+                default: () => [vue.createVNode("div", {
+                  "class": ns2.be("popper", "reference-btn")
+                }, [vue.createVNode("div", {
+                  "class": ns2.bem("popper", "reference-btn", "content")
+                }, [btnContent(item, c.state)]), vue.createVNode("div", {
+                  "class": ns2.bem("popper", "reference-btn", "chevron")
+                }, [vue.createVNode("ion-icon", {
+                  "name": "chevron-forward-outline"
+                }, null)])])]
+              });
+            },
+            default: () => vue.createVNode("div", {
+              "class": ns2.be("popper", "wrapper")
+            }, [uiactionGroupDetails.map((detail) => {
+              const content = isRefUIActionGroup(detail) ? renderActionGroupItems(detail, false, true) : renderActionButton(detail);
+              return vue.createVNode("div", {
+                "class": ns2.be("popper", "item")
+              }, [content]);
+            })])
+          });
+        }
         return vue.createVNode(vue.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 _slot5;
-            return enableDropdown && vue.createVNode(vue.resolveComponent("el-dropdown-menu"), null, _isSlot(_slot5 = uiactionGroupDetails.map((detail) => renderDropdownItem(detail))) ? _slot5 : {
-              default: () => [_slot5]
+            let _slot4;
+            return enableDropdown && vue.createVNode(vue.resolveComponent("el-dropdown-menu"), null, _isSlot(_slot4 = uiactionGroupDetails.map((detail) => renderDropdownItem(detail))) ? _slot4 : {
+              default: () => [_slot4]
             });
           }
         });
@@ -264,6 +313,9 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
     const getFirstIndex = (details, index) => {
       const firstItem = details[index];
       if (firstItem) {
+        if (isRefUIActionGroup(firstItem)) {
+          return index;
+        }
         if (c.state.buttonsState[firstItem.id].visible) {
           return index;
         }
@@ -309,11 +361,15 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
             "type": buttonUtil.convertBtnType(groupButtonStyle),
             "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, buttonUtil.convertBtnType(groupButtonStyle)),
+            default: () => {
+              if (isRefUIActionGroup(firstItem))
+                return renderActionGroupItems(firstItem, false);
+              return renderActionButton(firstItem, buttonUtil.convertBtnType(groupButtonStyle));
+            },
             dropdown: () => {
-              let _slot6;
-              return enableDropdown && vue.createVNode(vue.resolveComponent("el-dropdown-menu"), null, _isSlot(_slot6 = remainders.map((detail) => renderDropdownItem(detail))) ? _slot6 : {
-                default: () => [_slot6]
+              let _slot5;
+              return enableDropdown && vue.createVNode(vue.resolveComponent("el-dropdown-menu"), null, _isSlot(_slot5 = remainders.map((detail) => renderDropdownItem(detail))) ? _slot5 : {
+                default: () => [_slot5]
               });
             }
           });
@@ -334,9 +390,12 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
             return renderEmbedGroupDetail(item, detail);
           });
         }
-        return uiactionGroupDetails.map((detail) => vue.createVNode("div", {
-          "class": [ns2.e("item-deuiaction"), ns.em("item", buttonUtil.convertBtnType(detail.buttonStyle))]
-        }, [renderActionButton(detail)]));
+        return uiactionGroupDetails.map((detail) => {
+          const itemContent = isRefUIActionGroup(detail) ? renderActionGroupItems(detail, isEmbed) : renderActionButton(detail);
+          return vue.createVNode("div", {
+            "class": [ns2.e("item-deuiaction"), ns.em("item", buttonUtil.convertBtnType(detail.buttonStyle))]
+          }, [itemContent]);
+        });
       }
       return null;
     };
@@ -422,10 +481,10 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
               });
             }
             if (item2.itemType === "DEUIACTION") {
-              let _slot7;
+              let _slot6;
               const buttonType = (_b = item2.buttonStyle) == null ? void 0 : _b.toLowerCase();
               if (actionId === "exportexcel" || actionId === "gridview_exportaction") {
-                return vue.createVNode(exportExcel.IBizExportExcel, {
+                return vue.createVNode(vue.resolveComponent("i-biz-export-excel"), {
                   "class": [ns.e("menu-exportexcel"), ns.em("item", buttonType), calcCssName(item2)],
                   "mode": "menu",
                   "item": item2,
@@ -446,8 +505,8 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
               }, {
                 default: () => [vue.createVNode(vue.resolveComponent("el-button"), {
                   "loading": c.state.buttonsState[item2.id].loading
-                }, _isSlot(_slot7 = btnContent(item2, c.state)) ? _slot7 : {
-                  default: () => [_slot7]
+                }, _isSlot(_slot6 = btnContent(item2, c.state)) ? _slot6 : {
+                  default: () => [_slot6]
                 })]
               });
             }
@@ -458,13 +517,13 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
           });
         },
         title: () => {
-          let _slot8;
+          let _slot7;
           return vue.createVNode(vue.resolveComponent("el-button"), {
             "loading": ploading,
             "disabled": pdisabled,
             "type": buttonUtil.convertBtnType(groupButtonStyle)
-          }, _isSlot(_slot8 = btnContent(item, c.state)) ? _slot8 : {
-            default: () => [_slot8]
+          }, _isSlot(_slot7 = btnContent(item, c.state)) ? _slot7 : {
+            default: () => [_slot7]
           });
         }
       });
@@ -506,11 +565,11 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
         }, null)]);
       }
       if (item.itemType === "DEUIACTION") {
-        let _slot9;
+        let _slot8;
         const actionId = item.uiactionId;
         const buttonStyle = item.buttonStyle;
         if (actionId === "exportexcel" || actionId === "gridview_exportaction") {
-          return vue.createVNode(exportExcel.IBizExportExcel, {
+          return vue.createVNode(vue.resolveComponent("i-biz-export-excel"), {
             "class": [ns.e("item"), ns.e("item-deuiaction"), ns.em("item", buttonStyle == null ? void 0 : buttonStyle.toLowerCase()), calcCssName(item)],
             "item": item,
             "btnContent": (barItem) => btnContent(barItem, c.state),
@@ -522,7 +581,7 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
           }, null);
         }
         if (actionId === "shortcut") {
-          return vue.createVNode(shortCutButton.IBizShortCutButton, {
+          return vue.createVNode(vue.resolveComponent("i-biz-short-cut-button"), {
             "key": itemId,
             "class": [ns.e("item"), ns.e("item-deuiaction"), ns.em("item", buttonStyle == null ? void 0 : buttonStyle.toLowerCase()), calcCssName(item)],
             "item": item,
@@ -541,12 +600,12 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
           "loading": c.state.buttonsState[itemId].loading,
           "disabled": c.state.buttonsState[itemId].disabled,
           "onClick": (e) => handleClick(item, e)
-        }, _isSlot(_slot9 = btnContent(item, c.state)) ? _slot9 : {
-          default: () => [_slot9]
+        }, _isSlot(_slot8 = btnContent(item, c.state)) ? _slot8 : {
+          default: () => [_slot8]
         })]);
       }
       if (item.itemType === "ITEMS") {
-        let _slot10;
+        let _slot9;
         const groupItem = item;
         const groupButtonStyle = groupItem.buttonStyle || "";
         if (groupItem.groupExtractMode && groupItem.uiactionGroup) {
@@ -560,8 +619,8 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
           "class": [ns.e("menu"), ns.em("menu", groupButtonStyle.toLowerCase()), calcCssName(item)],
           "ellipsis": false,
           "menu-trigger": "hover"
-        }, _isSlot(_slot10 = renderSubmenu(item)) ? _slot10 : {
-          default: () => [_slot10]
+        }, _isSlot(_slot9 = renderSubmenu(item)) ? _slot9 : {
+          default: () => [_slot9]
         });
       }
       return null;