@ibiz-template/vue3-components 0.6.14 → 0.6.16

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/drbar/drbar.controller.d.ts

@@ -92,10 +92,10 @@ export declare class DRBarController extends ControlController<IDEDRBar, IDRBarS
     /**
      * 计算关系界面组权限
      *
-     * @param {IData} item 关系组成员
+     * @param {IDRBarItemsState} item 关系组成员
      * @memberof DRBarController
      */
-    calcPermitted(item: IData): Promise<void>;
+    calcPermitted(item: IDRBarItemsState): Promise<void>;
     /**
      * 计算是否展示
      *

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

@@ -119,7 +119,7 @@ class DRBarController extends ControlController {
   /**
    * 计算关系界面组权限
    *
-   * @param {IData} item 关系组成员
+   * @param {IDRBarItemsState} item 关系组成员
    * @memberof DRBarController
    */
   async calcPermitted(item) {
@@ -169,7 +169,8 @@ class DRBarController extends ControlController {
   async onMounted() {
     await super.onMounted();
     if (this.form) {
-      this.form.evt.on("onLoadSuccess", async () => {
+      this.form.evt.on("onLoadSuccess", async (event) => {
+        this.view.state.srfactiveviewdata = event.data[0];
         await this.calcDrBarItemsState();
         this.handleFormChange();
         this.doDefaultSelect();
@@ -180,6 +181,8 @@ class DRBarController extends ControlController {
       this.form.evt.on("onSaveSuccess", () => {
         this.handleFormChange();
       });
+    } else {
+      await this.calcDrBarItemsState();
     }
     if (this.form.state.isLoaded) {
       this.doDefaultSelect();
@@ -253,7 +256,8 @@ class DRBarController extends ControlController {
         sysImage: item.sysImage,
         disabled: false,
         counterId: item.counterId,
-        visible: true,
+        visible: false,
+        // 默认不显示
         dataAccessAction: item.dataAccessAction || void 0
       };
     };
@@ -280,7 +284,8 @@ class DRBarController extends ControlController {
               tag: group.id,
               caption: itemCaption,
               sysImage: group.sysImage,
-              visible: true,
+              visible: false,
+              // 默认不显示
               children: groupItems.map((item) => getItemState(item))
             });
           } else if (groupItems.length === 1) {

package/es/control/drtab/drtab.controller.mjs

@@ -103,7 +103,8 @@ class DRTabController extends ControlController {
   async onMounted() {
     await super.onMounted();
     if (this.form) {
-      this.form.evt.on("onLoadSuccess", () => {
+      this.form.evt.on("onLoadSuccess", (event) => {
+        this.view.state.srfactiveviewdata = event.data[0];
         this.handleFormChange();
       });
       this.form.evt.on("onLoadDraftSuccess", () => {

package/es/control/form/form/form.mjs

@@ -45,7 +45,7 @@ const FormControl = /* @__PURE__ */ defineComponent({
         modelData: detail,
         controller: c.details[detailId],
         key: detail.id,
-        ...renderAttrs(detail)
+        attrs: renderAttrs(detail)
       };
       if (slots[detailId]) {
         return renderSlot(slots, detailId, {

package/es/control/form/form-detail/form-item/form-item.d.ts

@@ -11,6 +11,10 @@ export declare const FormItem: import("vue").DefineComponent<{
         type: typeof FormItemController;
         required: true;
     };
+    attrs: {
+        type: PropType<IData>;
+        required: false;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: FormItemController;
@@ -24,5 +28,9 @@ export declare const FormItem: import("vue").DefineComponent<{
         type: typeof FormItemController;
         required: true;
     };
+    attrs: {
+        type: PropType<IData>;
+        required: false;
+    };
 }>>, {}, {}>;
 export default FormItem;

package/es/control/form/form-detail/form-item/form-item.mjs

@@ -17,6 +17,10 @@ const FormItem = /* @__PURE__ */ defineComponent({
     controller: {
       type: FormItemController,
       required: true
+    },
+    attrs: {
+      type: Object,
+      required: false
     }
   },
   setup(props) {
@@ -48,7 +52,7 @@ const FormItem = /* @__PURE__ */ defineComponent({
       onFocus: (event) => this.c.onFocus(event),
       onBlur: (event) => this.c.onBlur(event),
       onEnter: (event) => this.controller.onEnter(event),
-      ...this.$attrs
+      ...this.attrs
     };
     if (this.c.form.state.isLoaded) {
       if (this.$slots.default) {

package/es/control/form/form-detail/form-item/index.d.ts

@@ -8,6 +8,10 @@ export declare const IBizFormItem: import("@ibiz-template/vue3-util").TypeWithIn
         type: typeof import("@ibiz-template/runtime").FormItemController;
         required: true;
     };
+    attrs: {
+        type: import("vue").PropType<IData>;
+        required: false;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: import("@ibiz-template/runtime").FormItemController;
@@ -21,5 +25,9 @@ export declare const IBizFormItem: import("@ibiz-template/vue3-util").TypeWithIn
         type: typeof import("@ibiz-template/runtime").FormItemController;
         required: true;
     };
+    attrs: {
+        type: import("vue").PropType<IData>;
+        required: false;
+    };
 }>>, {}, {}>>;
 export default IBizFormItem;

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[];
@@ -229,6 +230,10 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                     params?: IParams | undefined;
                 }) => void;
                 getEventArgs: () => Omit<EventBase, "eventName">;
+                doNextActive: (cb: () => void, opts: {
+                    key: string;
+                    delay?: number | undefined;
+                }) => void;
                 readonly id: string;
                 state: {
                     data: IData;
@@ -3065,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[];
@@ -7113,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[];
@@ -7153,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[];
@@ -11218,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[];
@@ -11322,6 +11331,10 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                 params?: IParams | undefined;
             }) => void;
             getEventArgs: () => Omit<EventBase, "eventName">;
+            doNextActive: (cb: () => void, opts: {
+                key: string;
+                delay?: number | undefined;
+            }) => void;
             readonly id: string;
             state: {
                 data: IData;
@@ -14158,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[];
@@ -14261,6 +14275,10 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
             params?: IParams | undefined;
         }) => void;
         getEventArgs: () => Omit<EventBase, "eventName">;
+        doNextActive: (cb: () => void, opts: {
+            key: string;
+            delay?: number | undefined;
+        }) => void;
         readonly id: string;
         state: {
             isLoaded: boolean;
@@ -18490,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/grid.mjs

@@ -54,7 +54,7 @@ function renderColumn(c, model, renderColumns, index) {
           controller: columnC,
           row: rowState,
           key: elRow.tempsrfkey + columnName,
-          ...renderAttrs(model, {
+          attrs: renderAttrs(model, {
             ...c.getEventArgs(),
             data: rowState.data
           })

package/es/control/grid/grid-column/grid-field-edit-column/grid-field-edit-column.d.ts

@@ -1,3 +1,4 @@
+import { PropType } from 'vue';
 import { GridFieldEditColumnController, GridRowState } from '@ibiz-template/runtime';
 import './grid-field-edit-column.scss';
 export declare const GridFieldEditColumn: import("vue").DefineComponent<{
@@ -9,6 +10,10 @@ export declare const GridFieldEditColumn: import("vue").DefineComponent<{
         type: typeof GridRowState;
         required: true;
     };
+    attrs: {
+        type: PropType<IData>;
+        required: false;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: GridFieldEditColumnController;
@@ -27,5 +32,9 @@ export declare const GridFieldEditColumn: import("vue").DefineComponent<{
         type: typeof GridRowState;
         required: true;
     };
+    attrs: {
+        type: PropType<IData>;
+        required: false;
+    };
 }>>, {}, {}>;
 export default GridFieldEditColumn;

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

@@ -19,6 +19,10 @@ const GridFieldEditColumn = /* @__PURE__ */ defineComponent({
     row: {
       type: GridRowState,
       required: true
+    },
+    attrs: {
+      type: Object,
+      required: false
     }
   },
   setup(props) {
@@ -91,7 +95,7 @@ const GridFieldEditColumn = /* @__PURE__ */ defineComponent({
         onInfoTextChange: this.onInfoTextChange,
         title: this.tooltip,
         ...this.editorProps,
-        ...this.$attrs
+        ...this.attrs
       })]
     });
   }

package/es/control/grid/grid-column/grid-field-edit-column/index.d.ts

@@ -7,6 +7,10 @@ export declare const IBizGridFieldEditColumn: import("@ibiz-template/vue3-util")
         type: typeof import("@ibiz-template/runtime").GridRowState;
         required: true;
     };
+    attrs: {
+        type: import("vue").PropType<IData>;
+        required: false;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: import("@ibiz-template/runtime").GridFieldEditColumnController;
@@ -25,5 +29,9 @@ export declare const IBizGridFieldEditColumn: import("@ibiz-template/vue3-util")
         type: typeof import("@ibiz-template/runtime").GridRowState;
         required: true;
     };
+    attrs: {
+        type: import("vue").PropType<IData>;
+        required: false;
+    };
 }>>, {}, {}>>;
 export default IBizGridFieldEditColumn;

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.mjs

@@ -72,6 +72,8 @@ 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,
@@ -79,11 +81,10 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
         "popper-class": ns.b("submenu-popper")
       }, {
         default: () => {
-          var _a;
-          return (_a = item.detoolbarItems) == null ? void 0 : _a.map((item2) => {
-            var _a2;
+          return detoolbarItems.map((item2) => {
+            var _a;
             const actionId = item2.uiactionId;
-            const visible = (_a2 = c.state.buttonsState[item2.id]) == null ? void 0 : _a2.visible;
+            const visible = (_a = c.state.buttonsState[item2.id]) == null ? void 0 : _a.visible;
             if (!visible) {
               return null;
             }
@@ -117,12 +118,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,12 +138,17 @@ 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 _a, _b;
       const itemId = item.id;
       const visible = (_a = c.state.buttonsState[itemId]) == null ? void 0 : _a.visible;
       if (!visible) {
@@ -158,7 +169,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 +183,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;
@@ -208,16 +222,18 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const {
-      state
+      state,
+      model
     } = this.c;
+    const toolbarStyle = (_a = model.toolbarStyle) == null ? void 0 : _a.toLowerCase();
     let content = null;
     if (state.isCreated) {
       content = [
         // 绘制最前方的额外按钮
-        ((_a = state.extraButtons.before) == null ? void 0 : _a.length) > 0 && this.renderExtraButtons(state.extraButtons.before),
-        (_b = this.modelData.detoolbarItems) == null ? void 0 : _b.map((item, index) => {
+        ((_b = state.extraButtons.before) == null ? void 0 : _b.length) > 0 && this.renderExtraButtons(state.extraButtons.before),
+        (_c = this.modelData.detoolbarItems) == null ? void 0 : _c.map((item, index) => {
           var _a2;
           const toolbarItemNode = this.renderToolbarItem(item);
           if ((_a2 = state.extraButtons[index]) == null ? void 0 : _a2.length) {
@@ -226,12 +242,12 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
           return toolbarItemNode;
         }),
         // 绘制最后方的额外按钮
-        ((_c = state.extraButtons.after) == null ? void 0 : _c.length) > 0 && this.renderExtraButtons(state.extraButtons.after)
+        ((_d = state.extraButtons.after) == null ? void 0 : _d.length) > 0 && this.renderExtraButtons(state.extraButtons.after)
       ];
     }
     return createVNode(resolveComponent("iBizControlBase"), {
       "controller": this.c,
-      "class": [this.ns.m(state.viewMode.toLowerCase())]
+      "class": [this.ns.m(state.viewMode.toLowerCase()), this.ns.m(toolbarStyle)]
     }, _isSlot(content) ? content : {
       default: () => [content]
     });

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/text-box/ibiz-input-number/ibiz-input-number.css

@@ -1 +1 @@
-.ibiz-input-number{display:flex;align-items:center;height:100%}.ibiz-input-number .el-input .el-input__inner{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color)}.ibiz-input-number .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input-number .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input-number .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-input-number .el-input.is-disabled .el-input__wrapper{background-color:var(--ibiz-form-item-disabled-bg-color)}.ibiz-input-number .ibiz-input-number-input{flex-grow:1;width:auto;height:var(--ibiz-editor-default-line-height)}.ibiz-input-number--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color);word-break:break-word;white-space:pre-wrap}.ibiz-input-number .ibiz-input-number__unit{flex:0 0 auto;margin-left:10px;font-size:var(--ibiz-form-item-font-size);font-style:normal}.ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input{display:block}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input .el-input-number__decrease,.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input .el-input-number__increase{top:2px}.ibiz-form-item .ibiz-input-number.is-show-default .ibiz-input-number-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-input-number.is-show-default .ibiz-input-number-input{display:none}.ibiz-form-item .ibiz-input-number.is-show-default.is-editable .ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default.is-editable .ibiz-input-number-input{display:block}
+.ibiz-input-number{display:flex;align-items:center;height:100%}.ibiz-input-number .el-input .el-input__inner{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);text-align:left;border-color:var(--ibiz-form-item-border-color)}.ibiz-input-number .el-input-number.is-without-controls .el-input__wrapper{padding-right:11px;padding-left:11px}.ibiz-input-number .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input-number .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input-number .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-input-number .el-input.is-disabled .el-input__wrapper{background-color:var(--ibiz-form-item-disabled-bg-color)}.ibiz-input-number .ibiz-input-number-input{flex-grow:1;width:auto;height:var(--ibiz-editor-default-line-height)}.ibiz-input-number--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color);word-break:break-word;white-space:pre-wrap}.ibiz-input-number .ibiz-input-number__unit{flex:0 0 auto;margin-left:10px;font-size:var(--ibiz-form-item-font-size);font-style:normal}.ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input{display:block}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input .el-input-number__decrease,.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input .el-input-number__increase{top:2px}.ibiz-form-item .ibiz-input-number.is-show-default .ibiz-input-number-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-input-number.is-show-default .ibiz-input-number-input{display:none}.ibiz-form-item .ibiz-input-number.is-show-default.is-editable .ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default.is-editable .ibiz-input-number-input{display:block}