@ibiz-template/vue3-components 0.7.38-alpha.56 → 0.7.39

package/es/common/quick-edit/quick-edit.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, ref, createVNode, resolveComponent } from 'vue';
+import { isVNode, ref, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { findChildFormDetails } from '@ibiz-template/runtime';
 import './quick-edit.css';
@@ -20,6 +20,10 @@ const IBizQuickEdit = /* @__PURE__ */ defineComponent({
     },
     modelData: {
       type: Object
+    },
+    isFilterHiddenItem: {
+      type: Boolean,
+      default: true
     }
   },
   emits: {
@@ -31,20 +35,24 @@ const IBizQuickEdit = /* @__PURE__ */ defineComponent({
     const ns = useNamespace("quick-edit");
     const controller = ref(void 0);
     const editItemModel = [];
-    const findEditItem = (detail) => {
+    const hiddenItemModel = [];
+    const findItem = (detail) => {
       const childern = findChildFormDetails(detail);
       childern.forEach((child) => {
         if (child.detailType === "FORMITEM" && !child.hidden) {
           editItemModel.push(child);
         }
-        findEditItem(child);
+        if (child.detailType === "FORMITEM" && child.hidden) {
+          hiddenItemModel.push(child);
+        }
+        findItem(child);
       });
     };
     const init = () => {
       var _a;
       if (props.modelData) {
         (_a = props.modelData.deformPages) == null ? void 0 : _a.forEach((child) => {
-          findEditItem(child);
+          findItem(child);
         });
       }
     };
@@ -64,10 +72,22 @@ const IBizQuickEdit = /* @__PURE__ */ defineComponent({
       });
       return data;
     };
+    const getItemData = () => {
+      const data = {};
+      const item = controller.value.getDiffData();
+      [...editItemModel, ...hiddenItemModel].forEach((formItem) => {
+        const uiKey = formItem.id.toLowerCase();
+        const deKey = formItem.fieldName || formItem.appDEFieldId;
+        if (item[uiKey]) {
+          data[deKey] = item[uiKey];
+        }
+      });
+      return data;
+    };
     const onConfirm = () => {
       let data;
       if (controller.value) {
-        const item = getEditItemData();
+        const item = props.isFilterHiddenItem ? getEditItemData() : getItemData();
         if (Object.keys(item).length > 0) {
           data = [item];
         }
@@ -93,12 +113,12 @@ const IBizQuickEdit = /* @__PURE__ */ defineComponent({
     let _slot, _slot2;
     return createVNode("div", {
       "class": this.ns.b()
-    }, [createVNode(resolveComponent("iBizControlShell"), {
+    }, [createVNode(resolveComponent("iBizControlShell"), mergeProps({
       "params": this.params,
       "context": this.context,
       "modelData": this.modelData,
       "onCreated": this.onCreated
-    }, null), createVNode("div", {
+    }, this.$attrs), null), createVNode("div", {
       "class": this.ns.e("footer")
     }, [createVNode(resolveComponent("el-button"), {
       "text": true,

package/es/common/rawitem/rawitem.css

@@ -1 +1 @@
-.ibiz-rawitem{width:100%;height:100%;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-editor-default-text-color)}.ibiz-rawitem .ibiz-icon{width:100%;height:100%}
+.ibiz-rawitem{width:100%;height:100%;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-editor-default-text-color)}.ibiz-rawitem .ibiz-icon{width:100%;height:100%}.ibiz-rawitem .el-alert{margin:var(--ibiz-spacing-extra-tight) 0}

package/es/common/rawitem/rawitem.mjs

@@ -1,8 +1,7 @@
-import { defineComponent, ref, watch, createVNode, resolveComponent } from 'vue';
+import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { createUUID } from 'qx-util';
 import './rawitem.css';
-import { showTitle } from '@ibiz-template/core';
 import '../../util/index.mjs';
 import { parseHtml } from '../../util/wang-editor-util/wang-editor-util.mjs';
 
@@ -43,7 +42,9 @@ const IBizRawItem = /* @__PURE__ */ defineComponent({
       } else {
         rawItemContent.value = rawItem.content;
       }
-    } else if (["VIDEO", "DIVIDER", "INFO", "WARNING", "ERROR"].includes(contentType)) {
+    } else if (["INFO", "WARNING", "ERROR"].includes(contentType)) {
+      rawItemContent.value = rawItem.rawContent;
+    } else if (["VIDEO", "DIVIDER"].includes(contentType)) {
     } else if (contentType === "IMAGE" && sysImage) {
       rawItemContent.value = sysImage;
     }
@@ -244,7 +245,7 @@ const IBizRawItem = /* @__PURE__ */ defineComponent({
       }
       if (this.rawItemType === "INFO" || this.rawItemType === "WARNING" || this.rawItemType === "ERROR") {
         return createVNode(resolveComponent("el-alert"), {
-          "title": showTitle(this.alertParams.title),
+          "title": this.alertParams.title,
           "type": this.alertParams.type,
           "show-icon": this.alertParams.showIcon,
           "closable": this.alertParams.closeabled

package/es/common/row/row.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
+import { isVNode, createVNode, resolveComponent, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './row.css';
 

package/es/common/sort-bar/sort-bar.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode } from 'vue';
+import { createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './sort-bar.css';
 

package/es/common/split/split.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, nextTick, watch, onMounted, onBeforeUnmount, createVNode, resolveComponent } from 'vue';
+import { ref, computed, nextTick, watch, onMounted, onBeforeUnmount, createVNode, resolveComponent, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './split.css';
 

package/es/common/split-trigger/split-trigger.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createVNode } from 'vue';
+import { computed, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './split-trigger.css';
 

package/es/common/view-message/view-message.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, ref, watch, onMounted, nextTick, createVNode, resolveComponent } from 'vue';
+import { isVNode, ref, watch, nextTick, onMounted, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { createUUID } from 'qx-util';
 import './view-message.css';
@@ -148,8 +148,9 @@ const ViewMessage = /* @__PURE__ */ defineComponent({
                   return renderLayoutPanel(item);
                 }
                 return createVNode("div", {
-                  "class": this.ns.be("carousel-alert", "message")
-                }, [item.message || ""]);
+                  "class": this.ns.be("carousel-alert", "message"),
+                  "innerHTML": item.message || ""
+                }, null);
               }
             })];
           }
@@ -180,8 +181,9 @@ const ViewMessage = /* @__PURE__ */ defineComponent({
               return renderLayoutPanel(item);
             }
             return createVNode("div", {
-              "class": this.ns.be("alert", "message")
-            }, [item.message || ""]);
+              "class": this.ns.be("alert", "message"),
+              "innerHTML": item.message || ""
+            }, null);
           }
         });
       })]);

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

@@ -1,4 +1,4 @@
-import { isVNode, createVNode, resolveComponent, defineComponent, ref, watch, onUnmounted, computed, onMounted, nextTick, mergeProps } from 'vue';
+import { isVNode, resolveComponent, createVNode, ref, watch, onUnmounted, computed, onMounted, nextTick, mergeProps, defineComponent } from 'vue';
 import { RuntimeError, showTitle, findRecursiveChild } from '@ibiz-template/core';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { createUUID } from 'qx-util';

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

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, ref, onMounted, createVNode, resolveComponent } from 'vue';
+import { isVNode, ref, onMounted, resolveComponent, createVNode, defineComponent } from 'vue';
 import { formatSeparator } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { RuntimeError, showTitle } from '@ibiz-template/core';

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

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { AppMenuControl } from './app-menu.mjs';
 import { AppMenuProvider } from './app-menu.provider.mjs';

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

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, ref, createVNode, resolveComponent } from 'vue';
+import { isVNode, ref, resolveComponent, createVNode, defineComponent } from 'vue';
 import { AppMenuIconViewController } from '@ibiz-template/runtime';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './app-menu-icon-view.css';

package/es/control/app-menu-icon-view/index.mjs

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { AppMenuIconViewProvider } from './app-menu-icon-view.provider.mjs';
 import { AppMenuIconViewControl } from './app-menu-icon-view.mjs';

package/es/control/calendar/calendar.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, ref, watch, resolveComponent, createVNode } from 'vue';
+import { isVNode, ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useControlController, useNamespace, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
 import { CalendarController } from '@ibiz-template/runtime';
 import dayjs from 'dayjs';

package/es/control/calendar/components/calendar-daily/calendar-daily.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, watch, onMounted, onUnmounted, createVNode } from 'vue';
+import { watch, onMounted, onUnmounted, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { showTitle } from '@ibiz-template/core';
 import '../interface/index.mjs';

package/es/control/calendar/components/calendar-user/calendar-user.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, createVNode, resolveComponent, createTextVNode } from 'vue';
+import { ref, watch, createVNode, resolveComponent, createTextVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import '../interface/index.mjs';
 import { getDayTime, calcCurWeek, calcCurtimeEvents } from './use-calendar-user.mjs';

package/es/control/calendar/components/calendar-week/calendar-week.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, onMounted, onUnmounted, createVNode, resolveComponent } from 'vue';
+import { ref, watch, onMounted, onUnmounted, createVNode, resolveComponent, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { showTitle } from '@ibiz-template/core';
 import '../interface/index.mjs';

package/es/control/calendar/components/custom-calendar/custom-calendar.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, onMounted, createVNode, resolveComponent } from 'vue';
+import { onMounted, createVNode, resolveComponent, defineComponent } from 'vue';
 import dayjs from 'dayjs';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { showTitle } from '@ibiz-template/core';

package/es/control/calendar/components/interface/calendar-daily.mjs

@@ -1,5 +1,5 @@
 import '../util/index.mjs';
-import { handleProps, definePropType } from '../util/util.mjs';
+import { definePropType, handleProps } from '../util/util.mjs';
 import { isObject } from 'lodash-es';
 
 "use strict";

package/es/control/calendar/components/interface/calendar-user.mjs

@@ -1,5 +1,5 @@
 import '../util/index.mjs';
-import { handleProps, definePropType } from '../util/util.mjs';
+import { definePropType, handleProps } from '../util/util.mjs';
 
 "use strict";
 const calendarUserProps = handleProps({

package/es/control/calendar/components/interface/calendar-week.mjs

@@ -1,5 +1,5 @@
 import '../util/index.mjs';
-import { handleProps, definePropType } from '../util/util.mjs';
+import { definePropType, handleProps } from '../util/util.mjs';
 import { isObject } from 'lodash-es';
 
 "use strict";

package/es/control/calendar/components/interface/custom-calendar.mjs

@@ -1,7 +1,7 @@
 import '../util/index.mjs';
 import '../constant/index.mjs';
 import { isArray, isDate } from 'lodash-es';
-import { handleProps, definePropType } from '../util/util.mjs';
+import { definePropType, handleProps } from '../util/util.mjs';
 import { UPDATE_MODEL_EVENT, INPUT_EVENT, CHANGE_EVENT, EVENT_CLICK_EVENT, EVENT_DBL_CLICK_EVENT } from '../constant/event.mjs';
 
 "use strict";

package/es/control/calendar/index.mjs

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { CalendarControl } from './calendar.mjs';
 import { CalendarProvider } from './calendar.provider.mjs';

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

@@ -1,4 +1,4 @@
-import { defineComponent, onActivated, computed, createVNode, resolveComponent } from 'vue';
+import { onActivated, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { CaptionBarController } from '@ibiz-template/runtime';
 import './caption-bar.css';

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

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { CaptionBarControl } from './caption-bar.mjs';
 import { CaptionBarProvider } from './caption-bar.provider.mjs';

package/es/control/chart/chart.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, ref, watch, nextTick, onMounted, createVNode, resolveComponent, onBeforeUnmount } from 'vue';
+import { isVNode, ref, watch, nextTick, onMounted, resolveComponent, createVNode, onBeforeUnmount, defineComponent } from 'vue';
 import { useControlController, useNamespace, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
 import { init } from 'echarts';
 import { createUUID } from 'qx-util';

package/es/control/chart/index.mjs

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { ControlLoadingPlaceholder } from '@ibiz-template/vue3-util';
 import { defineAsyncComponent } from 'vue';
 import { ChartProvider } from './chart.provider.mjs';

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:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-context-menu-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--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:var(--ibiz-spacing-extra-tight)}.ibiz-context-menu__action-content{display:flex}.ibiz-context-menu__action-content-icon{display:flex;align-items:center;justify-content:center;padding:0 var(--ibiz-spacing-super-tight);font-size:var(--ibiz-width-icon-medium)}.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:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-context-menu-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--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:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);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:var(--ibiz-spacing-extra-tight)}.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:var(--ibiz-spacing-none)}.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}
+@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:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-context-menu-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--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-transfer-zindex:1000}.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:var(--ibiz-spacing-extra-tight)}.ibiz-context-menu__action-content{display:flex}.ibiz-context-menu__action-content-icon{display:flex;align-items:center;justify-content:center;padding:0 var(--ibiz-spacing-super-tight);font-size:var(--ibiz-width-icon-medium)}.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:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-context-menu-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--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-transfer-zindex:1000;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:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);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:var(--ibiz-spacing-extra-tight)}.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:var(--ibiz-spacing-none)}.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__transfer{--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:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-context-menu-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--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-transfer-zindex:1000;z-index:var(--ibiz-context-menu-transfer-zindex)!important}.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,15 +37,17 @@ export declare const ContextMenuControl: import("vue").DefineComponent<{
 }, {
     c: ContextMenuController;
     ns: import("@ibiz-template/core").Namespace;
+    popoverid: string;
     expandDetails: Ref<IDETBUIActionItem[]>;
     groupDetails: Ref<IDETBUIActionItem[]>;
-    groupButtonRef: Ref<any>;
+    groupButtonRef: Ref<HTMLElement | null | undefined>;
     dropdownRef: Ref<any>;
     popoverVisible: Ref<boolean>;
     handleClick: (detail: IDETBUIActionItem, e: MouseEvent) => Promise<void>;
     renderActions: (items: IDETBUIActionItem[], isExpand?: boolean) => (JSX.Element | (false | JSX.Element | undefined)[] | ((false | JSX.Element | undefined)[] | null)[] | null | undefined)[];
     renderActionButton: (detail: IAppDEUIActionGroupDetail, isExpand?: boolean) => (false | JSX.Element | undefined)[] | null;
     calcActionItemClass: (item: IDETBUIActionItem) => string[];
+    setPopoverZIndex: (zIndexClass: string) => void;
     actionDetails: IDETBUIActionItem[];
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {

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

@@ -1,5 +1,5 @@
-import { isVNode, defineComponent, ref, watch, createVNode, resolveComponent } from 'vue';
-import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import { isVNode, ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useControlController, useNamespace, usePopoverVisible, usePopoverzIndex } from '@ibiz-template/vue3-util';
 import './context-menu.css';
 import { ContextMenuController } from '@ibiz-template/runtime';
 import { showTitle } from '@ibiz-template/core';
@@ -59,8 +59,17 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
     const expandDetails = ref([]);
     const groupDetails = ref([]);
     const groupButtonRef = ref();
+    const {
+      popoverVisible,
+      setPopoverVisible
+    } = usePopoverVisible(groupButtonRef, (ele) => {
+      return ele.ref;
+    });
     const dropdownRef = ref();
-    const popoverVisible = ref(false);
+    const {
+      popoverid,
+      setPopoverZIndex
+    } = usePopoverzIndex();
     const transformLanguage = (items) => {
       if (!Array.isArray(items)) {
         return;
@@ -103,14 +112,14 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
     const handleClick = async (detail, e) => {
       e.stopPropagation();
       if (!detail.uiactionId) {
-        popoverVisible.value = false;
+        setPopoverVisible(false);
         return;
       }
       if (props.actionCallBack) {
         await props.actionCallBack(detail, e);
       }
       if (props.mode === "buttons") {
-        popoverVisible.value = false;
+        setPopoverVisible(false);
       } else if (dropdownRef.value) {
         dropdownRef.value.handleClose();
       }
@@ -234,6 +243,7 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
     return {
       c,
       ns,
+      popoverid,
       expandDetails,
       groupDetails,
       groupButtonRef,
@@ -243,6 +253,7 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
       renderActions,
       renderActionButton,
       calcActionItemClass,
+      setPopoverZIndex,
       actionDetails
     };
   },
@@ -267,7 +278,10 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
         "text": true,
         "disabled": pdisabled,
         "ref": "groupButtonRef",
-        "class": [this.ns.e("item"), this.ns.is("expand", this.popoverVisible)]
+        "class": [this.ns.e("item"), this.ns.is("expand", this.popoverVisible)],
+        "onClick": () => {
+          this.popoverVisible = !this.popoverVisible;
+        }
       }, {
         icon: () => createVNode("ion-icon", {
           "class": this.ns.e("icon"),
@@ -276,12 +290,11 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
       }), createVNode(resolveComponent("el-popover"), {
         "placement": "bottom-start",
         "virtual-ref": this.groupButtonRef,
-        "trigger": "click",
         "visible": this.popoverVisible,
-        "onUpdate:visible": ($event) => this.popoverVisible = $event,
-        "popper-class": this.ns.e("popover"),
+        "popper-class": [this.popoverid, this.ns.e("popover"), this.ns.e("transfer")],
         "virtual-triggering": true,
-        "transition": "none"
+        "transition": "none",
+        "onBefore-enter": () => this.setPopoverZIndex("--".concat(this.ns.namespace, "-context-menu-transfer-zindex"))
       }, _isSlot(_slot = this.renderActions(this.groupDetails, false)) ? _slot : {
         default: () => [_slot]
       })];
@@ -298,6 +311,8 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
     return createVNode(resolveComponent("el-dropdown"), {
       "ref": "dropdownRef",
       "onCommand": (command) => this.handleClick(command, new MouseEvent("click")),
+      "onVisible-change": () => this.setPopoverZIndex("--".concat(this.ns.namespace, "-context-menu-transfer-zindex")),
+      "popper-class": [this.popoverid, this.ns.e("transfer")],
       "class": [this.ns.b(), this.ns.m("dropdown")]
     }, {
       default: () => createVNode("span", {

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

@@ -33,15 +33,17 @@ export declare const IBizContextMenuControl: import("@ibiz-template/vue3-util").
 }, {
     c: import("@ibiz-template/runtime").ContextMenuController;
     ns: import("@ibiz-template/core").Namespace;
+    popoverid: string;
     expandDetails: import("vue").Ref<import("@ibiz/model-core").IDETBUIActionItem[]>;
     groupDetails: import("vue").Ref<import("@ibiz/model-core").IDETBUIActionItem[]>;
-    groupButtonRef: import("vue").Ref<any>;
+    groupButtonRef: import("vue").Ref<HTMLElement | null | undefined>;
     dropdownRef: import("vue").Ref<any>;
     popoverVisible: import("vue").Ref<boolean>;
     handleClick: (detail: import("@ibiz/model-core").IDETBUIActionItem, e: MouseEvent) => Promise<void>;
     renderActions: (items: import("@ibiz/model-core").IDETBUIActionItem[], isExpand?: boolean) => (JSX.Element | (false | JSX.Element | undefined)[] | ((false | JSX.Element | undefined)[] | null)[] | null | undefined)[];
     renderActionButton: (detail: import("@ibiz/model-core").IAppDEUIActionGroupDetail, isExpand?: boolean) => (false | JSX.Element | undefined)[] | null;
     calcActionItemClass: (item: import("@ibiz/model-core").IDETBUIActionItem) => string[];
+    setPopoverZIndex: (zIndexClass: string) => void;
     actionDetails: import("@ibiz/model-core").IDETBUIActionItem[];
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {

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

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { ContextMenuControl } from './context-menu.mjs';
 import { ContextMenuProvider } from './context-menu.provider.mjs';

package/es/control/dashboard/custom-dashboard-container/custom-dashboard-container.d.ts

@@ -2233,6 +2233,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                         layoutPanel?: any | undefined;
                         getController: (name: string, traceRoot?: boolean | undefined) => import("@ibiz-template/runtime").IController<import("@ibiz/model-core").IModelObject, object, import("@ibiz-template/runtime").IComponentEvent> | undefined;
                         getTopView: () => import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>;
+                        getCtx: () => import("@ibiz-template/runtime").CTX<import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>>;
                         created: () => Promise<void>;
                         destroyed: () => Promise<void>;
                         force: (_callback?: (() => void) | undefined) => void;
@@ -5163,6 +5164,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                     childNames: string[];
                     getController: (name: string, traceRoot?: boolean | undefined) => import("@ibiz-template/runtime").IController<import("@ibiz/model-core").IModelObject, object, import("@ibiz-template/runtime").IComponentEvent> | undefined;
                     getTopView: () => import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>;
+                    getCtx: () => import("@ibiz-template/runtime").CTX<import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>>;
                     created: () => Promise<void>;
                     destroyed: () => Promise<void>;
                     force: (_callback?: (() => void) | undefined) => void;
@@ -5208,6 +5210,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                 endLoading: () => void;
                 onActivated: () => void;
                 onDeactivated: () => void;
+                initTimeoutTimer: () => void;
                 readonly id: string;
                 state: {
                     activated: boolean;
@@ -9236,6 +9239,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                 childNames: string[];
                 getController: (name: string, traceRoot?: boolean | undefined) => import("@ibiz-template/runtime").IController<import("@ibiz/model-core").IModelObject, object, import("@ibiz-template/runtime").IComponentEvent> | undefined;
                 getTopView: () => import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>;
+                getCtx: () => import("@ibiz-template/runtime").CTX<import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>>;
                 created: () => Promise<void>;
                 destroyed: () => Promise<void>;
                 force: (_callback?: (() => void) | undefined) => void;
@@ -12241,6 +12245,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                     layoutPanel?: any | undefined;
                     getController: (name: string, traceRoot?: boolean | undefined) => import("@ibiz-template/runtime").IController<import("@ibiz/model-core").IModelObject, object, import("@ibiz-template/runtime").IComponentEvent> | undefined;
                     getTopView: () => import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>;
+                    getCtx: () => import("@ibiz-template/runtime").CTX<import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>>;
                     created: () => Promise<void>;
                     destroyed: () => Promise<void>;
                     force: (_callback?: (() => void) | undefined) => void;
@@ -12364,6 +12369,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                     endLoading: () => void;
                     onActivated: () => void;
                     onDeactivated: () => void;
+                    initTimeoutTimer: () => void;
                     readonly id: string;
                     state: {
                         activated: boolean;
@@ -16183,6 +16189,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                     childNames: string[];
                     getController: (name: string, traceRoot?: boolean | undefined) => import("@ibiz-template/runtime").IController<import("@ibiz/model-core").IModelObject, object, import("@ibiz-template/runtime").IComponentEvent> | undefined;
                     getTopView: () => import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>;
+                    getCtx: () => import("@ibiz-template/runtime").CTX<import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>>;
                     created: () => Promise<void>;
                     destroyed: () => Promise<void>;
                     force: (_callback?: (() => void) | undefined) => void;
@@ -19169,6 +19176,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
                 childNames: string[];
                 getController: (name: string, traceRoot?: boolean | undefined) => import("@ibiz-template/runtime").IController<import("@ibiz/model-core").IModelObject, object, import("@ibiz-template/runtime").IComponentEvent> | undefined;
                 getTopView: () => import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>;
+                getCtx: () => import("@ibiz-template/runtime").CTX<import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>>;
                 created: () => Promise<void>;
                 destroyed: () => Promise<void>;
                 force: (_callback?: (() => void) | undefined) => void;
@@ -21303,6 +21311,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
             force: (_callback?: (() => void) | undefined) => void;
             getController: (name: string, traceRoot?: boolean | undefined) => import("@ibiz-template/runtime").IController<import("@ibiz/model-core").IModelObject, object, import("@ibiz-template/runtime").IComponentEvent> | undefined;
             getTopView: () => import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>;
+            getCtx: () => import("@ibiz-template/runtime").CTX<import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>>;
             listenNewController: (cb: (name: string, c: import("@ibiz-template/runtime").IController<import("@ibiz/model-core").IModelObject, object, import("@ibiz-template/runtime").IComponentEvent>) => void) => void;
         };
         customModelData: IData[];

package/es/control/dashboard/custom-dashboard-container/custom-dashboard-container.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, reactive, ref, nextTick, onMounted, withDirectives, createVNode, resolveComponent, resolveDirective } from 'vue';
+import { reactive, ref, nextTick, onMounted, resolveComponent, createVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
 import { CustomDashboardController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './custom-dashboard-container.css';

package/es/control/dashboard/dashboard-design/dashboard-design.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, ref, computed, watch, onUnmounted, createVNode, resolveComponent, h, createTextVNode, withDirectives, resolveDirective } from 'vue';
+import { isVNode, ref, computed, watch, onUnmounted, resolveComponent, createVNode, h, createTextVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
 import { getPortletProvider } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { showTitle } from '@ibiz-template/core';

package/es/control/dashboard/dashboard.mjs

@@ -1,4 +1,4 @@
-import { isVNode, createVNode, resolveComponent, h, defineComponent, getCurrentInstance, ref, isReactive, reactive } from 'vue';
+import { isVNode, createVNode, resolveComponent, h, getCurrentInstance, ref, isReactive, reactive, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './dashboard.css';
 import { DashboardController } from '@ibiz-template/runtime';

package/es/control/dashboard/index.mjs

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { DashboardControl } from './dashboard.mjs';
 import { DashboardDesign } from './dashboard-design/dashboard-design.mjs';

package/es/control/dashboard/portlet/actionbar-portlet/actionbar-portlet.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode, resolveComponent } from 'vue';
+import { resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { ActionBarPortletController } from '@ibiz-template/runtime';
 

package/es/control/dashboard/portlet/chart-portlet/chart-portlet.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, onMounted, onBeforeUnmount, createVNode, resolveComponent, h } from 'vue';
+import { isVNode, onMounted, onBeforeUnmount, resolveComponent, h, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { ChartPortletController, ControlType } from '@ibiz-template/runtime';
 

package/es/control/dashboard/portlet/container-portlet/container-portlet.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
+import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { ContainerPortletController } from '@ibiz-template/runtime';
 import './container-portlet.css';