balala-revogrid 1.0.0

package/dist/types/plugins/filter/filter.types.d.ts

@@ -0,0 +1,129 @@
+import type { ColumnProp, ColumnRegular, HyperFunc } from "../../types/index";
+import type { FilterType } from './filter.indexed';
+import type { VNode } from '../../stencil-public-runtime';
+export type DateEnum = 'today' | 'yesterday' | 'tomorrow' | 'thisweek' | 'lastweek' | 'nextweek' | 'thismonth' | 'lastmonth' | 'nextmonth' | 'thisyear' | 'lastyear' | 'nextyear';
+export type ExtraField = 'input' | 'datepicker' | ((h: HyperFunc<VNode>, config: {
+    value: any;
+    filter: FilterItem;
+    prop: ColumnProp;
+    index: number;
+    placeholder: string;
+    onInput: (value: any) => void;
+    onFocus: () => void;
+}) => VNode | VNode[]);
+export type LogicFunctionParam = any;
+export type LogicFunctionExtraParam = 'select' | 'input' | 'multi' | 'datepicker' | number | Date | DateEnum | null | undefined | string | string[] | number[];
+export interface LogicFunction<T1 = LogicFunctionParam, T2 = LogicFunctionExtraParam> {
+    (value: T1, extra?: T2): boolean;
+    extra?: ExtraField;
+}
+export interface CustomFilter<T1 = LogicFunctionParam, T2 = LogicFunctionExtraParam> {
+    /**
+     * Property defined in column { filter: string/number/abstract/enum...etc }
+     */
+    columnFilterType: string;
+    /**
+     * Filter name
+     */
+    name: string;
+    /**
+     * Function to apply the filter
+     */
+    func: LogicFunction<T1, T2>;
+}
+export interface FilterCaptions {
+    title: string;
+    save: string;
+    reset: string;
+    ok: string;
+    cancel: string;
+    add: string;
+    placeholder: string;
+    and: string;
+    or: string;
+}
+export interface FilterLocalization {
+    captions: Partial<FilterCaptions>;
+    filterNames: Record<FilterType, string>;
+}
+/**
+ * Filter configuration for a column. This is the type of the `filter` property on a column.
+ */
+export interface ColumnFilterConfig {
+    /**
+     * The collection of filters to be applied to the column.
+     */
+    collection?: Record<ColumnProp, FilterCollectionItem>;
+    /**
+     * The names of the filters to be included in the filter dropdown.
+     */
+    include?: string[];
+    /**
+     * A mapping of custom filter names to custom filter functions.
+     */
+    customFilters?: Record<string, CustomFilter>;
+    /**
+     * The property on the column idintifying which has the filter is applied.
+     */
+    filterProp?: string;
+    /**
+     * The localization for the filter dropdown.
+     */
+    localization?: FilterLocalization;
+    /**
+     * Information about the multi-filter items.
+     */
+    multiFilterItems?: MultiFilterItem;
+    /**
+     * Whether or not to disable dynamic filtering. If set to true, the filter will only be applied
+     * when the user clicks on the filter button.
+     */
+    disableDynamicFiltering?: boolean;
+    /**
+     * Whether or not to close the filter panel when clicking outside
+     */
+    closeFilterPanelOnOutsideClick?: boolean;
+}
+export type FilterCollectionItem = {
+    type: FilterType;
+    value?: any;
+};
+export interface FilterItem {
+    prop?: ColumnProp;
+    type?: FilterType;
+    value?: any;
+}
+export interface FilterData {
+    id: number;
+    /**
+     * Filter type
+     */
+    type: FilterType;
+    /**
+     * Filter value
+     */
+    value?: any;
+    /**
+     * Filter invisible in filter panel
+     */
+    hidden?: boolean;
+    /**
+     * Filter relation
+     */
+    relation?: 'and' | 'or';
+}
+export interface MultiFilterItem {
+    [prop: string]: FilterData[];
+}
+export interface ShowData extends FilterItem, Omit<ColumnRegular, 'filter'> {
+    x: number;
+    y: number;
+    /**
+     * Auto correct position if it is out of document bounds
+     */
+    autoCorrect?: boolean;
+    filterTypes?: Record<string, string[]>;
+    filterItems?: MultiFilterItem;
+    hideDefaultFilters?: boolean;
+    extraContent?: (data: ShowData) => any;
+}

package/dist/types/plugins/grid-setup.d.ts

@@ -0,0 +1,65 @@
+/**
+ * Grid 初始化配置工具
+ * 提供配置化的方式来设置 RevoGrid 的常用插件
+ */
+import { ColumnStretchPlugin, ColumnStretchConfig } from './column-stretch.plugin';
+import { ResizeIndicatorPlugin } from './resize-indicator.plugin';
+import { CustomColumnDragPlugin, CustomColumnDragConfig } from './customColumnDrag/custom-column-drag.plugin';
+/**
+ * Grid 初始化配置
+ */
+export interface GridSetupConfig {
+    /** 列拉伸配置 */
+    stretch?: ColumnStretchConfig & {
+        /** 是否启用，默认 true */
+        enabled?: boolean;
+    };
+    /** 列拖拽配置 */
+    drag?: CustomColumnDragConfig;
+    /** 是否启用 resize 指示器，默认 true */
+    resizeIndicator?: boolean;
+    /** 额外的插件 */
+    extraPlugins?: any[];
+}
+/**
+ * 创建自定义的 ColumnStretchPlugin
+ * 支持隐藏滚动条时不预留空间
+ */
+export declare function createStretchPlugin(config?: GridSetupConfig['stretch']): typeof ColumnStretchPlugin | null;
+/**
+ * 初始化 Grid 插件
+ *
+ * @example
+ * ```ts
+ * // 基础用法
+ * setupGrid(grid, {
+ *   stretch: { stretchColumn: 'taskName', minWidth: 100 },
+ *   drag: { enabled: true, autoApply: true },
+ * });
+ *
+ * // 带回调
+ * setupGrid(grid, {
+ *   drag: {
+ *     enabled: true,
+ *     onDragEnd: (details) => console.log('拖拽完成', details),
+ *   },
+ * });
+ * ```
+ */
+export declare function setupGrid(grid: HTMLRevoGridElement, config?: GridSetupConfig): {
+    destroy: () => void;
+};
+/**
+ * 快捷方式：创建任务表格配置
+ * 预设了常用的任务管理表格配置
+ */
+export declare function setupTaskGrid(grid: HTMLRevoGridElement, options?: {
+    stretchColumn?: string;
+    onDragEnd?: (details: any) => void;
+    cannotDropBefore?: (column: any) => boolean;
+    extraPlugins?: any[];
+}): {
+    destroy: () => void;
+};
+export { ColumnStretchPlugin, ResizeIndicatorPlugin, CustomColumnDragPlugin };
+export type { CustomColumnDragConfig, ColumnStretchConfig };

package/dist/types/plugins/groupingRow/grouping.const.d.ts

@@ -0,0 +1,14 @@
+import { DimensionRows } from "../../types/index";
+export declare const GROUP_DEPTH = "__rvgr-depth";
+export declare const PSEUDO_GROUP_ITEM = "__rvgr-name";
+export declare const PSEUDO_GROUP_ITEM_ID = "__rvgr-id";
+export declare const PSEUDO_GROUP_ITEM_VALUE = "__rvgr-value";
+export declare const PSEUDO_GROUP_COLUMN = "__rvgr-column";
+export declare const GROUP_EXPANDED = "__rvgr-expanded";
+export declare const GROUP_COLUMN_PROP = "__rvgr-prop";
+export declare const GROUP_ORIGINAL_INDEX = "__rvgr-original-index";
+/** 分组行包含的子行物理索引数组 */
+export declare const GROUP_CHILDREN_INDICES = "__rvgr-children";
+export declare const GROUP_EXPAND_BTN = "group-expand";
+export declare const GROUP_EXPAND_EVENT = "groupexpandclick";
+export declare const GROUPING_ROW_TYPE: DimensionRows;

package/dist/types/plugins/groupingRow/grouping.row.expand.service.d.ts

@@ -0,0 +1,15 @@
+import { DataType } from "../../types/index";
+export declare function doCollapse(pIndex: number, source: DataType[]): {
+    trimmed: Record<number, boolean>;
+};
+/**
+ *
+ * @param pIndex - physical index
+ * @param vIndex - virtual index, need to update item collection
+ * @param source - data source
+ * @param rowItemsIndexes - rgRow indexes
+ */
+export declare function doExpand(vIndex: number, source: DataType[], rowItemsIndexes: number[]): {
+    trimmed: Record<number, boolean>;
+    items?: number[];
+};

package/dist/types/plugins/groupingRow/grouping.row.plugin.d.ts

@@ -0,0 +1,39 @@
+import { type DSourceState } from "../../store/index";
+import type { DataType, DimensionRows, PluginProviders } from "../../types/index";
+import { BasePlugin } from '../base.plugin';
+import type { Observable } from '../../utils';
+import type { GroupingOptions } from './grouping.row.types';
+export * from './grouping.const';
+export * from './grouping.row.expand.service';
+export * from './grouping.row.types';
+export * from './grouping.service';
+export * from './grouping.row.renderer';
+export declare class GroupingRowPlugin extends BasePlugin {
+    private options;
+    getStore(type?: DimensionRows): Observable<DSourceState<DataType, DimensionRows>>;
+    constructor(revogrid: HTMLRevoGridElement, providers: PluginProviders);
+    private onFocus;
+    private onExpand;
+    private setColumnGrouping;
+    private setColumns;
+    private onDrag;
+    private beforeTrimmedApply;
+    private isSortingRunning;
+    /**
+     * Starts global source update with group clearing and applying new one
+     * Initiated when need to reapply grouping
+     */
+    private doSourceUpdate;
+    /**
+     * Apply grouping on data set
+     * Clear grouping from source
+     * If source came from other plugin
+     */
+    private onDataSet;
+    /**
+     * External call to apply grouping. Called by revogrid when prop changed.
+     */
+    setGrouping(options: GroupingOptions): void;
+    clearGrouping(): void;
+    private updateTrimmed;
+}

package/dist/types/plugins/groupingRow/grouping.row.renderer.d.ts

@@ -0,0 +1,6 @@
+import type { RowGroupingProps } from './grouping.row.types';
+import type { DataType } from "../../types/index";
+export declare function expandEvent(e: MouseEvent, model: DataType, virtualIndex: number): void;
+export declare const GroupingRowRenderer: (props: RowGroupingProps) => any;
+export declare const expandSvgIconVNode: (expanded?: boolean) => any;
+export default GroupingRowRenderer;

package/dist/types/plugins/groupingRow/grouping.row.types.d.ts

@@ -0,0 +1,144 @@
+import type { VNode } from '../../stencil-public-runtime';
+import type { HyperFunc, ColumnProp, DimensionRows, DataType, Providers, VirtualPositionItem, PositionItem, DimensionCols } from "../../types/index";
+import type { RowProps } from '../../components/data/row-renderer';
+import { GROUP_EXPAND_EVENT } from './grouping.const';
+/**
+ * Properties for the grouping row template
+ */
+interface GroupTemplateProp {
+    /**
+     * Name of the grouping row
+     */
+    name: string;
+    /**
+     * Index of the grouping row
+     */
+    itemIndex: number;
+    /**
+     * Expanded state of the grouping row
+     */
+    expanded: boolean;
+    /**
+     * Depth of the grouping row
+     */
+    depth: number;
+    /**
+     * Providers for the grid
+     */
+    providers: Providers;
+    /**
+     * Dimension type (e.g. rgCol, colPinStart, colPinEnd, rowHeaders)
+     */
+    colType: DimensionCols | 'rowHeaders';
+    /**
+     * Model of the grouping row
+     */
+    model?: DataType;
+    /**
+     * 分组选中统计信息
+     */
+    selectionInfo?: GroupSelectionInfo | null;
+}
+export type RowGroupingProps = GroupRowPros & PositionItem & {
+    /**
+     * Visible columns in the grid, can be used to get the width of the column and position of the column
+     * to calculate the position of the cells in the grouping row
+     */
+    columnItems: VirtualPositionItem[];
+    /**
+     * Padding depth for grouping rows (in pixels per depth level)
+     */
+    paddingDepth?: number;
+};
+export interface GroupRowPros extends RowProps {
+    model: DataType;
+    hasExpand: boolean;
+    providers: Providers;
+    groupingCustomRenderer?: GroupLabelTemplateFunc | null;
+    /**
+     * 获取分组选中信息的函数
+     */
+    getGroupSelection?: GetGroupSelectionFunc | null;
+}
+export type GroupLabelTemplateFunc = (createElement: HyperFunc<VNode>, props: GroupTemplateProp & RowGroupingProps, ...args: any[]) => any;
+export type GroupingOptions = {
+    /**
+     * Column props to which grouping will be applied
+     */
+    props?: ColumnProp[];
+    /**
+     * Should grouping be preserved on source update.
+     * default: true
+     */
+    preserveGroupingOnUpdate?: boolean;
+    /**
+     * Custom group label template
+     */
+    groupLabelTemplate?: GroupLabelTemplateFunc;
+    /**
+     * Padding depth for grouping rows (in pixels per depth level)
+     * default: 10
+     */
+    depthPadding?: number;
+} & ExpandedOptions;
+export type BeforeSourceSetEvent = {
+    type: DimensionRows;
+    source: DataType[];
+};
+export type OnExpandEvent = {
+    model: DataType;
+    virtualIndex: number;
+};
+/**
+ * 分组选中统计信息
+ */
+export interface GroupSelectionInfo {
+    /**
+     * 当前分组下选中的行数
+     */
+    selectedCount: number;
+    /**
+     * 当前分组下的总行数
+     */
+    totalCount: number;
+}
+/**
+ * 获取分组选中信息的函数类型
+ * @param groupModel 分组行的数据模型
+ * @param childIndices 当前分组下所有子行的物理索引数组
+ * @returns 选中统计信息
+ */
+export type GetGroupSelectionFunc = (groupModel: DataType, childIndices: number[]) => GroupSelectionInfo;
+export type ExpandedOptions = {
+    /**
+     * Currently expanded items. to set expanded: '{ 'a': true, 'a,b': true, 'a,b,c': true }'
+     */
+    prevExpanded?: Record<string, boolean>;
+    /**
+     * Is expanded by default
+     */
+    expandedAll?: boolean;
+    /**
+     * Custom group label value parser
+     */
+    getGroupValue?(item: DataType, prop: string | number): any;
+    /**
+     * Custom group label template
+     */
+    groupLabelTemplate?: GroupLabelTemplateFunc;
+    /**
+     * 获取分组选中信息的函数，用于在分组行上显示选中数量
+     */
+    getGroupSelection?: GetGroupSelectionFunc;
+};
+declare global {
+    /**
+     * grid.addEventListener(GROUP_EXPAND_EVENT, (e: OnExpandEvent) => {
+     *  console.log(e)
+     * })
+     */
+    interface HTMLRevoGridElementEventMap {
+        [GROUP_EXPAND_EVENT]: OnExpandEvent;
+    }
+}
+export {};

package/dist/types/plugins/groupingRow/grouping.service.d.ts

@@ -0,0 +1,36 @@
+import type { DataType, ColumnProp, ColumnRegular } from "../../types/index";
+import { GROUP_DEPTH, GROUP_EXPANDED, PSEUDO_GROUP_ITEM, PSEUDO_GROUP_ITEM_VALUE, GROUP_COLUMN_PROP } from './grouping.const';
+import type { ExpandedOptions } from './grouping.row.types';
+type SourceGather = {
+    source: DataType[];
+    prevExpanded: Record<string, boolean>;
+    oldNewIndexes?: Record<number, number>;
+};
+export declare function getSource(source: DataType[], items: number[], withoutGrouping?: boolean): Required<SourceGather>;
+export declare function getExpanded(model?: DataType): any;
+/**
+ * Gather data for grouping
+ * @param array - flat data array
+ * @param columnProps - ids of groups
+ * @param expanded - potentially expanded items if present
+ */
+export declare function gatherGrouping(array: DataType[], columnProps: ColumnProp[], { prevExpanded, expandedAll, getGroupValue, }: ExpandedOptions): {
+    sourceWithGroups: DataType[];
+    depth: number;
+    trimmed: Record<number, boolean>;
+    oldNewIndexMap: Record<number, number>;
+};
+export declare function getGroupingName(rgRow?: DataType): any;
+type GroupingItem = {
+    [PSEUDO_GROUP_ITEM]: string;
+    [GROUP_EXPANDED]: boolean;
+    [PSEUDO_GROUP_ITEM_VALUE]: string;
+    [GROUP_DEPTH]: number;
+    [GROUP_COLUMN_PROP]: ColumnProp;
+};
+export declare function isGrouping(rgRow?: DataType): rgRow is GroupingItem;
+export declare function isGroupingColumn(column?: ColumnRegular): boolean;
+export declare function measureEqualDepth<T>(groupA: T[], groupB: T[]): number;
+export declare function getParsedGroup(id: string): any[] | null;
+export declare function isSameGroup(currentGroup: any[], currentModel: DataType, nextModel: DataType): boolean;
+export {};

package/dist/types/plugins/groupingRow/grouping.trimmed.service.d.ts

@@ -0,0 +1,10 @@
+import { Trimmed, TrimmedEntity } from "../../store/index";
+export declare const TRIMMED_GROUPING = "grouping";
+/**
+ * Prepare trimming updated indexes for grouping
+ * @param initiallyTrimed
+ * @param firstLevelMap
+ * @param secondLevelMap
+ */
+export declare function processDoubleConversionTrimmed(initiallyTrimed: Trimmed, firstLevelMap: Record<number, number>, secondLevelMap?: Record<number, number>): Trimmed;
+export declare function filterOutEmptyGroups(allTrimmedGroups: Trimmed, childrenByGroup?: Record<number, number[]>): TrimmedEntity;

package/dist/types/plugins/index.d.ts

@@ -0,0 +1,22 @@
+export * from './base.plugin';
+export * from './column.auto-size.plugin';
+export * from './column.stretch.plugin';
+export * from './resize-indicator.plugin';
+export * from './column-stretch.plugin';
+export * from './dispatcher';
+export * from './export/export.plugin';
+export * from './filter/filter.plugin';
+export * from './groupingRow/grouping.row.plugin';
+export * from './moveColumn/column.drag.plugin';
+export * from './sorting/sorting.plugin';
+export * from './sorting/sorting.sign';
+export * from './add-rows-on-paste.plugin';
+export * from './customColumnDrag';
+export * from './grid-setup';
+export * from './column-manage.plugin';
+export * from './column-hide.plugin';
+export * from './tree-data.plugin';
+export * from './row-select.plugin';
+export * from './pin-shadow.plugin';
+export * from './enhanced-scrollbar.plugin';
+export * from './manual-focus.plugin';

package/dist/types/plugins/manual-focus.plugin.d.ts

@@ -0,0 +1,113 @@
+import { BasePlugin } from './base.plugin';
+import type { PluginProviders } from "../types/index";
+export interface ManualFocusOptions {
+    /** 边框颜色 */
+    borderColor?: string;
+    /** 边框粗细 */
+    borderWidth?: number;
+    /** 焦点框显示时是否禁止滚动，默认 false */
+    disableScroll?: boolean;
+}
+export interface CustomSize {
+    /** 自定义宽度（像素） */
+    width?: number;
+    /** 自定义高度（像素） */
+    height?: number;
+}
+/**
+ * Manual Focus Plugin
+ * 提供手动控制的单元格焦点框功能
+ *
+ * 功能：
+ * 1. 提供 show/hide API 控制焦点框显示
+ * 2. 在指定单元格上显示焦点框
+ * 3. 支持手动切换焦点框显示状态
+ * 4. 支持自定义边框颜色和粗细
+ * 5. 焦点框显示时禁止表格滚动
+ */
+export declare class ManualFocusPlugin extends BasePlugin {
+    private focusElement;
+    private isVisible;
+    private currentCell;
+    private options;
+    private scrollPreventHandlers;
+    private afterFocusHandler;
+    private hideBorder;
+    private customSize;
+    constructor(revogrid: HTMLRevoGridElement, providers: PluginProviders, options?: ManualFocusOptions);
+    /**
+     * 设置焦点到指定单元格
+     * @param rowIndex 行索引
+     * @param colIndex 列索引
+     * @param rowType 行类型，默认 'rgRow'
+     * @param colType 列类型，默认 'rgCol'
+     * @param hideBorder 是否隐藏边框（设置 opacity: 0），默认 false
+     * @param customSize 自定义尺寸 { width?: number, height?: number }
+     */
+    setFocusAt(rowIndex: number, colIndex: number, rowType?: string, colType?: string, hideBorder?: boolean, customSize?: CustomSize): Promise<void>;
+    /**
+     * 移除指定单元格的焦点
+     */
+    removeFocusAt(rowIndex: number, colIndex: number, rowType?: string, colType?: string): void;
+    /**
+     * 切换指定单元格的焦点显示状态
+     * @param rowIndex 行索引
+     * @param colIndex 列索引
+     * @param rowType 行类型，默认 'rgRow'
+     * @param colType 列类型，默认 'rgCol'
+     * @param hideBorder 是否隐藏边框（设置 opacity: 0），默认 false
+     * @param customSize 自定义尺寸 { width?: number, height?: number }
+     */
+    toggleFocusAt(rowIndex: number, colIndex: number, rowType?: string, colType?: string, hideBorder?: boolean, customSize?: CustomSize): void;
+    /**
+     * 显示焦点框
+     */
+    show(): void;
+    /**
+     * 隐藏焦点框
+     */
+    hide(): void;
+    /**
+     * 切换焦点框显示状态
+     */
+    toggle(): void;
+    /**
+     * 获取当前焦点框显示状态
+     */
+    isShown(): boolean;
+    /**
+     * 动态修改焦点框的宽高
+     * @param width 新的宽度（像素值）
+     * @param height 新的高度（像素值）
+     */
+    updateSize(width: number, height: number): void;
+    /**
+     * 设置边框的显示/隐藏状态
+     * @param hide 是否隐藏边框（设置 opacity: 0）
+     */
+    setBorderVisibility(hide: boolean): void;
+    /**
+     * 更新焦点框位置和样式
+     */
+    private updateFocusBox;
+    /**
+     * 移除焦点框
+     */
+    private removeFocusBox;
+    /**
+     * 清除所有焦点框
+     */
+    clearAll(): void;
+    /**
+     * 禁止表格滚动
+     */
+    private disableScroll;
+    /**
+     * 恢复表格滚动
+     */
+    private enableScroll;
+    /**
+     * 清理插件资源
+     */
+    destroy(): void;
+}

package/dist/types/plugins/moveColumn/column.drag.plugin.d.ts

@@ -0,0 +1,50 @@
+import { BasePlugin } from '../base.plugin';
+import { ColumnOrderHandler } from './order-column.handler';
+import type { ColumnPropProp, DimensionSettingsState, PositionItem, DimensionCols, MultiDimensionType, PluginProviders, DimensionColPin } from "../../types/index";
+export type DragStartEventDetails = {
+    event: MouseEvent;
+    data: ColumnPropProp;
+};
+type StaticData = {
+    startPos: number;
+    startItem: PositionItem;
+    pin?: DimensionColPin;
+    dataEl: HTMLElement;
+    scrollEl: Element;
+    gridEl: HTMLElement;
+    cols: DimensionSettingsState;
+};
+type LocalSubscriptions = Record<string, LocalSubscription>;
+type LocalSubscription = {
+    target: Element | Document;
+    callback(...params: any[]): void;
+};
+export type ColumnDragEventData = {
+    elRect: DOMRect;
+    gridRect: DOMRect;
+    scrollOffset: number;
+    type: DimensionCols;
+};
+export declare class ColumnMovePlugin extends BasePlugin {
+    protected moveFunc: import("lodash").DebouncedFunc<(e: MouseEvent) => void>;
+    protected staticDragData: StaticData | null;
+    protected dragData: ColumnDragEventData | null;
+    readonly orderUi: ColumnOrderHandler;
+    readonly localSubscriptions: LocalSubscriptions;
+    constructor(revogrid: HTMLRevoGridElement, providers: PluginProviders);
+    dragStart({ event, data }: DragStartEventDetails): void;
+    doMove(e: MouseEvent): void;
+    move(e: MouseEvent): void;
+    onMouseOut(_: MouseEvent): void;
+    onMouseUp(e: MouseEvent): void;
+    protected clearLocalSubscriptions(): void;
+    clearOrder(): void;
+    /**
+     * Clearing subscription
+     */
+    clearSubscriptions(): void;
+    protected getData({ gridEl, dataEl, pin, }: StaticData): ColumnDragEventData;
+    protected getDimension(type: MultiDimensionType): DimensionSettingsState;
+}
+export declare function getLeftRelative(absoluteX: number, gridPos: number, offset: number): number;
+export {};

package/dist/types/plugins/moveColumn/order-column.handler.d.ts

@@ -0,0 +1,16 @@
+export declare class ColumnOrderHandler {
+    private element?;
+    private autoscrollEl?;
+    private offset;
+    renderAutoscroll(_: MouseEvent, parent: HTMLElement | null): void;
+    autoscroll(pos: number, dataContainerSize: number, direction?: string): void;
+    start(e: MouseEvent, { dataEl, gridRect, scrollEl, gridEl }: {
+        dataEl: HTMLElement;
+        gridRect: DOMRect;
+        scrollEl: Element;
+        gridEl: Element;
+    }, dir?: 'top' | 'left'): void;
+    stop(gridEl: Element): void;
+    showHandler(pos: number, size: number, direction?: string): void;
+    render(): HTMLDivElement;
+}