@ibiz-template/vue3-components 0.7.12 → 0.7.13

package/es/control/app-menu/app-menu.mjs

@@ -278,7 +278,7 @@ const AppMenuControl = /* @__PURE__ */ defineComponent({
         "onSelect": this.onClick,
         "theme": "light",
         "mode": this.menuMode,
-        "ellipsis": false
+        "ellipsis": this.menuMode === "horizontal"
       }, _isSlot(_slot = this.menus.map((item) => {
         var _a;
         if (((_a = item.children) == null ? void 0 : _a.length) > 0) {

package/es/control/context-menu/context-menu.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-context-menu{--ibiz-context-menu-item-margin:0 0 0 4px;--ibiz-context-menu-separator-height:20px;--ibiz-context-menu-separator-width:2px;--ibiz-context-menu-separator-color:var(--ibiz-color-border);--ibiz-context-menu-popover-padding:8px 0;--ibiz-context-menu-popover-button-padding:8px 20px;--ibiz-context-menu-popover-button-color:var(--ibiz-color-text-2);--ibiz-context-menu-popover-button-hover-bg:var(--ibiz-color-bg-0)}.ibiz-context-menu__item{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-context-menu__item+.ibiz-context-menu__item{margin:var(--ibiz-context-menu-item-margin)}.ibiz-context-menu__item .ibiz-context-menu__action-content-icon{margin-right:3px}.ibiz-context-menu__action-content{display:flex}.ibiz-context-menu__action-content-icon{display:flex;align-items:center;justify-content:center;width:20px}.ibiz-context-menu__action-content-caption{display:flex;align-items:center;justify-content:center}.ibiz-context-menu__popover{--ibiz-context-menu-item-margin:0 0 0 4px;--ibiz-context-menu-separator-height:20px;--ibiz-context-menu-separator-width:2px;--ibiz-context-menu-separator-color:var(--ibiz-color-border);--ibiz-context-menu-popover-padding:8px 0;--ibiz-context-menu-popover-button-padding:8px 20px;--ibiz-context-menu-popover-button-color:var(--ibiz-color-text-2);--ibiz-context-menu-popover-button-hover-bg:var(--ibiz-color-bg-0);width:auto!important;min-width:150px;--el-popover-padding:var(--ibiz-context-menu-popover-padding)}.ibiz-context-menu__popover .el-button{--el-button-size:40px;display:block;width:100%;padding:var(--ibiz-context-menu-popover-button-padding);margin:0;font-size:14px;color:var(--ibiz-context-menu-popover-button-color);text-align:left;border-radius:0}.ibiz-context-menu__popover .el-button:hover{background-color:var(--ibiz-context-menu-popover-button-hover-bg)}.ibiz-context-menu__popover .el-button .ibiz-context-menu__action-content-icon{margin-right:6px}.ibiz-context-menu__separator{margin:0}.ibiz-context-menu--dropdown .ibiz-context-menu__caption{cursor:pointer}.ibiz-context-menu--dropdown .ibiz-context-menu__caption-icon{vertical-align:bottom}
+@charset "UTF-8";.ibiz-context-menu{--ibiz-context-menu-item-margin:0 0 0 4px;--ibiz-context-menu-separator-height:20px;--ibiz-context-menu-separator-width:2px;--ibiz-context-menu-separator-color:var(--ibiz-color-border);--ibiz-context-menu-popover-padding:8px 0;--ibiz-context-menu-popover-button-padding:8px 20px;--ibiz-context-menu-popover-button-color:var(--ibiz-color-text-2);--ibiz-context-menu-popover-button-hover-bg:var(--ibiz-color-bg-0)}.ibiz-context-menu__item{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-context-menu__item+.ibiz-context-menu__item{margin:var(--ibiz-context-menu-item-margin)}.ibiz-context-menu__item .ibiz-context-menu__action-content-icon{margin-right:3px}.ibiz-context-menu__action-content{display:flex}.ibiz-context-menu__action-content-icon{display:flex;align-items:center;justify-content:center;width:20px}.ibiz-context-menu__action-content-caption{display:flex;align-items:center;justify-content:center}.ibiz-context-menu__popover{--ibiz-context-menu-item-margin:0 0 0 4px;--ibiz-context-menu-separator-height:20px;--ibiz-context-menu-separator-width:2px;--ibiz-context-menu-separator-color:var(--ibiz-color-border);--ibiz-context-menu-popover-padding:8px 0;--ibiz-context-menu-popover-button-padding:8px 20px;--ibiz-context-menu-popover-button-color:var(--ibiz-color-text-2);--ibiz-context-menu-popover-button-hover-bg:var(--ibiz-color-bg-0);width:auto!important;min-width:150px;--el-popover-padding:var(--ibiz-context-menu-popover-padding)}.ibiz-context-menu__popover .el-button{--el-button-size:40px;display:block;width:100%;padding:var(--ibiz-context-menu-popover-button-padding);margin:0;font-size:14px;color:var(--ibiz-context-menu-popover-button-color);text-align:left;border-radius:0}.ibiz-context-menu__popover .el-button:hover{background-color:var(--ibiz-context-menu-popover-button-hover-bg)}.ibiz-context-menu__popover .el-button .ibiz-context-menu__action-content-icon{margin-right:6px}.ibiz-context-menu__popover .el-button .ibiz-context-menu__action-content-group-caption{margin-right:var(--ibiz-spacing-base-loose)}.ibiz-context-menu__popover .el-button .ibiz-context-menu__action-content-group-icon{position:absolute;right:var(--ibiz-spacing-base-loose);font-size:var(--ibiz-font-size-header-6)}.ibiz-context-menu__separator{margin:0}.ibiz-context-menu__separator.el-divider--horizontal{width:calc(100% - 2 * var(--ibiz-spacing-base-loose));margin:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base-loose)}.ibiz-context-menu--dropdown .ibiz-context-menu__caption{cursor:pointer}.ibiz-context-menu--dropdown .ibiz-context-menu__caption-icon{vertical-align:bottom}

package/es/control/context-menu/context-menu.d.ts

@@ -37,6 +37,7 @@ export declare const ContextMenuControl: import("vue").DefineComponent<{
     expandDetails: Ref<IDETBUIActionItem[]>;
     groupDetails: Ref<IDETBUIActionItem[]>;
     groupButtonRef: Ref<any>;
+    dropdownRef: Ref<any>;
     popoverVisible: Ref<boolean>;
     handleClick: (detail: IDETBUIActionItem, e: MouseEvent) => Promise<void>;
     calcActionItemClass: (item: IDETBUIActionItem) => string[];

package/es/control/context-menu/context-menu.mjs

@@ -53,18 +53,26 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
     const expandDetails = ref([]);
     const groupDetails = ref([]);
     const groupButtonRef = ref();
+    const dropdownRef = ref();
     const popoverVisible = ref(false);
-    if (actionDetails) {
-      actionDetails == null ? void 0 : actionDetails.forEach((detail) => {
+    const transformLanguage = (items) => {
+      if (!Array.isArray(items)) {
+        return;
+      }
+      items.forEach((detail) => {
         if (detail.capLanguageRes && detail.capLanguageRes.lanResTag) {
           detail.caption = ibiz.i18n.t(detail.capLanguageRes.lanResTag, detail.caption);
         }
         if (detail.tooltipLanguageRes && detail.tooltipLanguageRes.lanResTag) {
           detail.tooltip = ibiz.i18n.t(detail.tooltipLanguageRes.lanResTag, detail.tooltip);
         }
+        transformLanguage(detail.detoolbarItems);
       });
+    };
+    if (actionDetails) {
+      transformLanguage(actionDetails);
       actionDetails.forEach((detail) => {
-        if (props.groupLevelKeys.findIndex((item) => item === detail.actionLevel) !== -1) {
+        if (!detail.actionLevel || props.groupLevelKeys.findIndex((item) => item === detail.actionLevel) !== -1) {
           groupDetails.value.push(detail);
         } else {
           expandDetails.value.push(detail);
@@ -86,7 +94,13 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
       await c.calcButtonState(props.nodeData._deData || (props.nodeData.srfkey ? props.nodeData : void 0), props.nodeModel.appDataEntityId);
     });
     const handleClick = async (detail, e) => {
+      if (props.mode === "buttons") {
+        popoverVisible.value = false;
+      } else if (dropdownRef.value) {
+        dropdownRef.value.handleClose();
+      }
       e.stopPropagation();
+      popoverVisible.value = false;
       emit("action-click", detail, e);
     };
     return {
@@ -95,6 +109,7 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
       expandDetails,
       groupDetails,
       groupButtonRef,
+      dropdownRef,
       popoverVisible,
       handleClick,
       calcActionItemClass,
@@ -112,8 +127,14 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
     };
     const renderActions = (items, isExpand = true) => {
       return items.map((detail) => {
-        var _a;
-        if ((_a = this.c.state.buttonsState[detail.id]) == null ? void 0 : _a.visible) {
+        var _a, _b;
+        if (!((_a = this.c.state.buttonsState[detail.id]) == null ? void 0 : _a.visible)) {
+          return null;
+        }
+        if (detail.itemType === "SEPERATOR") {
+          return renderDivider(isExpand);
+        }
+        if (detail.itemType === "DEUIACTION" || detail.itemType === "ITEMS" && !((_b = detail.detoolbarItems) == null ? void 0 : _b.length)) {
           return [detail.addSeparator && renderDivider(isExpand), createVNode(resolveComponent("el-button"), {
             "text": true,
             "size": "small",
@@ -133,6 +154,40 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
             }, [detail.caption]) : ""])]
           })];
         }
+        if (detail.itemType === "ITEMS") {
+          return createVNode(resolveComponent("el-popover"), {
+            "placement": "right-start",
+            "popper-class": this.ns.e("popover"),
+            "teleported": false
+          }, {
+            reference: () => {
+              return [detail.addSeparator && renderDivider(isExpand), createVNode(resolveComponent("el-button"), {
+                "text": true,
+                "size": "small",
+                "onClick": (e) => this.handleClick(detail, e),
+                "title": detail.tooltip,
+                "disabled": this.c.state.buttonsState[detail.id].disabled,
+                "class": this.calcActionItemClass(detail)
+              }, {
+                default: () => [createVNode("div", {
+                  "class": this.ns.e("action-content")
+                }, [detail.showIcon && detail.sysImage && createVNode("div", {
+                  "class": this.ns.e("action-content-icon")
+                }, [createVNode(resolveComponent("iBizIcon"), {
+                  "icon": detail.sysImage
+                }, null)]), detail.showCaption ? createVNode("div", {
+                  "class": [this.ns.e("action-content-caption"), this.ns.e("action-content-group-caption")]
+                }, [detail.caption]) : "", createVNode("ion-icon", {
+                  "class": this.ns.e("action-content-group-icon"),
+                  "name": "chevron-forward-outline"
+                }, null)])]
+              })];
+            },
+            default: () => {
+              return renderActions(detail.detoolbarItems || [], isExpand);
+            }
+          });
+        }
         return null;
       });
     };
@@ -158,12 +213,14 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
         "visible": this.popoverVisible,
         "onUpdate:visible": ($event) => this.popoverVisible = $event,
         "popper-class": this.ns.e("popover"),
-        "virtual-triggering": true
+        "virtual-triggering": true,
+        "transition": "none"
       }, _isSlot(_slot = renderActions(this.groupDetails, false)) ? _slot : {
         default: () => [_slot]
       })]]);
     }
     return createVNode(resolveComponent("el-dropdown"), {
+      "ref": "dropdownRef",
       "onCommand": (command) => this.handleClick(command, new MouseEvent("click")),
       "class": [this.ns.b(), this.ns.m("dropdown")]
     }, {

package/es/control/context-menu/index.d.ts

@@ -33,6 +33,7 @@ export declare const IBizContextMenuControl: import("@ibiz-template/vue3-util").
     expandDetails: import("vue").Ref<import("@ibiz/model-core").IDETBUIActionItem[]>;
     groupDetails: import("vue").Ref<import("@ibiz/model-core").IDETBUIActionItem[]>;
     groupButtonRef: import("vue").Ref<any>;
+    dropdownRef: import("vue").Ref<any>;
     popoverVisible: import("vue").Ref<boolean>;
     handleClick: (detail: import("@ibiz/model-core").IDETBUIActionItem, e: MouseEvent) => Promise<void>;
     calcActionItemClass: (item: import("@ibiz/model-core").IDETBUIActionItem) => string[];

package/es/control/form/form/form.css

@@ -1 +1 @@
-.ibiz-control-form{width:100%;padding-bottom:var(--ibiz-spacing-tight)}
+.ibiz-control-form{width:100%;height:100%;padding-bottom:var(--ibiz-spacing-tight)}

package/es/control/form/form-detail/form-page/form-page.css

@@ -1 +1 @@
-.ibiz-form-page{--ibiz-form-page-font-size:var(--ibiz-font-size-header-4);--ibiz-form-page-header-border-color:var(--ibiz-color-border);--ibiz-form-page-text-color:var(--ibiz-color-text-2);--ibiz-form-page-bg-color:transparent;--ibiz-form-page-hover-text-color:var(--ibiz-color-primary);--ibiz-form-page-hover-bg-color:transparent;--ibiz-form-page-active-text-color:var(--ibiz-color-primary);--ibiz-form-page-active-bg-color:transparent;--ibiz-form-page-active-border-color:var(--ibiz-color-primary)}.ibiz-form-page--no-tab-header .ibiz-form-page-item{padding-top:0}.ibiz-form-page-tab>.el-tabs__header.is-top{margin-bottom:var(--ibiz-spacing-tight)}.ibiz-form-page-tab>.el-tabs__header.is-top .el-tabs__item.is-top{font-size:var(--ibiz-form-page-font-size);color:var(--ibiz-form-page-text-color);background-color:var(--ibiz-form-page-bg-color)}.ibiz-form-page-tab>.el-tabs__header.is-top .el-tabs__item.is-top:hover{color:var(--ibiz-form-page-hover-text-color);background-color:var(--ibiz-form-page-hover-bg-color)}.ibiz-form-page-tab>.el-tabs__header.is-top .el-tabs__item.is-top.is-active{color:var(--ibiz-form-page-active-text-color);background-color:var(--ibiz-form-page-active-bg-color)}.ibiz-form-page-tab .el-tabs__nav-wrap::after{background-color:var(--ibiz-form-page-header-border-color)}.ibiz-form-page-tab .el-tabs__active-bar{background-color:var(--ibiz-form-page-active-border-color)}.ibiz-form-page-item{padding-top:var(--ibiz-padding-top)}.ibiz-form-page-item-child{margin-bottom:var(--ibiz-margin-bottom)}
+.ibiz-form-page{--ibiz-form-page-font-size:var(--ibiz-font-size-header-4);--ibiz-form-page-header-border-color:var(--ibiz-color-border);--ibiz-form-page-text-color:var(--ibiz-color-text-2);--ibiz-form-page-bg-color:transparent;--ibiz-form-page-hover-text-color:var(--ibiz-color-primary);--ibiz-form-page-hover-bg-color:transparent;--ibiz-form-page-active-text-color:var(--ibiz-color-primary);--ibiz-form-page-active-bg-color:transparent;--ibiz-form-page-active-border-color:var(--ibiz-color-primary)}.ibiz-form-page__left{height:100%}.ibiz-form-page__left>.el-tabs__header{height:100%}.ibiz-form-page__left>.el-tabs__content{height:100%;overflow:auto}.ibiz-form-page__right{height:100%}.ibiz-form-page__right>.el-tabs__header{height:100%}.ibiz-form-page__right>.el-tabs__content{height:100%;overflow:auto}.ibiz-form-page--no-tab-header .ibiz-form-page-item{padding-top:0}.ibiz-form-page-tab>.el-tabs__header.is-top{margin-bottom:var(--ibiz-spacing-tight)}.ibiz-form-page-tab>.el-tabs__header.is-top .el-tabs__item.is-top{font-size:var(--ibiz-form-page-font-size);color:var(--ibiz-form-page-text-color);background-color:var(--ibiz-form-page-bg-color)}.ibiz-form-page-tab>.el-tabs__header.is-top .el-tabs__item.is-top:hover{color:var(--ibiz-form-page-hover-text-color);background-color:var(--ibiz-form-page-hover-bg-color)}.ibiz-form-page-tab>.el-tabs__header.is-top .el-tabs__item.is-top.is-active{color:var(--ibiz-form-page-active-text-color);background-color:var(--ibiz-form-page-active-bg-color)}.ibiz-form-page-tab .el-tabs__nav-wrap::after{background-color:var(--ibiz-form-page-header-border-color)}.ibiz-form-page-tab .el-tabs__active-bar{background-color:var(--ibiz-form-page-active-border-color)}.ibiz-form-page-item{padding-top:var(--ibiz-padding-top)}.ibiz-form-page-item-child{margin-bottom:var(--ibiz-margin-bottom)}

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

@@ -8,6 +8,7 @@ export declare const FormPage: import("vue").DefineComponent<{
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
+    position: string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IDEForm>;

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

@@ -14,10 +14,15 @@ const FormPage = /* @__PURE__ */ defineComponent({
       required: true
     }
   },
-  setup() {
+  setup(props) {
     const ns = useNamespace("form-page");
+    let position = "top";
+    if (props.modelData.tabHeaderPos) {
+      position = props.modelData.tabHeaderPos.toLowerCase();
+    }
     return {
-      ns
+      ns,
+      position
     };
   },
   render() {
@@ -33,8 +38,9 @@ const FormPage = /* @__PURE__ */ defineComponent({
       }, [defaultSlots]);
     }
     return createVNode(resolveComponent("el-tabs"), {
-      "class": [this.ns.b(), this.ns.b("tab")],
-      "model-value": (_d = defaultSlots[0]) == null ? void 0 : _d.key
+      "class": [this.ns.b(), this.ns.b("tab"), this.ns.e(this.position)],
+      "model-value": (_d = defaultSlots[0]) == null ? void 0 : _d.key,
+      "tab-position": this.position
     }, _isSlot(_slot = defaultSlots.map((slot) => {
       const props = slot.props;
       if (!props || !props.controller) {

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

@@ -6,6 +6,7 @@ export declare const IBizFormPage: import("@ibiz-template/vue3-util").TypeWithIn
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
+    position: string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IDEForm>;

package/es/control/toolbar/export-excel/export-excel.css

@@ -1 +1 @@
-.ibiz-export-excel{width:270px}.ibiz-export-excel__custom{display:flex;align-items:center;justify-content:center}.ibiz-export-excel__custom>*+*{margin-left:10px}.ibiz-export-excel__custom.el-dropdown-menu__item:focus{color:var(--el-text-color-regular);background-color:transparent}.ibiz-export-excel__custom .el-input{--el-input-text-color:var(--ibiz-color-white)}.ibiz-export-excel__button{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base)}.ibiz-export-excel__button>span{display:flex;align-items:center;justify-content:center;font-size:var(--ibiz-font-size-regular)}.ibiz-export-excel__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-export-excel__button>span .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-export-excel__button>span .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-export-excel__button>span .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-export-excel__button>span .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-export-excel-submenu-button{justify-content:flex-start;width:100%;height:36px;padding:0 10px;border-radius:0}.ibiz-export-excel-submenu-button>span{font-size:var(--ibiz-font-size-regular)}.ibiz-export-excel-submenu-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-export-excel-submenu-button>span .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-export-excel-submenu-button>span .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-export-excel-submenu-button>span .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-export-excel-submenu-button>span .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-control-toolbar-submenu-popper .ibiz-export-excel-submenu .el-sub-menu__title{padding:0}.ibiz-control-toolbar-submenu-popper .ibiz-export-excel-submenu .el-sub-menu__title .el-sub-menu__icon-arrow{display:none}.ibiz-control-toolbar-submenu-popper .ibiz-export-excel-submenu.hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-control-toolbar-submenu-popper .ibiz-export-excel-submenu .ibiz-export-excel-submenu-popper{width:270px;color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}
+.ibiz-export-excel{width:270px}.ibiz-export-excel__custom{display:flex;align-items:center;justify-content:center}.ibiz-export-excel__custom>*+*{margin-left:10px}.ibiz-export-excel__custom.el-dropdown-menu__item:focus{color:var(--el-text-color-regular);background-color:transparent}.ibiz-export-excel__custom .el-input{--el-input-text-color:var(--ibiz-color-white)}.ibiz-export-excel__button{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base)}.ibiz-export-excel__button>span{display:flex;align-items:center;justify-content:center;font-size:var(--ibiz-font-size-regular)}.ibiz-export-excel__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-export-excel__button>span .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-export-excel__button>span .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-export-excel__button>span .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-export-excel__button>span .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-export-excel-submenu-button{justify-content:flex-start;width:100%;height:36px;padding:0 10px;border-radius:0}.ibiz-export-excel-submenu-button>span{font-size:var(--ibiz-font-size-regular)}.ibiz-export-excel-submenu-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-export-excel-submenu-button>span .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-export-excel-submenu-button>span .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-export-excel-submenu-button>span .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-export-excel-submenu-button>span .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-control-toolbar-submenu-popper .ibiz-export-excel-submenu .el-sub-menu__title{padding:0}.ibiz-control-toolbar-submenu-popper .ibiz-export-excel-submenu.hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-control-toolbar-submenu-popper .ibiz-export-excel-submenu .ibiz-export-excel-submenu-popper{width:270px;color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}

package/es/control/toolbar/short-cut-button/short-cut-button.d.ts

@@ -0,0 +1,48 @@
+import { IDETBUIActionItem } from '@ibiz/model-core';
+import { PropType } from 'vue';
+import { IToolbarController } from '@ibiz-template/runtime';
+import './short-cut-button.scss';
+export declare const IBizShortCutButton: import("vue").DefineComponent<{
+    mode: {
+        type: StringConstructor;
+        required: false;
+    };
+    size: {
+        type: StringConstructor;
+        required: false;
+    };
+    item: {
+        type: PropType<IDETBUIActionItem>;
+        required: true;
+    };
+    controller: {
+        type: PropType<IToolbarController<import("@ibiz/model-core").IDEToolbar, import("@ibiz-template/runtime").IToolbarState, import("@ibiz-template/runtime").IToolbarEvent>>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    ns2: import("@ibiz-template/core").Namespace;
+    buttonState: import("vue").ComputedRef<any>;
+    buttonType: string | undefined;
+    isShortCut: import("vue").ComputedRef<boolean>;
+    onClick: (e: MouseEvent) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    mode: {
+        type: StringConstructor;
+        required: false;
+    };
+    size: {
+        type: StringConstructor;
+        required: false;
+    };
+    item: {
+        type: PropType<IDETBUIActionItem>;
+        required: true;
+    };
+    controller: {
+        type: PropType<IToolbarController<import("@ibiz/model-core").IDEToolbar, import("@ibiz-template/runtime").IToolbarState, import("@ibiz-template/runtime").IToolbarEvent>>;
+        required: true;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;

package/es/control/toolbar/short-cut-button/short-cut-button.mjs

@@ -0,0 +1,71 @@
+import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './short-cut-button.css';
+
+"use strict";
+const IBizShortCutButton = /* @__PURE__ */ defineComponent({
+  name: "IBizShortCutButton",
+  props: {
+    mode: {
+      type: String,
+      required: false
+    },
+    size: {
+      type: String,
+      required: false
+    },
+    item: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: ["click"],
+  setup(props, {
+    emit
+  }) {
+    var _a;
+    const ns = useNamespace("short-cut-button");
+    const ns2 = useNamespace("toolbar-item");
+    const onClick = (e) => {
+      emit("click", e);
+    };
+    const buttonType = (_a = props.item.buttonStyle) == null ? void 0 : _a.toLowerCase();
+    const buttonState = computed(() => props.controller.state.buttonsState[props.item.id]);
+    const isShortCut = computed(() => props.controller.view.state.isShortCut);
+    return {
+      ns,
+      ns2,
+      buttonState,
+      buttonType,
+      isShortCut,
+      onClick
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": [this.ns.b(), this.ns.is("short-cut", this.isShortCut)]
+    }, [createVNode(resolveComponent("el-button"), {
+      "title": this.isShortCut ? "".concat(ibiz.i18n.t("app.cancel")).concat(this.item.tooltip) : this.item.tooltip,
+      "size": this.size,
+      "text": Object.is(this.buttonType, "inverse"),
+      "type": this.buttonType,
+      "loading": this.buttonState.loading,
+      "disabled": this.buttonState.disabled,
+      "onClick": this.onClick
+    }, {
+      default: () => [this.item.showIcon && this.item.sysImage && createVNode("span", {
+        "class": this.ns2.b("icon")
+      }, [createVNode(resolveComponent("iBizIcon"), {
+        "icon": this.item.sysImage
+      }, null)]), this.item.showCaption && createVNode("span", {
+        "class": this.ns2.b("text")
+      }, [this.isShortCut ? "".concat(ibiz.i18n.t("app.cancel")).concat(this.item.caption) : this.item.caption])]
+    })]);
+  }
+});
+
+export { IBizShortCutButton };

package/es/control/toolbar/toolbar.mjs

@@ -2,6 +2,7 @@ import { isVNode, resolveComponent, createVNode, ref, createTextVNode, defineCom
 import { useNamespace, useControlController } from '@ibiz-template/vue3-util';
 import { ToolbarController } from '@ibiz-template/runtime';
 import { IBizExportExcel } from './export-excel/export-excel.mjs';
+import { IBizShortCutButton } from './short-cut-button/short-cut-button.mjs';
 import './toolbar.css';
 
 "use strict";
@@ -202,6 +203,16 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
             }
           }, null);
         }
+        if (actionId === "shortcut") {
+          return createVNode(IBizShortCutButton, {
+            "key": itemId,
+            "class": [ns.e("item"), ns.e("item-deuiaction"), ns.em("item", buttonType), calcCssName(item)],
+            "item": item,
+            "controller": c,
+            "size": btnSize.value,
+            "onClick": (e) => handleClick(item, e)
+          }, null);
+        }
         return createVNode("div", {
           "key": itemId,
           "class": [ns.e("item"), ns.e("item-deuiaction"), ns.em("item", buttonType), calcCssName(item), ns.is("loading", c.state.buttonsState[itemId].loading)]

package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.css

@@ -1 +1 @@
-.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .el-dropdown{width:100%}.ibiz-picker-select-view .el-select{width:100%}.ibiz-picker-select-view--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper{width:100%;min-height:100px;max-height:500px;overflow:auto}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-select{display:block}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);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-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content .ibiz-picker-select-view-content-item{height:22px;padding:0 9px;margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:22px;color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-select{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-select{display:block}.ibiz-picker-select-view-select-popover{display:none}
+.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .el-dropdown{width:100%}.ibiz-picker-select-view .el-select{width:100%}.ibiz-picker-select-view__arrow{display:flex;transition:transform .3s;transform:rotateZ(0);transform-origin:center center}.ibiz-picker-select-view__arrow>svg{width:14px;height:14px}.ibiz-picker-select-view__arrow.overturn{transform:rotateZ(-180deg)}.ibiz-picker-select-view--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper{width:100%;min-height:100px;max-height:500px;overflow:auto}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-select{display:block}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);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-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content .ibiz-picker-select-view-content-item{height:22px;padding:0 9px;margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:22px;color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-select{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-select{display:block}.ibiz-picker-select-view-select-popover{display:none}

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

@@ -56,6 +56,7 @@ export declare const IBizPickerSelectView: import("vue").DefineComponent<{
     showView: Ref<boolean>;
     selectedData: Ref<IData[]>;
     handleDropDownKeyDown: (e: KeyboardEvent) => void;
+    arrow: () => JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;

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

@@ -1,4 +1,4 @@
-import { isVNode, ref, watch, computed, onMounted, resolveComponent, createVNode, h, defineComponent } from 'vue';
+import { isVNode, ref, watch, computed, onMounted, createVNode, resolveComponent, h, defineComponent } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-picker-select-view.css';
 import { ViewMode, Modal } from '@ibiz-template/runtime';
@@ -357,6 +357,15 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
         }
       }
     };
+    const arrow = () => {
+      return createVNode("svg", {
+        "viewBox": "0 0 1024 1024",
+        "xmlns": "http://www.w3.org/2000/svg"
+      }, [createVNode("path", {
+        "fill": "currentColor",
+        "d": "M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"
+      }, null)]);
+    };
     return {
       ns,
       c,
@@ -388,7 +397,8 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
       onVisibleChange,
       showView,
       selectedData,
-      handleDropDownKeyDown
+      handleDropDownKeyDown,
+      arrow
     };
   },
   render() {
@@ -423,7 +433,9 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
             }, null), this.c.model.linkAppViewId && createVNode("ion-icon", {
               "onClick": this.openLinkView,
               "name": "link-arrow"
-            }, null)];
+            }, null), this.c.model.showTrigger && createVNode("div", {
+              "class": [this.ns.e("arrow"), this.showView ? "overturn" : ""]
+            }, [this.arrow()])];
           }
         }) : createVNode(resolveComponent("el-select"), {
           "popper-class": this.ns.b("select-popover"),

package/es/index.mjs

@@ -121,6 +121,7 @@ export { OverlayController } from './util/overlay-controller/overlay-controller.
 export { usePagination } from './util/pagination/use-pagination.mjs';
 export { NoticeUtil } from './util/notice-util/notice-util.mjs';
 export { RenderUtil } from './util/render-util/render-util.mjs';
+export { AppUtil } from './util/app-util/app-util.mjs';
 export { AuthGuard } from './web-app/guard/auth-guard/auth-guard.mjs';
 export { runApp } from './web-app/main.mjs';
 export { AppRouter } from './web-app/router/index.mjs';

package/es/panel-component/auth-captcha/auth-captcha.controller.d.ts

@@ -10,6 +10,13 @@ import { AuthCaptchaState } from './auth-captcha.state';
  */
 export declare class AuthCaptchaController extends PanelItemController<IPanelRawItem> {
     state: AuthCaptchaState;
+    /**
+     * 验证码数据
+     *
+     * @private
+     * @memberof AuthCaptchaController
+     */
+    private captcha;
     protected createState(): AuthCaptchaState;
     /**
      * 面板状态变更通知
@@ -27,6 +34,19 @@ export declare class AuthCaptchaController extends PanelItemController<IPanelRaw
      * @memberof AuthCaptchaController
      */
     protected onInit(): Promise<void>;
+    /**
+     * 值校验
+     *
+     * @return {*}  {Promise<boolean>}
+     * @memberof AuthCaptchaController
+     */
+    validate(): Promise<boolean>;
+    /**
+     * 值改变
+     *
+     * @memberof AuthCaptchaController
+     */
+    onChange(): void;
     /**
      * 加载验证码
      *

package/es/panel-component/auth-captcha/auth-captcha.controller.mjs

@@ -1,9 +1,29 @@
+import { reactive } from 'vue';
 import { PanelItemController } from '@ibiz-template/runtime';
 import axios from 'axios';
 import { AuthCaptchaState } from './auth-captcha.state.mjs';
 
 "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 AuthCaptchaController extends PanelItemController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 验证码数据
+     *
+     * @private
+     * @memberof AuthCaptchaController
+     */
+    __publicField(this, "captcha", reactive({
+      "Captcha-State": "",
+      "Captcha-Code": ""
+    }));
+  }
   createState() {
     var _a;
     return new AuthCaptchaState((_a = this.parent) == null ? void 0 : _a.state);
@@ -17,17 +37,7 @@ class AuthCaptchaController extends PanelItemController {
    */
   async panelStateNotify(_state) {
     super.panelStateNotify(_state);
-    const that = this;
-    Object.defineProperty(that.panel.state.data, "captcha", {
-      enumerable: true,
-      configurable: true,
-      get() {
-        return {
-          captcha_state: that.state.state,
-          captcha_code: that.state.code
-        };
-      }
-    });
+    this.data.captcha = this.captcha;
   }
   /**
    * 初始化
@@ -39,6 +49,43 @@ class AuthCaptchaController extends PanelItemController {
   async onInit() {
     super.onInit();
     await this.loadCaptcha();
+    const view = this.panel.view;
+    view.hooks.beforeLogin.tapPromise(async (context) => {
+      if (!context.parentId || context.parentId === this.dataParent.model.id) {
+        context.validate = context.validate && await this.validate();
+      }
+    });
+    view.hooks.afterLogin.tap((context) => {
+      if (!context.ok) {
+        this.loadCaptcha();
+        this.state.code = "";
+      }
+    });
+  }
+  /**
+   * 值校验
+   *
+   * @return {*}  {Promise<boolean>}
+   * @memberof AuthCaptchaController
+   */
+  async validate() {
+    if (this.state.code) {
+      this.state.error = void 0;
+      return true;
+    }
+    this.state.error = "\u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801";
+    return false;
+  }
+  /**
+   * 值改变
+   *
+   * @memberof AuthCaptchaController
+   */
+  onChange() {
+    Object.assign(this.captcha, {
+      "Captcha-State": this.state.state,
+      "Captcha-Code": this.state.code
+    });
   }
   /**
    * 加载验证码
@@ -57,12 +104,19 @@ class AuthCaptchaController extends PanelItemController {
       },
       data: {}
     };
-    const res = await axios(requestConfig);
-    if (res.status === 200 && res.data) {
-      this.state.state = res.data.state;
-      this.state.image = res.data.image;
+    try {
+      const res = await axios(requestConfig);
+      if (res.status === 200 && res.data) {
+        this.state.state = res.data.state;
+        this.state.image = res.data.image;
+      }
+    } catch (error) {
+      this.state.state = "";
+      this.state.image = "";
+    } finally {
+      this.state.loading = false;
+      this.onChange();
     }
-    this.state.loading = false;
   }
 }
 

package/es/panel-component/auth-captcha/auth-captcha.css

@@ -1 +1 @@
-.ibiz-auth-captcha{display:flex}.ibiz-auth-captcha__captcha{width:calc(100% - 120px)}.ibiz-auth-captcha__image{flex-shrink:0;width:120px;height:100%;cursor:pointer}.ibiz-auth-captcha__image--hint{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
+.ibiz-auth-captcha{display:flex;position:relative}.ibiz-auth-captcha__captcha{width:calc(100% - 120px)}.ibiz-auth-captcha__image{flex-shrink:0;width:120px;height:100%;cursor:pointer}.ibiz-auth-captcha__image--hint{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--ibiz-color-text-3);background-color:var(--ibiz-color-fill-0)}.ibiz-auth-captcha__error{left:0;top:100%;line-height:1;font-size:12px;padding-top:2px;position:absolute;color:var(--ibiz-color-danger)}.ibiz-auth-captcha.is-error .el-input__wrapper{box-shadow:0 0 0 1px var(--ibiz-color-danger) inset}

package/es/panel-component/auth-captcha/auth-captcha.d.ts

@@ -16,6 +16,7 @@ export declare const AuthCaptcha: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     classArr: import("vue").ComputedRef<(string | false)[]>;
     onClick: () => void;
+    onChange: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IPanelRawItem>;