@enableai-base/table 1.0.0

package/dist/table.d.ts

@@ -0,0 +1,1275 @@
+/// <reference types="react" />
+import * as react from 'react';
+import react__default from 'react';
+import { CommandManager, Command } from '@enableai-sdk-common/command';
+import * as _visactor_vtable_es_ts_types from '@visactor/vtable/es/ts-types';
+import { CellRange, ITableThemeDefine, ThemeStyle, CustomRenderFunctionArg, BaseTableAPI as BaseTableAPI$1 } from '@visactor/vtable/es/ts-types';
+import { TableToolType, DateFormatType, NumberFormatType, CustomCellStyleKey, MenuInfo, TableColumnInnerType } from '@enableai-base/core';
+import * as _visactor_vtable from '@visactor/vtable';
+import { ListTable, ColumnDefine, ListTableConstructorOptions, BaseTableAPI } from '@visactor/vtable';
+import { SelectEditorOption as SelectEditorOption$1 } from '@enableai-base/ui';
+import { ItemType } from 'antd/es/menu/interface';
+import { Rect } from '@visactor/vtable/es/tools/Rect';
+import { DestroyClass } from '@enableai-sdk-common/core';
+import * as jotai from 'jotai';
+import { IEditor, EditContext, ValidateEnum } from '@visactor/vtable-editors';
+import dayjs from 'dayjs';
+import * as _visactor_vtable_es_vrender from '@visactor/vtable/es/vrender';
+import { IGroup, Cursor } from '@visactor/vtable/es/vrender';
+import { RegistryKey } from '@enableai-fonts/font-icon-enableai-base';
+
+export type EditorCommonData = {
+    cell: {
+        row: number;
+        col: number;
+        position: {
+            x: number;
+            y: number;
+        };
+        width: number;
+        height: number;
+    };
+    table: ListTable;
+    endEdit: () => void;
+    initialValue: any;
+};
+export type SelectEditorValue = SelectEditorOption[] | undefined;
+export type SelectEditorOption = {
+    label: string;
+    value: string;
+    color: string;
+};
+export type SelectEditorData = EditorCommonData & {
+    initialValue: SelectEditorValue;
+    options: SelectEditorOption[];
+    isMultiple: boolean;
+};
+export type EditorData<T extends Record<string, any>> = EditorCommonData & T;
+export type TextEditorData = EditorCommonData & {
+    initialValue: string;
+};
+export type NumEditorData = EditorCommonData & {
+    initialValue?: number;
+};
+export type UserShowData = {
+    cell: {
+        row: number;
+        col: number;
+        position: {
+            x: number;
+            y: number;
+        };
+        width: number;
+        height: number;
+    };
+    table: ListTable;
+    endEdit: () => void;
+    id: string | number;
+};
+
+export type ForMat = {
+    value: string;
+};
+export type DateEditorData = EditorData<{
+    initialValue: DateEditorValue;
+    format?: ForMat;
+}>;
+export type DateEditorValue = string | undefined;
+
+export type LinkEditorData = EditorData<{
+    initialValue?: LinkEditorValue;
+}>;
+export type LinkEditorValue = {
+    url?: string;
+    title?: string;
+};
+
+export declare const INNER_TABLE_COLUMN_KEY_PLUS = "INNER_TABLE_COLUMN_KEY_PLUS";
+export declare const INNER_TABLE_COLUMN_KEY_CHECKBOX = "INNER_TABLE_COLUMN_KEY_CHECKBOX";
+export declare const INNER_TABLE_COLUMN_KEY_LIST: string[];
+export declare const INNER_TABLE_RECORD_ID_KEY = "INNER_PRESET_RECORD_ID";
+
+export type BaseTableColumnDate = BaseTableColumnCustomCommon & {
+    tool: TableToolType.DATE;
+    fmt: DateFormatType;
+};
+
+export type BaseTableColumnNumber = BaseTableColumnCustomCommon & {
+    tool: TableToolType.NUMBER;
+    fmt?: NumberFormatType;
+};
+
+export type BaseTableColumnSelect = BaseTableColumnCustomCommon & {
+    tool: TableToolType.SIMPLE_SELECT | TableToolType.MULTI_SELECT;
+    options: SelectEditorOption$1[];
+    request?: (option: SelectEditorOption$1) => Promise<SelectEditorOption$1>;
+};
+
+export interface PersonInfo {
+    id: string | number;
+    name?: string;
+    avatar?: string;
+    role?: string;
+    mobile?: string;
+    status?: string;
+}
+export type BaseTableColumnUser = BaseTableColumnCustomCommon & {
+    tool: TableToolType.USER;
+    request?: (id: string) => Promise<PersonInfo>;
+};
+
+/**
+ * 表格列配置定义
+ */
+
+export type InnerColumnControl = {
+    checkbox: boolean;
+    main: boolean;
+    plus: boolean;
+};
+export type BaseTableColumnCustomCommon = ColumnDefine & {
+    tool?: TableToolType;
+    /**
+     * 当前列是否被锁定
+     */
+    lock?: boolean;
+    defaultValue?: any;
+    /**
+     * 列反馈信息
+     */
+    feedbacks?: Array<{
+        type: string;
+        message: string;
+    }>;
+};
+export type NormalColumnConfig = BaseTableColumnCustomCommon & {
+    tool?: Exclude<TableToolType, TableToolType.DATE | TableToolType.NUMBER | TableToolType.SIMPLE_SELECT>;
+    fmt?: string;
+};
+export type BaseTableColumnCustom = BaseTableColumnDate | BaseTableColumnNumber | BaseTableColumnSelect | BaseTableColumnUser | NormalColumnConfig;
+export type BaseTableColumnDefine = BaseTableColumnCustom;
+export type BaseTableColumnsDefine = BaseTableColumnDefine[];
+
+export type AttachmentEditorValue = {
+    name: string;
+    path: string;
+}[];
+
+export declare enum VTableEditorType {
+    TEXT_AREA = "textAreaEditor",
+    INPUT = "inputEditor",
+    DATE = "dateInputEditor",
+    MULTI_SELECT = "multiSelectEditor",
+    SINGLE_SELECT = "singleSelectEditor",
+    LINK = "linkEditor",
+    NUMBER = "numberEditor",
+    TEXT = "textEditor",
+    JSON = "jsonEditor"
+}
+export interface OriginalColumnStructure {
+    type: TableToolType;
+    ordinal: number;
+    id: string;
+    label: string;
+    options?: SelectEditorOption[];
+    lock?: boolean;
+    width?: number;
+    default?: {
+        value?: {
+            type: string;
+            data: OriginTableEditorValue;
+        };
+        format?: string;
+    };
+    feedbacks?: Array<FeedbackInfo>;
+    request?: (props: any) => Promise<any>;
+}
+export type FeedbackInfo = {
+    type: string;
+    message: string;
+};
+export interface OriginalRecordStructure {
+    /** 行 ID 对应题目id */
+    id: string;
+    /** 行反馈信息 */
+    feedbacks?: FeedbackInfo[];
+    /**  string: 当前列id */
+    cells: Record<string, OriginalRecordCellStructure>;
+}
+export interface OriginalRecordCellStructure<T = OriginTableEditorValue> {
+    /** 单元格对应的annotate_id 或者 前端 simple_id 表格在通知外部数据发生变动时用到 */
+    id?: string;
+    /** 标识当前单元格数据的类型，用于转换，暂时无用 */
+    type?: TableToolType;
+    /** 单元格的值 */
+    value?: T;
+    /** 单元格是否处于loading状态 */
+    loading?: boolean;
+    /** 单元格反馈信息 */
+    feedbacks?: FeedbackInfo[];
+}
+export type TableFeedBackInfo = {
+    /** 根据type确定获取标记范围
+     * 如果设置了range，优先以range为目标
+     * 如果type为cell，且未设置range，则根据col和row确定目标单元格
+     * type === row, 忽略col
+     * type === column, 忽略row
+     */
+    type: 'cell' | 'row' | 'column';
+    range?: CellRange;
+    col?: number;
+    row?: number;
+    info: FeedbackInfo[];
+};
+export type AdaptedFeedbackHighlight = Record<CustomCellStyleKey, TableFeedBackInfo[]>;
+export type AdaptedRecord = {
+    records: Record<string, BaseTableEditorValue>[];
+    feedbacksHighlight: AdaptedFeedbackHighlight;
+};
+export type AdaptedColumn = {
+    columns: BaseTableColumnDefine[];
+    feedbacksHighlight: AdaptedFeedbackHighlight;
+};
+/**
+ * 每个单元格的值有3种形式：
+ * undefined —— 用于当前单元格为空的形式
+ * { loading : true , value: any} 表示当前单元格处于loading状态
+ * { value: any} loading 为false 或者 undefined 此时单元格需要参照value值进行渲染
+ */
+export type BasicBaseTableEditorValue<T> = OriginalRecordCellStructure<T> | undefined;
+export type BaseTableEditorSelectValue = BasicBaseTableEditorValue<SelectEditorValue>;
+export type BaseTableEditorLinkValue = BasicBaseTableEditorValue<LinkEditorValue>;
+export type BaseTableEditorDateValue = BasicBaseTableEditorValue<DateEditorValue>;
+export type BaseTableEditorAttachmentValue = BasicBaseTableEditorValue<AttachmentEditorValue>;
+export type BaseTableEditorPersonInfoValue = BasicBaseTableEditorValue<PersonInfo[]>;
+export type BaseTableEditorTextValue = BasicBaseTableEditorValue<string>;
+export type BaseTableEditorJSONValue = BasicBaseTableEditorValue<string>;
+export type BaseTableEditorNumberValue = BasicBaseTableEditorValue<number>;
+/**
+ * 表格编辑器所有值类型的联合类型
+ * TODO 有两个 UserValue PersonInfo
+ */
+export type BaseTableEditorValue = BaseTableEditorSelectValue | BaseTableEditorLinkValue | BaseTableEditorDateValue | BaseTableEditorAttachmentValue | BaseTableEditorPersonInfoValue | BaseTableEditorTextValue | BaseTableEditorJSONValue | BaseTableEditorNumberValue;
+export type OriginTableEditorValue = SelectEditorValue | LinkEditorValue | DateEditorValue | AttachmentEditorValue | PersonInfo[] | string | number;
+export type BaseTableRecordData = {
+    [INNER_TABLE_RECORD_ID_KEY]: string;
+} & {
+    [K in Exclude<string, typeof INNER_TABLE_RECORD_ID_KEY>]: BaseTableEditorValue;
+};
+
+export type UploadFileFn = <File extends {
+    file: any;
+    type: string;
+}>(file: File, path: string) => Promise<any>;
+
+export type MenuItemsConfig = (ItemType & {
+    onCellClick?: (info: {
+        menuInfo: MenuInfo;
+        tableEditor: TableEditor;
+        cell: {
+            col: number;
+            row: number;
+            recordId: string | undefined;
+            columnId: string;
+            rect: Rect;
+        };
+    }) => void;
+    hiddenInFreeze?: boolean;
+})[];
+
+export interface BaseInteractiveCell {
+    recordId: string;
+    columnId: string;
+}
+export interface BaseInteractiveRecordStructure {
+    /** 行 ID 对应题目id */
+    id: string;
+    /** 行反馈信息 */
+    feedbacks?: FeedbackInfo[];
+    /** 当前行单元格数据 */
+    cells: Record<string, OriginalRecordCellStructure | undefined>;
+}
+export interface BaseInteractiveCellOutput {
+    cell: BaseInteractiveCell;
+    data: OriginalRecordCellStructure | undefined;
+}
+export interface BaseTableInterface {
+    /**
+     * 选中状态获取，返回被选中的行 id
+     */
+    get selectedRecords(): string[];
+    /**
+     * 获取当前选中的单元格，不包含头部单元格
+     */
+    get selectedCells(): BaseInteractiveCellOutput[];
+    /** ========== 列操作 ========== */
+    /**
+     * cover: false 更新传入的列的配置，未传入的列配置不会动
+     * cover: true 全量更新列的配置，用于新增，删除列
+     * 由 Table 组件中的 columns 参数更新
+     */
+    /** ========== 行操作 ========== */
+    /**
+     * 更新行数据
+     * 根据id，更新对应行的数据
+     * 判断表格中的filters字段是否为空
+     * 如果为空，直接更新records
+     * 如果不为空，不会主动更新视图，而是等待filters字段发生更新之后，再更新视图
+     * @param records {id, cells, feedbacks?: []}
+     */
+    updateRecords(records: BaseInteractiveRecordStructure[]): void;
+    /**
+     * 添加数据行
+     * 数据行的顺序由 Table组件 filters 参数确定
+     * @param records
+     */
+    addRecords(records: OriginalRecordStructure[]): void;
+    /**
+     * 根据数据行id删除数据
+     */
+    removeRecords(recordIds: string[]): void;
+    /** ========== 单元格操作 ========== */
+    /**
+     * 聚焦到指定单元格，将指定单元格放到可视区域内
+     * @param recordId 数据行ID
+     * @param columnId 数据列ID
+     */
+    focus(cell: BaseInteractiveCell): void;
+    /**
+     * 高亮指定单元格
+     * @param cells 单元格数组
+     * @param key 自定义单元格样式键值，参考 CustomCellStyleKey 类型
+     */
+    highlight(cells: BaseInteractiveCell[], key?: CustomCellStyleKey): void;
+    /**
+     * 清除高亮样式，key为空，会清除表格所有高亮样式
+     * key 不为空，只会清除key对应的高亮样式
+     * @param key 自定义单元格样式键值，参考 CustomCellStyleKey 类型
+     */
+    clearHighlight(key?: CustomCellStyleKey): void;
+}
+
+export declare class BaseTableInteractive implements BaseTableInterface {
+    editor: TableEditor;
+    constructor(editor: TableEditor);
+    get selectedRecords(): any[];
+    get selectedCells(): {
+        cell: {
+            columnId: string;
+            recordId: string;
+        };
+        data: any;
+    }[];
+    getRecordsManagerStore(): Map<string, BaseTableRecordData>;
+    filters(recordIds: string[]): void;
+    selectCell(cell: BaseInteractiveCell): void;
+    selectColumnByIndex(columnIndex: number): void;
+    selectRowByIndex(recordIndex: number): void;
+    selectCellByIndex(cell: [recordIndex: number, colIndex: number]): void;
+    clearSelect(): void;
+    setRecordsSelectState(records: string[] | 'all', state?: boolean): void;
+    getRecord(recordId: string): OriginalRecordStructure | undefined;
+    getRecords(recordIds: string[]): (OriginalRecordStructure | undefined)[];
+    updateRecords(records: BaseInteractiveRecordStructure[]): void;
+    addRecords(_records: OriginalRecordStructure[]): void;
+    removeRecords(_recordIds: string[]): void;
+    focus(cell: BaseInteractiveCell): void;
+    focusByIndex(cell: [recordIndex: number, colIndex: number]): void;
+    highlight(cells: BaseInteractiveCell[], _key?: CustomCellStyleKey): void;
+    highlightByIndex(cells: Array<[recordIndex: number, colIndex: number]>, _key?: CustomCellStyleKey): void;
+    clearHighlight(key?: CustomCellStyleKey): void;
+    setFreezeCount(count: number): void;
+}
+
+export declare class RecordsManager extends DestroyClass {
+    editor: TableEditor;
+    private recordsMap;
+    private _filters;
+    /**
+     * 当前表格records数量
+     *
+     * 如果filters不存在，直接返回 recordsMap 数量，
+     *
+     * 如果filters存在，则返回 filters 中存在的 records 数量
+     */
+    size: jotai.Atom<number>;
+    constructor(editor: TableEditor);
+    get filters(): string[] | undefined;
+    set filters(value: string[] | undefined);
+    initRecords(records: BaseTableRecordData[]): void;
+    renderRecords(): void;
+    updateRecords(records: BaseInteractiveRecordStructure[]): void;
+    addRecords(records: OriginalRecordStructure[]): void;
+    removeRecords(recordIds: string[]): void;
+    get store(): Map<string, BaseTableRecordData>;
+    get(recordId: string): BaseTableRecordData | undefined;
+    set(recordId: string, record: BaseTableRecordData): void;
+}
+
+export type CellInfo = {
+    col: number;
+    row: number;
+    recordId: string | undefined;
+    columnId: string;
+    rect: Rect;
+};
+export type MenuConfig = {
+    open: boolean;
+    position: {
+        x: number;
+        y: number;
+    };
+    cell: CellInfo;
+    type: 'cell' | 'header' | 'more';
+};
+export type TableEditorOptions = Pick<ListTableConstructorOptions, 'columns' | 'records' | 'theme'>;
+export type BaseTableEditorCreatorConfig = ListTableConstructorOptions & {
+    id: string;
+    innerColumnControl: InnerColumnControl;
+    uploadFileFn: UploadFileFn;
+    commandManager: CommandManager;
+    container: HTMLElement;
+    onChange?: BaseTableOnChangeFn;
+};
+export declare enum TableChangeEvent {
+    CELLS_UPDATE = "cells::update",
+    CELL_CLICK = "cell::click",
+    CELL_ATTACHMENT_PREVIEW = "cell::attachment::preview",
+    SELECT_OPTIONS_UPDATE = "select::options::update",
+    RECORD_OPEN_DETAIL_DRAWER = "record::open::detail::drawer",
+    RECORD_CHECKBOX_STATE_CHANGE = "record::checkbox::state::change",
+    COLUMN_WIDTH_UPDATE = "column::width::update",
+    COLUMN_DRAG_MOVE_END = "column::drag::move::end",
+    COLUMN_ADD_FROM_INNER_PLUS = "column::add::from::inner::plus"
+}
+type TableChangeEventPayloadBase = {
+    editor: TableEditor;
+};
+type TableChangeEventPayLoadSelectOptionUpdate = TableChangeEventPayloadBase & {
+    options: SelectEditorOption[];
+    columnId: string;
+};
+type TableChangeEventPayLoadCellsUpdate = TableChangeEventPayloadBase & {
+    data: Array<BaseInteractiveCell & {
+        previous: OriginalRecordCellStructure | undefined;
+        current: OriginalRecordCellStructure | undefined;
+    }>;
+};
+type TableChangeEventPayLoadRecordCheckboxStateChange = TableChangeEventPayloadBase & {
+    selectedRecordIds: string[];
+};
+type TableChangeEventPayLoadCellClick = TableChangeEventPayloadBase & {
+    columnDefine: BaseTableColumnCustom | undefined;
+    record: OriginalRecordCellStructure | undefined;
+    cellValue: BaseTableEditorValue;
+};
+type TableChangeEventPayLoadCellAttachmentPreview = TableChangeEventPayloadBase & {
+    cellValue: BaseTableEditorAttachmentValue;
+};
+type EventToPayloadMap = {
+    [TableChangeEvent.CELLS_UPDATE]: TableChangeEventPayLoadCellsUpdate;
+    [TableChangeEvent.CELL_CLICK]: TableChangeEventPayLoadCellClick;
+    [TableChangeEvent.SELECT_OPTIONS_UPDATE]: TableChangeEventPayLoadSelectOptionUpdate;
+    [TableChangeEvent.RECORD_OPEN_DETAIL_DRAWER]: TableChangeEventPayloadBase & {
+        recordId: string;
+    };
+    [TableChangeEvent.RECORD_CHECKBOX_STATE_CHANGE]: TableChangeEventPayLoadRecordCheckboxStateChange;
+    [TableChangeEvent.COLUMN_WIDTH_UPDATE]: TableChangeEventPayloadBase & {
+        columnId: string;
+        width: number;
+    };
+    [TableChangeEvent.COLUMN_DRAG_MOVE_END]: TableChangeEventPayloadBase & {
+        columnIds: string[];
+    };
+    [TableChangeEvent.COLUMN_ADD_FROM_INNER_PLUS]: TableChangeEventPayloadBase;
+    [TableChangeEvent.CELL_ATTACHMENT_PREVIEW]: TableChangeEventPayLoadCellAttachmentPreview;
+};
+export type BaseTableOnChangeFn = <E extends TableChangeEvent>(event: E, payload: EventToPayloadMap[E]) => void;
+
+export declare class TableEditor extends DestroyClass {
+    id: string;
+    container: HTMLElement;
+    commandManager: CommandManager;
+    uploadFile: UploadFileFn;
+    innerColumnControl: InnerColumnControl;
+    private event;
+    instance: ListTable;
+    private readonly _lock;
+    private readonly customCellStyleArrangement;
+    readonly recordsManager: RecordsManager;
+    /**
+     * 当前是否处于debug状态，一般开发的时候为true，会打印一些需要调试的日志
+     */
+    debug: boolean;
+    get lock(): boolean;
+    set lock(value: boolean);
+    get colCount(): number;
+    get rowCount(): number;
+    /**
+     * 用于限定列的操作范围
+     * 前两列 0 1 是关键主列，不进行任何操作，并且顺序永远在最前面
+     * 最后两列 colCount - 1：Plus列, colCount - 2：more列 同样是固定列
+     */
+    get colActionLimit(): {
+        min: number;
+        max: number;
+    };
+    dispatch: BaseTableOnChangeFn;
+    /**
+     * 供外部调用的接口
+     */
+    interactive: BaseTableInteractive;
+    constructor(id: string, container: HTMLElement, onChange: BaseTableOnChangeFn, config: ListTableConstructorOptions, commandManager: CommandManager, uploadFile: UploadFileFn, innerColumnControl: InnerColumnControl);
+    get columnIds(): string[];
+    get columns(): _visactor_vtable.ColumnsDefine;
+    updateCellData(col: number, row: number, value: any): void;
+    getRecordByCell(col: number, row: number): BaseTableRecordData;
+    getInteractiveCell(col: number, row: number): BaseInteractiveCell;
+    getInteractiveRecordIndex(recordId: string): number;
+    getInteractiveCellPosition(cell: BaseInteractiveCell): {
+        col: number;
+        row: number;
+    };
+    updateColumns(columns: BaseTableColumnDefine[]): void;
+    getSelectedRecord(): any[];
+    setCheckboxState(col: number, row: number, state: boolean): void;
+    getColumnDefine(col: number): _visactor_vtable.ColumnDefine | _visactor_vtable_es_ts_types.IRowSeriesNumber | _visactor_vtable_es_ts_types.ColumnSeriesNumber;
+    getSelectedCell(): _visactor_vtable_es_ts_types.CellInfo[][] | null;
+    focusCell(col: number, row: number): void;
+    highlightCells(customCellStyleKey: CustomCellStyleKey, cells: {
+        col?: number;
+        row?: number;
+        range?: CellRange;
+    }[]): void;
+    clearHighlight(customCellStyleKey?: CustomCellStyleKey): void;
+    updateColumn(col: number, options: Record<string, any>): void;
+    setRecords(_records: BaseTableRecordData[]): void;
+    addRecords(_records: BaseTableRecordData[]): void;
+    selectCell(col: number, row: number): void;
+    /**
+     * 删除选中单元格
+     * 1. 过滤表头行
+     * 2. 只修改没有被锁定的列内容
+     */
+    removeSelectedCell(): {
+        records: [BaseTableRecordData, number][];
+        recordsForRestore: [BaseTableRecordData, number][];
+    };
+    /**
+     * 添加数据 支持多条数据
+     * @param records 多条数据
+     * @param recordIndex 向数据源中要插入的位置，从0开始。不设置recordIndex的话 默认追加到最后。
+     * 如果设置了排序规则recordIndex无效，会自动适应排序逻辑确定插入顺序。
+     * recordIndex 可以通过接口getRecordShowIndexByCell获取
+     */
+    createRows(count: number, recordBodyIndex?: number): {
+        newRecords: any[];
+        newRecordIndexes: number[];
+    };
+    deleteRecords(recordIndexes: number[]): void;
+    /**
+     * 删除行
+     */
+    removeRow(count: number, recordBodyIndex: number): {
+        oldRecords: any[];
+        oldRecordIndexes: number[];
+    };
+    /**
+     * 新增默认列
+     * @param count 新增列数
+     * @param insertIndex 新增列索引，默认在最后一列前新增
+     */
+    createColumn(count: number, insertIndex: number): {
+        oldColumns: _visactor_vtable.ColumnDefine[];
+        newColumns: _visactor_vtable.ColumnDefine[];
+    };
+    /**
+     * 删除列
+     */
+    removeColumn(count: number, startIndex: number): {
+        oldColumns: _visactor_vtable.ColumnDefine[];
+        newColumns: _visactor_vtable.ColumnDefine[];
+    } | undefined;
+    /**
+     * 复制列
+     * @param sourceIndex 要复制的列索引
+     * @param insertIndex 插入位置，默认在源列之后
+     */
+    copyColumn(sourceIndex: number, insertIndex?: number): {
+        oldColumns: _visactor_vtable.ColumnDefine[];
+        newColumns: _visactor_vtable.ColumnDefine[];
+    };
+    /**
+     * 冻结列
+     * @param count 要冻结的列数
+     * 注意：count >= 2，否则会将关键主列于checkbox拆分
+     */
+    setFreezeCount(count: number): {
+        oldValue: number;
+        newValue: number;
+    };
+    getCellOriginValue(col: number, row: number): any;
+    private updateCell;
+    updateRecordsData(records: [BaseTableRecordData, number][]): void;
+    getCellStyle(col: number, row: number): _visactor_vtable_es_ts_types.CellStyle;
+    load(): void;
+    private unload;
+    destroy(): void;
+}
+export declare const createBaseTableEditor: (config: BaseTableEditorCreatorConfig) => TableEditor;
+
+export type BaseTableComponentAPI = {
+    getEditor: () => TableEditor | null;
+};
+export type VTableProviderProps = {
+    id: string;
+    theme?: ITableThemeDefine;
+    onChange?: BaseTableOnChangeFn;
+    disabled?: boolean;
+    maxHeight?: React.CSSProperties['maxHeight'];
+    initialValues: OriginalRecordStructure[];
+    /**
+     * 此处更新后内部会自动更新所有的columns，并重新渲染
+     */
+    columns: OriginalColumnStructure[];
+    ref?: React.Ref<BaseTableComponentAPI>;
+    cellMenus?: MenuItemsConfig;
+    headerMenus?: MenuItemsConfig;
+    moreMenus?: MenuItemsConfig;
+    commandManager: CommandManager;
+    uploadFileFn: UploadFileFn;
+    innerColumnControl: InnerColumnControl;
+    debug?: boolean;
+};
+export declare const useComponentVTable: () => {
+    maxHeight?: React.CSSProperties['maxHeight'];
+    id: string;
+    editorRef: react.RefObject<TableEditor | null>;
+    theme: ITableThemeDefine;
+    columns: OriginalColumnStructure[];
+    records: OriginalRecordStructure[];
+    containerRef: react.RefObject<HTMLDivElement | null>;
+    disabled: boolean;
+    cellMenus: MenuItemsConfig | undefined;
+    headerMenus: MenuItemsConfig | undefined;
+    moreMenus: MenuItemsConfig | undefined;
+    onChange: BaseTableOnChangeFn | undefined;
+    commandManager: CommandManager;
+    uploadFileFn: UploadFileFn;
+    innerColumnControl: InnerColumnControl;
+    debug: boolean;
+};
+
+type TableViewProps = {};
+export declare const TableView: ({}: TableViewProps) => react__default.JSX.Element;
+export type TableLayoutProps = {};
+export declare const TableLayout: () => react__default.JSX.Element;
+export type TableProps = Omit<ListTableConstructorOptions, 'columns' | 'records'> & VTableProviderProps & TableLayoutProps;
+export declare const Table: (props: TableProps) => react__default.JSX.Element;
+
+export type CellContextMenuProps = {};
+export declare const CellContextMenu: ({}: CellContextMenuProps) => react.JSX.Element | null;
+
+export type HeaderContextMenuProps = {};
+export declare const HeaderContextMenu: ({}: HeaderContextMenuProps) => react.JSX.Element | null;
+
+type MenuItemInputLabelProps = {
+    icon: React.ReactNode;
+    direction: 'left' | 'right' | 'up' | 'down';
+    type: 'row' | 'column';
+    onCellClick?: (info: {
+        cell: CellInfo;
+        tableEditor: TableEditor;
+        e: React.MouseEvent;
+    }, length: number) => void;
+    disabled?: boolean;
+};
+export declare const MenuItemInputLabel: FC<MenuItemInputLabelProps>;
+
+type MoreContextMenuProps = {};
+export declare const MoreContextMenu: FC<MoreContextMenuProps>;
+
+export declare const setMenu: (args_0: MenuConfig | ((prev: MenuConfig | null) => MenuConfig | null) | null) => void;
+export declare const getMenu: () => MenuConfig | null;
+export declare const useMenu: () => MenuConfig | null;
+
+export type JsonEditorData = EditorData<{
+    initialValue?: string;
+}>;
+
+export declare function initEditorTool(type: TableToolType.MULTI_SELECT | TableToolType.SIMPLE_SELECT, value: SelectEditorData): void;
+export declare function initEditorTool(type: TableToolType.NUMBER, value: NumEditorData): void;
+export declare function initEditorTool(type: TableToolType.LINK, value: LinkEditorData): void;
+export declare function initEditorTool(type: TableToolType.DATE, value: DateEditorData): void;
+export declare function initEditorTool(type: TableToolType.TEXT, value: TextEditorData): void;
+export declare function initEditorTool(type: TableToolType.JSON, value: JsonEditorData): void;
+export declare function initEditorTool(type: TableToolType.USER, value: UserShowData): void;
+export declare const clearEditorTool: () => void;
+
+export declare const editorRegistry: () => void;
+
+export declare class DateSelectEditorTool implements IEditor<BaseTableEditorDateValue> {
+    oldValue?: BaseTableEditorDateValue;
+    newValue?: BaseTableEditorDateValue;
+    table?: ListTable;
+    private row?;
+    private col?;
+    onStart(props: EditContext<BaseTableEditorDateValue, ListTable>): void;
+    validateValue(newValue: BaseTableEditorDateValue, oldValue: BaseTableEditorDateValue): ValidateEnum;
+    setValue(): void;
+    getValue(): {
+        value: DateEditorValue;
+        id?: string | undefined;
+        type?: TableToolType | undefined;
+        loading?: boolean | undefined;
+        feedbacks?: FeedbackInfo[] | undefined;
+    };
+    onEnd(): void;
+    isEditorElement(target: HTMLElement): boolean;
+}
+
+export declare const setDateEditorData: (args_0: DateEditorData | ((prev: DateEditorData | undefined) => DateEditorData | undefined) | undefined) => void;
+export declare const getDateEditorData: () => DateEditorData | undefined;
+export declare const useDateEditorData: () => DateEditorData | undefined;
+export declare const setDateEditorValue: (args_0: DateEditorValue | ((prev: DateEditorValue) => DateEditorValue)) => void;
+export declare const getDateEditorValue: () => DateEditorValue;
+export declare const useDateEditorValue: () => DateEditorValue;
+export declare const initDateEditorTool: (value: DateEditorData) => void;
+export declare const clearDateEditorTool: () => void;
+
+export declare class JsonEditorTool implements IEditor<BaseTableEditorJSONValue> {
+    oldValue?: BaseTableEditorJSONValue;
+    newValue?: BaseTableEditorJSONValue;
+    table?: ListTable;
+    private row?;
+    private col?;
+    onStart(props: EditContext<BaseTableEditorJSONValue, ListTable>): void;
+    validateValue(newValue: BaseTableEditorJSONValue, oldValue: BaseTableEditorJSONValue): ValidateEnum;
+    setValue(): void;
+    getValue(): {
+        value: string | undefined;
+        id?: string | undefined;
+        type?: TableToolType | undefined;
+        loading?: boolean | undefined;
+        feedbacks?: FeedbackInfo[] | undefined;
+    };
+    onEnd(): void;
+    /**
+     * 如果提供了此函数，VTable 将会在用户点击其他地方时调用此函数。
+     * 如果此函数返回了一个假值，VTable 将会调用 `onEnd` 并退出编辑状态。
+     * 如果未定义此函数或此函数返回了一个真值， VTable 将不会做任何事。
+     * 这意味着，你需要手动调用 `onStart` 中提供的 `endEdit` 来结束编辑模式。
+     */
+    isEditorElement(target: HTMLElement): boolean;
+}
+
+export declare const setJsonEditorData: (args_0: JsonEditorData | ((prev: JsonEditorData | undefined) => JsonEditorData | undefined) | undefined) => void;
+export declare const getJsonEditorData: () => JsonEditorData | undefined;
+export declare const useJsonEditorData: () => JsonEditorData | undefined;
+export declare const setJsonEditorValue: (args_0: string | ((prev: string | undefined) => string | undefined) | undefined) => void;
+export declare const getJsonEditorValue: () => string | undefined;
+export declare const useJsonEditorValue: () => string | undefined;
+export declare const initJsonEditorTool: (value: JsonEditorData) => void;
+export declare const clearJsonEditorTool: () => void;
+
+export declare class LinkEditorTool implements IEditor<BaseTableEditorLinkValue> {
+    oldValue?: BaseTableEditorLinkValue;
+    newValue?: BaseTableEditorLinkValue;
+    table?: ListTable;
+    private row?;
+    private col?;
+    onStart(props: EditContext<BaseTableEditorLinkValue, ListTable>): void;
+    validateValue(newValue: BaseTableEditorLinkValue, oldValue: BaseTableEditorLinkValue): ValidateEnum;
+    setValue(): void;
+    getValue(): {
+        value: LinkEditorValue | undefined;
+        id?: string | undefined;
+        type?: TableToolType | undefined;
+        loading?: boolean | undefined;
+        feedbacks?: FeedbackInfo[] | undefined;
+    };
+    onEnd(): void;
+    /**
+     * 如果提供了此函数，VTable 将会在用户点击其他地方时调用此函数。
+     * 如果此函数返回了一个假值，VTable 将会调用 `onEnd` 并退出编辑状态。
+     * 如果未定义此函数或此函数返回了一个真值， VTable 将不会做任何事。
+     * 这意味着，你需要手动调用 `onStart` 中提供的 `endEdit` 来结束编辑模式。
+     */
+    isEditorElement(target: HTMLElement): boolean;
+}
+
+export declare const setLinkEditorData: (args_0: LinkEditorData | ((prev: LinkEditorData | undefined) => LinkEditorData | undefined) | undefined) => void;
+export declare const getLinkEditorData: () => LinkEditorData | undefined;
+export declare const useLinkEditorData: () => LinkEditorData | undefined;
+export declare const setLinkEditorValue: (args_0: LinkEditorValue | ((prev: LinkEditorValue | undefined) => LinkEditorValue | undefined) | undefined) => void;
+export declare const getLinkEditorValue: () => LinkEditorValue | undefined;
+export declare const useLinkEditorValue: () => LinkEditorValue | undefined;
+export declare const initLinkEditorTool: (value: LinkEditorData) => void;
+export declare const clearLinkEditorTool: () => void;
+
+export declare class NumEditorTool implements IEditor<BaseTableEditorNumberValue> {
+    oldValue?: BaseTableEditorNumberValue;
+    newValue?: BaseTableEditorNumberValue;
+    private row?;
+    private col?;
+    onStart(props: EditContext<BaseTableEditorNumberValue, ListTable>): void;
+    validateValue(newValue: BaseTableEditorNumberValue, oldValue: BaseTableEditorNumberValue): ValidateEnum;
+    setValue(): void;
+    getValue(): {
+        value: number | undefined;
+        id?: string | undefined;
+        type?: TableToolType | undefined;
+        loading?: boolean | undefined;
+        feedbacks?: FeedbackInfo[] | undefined;
+    };
+    onEnd(): void;
+    isEditorElement(target: HTMLElement): boolean;
+}
+
+export declare const setNumEditorValue: (args_0: number | ((prev: number | undefined) => number | undefined) | undefined) => void;
+export declare const getNumEditorValue: () => number | undefined;
+export declare const useNumEditorValue: () => number | undefined;
+export declare const setNumEditorData: (args_0: NumEditorData | ((prev: NumEditorData | undefined) => NumEditorData | undefined) | undefined) => void;
+export declare const getNumEditorData: () => NumEditorData | undefined;
+export declare const useNumEditorData: () => NumEditorData | undefined;
+export declare const initNumEditorTool: (data: NumEditorData) => void;
+export declare const clearNumEditorTool: () => void;
+
+export declare class MultiSelectEditorTool implements IEditor<BaseTableEditorSelectValue> {
+    oldValue?: BaseTableEditorSelectValue;
+    newValue?: BaseTableEditorSelectValue;
+    table?: ListTable;
+    col?: number;
+    row?: number;
+    onStart(props: EditContext<BaseTableEditorSelectValue, ListTable>): void;
+    validateValue(newValue: BaseTableEditorSelectValue, oldValue: BaseTableEditorSelectValue): ValidateEnum;
+    setValue(): void;
+    getValue(): {
+        value: SelectEditorValue;
+        id?: string | undefined;
+        type?: TableToolType | undefined;
+        loading?: boolean | undefined;
+        feedbacks?: FeedbackInfo[] | undefined;
+    };
+    onEnd(): void;
+    /**
+     * 如果提供了此函数，VTable 将会在用户点击其他地方时调用此函数。
+     * 如果此函数返回了一个假值，VTable 将会调用 `onEnd` 并退出编辑状态。
+     * 如果未定义此函数或此函数返回了一个真值， VTable 将不会做任何事。
+     * 这意味着，你需要手动调用 `onStart` 中提供的 `endEdit` 来结束编辑模式。
+     */
+    isEditorElement(target: HTMLElement): boolean;
+}
+
+export declare const setSelectEditorData: (args_0: SelectEditorData | ((prev: SelectEditorData | null) => SelectEditorData | null) | null) => void;
+export declare const getSelectEditorData: () => SelectEditorData | null;
+export declare const useSelectEditorData: () => SelectEditorData | null;
+export declare const setSelectEditorValue: (args_0: SelectEditorValue | ((prev: SelectEditorValue) => SelectEditorValue)) => void;
+export declare const getSelectEditorValue: () => SelectEditorValue;
+export declare const useSelectEditorValue: () => SelectEditorValue;
+export declare const initSelectEditorTool: (value: SelectEditorData) => void;
+export declare const clearSelectEditorTool: () => void;
+
+export declare class SingleSelectEditorTool implements IEditor<BaseTableEditorSelectValue> {
+    oldValue?: BaseTableEditorSelectValue;
+    newValue?: BaseTableEditorSelectValue;
+    table?: ListTable;
+    col?: number;
+    row?: number;
+    onStart(props: EditContext<BaseTableEditorSelectValue, ListTable>): void;
+    validateValue(newValue: BaseTableEditorSelectValue, oldValue: BaseTableEditorSelectValue): ValidateEnum;
+    setValue(): void;
+    getValue(): {
+        value: SelectEditorValue;
+        id?: string | undefined;
+        type?: TableToolType | undefined;
+        loading?: boolean | undefined;
+        feedbacks?: FeedbackInfo[] | undefined;
+    };
+    onEnd(): void;
+    /**
+     * 如果提供了此函数，VTable 将会在用户点击其他地方时调用此函数。
+     * 如果此函数返回了一个假值，VTable 将会调用 `onEnd` 并退出编辑状态。
+     * 如果未定义此函数或此函数返回了一个真值， VTable 将不会做任何事。
+     * 这意味着，你需要手动调用 `onStart` 中提供的 `endEdit` 来结束编辑模式。
+     */
+    isEditorElement(target: HTMLElement): boolean;
+}
+
+export declare class TableEditorEvent extends DestroyClass {
+    private editor;
+    private instance;
+    private container;
+    constructor(editor: TableEditor, instance: ListTable, container: HTMLElement);
+    private initEvent;
+    destroy(): void;
+}
+
+export declare const getActiveEditorTable: () => TableEditor | undefined;
+export declare const setActiveEditorTable: () => never;
+export declare const useActiveEditorTable: () => TableEditor | undefined;
+export declare const setActiveTableId: (args_0: string | ((prev: string | undefined) => string | undefined) | undefined) => void;
+export declare const getActiveTableId: () => string | undefined;
+export declare const useActiveTableId: () => string | undefined;
+export declare const activeTableIdAtom: jotai.WritableAtom<string | undefined, [string | ((prev: string | undefined) => string | undefined) | undefined], void>;
+export declare const setEditorTableStore: (args_0: Map<string, TableEditor> | ((prev: Map<string, TableEditor>) => Map<string, TableEditor>)) => void;
+export declare const getEditorTableStore: () => Map<string, TableEditor>;
+export declare const useEditorTableStore: () => Map<string, TableEditor>;
+export declare const editorTableStoreAtom: jotai.WritableAtom<Map<string, TableEditor>, [Map<string, TableEditor> | ((prev: Map<string, TableEditor>) => Map<string, TableEditor>)], void>;
+
+export declare const isColumnEditable: (table: ListTable, col: number) => boolean;
+export declare const createDefaultColumnConfig: () => ColumnDefine;
+
+export declare class TextEditorTool implements IEditor<BaseTableEditorTextValue> {
+    oldValue?: BaseTableEditorTextValue;
+    newValue?: BaseTableEditorTextValue;
+    private row?;
+    private col?;
+    onStart(props: EditContext<BaseTableEditorTextValue, ListTable>): void;
+    validateValue(newValue: BaseTableEditorTextValue, oldValue: BaseTableEditorTextValue): ValidateEnum;
+    setValue(): void;
+    getValue(): {
+        value: string | undefined;
+        id?: string | undefined;
+        type?: TableToolType | undefined;
+        loading?: boolean | undefined;
+        feedbacks?: FeedbackInfo[] | undefined;
+    };
+    onEnd(): void;
+    isEditorElement(target: HTMLElement): boolean;
+}
+
+export declare const setTextEditorValue: (args_0: string | ((prev: string | undefined) => string | undefined) | undefined) => void;
+export declare const getTextEditorValue: () => string | undefined;
+export declare const useTextEditorValue: () => string | undefined;
+export declare const setTextEditorData: (args_0: TextEditorData | ((prev: TextEditorData | undefined) => TextEditorData | undefined) | undefined) => void;
+export declare const getTextEditorData: () => TextEditorData | undefined;
+export declare const useTextEditorData: () => TextEditorData | undefined;
+export declare const initTextEditorTool: (data: TextEditorData) => void;
+export declare const clearTextEditorTool: () => void;
+
+export declare const setUserShowId: (args_0: string | ((prev: string | null) => string | null) | null) => void;
+export declare const getUserShowId: () => string | null;
+export declare const useUserShowId: () => string | null;
+export declare const setUserShowData: (args_0: UserShowData | ((prev: UserShowData | null) => UserShowData | null) | null) => void;
+export declare const getUserShowData: () => UserShowData | null;
+export declare const useUserShowData: () => UserShowData | null;
+export declare const initUserShowTool: (data: UserShowData) => void;
+export declare const clearUserShowTool: () => void;
+
+export declare const theme: ITableThemeDefine;
+
+export type CustomTheme = {
+    custom: {
+        icon: {
+            color: string;
+        };
+    };
+};
+
+export declare function getIconSizeFromFont(fontSize: number): number;
+export declare function getFunctionalProp(name: keyof ThemeStyle, cellStyle: ThemeStyle, col: number, row: number, _table: BaseTableAPI): string | number | boolean | (number | null)[] | (string | null)[] | (number[] | null)[] | _visactor_vtable_es_ts_types.MarkCellStyle | CanvasGradient | CanvasPattern | undefined;
+export declare function getProp(name: keyof ThemeStyle, cellStyle: ThemeStyle, col: number, row: number, _table: BaseTableAPI): string | number | boolean | (number | null)[] | (string | null)[] | (number[] | null)[] | _visactor_vtable_es_ts_types.MarkCellStyle | CanvasGradient | CanvasPattern | {
+    inlineRowBgColor?: _visactor_vtable_es_ts_types.ColorPropertyDefine | undefined;
+    inlineColumnBgColor?: _visactor_vtable_es_ts_types.ColorPropertyDefine | undefined;
+    cellBgColor?: _visactor_vtable_es_ts_types.ColorPropertyDefine | undefined;
+} | _visactor_vtable_es_ts_types.FrameStyle;
+
+export type LinkEditorProps = {};
+export declare const LinkEditor: FCC<LinkEditorProps>;
+
+export type DateSelectProps = {};
+export declare const DateSelect: FCC<DateSelectProps>;
+
+export declare const dateProcess: (data: DateEditorData, dateFormat: string) => dayjs.Dayjs;
+
+export type TableJsonEditorProps = {};
+export declare const TableJsonEditor: FC<TableJsonEditorProps>;
+
+export declare const NumEditor: () => react.JSX.Element | null;
+
+export type SelectEditorProps = {
+    width?: number;
+    listHeight?: number;
+    itemHeight?: number;
+    multiple?: boolean;
+    emptyText?: string;
+};
+export declare const SelectEditor: FCC<SelectEditorProps>;
+
+export type MultiSelectInterface = {};
+export type SelectOptionID = string;
+export declare const TableSelectEditor: () => react.JSX.Element | null;
+
+export declare const updateSelectEditorCell: (col: number, row: number, value: SelectEditorValue, oldValue: SelectEditorValue) => void;
+
+export declare const TextEditor: () => react.JSX.Element | null;
+
+export declare const UserShow: () => react__default.JSX.Element | null;
+
+export declare const highlightMerge: (obj1: AdaptedFeedbackHighlight, obj2: AdaptedFeedbackHighlight) => AdaptedFeedbackHighlight;
+export declare const getColFromColIndex: (colIndex: number, innerColumnControl: InnerColumnControl) => number;
+export declare const adaptedCellPosition: (col: number, row: number, innerColumnControl: InnerColumnControl) => {
+    col: number;
+    row: number;
+};
+export declare const getRowFromRowIndex: (rowIndex: number) => number;
+
+/**
+ * 根据原始结构适配为目标列结构
+ * @param originalColumns 原始列结构数组
+ * @returns 适配后的列结构数组
+ */
+export declare const adaptColumnStructure: (originalColumns: OriginalColumnStructure[], innerColumnControl: InnerColumnControl) => AdaptedColumn;
+
+export declare const multiSelectColumnCreator: (data: OriginalColumnStructure, innerColumnControl: InnerColumnControl) => BaseTableColumnSelect;
+export declare const numberColumnCreator: (data: OriginalColumnStructure, innerColumnControl: InnerColumnControl) => BaseTableColumnNumber;
+export declare const attachmentColumnCreator: (data: OriginalColumnStructure, innerColumnControl: InnerColumnControl) => BaseTableColumnCustom;
+export declare const linkColumnCreator: (data: OriginalColumnStructure, innerColumnControl: InnerColumnControl) => BaseTableColumnCustom;
+export declare const dateColumnCreator: (data: OriginalColumnStructure, innerColumnControl: InnerColumnControl) => BaseTableColumnDate;
+export declare const timeLenColumnCreator: (data: OriginalColumnStructure, innerColumnControl: InnerColumnControl) => BaseTableColumnCustom;
+export declare const userColumnCreator: (data: OriginalColumnStructure, innerColumnControl: InnerColumnControl) => BaseTableColumnUser;
+export declare const tagColumnCreator: (data: OriginalColumnStructure, innerColumnControl: InnerColumnControl) => BaseTableColumnCustom;
+export declare const jsonColumnCreator: (data: OriginalColumnStructure, innerColumnControl: InnerColumnControl) => BaseTableColumnCustom;
+export declare const dropdownColumnCreator: (data: OriginalColumnStructure, innerColumnControl: InnerColumnControl) => BaseTableColumnCustom;
+export declare const checkboxColumnCreator: (data: OriginalColumnStructure, innerColumnControl: InnerColumnControl) => BaseTableColumnCustom;
+export declare const plusColumnCreator: (data: OriginalColumnStructure, innerColumnControl: InnerColumnControl) => BaseTableColumnCustom;
+export declare const moreColumnCreator: (data: OriginalColumnStructure, innerColumnControl: InnerColumnControl) => BaseTableColumnCustom;
+export type ColumnCreatorProps = OriginalColumnStructure & {
+    type: TableToolType | TableColumnInnerType;
+};
+export declare const createColumns: (data: ColumnCreatorProps, innerColumnControl: InnerColumnControl) => BaseTableColumnCustom[];
+
+/**
+ * 根据tool类型获取对应的编辑器类型
+ * @param toolType 工具类型
+ * @returns 对应的编辑器类型
+ */
+export declare const getEditorByToolType: (toolType: TableToolType) => VTableEditorType | undefined;
+
+export declare const adaptRecordStructure: (record: BaseInteractiveRecordStructure) => BaseTableRecordData;
+export declare const revertRecordStructure: (tableRecord: BaseTableRecordData) => OriginalRecordStructure;
+export declare const adaptRecordsStructure: (records: OriginalRecordStructure[], adapterColumns: BaseTableColumnDefine[], innerColumnControl: InnerColumnControl) => AdaptedRecord;
+
+export type CommandFn = (props?: any) => {
+    restore: () => void;
+};
+
+export declare class EditTableCellDataCommand extends Command {
+    private editor;
+    private col;
+    private row;
+    private value;
+    private oldValue;
+    id: symbol;
+    label: string;
+    get readonly(): boolean;
+    constructor(editor: TableEditor, col: number, row: number, value: BaseTableEditorValue, oldValue: BaseTableEditorValue);
+    execute(_props: any): void;
+    undo(_props: any): void;
+}
+export declare class EditTableCellDataFunctionalCommand extends Command {
+    private table;
+    private fn;
+    id: symbol;
+    label: string;
+    private _restore?;
+    get readonly(): boolean;
+    constructor(table: TableEditor, fn: CommandFn);
+    execute(_props: any): void;
+    undo(_props: any): void;
+}
+
+export declare const createGraphicsWithLoading: (graphics: IGroup | {
+    props: {
+        attribute: {
+            width: number;
+            height: number;
+        };
+    };
+}, loading: boolean) => IGroup | {
+    props: {
+        attribute: {
+            width: number;
+            height: number;
+        };
+    };
+};
+
+export type IconGraphicsProps = {
+    x?: number;
+    y?: number;
+    size?: number;
+    color?: string;
+    cursor?: Cursor;
+    disabled?: boolean;
+    hoverBg?: boolean;
+    onClick?: () => void;
+};
+export declare const createIconGraphics: (name: RegistryKey, props?: IconGraphicsProps) => _visactor_vtable_es_vrender.IGroup;
+
+export type HeaderGraphicsProps = CustomRenderFunctionArg<BaseTableAPI$1>;
+export declare const createHeaderGraphics: (type: TableToolType, props: HeaderGraphicsProps) => _visactor_vtable_es_vrender.IGroup;
+
+export type PlusHeaderGraphicsProps = CustomRenderFunctionArg<BaseTableAPI$1>;
+export declare const createPlusHeaderGraphics: (props: PlusHeaderGraphicsProps) => _visactor_vtable_es_vrender.IGroup;
+
+export type DateGraphicProps = CustomRenderFunctionArg<BaseTableAPI> & {
+    value: BasicBaseTableEditorValue<DateEditorValue>;
+};
+export declare const createDateGraphics: (props: DateGraphicProps) => _visactor_vtable_es_vrender.IGroup | {
+    props: {
+        attribute: {
+            width: number;
+            height: number;
+        };
+    };
+};
+
+export type JsonGraphicProps = CustomRenderFunctionArg<BaseTableAPI$1>;
+export declare const createJsonGraphics: (props: JsonGraphicProps) => _visactor_vtable_es_vrender.IGroup;
+
+export type LinkGraphicProps = CustomRenderFunctionArg<BaseTableAPI$1> & {
+    value: BasicBaseTableEditorValue<LinkEditorValue>;
+};
+export declare const createLinkGraphics: (props: LinkGraphicProps) => IGroup | {
+    props: {
+        attribute: {
+            width: number;
+            height: number;
+        };
+    };
+};
+
+export type MainColumnCellGraphicProps = CustomRenderFunctionArg<BaseTableAPI>;
+export declare const createMainColumnCellGraphics: (props: MainColumnCellGraphicProps) => _visactor_vtable_es_vrender.IGroup | {
+    props: {
+        attribute: {
+            width: number;
+            height: number;
+        };
+    };
+};
+
+export type MoreGraphicProps = CustomRenderFunctionArg<BaseTableAPI$1> & {
+    onClick?: (info: {
+        row: number;
+        col: number;
+        record: any;
+        x: number;
+        y: number;
+    }) => void;
+    onCancel?: () => void;
+    record?: any;
+};
+export declare const createMoreGraphics: (props: MoreGraphicProps) => _visactor_vtable_es_vrender.IGroup | {
+    props: {
+        attribute: {
+            width: number;
+            height: number;
+        };
+    };
+};
+
+type MultiSelectGraphicProps = CustomRenderFunctionArg<BaseTableAPI> & {
+    height: number;
+    width: number;
+    value: SelectEditorOption[] | undefined;
+};
+export declare const createMultiSelectGraphic: (props: MultiSelectGraphicProps) => _visactor_vtable_es_vrender.IGroup | {
+    props: {
+        attribute: {
+            width: number;
+            height: number;
+        };
+    };
+};
+
+export type NumberGraphicProps = CustomRenderFunctionArg<BaseTableAPI$1> & {
+    value: BasicBaseTableEditorValue<number>;
+    textAlign?: 'left' | 'center' | 'right';
+};
+export declare const createNumberGraphics: (props: NumberGraphicProps) => _visactor_vtable_es_vrender.IGroup | {
+    props: {
+        attribute: {
+            width: number;
+            height: number;
+        };
+    };
+};
+
+export type PeopleGraphicProps = CustomRenderFunctionArg<BaseTableAPI$1> & {
+    value: BasicBaseTableEditorValue<PersonInfo[]>;
+};
+export declare const createPeopleGraphics: (props: PeopleGraphicProps) => _visactor_vtable_es_vrender.IGroup | {
+    props: {
+        attribute: {
+            width: number;
+            height: number;
+        };
+    };
+};
+
+export type SingleSelectGraphicProps = CustomRenderFunctionArg<BaseTableAPI> & {
+    value: SelectEditorOption$1[] | undefined;
+};
+export declare const createSingleSelectGraphic: (props: SingleSelectGraphicProps) => _visactor_vtable_es_vrender.IGroup | {
+    props: {
+        attribute: {
+            width: number;
+            height: number;
+        };
+    };
+} | null;
+
+export declare const createTagGraphic: (props: CustomRenderFunctionArg<BaseTableAPI>) => _visactor_vtable_es_vrender.IGroup | {
+    props: {
+        attribute: {
+            width: number;
+            height: number;
+        };
+    };
+};
+
+export type TextGraphicProps = CustomRenderFunctionArg<BaseTableAPI$1> & {
+    color?: string;
+};
+export declare const createTextGraphics: (props: TextGraphicProps) => IGroup;
+
+export type TimeLenGraphicsValue = number;
+export type TimeLenGraphicProps = CustomRenderFunctionArg<BaseTableAPI> & {
+    value: BasicBaseTableEditorValue<number>;
+};
+export declare const createTimeLenGraphics: (props: TimeLenGraphicProps) => _visactor_vtable_es_vrender.IGroup | {
+    props: {
+        attribute: {
+            width: number;
+            height: number;
+        };
+    };
+};
+
+export type UploadDocumentProps = {
+    args: any;
+    height: number;
+    width: number;
+    value: BasicBaseTableEditorValue<AttachmentEditorValue>;
+};
+export declare const createUploadDocumentGraphics: (props: CustomRenderFunctionArg<BaseTableAPI$1>) => _visactor_vtable_es_vrender.IGroup | {
+    props: {
+        attribute: {
+            width: number;
+            height: number;
+        };
+    };
+};
+
+/**
+ * 获取文本宽度
+ * @param text 要测量的文本内容
+ * @param fontSize 字体大小
+ * @returns 文本的实际宽度
+ */
+export declare const getTextWidth: (text: string, fontSize: number) => number;
+
+