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

package/es/control/calendar/components/custom-calendar/index.d.ts

@@ -1,4 +1,4 @@
-export declare const IBizCustomCalendar: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<IParams, {
+export declare const IBizCustomCalendar: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<import("@ibiz-template/core").IApiParams, {
     ns: import("@ibiz-template/core").Namespace;
     date: any;
     validatedRange: any;
@@ -9,14 +9,14 @@ export declare const IBizCustomCalendar: import("@ibiz-template/vue3-util").Type
     "update:modelValue": (value: Date) => boolean;
     input: (value: Date) => boolean;
     change: (value: Date) => boolean;
-    eventClick: (value: IParams) => IParams;
-    eventDblClick: (value: IParams) => IParams;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<IParams>> & {
+    eventClick: (value: import("@ibiz-template/core").IApiParams) => import("@ibiz-template/core").IApiParams;
+    eventDblClick: (value: import("@ibiz-template/core").IApiParams) => import("@ibiz-template/core").IApiParams;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<import("@ibiz-template/core").IApiParams>> & {
     onChange?: ((value: Date) => any) | undefined;
     onInput?: ((value: Date) => any) | undefined;
     "onUpdate:modelValue"?: ((value: Date) => any) | undefined;
-    onEventClick?: ((value: IParams) => any) | undefined;
-    onEventDblClick?: ((value: IParams) => any) | undefined;
+    onEventClick?: ((value: import("@ibiz-template/core").IApiParams) => any) | undefined;
+    onEventDblClick?: ((value: import("@ibiz-template/core").IApiParams) => any) | undefined;
 }, {
     [x: string]: any;
     [x: symbol]: any;

package/es/control/calendar/components/interface/calendar-daily.d.ts

@@ -1,11 +1,11 @@
 import type { ExtractPropTypes } from 'vue';
 import type { Dayjs } from 'dayjs';
-declare const calendarDailyProps: IParams;
+declare const calendarDailyProps: import("@ibiz-template/core").IApiParams;
 type CalendarDailyProps = ExtractPropTypes<typeof calendarDailyProps>;
 declare const calendarDailyEmits: {
     pick: (value: Dayjs) => boolean;
-    eventClick: (value: IParams) => IParams;
-    eventDblClick: (value: IParams) => IParams;
+    eventClick: (value: IParams) => import("@ibiz-template/core").IApiParams;
+    eventDblClick: (value: IParams) => import("@ibiz-template/core").IApiParams;
 };
 type CalendarDailyEmits = typeof calendarDailyEmits;
 export { calendarDailyEmits, calendarDailyProps };

package/es/control/calendar/components/interface/calendar-user.d.ts

@@ -1,9 +1,9 @@
 import { ExtractPropTypes } from 'vue';
-declare const calendarUserProps: IParams;
+declare const calendarUserProps: import("@ibiz-template/core").IApiParams;
 type CalendarUserProps = ExtractPropTypes<typeof calendarUserProps>;
 declare const calendarUserEmits: {
-    eventClick: (value: IParams) => IParams;
-    eventDblClick: (value: IParams) => IParams;
+    eventClick: (value: IParams) => import("@ibiz-template/core").IApiParams;
+    eventDblClick: (value: IParams) => import("@ibiz-template/core").IApiParams;
 };
 type CalendarUserEmits = typeof calendarUserEmits;
 export { calendarUserEmits, calendarUserProps };

package/es/control/calendar/components/interface/calendar-week.d.ts

@@ -1,11 +1,11 @@
 import type { ExtractPropTypes } from 'vue';
 import type { Dayjs } from 'dayjs';
-declare const calendarWeekProps: IParams;
+declare const calendarWeekProps: import("@ibiz-template/core").IApiParams;
 type CalendarWeekProps = ExtractPropTypes<typeof calendarWeekProps>;
 declare const calendarWeekEmits: {
     pick: (value: Dayjs) => boolean;
-    eventClick: (value: IParams) => IParams;
-    eventDblClick: (value: IParams) => IParams;
+    eventClick: (value: IParams) => import("@ibiz-template/core").IApiParams;
+    eventDblClick: (value: IParams) => import("@ibiz-template/core").IApiParams;
 };
 type CalendarWeekEmits = typeof calendarWeekEmits;
 export { calendarWeekEmits, calendarWeekProps };

package/es/control/calendar/components/interface/custom-calendar.d.ts

@@ -1,13 +1,13 @@
 import type { ExtractPropTypes } from 'vue';
 type CalendarDateType = 'prev-month' | 'next-month' | 'prev-year' | 'next-year' | 'today';
-declare const customCalendarProps: IParams;
+declare const customCalendarProps: import("@ibiz-template/core").IApiParams;
 type CustomCalendarProps = ExtractPropTypes<typeof customCalendarProps>;
 declare const customCalendarEmits: {
     "update:modelValue": (value: Date) => boolean;
     input: (value: Date) => boolean;
     change: (value: Date) => boolean;
-    eventClick: (value: IParams) => IParams;
-    eventDblClick: (value: IParams) => IParams;
+    eventClick: (value: IParams) => import("@ibiz-template/core").IApiParams;
+    eventDblClick: (value: IParams) => import("@ibiz-template/core").IApiParams;
 };
 type CustomCalendarEmits = typeof customCalendarEmits;
 export { customCalendarProps, customCalendarEmits };

package/es/control/calendar/components/util/util.d.ts

@@ -39,7 +39,7 @@ declare const isToday: (date: Date | string, curDate: Date | string) => boolean;
  * @param {*} val
  * @returns {PropType<T>}
  */
-declare const definePropType: <T>(val: IData | PropType<T>) => PropType<T>;
+declare const definePropType: <T>(val: import("@ibiz-template/core").IApiData | PropType<T>) => PropType<T>;
 /**
  * @description 是否为有效时间范围
  * @param {*} range
@@ -83,7 +83,7 @@ declare const rangeArr: (n: number) => number[];
  * @param {*} props
  * @returns {Record<string, any>}
  */
-declare const handleProps: <Props extends Record<string, IParams | {
+declare const handleProps: <Props extends Record<string, import("@ibiz-template/core").IApiParams | {
     __epPropKey: true;
 }>>(props: Props) => IParams;
 export { epPropKey, closeIcon, isDate, isArray, isObject, isToday, get, set, handleProps, rangeArr, isValidRange, definePropType, handleTimeRange, handleBkColor, fade, handleEVentClick, handlePopClose, getCurWeekDates, isDateInCurWeek, isTimeGreaterThan, };

package/es/control/calendar/index.d.ts

@@ -4,11 +4,11 @@ export declare const IBizCalendarControl: import("@ibiz-template/vue3-util").Typ
         required: true;
     };
     context: {
-        type: import("vue").PropType<IContext>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: import("vue").PropType<IParams>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
     provider: {
@@ -29,12 +29,12 @@ export declare const IBizCalendarControl: import("@ibiz-template/vue3-util").Typ
 }, {
     c: import("@ibiz-template/runtime").CalendarController;
     ns: import("@ibiz-template/core").Namespace;
-    curPopover: import("vue").Ref<IData | undefined>;
-    calendarRef: import("vue").Ref<IData | undefined>;
+    curPopover: import("vue").Ref<import("@ibiz-template/core").IApiData | undefined>;
+    calendarRef: import("vue").Ref<import("@ibiz-template/core").IApiData | undefined>;
     showDateRange: import("vue").Ref<boolean>;
     popoverValue: import("vue").Ref<string>;
     selectDate: (tag: string) => void;
-    calcItemStyle: (data: import("@ibiz-template/runtime").ICalendarItemData) => IData;
+    calcItemStyle: (data: import("@ibiz-template/runtime").ICalendarItemData) => import("@ibiz-template/core").IApiData;
     calcCalendarItems: (date: Date) => import("@ibiz-template/runtime").ICalendarItemData[];
     onNodeContextmenu: (item: import("@ibiz-template/runtime").ICalendarItemData, evt: MouseEvent) => Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -43,11 +43,11 @@ export declare const IBizCalendarControl: import("@ibiz-template/vue3-util").Typ
         required: true;
     };
     context: {
-        type: import("vue").PropType<IContext>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: import("vue").PropType<IParams>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
     provider: {
@@ -66,7 +66,7 @@ export declare const IBizCalendarControl: import("@ibiz-template/vue3-util").Typ
         default: boolean;
     };
 }>>, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
     mdctrlActiveMode: number;
     isSimple: boolean;
     loadDefault: boolean;

package/es/control/caption-bar/caption-bar.d.ts

@@ -8,11 +8,11 @@ export declare const CaptionBarControl: import("vue").DefineComponent<{
         required: true;
     };
     context: {
-        type: PropType<IContext>;
+        type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: PropType<IParams>;
+        type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
     provider: {
@@ -28,16 +28,16 @@ export declare const CaptionBarControl: import("vue").DefineComponent<{
         required: true;
     };
     context: {
-        type: PropType<IContext>;
+        type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: PropType<IParams>;
+        type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
     provider: {
         type: PropType<IControlProvider>;
     };
 }>>, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
 }, {}>;

package/es/control/caption-bar/index.d.ts

@@ -4,11 +4,11 @@ export declare const IBizCaptionBarControl: import("@ibiz-template/vue3-util").T
         required: true;
     };
     context: {
-        type: import("vue").PropType<IContext>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: import("vue").PropType<IParams>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
     provider: {
@@ -24,17 +24,17 @@ export declare const IBizCaptionBarControl: import("@ibiz-template/vue3-util").T
         required: true;
     };
     context: {
-        type: import("vue").PropType<IContext>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: import("vue").PropType<IParams>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
     provider: {
         type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
     };
 }>>, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
 }, {}>>;
 export default IBizCaptionBarControl;

package/es/control/chart/chart.d.ts

@@ -8,11 +8,11 @@ declare const ChartControl: import("vue").DefineComponent<{
         required: true;
     };
     context: {
-        type: PropType<IContext>;
+        type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: PropType<IParams>;
+        type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
     provider: {
@@ -32,10 +32,10 @@ declare const ChartControl: import("vue").DefineComponent<{
     };
     data: {
         type: {
-            (arrayLength: number): IData[];
-            (...items: IData[]): IData[];
-            new (arrayLength: number): IData[];
-            new (...items: IData[]): IData[];
+            (arrayLength: number): import("@ibiz-template/core").IApiData[];
+            (...items: import("@ibiz-template/core").IApiData[]): import("@ibiz-template/core").IApiData[];
+            new (arrayLength: number): import("@ibiz-template/core").IApiData[];
+            new (...items: import("@ibiz-template/core").IApiData[]): import("@ibiz-template/core").IApiData[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
@@ -64,11 +64,11 @@ declare const ChartControl: import("vue").DefineComponent<{
         required: true;
     };
     context: {
-        type: PropType<IContext>;
+        type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: PropType<IParams>;
+        type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
     provider: {
@@ -88,10 +88,10 @@ declare const ChartControl: import("vue").DefineComponent<{
     };
     data: {
         type: {
-            (arrayLength: number): IData[];
-            (...items: IData[]): IData[];
-            new (arrayLength: number): IData[];
-            new (...items: IData[]): IData[];
+            (arrayLength: number): import("@ibiz-template/core").IApiData[];
+            (...items: import("@ibiz-template/core").IApiData[]): import("@ibiz-template/core").IApiData[];
+            new (arrayLength: number): import("@ibiz-template/core").IApiData[];
+            new (...items: import("@ibiz-template/core").IApiData[]): import("@ibiz-template/core").IApiData[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
@@ -106,7 +106,7 @@ declare const ChartControl: import("vue").DefineComponent<{
 }>> & {
     onDrillDetail?: ((...args: any[]) => any) | undefined;
 }, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
     mdctrlActiveMode: number;
     isSimple: boolean;
     loadDefault: boolean;

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

@@ -8,11 +8,11 @@ export declare const ContextMenuControl: import("vue").DefineComponent<{
         required: true;
     };
     context: {
-        type: PropType<IContext>;
+        type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: PropType<IParams>;
+        type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
     mode: {
@@ -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: {
@@ -53,11 +55,11 @@ export declare const ContextMenuControl: import("vue").DefineComponent<{
         required: true;
     };
     context: {
-        type: PropType<IContext>;
+        type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: PropType<IParams>;
+        type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
     mode: {
@@ -82,5 +84,5 @@ export declare const ContextMenuControl: import("vue").DefineComponent<{
 }>>, {
     mode: "dropdown" | "buttons";
     groupLevelKeys: number[];
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
 }, {}>;

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 { 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

@@ -4,11 +4,11 @@ export declare const IBizContextMenuControl: import("@ibiz-template/vue3-util").
         required: true;
     };
     context: {
-        type: import("vue").PropType<IContext>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: import("vue").PropType<IParams>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
     mode: {
@@ -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: {
@@ -49,11 +51,11 @@ export declare const IBizContextMenuControl: import("@ibiz-template/vue3-util").
         required: true;
     };
     context: {
-        type: import("vue").PropType<IContext>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: import("vue").PropType<IParams>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
     mode: {
@@ -78,6 +80,6 @@ export declare const IBizContextMenuControl: import("@ibiz-template/vue3-util").
 }>>, {
     mode: "dropdown" | "buttons";
     groupLevelKeys: number[];
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
 }, {}>>;
 export default IBizContextMenuControl;