@farris/ui-vue 1.0.0-beta.3 → 1.0.0-beta.5

package/types/combo-list/src/composition/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './use-option';
+export * from './use-combo-list';
+export * from './use-panel';

package/types/combo-list/src/composition/use-combo-list.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { SetupContext } from 'vue';
+import { ComboListProps } from '../combo-list.props';
+import { Option, UseComboListEventOptions, UseComboListEvent } from '../types';
+export declare function useComboList(props: ComboListProps, context: SetupContext): {
+    displayText: import("vue").Ref<string | undefined>;
+    modelValue: import("vue").Ref<string | number | undefined>;
+    isPanelVisible: import("vue").Ref<boolean>;
+    dataSource: import("vue").Ref<any>;
+    onValueChange: (item: Option) => void;
+};
+/**
+ * 下拉列表事件处理钩子
+ * @param options 上下文
+ */
+export declare function useComboListEvent(options: UseComboListEventOptions): UseComboListEvent;

package/types/combo-list/src/composition/use-option.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { SetupContext } from 'vue';
+import { UseOption } from '../types';
+import { OptionProps } from '../combo-list.props';
+export declare function useOption(props: OptionProps, context: SetupContext): UseOption;

package/types/combo-list/src/composition/use-options.d.ts

@@ -0,0 +1,2 @@
+import { UseOptions } from '../types';
+export declare function useOptions(): UseOptions;

package/types/combo-list/src/composition/use-panel.d.ts

@@ -0,0 +1,8 @@
+import { UsePanelEventOptions, UsePanelEvent, UsePanelOptions, UsePanel } from '../types';
+export declare function usePanel(options: UsePanelOptions): UsePanel;
+/**
+ * 下拉列表事件处理钩子
+ * @param options 上下文
+ */
+export declare function usePanelEvent(options: UsePanelEventOptions): UsePanelEvent;
+export declare function debounce(task: (...args: any) => any, timeout?: number): (...args: any) => void;

package/types/combo-list/src/const.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { InjectionKey } from 'vue';
+import { ComboListContext, ComboListPanelContext } from './types';
+export declare const groupIcon = "<span class=\"f-icon f-icon-arrow-60-down\"></span>";
+/**
+ * combo list injector token
+ */
+export declare const COMBO_LIST_TOKEN: InjectionKey<Readonly<ComboListContext>>;
+/**
+ * combo-list panel injector token
+ */
+export declare const COMBO_LIST_PANEL_TOKEN: InjectionKey<Readonly<ComboListPanelContext>>;
+/**
+ * combo-list component events
+ */
+export declare const enum EVENTS {
+    clear = "clear",
+    update = "update:modelValue"
+}
+/**
+ * panel component events
+ */
+export declare const enum PANEL_EVENTS {
+    panelShow = "panelShow",
+    panelHidden = "panelHidden"
+}

package/types/combo-list/src/types.d.ts

@@ -0,0 +1,186 @@
+/**
+ * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { ComputedRef, Ref, SetupContext, Slot } from 'vue';
+import { ComboListProps, PanelProps } from './combo-list.props';
+export type ModelValue = number | string | undefined | Array<number | string | undefined>;
+/**
+ * 数据展现方式
+ */
+export declare enum ViewType {
+    Text = "text",
+    Tag = "tag"
+}
+/**
+ * 展示位置
+ */
+export declare const enum Placement {
+    /**
+     * 在控件的上方展示
+     */
+    top = "top",
+    /**
+     * 在控件底部展示
+     */
+    bottom = "bottom",
+    /**
+     * 根据控件的位置自动确认展示位置
+     */
+    auto = "auto"
+}
+export interface UseOption {
+    name: ComputedRef<string | number | undefined>;
+    /**
+     * 下拉列表行样式
+     */
+    rowStyle: ComputedRef<any>;
+    onOptionClick: ($event: Event) => void;
+    optionClass: ComputedRef<object>;
+    multiSelect: ComputedRef<boolean>;
+    isChecked: ComputedRef<boolean>;
+    defaultOptionSlot: any;
+}
+export interface Option {
+    disabled: boolean;
+    [prop: string]: any;
+}
+export type Options = Array<Option>;
+export interface ComboListContext {
+    readonly isPanelVisible: boolean;
+    readonly comboListProps: ComboListProps;
+    readonly comboListRef: Ref<any>;
+    readonly modelValue: string | number | undefined;
+    dataSource: Ref<Options>;
+    readonly defaultOptionSlot: Slot | undefined;
+    readonly [prop: string]: any;
+}
+export interface ComboListPanelContext {
+    readonly onPanelItemClick: (event: any) => void;
+    readonly data: Options;
+}
+/**
+ * combo-list事件钩子参数约定
+ */
+export interface UseComboListEventOptions {
+    /**
+     * is combo-list panel visible(opend)
+     */
+    isPanelVisible: Ref<boolean | unknown>;
+    /**
+     * combo-list props
+     */
+    props: ComboListProps;
+    /**
+     * setup context
+     */
+    context: SetupContext;
+    /**
+     * modelvalue
+     */
+    modelValue: Ref<string | number | undefined>;
+}
+export interface UseComboListEvent {
+    /**
+     * clear event handler
+     */
+    onClear: ($event: Event) => void;
+    /**
+     * button click event handler
+     */
+    onButtonClick: ($event: any) => void;
+    /**
+     * button click event handler
+     */
+    onPanelHidden: ($event: any) => void;
+    /**
+     * text box click event handler
+     * @param $event
+     * @returns
+     */
+    onClick: ($event: any) => void;
+}
+export interface UsePanelOptions {
+    panelRef: Ref<any>;
+    /**
+     * combo-list props
+     */
+    props: PanelProps;
+    /**
+     * is combo-list panel visible(opend)
+     */
+    isPanelVisible: Ref<boolean>;
+    /**
+     * setup context
+     */
+    context: SetupContext;
+}
+export interface UsePanel {
+    /**
+     * panel class
+     */
+    panelClass: ComputedRef<object>;
+    /**
+     * panel styles
+     */
+    panelStyle: ComputedRef<any>;
+    /**
+     * panel card styles
+     */
+    cardStyle: ComputedRef<any>;
+    enableSearch: ComputedRef<boolean>;
+    keyword: Ref<string>;
+    items: Ref<any>;
+}
+export interface UsePanelEventOptions {
+    /**
+     * is combo-list panel visible(opend)
+     */
+    isPanelVisible: Ref<boolean>;
+    panelRef: Ref<any>;
+    /**
+     * setup context
+     */
+    context: SetupContext;
+}
+export interface UsePanelEvent {
+    onPanelContainerClick: ($event: any) => void;
+    onPanelItemClick: ($event: any) => void;
+    onSearchClick: ($event: any) => void;
+    onPanelClick: ($event: any) => void;
+}
+export interface UseOptions {
+    idField: string | undefined;
+    valueField: string | undefined;
+    textField: string | undefined;
+}
+/**
+ * position
+ */
+export interface Position {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+    bottom: number;
+}
+/**
+ * remote info
+ */
+export interface Remote {
+    url: string;
+    method?: 'GET' | 'POST' | 'PUT';
+    headers?: any;
+    body?: any;
+}

package/types/data-grid/index.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { App } from 'vue';
+import FDataGrid from './src/data-grid.component';
+export * from './src/data-grid.props';
+export { FDataGrid };
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

package/types/data-grid/src/components/data/data-area.component.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { Ref } from 'vue';
+import { UseCellPosition, UseColumn, UseEdit, UseGroupData, UseRow, UseVirtualScroll, UseVisualData, VisualData } from '../../composition/types';
+import { DataGridProps } from '../../data-grid.props';
+export default function (props: DataGridProps, primaryGridContentRef: Ref<any>, useCellPositionComposition: UseCellPosition, useColumnComposition: UseColumn, useEditComposition: UseEdit, useGroupDataComposition: UseGroupData, useRowComposition: UseRow, useVisualDataComposition: UseVisualData, useVirtualScrollComposition: UseVirtualScroll, visibleDatas: Ref<VisualData[]>): {
+    renderDataArea: () => JSX.Element[];
+};

package/types/data-grid/src/components/editors/date-picker.component.d.ts

@@ -0,0 +1,2 @@
+import { VisualDataCell } from '../../composition/types';
+export default function (cell: VisualDataCell): JSX.Element;

package/types/data-grid/src/components/editors/text-area-editor.component.d.ts

@@ -0,0 +1,2 @@
+import { VisualDataCell } from '../../composition/types';
+export default function (cell: VisualDataCell): JSX.Element;

package/types/data-grid/src/components/editors/text-editor.component.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { VisualDataCell } from '../../composition/types';
+export default function (cell: VisualDataCell): JSX.Element;

package/types/data-grid/src/components/header/data-grid-header.component.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { Ref } from 'vue';
+import { UseColumn, UseFitColumn, UseSidebar, UseVirtualScroll } from '../../composition/types';
+import { DataGridProps } from '../../data-grid.props';
+export default function (props: DataGridProps, gridContentRef: Ref<any>, useColumnComposition: UseColumn, useFitColumnComposition: UseFitColumn, useSidebarComposition: UseSidebar, useVirtualScrollComposition: UseVirtualScroll, viewPortWidth: Ref<number>): {
+    renderGridHeader: () => JSX.Element;
+    renderGridColumnResizeOverlay: () => JSX.Element;
+};

package/types/data-grid/src/components/pagination/data-grid-pagination.component.d.ts

@@ -0,0 +1,5 @@
+import { UseDataView } from '../../composition/types';
+import { DataGridProps } from '../../data-grid.props';
+export default function (props: DataGridProps, dataView: UseDataView): {
+    renderDataGridPagination: () => JSX.Element;
+};

package/types/data-grid/src/components/scrollbar/horizontal-scrollbar.component.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { Ref } from 'vue';
+import { UseVirtualScroll } from '../../composition/types';
+import { DataGridProps } from '../../data-grid.props';
+export default function (props: DataGridProps, gridContentRef: Ref<any>, useVirtualScrollComposition: UseVirtualScroll): {
+    renderHorizontalScrollbar: () => JSX.Element;
+};

package/types/data-grid/src/components/scrollbar/vertical-scrollbar.component.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { Ref } from 'vue';
+import { UseVirtualScroll } from '../../composition/types';
+import { DataGridProps } from '../../data-grid.props';
+export default function (props: DataGridProps, gridContentRef: Ref<any>, useVirtualScrollComposition: UseVirtualScroll): {
+    renderVerticalScrollbar: () => JSX.Element;
+};

package/types/data-grid/src/components/sidebar/data-grid-sidebar.component.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { Ref } from 'vue';
+import { UseRow, UseSidebar, UseVirtualScroll, VisualData } from '../../composition/types';
+import { DataGridProps } from '../../data-grid.props';
+export default function (props: DataGridProps, useRowComposition: UseRow, useSidebarComposition: UseSidebar, useVirtualScrollComposition: UseVirtualScroll): {
+    renderDataGridSidebar: (visibleDatas: Ref<VisualData[]>) => JSX.Element;
+};

package/types/data-grid/src/components/summary/data-grid-summary.component.d.ts

@@ -0,0 +1,5 @@
+import { UseColumn, UseDataView } from '../../composition/types';
+import { DataGridProps } from '../../data-grid.props';
+export default function (props: DataGridProps, dataView: UseDataView, useColumnComposition: UseColumn): {
+    renderDataGridSummery: () => false | JSX.Element | undefined;
+};

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

@@ -0,0 +1,175 @@
+/**
+ * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { ComputedRef, Ref } from 'vue';
+import { DataGridColumn } from '../data-grid.props';
+import { ColumnRenderContext } from './use-column';
+import { DataViewFilter } from './use-data-view';
+export interface DataGridHeaderCell {
+    actualWidth: number;
+    children: DataGridHeaderCell[];
+    depth: number;
+    layer: number;
+    left: number;
+    field: string;
+    parent: DataGridHeaderCell | null;
+    resizable: boolean;
+    title: string;
+}
+export declare enum CellMode {
+    readonly = 0,
+    editable = 1,
+    editing = 2
+}
+export declare enum VisualDataType {
+    data = 0,
+    group = 1,
+    summary = 2
+}
+export interface VisualDataCell {
+    actualHeight?: number;
+    cellHeight?: number;
+    colSpan: number;
+    data: any;
+    getEditor: (cell: VisualDataCell) => any;
+    field: string;
+    index: number;
+    mode: CellMode;
+    ref?: any;
+    rowSpan: number;
+    setRef: (vnode: any) => void;
+    spannedBy?: VisualDataCell;
+    spanned?: VisualDataCell[];
+    parent: any;
+    update: (value: any) => void;
+}
+export interface VisualData {
+    collapse?: boolean;
+    data: Record<string, VisualDataCell>;
+    details?: VisualData[];
+    groupField?: string;
+    groupValue?: any;
+    layer: number;
+    index: number;
+    dataIndex: number;
+    top: number;
+    type: VisualDataType;
+    ref?: any;
+    height?: number;
+    pre?: any;
+    refreshKey?: string;
+    setRef: (vnode: any) => void;
+}
+export interface UseVisualData {
+    getVisualData: (start: number, end: number, pre?: VisualData, forceToRefresh?: boolean) => VisualData[];
+    maxVisibleRowIndex: Ref<number>;
+    minVisibleRowIndex: Ref<number>;
+    toggleGroupRow: (status: 'collapse' | 'expand', groupRow: VisualData, visibleDatas: VisualData[]) => VisualData[];
+}
+export interface UseCellPosition {
+    calculateCellPositionInRow: (columns: DataGridColumn[]) => Record<string, {
+        left: number;
+        width: number;
+    }>;
+    cellKey: (dataItem: VisualData, columnIndex: number) => string;
+    cellPosition: (cell: VisualDataCell, cellPositionMap: Record<string, {
+        left: number;
+        width: number;
+    }>) => Record<string, any>;
+    rowKey: (dataItem: VisualData) => string;
+    rowPosition: (dataItem: VisualData) => Record<string, any>;
+    rowSpanCellPosition: (visualDataItem: VisualData, cell: VisualDataCell, cellPositionMap: Record<string, {
+        left: number;
+        width: number;
+    }>) => Record<string, any>;
+    groupCellPosition: (groupCell: VisualDataCell, cellPositionMap: Record<string, {
+        left: number;
+        width: number;
+    }>, layer: number) => Record<string, any>;
+    summaryCellPosition: (groupCell: VisualDataCell, cellPositionMap: Record<string, {
+        left: number;
+        width: number;
+    }>, layer: number) => Record<string, any>;
+}
+export interface UseVirtualScroll {
+    onMouseDownScrollThumb: ($event: MouseEvent, gridContentRef: Ref<any>, thumbType: 'vertical' | 'horizontal') => void;
+    onWheel: (payload: WheelEvent) => void;
+    dataGridWidth: Ref<number>;
+    gridDataStyle: ComputedRef<Record<string, any>>;
+    gridHeaderColumnsStyle: ComputedRef<Record<string, any>>;
+    gridMergedDataStyle: ComputedRef<Record<string, any>>;
+    gridSideStyle: ComputedRef<Record<string, any>>;
+    viewPortHeight: Ref<number>;
+    viewPortWidth: Ref<number>;
+    horizontalScrollThumbStyle: ComputedRef<Record<string, any>>;
+    leftFixedGridDataStyle: ComputedRef<Record<string, any>>;
+    leftFixedGridHeaderColumnsStyle: ComputedRef<Record<string, any>>;
+    leftFixedGridMergedDataStyle: ComputedRef<Record<string, any>>;
+    reCalculateVisualDataRows: (forceToRefresh?: boolean) => void;
+    rightFixedGridDataStyle: ComputedRef<Record<string, any>>;
+    rightFixedGridHeaderColumnsStyle: ComputedRef<Record<string, any>>;
+    rightFixedGridMergedDataStyle: ComputedRef<Record<string, any>>;
+    verticalScrollThumbStyle: ComputedRef<Record<string, any>>;
+}
+export interface UseRow {
+    gridRowClass(dataItem: VisualData): Record<string, any>;
+    sidebarRowClass(dataItem: VisualData): Record<string, any>;
+    onClickRow: ($event: MouseEvent, dataItem: VisualData) => any;
+    onMouseoverRow: ($event: MouseEvent, dataItem: VisualData) => any;
+}
+export interface UseColumn {
+    columnContext: Ref<ColumnRenderContext>;
+    hasLeftFixedColumn: ComputedRef<boolean>;
+    hasRightFixedColumn: ComputedRef<boolean>;
+}
+export interface UseFitColumn {
+    calculateColumnHeaders: (context: Ref<ColumnRenderContext>) => void;
+    calculateColumnsSize: (context: Ref<ColumnRenderContext>, gridContentElement: any, viewPortWidth: Ref<number>) => void;
+    calculateColumnsWidth: (context: Ref<ColumnRenderContext>) => void;
+}
+export interface UseSidebar {
+    showRowCheckbox: Ref<boolean>;
+    showRowNumer: Ref<boolean>;
+    sidebarWidth: ComputedRef<number>;
+    sidebarCellPosition: (dataItem: VisualData) => Record<string, any>;
+    sidebarCornerCellStyle: ComputedRef<Record<string, any>>;
+}
+export interface UseGroupData {
+    collpaseGroupIconClass: (groupRow: VisualData) => Record<string, boolean>;
+    renderGroupedData: (groupFields: string[], rawData: any[]) => any[];
+    renderGroupRow: (dataItem: any, preDataItem: any, rowIndex: number, top: number, columns: DataGridColumn[]) => VisualData;
+    renderSummaryRow: (dataItem: any, preDataItem: any, rowIndex: number, top: number, columns: DataGridColumn[]) => VisualData;
+}
+export interface UseDataView {
+    collapse: (collapseField: string, collapseValue: any) => any[];
+    dataView: Ref<any[]>;
+    expand: (expandField: string, expandValue: any) => any[];
+    getRange: (filters: DataViewFilter[], start: number, end: number) => any[];
+    navigatePageTo: (pageIndex: number) => void;
+    summaries: Map<string, number>;
+    totalItems: ComputedRef<number>;
+}
+export interface UseResize {
+    onClickColumnResizeBar: ($event: MouseEvent, columnField: string) => any;
+    resizeHandleStyle: Ref<Record<string, any>>;
+    resizeOverlayStyle: Ref<Record<string, any>>;
+}
+export interface UseEdit {
+    getEditor: (cell: VisualDataCell, column: DataGridColumn) => any;
+    onClickCell: ($event: MouseEvent, cell: VisualDataCell) => any;
+}
+export interface UseGroupColumn {
+    getGridHeaderCells: (columns: DataGridColumn[]) => Map<string, DataGridHeaderCell>;
+}