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

package/types/condition/src/types.d.ts

@@ -0,0 +1,144 @@
+import { EditorConfig } from "../../dynamic-form";
+import { ConditionValue } from "./composition/condition-value/types";
+import { CompareType } from "./composition/use-compare";
+export declare enum EnumType {
+    IntType = 0,
+    StringType = 1,
+    BoolType = 2
+}
+export interface IEnumValue {
+    getEnumType(): EnumType;
+    getEnumValueName(): string;
+    getEnumValue(): any;
+}
+export declare enum ValueType {
+    /**
+     *值类型
+     */
+    Value = 0,
+    /**
+     * 帮助类型
+     */
+    SmartHelp = 1,
+    /**
+     * 枚举类型
+     */
+    Enum = 2,
+    /**
+     * 表达式
+     */
+    Express = 3
+}
+/**
+ * 条件实体类
+ */
+export interface Condition {
+    /**
+     * 高级模式下的值左括号
+     */
+    lBracket?: string;
+    /**
+     * 唯一性标识
+     */
+    id: string;
+    /**
+     * 字段编号
+     */
+    fieldCode: string;
+    /**
+     * 字段名称
+     */
+    fieldName: string;
+    /**
+     * 高级模式下的值关系
+     */
+    compareType: CompareType;
+    /**
+     * 值类型
+     */
+    valueType: ValueType;
+    /**
+     * 值
+     * 该属性为IValue接口，根据不同的控件类型有不同的实现类：具体如下：
+     * 1. 文本类型：TextValue
+     * 2. 下拉列表：DropDownListValue
+     * 3. 日期区间：DateRangeValue
+     * 4. 数字区间：NumberRangeValue
+     * 5. 帮助类型：SmartHelpValue
+     * 6. 复选框: CheckBoxValue
+     * 7. 单数值: SingleNumberValue
+     * 8. 单年度: SingleYearValue
+     * 9. 单月度: SingleMonthValue
+     * 10. 月度区间: MonthRangeValue
+     * 11. 单日期: SingleDateValue
+     * 12. 单日期时间: SingleDateTimeValue
+     * 13. 下拉帮助： ComboLookUpValue
+     * 14. 单选框： RadioValue
+     * 15. 智能输入框： InputGroupValue
+     */
+    value: ConditionValue | string;
+    /**
+     * 高级模式下的与下个条件的关系
+     */
+    relation?: number;
+    /**
+     * 高级模式下的值右括号
+     */
+    rBracket?: string;
+    /**
+     * 高级模式下的条件id
+     */
+    conditionId: number;
+}
+/**
+ * 字段配置
+ */
+export interface FieldConfig {
+    /**
+     * 字段ID
+     */
+    id: string;
+    /**
+     * 字段标签，字段编号的唯一标识
+     */
+    code: string;
+    labelCode: string;
+    /**
+     * 字段名称
+     */
+    name: string;
+    /**
+     * 控件类型，目前包括文本类型，下拉列表，日期区间，数字区间，帮助类型
+     * 控件类型为IControl接口，根据不同的控件类型对应不同的实现类，具体如下：
+     * 1. 文本类型：TextControl
+     * 2. 下拉列表：DropDownListControl
+     * 3. 日期区间：DateRangeControl
+     * 4. 数字区间：NumberRangeControl
+     * 5. 帮助类型：SmartHelpControl
+     * 6. 单日期： SingleDateControl
+     * 7. 单数值：SingleNumberControl
+     * 8. 单年度：SingleYearControl
+     * 9. 单月度：SingleMonthControl
+     * 10. 月度区间：MonthRangeControl
+     * 11. 单日期时间：SingleDateTimeControl
+     * 12. 日期时间区间：DateTimeRangeControl
+     * 13. 复选框：CheckBoxControl
+     * 14. 下拉帮助：ComboLookUpControl
+     * 15. 单选框： RadioControl
+     * 16. 智能输入框： InputGroupControl
+     */
+    editor: EditorConfig;
+    defaulValue?: ConditionValue;
+}
+export interface ConditionGroup {
+    /**
+     * 关联关系
+     * @introduce 0:无，1：与，2：或
+     */
+    relation: number;
+    items: Condition[];
+    children: ConditionGroup[];
+    path: number[];
+    groupId: number;
+    level: number;
+}

package/types/{number-spinner/src/composition/use-data.d.ts → content-container/index.d.ts}

@@ -13,7 +13,14 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { UseData } from './types';
-import { NumberSpinnerProps } from '../number-spinner.props';
-import { SetupContext, Ref } from 'vue';
-export declare function UseData(props: NumberSpinnerProps, context: SetupContext, realValue: Ref<number | string | null>, inputValue: Ref, isFocus: Ref<boolean>, formatOptions: Ref): UseData;
+import type { App } from 'vue';
+import ContentContainer from './src/content-container.component';
+import ContentContainerDesign from './src/designer/content-container.design.component';
+export * from './src/content-container.props';
+export { ContentContainer, ContentContainerDesign };
+declare const _default: {
+    install(app: App): void;
+    register(componentMap: Record<string, any>, propsResolverMap: Record<string, any>): void;
+    registerDesigner(componentMap: Record<string, any>, propsResolverMap: Record<string, any>): void;
+};
+export default _default;

package/types/content-container/src/content-container.props.d.ts

@@ -0,0 +1,4 @@
+import { ExtractPropTypes } from 'vue';
+export declare const contentContainerProps: Record<string, any>;
+export type ContentContainerPropsType = ExtractPropTypes<typeof contentContainerProps>;
+export declare const propsResolver: (schemaValue: Record<string, any>) => Record<string, any>;

package/types/content-container/src/designer/use-designer-rules.d.ts

@@ -0,0 +1,3 @@
+import { UseDesignerRules } from "../../../designer-canvas/src/composition/types";
+import { ComponentSchema } from "../../../designer-canvas/src/types";
+export declare function useDesignerRules(schema: ComponentSchema, parentSchema?: ComponentSchema): UseDesignerRules;

package/types/content-container/src/schema/schema-mapper.d.ts

@@ -0,0 +1,2 @@
+import { MapperFunction } from '../../../dynamic-resolver';
+export declare const schemaMapper: Map<string, string | MapperFunction>;

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

@@ -16,8 +16,11 @@
 import type { App } from 'vue';
 import FDataGrid from './src/data-grid.component';
 export * from './src/data-grid.props';
+export * from './src/composition/types';
 export { FDataGrid };
 declare const _default: {
     install(app: App): void;
+    register(componentMap: Record<string, any>, propsResolverMap: Record<string, any>): void;
+    registerDesigner(componentMap: Record<string, any>, propsResolverMap: Record<string, any>): void;
 };
 export default _default;

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

@@ -16,6 +16,6 @@
 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[]>): {
+export default function (props: DataGridProps, primaryGridContentRef: Ref<any>, leftFixedGridContentRef: Ref<any>, rightFixedGridContentRef: 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/commands.component.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.
+ */
+import { VisualData, VisualDataCell } from '../../composition/types';
+import { DataGridColumn } from '../../data-grid.props';
+export default function (cell: VisualDataCell, column: DataGridColumn, visualDataRow: VisualData): JSX.Element;

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

@@ -1,2 +1,18 @@
-import { VisualDataCell } from '../../composition/types';
-export default function (cell: VisualDataCell): JSX.Element;
+/**
+ * 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 { VisualData, VisualDataCell } from '../../composition/types';
+import { DataGridColumn } from '../../data-grid.props';
+export default function (cell: VisualDataCell, column: DataGridColumn, visualDataRow: VisualData): JSX.Element;

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

@@ -1,2 +1,3 @@
-import { VisualDataCell } from '../../composition/types';
-export default function (cell: VisualDataCell): JSX.Element;
+import { VisualData, VisualDataCell } from '../../composition/types';
+import { DataGridColumn } from '../../data-grid.props';
+export default function (cell: VisualDataCell, column: DataGridColumn, visualDataRow: VisualData): JSX.Element;

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

@@ -13,5 +13,6 @@
  * 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;
+import { VisualData, VisualDataCell } from '../../composition/types';
+import { DataGridColumn } from '../../data-grid.props';
+export default function (cell: VisualDataCell, column: DataGridColumn, visualDataRow: VisualData): JSX.Element;

package/types/data-grid/src/components/filter/boolean-filter-editor.component.d.ts

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

package/types/data-grid/src/components/filter/column-filter-container.component.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 { DataGridHeaderCell, UseColumn, UseDataView, UseColumnFilter, UseFilterHistory, UseSort, UseVirtualScroll, UseFilter } from '../../composition/types';
+export default function (useColumnComposition: UseColumn, useDataViewComposition: UseDataView, useColumnFilterComposition: UseColumnFilter, useFilterComposition: UseFilter, useFilterHistoryComposition: UseFilterHistory, useSorterComposition: UseSort, useVirtualScrollComposition: UseVirtualScroll): {
+    renderFilterContainer: (headerCell: DataGridHeaderCell) => JSX.Element;
+};

package/types/data-grid/src/components/filter/date-filter-editor.component.d.ts

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

package/types/data-grid/src/components/filter/enum-filter-editor.component.d.ts

@@ -0,0 +1,3 @@
+import { Ref } from "vue";
+import { DataGridHeaderCell, UseDataView, UseFilterHistory, UseVirtualScroll } from "../../composition/types";
+export default function (headerCell: DataGridHeaderCell, gridContentRef: Ref<any>, rightFixedGridContentRef: Ref<any>, useDataViewComposition: UseDataView, useFilterHistoryComposition: UseFilterHistory, useVirtualScrollComposition: UseVirtualScroll): JSX.Element;

package/types/data-grid/src/components/filter/list-filter-editor.component.d.ts

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

package/types/data-grid/src/components/filter/numeric-filter-editor.component.d.ts

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

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

@@ -0,0 +1,3 @@
+import { Ref } from "vue";
+import { DataGridHeaderCell, UseDataView, UseFilterHistory, UseVirtualScroll } from "../../composition/types";
+export default function (headerCell: DataGridHeaderCell, gridContentRef: Ref<any>, rightFixedGridContentRef: Ref<any>, useDataViewComposition: UseDataView, useFilterHistoryComposition: UseFilterHistory, useVirtualScrollComposition: UseVirtualScroll): JSX.Element;

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

@@ -0,0 +1,5 @@
+import { UseDataView, UseDragColumn, UseGroupData, UseVirtualScroll } from "../../composition/types";
+import { DataGridProps } from "../../data-grid.props";
+export default function (props: DataGridProps, useDataViewComposition: UseDataView, useDragColumnComposition: UseDragColumn, useGroupDataComposition: UseGroupData, useVirtualScrollComposition: UseVirtualScroll): {
+    renderGroupPanel: () => false | JSX.Element;
+};

package/types/data-grid/src/components/header/data-grid-header-handler.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 { DataGridHeaderCell, UseColumn, UseDataView, UseColumnFilter, UseFilterHistory, UseSort, UseVirtualScroll, UseFilter } from '../../composition/types';
+import { DataGridProps } from '../../data-grid.props';
+export default function (props: DataGridProps, gridContentRef: Ref<any>, leftFixedGridContentRef: Ref<any>, rightFixedGridContentRef: Ref<any>, useColumnComposition: UseColumn, useDataViewComposition: UseDataView, useColumnFilterComposition: UseColumnFilter, useFilterComposition: UseFilter, useFilterHistoryComposition: UseFilterHistory, useSorterComposition: UseSort, useVirtualScrollComposition: UseVirtualScroll): {
+    renderHeaderCellHandler: (headerCell: DataGridHeaderCell, headerCellIndex: number, headerCells: DataGridHeaderCell[]) => JSX.Element[];
+};

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

@@ -14,9 +14,9 @@
  * limitations under the License.
  */
 import { Ref } from 'vue';
-import { UseColumn, UseFitColumn, UseSidebar, UseVirtualScroll } from '../../composition/types';
+import { UseColumn, UseDataView, UseDragColumn, UseColumnFilter, UseFilterHistory, UseFitColumn, UseGroupColumn, UseSidebar, UseSort, UseVirtualScroll, UseFilter } 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>): {
+export default function (props: DataGridProps, gridContentRef: Ref<any>, leftFixedGridContentRef: Ref<any>, rightFixedGridContentRef: Ref<any>, useColumnComposition: UseColumn, useDataViewComposition: UseDataView, useDragColumnComposition: UseDragColumn, useColumnFilterComposition: UseColumnFilter, useFilterComposition: UseFilter, useFilterHistoryComposition: UseFilterHistory, useFitColumnComposition: UseFitColumn, useGroupColumnComposition: UseGroupColumn, useSidebarComposition: UseSidebar, useSortComposition: UseSort, useVirtualScrollComposition: UseVirtualScroll, viewPortWidth: Ref<number>): {
     renderGridHeader: () => JSX.Element;
     renderGridColumnResizeOverlay: () => JSX.Element;
 };

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

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

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

@@ -17,5 +17,5 @@ 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;
+    renderHorizontalScrollbar: () => false | JSX.Element;
 };

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

@@ -17,5 +17,5 @@ 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;
+    renderVerticalScrollbar: () => false | JSX.Element;
 };

package/types/data-grid/src/components/settings/data-grid-settings-icon.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 { UseColumn, UseDataView, UseFilter, UseFitColumn, UseSort, UseVirtualScroll } from '../../composition/types';
+import { DataGridProps } from '../../data-grid.props';
+import { Ref } from 'vue';
+export default function (props: DataGridProps, gridContentRef: Ref<any>, viewPortWidth: Ref<number>, useColumnComposition: UseColumn, useDataViewComposition: UseDataView, useFilterComposition: UseFilter, useFitColumnComposition: UseFitColumn, useSorterComposition: UseSort, useVirtualScrollComposition: UseVirtualScroll): {
+    renderGridSettingsIcon: () => JSX.Element;
+};

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

@@ -1,5 +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;
+    renderDataGridSummery: () => any;
 };

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

@@ -14,9 +14,27 @@
  * limitations under the License.
  */
 import { ComputedRef, Ref } from 'vue';
-import { DataGridColumn } from '../data-grid.props';
+import { DataGridColumn, SortType } from '../data-grid.props';
 import { ColumnRenderContext } from './use-column';
-import { DataViewFilter } from './use-data-view';
+import { DataViewFilter, DataViewSorter } from './use-data-view';
+import { Condition } from '../../../condition/src/types';
+import { EditorType } from '../../../dynamic-form';
+export type FilterRelation = 0 | 1;
+export type FilterFunction = (dataItem: any) => boolean;
+export interface DataFilter {
+    relation: FilterRelation;
+    filterFunctions: FilterFunction[];
+    children: DataFilter[];
+}
+export declare enum HeaderCellStatus {
+    none = 0,
+    filterable = 1,
+    sortable = 2,
+    filtered = 4,
+    sorted = 8,
+    ascending = 16,
+    descending = 32
+}
 export interface DataGridHeaderCell {
     actualWidth: number;
     children: DataGridHeaderCell[];
@@ -27,6 +45,15 @@ export interface DataGridHeaderCell {
     parent: DataGridHeaderCell | null;
     resizable: boolean;
     title: string;
+    status: HeaderCellStatus;
+    popoverRef: Ref<any>;
+    showPopover: boolean;
+    column: DataGridColumn | null;
+    filter?: any;
+    filterValue: any;
+    filterHistory?: any[];
+    sortType: SortType;
+    showSetting?: boolean;
 }
 export declare enum CellMode {
     readonly = 0,
@@ -38,13 +65,19 @@ export declare enum VisualDataType {
     group = 1,
     summary = 2
 }
+export declare enum VisualDataStatus {
+    initial = 0,
+    editing = 1
+}
 export interface VisualDataCell {
     actualHeight?: number;
     cellHeight?: number;
     colSpan: number;
     data: any;
+    editingData: any;
     getEditor: (cell: VisualDataCell) => any;
     field: string;
+    formatter?: (cell: VisualDataCell, visualDataRow: any) => any;
     index: number;
     mode: CellMode;
     ref?: any;
@@ -54,6 +87,8 @@ export interface VisualDataCell {
     spanned?: VisualDataCell[];
     parent: any;
     update: (value: any) => void;
+    accept: () => void;
+    cancel: () => void;
 }
 export interface VisualData {
     collapse?: boolean;
@@ -71,6 +106,7 @@ export interface VisualData {
     pre?: any;
     refreshKey?: string;
     setRef: (vnode: any) => void;
+    status: VisualDataStatus;
 }
 export interface UseVisualData {
     getVisualData: (start: number, end: number, pre?: VisualData, forceToRefresh?: boolean) => VisualData[];
@@ -111,6 +147,7 @@ export interface UseVirtualScroll {
     gridHeaderColumnsStyle: ComputedRef<Record<string, any>>;
     gridMergedDataStyle: ComputedRef<Record<string, any>>;
     gridSideStyle: ComputedRef<Record<string, any>>;
+    fitHorizontalScroll: () => void;
     viewPortHeight: Ref<number>;
     viewPortWidth: Ref<number>;
     horizontalScrollThumbStyle: ComputedRef<Record<string, any>>;
@@ -118,10 +155,15 @@ export interface UseVirtualScroll {
     leftFixedGridHeaderColumnsStyle: ComputedRef<Record<string, any>>;
     leftFixedGridMergedDataStyle: ComputedRef<Record<string, any>>;
     reCalculateVisualDataRows: (forceToRefresh?: boolean) => void;
+    resetScroll: () => void;
     rightFixedGridDataStyle: ComputedRef<Record<string, any>>;
     rightFixedGridHeaderColumnsStyle: ComputedRef<Record<string, any>>;
     rightFixedGridMergedDataStyle: ComputedRef<Record<string, any>>;
+    shouldShowHorizontalScrollbar: ComputedRef<boolean>;
+    shouldShowVirticalScrollbar: ComputedRef<boolean>;
     verticalScrollThumbStyle: ComputedRef<Record<string, any>>;
+    offsetX: Ref<number>;
+    offsetY: Ref<number>;
 }
 export interface UseRow {
     gridRowClass(dataItem: VisualData): Record<string, any>;
@@ -129,11 +171,6 @@ export interface UseRow {
     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;
@@ -148,11 +185,26 @@ export interface UseSidebar {
 }
 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;
+    generateGroupData: (groupFields: string[], rawData: any[], columnContext: ColumnRenderContext) => any[];
+    groupFields: Ref<string[]>;
+    shouldGroupingData: Ref<boolean>;
+}
+export interface UseColumnFilter {
+    getFilterEditor: (headerCell: DataGridHeaderCell) => any;
+}
+export interface UseFilter {
+    addColumnFilter: (headerCell: DataGridHeaderCell) => void;
+    apply: (dataItem: any) => boolean;
+    clearCondition: () => void;
+    conditions: Ref<Condition[]>;
+    getFilterEditorType: (column: DataGridColumn) => EditorType;
+    removeColumnFilter: (headerCell: DataGridHeaderCell) => void;
+    removeCondition: (id: string) => void;
 }
 export interface UseDataView {
+    insertNewDataItem: () => void;
+    removeDataItem: (dataIndex: number) => void;
+    changePageSizeTo: (newPageSize: number) => void;
     collapse: (collapseField: string, collapseValue: any) => any[];
     dataView: Ref<any[]>;
     expand: (expandField: string, expandValue: any) => any[];
@@ -160,6 +212,31 @@ export interface UseDataView {
     navigatePageTo: (pageIndex: number) => void;
     summaries: Map<string, number>;
     totalItems: ComputedRef<number>;
+    addFilter: (filterKey: string, filter: DataViewFilter) => any[];
+    removeFilter: (filterKey: string) => any[];
+    rawView: Ref<any[]>;
+    addSorter: (sortKey: string, sorter: DataViewSorter) => any[];
+    removeSorter: (sortKey: string) => any[];
+    setSorters: (sorters: DataViewSorter[]) => void;
+    filters: Ref<DataViewFilter[]>;
+    removeAllFilter: () => any[];
+    updateDataView: () => void;
+    sorters: Ref<DataViewSorter[]>;
+    refresh: () => void;
+}
+export interface UseSort {
+    getSorterByColumn: (column: DataGridColumn) => any;
+    updateSorter: (headerCell: DataGridHeaderCell, dataView: UseDataView) => void;
+}
+export interface UseColumn {
+    applyColumnSorter: (dataView: UseDataView, sorterComposition: UseSort) => void;
+    applySortableColumns: (sortableColumns: DataGridColumn[], dataView: UseDataView, sorterComposition: UseSort) => void;
+    collectionFilterableColumns: () => DataGridColumn[];
+    collectionSortableColumns: () => DataGridColumn[];
+    columnContext: Ref<ColumnRenderContext>;
+    hasLeftFixedColumn: ComputedRef<boolean>;
+    hasRightFixedColumn: ComputedRef<boolean>;
+    updateColumnSettingIcon: () => void;
 }
 export interface UseResize {
     onClickColumnResizeBar: ($event: MouseEvent, columnField: string) => any;
@@ -167,9 +244,58 @@ export interface UseResize {
     resizeOverlayStyle: Ref<Record<string, any>>;
 }
 export interface UseEdit {
-    getEditor: (cell: VisualDataCell, column: DataGridColumn) => any;
+    getEditor: (cell: VisualDataCell, column: DataGridColumn, visualDataRow: VisualData) => any;
     onClickCell: ($event: MouseEvent, cell: VisualDataCell) => any;
+    onEditingRow: (visualDataRow: VisualData) => any;
+    acceptEditingRow: (visualDataRow: VisualData) => any;
+    cancelEditingRow: (visualDataRow: VisualData) => any;
+    getEditingSnapshot: (dataIdentify: string) => VisualData | null;
 }
 export interface UseGroupColumn {
     getGridHeaderCells: (columns: DataGridColumn[]) => Map<string, DataGridHeaderCell>;
 }
+export interface UseSelection {
+    getSelectionRow: () => VisualData;
+    setSelectionRow: (visibleDatas: Ref<VisualData[]>, selectedDataId: string) => void;
+}
+export interface UseCommandColumn {
+    applyCommands: (columns: Ref<DataGridColumn[]>) => void;
+}
+export interface UseFilterHistory {
+    getFilterHistory: (headerCell: DataGridHeaderCell) => any[];
+    setFilterHistory: (headerCell: DataGridHeaderCell, filterHistory: any[]) => void;
+    removeFilterHistory: (headerCell: DataGridHeaderCell, filterString: string) => void;
+    updateFilterHistory: (headerCell: DataGridHeaderCell, filterString: string) => void;
+}
+export interface UseVisualDataBound {
+    updateRowPosition: (visualData: VisualData, dataItem: any) => void;
+    updateVisualInfomation: (vnode: any, targetCell: VisualDataCell, dataItem: any) => void;
+}
+export interface UseVisualDataCell {
+    createCellByColumn: (column: DataGridColumn, index: number, dataItem: any, parent: VisualData, preVisualData: VisualData) => VisualDataCell;
+    createCellByField: (targetField: string, index: number, dataItem: any, parent: VisualData, colSpan?: number) => VisualDataCell;
+}
+export type VisualDataRender = (dataItem: any, preDataItem: any, preRow: VisualData, rowIndex: number, top: number, columns: DataGridColumn[]) => VisualData;
+export interface UseDataRow {
+    createEmptyRow: (type: VisualDataType, index: number, dataItem: any, pre: any, top: number) => VisualData;
+    createNewRowFromDataItem: (columns: DataGridColumn[], dataItem: any, preDataItem: any, preRow: VisualData, rowIndex: number, top: number) => VisualData;
+    renderDataRow: VisualDataRender;
+}
+export interface UseGroupRow {
+    renderGroupRow: VisualDataRender;
+}
+export interface UseSummaryRow {
+    renderSummaryRow: VisualDataRender;
+}
+export interface UseDragColumn {
+    dragstart: (e: DragEvent, item: any, index: number) => void;
+    dragenter: (e: DragEvent, index: number) => void;
+    dragover: (e: DragEvent, index: number) => void;
+    dragend: (e: DragEvent, item: any) => void;
+    dropOnGroupPanel: (e: DragEvent) => void;
+    isDragging: Ref<boolean>;
+    groupColumnItems: ComputedRef<{
+        name: string;
+        value: string;
+    }[]>;
+}

package/types/data-grid/src/composition/use-column-filter.d.ts

@@ -0,0 +1,3 @@
+import { UseDataView, UseColumnFilter, UseFilterHistory, UseVirtualScroll } from "./types";
+import { Ref } from "vue";
+export declare function useColumnFilter(gridContentRef: Ref<any>, rightFixedGridContentRef: Ref<any>, dataView: UseDataView, useFilterHistoryComposition: UseFilterHistory, useVirtualScrollComposition: UseVirtualScroll): UseColumnFilter;