@ibiz-template/vue3-components 0.6.15 → 0.6.17

package/es/common/coop-alert/coop-alert.css

@@ -0,0 +1 @@
+.ibiz-coop-alert{--ibiz-coop-alert-color--info:#909399;--ibiz-coop-alert-background-color--info:#f4f4f5;--ibiz-coop-alert-color--success:#67c23a;--ibiz-coop-alert-background-color--success:#f0f9eb;--ibiz-coop-alert-color--warning:#e6a23c;--ibiz-coop-alert-background-color--warning:#fdf6ec;--ibiz-coop-alert-color--error:#f56c6c;--ibiz-coop-alert-background-color--error:#fef0f0;--ibiz-coop-alert-close-btn-color:#a8abb2}.ibiz-coop-alert.el-alert .el-alert__icon{margin-right:var(--ibiz-spacing-tight)}.ibiz-coop-alert.el-alert .el-alert__close-btn{top:50%;right:var(--ibiz-spacing-base-loose);font-size:var(--ibiz-font-size-header-6);color:var(--ibiz-coop-alert-close-btn-color);transform:translateY(-50%)}.ibiz-coop-alert.el-alert .el-alert__content{padding:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-loose) var(--ibiz-spacing-none) var(--ibiz-spacing-none)}.ibiz-coop-alert.el-alert .el-alert__title{line-height:var(--ibiz-spacing-loose)}.ibiz-coop-alert.el-alert--info{color:var(--ibiz-coop-alert-color--info);background-color:var(--ibiz-coop-alert-background-color--info)}.ibiz-coop-alert.el-alert--success{color:var(--ibiz-coop-alert-color--success);background-color:var(--ibiz-coop-alert-background-color--success)}.ibiz-coop-alert.el-alert--warning{color:var(--ibiz-coop-alert-color--warning);background-color:var(--ibiz-coop-alert-background-color--warning)}.ibiz-coop-alert.el-alert--error{color:var(--ibiz-coop-alert-color--error);background-color:var(--ibiz-coop-alert-background-color--error)}.ibiz-message--alert{--ibiz-coop-alert-color--info:#909399;--ibiz-coop-alert-background-color--info:#f4f4f5;--ibiz-coop-alert-color--success:#67c23a;--ibiz-coop-alert-background-color--success:#f0f9eb;--ibiz-coop-alert-color--warning:#e6a23c;--ibiz-coop-alert-background-color--warning:#fdf6ec;--ibiz-coop-alert-color--error:#f56c6c;--ibiz-coop-alert-background-color--error:#fef0f0;--ibiz-coop-alert-close-btn-color:#a8abb2}.ibiz-message--alert.el-message{--el-message-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base)}.ibiz-message--alert.el-message .el-message__content,.ibiz-message--alert.el-message .el-message__icon{color:inherit}.ibiz-message--alert.el-message .el-message__content{padding-right:var(--ibiz-spacing-extra-loose)}.ibiz-message--alert.el-message .el-message__closeBtn{right:var(--ibiz-spacing-base-loose);color:var(--ibiz-coop-alert-close-btn-color)}.ibiz-message--alert .el-message__content{line-height:var(--ibiz-spacing-loose)}.ibiz-message--alert.el-message--info{color:var(--ibiz-coop-alert-color--info);background-color:var(--ibiz-coop-alert-background-color--info)}.ibiz-message--alert.el-message--success{color:var(--ibiz-coop-alert-color--success);background-color:var(--ibiz-coop-alert-background-color--success)}.ibiz-message--alert.el-message--warning{color:var(--ibiz-coop-alert-color--warning);background-color:var(--ibiz-coop-alert-background-color--warning)}.ibiz-message--alert.el-message--error{color:var(--ibiz-coop-alert-color--error);background-color:var(--ibiz-coop-alert-background-color--error)}

package/es/common/coop-alert/coop-alert.d.ts

@@ -0,0 +1,41 @@
+import { PropType } from 'vue';
+import './coop-alert.scss';
+export declare const IBizCoopAlert: import("vue").DefineComponent<{
+    title: {
+        type: StringConstructor;
+    };
+    type: {
+        type: PropType<"info" | "error" | "warning" | "success">;
+        default: string;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+    };
+    type: {
+        type: PropType<"info" | "error" | "warning" | "success">;
+        default: string;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    type: "info" | "error" | "warning" | "success";
+    showIcon: boolean;
+    closable: boolean;
+}, {}>;

package/es/common/coop-alert/coop-alert.mjs

@@ -0,0 +1,41 @@
+import { resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './coop-alert.css';
+
+"use strict";
+const IBizCoopAlert = /* @__PURE__ */ defineComponent({
+  name: "IBizCoopAlert",
+  props: {
+    title: {
+      type: String
+    },
+    type: {
+      type: String,
+      default: "info"
+    },
+    closable: {
+      type: Boolean,
+      default: true
+    },
+    showIcon: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup() {
+    const ns = useNamespace("coop-alert");
+    return {
+      ns
+    };
+  },
+  render() {
+    if (!this.title) {
+      return;
+    }
+    return createVNode(resolveComponent("el-alert"), mergeProps({
+      "class": this.ns.b()
+    }, this.$props), null);
+  }
+});
+
+export { IBizCoopAlert };

package/es/common/index.mjs

@@ -18,6 +18,7 @@ import { DataImport2Select } from './data-import2-select/data-import2-select.mjs
 import { IBizGridSetting } from './grid-setting/grid-setting.mjs';
 import { DoingNotice } from './doing-notice/doing-notice.mjs';
 import { IBizCarouselComponent } from './carousel/carousel.mjs';
+import { IBizCoopAlert } from './coop-alert/coop-alert.mjs';
 
 "use strict";
 const IBizCommonComponents = {
@@ -53,6 +54,7 @@ const IBizCommonComponents = {
     );
     v.component(IBizBadge.name, IBizBadge);
     v.component(IBizCarouselComponent.name, IBizCarouselComponent);
+    v.component(IBizCoopAlert.name, IBizCoopAlert);
   }
 };
 

package/es/control/caption-bar/caption-bar.css

@@ -1 +1 @@
-.ibiz-control-captionbar{--ibiz-control-captionbar-color:var(--ibiz-color-text-0);--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-captionbar-padding:0 var(--ibiz-spacing-base);--ibiz-control-captionbar-margin:var(--ibiz-spacing-none);position:relative;height:100%;padding:var(--ibiz-control-captionbar-padding)}.ibiz-control-captionbar .ibiz-control-captionbar-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;height:100%;padding-left:var(--ibiz-spacing-base);font-size:var(--ibiz-control-captionbar-font-size);font-weight:var(--ibiz-control-captionbar-font-weight);color:var(--ibiz-control-captionbar-color);display:flex;align-items:center;justify-content:flex-start}.ibiz-control-captionbar .ibiz-control-captionbar-caption::before{position:absolute;top:50%;left:0;width:4px;height:20px;content:"";background-color:var(--ibiz-color-primary);border-radius:2px;transform:translateY(-50%)}.ibiz-control-captionbar .ibiz-control-captionbar-caption.is-show-icon{padding-left:0}.ibiz-control-captionbar .ibiz-control-captionbar-caption.is-show-icon::before{display:none}.ibiz-control-captionbar-caption__icon{margin-right:var(--ibiz-spacing-tight)}.ibiz-view:not(.ibiz-view-appindexview) .ibiz-view .ibiz-view .ibiz-control-captionbar-caption{--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-regular);padding-left:0}.ibiz-view:not(.ibiz-view-appindexview) .ibiz-view .ibiz-view .ibiz-control-captionbar-caption::before{content:none}.ibiz-drawer .ibiz-view .ibiz-view .ibiz-control-captionbar-caption,.ibiz-modal .ibiz-view .ibiz-view .ibiz-control-captionbar-caption,.ibiz-popover .ibiz-view .ibiz-view .ibiz-control-captionbar-caption{--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-regular);padding-left:0}.ibiz-drawer .ibiz-view .ibiz-view .ibiz-control-captionbar-caption::before,.ibiz-modal .ibiz-view .ibiz-view .ibiz-control-captionbar-caption::before,.ibiz-popover .ibiz-view .ibiz-view .ibiz-control-captionbar-caption::before{content:none}
+.ibiz-control-captionbar{--ibiz-control-captionbar-color:var(--ibiz-color-text-0);--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-captionbar-padding:0 var(--ibiz-spacing-base);--ibiz-control-captionbar-margin:var(--ibiz-spacing-none);position:relative;height:100%;padding:var(--ibiz-control-captionbar-padding)}.ibiz-control-captionbar .ibiz-control-captionbar-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;height:100%;padding-left:var(--ibiz-spacing-base);font-size:var(--ibiz-control-captionbar-font-size);font-weight:var(--ibiz-control-captionbar-font-weight);color:var(--ibiz-control-captionbar-color);display:flex;align-items:center;justify-content:flex-start}.ibiz-control-captionbar .ibiz-control-captionbar-caption::before{position:absolute;top:50%;left:0;width:4px;height:20px;content:"";background-color:var(--ibiz-color-primary);border-radius:2px;transform:translateY(-50%)}.ibiz-control-captionbar .ibiz-control-captionbar-caption.is-show-icon{padding-left:0}.ibiz-control-captionbar .ibiz-control-captionbar-caption.is-show-icon::before{display:none}.ibiz-control-captionbar-caption__icon{margin-right:var(--ibiz-spacing-tight)}.ibiz-control-captionbar-caption__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-view:not(.ibiz-view-appindexview) .ibiz-view .ibiz-view .ibiz-control-captionbar-caption{--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-regular);padding-left:0}.ibiz-view:not(.ibiz-view-appindexview) .ibiz-view .ibiz-view .ibiz-control-captionbar-caption::before{content:none}.ibiz-drawer .ibiz-view .ibiz-view .ibiz-control-captionbar-caption,.ibiz-modal .ibiz-view .ibiz-view .ibiz-control-captionbar-caption,.ibiz-popover .ibiz-view .ibiz-view .ibiz-control-captionbar-caption{--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-regular);padding-left:0}.ibiz-drawer .ibiz-view .ibiz-view .ibiz-control-captionbar-caption::before,.ibiz-modal .ibiz-view .ibiz-view .ibiz-control-captionbar-caption::before,.ibiz-popover .ibiz-view .ibiz-view .ibiz-control-captionbar-caption::before{content:none}

package/es/control/caption-bar/caption-bar.mjs

@@ -45,7 +45,9 @@ const CaptionBarControl = /* @__PURE__ */ defineComponent({
       }, [this.c.model.sysImage && createVNode(resolveComponent("iBizIcon"), {
         "class": [this.ns.be("caption", "icon")],
         "icon": this.c.model.sysImage
-      }, null), this.c.state.caption])]
+      }, null), createVNode("div", {
+        "class": [this.ns.be("caption", "content")]
+      }, [this.c.state.caption])])]
     });
   }
 });

package/es/control/drbar/drbar.controller.mjs

@@ -143,22 +143,21 @@ class DRBarController extends ControlController {
    * @memberof DRBarController
    */
   async calcDrBarItemsState() {
-    const arr = [];
-    this.state.drBarItems.forEach((group) => {
-      var _a, _b;
-      if ((_a = group.children) == null ? void 0 : _a.length) {
-        (_b = group.children) == null ? void 0 : _b.forEach((item) => {
-          arr.push(this.calcPermitted(item));
-        });
-      }
-    });
-    await Promise.all(arr);
-    this.state.drBarItems.forEach((group) => {
-      var _a;
-      if ((_a = group.children) == null ? void 0 : _a.length) {
-        group.visible = !group.children.every((item) => item.visible === false);
-      }
-    });
+    await Promise.all(
+      this.state.drBarItems.map(async (item) => {
+        var _a;
+        if ((_a = item.children) == null ? void 0 : _a.length) {
+          await Promise.all(
+            item.children.map(async (childItem) => {
+              await this.calcPermitted(childItem);
+            })
+          );
+          item.visible = item.children.some((childItem) => childItem.visible);
+        } else {
+          await this.calcPermitted(item);
+        }
+      })
+    );
   }
   /**
    * 加载完成

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.d.ts

@@ -121,6 +121,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                         srfsessionid: string;
                         srfappid: string;
                         srfsimple?: boolean | undefined;
+                        srfpaginationviewid?: string | undefined;
                     };
                     readonly params: IParams;
                     childNames: string[];
@@ -3069,6 +3070,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                     srfsessionid: string;
                     srfappid: string;
                     srfsimple?: boolean | undefined;
+                    srfpaginationviewid?: string | undefined;
                 };
                 readonly params: IParams;
                 childNames: string[];
@@ -7117,6 +7119,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                 srfsessionid: string;
                 srfappid: string;
                 srfsimple?: boolean | undefined;
+                srfpaginationviewid?: string | undefined;
             };
             readonly params: IParams;
             childNames: string[];
@@ -7157,6 +7160,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                     srfsessionid: string;
                     srfappid: string;
                     srfsimple?: boolean | undefined;
+                    srfpaginationviewid?: string | undefined;
                 };
                 readonly params: IParams;
                 childNames: string[];
@@ -11222,6 +11226,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                     srfsessionid: string;
                     srfappid: string;
                     srfsimple?: boolean | undefined;
+                    srfpaginationviewid?: string | undefined;
                 };
                 readonly params: IParams;
                 childNames: string[];
@@ -14166,6 +14171,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                 srfsessionid: string;
                 srfappid: string;
                 srfsimple?: boolean | undefined;
+                srfpaginationviewid?: string | undefined;
             };
             readonly params: IParams;
             childNames: string[];
@@ -18502,6 +18508,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
             srfsessionid: string;
             srfappid: string;
             srfsimple?: boolean | undefined;
+            srfpaginationviewid?: string | undefined;
         };
         readonly params: IParams;
         childNames: string[];

package/es/control/grid/grid-column/grid-field-edit-column/cell-edit.mjs

@@ -27,7 +27,9 @@ function useCellEdit(props, componentRef) {
     return !editorShowEdit.value;
   });
   const editorDisabled = false;
-  const isAutoFocus = true;
+  const isAutoFocus = computed(() => {
+    return !hasError.value;
+  });
   const showEditMask = computed(() => {
     return cellEditable.value && !editable.value;
   });

package/es/control/toolbar/index.d.ts

@@ -22,6 +22,7 @@ export declare const IBizToolbarControl: import("@ibiz-template/vue3-util").Type
     c: import("@ibiz-template/runtime").ToolbarController<import("@ibiz/model-core").IControl, import("@ibiz-template/runtime").IToolbarState, import("@ibiz-template/runtime").IToolbarEvent>;
     btnSize: import("vue").Ref<string>;
     ns: import("@ibiz-template/core").Namespace;
+    toolbarStyle: string | undefined;
     handleClick: (item: import("@ibiz/model-core").IDEToolbarItem, event: MouseEvent, params?: IData | undefined) => Promise<void>;
     renderExtraButtons: (extraButtons: import("@ibiz-template/runtime").IExtraButton[]) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;

package/es/control/toolbar/toolbar.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-control-toolbar{--ibiz-control-toolbar-item-margin:0 var(--ibiz-spacing-extra-tight);--ibiz-control-toolbar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-toolbar-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-icon-max-height:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-separator-color:var(--ibiz-color-fill-2);--ibiz-control-toolbar-menu-height:32px;--ibiz-control-toolbar-text-margin:0 0 0 var(--ibiz-spacing-extra-tight);display:flex;align-items:center}.ibiz-control-toolbar__item{display:flex;align-items:center;margin:var(--ibiz-control-toolbar-item-margin);overflow:hidden}.ibiz-control-toolbar__item .el-button{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-control-toolbar-item-padding)}.ibiz-control-toolbar__item .el-button>span{display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height)}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-control-toolbar__item.is-loading .el-button .ibiz-icon{display:none}.ibiz-control-toolbar__item-separator{color:var(--ibiz-control-toolbar-separator-color)}.ibiz-control-toolbar__item-separator+.ibiz-control-toolbar__item-separator,.ibiz-control-toolbar__item-separator:first-child{display:none}.ibiz-control-toolbar__menu.el-menu{height:var(--ibiz-control-toolbar-menu-height);margin:var(--ibiz-control-toolbar-item-margin);border:none}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-control-toolbar-item-padding);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary);border-bottom:none;border-radius:var(--ibiz-border-radius-small)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-sub-menu__icon-arrow{display:none}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title>span{font-size:var(--ibiz-font-size-regular);display:flex;align-items:center;justify-content:center;line-height:1}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title>span .ibiz-toolbar-item-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title>span .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title>span .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title>span .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title>span .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu.is-active .el-sub-menu__title{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper{--ibiz-control-toolbar-item-margin:0 var(--ibiz-spacing-extra-tight);--ibiz-control-toolbar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-toolbar-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-icon-max-height:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-separator-color:var(--ibiz-color-fill-2);--ibiz-control-toolbar-menu-height:32px;--ibiz-control-toolbar-text-margin:0 0 0 var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu .el-sub-menu__title{padding:0 10px;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu .el-sub-menu__title:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu.is-active .el-sub-menu__title{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu-rawitem{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item.is-active{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}
+@charset "UTF-8";.ibiz-control-toolbar{--ibiz-control-toolbar-item-margin:0 var(--ibiz-spacing-extra-tight);--ibiz-control-toolbar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-toolbar-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-icon-max-height:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-separator-color:var(--ibiz-color-fill-2);--ibiz-control-toolbar-menu-height:32px;--ibiz-control-toolbar-text-margin:0 0 0 var(--ibiz-spacing-extra-tight);display:flex;align-items:center}.ibiz-control-toolbar__item{display:flex;align-items:center;margin:var(--ibiz-control-toolbar-item-margin);overflow:hidden}.ibiz-control-toolbar__item .el-button{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-control-toolbar-item-padding)}.ibiz-control-toolbar__item .el-button>span{display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height)}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-control-toolbar__item.is-loading .el-button .ibiz-icon{display:none}.ibiz-control-toolbar__item-separator{color:var(--ibiz-control-toolbar-separator-color)}.ibiz-control-toolbar__item-separator+.ibiz-control-toolbar__item-separator,.ibiz-control-toolbar__item-separator:first-child{display:none}.ibiz-control-toolbar__menu.el-menu{height:var(--ibiz-control-toolbar-menu-height);margin:var(--ibiz-control-toolbar-item-margin);border:none}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title{display:flex;align-items:center;justify-content:center;padding:0;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary);border-bottom:none;border-radius:var(--ibiz-border-radius-small)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-sub-menu__icon-arrow{display:none}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title>span{font-size:var(--ibiz-font-size-regular);display:flex;align-items:center;justify-content:center;line-height:1}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title>span .ibiz-toolbar-item-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title>span .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title>span .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title>span .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title>span .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu.is-active .el-sub-menu__title{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper{--ibiz-control-toolbar-item-margin:0 var(--ibiz-spacing-extra-tight);--ibiz-control-toolbar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-toolbar-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-icon-max-height:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-separator-color:var(--ibiz-color-fill-2);--ibiz-control-toolbar-menu-height:32px;--ibiz-control-toolbar-text-margin:0 0 0 var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu .el-sub-menu__title{padding:0 10px;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu .el-sub-menu__title:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu.is-active .el-sub-menu__title{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu-rawitem{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item.is-active{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .el-button{justify-content:flex-start;width:100%;padding:0;--el-button-active-bg-color:transparent;--el-button-hover-bg-color:transparent;--el-button-bg-color:transparent;--el-mask-color-extra-light:transparent}

package/es/control/toolbar/toolbar.d.ts

@@ -26,6 +26,7 @@ export declare const ToolbarControl: import("vue").DefineComponent<{
     c: ToolbarController<import("@ibiz/model-core").IControl, import("@ibiz-template/runtime").IToolbarState, import("@ibiz-template/runtime").IToolbarEvent>;
     btnSize: import("vue").Ref<string>;
     ns: import("@ibiz-template/core").Namespace;
+    toolbarStyle: string | undefined;
     handleClick: (item: IDEToolbarItem, event: MouseEvent, params?: IData) => Promise<void>;
     renderExtraButtons: (extraButtons: IExtraButton[]) => VNode[];
     renderToolbarItem: (item: IDEToolbarItem) => VNode | null;

package/es/control/toolbar/toolbar.mjs

@@ -50,9 +50,11 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
     }
   },
   setup() {
+    var _a;
     const c = useControlController((...args) => new ToolbarController(...args));
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const btnSize = ref("default");
+    const toolbarStyle = (_a = c.model.toolbarStyle) == null ? void 0 : _a.toLowerCase();
     const handleClick = async (item, event, params) => {
       await c.onItemClick(item, event, params);
     };
@@ -72,15 +74,16 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
       });
     };
     const renderSubmenu = (item) => {
+      const detoolbarItems = item.detoolbarItems || [];
+      const loading = detoolbarItems.findIndex((item2) => c.state.buttonsState[item2.id].loading) !== -1;
       return createVNode(resolveComponent("el-sub-menu"), {
         "class": ns.b("submenu"),
         "index": item.id,
         "title": item.tooltip,
-        "popper-class": ns.b("submenu-popper")
+        "popper-class": [ns.b("submenu-popper"), ns.bm("submenu-popper", toolbarStyle)]
       }, {
         default: () => {
-          var _a;
-          return (_a = item.detoolbarItems) == null ? void 0 : _a.map((item2) => {
+          return detoolbarItems.map((item2) => {
             var _a2;
             const actionId = item2.uiactionId;
             const visible = (_a2 = c.state.buttonsState[item2.id]) == null ? void 0 : _a2.visible;
@@ -117,12 +120,17 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
                 }, null);
               }
               return createVNode(resolveComponent("el-menu-item"), {
+                "class": [ns.is("loading", c.state.buttonsState[item2.id].loading)],
                 "index": "menuitem".concat(item2.id),
                 "disabled": c.state.buttonsState[item2.id].disabled,
                 "title": item2.tooltip,
                 "onClick": (e) => handleClick(item2, e)
-              }, _isSlot(_slot2 = btnContent(item2)) ? _slot2 : {
-                default: () => [_slot2]
+              }, {
+                default: () => [createVNode(resolveComponent("el-button"), {
+                  "loading": c.state.buttonsState[item2.id].loading
+                }, _isSlot(_slot2 = btnContent(item2)) ? _slot2 : {
+                  default: () => [_slot2]
+                })]
               });
             }
             if (item2.itemType === "ITEMS") {
@@ -132,14 +140,19 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
           });
         },
         title: () => {
-          return createVNode("span", null, [btnContent(item)]);
+          let _slot3;
+          return createVNode(resolveComponent("el-button"), {
+            "loading": loading
+          }, _isSlot(_slot3 = btnContent(item)) ? _slot3 : {
+            default: () => [_slot3]
+          });
         }
       });
     };
     const renderToolbarItem = (item) => {
-      var _a;
+      var _a2, _b;
       const itemId = item.id;
-      const visible = (_a = c.state.buttonsState[itemId]) == null ? void 0 : _a.visible;
+      const visible = (_a2 = c.state.buttonsState[itemId]) == null ? void 0 : _a2.visible;
       if (!visible) {
         return null;
       }
@@ -158,7 +171,7 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
         }, null)]);
       }
       if (item.itemType === "DEUIACTION") {
-        let _slot3;
+        let _slot4;
         const actionId = item.uiactionId;
         if (actionId === "exportexcel") {
           return createVNode(IBizExportExcel, {
@@ -172,28 +185,31 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
             }
           }, null);
         }
+        const buttonType = (_b = item.buttonStyle) == null ? void 0 : _b.toLowerCase();
         return createVNode("div", {
           "key": itemId,
-          "class": [ns.e("item"), ns.e("item-deuiaction"), ns.is("loading", c.state.buttonsState[itemId].loading)]
+          "class": [ns.e("item"), ns.e("item-deuiaction"), ns.em("item", buttonType), ns.is("loading", c.state.buttonsState[itemId].loading)]
         }, [createVNode(resolveComponent("el-button"), {
           "title": item.tooltip,
           "size": btnSize.value,
+          "text": Object.is(buttonType, "inverse"),
+          "type": buttonType,
           "loading": c.state.buttonsState[itemId].loading,
           "disabled": c.state.buttonsState[itemId].disabled,
           "onClick": (e) => handleClick(item, e)
-        }, _isSlot(_slot3 = btnContent(item)) ? _slot3 : {
-          default: () => [_slot3]
+        }, _isSlot(_slot4 = btnContent(item)) ? _slot4 : {
+          default: () => [_slot4]
         })]);
       }
       if (item.itemType === "ITEMS") {
-        let _slot4;
+        let _slot5;
         return createVNode(resolveComponent("el-menu"), {
           "mode": "horizontal",
           "class": [ns.e("menu")],
           "ellipsis": false,
           "menu-trigger": "hover"
-        }, _isSlot(_slot4 = renderSubmenu(item)) ? _slot4 : {
-          default: () => [_slot4]
+        }, _isSlot(_slot5 = renderSubmenu(item)) ? _slot5 : {
+          default: () => [_slot5]
         });
       }
       return null;
@@ -202,6 +218,7 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
       c,
       btnSize,
       ns,
+      toolbarStyle,
       handleClick,
       renderExtraButtons,
       renderToolbarItem
@@ -231,7 +248,7 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
     }
     return createVNode(resolveComponent("iBizControlBase"), {
       "controller": this.c,
-      "class": [this.ns.m(state.viewMode.toLowerCase())]
+      "class": [this.ns.m(state.viewMode.toLowerCase()), this.ns.m(this.toolbarStyle)]
     }, _isSlot(content) ? content : {
       default: () => [content]
     });

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-edit-column/cell-edit.mjs

@@ -25,7 +25,9 @@ function useCellEdit(props, componentRef) {
     return !editorShowEdit.value;
   });
   const editorDisabled = false;
-  const isAutoFocus = true;
+  const isAutoFocus = computed(() => {
+    return !hasError.value;
+  });
   const showEditMask = computed(() => {
     return cellEditable.value && !editable.value;
   });

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

@@ -128,13 +128,11 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
       emit("change", null);
     };
     const closeCircle = (c.linkView ? 1 : 0) + (c.pickupView ? 1 : 0);
-    if (props.autoFocus) {
-      watch(editorRef, (newVal) => {
-        if (newVal) {
-          newVal.focus();
-        }
-      });
-    }
+    watch(editorRef, (newVal) => {
+      if (props.autoFocus && newVal && newVal.focus) {
+        newVal.focus();
+      }
+    });
     const onFocus = (e) => {
       emit("focus", e);
       setEditable(true);

package/es/editor/data-picker/ibiz-picker-embed-view/ibiz-picker-embed-view.d.ts

@@ -32,6 +32,7 @@ export declare const IBizPickerEmbedView: import("vue").DefineComponent<{
         srfsessionid: string;
         srfappid: string;
         srfsimple?: boolean | undefined;
+        srfpaginationviewid?: string | undefined;
     }>;
     params: import("vue").Ref<IParams>;
     onSelectionChange: (event: EventBase) => void;

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

@@ -75,13 +75,11 @@ const IBizDatePicker = /* @__PURE__ */ defineComponent({
       emit("change", date);
       setEditable(false);
     };
-    if (props.autoFocus) {
-      watch(editorRef, (newVal) => {
-        if (newVal && newVal.focus) {
-          newVal.focus();
-        }
-      });
-    }
+    watch(editorRef, (newVal) => {
+      if (props.autoFocus && newVal && newVal.focus) {
+        newVal.focus();
+      }
+    });
     const onFocus = (e) => {
       emit("focus", e);
       setEditable(true);

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

@@ -79,7 +79,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       isLoading.value = false;
     };
     watch(() => props.value, async (newVal, oldVal) => {
-      if (newVal || newVal === null) {
+      if (newVal || newVal === null || newVal === 0) {
         if (!isLoadedCodeList.value && oldVal === void 0) {
           await loadCodeList();
         }
@@ -149,13 +149,11 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
     }, {
       immediate: true
     });
-    if (props.autoFocus) {
-      watch(editorRef, (newVal) => {
-        if (newVal) {
-          newVal.focus();
-        }
-      });
-    }
+    watch(editorRef, (newVal) => {
+      if (props.autoFocus && newVal && newVal.focus) {
+        newVal.focus();
+      }
+    });
     const onFocus = (e) => {
       editorState = "focus";
       emit("focus", e);

package/es/editor/text-box/ibiz-input-number/ibiz-input-number.mjs

@@ -54,14 +54,12 @@ const IBizInputNumber = /* @__PURE__ */ defineComponent({
     const handleChange = (e) => {
       emit("change", e);
     };
-    if (props.autoFocus) {
-      watch(editorRef, (newVal) => {
-        if (newVal) {
-          const input = newVal.$el.getElementsByTagName("input")[0];
-          input.focus();
-        }
-      });
-    }
+    watch(editorRef, (newVal) => {
+      if (props.autoFocus && newVal) {
+        const input = newVal.$el.getElementsByTagName("input")[0];
+        input.focus();
+      }
+    });
     const onFocus = (e) => {
       emit("focus", e);
       setEditable(true);

package/es/editor/text-box/input/input.mjs

@@ -1,5 +1,4 @@
 import { isVNode, ref, computed, watch, onUnmounted, createVNode, resolveComponent, mergeProps, defineComponent } from 'vue';
-import { debounce } from 'lodash-es';
 import { getInputProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import { createUUID } from 'qx-util';
 import './input.css';
@@ -74,33 +73,17 @@ const IBizInput = /* @__PURE__ */ defineComponent({
         }, 100);
       }
     };
-    let isDebounce = false;
-    let awaitSearch;
     let blurCacheValue;
-    const debounceChange = debounce((val) => {
+    const handleChange = (val) => {
       if (blurCacheValue !== val) {
         emit("change", val);
       }
       blurCacheValue = void 0;
-      isDebounce = false;
-      if (awaitSearch) {
-        awaitSearch();
-      }
-    }, 300, {
-      leading: true
-    });
-    const handleChange = (val) => {
-      isDebounce = true;
-      debounceChange(val);
     };
     const handleKeyUp = (e) => {
       if (e && e.code === "Enter") {
         emit("enter", e);
-        if (isDebounce) {
-          awaitSearch = () => {
-            editorRef.value.$el.dispatchEvent(e);
-          };
-        }
+        editorRef.value.$el.dispatchEvent(e);
       }
     };
     const onBlur = (event) => {
@@ -111,15 +94,13 @@ const IBizInput = /* @__PURE__ */ defineComponent({
       emit("blur", event);
       setEditable(false);
     };
-    if (props.autoFocus) {
-      watch(editorRef, (newVal) => {
-        if (newVal) {
-          const inputTag = type.value === "textarea" ? "textarea" : "input";
-          const input = newVal.$el.getElementsByTagName(inputTag)[0];
-          input.focus();
-        }
-      });
-    }
+    watch(editorRef, (newVal) => {
+      if (props.autoFocus && newVal) {
+        const inputTag = type.value === "textarea" ? "textarea" : "input";
+        const input = newVal.$el.getElementsByTagName(inputTag)[0];
+        input.focus();
+      }
+    });
     const onFocus = (e) => {
       emit("focus", e);
       setEditable(true);
@@ -281,7 +262,7 @@ const IBizInput = /* @__PURE__ */ defineComponent({
         "maxlength": this.c.model.maxLength,
         "minlength": this.c.model.minLength,
         "show-word-limit": this.showLimit && this.c.model.showMaxLength,
-        "onInput": this.handleChange,
+        "onChange": this.handleChange,
         "onKeyup": this.handleKeyUp,
         "onBlur": this.onBlur,
         "onFocus": this.onFocus,

package/es/editor/user/ibiz-searchcond-edit/ibiz-searchcond-edit.mjs

@@ -62,14 +62,12 @@ const IBizSearchCondEdit = /* @__PURE__ */ defineComponent({
     const handleChange = (e) => {
       emit("change", e);
     };
-    if (props.autoFocus) {
-      watch(editorRef, (newVal) => {
-        if (newVal) {
-          const input = newVal.$el.getElementsByTagName("input")[0];
-          input.focus();
-        }
-      });
-    }
+    watch(editorRef, (newVal) => {
+      if (props.autoFocus && newVal) {
+        const input = newVal.$el.getElementsByTagName("input")[0];
+        input.focus();
+      }
+    });
     const onFocus = (e) => {
       emit("focus", e);
       setEditable(true);