@ibiz-template/vue3-components 0.6.15 → 0.6.17

package/lib/control/toolbar/toolbar.cjs

@@ -52,9 +52,11 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
     }
   },
   setup() {
+    var _a;
     const c = vue3Util.useControlController((...args) => new runtime.ToolbarController(...args));
     const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const btnSize = vue.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);
     };
@@ -74,15 +76,16 @@ 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,
         "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;
@@ -119,12 +122,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,14 +142,19 @@ 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 _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;
       }
@@ -160,7 +173,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 +187,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;
@@ -204,6 +220,7 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
       c,
       btnSize,
       ns,
+      toolbarStyle,
       handleClick,
       renderExtraButtons,
       renderToolbarItem
@@ -233,7 +250,7 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
     }
     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(this.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/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-edit-column/cell-edit.cjs

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

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

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

package/lib/editor/date-picker/ibiz-date-picker/ibiz-date-picker.cjs

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

package/lib/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.cjs

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

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

@@ -56,14 +56,12 @@ const IBizInputNumber = /* @__PURE__ */ vue.defineComponent({
     const handleChange = (e) => {
       emit("change", e);
     };
-    if (props.autoFocus) {
-      vue.watch(editorRef, (newVal) => {
-        if (newVal) {
-          const input = newVal.$el.getElementsByTagName("input")[0];
-          input.focus();
-        }
-      });
-    }
+    vue.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/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) => {
@@ -113,15 +96,13 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
       emit("blur", event);
       setEditable(false);
     };
-    if (props.autoFocus) {
-      vue.watch(editorRef, (newVal) => {
-        if (newVal) {
-          const inputTag = type.value === "textarea" ? "textarea" : "input";
-          const input = newVal.$el.getElementsByTagName(inputTag)[0];
-          input.focus();
-        }
-      });
-    }
+    vue.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);
@@ -283,7 +264,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/editor/user/ibiz-searchcond-edit/ibiz-searchcond-edit.cjs

@@ -64,14 +64,12 @@ const IBizSearchCondEdit = /* @__PURE__ */ vue.defineComponent({
     const handleChange = (e) => {
       emit("change", e);
     };
-    if (props.autoFocus) {
-      vue.watch(editorRef, (newVal) => {
-        if (newVal) {
-          const input = newVal.$el.getElementsByTagName("input")[0];
-          input.focus();
-        }
-      });
-    }
+    vue.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/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/nav-tabs/nav-tabs.cjs

@@ -90,7 +90,13 @@ const NavTabs = /* @__PURE__ */ vue.defineComponent({
         "name": msg.key,
         "key": msg.key,
         "label": label
-      }, null);
+      }, {
+        label: () => {
+          return vue.createVNode("div", {
+            "class": this.ns.em("left", "caption")
+          }, [label]);
+        }
+      });
     })) ? _slot : {
       default: () => [_slot]
     })]), vue.createVNode("div", {

package/lib/panel-component/nav-tabs/nav-tabs.css

@@ -1 +1 @@
-.ibiz-nav-tabs{--ibiz-nav-tabs-padding:var(--ibiz-spacing-base-loose);--ibiz-nav-tabs-left-width:calc(100% - 60px);--ibiz-nav-tabs-right-width:60px;--ibiz-nav-tabs-right-height:30px;--ibiz-nav-tabs-item-height:40px;--ibiz-nav-tabs-item-padding:0 var(--ibiz-spacing-base-loose);--ibiz-nav-tabs-item-margin:0 var(--ibiz-spacing-base) 0 0;--ibiz-nav-tabs-item-font-size:var(--ibiz-font-size-regular);--ibiz-nav-tabs-item-font-weight:var(--ibiz-font-weight-regular);--ibiz-nav-tabs-item-border-radius:var(--ibiz-border-radius-medium);--ibiz-nav-tabs-item-bg-color:transparent;--ibiz-nav-tabs-item-color:var(--ibiz-color-text-0);--ibiz-nav-tabs-item-hover-color:var(--ibiz-color-primary-hover);--ibiz-nav-tabs-item-active-color:var(--ibiz-color-primary);display:flex;align-items:center;justify-content:flex-start;position:relative;padding:var(--ibiz-nav-tabs-padding)}.ibiz-nav-tabs__left{display:flex;align-items:center;width:var(--ibiz-nav-tabs-left-width)}.ibiz-nav-tabs__left .el-tabs{width:100%;--el-tabs-header-height:40px}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav{border:none}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item{display:flex;align-items:center;height:var(--ibiz-nav-tabs-item-height);padding:var(--ibiz-nav-tabs-item-padding);margin:var(--ibiz-nav-tabs-item-margin);overflow:hidden;font-size:var(--ibiz-nav-tabs-item-font-size);font-weight:var(--ibiz-nav-tabs-item-font-weight);color:var(--ibiz-nav-tabs-item-color);vertical-align:middle;background-color:var(--ibiz-nav-tabs-item-bg-color);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-nav-tabs-item-border-radius);box-shadow:0 1px 2px 0 var(--ibiz-color-border);opacity:1}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item:hover{padding:var(--ibiz-nav-tabs-item-padding);color:var(--ibiz-nav-tabs-item-hover-color);box-shadow:0 1px 4px 0 rgba(0,0,0,.25)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item:hover .is-icon-close{color:var(--ibiz-nav-tabs-item-hover-color)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-active{padding:var(--ibiz-nav-tabs-item-padding);color:var(--ibiz-color-white);background-color:var(--ibiz-nav-tabs-item-active-color);box-shadow:none}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-active .is-icon-close{color:var(--ibiz-color-white)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-closable{padding:var(--ibiz-nav-tabs-item-padding)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-closable.hover{padding:var(--ibiz-nav-tabs-item-padding)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item .is-icon-close{position:relative;top:1px}.ibiz-nav-tabs__left .el-tabs .el-tabs__header{margin-bottom:0;border-bottom:none}.ibiz-nav-tabs__right{width:var(--ibiz-nav-tabs-right-width)}.ibiz-nav-tabs__right .el-dropdown button{height:var(--ibiz-nav-tabs-right-height)}
+.ibiz-nav-tabs{--ibiz-nav-tabs-padding:var(--ibiz-spacing-base-loose);--ibiz-nav-tabs-left-width:calc(100% - 60px);--ibiz-nav-tabs-right-width:60px;--ibiz-nav-tabs-right-height:30px;--ibiz-nav-tabs-item-height:40px;--ibiz-nav-tabs-item-padding:0 var(--ibiz-spacing-base-loose);--ibiz-nav-tabs-item-margin:0 var(--ibiz-spacing-base) 0 0;--ibiz-nav-tabs-item-font-size:var(--ibiz-font-size-regular);--ibiz-nav-tabs-item-font-weight:var(--ibiz-font-weight-regular);--ibiz-nav-tabs-item-border-radius:var(--ibiz-border-radius-medium);--ibiz-nav-tabs-item-bg-color:transparent;--ibiz-nav-tabs-item-color:var(--ibiz-color-text-0);--ibiz-nav-tabs-item-hover-color:var(--ibiz-color-primary-hover);--ibiz-nav-tabs-item-active-color:var(--ibiz-color-primary);display:flex;align-items:center;justify-content:flex-start;position:relative;padding:var(--ibiz-nav-tabs-padding)}.ibiz-nav-tabs__left{display:flex;align-items:center;width:var(--ibiz-nav-tabs-left-width)}.ibiz-nav-tabs__left--caption{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-nav-tabs__left .el-tabs{width:100%;--el-tabs-header-height:40px}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav{border:none}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item{display:flex;align-items:center;height:var(--ibiz-nav-tabs-item-height);padding:var(--ibiz-nav-tabs-item-padding);margin:var(--ibiz-nav-tabs-item-margin);overflow:hidden;font-size:var(--ibiz-nav-tabs-item-font-size);font-weight:var(--ibiz-nav-tabs-item-font-weight);color:var(--ibiz-nav-tabs-item-color);vertical-align:middle;background-color:var(--ibiz-nav-tabs-item-bg-color);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-nav-tabs-item-border-radius);box-shadow:0 1px 2px 0 var(--ibiz-color-border);opacity:1}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item:hover{padding:var(--ibiz-nav-tabs-item-padding);color:var(--ibiz-nav-tabs-item-hover-color);box-shadow:0 1px 4px 0 rgba(0,0,0,.25)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item:hover .is-icon-close{color:var(--ibiz-nav-tabs-item-hover-color)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-active{padding:var(--ibiz-nav-tabs-item-padding);color:var(--ibiz-color-white);background-color:var(--ibiz-nav-tabs-item-active-color);box-shadow:none}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-active .is-icon-close{color:var(--ibiz-color-white)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-closable{padding:var(--ibiz-nav-tabs-item-padding)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-closable.hover{padding:var(--ibiz-nav-tabs-item-padding)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item .is-icon-close{position:relative;top:1px}.ibiz-nav-tabs__left .el-tabs .el-tabs__header{margin-bottom:0;border-bottom:none}.ibiz-nav-tabs__right{width:var(--ibiz-nav-tabs-right-width)}.ibiz-nav-tabs__right .el-dropdown button{height:var(--ibiz-nav-tabs-right-height)}

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