vue-devui 1.6.3 → 1.6.4-markdown.0

package/types/data-grid/src/components/grid-body.d.ts

@@ -0,0 +1,69 @@
+import type { InnerRowData } from '../data-grid-types';
+declare const _default: import("vue").DefineComponent<{
+    rowData: {
+        type: import("vue").PropType<InnerRowData[]>;
+        default: () => never[];
+    };
+    columnData: {
+        type: import("vue").PropType<import("../data-grid-types").InnerColumnConfig[]>;
+        default: () => never[];
+    };
+    leftColumnData: {
+        type: import("vue").PropType<InnerRowData[]>;
+        default: () => never[];
+    };
+    rightColumnData: {
+        type: import("vue").PropType<InnerRowData[]>;
+        default: () => never[];
+    };
+    translateX: {
+        type: NumberConstructor;
+        default: number;
+    };
+    translateY: {
+        type: NumberConstructor;
+        default: number;
+    };
+    bodyScrollLeft: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    rowData: {
+        type: import("vue").PropType<InnerRowData[]>;
+        default: () => never[];
+    };
+    columnData: {
+        type: import("vue").PropType<import("../data-grid-types").InnerColumnConfig[]>;
+        default: () => never[];
+    };
+    leftColumnData: {
+        type: import("vue").PropType<InnerRowData[]>;
+        default: () => never[];
+    };
+    rightColumnData: {
+        type: import("vue").PropType<InnerRowData[]>;
+        default: () => never[];
+    };
+    translateX: {
+        type: NumberConstructor;
+        default: number;
+    };
+    translateY: {
+        type: NumberConstructor;
+        default: number;
+    };
+    bodyScrollLeft: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    columnData: import("../data-grid-types").InnerColumnConfig[];
+    leftColumnData: InnerRowData[];
+    rightColumnData: InnerRowData[];
+    translateX: number;
+    bodyScrollLeft: number;
+    rowData: InnerRowData[];
+    translateY: number;
+}, {}>;
+export default _default;

package/types/data-grid/src/components/grid-head.d.ts

@@ -0,0 +1,50 @@
+declare const _default: import("vue").DefineComponent<{
+    columnData: {
+        type: import("vue").PropType<import("../data-grid-types").InnerColumnConfig[]>;
+        default: () => never[];
+    };
+    leftColumnData: {
+        type: import("vue").PropType<import("../data-grid-types").InnerColumnConfig[]>;
+        default: () => never[];
+    };
+    rightColumnData: {
+        type: import("vue").PropType<import("../data-grid-types").InnerColumnConfig[]>;
+        default: () => never[];
+    };
+    translateX: {
+        type: NumberConstructor;
+        default: number;
+    };
+    bodyScrollLeft: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    columnData: {
+        type: import("vue").PropType<import("../data-grid-types").InnerColumnConfig[]>;
+        default: () => never[];
+    };
+    leftColumnData: {
+        type: import("vue").PropType<import("../data-grid-types").InnerColumnConfig[]>;
+        default: () => never[];
+    };
+    rightColumnData: {
+        type: import("vue").PropType<import("../data-grid-types").InnerColumnConfig[]>;
+        default: () => never[];
+    };
+    translateX: {
+        type: NumberConstructor;
+        default: number;
+    };
+    bodyScrollLeft: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    columnData: import("../data-grid-types").InnerColumnConfig[];
+    leftColumnData: import("../data-grid-types").InnerColumnConfig[];
+    rightColumnData: import("../data-grid-types").InnerColumnConfig[];
+    translateX: number;
+    bodyScrollLeft: number;
+}, {}>;
+export default _default;

package/types/data-grid/src/components/grid-icons.d.ts

@@ -0,0 +1,4 @@
+export declare function SortIcon(): JSX.Element;
+export declare function FilterIcon(): JSX.Element;
+export declare function ExpandIcon(): JSX.Element;
+export declare function FoldIcon(): JSX.Element;

package/types/data-grid/src/components/grid-td.d.ts

@@ -0,0 +1,50 @@
+declare const _default: import("vue").DefineComponent<{
+    rowData: {
+        type: import("vue").PropType<import("../data-grid-types").InnerRowData>;
+        default: () => {};
+    };
+    cellData: {
+        type: import("vue").PropType<import("../data-grid-types").InnerColumnConfig>;
+        default: () => {};
+    };
+    rowIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    mouseenterCb: {
+        type: import("vue").PropType<(e: Event, tooltipConfig: boolean | import("../data-grid-types").TooltipConfig | undefined) => void>;
+        default: () => {};
+    };
+    mouseleaveCb: {
+        type: import("vue").PropType<(e: Event, tooltipConfig: boolean | import("../data-grid-types").TooltipConfig | undefined) => void>;
+        default: () => {};
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    rowData: {
+        type: import("vue").PropType<import("../data-grid-types").InnerRowData>;
+        default: () => {};
+    };
+    cellData: {
+        type: import("vue").PropType<import("../data-grid-types").InnerColumnConfig>;
+        default: () => {};
+    };
+    rowIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    mouseenterCb: {
+        type: import("vue").PropType<(e: Event, tooltipConfig: boolean | import("../data-grid-types").TooltipConfig | undefined) => void>;
+        default: () => {};
+    };
+    mouseleaveCb: {
+        type: import("vue").PropType<(e: Event, tooltipConfig: boolean | import("../data-grid-types").TooltipConfig | undefined) => void>;
+        default: () => {};
+    };
+}>>, {
+    rowData: import("../data-grid-types").InnerRowData;
+    mouseenterCb: (e: Event, tooltipConfig: boolean | import("../data-grid-types").TooltipConfig | undefined) => void;
+    mouseleaveCb: (e: Event, tooltipConfig: boolean | import("../data-grid-types").TooltipConfig | undefined) => void;
+    cellData: import("../data-grid-types").InnerColumnConfig;
+    rowIndex: number;
+}, {}>;
+export default _default;

package/types/data-grid/src/components/grid-th-filter.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: Record<string, any> & {}) => any;
+export default _default;

package/types/data-grid/src/components/grid-th-multiple-filter.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: Record<string, any> & {}) => any;
+export default _default;

package/types/data-grid/src/components/grid-th-single-filter.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: Record<string, any> & {}) => any;
+export default _default;

package/types/data-grid/src/components/grid-th.d.ts

@@ -0,0 +1,32 @@
+declare const _default: import("vue").DefineComponent<{
+    columnConfig: {
+        type: import("vue").PropType<import("../data-grid-types").InnerColumnConfig>;
+        default: () => {};
+    };
+    mouseenterCb: {
+        type: import("vue").PropType<(e: Event, tooltipConfig: boolean | import("../data-grid-types").TooltipConfig | undefined) => void>;
+        default: () => {};
+    };
+    mouseleaveCb: {
+        type: import("vue").PropType<(e: Event, tooltipConfig: boolean | import("../data-grid-types").TooltipConfig | undefined) => void>;
+        default: () => {};
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    columnConfig: {
+        type: import("vue").PropType<import("../data-grid-types").InnerColumnConfig>;
+        default: () => {};
+    };
+    mouseenterCb: {
+        type: import("vue").PropType<(e: Event, tooltipConfig: boolean | import("../data-grid-types").TooltipConfig | undefined) => void>;
+        default: () => {};
+    };
+    mouseleaveCb: {
+        type: import("vue").PropType<(e: Event, tooltipConfig: boolean | import("../data-grid-types").TooltipConfig | undefined) => void>;
+        default: () => {};
+    };
+}>>, {
+    columnConfig: import("../data-grid-types").InnerColumnConfig;
+    mouseenterCb: (e: Event, tooltipConfig: boolean | import("../data-grid-types").TooltipConfig | undefined) => void;
+    mouseleaveCb: (e: Event, tooltipConfig: boolean | import("../data-grid-types").TooltipConfig | undefined) => void;
+}, {}>;
+export default _default;

package/types/data-grid/src/components/normal-head-grid.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/types/data-grid/src/composables/use-column-sort.d.ts

@@ -0,0 +1,7 @@
+import type { ColumnConfig, SortDirection, SortMethod, ScrollYParams, GridThContext } from "../data-grid-types";
+export declare function useColumnSort(scrollYParams: ScrollYParams, afterSort: () => void): {
+    sort: (key: ColumnConfig['field'], direction: SortDirection) => void;
+    execSortMethod: (direction: SortDirection, sortMethod?: SortMethod<import("../data-grid-types").RowData> | undefined) => void;
+    addGridThContextToMap: (key: ColumnConfig['field'], thCtx: GridThContext) => void;
+    clearAllSortState: () => void;
+};

package/types/data-grid/src/composables/use-data-grid-drag.d.ts

@@ -0,0 +1,5 @@
+import type { Ref } from 'vue';
+import type { InnerColumnConfig } from '../data-grid-types';
+export declare function useDataGridColumnDrag(bodyContentWidth: Ref<number>, scrollRef: Ref<HTMLElement | undefined>, renderFixedLeftColumnData: Ref<InnerColumnConfig[]>, renderFixedRightColumnData: Ref<InnerColumnConfig[]>, renderColumnData: Ref<InnerColumnConfig[]>): {
+    afterColumnDragend: (columnId: InnerColumnConfig['$columnId'], offset: number) => void;
+};

package/types/data-grid/src/composables/use-data-grid-scroll.d.ts

@@ -0,0 +1,86 @@
+import type { Ref } from 'vue';
+import type { ScrollYParams, ScrollXParams } from '../data-grid-types';
+export declare function useDataGridScroll(): {
+    translateX: Ref<number>;
+    translateY: Ref<number>;
+    virtualColumnData: Ref<{
+        $columnId: string;
+        offsetLeft: number;
+        $showExpandTreeIcon?: boolean | undefined;
+        header: string;
+        field: string;
+        width?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        type?: import("../data-grid-types").ColumnType | undefined;
+        resizable?: boolean | undefined;
+        sortable?: boolean | undefined;
+        showSortIcon?: boolean | undefined;
+        sortMethod?: import("../data-grid-types").SortMethod<import("../data-grid-types").RowData> | undefined;
+        filterable?: boolean | undefined;
+        showFilterIcon?: boolean | undefined;
+        filterMultiple?: boolean | undefined;
+        filterList?: {
+            name: string;
+            value: any;
+            checked?: boolean | undefined;
+        }[] | undefined;
+        filterChange?: ((val: import("../data-grid-types").FilterListItem | import("../data-grid-types").FilterListItem[]) => void) | undefined;
+        filterMenu?: ((scope: {
+            toggleFilterMenu: (status?: boolean | undefined) => void;
+            setFilterStatus: (status: boolean) => void;
+        }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) | undefined;
+        fixed?: import("../data-grid-types").FixedDirection | undefined;
+        align?: import("../data-grid-types").ColumnAlign | undefined;
+        showOverflowTooltip?: boolean | {
+            content?: string | undefined;
+            position?: import("../../../overlay").Placement[] | undefined;
+            mouseEnterDelay?: number | undefined;
+            enterable?: boolean | undefined;
+            class?: string | undefined;
+        } | undefined;
+        showHeadOverflowTooltip?: boolean | {
+            content?: string | undefined;
+            position?: import("../../../overlay").Placement[] | undefined;
+            mouseEnterDelay?: number | undefined;
+            enterable?: boolean | undefined;
+            class?: string | undefined;
+        } | undefined;
+        headRender?: ((columnConfig: import("../data-grid-types").ColumnConfig) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) | undefined;
+        cellRender?: ((rowData: import("../data-grid-types").RowData, rowIndex: number, cellData: string, cellIndex: number) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) | undefined;
+    }[]>;
+    virtualRowData: Ref<{
+        [x: string]: any;
+        $rowId?: string | undefined;
+        $parentId?: string | undefined;
+        $rowIndex?: number | undefined;
+        $level?: number | undefined;
+        height?: number | undefined;
+        offsetTop?: number | undefined;
+        showNode?: boolean | undefined;
+        $expand?: boolean | undefined;
+        halfChecked?: boolean | undefined;
+        childList?: any[] | undefined;
+        descendantList?: any[] | undefined;
+        checked?: boolean | undefined;
+        disableCheck?: boolean | undefined;
+        children?: {
+            [x: string]: any;
+            checked?: boolean | undefined;
+            disableCheck?: boolean | undefined;
+            children?: any[] | undefined;
+            isLeaf?: boolean | undefined;
+        }[] | undefined;
+        isLeaf?: boolean | undefined;
+    }[]>;
+    calcVirtualRowData: (scrollYParams: ScrollYParams) => void;
+    calcVirtualColumnData: (scrollXParams: ScrollXParams, scrolling?: boolean) => void;
+    resetVirtualRowData: () => void;
+};
+export declare function useDataGridLazy(scrollRef: Ref<HTMLElement | undefined>): void;

package/types/data-grid/src/composables/use-data-grid-tree.d.ts

@@ -0,0 +1,13 @@
+import type { SetupContext } from 'vue';
+import type { DataGridProps, InnerRowData, RowData } from '../data-grid-types';
+export declare function useDataGridTree(props: DataGridProps, ctx: SetupContext, afterToggleExpandTree: () => void): {
+    allChecked: import("vue").Ref<boolean>;
+    halfAllChecked: import("vue").Ref<boolean>;
+    updateInnerRowsData: () => void;
+    getShowRowsData: () => InnerRowData[];
+    toggleRowExpansion: (node: InnerRowData, status?: boolean | undefined) => void;
+    toggleAllRowExpansion: (status?: boolean | undefined) => void;
+    toggleRowChecked: (node: InnerRowData | RowData, status?: boolean | undefined) => void;
+    toggleAllRowChecked: (status?: boolean | undefined) => void;
+    getCheckedRows: () => InnerRowData[];
+};

package/types/data-grid/src/composables/use-data-grid.d.ts

@@ -0,0 +1,210 @@
+import type { SetupContext, Ref } from 'vue';
+import type { DataGridProps, InnerRowData } from '../data-grid-types';
+export declare function useDataGrid(props: DataGridProps, ctx: SetupContext): {
+    scrollRef: Ref<HTMLElement | undefined>;
+    headBoxRef: Ref<HTMLElement | undefined>;
+    bodyScrollLeft: Ref<number>;
+    bodyContentHeight: Ref<number>;
+    bodyContentWidth: Ref<number>;
+    translateX: Ref<number>;
+    translateY: Ref<number>;
+    renderFixedLeftColumnData: Ref<{
+        $columnId: string;
+        offsetLeft: number;
+        $showExpandTreeIcon?: boolean | undefined;
+        header: string;
+        field: string;
+        width?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        type?: import("../data-grid-types").ColumnType | undefined;
+        resizable?: boolean | undefined;
+        sortable?: boolean | undefined;
+        showSortIcon?: boolean | undefined;
+        sortMethod?: import("../data-grid-types").SortMethod<import("../data-grid-types").RowData> | undefined;
+        filterable?: boolean | undefined;
+        showFilterIcon?: boolean | undefined;
+        filterMultiple?: boolean | undefined;
+        filterList?: {
+            name: string;
+            value: any;
+            checked?: boolean | undefined;
+        }[] | undefined;
+        filterChange?: ((val: import("../data-grid-types").FilterListItem | import("../data-grid-types").FilterListItem[]) => void) | undefined;
+        filterMenu?: ((scope: {
+            toggleFilterMenu: (status?: boolean | undefined) => void;
+            setFilterStatus: (status: boolean) => void;
+        }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) | undefined;
+        fixed?: import("../data-grid-types").FixedDirection | undefined;
+        align?: import("../data-grid-types").ColumnAlign | undefined;
+        showOverflowTooltip?: boolean | {
+            content?: string | undefined;
+            position?: import("../../../overlay").Placement[] | undefined;
+            mouseEnterDelay?: number | undefined;
+            enterable?: boolean | undefined;
+            class?: string | undefined;
+        } | undefined;
+        showHeadOverflowTooltip?: boolean | {
+            content?: string | undefined;
+            position?: import("../../../overlay").Placement[] | undefined;
+            mouseEnterDelay?: number | undefined;
+            enterable?: boolean | undefined;
+            class?: string | undefined;
+        } | undefined;
+        headRender?: ((columnConfig: import("../data-grid-types").ColumnConfig) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) | undefined;
+        cellRender?: ((rowData: import("../data-grid-types").RowData, rowIndex: number, cellData: string, cellIndex: number) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) | undefined;
+    }[]>;
+    renderFixedRightColumnData: Ref<{
+        $columnId: string;
+        offsetLeft: number;
+        $showExpandTreeIcon?: boolean | undefined;
+        header: string;
+        field: string;
+        width?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        type?: import("../data-grid-types").ColumnType | undefined;
+        resizable?: boolean | undefined;
+        sortable?: boolean | undefined;
+        showSortIcon?: boolean | undefined;
+        sortMethod?: import("../data-grid-types").SortMethod<import("../data-grid-types").RowData> | undefined;
+        filterable?: boolean | undefined;
+        showFilterIcon?: boolean | undefined;
+        filterMultiple?: boolean | undefined;
+        filterList?: {
+            name: string;
+            value: any;
+            checked?: boolean | undefined;
+        }[] | undefined;
+        filterChange?: ((val: import("../data-grid-types").FilterListItem | import("../data-grid-types").FilterListItem[]) => void) | undefined;
+        filterMenu?: ((scope: {
+            toggleFilterMenu: (status?: boolean | undefined) => void;
+            setFilterStatus: (status: boolean) => void;
+        }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) | undefined;
+        fixed?: import("../data-grid-types").FixedDirection | undefined;
+        align?: import("../data-grid-types").ColumnAlign | undefined;
+        showOverflowTooltip?: boolean | {
+            content?: string | undefined;
+            position?: import("../../../overlay").Placement[] | undefined;
+            mouseEnterDelay?: number | undefined;
+            enterable?: boolean | undefined;
+            class?: string | undefined;
+        } | undefined;
+        showHeadOverflowTooltip?: boolean | {
+            content?: string | undefined;
+            position?: import("../../../overlay").Placement[] | undefined;
+            mouseEnterDelay?: number | undefined;
+            enterable?: boolean | undefined;
+            class?: string | undefined;
+        } | undefined;
+        headRender?: ((columnConfig: import("../data-grid-types").ColumnConfig) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) | undefined;
+        cellRender?: ((rowData: import("../data-grid-types").RowData, rowIndex: number, cellData: string, cellIndex: number) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) | undefined;
+    }[]>;
+    renderColumnData: Ref<{
+        $columnId: string;
+        offsetLeft: number;
+        $showExpandTreeIcon?: boolean | undefined;
+        header: string;
+        field: string;
+        width?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        type?: import("../data-grid-types").ColumnType | undefined;
+        resizable?: boolean | undefined;
+        sortable?: boolean | undefined;
+        showSortIcon?: boolean | undefined;
+        sortMethod?: import("../data-grid-types").SortMethod<import("../data-grid-types").RowData> | undefined;
+        filterable?: boolean | undefined;
+        showFilterIcon?: boolean | undefined;
+        filterMultiple?: boolean | undefined;
+        filterList?: {
+            name: string;
+            value: any;
+            checked?: boolean | undefined;
+        }[] | undefined;
+        filterChange?: ((val: import("../data-grid-types").FilterListItem | import("../data-grid-types").FilterListItem[]) => void) | undefined;
+        filterMenu?: ((scope: {
+            toggleFilterMenu: (status?: boolean | undefined) => void;
+            setFilterStatus: (status: boolean) => void;
+        }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) | undefined;
+        fixed?: import("../data-grid-types").FixedDirection | undefined;
+        align?: import("../data-grid-types").ColumnAlign | undefined;
+        showOverflowTooltip?: boolean | {
+            content?: string | undefined;
+            position?: import("../../../overlay").Placement[] | undefined;
+            mouseEnterDelay?: number | undefined;
+            enterable?: boolean | undefined;
+            class?: string | undefined;
+        } | undefined;
+        showHeadOverflowTooltip?: boolean | {
+            content?: string | undefined;
+            position?: import("../../../overlay").Placement[] | undefined;
+            mouseEnterDelay?: number | undefined;
+            enterable?: boolean | undefined;
+            class?: string | undefined;
+        } | undefined;
+        headRender?: ((columnConfig: import("../data-grid-types").ColumnConfig) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) | undefined;
+        cellRender?: ((rowData: import("../data-grid-types").RowData, rowIndex: number, cellData: string, cellIndex: number) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) | undefined;
+    }[]>;
+    renderRowData: Ref<{
+        [x: string]: any;
+        $rowId?: string | undefined;
+        $parentId?: string | undefined;
+        $rowIndex?: number | undefined;
+        $level?: number | undefined;
+        height?: number | undefined;
+        offsetTop?: number | undefined;
+        showNode?: boolean | undefined;
+        $expand?: boolean | undefined;
+        halfChecked?: boolean | undefined;
+        childList?: any[] | undefined;
+        descendantList?: any[] | undefined;
+        checked?: boolean | undefined;
+        disableCheck?: boolean | undefined;
+        children?: {
+            [x: string]: any;
+            checked?: boolean | undefined;
+            disableCheck?: boolean | undefined;
+            children?: any[] | undefined;
+            isLeaf?: boolean | undefined;
+        }[] | undefined;
+        isLeaf?: boolean | undefined;
+    }[]>;
+    isTreeGrid: Ref<boolean>;
+    allChecked: Ref<boolean>;
+    halfAllChecked: Ref<boolean>;
+    sort: (key: string, direction: import("../data-grid-types").SortDirection) => void;
+    getCheckedRows: () => InnerRowData[];
+    execSortMethod: (direction: import("../data-grid-types").SortDirection, sortMethod?: import("../data-grid-types").SortMethod<import("../data-grid-types").RowData> | undefined) => void;
+    addGridThContextToMap: (key: string, thCtx: import("../data-grid-types").GridThContext) => void;
+    clearAllSortState: () => void;
+    toggleRowExpansion: (node: InnerRowData, status?: boolean | undefined) => void;
+    toggleAllRowExpansion: (status?: boolean | undefined) => void;
+    toggleRowChecked: (node: import("../data-grid-types").RowData | InnerRowData, status?: boolean | undefined) => void;
+    toggleAllRowChecked: (status?: boolean | undefined) => void;
+    afterColumnDragend: (columnId: string, offset: number) => void;
+    refreshRowsData: () => void;
+};
+export declare function useDataGridStyle(props: DataGridProps, scrollRef: Ref<HTMLElement | undefined>): {
+    gridClasses: import("vue").ComputedRef<{
+        [x: string]: boolean;
+    }>;
+};

package/types/data-grid/src/composables/use-grid-th.d.ts

@@ -0,0 +1,31 @@
+import type { Ref, SetupContext } from 'vue';
+import type { InnerColumnConfig, SortDirection, FilterListItem, GridThFilterProps } from '../data-grid-types';
+export declare function useGridThSort(columnConfig: Ref<InnerColumnConfig>): {
+    direction: Ref<SortDirection>;
+    doSort: (directionVal: SortDirection) => void;
+    onSortClick: () => void;
+    doClearSort: () => void;
+};
+export declare function useGridThFilter(columnConfig: Ref<InnerColumnConfig>): {
+    filterActive: Ref<boolean>;
+    setFilterStatus: (status: boolean) => void;
+    onFilterChange: (e: FilterListItem | FilterListItem[]) => void;
+};
+export declare function useGridThMultipleFilter(props: GridThFilterProps, ctx: SetupContext): {
+    _checkList: Ref<{
+        name: string;
+        value: any;
+        checked?: boolean | undefined;
+    }[]>;
+    _checkAll: import("vue").WritableComputedRef<boolean>;
+    _halfChecked: Ref<boolean>;
+    onCheckAllClick: () => void;
+    onItemClick: (item: FilterListItem) => void;
+    updateCheckAll: () => void;
+    onConfirm: () => void;
+};
+export declare function useGridThDrag(columnConfig: Ref<InnerColumnConfig>): {
+    thRef: Ref<any>;
+    resizing: Ref<boolean>;
+    onMousedown: (e: MouseEvent) => void;
+};

package/types/data-grid/src/composables/use-overflow-tooltip.d.ts

@@ -0,0 +1,13 @@
+import type { Placement } from '../../../overlay';
+import type { InnerColumnConfig } from '../data-grid-types';
+export declare function useOverflowTooltip(): {
+    showTooltip: import("vue").Ref<boolean>;
+    originRef: import("vue").Ref<HTMLElement | undefined>;
+    tooltipContent: import("vue").Ref<string>;
+    tooltipPosition: import("vue").Ref<Placement[]>;
+    tooltipClassName: import("vue").Ref<string>;
+    onCellMouseenter: (e: Event, tooltipConfig: InnerColumnConfig['showOverflowTooltip']) => void;
+    onCellMouseleave: (e: Event, tooltipConfig: InnerColumnConfig['showOverflowTooltip']) => void;
+    onOverlayMouseenter: () => void;
+    onOverlayMouseleave: () => void;
+};

package/types/data-grid/src/const.d.ts

@@ -0,0 +1,6 @@
+import type { Size } from "./data-grid-types";
+export declare const ToggleTreeIcon = "toggle-tree-icon";
+export declare const DataGridCheckboxClass = "data-grid-checkbox";
+export declare const ColumnType: string[];
+export declare const ColumnMinWidth = 80;
+export declare const RowHeightMap: Record<Size, number>;