@ibiz-template/vue3-components 0.6.14 → 0.6.16

package/lib/control/form/form-detail/form-item/form-item.cjs

@@ -21,6 +21,10 @@ const FormItem = /* @__PURE__ */ vue.defineComponent({
     controller: {
       type: runtime.FormItemController,
       required: true
+    },
+    attrs: {
+      type: Object,
+      required: false
     }
   },
   setup(props) {
@@ -52,7 +56,7 @@ const FormItem = /* @__PURE__ */ vue.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/lib/control/grid/grid/grid.cjs

@@ -56,7 +56,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/lib/control/grid/grid-column/grid-field-edit-column/grid-field-edit-column.cjs

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

package/lib/control/toolbar/toolbar.cjs

@@ -74,6 +74,8 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
       });
     };
     const renderSubmenu = (item) => {
+      const detoolbarItems = item.detoolbarItems || [];
+      const loading = detoolbarItems.findIndex((item2) => c.state.buttonsState[item2.id].loading) !== -1;
       return vue.createVNode(vue.resolveComponent("el-sub-menu"), {
         "class": ns.b("submenu"),
         "index": item.id,
@@ -81,11 +83,10 @@ const ToolbarControl = /* @__PURE__ */ vue.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;
             }
@@ -119,12 +120,17 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
                 }, null);
               }
               return vue.createVNode(vue.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: () => [vue.createVNode(vue.resolveComponent("el-button"), {
+                  "loading": c.state.buttonsState[item2.id].loading
+                }, _isSlot(_slot2 = btnContent(item2)) ? _slot2 : {
+                  default: () => [_slot2]
+                })]
               });
             }
             if (item2.itemType === "ITEMS") {
@@ -134,12 +140,17 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
           });
         },
         title: () => {
-          return vue.createVNode("span", null, [btnContent(item)]);
+          let _slot3;
+          return vue.createVNode(vue.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) {
@@ -160,7 +171,7 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
         }, null)]);
       }
       if (item.itemType === "DEUIACTION") {
-        let _slot3;
+        let _slot4;
         const actionId = item.uiactionId;
         if (actionId === "exportexcel") {
           return vue.createVNode(exportExcel.IBizExportExcel, {
@@ -174,28 +185,31 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
             }
           }, null);
         }
+        const buttonType = (_b = item.buttonStyle) == null ? void 0 : _b.toLowerCase();
         return vue.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)]
         }, [vue.createVNode(vue.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 vue.createVNode(vue.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;
@@ -210,16 +224,18 @@ const ToolbarControl = /* @__PURE__ */ vue.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) {
@@ -228,12 +244,12 @@ const ToolbarControl = /* @__PURE__ */ vue.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 vue.createVNode(vue.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/lib/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/lib/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}

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

@@ -1,7 +1,6 @@
 'use strict';
 
 var vue = require('vue');
-var lodashEs = require('lodash-es');
 var vue3Util = require('@ibiz-template/vue3-util');
 var qxUtil = require('qx-util');
 require('./input.css');
@@ -76,33 +75,17 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
         }, 100);
       }
     };
-    let isDebounce = false;
-    let awaitSearch;
     let blurCacheValue;
-    const debounceChange = lodashEs.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) => {
@@ -283,7 +266,7 @@ const IBizInput = /* @__PURE__ */ vue.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/lib/panel-component/coop-pos/coop-pos.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var coopPos_controller = require('./coop-pos.controller.cjs');
+
+"use strict";
+const CoopPos = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizCoopPos",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: coopPos_controller.CoopPosController,
+      required: true
+    }
+  },
+  setup(props) {
+    const c = props.controller;
+    const ns = vue3Util.useNamespace("coop-pos");
+    return {
+      ns,
+      c
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode(vue.resolveComponent("iBizCoopAlert"), vue.mergeProps({
+      "key": this.c.state.key
+    }, this.c.state.alertParams), null)]);
+  }
+});
+
+exports.CoopPos = CoopPos;

package/lib/panel-component/coop-pos/coop-pos.controller.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var qxUtil = require('qx-util');
+var coopPos_state = require('./coop-pos.state.cjs');
+
+"use strict";
+class CoopPosController extends runtime.PanelItemController {
+  createState() {
+    var _a;
+    return new coopPos_state.CoopPosState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  /**
+   * 更新消息
+   *
+   * @author zhanghengfeng
+   * @date 2024-04-03 17:04:25
+   * @param {IAlertParams} params
+   */
+  updateMessage(params) {
+    this.state.key = qxUtil.createUUID();
+    this.state.alertParams = params;
+  }
+}
+
+exports.CoopPosController = CoopPosController;

package/lib/panel-component/coop-pos/coop-pos.css

@@ -0,0 +1 @@
+.ibiz-coop-pos{width:100%;height:100%}

package/lib/panel-component/coop-pos/coop-pos.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var coopPos_controller = require('./coop-pos.controller.cjs');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class CoopPosProvider {
+  constructor() {
+    __publicField(this, "component", "IBizCoopPos");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new coopPos_controller.CoopPosController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.CoopPosProvider = CoopPosProvider;

package/lib/panel-component/coop-pos/coop-pos.state.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var qxUtil = require('qx-util');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class CoopPosState extends runtime.PanelItemState {
+  constructor() {
+    super(...arguments);
+    /**
+     * alert标识
+     *
+     * @author zhanghengfeng
+     * @date 2024-04-03 17:04:04
+     * @type {string}
+     */
+    __publicField(this, "key", qxUtil.createUUID());
+    /**
+     * 提示参数
+     *
+     * @author zhanghengfeng
+     * @date 2024-04-03 17:04:55
+     * @type {IAlertParams}
+     */
+    __publicField(this, "alertParams", {});
+  }
+}
+
+exports.CoopPosState = CoopPosState;

package/lib/panel-component/coop-pos/index.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var coopPos = require('./coop-pos.cjs');
+var coopPos_provider = require('./coop-pos.provider.cjs');
+var coopPos_state = require('./coop-pos.state.cjs');
+var coopPos_controller = require('./coop-pos.controller.cjs');
+
+"use strict";
+const IBizCoopPos = vue3Util.withInstall(coopPos.CoopPos, function(v) {
+  v.component(coopPos.CoopPos.name, coopPos.CoopPos);
+  runtime.registerPanelItemProvider("RAWITEM_COOP_POS", () => new coopPos_provider.CoopPosProvider());
+});
+
+exports.CoopPosState = coopPos_state.CoopPosState;
+exports.CoopPosController = coopPos_controller.CoopPosController;
+exports.IBizCoopPos = IBizCoopPos;
+exports.default = IBizCoopPos;

package/lib/panel-component/index.cjs

@@ -22,6 +22,7 @@ var index$f = require('./user-message/index.cjs');
 var index$g = require('./searchform-buttons/index.cjs');
 var index$h = require('./view-message/index.cjs');
 var index$i = require('./panel-static-carousel/index.cjs');
+var index$j = require('./coop-pos/index.cjs');
 var navPosIndex_state = require('./nav-pos-index/nav-pos-index.state.cjs');
 var navPosIndex_controller = require('./nav-pos-index/nav-pos-index.controller.cjs');
 var panelButton_controller = require('./panel-button/panel-button.controller.cjs');
@@ -65,6 +66,7 @@ const IBizPanelComponents = {
     v.use(index$i.IBizPanelStaticCarousel);
     v.use(vue3Util.IBizTeleportPlaceholder);
     v.use(vue3Util.IBizPanelContainerTabs);
+    v.use(index$j.IBizCoopPos);
   }
 };
 

package/lib/panel-component/panel-remember-me/index.cjs

@@ -18,6 +18,10 @@ const IBizPanelRememberMe = vue3Util.withInstall(
       "CONTAINER_REMEMBER_ME",
       () => new panelRememberMe_provider.PanelRememberMeProvider()
     );
+    runtime.registerPanelItemProvider(
+      "FIELD_AUTH_REMEMBERME",
+      () => new panelRememberMe_provider.PanelRememberMeProvider()
+    );
   }
 );
 

package/lib/view-engine/edit-view.engine.cjs

@@ -24,6 +24,10 @@ class EditViewEngine extends runtime.ViewEngineBase {
   get form() {
     return this.view.getController("form");
   }
+  get coopPos() {
+    var _a;
+    return (_a = this.view.layoutPanel) == null ? void 0 : _a.panelItems.coop_pos;
+  }
   init() {
     super.init();
     if (this.view.model.multiFormMode === 1 && this.view.params.srfdatatype) {
@@ -93,6 +97,7 @@ class EditViewEngine extends runtime.ViewEngineBase {
     };
     this.form.evt.on("onLoadSuccess", (event) => {
       formDataStateChange(event);
+      this.view.state.srfactiveviewdata = event.data[0];
       evt.emit("onDataChange", { ...event, actionType: "LOAD" });
     });
     this.form.evt.on("onLoadDraftSuccess", (event) => {
@@ -127,7 +132,7 @@ class EditViewEngine extends runtime.ViewEngineBase {
     return this.form.save();
   }
   async refresh() {
-    await this.load();
+    this.form.doNextActive(() => this.load(), { key: "load" });
   }
   // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
   async call(key, args) {
@@ -155,6 +160,10 @@ class EditViewEngine extends runtime.ViewEngineBase {
       await this.wfStart();
       return null;
     }
+    if (key === runtime.SysUIActionTag.FIRST_RECORD || key === runtime.SysUIActionTag.LAST_RECORD || key === runtime.SysUIActionTag.PREV_RECORD || key === runtime.SysUIActionTag.NEXT_RECORD) {
+      await this.changeRecord(key);
+      return null;
+    }
     if (key === runtime.SysUIActionTag.VIEW_WF_STEP) {
       await this.wfSubmit();
       return null;
@@ -302,12 +311,19 @@ class EditViewEngine extends runtime.ViewEngineBase {
         default:
           break;
       }
-      ibiz.message.notice({
-        message: "".concat(modes.includes("DISPLAYOPPERSON") ? data.username : "\u6709\u4EBA", " ").concat(actionMsg, " ").concat(this.view.state.caption, "-").concat(dataInfo),
-        showClose: true,
-        duration: 3,
-        styleType: "alert"
-      });
+      const message = "".concat(modes.includes("DISPLAYOPPERSON") ? data.username : "\u6709\u4EBA", " ").concat(actionMsg, " ").concat(this.view.state.caption, "-").concat(dataInfo);
+      if (this.coopPos) {
+        this.coopPos.updateMessage({
+          title: message
+        });
+      } else {
+        ibiz.message.notice({
+          message,
+          showClose: true,
+          duration: 3,
+          styleType: "alert"
+        });
+      }
       if (hasOpenConfirm === false && data.action === "UPDATE" && modes.includes("NOTICERELOAD")) {
         hasOpenConfirm = true;
         const isReload = await this.reloadConfirm();
@@ -393,6 +409,63 @@ class EditViewEngine extends runtime.ViewEngineBase {
     }
     return result;
   }
+  /**
+   * 变更当前页面的数据
+   * @author lxm
+   * @date 2024-04-01 01:11:58
+   * @param {string} type
+   */
+  async changeRecord(type) {
+    const viewId = this.view.context.srfpaginationviewid;
+    if (!viewId) {
+      throw new core.RuntimeError("context\u7F3A\u5C11srfpaginationviewid");
+    }
+    const view = ibiz.util.viewStack.getView(viewId);
+    if (!view) {
+      throw new core.RuntimeError("\u627E\u4E0D\u5230id\u662F".concat(viewId, "\u7684\u89C6\u56FE"));
+    }
+    const items = await view.call(runtime.ViewCallTag.GET_ALL_DATA);
+    const index = items.findIndex(
+      (item) => item.srfkey === this.form.state.data.srfkey
+    );
+    let targetItem;
+    switch (type) {
+      case runtime.SysUIActionTag.FIRST_RECORD:
+        if (index === 0) {
+          ibiz.message.info("\u5DF2\u7ECF\u662F\u7B2C\u4E00\u6761\u6570\u636E\u4E86");
+          return;
+        }
+        targetItem = items[0];
+        break;
+      case runtime.SysUIActionTag.LAST_RECORD:
+        if (index === items.length - 1) {
+          ibiz.message.info("\u5DF2\u7ECF\u662F\u6700\u540E\u4E00\u6761\u6570\u636E\u4E86");
+          return;
+        }
+        targetItem = items[items.length - 1];
+        break;
+      case runtime.SysUIActionTag.PREV_RECORD:
+        if (index === 0) {
+          ibiz.message.info("\u5DF2\u7ECF\u662F\u7B2C\u4E00\u6761\u6570\u636E\u4E86");
+          return;
+        }
+        targetItem = items[index - 1];
+        break;
+      case runtime.SysUIActionTag.NEXT_RECORD:
+        if (index === items.length - 1) {
+          ibiz.message.info("\u5DF2\u7ECF\u662F\u6700\u540E\u4E00\u6761\u6570\u636E\u4E86");
+          return;
+        }
+        targetItem = items[index + 1];
+        break;
+      default:
+        break;
+    }
+    if (targetItem) {
+      this.view.context[this.deName] = targetItem.srfkey;
+      this.load();
+    }
+  }
 }
 
 exports.EditViewEngine = EditViewEngine;

package/lib/view-engine/opt-view.engine.cjs

@@ -66,6 +66,7 @@ class OptViewEngine extends runtime.ViewEngineBase {
       }
     };
     this.form.evt.on("onLoadSuccess", (event) => {
+      this.view.state.srfactiveviewdata = event.data[0];
       formDataStateChange(event);
     });
     this.form.evt.on("onLoadDraftSuccess", (event) => {

package/lib/view-engine/report-view.engine.cjs

@@ -126,7 +126,7 @@ class ReportViewEngine extends runtime.ViewEngineBase {
    * @memberof ReportViewEngine
    */
   async refresh() {
-    await this.load();
+    this.reportpanel.doNextActive(() => this.load(), { key: "load" });
   }
   /**
    * 获取搜索相关的查询参数

package/lib/web-app/App.css

@@ -1 +1 @@
-#app{width:100vw;height:100vh;background-color:var(--ibiz-color-bg-0)}body,html{padding:0;margin:0;border:0}.ibiz-message--alert.el-message{--el-message-padding:8px 16px}.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__closeBtn{color:#a8abb2}.ibiz-message--alert .el-message__content{line-height:24px}.ibiz-message--alert.el-message--info{color:#909399;background-color:#f4f4f5}.ibiz-message--alert.el-message--success{color:#67c23a;background-color:#f0f9eb}.ibiz-message--alert.el-message--warning{color:#e6a23c;background-color:#fdf6ec}.ibiz-message--alert.el-message--error{color:#f56c6c;background-color:#fef0f0}
+#app{width:100vw;height:100vh;background-color:var(--ibiz-color-bg-0)}body,html{padding:0;margin:0;border:0}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.6.14",
+  "version": "0.6.16",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -30,12 +30,12 @@
     "@floating-ui/dom": "^1.5.3",
     "@ibiz-template-plugin/ai-chat": "^0.0.1",
     "@ibiz-template-plugin/gantt": "0.1.3-alpha.46",
-    "@ibiz-template/core": "0.6.15",
+    "@ibiz-template/core": "0.6.17",
     "@ibiz-template/devtool": "0.0.1-dev.6",
-    "@ibiz-template/model-helper": "0.6.15",
-    "@ibiz-template/runtime": "0.6.15",
+    "@ibiz-template/model-helper": "0.6.17",
+    "@ibiz-template/runtime": "0.6.17",
     "@ibiz-template/theme": "^0.6.0",
-    "@ibiz-template/vue3-util": "0.6.15",
+    "@ibiz-template/vue3-util": "0.6.17",
     "@ibiz-template/web-theme": "^1.1.14",
     "@ibiz/model-core": "^0.1.19",
     "@imengyu/vue3-context-menu": "^1.3.5",