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

package/es/control/toolbar/toolbar.d.ts

@@ -12,11 +12,11 @@ export declare const ToolbarControl: import("vue").DefineComponent<{
         default: string;
     };
     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: {
@@ -44,11 +44,11 @@ export declare const ToolbarControl: import("vue").DefineComponent<{
         default: string;
     };
     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: {
@@ -61,7 +61,7 @@ export declare const ToolbarControl: import("vue").DefineComponent<{
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
     runMode: "DESIGN" | "RUNTIME";
     manualCalcButtonState: boolean;
 }, {}>;

package/es/control/toolbar/toolbar.mjs

@@ -1,4 +1,4 @@
-import { isVNode, resolveComponent, createVNode, ref, h, createTextVNode, defineComponent } from 'vue';
+import { isVNode, createVNode, resolveComponent, defineComponent, ref, h, createTextVNode } from 'vue';
 import { useNamespace, useControlController } from '@ibiz-template/vue3-util';
 import { ToolbarController } from '@ibiz-template/runtime';
 import { showTitle } from '@ibiz-template/core';

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

@@ -4,11 +4,11 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
         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: {
@@ -954,9 +954,9 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
         handleNodeExpand: (nodeData: import("element-plus/es/components/tree/src/tree.type").TreeNodeData, node: import("element-plus/es/components/tree/src/model/node").default, instance: import("vue").ComponentInternalInstance) => void;
         updateKeyChildren: (key: import("element-plus/es/components/tree/src/tree.type").TreeKey, data: import("element-plus/es/components/tree/src/tree.type").TreeData) => void;
     }> & {} & import("vue").ComponentCustomProperties & {}) | null>;
-    treeviewRef: import("vue").Ref<IData | null>;
-    treeNodeTextInputRef: import("vue").Ref<IData | null>;
-    treeData: import("vue").ComputedRef<import("@ibiz-template/runtime").ITreeNodeData[]>;
+    treeviewRef: import("vue").Ref<import("@ibiz-template/core").IApiData | null>;
+    treeNodeTextInputRef: import("vue").Ref<import("@ibiz-template/core").IApiData | null>;
+    treeData: import("vue").ComputedRef<import("@ibiz-template/runtime").IApiTreeNodeData[]>;
     treeRefreshKey: import("vue").Ref<string>;
     editingNodeKey: import("vue").Ref<string | null>;
     editingNodeText: import("vue").Ref<string | null>;
@@ -965,17 +965,17 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
     onCheck: (nodeData: import("@ibiz-template/runtime").ITreeNodeData, opts: {
         checkedNodes: import("@ibiz-template/runtime").ITreeNodeData[];
     }) => void;
-    onNodeClick: (nodeData: import("@ibiz-template/runtime").ITreeNodeData, data: IData, evt: MouseEvent) => void;
+    onNodeClick: (nodeData: import("@ibiz-template/runtime").ITreeNodeData, data: import("@ibiz-template/core").IApiData, evt: MouseEvent) => void;
     onNodeDbClick: (nodeData: import("@ibiz-template/runtime").ITreeNodeData, evt: MouseEvent) => void;
     onNodeContextmenu: (nodeData: import("@ibiz-template/runtime").ITreeNodeData, evt: MouseEvent) => Promise<void>;
-    loadData: (item: IData, callback: (nodes: IData[]) => void) => Promise<void>;
+    loadData: (item: import("@ibiz-template/core").IApiData, callback: (nodes: import("@ibiz-template/core").IApiData[]) => void) => Promise<void>;
     renderContextMenu: (nodeModel: import("@ibiz/model-core").IDETreeNode, nodeData: import("@ibiz-template/runtime").ITreeNodeData) => JSX.Element | null | undefined;
     renderCounter: (nodeModel: import("@ibiz/model-core").IDETreeNode) => JSX.Element | null | undefined;
-    updateNodeExpand: (data: IData, expanded: boolean) => void;
+    updateNodeExpand: (data: import("@ibiz-template/core").IApiData, expanded: boolean) => void;
     onInput: (value: string) => void;
-    allowDrop: (draggingNode: IData, dropNode: IData, type: import("element-plus/es/components/tree/src/tree.type").AllowDropType) => boolean;
-    allowDrag: (draggingNode: IData) => boolean;
-    handleDrop: (draggingNode: IData, dropNode: IData, dropType: import("element-plus/es/components/tree/src/tree.type").NodeDropType) => void;
+    allowDrop: (draggingNode: import("@ibiz-template/core").IApiData, dropNode: import("@ibiz-template/core").IApiData, type: import("element-plus/es/components/tree/src/tree.type").AllowDropType) => boolean;
+    allowDrag: (draggingNode: import("@ibiz-template/core").IApiData) => boolean;
+    handleDrop: (draggingNode: import("@ibiz-template/core").IApiData, dropNode: import("@ibiz-template/core").IApiData, dropType: import("element-plus/es/components/tree/src/tree.type").NodeDropType) => void;
     onNodeTextEditBlur: () => Promise<void>;
     renderNewNode: () => JSX.Element | null;
     handleEditKeyDown: (e: KeyboardEvent) => void;
@@ -985,11 +985,11 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
         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: {
@@ -1040,7 +1040,7 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
         required: false;
     };
 }>>, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
     mdctrlActiveMode: number;
     singleSelect: boolean;
     isSimple: boolean;

package/es/control/tree/index.mjs

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

package/es/control/tree/tree.css

@@ -1 +1 @@
-.ibiz-control-treeview{--ibiz-control-treeview-text-color:var(--ibiz-color-text-0);--ibiz-control-treeview-bg-color:transparent;--ibiz-control-treeview-disabled-color:var(--ibiz-color-disabled-text);--ibiz-control-treeview-padding:var(--ibiz-spacing-tight) 0;--ibiz-control-treeview-row-hover-color:var(--ibiz-color-text-0);--ibiz-control-treeview-row-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-row-select-color:var(--ibiz-color-text-0);--ibiz-control-treeview-row-select-bg-color:var(--ibiz-color-primary-light-default);--ibiz-control-treeview-font-size:var(--ibiz-font-size-regular);--ibiz-control-treeview-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-treeview-node-icon-height:var(--ibiz-width-icon-medium);--ibiz-control-treeview-node-icon-width:var(--ibiz-width-icon-medium);--ibiz-control-treeview-node-icon-margin-right:var(--ibiz-spacing-tight);--ibiz-control-treeview-node-height:26px;--ibiz-control-treeview-context-menu-width:30px;--ibiz-control-treeview-context-menu-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-control-treeview-context-menu-item-height:40px;--ibiz-control-treeview-context-menu-border-radius:var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-bg-color:var(--ibiz-color-bg-3);--ibiz-control-treeview-context-menu-hover-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-context-menu-text-color:var(--ibiz-color-text-2);--ibiz-control-treeview-quick-search-padding:0 var(--ibiz-spacing-base) var(--ibiz-spacing-tight);--ibiz-control-treeview-tree-padding:0 var(--ibiz-spacing-base);position:relative;height:100%;padding:var(--ibiz-control-treeview-padding)}.ibiz-control-treeview__nav-icon{position:absolute;top:14px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-treeview-node{display:flex;flex-grow:1;flex-shrink:1;align-items:center;min-width:1px;height:100%}.ibiz-control-treeview-node .ibiz-context-menu{display:flex;flex-shrink:0}.ibiz-control-treeview-node .ibiz-context-menu__item--level-200{display:none}.ibiz-control-treeview-node:hover .ibiz-context-menu__item--level-200{display:block}.ibiz-control-treeview-node__icon{display:flex;align-items:center;width:var(--ibiz-control-treeview-node-icon-width);height:var(--ibiz-control-treeview-node-icon-height);margin-right:var(--ibiz-control-treeview-node-icon-margin-right)}.ibiz-control-treeview-node__icon>svg{width:100%;height:100%}.ibiz-control-treeview-node__label{flex-grow:1;flex-shrink:1;min-width:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-treeview-node:hover .ibiz-control-treeview-context-menu-trigger{display:inline-block}.ibiz-control-treeview-node--disabled{color:var(--ibiz-control-treeview-disabled-color);cursor:not-allowed}.ibiz-control-treeview-new-node{display:flex;align-items:center;justify-content:center;padding-left:calc(1em + 12px);font-size:var(--ibiz-control-treeview-font-size)}.ibiz-control-treeview-context-menu-trigger{display:none;flex-shrink:0;width:var(--ibiz-control-treeview-context-menu-width);text-align:center;cursor:pointer}.ibiz-control-treeview-context-menu-trigger__caption-icon{vertical-align:middle}.ibiz-control-treeview-context-menu{--ibiz-control-treeview-context-menu-width:30px;--ibiz-control-treeview-context-menu-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-control-treeview-context-menu-item-height:40px;--ibiz-control-treeview-context-menu-border-radius:var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-bg-color:var(--ibiz-color-bg-3);--ibiz-control-treeview-context-menu-hover-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-context-menu-text-color:var(--ibiz-color-text-2)}.ibiz-control-treeview-context-menu.mx-context-menu{padding:var(--ibiz-control-treeview-context-menu-padding);background-color:var(--ibiz-control-treeview-context-menu-bg-color);border-radius:var(--ibiz-control-treeview-context-menu-border-radius);--mx-menu-text:var(--ibiz-control-treeview-context-menu-text-color)}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item{height:var(--ibiz-control-treeview-context-menu-item-height);padding:var(--ibiz-control-treeview-context-menu-item-padding);cursor:pointer}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item:hover{color:var(--ibiz-control-treeview-context-menu-text-color);background-color:var(--ibiz-control-treeview-context-menu-hover-color)}.ibiz-control-treeview-quick-search{padding:var(--ibiz-control-treeview-quick-search-padding)}.ibiz-control-treeview-tree.el-tree{--el-tree-text-color:var(--ibiz-control-treeview-text-color);--el-tree-node-content-height:var(--ibiz-control-treeview-node-height);padding:var(--ibiz-control-treeview-tree-padding);background-color:var(--ibiz-control-treeview-bg-color)}.ibiz-control-treeview-tree.el-tree .el-tree-node__content:hover{color:var(--ibiz-control-treeview-row-hover-color);background-color:var(--ibiz-control-treeview-row-hover-bg-color)}.ibiz-control-treeview-tree.el-tree.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{color:var(--ibiz-control-treeview-row-select-color);background-color:var(--ibiz-control-treeview-row-select-bg-color)}.ibiz-control-treeview-editing-node{--el-input-height:var(--ibiz-control-treeview-node-height)}
+.ibiz-control-treeview{--ibiz-control-treeview-text-color:var(--ibiz-color-text-0);--ibiz-control-treeview-bg-color:transparent;--ibiz-control-treeview-disabled-color:var(--ibiz-color-disabled-text);--ibiz-control-treeview-padding:var(--ibiz-spacing-tight) 0;--ibiz-control-treeview-row-hover-color:var(--ibiz-color-text-0);--ibiz-control-treeview-row-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-row-select-color:var(--ibiz-color-text-0);--ibiz-control-treeview-row-select-bg-color:var(--ibiz-color-primary-light-default);--ibiz-control-treeview-font-size:var(--ibiz-font-size-regular);--ibiz-control-treeview-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-treeview-node-icon-height:var(--ibiz-width-icon-medium);--ibiz-control-treeview-node-icon-width:var(--ibiz-width-icon-medium);--ibiz-control-treeview-node-icon-margin-right:var(--ibiz-spacing-tight);--ibiz-control-treeview-node-height:26px;--ibiz-control-treeview-context-menu-width:30px;--ibiz-control-treeview-context-menu-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-control-treeview-context-menu-item-height:40px;--ibiz-control-treeview-context-menu-border-radius:var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-bg-color:var(--ibiz-color-bg-3);--ibiz-control-treeview-context-menu-hover-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-context-menu-text-color:var(--ibiz-color-text-2);--ibiz-control-treeview-quick-search-padding:0 var(--ibiz-spacing-base) var(--ibiz-spacing-tight);--ibiz-control-treeview-tree-padding:0 var(--ibiz-spacing-base);position:relative;height:100%;padding:var(--ibiz-control-treeview-padding)}.ibiz-control-treeview__nav-icon{position:absolute;top:14px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-treeview-node{display:flex;flex-grow:1;flex-shrink:1;align-items:center;min-width:1px;height:100%}.ibiz-control-treeview-node .ibiz-context-menu{display:flex;flex-shrink:0}.ibiz-control-treeview-node .ibiz-context-menu__item--level-200{display:none}.ibiz-control-treeview-node:hover .ibiz-context-menu__item--level-200{display:block}.ibiz-control-treeview-node__icon{display:flex;align-items:center;width:var(--ibiz-control-treeview-node-icon-width);height:var(--ibiz-control-treeview-node-icon-height);margin-right:var(--ibiz-control-treeview-node-icon-margin-right)}.ibiz-control-treeview-node__icon>svg{width:100%;height:100%}.ibiz-control-treeview-node__label{flex-grow:1;flex-shrink:1;min-width:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-treeview-node:hover .ibiz-control-treeview-context-menu-trigger{display:inline-block}.ibiz-control-treeview-node--disabled{color:var(--ibiz-control-treeview-disabled-color);cursor:not-allowed}.ibiz-control-treeview-node__buttons--hover .ibiz-context-menu__item{display:none}.ibiz-control-treeview-node:hover .ibiz-control-treeview-node__buttons--hover .ibiz-context-menu__item{display:block}.ibiz-control-treeview-new-node{display:flex;align-items:center;justify-content:center;padding-left:calc(1em + 12px);font-size:var(--ibiz-control-treeview-font-size)}.ibiz-control-treeview-context-menu-trigger{display:none;flex-shrink:0;width:var(--ibiz-control-treeview-context-menu-width);text-align:center;cursor:pointer}.ibiz-control-treeview-context-menu-trigger__caption-icon{vertical-align:middle}.ibiz-control-treeview-context-menu{--ibiz-control-treeview-context-menu-width:30px;--ibiz-control-treeview-context-menu-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-control-treeview-context-menu-item-height:40px;--ibiz-control-treeview-context-menu-border-radius:var(--ibiz-spacing-none);--ibiz-control-treeview-context-menu-bg-color:var(--ibiz-color-bg-3);--ibiz-control-treeview-context-menu-hover-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-context-menu-text-color:var(--ibiz-color-text-2)}.ibiz-control-treeview-context-menu.mx-context-menu{padding:var(--ibiz-control-treeview-context-menu-padding);background-color:var(--ibiz-control-treeview-context-menu-bg-color);border-radius:var(--ibiz-control-treeview-context-menu-border-radius);--mx-menu-text:var(--ibiz-control-treeview-context-menu-text-color)}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item{height:var(--ibiz-control-treeview-context-menu-item-height);padding:var(--ibiz-control-treeview-context-menu-item-padding);cursor:pointer}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item:hover{color:var(--ibiz-control-treeview-context-menu-text-color);background-color:var(--ibiz-control-treeview-context-menu-hover-color)}.ibiz-control-treeview-quick-search{padding:var(--ibiz-control-treeview-quick-search-padding)}.ibiz-control-treeview-tree.el-tree{--el-tree-text-color:var(--ibiz-control-treeview-text-color);--el-tree-node-content-height:var(--ibiz-control-treeview-node-height);padding:var(--ibiz-control-treeview-tree-padding);background-color:var(--ibiz-control-treeview-bg-color)}.ibiz-control-treeview-tree.el-tree .el-tree-node__content:hover{color:var(--ibiz-control-treeview-row-hover-color);background-color:var(--ibiz-control-treeview-row-hover-bg-color)}.ibiz-control-treeview-tree.el-tree.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{color:var(--ibiz-control-treeview-row-select-color);background-color:var(--ibiz-control-treeview-row-select-bg-color)}.ibiz-control-treeview-editing-node{--el-input-height:var(--ibiz-control-treeview-node-height)}

package/es/control/tree/tree.d.ts

@@ -1,4 +1,4 @@
-import { nextTick, PropType } from 'vue';
+import { nextTick, PropType, Ref } from 'vue';
 import { IDETree, IDETreeNode } from '@ibiz/model-core';
 import { IControlProvider, ITreeNodeData, TreeController } from '@ibiz-template/runtime';
 import './tree.scss';
@@ -10,11 +10,11 @@ export declare const TreeControl: 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: {
@@ -82,7 +82,7 @@ export declare const TreeControl: import("vue").DefineComponent<{
 }, {
     c: TreeController<IDETree, import("@ibiz-template/runtime").ITreeState, import("@ibiz-template/runtime").ITreeEvent>;
     ns: import("@ibiz-template/core").Namespace;
-    treeRef: import("vue").Ref<({
+    treeRef: Ref<({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -332,7 +332,7 @@ export declare const TreeControl: import("vue").DefineComponent<{
                 cssVarBlock: (object: Record<string, string>) => Record<string, string>;
                 cssVarBlockName: (name: string) => string;
             };
-            store: import("vue").Ref<{
+            store: Ref<{
                 currentNode: {
                     id: number;
                     text: string;
@@ -470,7 +470,7 @@ export declare const TreeControl: import("vue").DefineComponent<{
                 setUserCurrentNode: (node: import("element-plus/es/components/tree/src/model/node").default, shouldAutoExpandParent?: boolean | undefined) => void;
                 setCurrentNodeKey: (key?: import("element-plus/es/components/tree/src/tree.type").TreeKey | undefined, shouldAutoExpandParent?: boolean | undefined) => void;
             }>;
-            root: import("vue").Ref<{
+            root: Ref<{
                 id: number;
                 text: string;
                 checked: boolean;
@@ -512,7 +512,7 @@ export declare const TreeControl: import("vue").DefineComponent<{
                 updateChildren: () => void;
                 loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
             }>;
-            currentNode: import("vue").Ref<{
+            currentNode: Ref<{
                 id: number;
                 text: string;
                 checked: boolean;
@@ -554,15 +554,15 @@ export declare const TreeControl: import("vue").DefineComponent<{
                 updateChildren: () => void;
                 loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
             }>;
-            dragState: import("vue").Ref<{
+            dragState: Ref<{
                 showDropIndicator: boolean;
                 draggingNode: null;
                 dropNode: null;
                 allowDrop: boolean;
                 dropType: null;
             }>;
-            el$: import("vue").Ref<import("element-plus/es/utils").Nullable<HTMLElement>>;
-            dropIndicator$: import("vue").Ref<import("element-plus/es/utils").Nullable<HTMLElement>>;
+            el$: Ref<import("element-plus/es/utils").Nullable<HTMLElement>>;
+            dropIndicator$: Ref<import("element-plus/es/utils").Nullable<HTMLElement>>;
             isEmpty: import("vue").ComputedRef<boolean>;
             filter: (value: any) => void;
             getNodeKey: (node: import("element-plus/es/components/tree/src/model/node").default) => any;
@@ -720,7 +720,7 @@ export declare const TreeControl: import("vue").DefineComponent<{
             cssVarBlock: (object: Record<string, string>) => Record<string, string>;
             cssVarBlockName: (name: string) => string;
         };
-        store: import("vue").Ref<{
+        store: Ref<{
             currentNode: {
                 id: number;
                 text: string;
@@ -858,7 +858,7 @@ export declare const TreeControl: import("vue").DefineComponent<{
             setUserCurrentNode: (node: import("element-plus/es/components/tree/src/model/node").default, shouldAutoExpandParent?: boolean | undefined) => void;
             setCurrentNodeKey: (key?: import("element-plus/es/components/tree/src/tree.type").TreeKey | undefined, shouldAutoExpandParent?: boolean | undefined) => void;
         }>;
-        root: import("vue").Ref<{
+        root: Ref<{
             id: number;
             text: string;
             checked: boolean;
@@ -900,7 +900,7 @@ export declare const TreeControl: import("vue").DefineComponent<{
             updateChildren: () => void;
             loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
         }>;
-        currentNode: import("vue").Ref<{
+        currentNode: Ref<{
             id: number;
             text: string;
             checked: boolean;
@@ -942,15 +942,15 @@ export declare const TreeControl: import("vue").DefineComponent<{
             updateChildren: () => void;
             loadData: (callback: (node: import("element-plus/es/components/tree/src/model/node").default) => void, defaultProps?: import("element-plus/es/components/tree/src/tree.type").TreeNodeLoadedDefaultProps | undefined) => void;
         }>;
-        dragState: import("vue").Ref<{
+        dragState: Ref<{
             showDropIndicator: boolean;
             draggingNode: null;
             dropNode: null;
             allowDrop: boolean;
             dropType: null;
         }>;
-        el$: import("vue").Ref<import("element-plus/es/utils").Nullable<HTMLElement>>;
-        dropIndicator$: import("vue").Ref<import("element-plus/es/utils").Nullable<HTMLElement>>;
+        el$: Ref<import("element-plus/es/utils").Nullable<HTMLElement>>;
+        dropIndicator$: Ref<import("element-plus/es/utils").Nullable<HTMLElement>>;
         isEmpty: import("vue").ComputedRef<boolean>;
         filter: (value: any) => void;
         getNodeKey: (node: import("element-plus/es/components/tree/src/model/node").default) => any;
@@ -975,13 +975,13 @@ export declare const TreeControl: import("vue").DefineComponent<{
         handleNodeExpand: (nodeData: import("element-plus/es/components/tree/src/tree.type").TreeNodeData, node: import("element-plus/es/components/tree/src/model/node").default, instance: import("vue").ComponentInternalInstance) => void;
         updateKeyChildren: (key: import("element-plus/es/components/tree/src/tree.type").TreeKey, data: import("element-plus/es/components/tree/src/tree.type").TreeData) => void;
     }> & {} & import("vue").ComponentCustomProperties & {}) | null>;
-    treeviewRef: import("vue").Ref<IData | null>;
-    treeNodeTextInputRef: import("vue").Ref<IData | null>;
-    treeData: import("vue").ComputedRef<ITreeNodeData[]>;
-    treeRefreshKey: import("vue").Ref<string>;
-    editingNodeKey: import("vue").Ref<string | null>;
-    editingNodeText: import("vue").Ref<string | null>;
-    cascadeSelect: import("vue").Ref<boolean>;
+    treeviewRef: Ref<import("@ibiz-template/core").IApiData | null>;
+    treeNodeTextInputRef: Ref<import("@ibiz-template/core").IApiData | null>;
+    treeData: import("vue").ComputedRef<import("@ibiz-template/runtime").IApiTreeNodeData[]>;
+    treeRefreshKey: Ref<string>;
+    editingNodeKey: Ref<string | null>;
+    editingNodeText: Ref<string | null>;
+    cascadeSelect: Ref<boolean>;
     findNodeData: typeof findNodeData;
     onCheck: (nodeData: ITreeNodeData, opts: {
         checkedNodes: ITreeNodeData[];
@@ -1006,11 +1006,11 @@ export declare const TreeControl: 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: {
@@ -1076,7 +1076,7 @@ export declare const TreeControl: import("vue").DefineComponent<{
         required: false;
     };
 }>>, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
     mdctrlActiveMode: number;
     singleSelect: boolean;
     isSimple: boolean;

package/es/control/tree/tree.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, reactive, onUnmounted, watch, computed, nextTick, resolveComponent, createVNode, onMounted, mergeProps, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { isVNode, defineComponent, ref, reactive, onUnmounted, watch, computed, nextTick, resolveComponent, createVNode, onMounted, mergeProps, withDirectives, resolveDirective } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { createUUID } from 'qx-util';
 import { cloneDeep, debounce } from 'lodash-es';
@@ -82,6 +82,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
     useAppTreeBase(c, props);
     const cascadeSelect = ref(false);
     const counterData = reactive({});
+    const menuShowMode = ref("default");
     const fn = (counter) => {
       Object.assign(counterData, counter);
     };
@@ -92,6 +93,9 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       if (c.controlParams.cascadeselect) {
         cascadeSelect.value = true;
       }
+      if (c.controlParams.menushowmode) {
+        menuShowMode.value = c.controlParams.menushowmode;
+      }
     });
     onUnmounted(() => {
       var _a;
@@ -492,6 +496,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         return null;
       }
       return createVNode(resolveComponent("iBizContextMenuControl"), {
+        "class": ns.bem("node", "buttons", menuShowMode.value),
         "modelData": nodeModel.decontextMenu,
         "groupLevelKeys": [50, 100],
         "nodeModel": nodeModel,

package/es/control/tree-grid/index.d.ts

@@ -4,11 +4,11 @@ export declare const IBizTreeGridControl: 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: {
@@ -32,10 +32,10 @@ export declare const IBizTreeGridControl: import("@ibiz-template/vue3-util").Typ
     };
     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[];
@@ -55,18 +55,18 @@ export declare const IBizTreeGridControl: import("@ibiz-template/vue3-util").Typ
     c: import("@ibiz-template/runtime").TreeGridController<import("@ibiz/model-core").IDEGrid, import("@ibiz-template/runtime").ITreeGridState, import("@ibiz-template/runtime").ITreeGridEvent>;
     ns: import("@ibiz-template/core").Namespace;
     ns2: import("@ibiz-template/core").Namespace;
-    tableRef: import("vue").Ref<IData | undefined>;
-    tableData: import("vue").Ref<IData>;
+    tableRef: import("vue").Ref<import("@ibiz-template/core").IApiData | undefined>;
+    tableData: import("vue").Ref<import("@ibiz-template/core").IApiData>;
     renderColumns: import("vue").Ref<import("@ibiz/model-core").IDEGridColumn[]>;
     renderColumn: (model: import("@ibiz/model-core").IDEGridColumn, index: number) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null;
-    defaultSort: import("vue").Ref<IData>;
+    defaultSort: import("vue").Ref<import("@ibiz-template/core").IApiData>;
     onDbRowClick: (data: import("@ibiz-template/runtime").ControlVO) => void;
-    onRowClick: (data: import("@ibiz-template/runtime").ControlVO, _column: IData, event: MouseEvent) => Promise<void>;
+    onRowClick: (data: import("@ibiz-template/runtime").ControlVO, _column: import("@ibiz-template/core").IApiData, event: MouseEvent) => Promise<void>;
     onSelectionChange: (selection: import("@ibiz-template/runtime").ControlVO[]) => void;
     onSortChange: (opts: {
-        _column: IData;
+        _column: import("@ibiz-template/core").IApiData;
         prop: string;
         order: "ascending" | "descending";
     }) => void;
@@ -74,33 +74,33 @@ export declare const IBizTreeGridControl: import("@ibiz-template/vue3-util").Typ
     onPageSizeChange: (size: number) => void;
     onPageRefresh: () => void;
     handleRowClassName: ({ row }: {
-        row: IData;
+        row: import("@ibiz-template/core").IApiData;
     }) => string;
     renderNoData: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null;
-    loadData: (item: IData, _row: unknown, callback: (nodes: IData[]) => void) => Promise<void>;
+    loadData: (item: import("@ibiz-template/core").IApiData, _row: unknown, callback: (nodes: import("@ibiz-template/core").IApiData[]) => void) => Promise<void>;
     summaryMethod: ({ columns, }: {
-        columns: import("element-plus/es/components/table/src/table-column/defaults").TableColumnCtx<IData>[];
-        data: IData[];
+        columns: import("element-plus/es/components/table/src/table-column/defaults").TableColumnCtx<import("@ibiz-template/core").IApiData>[];
+        data: import("@ibiz-template/core").IApiData[];
     }) => string[];
-    headerDragend: (newWidth: number, oldWidth: number, column: IData) => void;
+    headerDragend: (newWidth: number, oldWidth: number, column: import("@ibiz-template/core").IApiData) => void;
     renderPopover: () => JSX.Element[];
     renderBatchToolBar: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | undefined;
-    headerCssVars: IData;
+    headerCssVars: import("@ibiz-template/core").IApiData;
 }, 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").IDEGrid>;
         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: {
@@ -124,10 +124,10 @@ export declare const IBizTreeGridControl: import("@ibiz-template/vue3-util").Typ
     };
     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[];
@@ -144,7 +144,7 @@ export declare const IBizTreeGridControl: import("@ibiz-template/vue3-util").Typ
         default: boolean;
     };
 }>>, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
     mdctrlActiveMode: number;
     singleSelect: boolean;
     rowEditOpen: boolean;

package/es/control/tree-grid/index.mjs

@@ -1,4 +1,4 @@
-import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { TreeGridControl } from './tree-grid.mjs';
 import { TreeGridProvider } from './tree-grid.provider.mjs';

package/es/control/tree-grid/tree-grid.d.ts

@@ -7,11 +7,11 @@ export declare const TreeGridControl: 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: {
@@ -43,10 +43,10 @@ export declare const TreeGridControl: 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[];
@@ -66,16 +66,16 @@ export declare const TreeGridControl: import("vue").DefineComponent<{
     c: TreeGridController<import("@ibiz/model-core").IDEGrid, import("@ibiz-template/runtime").ITreeGridState, import("@ibiz-template/runtime").ITreeGridEvent>;
     ns: import("@ibiz-template/core").Namespace;
     ns2: import("@ibiz-template/core").Namespace;
-    tableRef: import("vue").Ref<IData | undefined>;
-    tableData: import("vue").Ref<IData>;
+    tableRef: import("vue").Ref<import("@ibiz-template/core").IApiData | undefined>;
+    tableData: import("vue").Ref<import("@ibiz-template/core").IApiData>;
     renderColumns: import("vue").Ref<IDEGridColumn[]>;
     renderColumn: (model: IDEGridColumn, index: number) => VNode | null;
-    defaultSort: import("vue").Ref<IData>;
+    defaultSort: import("vue").Ref<import("@ibiz-template/core").IApiData>;
     onDbRowClick: (data: import("@ibiz-template/runtime").ControlVO) => void;
-    onRowClick: (data: import("@ibiz-template/runtime").ControlVO, _column: IData, event: MouseEvent) => Promise<void>;
+    onRowClick: (data: import("@ibiz-template/runtime").ControlVO, _column: import("@ibiz-template/core").IApiData, event: MouseEvent) => Promise<void>;
     onSelectionChange: (selection: import("@ibiz-template/runtime").ControlVO[]) => void;
     onSortChange: (opts: {
-        _column: IData;
+        _column: import("@ibiz-template/core").IApiData;
         prop: string;
         order: "ascending" | "descending";
     }) => void;
@@ -83,29 +83,29 @@ export declare const TreeGridControl: import("vue").DefineComponent<{
     onPageSizeChange: (size: number) => void;
     onPageRefresh: () => void;
     handleRowClassName: ({ row }: {
-        row: IData;
+        row: import("@ibiz-template/core").IApiData;
     }) => string;
     renderNoData: () => VNode | null;
     loadData: (item: IData, _row: unknown, callback: (nodes: IData[]) => void) => Promise<void>;
     summaryMethod: ({ columns, }: {
-        columns: import("element-plus/es/components/table/src/table-column/defaults").TableColumnCtx<IData>[];
-        data: IData[];
+        columns: import("element-plus/es/components/table/src/table-column/defaults").TableColumnCtx<import("@ibiz-template/core").IApiData>[];
+        data: import("@ibiz-template/core").IApiData[];
     }) => string[];
-    headerDragend: (newWidth: number, oldWidth: number, column: IData) => void;
+    headerDragend: (newWidth: number, oldWidth: number, column: import("@ibiz-template/core").IApiData) => void;
     renderPopover: () => JSX.Element[];
     renderBatchToolBar: () => VNode | undefined;
-    headerCssVars: IData;
+    headerCssVars: import("@ibiz-template/core").IApiData;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<import("@ibiz/model-core").IDEGrid>;
         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: {
@@ -137,10 +137,10 @@ export declare const TreeGridControl: 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[];
@@ -157,7 +157,7 @@ export declare const TreeGridControl: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
     mdctrlActiveMode: number;
     singleSelect: boolean;
     rowEditOpen: boolean;

package/es/control/tree-grid/tree-grid.mjs

@@ -1,4 +1,4 @@
-import { isVNode, resolveComponent, createVNode, createTextVNode, renderSlot, defineComponent } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent, createTextVNode, renderSlot } from 'vue';
 import { useControlController, useNamespace, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
 import { TreeGridController } from '@ibiz-template/runtime';
 import { useRowEditPopover } from '../grid/row-edit-popover/use-row-edit-popover.mjs';