@ibiz-template/vue3-components 0.7.41-alpha.20 → 0.7.41-alpha.21

package/lib/control/list/list.cjs

@@ -89,6 +89,7 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
   setup(props) {
     const c = vue3Util.useControlController((...args) => new runtime.ListController(...args));
     const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
+    vue3Util.useControlPopoverzIndex(c);
     const {
       onPageChange,
       onPageRefresh,
@@ -219,6 +220,7 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
         "class": ns.bem("item", "right", "actions"),
         "action-details": c.getOptItemModel(),
         "actions-state": c.state.uaState[item.srfkey],
+        "zIndex": c.state.zIndex,
         "onActionClick": (detail, event) => c.onActionClick(detail, item, event)
       }, null);
     };
@@ -249,6 +251,7 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
     const renderGroupAction = (group) => {
       if (c.model.groupUIActionGroup && group.groupActionGroupState) {
         return vue.createVNode(vue.resolveComponent("iBizActionToolbar"), {
+          "zIndex": c.state.zIndex,
           "class": ns.be("group-content", "header-actions"),
           "action-details": c.model.groupUIActionGroup.uiactionGroupDetails,
           "actions-state": group.groupActionGroupState,

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

@@ -42,6 +42,19 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
   setup() {
     var _a;
     const c = vue3Util.useControlController((...args) => new runtime.SearchBarController(...args));
+    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;
@@ -138,6 +151,7 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
       ns,
       cssVars,
       filterButtonRef,
+      counterData,
       onClear,
       onSearch,
       onKeydown,
@@ -156,15 +170,24 @@ 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.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{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)}

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")
     }, {

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);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}

package/lib/control/toolbar/toolbar.cjs

@@ -55,7 +55,7 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
       required: true
     },
     /**
-     * @description 绘制模式
+     * @description 绘制模式，可选值为DESIGN、RUNTIME，默认值为RUNTIME
      */
     runMode: {
       type: String,

package/lib/control/tree-grid/tree-grid.cjs

@@ -92,6 +92,7 @@ const TreeGridControl = /* @__PURE__ */ vue.defineComponent({
     slots
   }) {
     const c = vue3Util.useControlController((...args) => new runtime.TreeGridController(...args));
+    vue3Util.useControlPopoverzIndex(c);
     const ns = vue3Util.useNamespace("control-grid");
     const ns2 = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const {

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

@@ -24,6 +24,7 @@ const TreeGridExFieldColumn = /* @__PURE__ */ vue.defineComponent({
   },
   setup(props) {
     const ns = vue3Util.useNamespace("tree-grid-ex-field-column");
+    const zIndex = props.controller.treeGrid.state.zIndex;
     const fieldValue = vue.computed(() => {
       if (props.row.data._nodeType !== "DE" && props.controller.isFirstShowColumn) {
         return props.row.data._text;
@@ -78,14 +79,15 @@ const TreeGridExFieldColumn = /* @__PURE__ */ vue.defineComponent({
     };
     return {
       ns,
-      nodeColumn,
-      fieldValue,
+      zIndex,
+      tooltip,
       showText,
       clickable,
-      tooltip,
-      onInfoTextChange,
+      nodeColumn,
+      fieldValue,
       onTextClick,
-      onActionClick
+      onActionClick,
+      onInfoTextChange
     };
   },
   render() {
@@ -118,6 +120,7 @@ const TreeGridExFieldColumn = /* @__PURE__ */ vue.defineComponent({
       actions = this.$slots.actions();
     } else if (this.row.columnActionsStates[this.controller.name]) {
       actions = vue.createVNode(vue.resolveComponent("iBizActionToolbar"), {
+        "zIndex": this.zIndex,
         "class": this.ns.e("toolbar"),
         "action-details": (_c = this.nodeColumn) == null ? void 0 : _c.nodeColumn.deuiactionGroup.uiactionGroupDetails,
         "actions-state": this.row.columnActionsStates[this.controller.name],

package/lib/control/tree-grid-ex/tree-grid-ex.cjs

@@ -3,10 +3,10 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var runtime = require('@ibiz-template/runtime');
-require('./tree-grid-ex.css');
 var core = require('@ibiz-template/core');
 var qxUtil = require('qx-util');
 var useRowEditPopover = require('./use-row-edit-popover.cjs');
+require('./tree-grid-ex.css');
 
 "use strict";
 function _isSlot(s) {
@@ -46,6 +46,7 @@ const TreeGridExControl = /* @__PURE__ */ vue.defineComponent({
   },
   setup() {
     const c = vue3Util.useControlController((...args) => new runtime.TreeGridExController(...args));
+    vue3Util.useControlPopoverzIndex(c);
     const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const renderNoData = () => {
       const {

package/lib/editor/carousel/ibiz-carousel/ibiz-carousel.cjs

@@ -42,9 +42,9 @@ const IBizCarousel = /* @__PURE__ */ vue.defineComponent({
           const downloadUrl = getDownloadUrl(props.data, carousel);
           carousel.imgUrl = carousel.imgUrl || downloadUrl.replace("%fileId%", carousel.id);
           if (ibiz.config.common.enableDownloadTicket) {
-            ibiz.util.file.getDownloadTicket(c.context, {
+            ibiz.util.file.getDownloadTicket(c.context, c.params, props.data, {
               fileId: carousel.id
-            }).then((downloadTicket) => {
+            }, c.downloadTicketParams).then((downloadTicket) => {
               if (downloadTicket && downloadTicket.ticket) {
                 carousel.imgUrl = downloadUrl.replace("%fileId%", downloadTicket.ticket);
               }

package/lib/editor/data-picker/ibiz-mpicker/ibiz-mpicker.cjs

@@ -174,9 +174,12 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const onSelect = async (selects) => {
+      var _a2;
       setEditable(false);
-      if (selects.includes("empty") || selects.some((selectKey) => selectKey.includes("DEUIACTION")))
+      if (selects.includes("empty") || selects.some((selectKey) => selectKey.includes("DEUIACTION"))) {
+        (_a2 = editorRef.value) == null ? void 0 : _a2.blur();
         return resetCurValue();
+      }
       const val = [];
       let value = null;
       const selections = selects.map((select) => {

package/lib/editor/html/wang-editor/wang-editor.cjs

@@ -139,7 +139,7 @@ const IBizHtml = /* @__PURE__ */ vue.defineComponent({
           },
           // 单个文件上传成功之后
           onSuccess(file, res) {
-            if (ibiz.config.common.enableDownloadTicket) {
+            if (ibiz.config.common.enableDownloadTicket && res.ticket) {
               ibiz.util.file.setDownloadTicket(res.id, res.ticket);
             }
             console.log("".concat(file.name, " \u4E0A\u4F20\u6210\u529F"), res);
@@ -158,9 +158,9 @@ const IBizHtml = /* @__PURE__ */ vue.defineComponent({
             let url = downloadUrl.replace("%fileId%", res.id);
             const alt = res.filename;
             if (ibiz.config.common.enableDownloadTicket) {
-              const downloadTicket = await ibiz.util.file.getDownloadTicket(c.context, {
+              const downloadTicket = await ibiz.util.file.getDownloadTicket(c.context, c.params, props.data, {
                 fileId: res.id
-              });
+              }, c.downloadTicketParams);
               if (downloadTicket && downloadTicket.ticket) {
                 url = downloadUrl.replace("%fileId%", downloadTicket.ticket);
                 insertFn(url, alt, "");

package/lib/editor/index.cjs

@@ -40,6 +40,7 @@ var spanLink = require('./span/span-link/span-link.cjs');
 var input = require('./text-box/input/input.cjs');
 var ibizInputNumber = require('./text-box/ibiz-input-number/ibiz-input-number.cjs');
 var ibizInputIp = require('./text-box/ibiz-input-ip/ibiz-input-ip.cjs');
+var signature = require('./text-box/signature/signature.cjs');
 var ibizDropdown = require('./dropdown-list/ibiz-dropdown/ibiz-dropdown.cjs');
 var ibizEmojiPicker = require('./dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.cjs');
 var ibizTreePicker = require('./dropdown-list/ibiz-tree-picker/ibiz-tree-picker.cjs');
@@ -116,6 +117,7 @@ const IBizEditor = {
     v.component(input.IBizInput.name, input.IBizInput);
     v.component(ibizInputNumber.IBizInputNumber.name, ibizInputNumber.IBizInputNumber);
     v.component(ibizInputIp.IBizInputIP.name, ibizInputIp.IBizInputIP);
+    v.component(signature.IBizSignature.name, signature.IBizSignature);
     v.component(ibizDropdown.IBizDropdown.name, ibizDropdown.IBizDropdown);
     v.component(ibizEmojiPicker.IBizEmojiPicker.name, ibizEmojiPicker.IBizEmojiPicker);
     v.component(ibizTreePicker.IBizTreePicker.name, ibizTreePicker.IBizTreePicker);
@@ -189,6 +191,10 @@ const IBizEditor = {
     );
     runtime.registerEditorProvider("MOBTEXTAREA", () => textBoxEditorProvider);
     runtime.registerEditorProvider("MOBPASSWORD", () => textBoxEditorProvider);
+    runtime.registerEditorProvider(
+      "TEXTBOX_SIGNATURE",
+      () => new textBoxEditor_provider.TextBoxEditorProvider("SIGNATURE")
+    );
     runtime.registerEditorProvider(
       "DROPDOWNLIST",
       () => new dropdownListEditor_provider.DropDownListEditorProvider()

package/lib/editor/markdown/ibiz-markdown-editor/ibiz-markdown-editor.cjs

@@ -74,9 +74,9 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
       const downloadUrl = getDownloadUrl(props.data || {}, data.fileid);
       let url = downloadUrl.replace("%fileId%", data.fileid);
       if (ibiz.config.common.enableDownloadTicket && c) {
-        const downloadTicket = await ibiz.util.file.getDownloadTicket(c.context, {
+        const downloadTicket = await ibiz.util.file.getDownloadTicket(c.context, c.params, props.data || {}, {
           fileId: data.fileid
-        });
+        }, c.downloadTicketParams);
         if (downloadTicket && downloadTicket.ticket) {
           url = downloadUrl.replace("%fileId%", downloadTicket.ticket);
           callback(url);

package/lib/editor/text-box/index.cjs

@@ -3,6 +3,7 @@
 var input = require('./input/input.cjs');
 var ibizInputNumber = require('./ibiz-input-number/ibiz-input-number.cjs');
 var ibizInputIp = require('./ibiz-input-ip/ibiz-input-ip.cjs');
+var signature = require('./signature/signature.cjs');
 var textBoxEditor_controller = require('./text-box-editor.controller.cjs');
 var textBoxEditor_provider = require('./text-box-editor.provider.cjs');
 
@@ -11,5 +12,6 @@ var textBoxEditor_provider = require('./text-box-editor.provider.cjs');
 exports.IBizInput = input.IBizInput;
 exports.IBizInputNumber = ibizInputNumber.IBizInputNumber;
 exports.IBizInputIP = ibizInputIp.IBizInputIP;
+exports.IBizSignature = signature.IBizSignature;
 exports.TextBoxEditorController = textBoxEditor_controller.TextBoxEditorController;
 exports.TextBoxEditorProvider = textBoxEditor_provider.TextBoxEditorProvider;

package/lib/editor/text-box/signature/signature.cjs

@@ -0,0 +1,240 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var core = require('@ibiz-template/core');
+require('./signature.css');
+
+"use strict";
+const IBizSignature = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizSignature",
+  props: vue3Util.getInputProps(),
+  emits: vue3Util.getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("signature");
+    const c = props.controller;
+    const editorModel = c.model;
+    const headers = vue.ref({
+      ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(core.getAppCookie(core.CoreConst.TOKEN))
+    });
+    const uploadUrl = vue.ref("");
+    const downloadUrl = vue.ref("");
+    const signatureRef = vue.ref();
+    const fullScreen = vue.ref(false);
+    const currentDataURL = vue.ref("");
+    const currentVal = vue.ref("");
+    let saveMode = "img";
+    let buttons = [{
+      label: ibiz.i18n.t("editor.signature.undo"),
+      type: "undo"
+    }, {
+      label: ibiz.i18n.t("editor.signature.rewrite"),
+      type: "rewrite"
+    }, {
+      label: ibiz.i18n.t("editor.signature.confirm"),
+      type: "confirm",
+      buttonType: "primary"
+    }];
+    if (editorModel.editorParams) {
+      if (editorModel.editorParams.mode) {
+        saveMode = editorModel.editorParams.mode;
+      }
+      if (editorModel.editorParams.buttons) {
+        try {
+          buttons = JSON.parse(editorModel.editorParams.buttons);
+        } catch (error) {
+          ibiz.log.error(error);
+        }
+      }
+    }
+    const showFormDefaultContent = vue.computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
+        return true;
+      }
+      return false;
+    });
+    const restCavans = () => {
+      var _a;
+      (_a = signatureRef.value) == null ? void 0 : _a.updateSignaturePad(() => {
+        vue.nextTick(() => {
+          var _a2, _b;
+          if (currentDataURL.value) {
+            (_a2 = signatureRef.value) == null ? void 0 : _a2.signaturePad.fromDataURL(currentDataURL.value);
+          } else {
+            (_b = signatureRef.value) == null ? void 0 : _b.signaturePad.clear();
+          }
+        });
+      });
+    };
+    const handleCurrentVal = async () => {
+      var _a, _b;
+      if (currentVal.value) {
+        ibiz.loading.showRedirect();
+        if (saveMode === "img") {
+          currentDataURL.value = currentVal.value;
+        } else if (downloadUrl.value) {
+          const fileData = JSON.parse(currentVal.value)[0];
+          const _url = downloadUrl.value.replace("%fileId%", fileData.id);
+          try {
+            const editorParams = {
+              ...c.editorParams
+            };
+            if (editorParams.exportparams) {
+              editorParams.exportParams = JSON.parse(editorParams.exportparams);
+            }
+            const fileBlob = await ibiz.util.file.requestFile(_url, void 0, {
+              context: c.context,
+              params: c.params,
+              data: props.data,
+              file: {
+                fileId: fileData.id
+              },
+              extraParams: editorParams,
+              downloadTicketParams: c.downloadTicketParams
+            });
+            const dataUrl = await ((_a = signatureRef.value) == null ? void 0 : _a.signaturePad.blobToDataURL(fileBlob));
+            currentDataURL.value = dataUrl;
+          } catch (error) {
+            ibiz.log.error(error);
+          }
+        }
+        restCavans();
+        (_b = signatureRef.value) == null ? void 0 : _b.signaturePad.loadImage(currentDataURL.value, () => {
+          ibiz.loading.hideRedirect();
+        });
+      }
+    };
+    vue.watch(() => props.data, (newVal) => {
+      if (newVal) {
+        const urls = ibiz.util.file.calcFileUpDownUrl(c.context, c.params, newVal, c.editorParams);
+        uploadUrl.value = urls.uploadUrl;
+        downloadUrl.value = urls.downloadUrl;
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    vue.watch(() => props.value, async (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        if (!newVal) {
+          currentVal.value = "";
+        } else {
+          currentVal.value = "".concat(newVal || "");
+        }
+        await handleCurrentVal();
+      }
+    }, {
+      immediate: true
+    });
+    const handleEmit = (_value) => {
+      emit("change", _value);
+    };
+    const getFileType = (dataURL) => {
+      const parts = dataURL.split(",");
+      const mime = parts[0].split(":")[1].split(";")[0];
+      return {
+        type: mime
+      };
+    };
+    const handleUpload = async (dataURL) => {
+      const {
+        type
+      } = getFileType(dataURL);
+      const blob = core.base64ToBlob(dataURL);
+      const fileName = "signature_".concat(Date.now(), ".png");
+      const file = new File([blob], fileName, {
+        type
+      });
+      const fileInfo = await ibiz.util.file.fileUpload(uploadUrl.value, file, headers.value);
+      return fileInfo;
+    };
+    const handleRemove = () => {
+      var _a;
+      (_a = signatureRef.value) == null ? void 0 : _a.signaturePad.clear();
+      currentDataURL.value = "";
+      handleEmit(null);
+    };
+    const handleFileChange = async (dataURL) => {
+      const file = await handleUpload(dataURL);
+      handleEmit(JSON.stringify([{
+        name: file.name,
+        id: file.id
+      }]));
+    };
+    const handleConfirm = () => {
+      var _a, _b, _c;
+      fullScreen.value = false;
+      if (!((_a = signatureRef.value) == null ? void 0 : _a.signaturePad.isRedrawn()))
+        return;
+      if ((_b = signatureRef.value) == null ? void 0 : _b.signaturePad.isEmpty()) {
+        handleRemove();
+        return;
+      }
+      const dataURL = (_c = signatureRef.value) == null ? void 0 : _c.signaturePad.toDataURL();
+      if (dataURL === currentDataURL.value)
+        return;
+      currentDataURL.value = dataURL;
+      switch (saveMode) {
+        case "file":
+          handleFileChange(dataURL);
+          break;
+        case "img":
+        default:
+          handleEmit(dataURL);
+          break;
+      }
+    };
+    const handleButtonClick = (_type) => {
+      var _a, _b;
+      switch (_type) {
+        case "undo":
+          (_a = signatureRef.value) == null ? void 0 : _a.signaturePad.undoLastStep();
+          break;
+        case "rewrite":
+          (_b = signatureRef.value) == null ? void 0 : _b.signaturePad.clear();
+          break;
+        case "confirm":
+          handleConfirm();
+          break;
+        default:
+          break;
+      }
+    };
+    return {
+      c,
+      ns,
+      signatureRef,
+      fullScreen,
+      currentDataURL,
+      buttons,
+      showFormDefaultContent,
+      handleButtonClick
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)]
+    }, [vue.createVNode(vue.resolveComponent("iBizSignaturePad"), {
+      "ref": "signatureRef",
+      "class": this.ns.e("pad"),
+      "options": {
+        ...this.c.model.editorParams,
+        ...this.$attrs
+      }
+    }, null), !this.readonly && vue.createVNode("div", {
+      "class": this.ns.e("toolbar")
+    }, [this.buttons.map((_btn) => {
+      return vue.createVNode(vue.resolveComponent("el-button"), {
+        "disabled": this.disabled,
+        "type": _btn.buttonType && _btn.buttonType.toLowerCase() || "default",
+        "onClick": () => this.handleButtonClick(_btn.type)
+      }, {
+        default: () => [_btn.label]
+      });
+    })])]);
+  }
+});
+
+exports.IBizSignature = IBizSignature;

package/lib/editor/text-box/signature/signature.css

@@ -0,0 +1 @@
+.ibiz-signature{--ibiz-signature-min-height:200px;width:100%;height:100%;min-height:var(--ibiz-signature-min-height)}.ibiz-signature__pad .ibiz-signature-pad__container{background-color:var(--ibiz-color-bg-0)}.ibiz-signature__toolbar{display:flex;align-items:center;justify-content:flex-end;width:100%;margin-top:var(--ibiz-spacing-base)}.ibiz-signature--readonly{pointer-events:none}.ibiz-signature--disabled{pointer-events:none}.ibiz-form-item .ibiz-signature.is-show-default:hover .ibiz-signature__toolbar{display:flex}.ibiz-form-item .ibiz-signature.is-show-default .ibiz-signature__toolbar{display:none}

package/lib/editor/text-box/text-box-editor.provider.cjs

@@ -21,6 +21,10 @@ class TextBoxEditorProvider {
       this.formEditor = "IBizInputIP";
       this.gridEditor = "IBizInputIP";
     }
+    if (editorType === "SIGNATURE") {
+      this.formEditor = "IBizSignature";
+      this.gridEditor = "IBizSignature";
+    }
   }
   async createController(editorModel, parentController) {
     const c = new textBoxEditor_controller.TextBoxEditorController(editorModel, parentController);

package/lib/editor/upload/use/use-iview-upload.cjs

@@ -102,7 +102,15 @@ function useIViewUpload(props, valueChange, c) {
           const downloadUrl = getDownloadUrl(props.data, file);
           file.url = file.url || downloadUrl.replace("%fileId%", file.id);
           if (ibiz.config.common.enableDownloadTicket) {
-            ibiz.util.file.getDownloadTicket(c.context, { fileId: file.id }).then((downloadTicket) => {
+            ibiz.util.file.getDownloadTicket(
+              c.context,
+              c.params,
+              props.data,
+              {
+                fileId: file.id
+              },
+              c.downloadTicketParams
+            ).then((downloadTicket) => {
               if (downloadTicket && downloadTicket.ticket) {
                 file.url = downloadUrl.replace(
                   "%fileId%",
@@ -153,7 +161,7 @@ function useIViewUpload(props, valueChange, c) {
     if (!response) {
       return;
     }
-    if (ibiz.config.common.enableDownloadTicket) {
+    if (ibiz.config.common.enableDownloadTicket && response.ticket) {
       ibiz.util.file.setDownloadTicket(response.id, response.ticket);
     }
     uploadCache.cacheFiles.push({
@@ -203,7 +211,8 @@ function useIViewUpload(props, valueChange, c) {
       params: c.params,
       data: props.data,
       file: { fileId: file.id, ...file },
-      extraParams: editorParams
+      extraParams: editorParams,
+      downloadTicketParams: c.downloadTicketParams
     });
   };
   const limit = vue.computed(() => {

package/lib/locale/en/index.cjs

@@ -705,6 +705,13 @@ var index = {
       allProhibited: "All prohibited",
       expandAll: "Expand all",
       collapseAll: "Collapse all"
+    },
+    signature: {
+      undo: "Undo",
+      rewrite: "Rewrite",
+      confirm: "Confirm",
+      addSignature: "Click here to add signature",
+      signaturePrompt: "Please write horizontally in the blank area"
     }
   },
   panelComponent: {