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

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.mjs

@@ -1,4 +1,4 @@
-import { isVNode, reactive, watch, resolveComponent, createVNode, toRaw, h, defineComponent } from 'vue';
+import { isVNode, defineComponent, reactive, watch, createVNode, resolveComponent, toRaw, h } from 'vue';
 import { FormMDCtrlRepeaterController, EditFormController, ControlVO } from '@ibiz-template/runtime';
 import { useNamespace, useCtx } from '@ibiz-template/vue3-util';
 import { recursiveIterate, showTitle } from '@ibiz-template/core';

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-multi-form/repeater-multi-form.d.ts

@@ -16,5 +16,5 @@ export declare const RepeaterMultiForm: import("vue").DefineComponent<{
         required: true;
     };
 }>> & {
-    onChange?: ((_value: IData[]) => any) | undefined;
+    onChange?: ((_value: import("@ibiz-template/core").IApiData[]) => any) | undefined;
 }, {}, {}>;

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-multi-form/repeater-multi-form.mjs

@@ -1,4 +1,4 @@
-import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent } from 'vue';
 import { FormMDCtrlRepeaterController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { RepeaterSingleForm } from '../repeater-single-form/repeater-single-form.mjs';

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-single-form/repeater-single-form.d.ts

@@ -3,7 +3,7 @@ import { EventBase, FormMDCtrlRepeaterController } from '@ibiz-template/runtime'
 import './repeater-single-form.scss';
 export declare const RepeaterSingleForm: import("vue").DefineComponent<{
     data: {
-        type: PropType<IData>;
+        type: PropType<import("@ibiz-template/core").IApiData>;
         required: true;
     };
     controller: {
@@ -19,7 +19,7 @@ export declare const RepeaterSingleForm: import("vue").DefineComponent<{
     created: (_value: EventBase) => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
-        type: PropType<IData>;
+        type: PropType<import("@ibiz-template/core").IApiData>;
         required: true;
     };
     controller: {
@@ -27,6 +27,6 @@ export declare const RepeaterSingleForm: import("vue").DefineComponent<{
         required: true;
     };
 }>> & {
-    onChange?: ((_value: IData) => any) | undefined;
+    onChange?: ((_value: import("@ibiz-template/core").IApiData) => any) | undefined;
     onCreated?: ((_value: EventBase) => any) | undefined;
 }, {}, {}>;

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-single-form/repeater-single-form.mjs

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

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

@@ -1,4 +1,4 @@
-import { createVNode, resolveComponent, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace, useController } from '@ibiz-template/vue3-util';
 import { FormMDCtrlController } from '@ibiz-template/runtime';
 import './form-mdctrl.css';

package/es/control/form/form-detail/form-mdctrl/mdctrl-container/mdctrl-container.d.ts

@@ -10,7 +10,7 @@ export declare const MDCtrlContainer: import("vue").DefineComponent<{
         required: true;
     };
     items: {
-        type: PropType<IData[]>;
+        type: PropType<import("@ibiz-template/core").IApiData[]>;
         required: true;
     };
     userStyle: {
@@ -36,7 +36,7 @@ export declare const MDCtrlContainer: import("vue").DefineComponent<{
         required: true;
     };
     items: {
-        type: PropType<IData[]>;
+        type: PropType<import("@ibiz-template/core").IApiData[]>;
         required: true;
     };
     userStyle: {
@@ -44,5 +44,5 @@ export declare const MDCtrlContainer: import("vue").DefineComponent<{
     };
 }>> & {
     onAddClick?: (() => any) | undefined;
-    onRemoveClick?: ((_data: IData, _index: number) => any) | undefined;
+    onRemoveClick?: ((_data: import("@ibiz-template/core").IApiData, _index: number) => any) | undefined;
 }, {}, {}>;

package/es/control/form/form-detail/form-mdctrl/mdctrl-container/mdctrl-container.mjs

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

package/es/control/form/form-detail/form-mdctrl/mdctrl-container2/mdctrl-container2.d.ts

@@ -7,14 +7,14 @@ export declare const MDCtrlContainer2: import("vue").DefineComponent<{
         required: true;
     };
     items: {
-        type: PropType<IData[]>;
+        type: PropType<import("@ibiz-template/core").IApiData[]>;
         default: () => never[];
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     currentItem: import("vue").Ref<string>;
     draggingKey: import("vue").Ref<string>;
-    container: import("vue").Ref<IData | undefined>;
+    container: import("vue").Ref<import("@ibiz-template/core").IApiData | undefined>;
     isShowLeftArrow: import("vue").Ref<boolean>;
     isShowRightArrow: import("vue").Ref<boolean>;
     isShowBorder: import("vue").Ref<boolean>;
@@ -30,9 +30,9 @@ export declare const MDCtrlContainer2: import("vue").DefineComponent<{
         required: true;
     };
     items: {
-        type: PropType<IData[]>;
+        type: PropType<import("@ibiz-template/core").IApiData[]>;
         default: () => never[];
     };
 }>>, {
-    items: IData[];
+    items: import("@ibiz-template/core").IApiData[];
 }, {}>;

package/es/control/form/form-detail/form-mdctrl/mdctrl-container2/mdctrl-container2.mjs

@@ -1,4 +1,4 @@
-import { ref, watch, onMounted, onUnmounted, createVNode, defineComponent } from 'vue';
+import { defineComponent, ref, watch, onMounted, onUnmounted, createVNode } from 'vue';
 import { FormMDCtrlFormController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import draggable from 'vuedraggable';

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { isVNode, ref, computed, createVNode, resolveComponent, watch, defineComponent } from 'vue';
+import { isVNode, defineComponent, ref, computed, createVNode, resolveComponent, watch } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { FormRawItemController } from '@ibiz-template/runtime';
 import './form-rawitem.css';

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

@@ -1,4 +1,4 @@
-import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace, useController } from '@ibiz-template/vue3-util';
 import './form-tab-page.css';
 import { FormTabPageController } from '@ibiz-template/runtime';

package/es/control/form/form-detail/form-tab-panel/form-tab-panel.d.ts

@@ -14,7 +14,7 @@ export declare const FormTabPanel: import("vue").DefineComponent<{
 }, {
     ns: import("@ibiz-template/core").Namespace;
     onTabClick: (tabIns: IData, event: MouseEvent) => void;
-    counterData: IData;
+    counterData: 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<IDEFormTabPanel>;

package/es/control/form/form-detail/form-tab-panel/form-tab-panel.mjs

@@ -1,4 +1,4 @@
-import { isVNode, reactive, ref, onMounted, onUnmounted, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, reactive, ref, onMounted, onUnmounted, createVNode, resolveComponent } from 'vue';
 import { useNamespace, useController } from '@ibiz-template/vue3-util';
 import './form-tab-panel.css';
 import { FormTabPanelController } from '@ibiz-template/runtime';

package/es/control/form/form-detail/form-tab-panel/index.d.ts

@@ -9,8 +9,8 @@ export declare const IBizFormTabPanel: import("@ibiz-template/vue3-util").TypeWi
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
-    onTabClick: (tabIns: IData, event: MouseEvent) => void;
-    counterData: IData;
+    onTabClick: (tabIns: import("@ibiz-template/core").IApiData, event: MouseEvent) => void;
+    counterData: 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").IDEFormTabPanel>;

package/es/control/form/search-form/index.d.ts

@@ -4,11 +4,11 @@ export declare const IBizSearchFormControl: 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: {
@@ -19,7 +19,7 @@ export declare const IBizSearchFormControl: import("@ibiz-template/vue3-util").T
         required: false;
     };
     data: {
-        type: import("vue").PropType<IData>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiData>;
         required: false;
     };
     loadDefault: {
@@ -35,11 +35,11 @@ export declare const IBizSearchFormControl: 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: {
@@ -50,7 +50,7 @@ export declare const IBizSearchFormControl: import("@ibiz-template/vue3-util").T
         required: false;
     };
     data: {
-        type: import("vue").PropType<IData>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiData>;
         required: false;
     };
     loadDefault: {
@@ -58,7 +58,7 @@ export declare const IBizSearchFormControl: import("@ibiz-template/vue3-util").T
         default: boolean;
     };
 }>>, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
     isSimple: boolean;
     loadDefault: boolean;
 }, {}>>;

package/es/control/form/search-form/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 { SearchFormControl } from './search-form.mjs';
 import { SearchFormProvider } from './search-form.provider.mjs';

package/es/control/form/search-form/search-form.d.ts

@@ -8,11 +8,11 @@ export declare const SearchFormControl: 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: {
@@ -23,7 +23,7 @@ export declare const SearchFormControl: import("vue").DefineComponent<{
         required: false;
     };
     data: {
-        type: PropType<IData>;
+        type: PropType<import("@ibiz-template/core").IApiData>;
         required: false;
     };
     loadDefault: {
@@ -39,11 +39,11 @@ export declare const SearchFormControl: 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: {
@@ -54,7 +54,7 @@ export declare const SearchFormControl: import("vue").DefineComponent<{
         required: false;
     };
     data: {
-        type: PropType<IData>;
+        type: PropType<import("@ibiz-template/core").IApiData>;
         required: false;
     };
     loadDefault: {
@@ -62,7 +62,7 @@ export declare const SearchFormControl: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
     isSimple: boolean;
     loadDefault: boolean;
 }, {}>;

package/es/control/form/search-form/search-form.mjs

@@ -1,4 +1,4 @@
-import { watch, reactive, resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, watch, reactive, createVNode, resolveComponent } from 'vue';
 import { SearchFormController } from '@ibiz-template/runtime';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './search-form.css';

package/es/control/gantt/gantt.d.ts

@@ -9,11 +9,11 @@ export declare const GanttControl: 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: {
@@ -34,14 +34,14 @@ export declare const GanttControl: import("vue").DefineComponent<{
 }, {
     c: GanttController;
     ns: import("@ibiz-template/core").Namespace;
-    ganttRef: Ref<IData | undefined>;
+    ganttRef: Ref<import("@ibiz-template/core").IApiData | undefined>;
     isInited: Ref<boolean>;
     data: import("vue").ComputedRef<import("@ibiz-template/runtime").ITreeNodeData[]>;
     locale: import("vue").ComputedRef<string>;
     columns: import("vue").ComputedRef<IDETreeColumn[]>;
     onCheck: (state: boolean, item: IGanttNodeData) => void;
     loading: import("vue").ComputedRef<boolean>;
-    ganttStyle: Ref<IData>;
+    ganttStyle: Ref<import("@ibiz-template/core").IApiData>;
     onNodeClick: (nodeData: IGanttNodeData, evt: MouseEvent) => void;
     onNodeDbClick: (nodeData: IGanttNodeData) => void;
     onNodeExpand: (nodeData: IGanttNodeData) => void;
@@ -62,11 +62,11 @@ export declare const GanttControl: 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: {
@@ -85,7 +85,7 @@ export declare const GanttControl: import("vue").DefineComponent<{
         default: undefined;
     };
 }>>, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
     mdctrlActiveMode: number;
     singleSelect: boolean;
     loadDefault: boolean;

package/es/control/gantt/gantt.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, resolveComponent, getCurrentInstance, onMounted, watch, computed, h, createVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { isVNode, defineComponent, ref, resolveComponent, getCurrentInstance, onMounted, watch, computed, h, createVNode, withDirectives, resolveDirective } from 'vue';
 import { useControlController, useNamespace, useUIStore, hasEmptyPanelRenderer, IBizCustomRender, IBizControlShell } from '@ibiz-template/vue3-util';
 import { GanttController } from '@ibiz-template/runtime';
 import { showTitle } from '@ibiz-template/core';

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

@@ -4,11 +4,11 @@ export declare const IBizGanttControl: import("@ibiz-template/vue3-util").TypeWi
         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,14 +29,14 @@ export declare const IBizGanttControl: import("@ibiz-template/vue3-util").TypeWi
 }, {
     c: import("@ibiz-template/runtime").GanttController;
     ns: import("@ibiz-template/core").Namespace;
-    ganttRef: import("vue").Ref<IData | undefined>;
+    ganttRef: import("vue").Ref<import("@ibiz-template/core").IApiData | undefined>;
     isInited: import("vue").Ref<boolean>;
     data: import("vue").ComputedRef<import("@ibiz-template/runtime").ITreeNodeData[]>;
     locale: import("vue").ComputedRef<string>;
     columns: import("vue").ComputedRef<import("@ibiz/model-core").IDETreeColumn[]>;
     onCheck: (state: boolean, item: import("@ibiz-template/runtime").IGanttNodeData) => void;
     loading: import("vue").ComputedRef<boolean>;
-    ganttStyle: import("vue").Ref<IData>;
+    ganttStyle: import("vue").Ref<import("@ibiz-template/core").IApiData>;
     onNodeClick: (nodeData: import("@ibiz-template/runtime").IGanttNodeData, evt: MouseEvent) => void;
     onNodeDbClick: (nodeData: import("@ibiz-template/runtime").IGanttNodeData) => void;
     onNodeExpand: (nodeData: import("@ibiz-template/runtime").IGanttNodeData) => void;
@@ -45,7 +45,7 @@ export declare const IBizGanttControl: import("@ibiz-template/vue3-util").TypeWi
         [key: string]: any;
     }>[];
     renderSetting: () => JSX.Element | null;
-    onSliderMove: (sliders: IData[]) => void;
+    onSliderMove: (sliders: import("@ibiz-template/core").IApiData[]) => void;
     renderNoData: () => false | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>;
@@ -59,11 +59,11 @@ export declare const IBizGanttControl: import("@ibiz-template/vue3-util").TypeWi
         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: {
@@ -82,7 +82,7 @@ export declare const IBizGanttControl: import("@ibiz-template/vue3-util").TypeWi
         default: undefined;
     };
 }>>, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
     mdctrlActiveMode: number;
     singleSelect: boolean;
     loadDefault: boolean;

package/es/control/gantt/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 { GanttControl } from './gantt.mjs';
 import { GanttProvider } from './gantt.provider.mjs';

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

@@ -1,5 +1,5 @@
 import { NOOP, listenJSEvent, eventPath } from '@ibiz-template/core';
-import { Srfuf, ControlVO, GridRowState } from '@ibiz-template/runtime';
+import { Srfuf, GridRowState, ControlVO } from '@ibiz-template/runtime';
 import { orderBy, chunk } from 'lodash-es';
 import { ref, watch, nextTick, computed, watchEffect, onUnmounted } from 'vue';
 import '../../../util/index.mjs';
@@ -229,9 +229,10 @@ function useITableEvent(c) {
       return;
     }
     c.setSort(fieldName, order1);
-    c.load({
-      isInitialLoad: c.model.pagingMode === 2 || c.model.pagingMode === 3
-    });
+    if (c.model.sortMode !== "LOCAL")
+      c.load({
+        isInitialLoad: c.model.pagingMode === 2 || c.model.pagingMode === 3
+      });
   }
   function handleRowClassName({ row }) {
     let activeClassName = "";

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

@@ -11,11 +11,11 @@ export declare const GridControl: 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: {
@@ -47,10 +47,10 @@ export declare const GridControl: 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[];
@@ -70,15 +70,15 @@ export declare const GridControl: import("vue").DefineComponent<{
     c: GridController<IDEGrid, import("@ibiz-template/runtime").IGridState, import("@ibiz-template/runtime").IGridEvent>;
     ns: import("@ibiz-template/core").Namespace;
     sysCssName: string | undefined;
-    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[]>;
     renderTableColumn: (model: IDEGridColumn, index: number) => VNode | null;
     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;
@@ -86,33 +86,33 @@ export declare const GridControl: import("vue").DefineComponent<{
     onPageSizeChange: (size: number) => void;
     onPageRefresh: () => void;
     handleRowClassName: ({ row }: {
-        row: IData;
+        row: import("@ibiz-template/core").IApiData;
     }) => string;
     handleHeaderCellClassName: ({ _row, column, _rowIndex, _columnIndex, }: {
-        _row: IData;
-        column: IData;
+        _row: import("@ibiz-template/core").IApiData;
+        column: import("@ibiz-template/core").IApiData;
         _rowIndex: number;
         _columnIndex: number;
     }) => string;
     renderNoData: () => VNode | null;
     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[];
     spanMethod: ({ row, column, rowIndex, columnIndex, }: {
-        row: IData;
-        column: IData;
+        row: import("@ibiz-template/core").IApiData;
+        column: import("@ibiz-template/core").IApiData;
         rowIndex: number;
         columnIndex: number;
-    }) => void | IData;
-    headerDragend: (newWidth: number, oldWidth: number, column: IData) => void;
+    }) => void | import("@ibiz-template/core").IApiData;
+    headerDragend: (newWidth: number, oldWidth: number, column: import("@ibiz-template/core").IApiData) => void;
     renderPopover: () => JSX.Element[];
-    defaultSort: import("vue").Ref<IData>;
+    defaultSort: import("vue").Ref<import("@ibiz-template/core").IApiData>;
     renderBatchToolBar: () => VNode | undefined;
-    headerCssVars: IData;
+    headerCssVars: import("@ibiz-template/core").IApiData;
     renderDragIconColumn: () => JSX.Element;
     isLodeMoreDisabled: import("vue").ComputedRef<boolean>;
-    infiniteScroll: import("vue").Ref<IData | undefined>;
+    infiniteScroll: import("vue").Ref<import("@ibiz-template/core").IApiData | undefined>;
     infiniteScrollKey: import("vue").Ref<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
@@ -120,11 +120,11 @@ export declare const GridControl: 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: {
@@ -156,10 +156,10 @@ export declare const GridControl: 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[];
@@ -176,7 +176,7 @@ export declare const GridControl: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
     mdctrlActiveMode: number;
     singleSelect: boolean;
     rowEditOpen: boolean;

package/es/control/grid/grid/grid.mjs

@@ -1,4 +1,4 @@
-import { isVNode, resolveComponent, createVNode, computed, mergeProps, h, createTextVNode, renderSlot, onUnmounted, ref, watch, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { isVNode, createVNode, resolveComponent, computed, mergeProps, h, defineComponent, createTextVNode, renderSlot, onUnmounted, ref, watch, withDirectives, resolveDirective } from 'vue';
 import { useNamespace, useControlController, useUIStore, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
 import { ScriptFactory, GridController } from '@ibiz-template/runtime';
 import { showTitle, NOOP } from '@ibiz-template/core';
@@ -145,7 +145,15 @@ function renderColumn(c, model, renderColumns, index) {
     [widthName]: tempWidth
   }, {
     "fixed": columnState.fixed,
-    "sortable": model.enableSort ? "custom" : false,
+    "sortable": model.enableSort ? c.model.sortMode === "LOCAL" || "custom" : false,
+    "sortMethod": (a, b) => {
+      const fieldName = model.id.toLowerCase();
+      if (a[fieldName] < b[fieldName] || !a[fieldName])
+        return -1;
+      if (a[fieldName] > b[fieldName] || !b[fieldName])
+        return 1;
+      return 0;
+    },
     "align": ((_b = model.align) == null ? void 0 : _b.toLowerCase()) || "center"
   }), {
     default: ({