amis 2.0.0-rc.9 → 2.0.2

package/esm/renderers/Table/exportExcel.js

@@ -0,0 +1,301 @@
+/**
+ * amis v2.0.2
+ * Copyright 2018-2022 baidu
+ */
+
+import { __awaiter, __generator } from 'tslib';
+import { removeHTMLTag, filter, getImageDimensions, toDataURL, getVariable, createObject, isPureVariable, resolveVariableAndFilter, TableStore } from 'amis-core';
+import './ColumnToggler.js';
+import { saveAs } from 'file-saver';
+import { getSnapshot } from 'mobx-state-tree';
+import moment from 'moment';
+
+/**
+ * 导出 Excel 功能
+ */
+/**
+ * 将 url 转成绝对地址
+ */
+var getAbsoluteUrl = (function () {
+    var link;
+    return function (url) {
+        if (!link)
+            link = document.createElement('a');
+        link.href = url;
+        return link.href;
+    };
+})();
+function exportExcel(ExcelJS, props, toolbar) {
+    var _a, _b;
+    return __awaiter(this, void 0, void 0, function () {
+        var store, env, __, data, columns, rows, tmpStore, filename, res, workbook, worksheet, exportColumnNames, _i, columns_1, column, filteredColumns, firstRowLabels, firstRow, remoteMappingCache, rowIndex, _c, rows_1, row, rowData, sheetRow, columIndex, _d, filteredColumns_1, column, name_1, value, type, imageData, imageDimensions, imageWidth, imageHeight, imageMaxSize, imageMatch, imageExt, imageId, linkURL, e_1, href, linkURL, body, text, absoluteURL, map, source, sourceValue, mapKey, res, viewValue, viewValue, _e, fromNow, _f, format, _g, valueFormat, ISODate, NormalDate, buffer, blob;
+        return __generator(this, function (_h) {
+            switch (_h.label) {
+                case 0:
+                    store = props.store, env = props.env, props.classnames, __ = props.translate, data = props.data;
+                    columns = store.exportColumns || [];
+                    rows = [];
+                    filename = 'data';
+                    if (!(typeof toolbar === 'object' && toolbar.api)) return [3 /*break*/, 2];
+                    return [4 /*yield*/, env.fetcher(toolbar.api, data)];
+                case 1:
+                    res = _h.sent();
+                    if (!res.data) {
+                        env.notify('warning', __('placeholder.noData'));
+                        return [2 /*return*/];
+                    }
+                    if (Array.isArray(res.data)) {
+                        rows = res.data;
+                    }
+                    else {
+                        rows = res.data.rows || res.data.items;
+                    }
+                    // 因为很多方法是 store 里的，所以需要构建 store 来处理
+                    tmpStore = TableStore.create(getSnapshot(store));
+                    tmpStore.initRows(rows);
+                    rows = tmpStore.rows;
+                    return [3 /*break*/, 3];
+                case 2:
+                    rows = store.rows;
+                    _h.label = 3;
+                case 3:
+                    if (typeof toolbar === 'object' && toolbar.filename) {
+                        filename = filter(toolbar.filename, data, '| raw');
+                    }
+                    if (rows.length === 0) {
+                        env.notify('warning', __('placeholder.noData'));
+                        return [2 /*return*/];
+                    }
+                    workbook = new ExcelJS.Workbook();
+                    worksheet = workbook.addWorksheet('sheet', {
+                        properties: { defaultColWidth: 15 }
+                    });
+                    worksheet.views = [{ state: 'frozen', xSplit: 0, ySplit: 1 }];
+                    exportColumnNames = toolbar.columns;
+                    if (isPureVariable(exportColumnNames)) {
+                        exportColumnNames = resolveVariableAndFilter(exportColumnNames, data, '| raw');
+                    }
+                    // 自定义导出列配置
+                    if (toolbar.exportColumns && Array.isArray(toolbar.exportColumns)) {
+                        columns = toolbar.exportColumns;
+                        // 因为后面列 props 都是从 pristine 里获取，所以这里归一一下
+                        for (_i = 0, columns_1 = columns; _i < columns_1.length; _i++) {
+                            column = columns_1[_i];
+                            column.pristine = column;
+                        }
+                    }
+                    filteredColumns = exportColumnNames
+                        ? columns.filter(function (column) {
+                            var filterColumnsNames = exportColumnNames;
+                            if (column.name && filterColumnsNames.indexOf(column.name) !== -1) {
+                                return true;
+                            }
+                            return false;
+                        })
+                        : columns;
+                    firstRowLabels = filteredColumns.map(function (column) {
+                        return column.label;
+                    });
+                    firstRow = worksheet.getRow(1);
+                    firstRow.values = firstRowLabels;
+                    worksheet.autoFilter = {
+                        from: {
+                            row: 1,
+                            column: 1
+                        },
+                        to: {
+                            row: 1,
+                            column: firstRowLabels.length
+                        }
+                    };
+                    remoteMappingCache = {};
+                    rowIndex = 1;
+                    _c = 0, rows_1 = rows;
+                    _h.label = 4;
+                case 4:
+                    if (!(_c < rows_1.length)) return [3 /*break*/, 19];
+                    row = rows_1[_c];
+                    rowData = createObject(data, row.data);
+                    rowIndex += 1;
+                    sheetRow = worksheet.getRow(rowIndex);
+                    columIndex = 0;
+                    _d = 0, filteredColumns_1 = filteredColumns;
+                    _h.label = 5;
+                case 5:
+                    if (!(_d < filteredColumns_1.length)) return [3 /*break*/, 18];
+                    column = filteredColumns_1[_d];
+                    columIndex += 1;
+                    name_1 = column.name;
+                    value = getVariable(rowData, name_1);
+                    if (typeof value === 'undefined' && !column.pristine.tpl) {
+                        return [3 /*break*/, 17];
+                    }
+                    // 处理合并单元格
+                    if (name_1 in row.rowSpans) {
+                        if (row.rowSpans[name_1] === 0) {
+                            return [3 /*break*/, 17];
+                        }
+                        else {
+                            // start row, start column, end row, end column
+                            worksheet.mergeCells(rowIndex, columIndex, rowIndex + row.rowSpans[name_1] - 1, columIndex);
+                        }
+                    }
+                    type = column.type || 'plain';
+                    if (!((type === 'image' || type === 'static-image') && value)) return [3 /*break*/, 11];
+                    _h.label = 6;
+                case 6:
+                    _h.trys.push([6, 9, , 10]);
+                    return [4 /*yield*/, toDataURL(value)];
+                case 7:
+                    imageData = _h.sent();
+                    return [4 /*yield*/, getImageDimensions(imageData)];
+                case 8:
+                    imageDimensions = _h.sent();
+                    imageWidth = imageDimensions.width;
+                    imageHeight = imageDimensions.height;
+                    imageMaxSize = 100;
+                    if (imageWidth > imageHeight) {
+                        if (imageWidth > imageMaxSize) {
+                            imageHeight = (imageMaxSize * imageHeight) / imageWidth;
+                            imageWidth = imageMaxSize;
+                        }
+                    }
+                    else {
+                        if (imageHeight > imageMaxSize) {
+                            imageWidth = (imageMaxSize * imageWidth) / imageHeight;
+                            imageHeight = imageMaxSize;
+                        }
+                    }
+                    imageMatch = imageData.match(/data:image\/(.*);/);
+                    imageExt = 'png';
+                    if (imageMatch) {
+                        imageExt = imageMatch[1];
+                    }
+                    // 目前 excel 只支持这些格式，所以其它格式直接输出 url
+                    if (imageExt != 'png' && imageExt != 'jpeg' && imageExt != 'gif') {
+                        sheetRow.getCell(columIndex).value = value;
+                        return [3 /*break*/, 17];
+                    }
+                    imageId = workbook.addImage({
+                        base64: imageData,
+                        extension: imageExt
+                    });
+                    linkURL = getAbsoluteUrl(value);
+                    worksheet.addImage(imageId, {
+                        // 这里坐标位置是从 0 开始的，所以要减一
+                        tl: { col: columIndex - 1, row: rowIndex - 1 },
+                        ext: {
+                            width: imageWidth,
+                            height: imageHeight
+                        },
+                        hyperlinks: {
+                            tooltip: linkURL
+                        }
+                    });
+                    return [3 /*break*/, 10];
+                case 9:
+                    e_1 = _h.sent();
+                    console.warn(e_1.stack);
+                    return [3 /*break*/, 10];
+                case 10: return [3 /*break*/, 17];
+                case 11:
+                    if (!(type == 'link' || type === 'static-link')) return [3 /*break*/, 12];
+                    href = column.pristine.href;
+                    linkURL = (typeof href === 'string' && href
+                        ? filter(href, rowData, '| raw')
+                        : undefined) || value;
+                    body = column.pristine.body;
+                    text = typeof body === 'string' && body
+                        ? filter(body, rowData, '| raw')
+                        : undefined;
+                    absoluteURL = getAbsoluteUrl(linkURL);
+                    sheetRow.getCell(columIndex).value = {
+                        text: text || absoluteURL,
+                        hyperlink: absoluteURL
+                    };
+                    return [3 /*break*/, 17];
+                case 12:
+                    if (!(type === 'mapping' || type === 'static-mapping')) return [3 /*break*/, 16];
+                    map = column.pristine.map;
+                    source = column.pristine.source;
+                    if (!source) return [3 /*break*/, 15];
+                    sourceValue = source;
+                    if (isPureVariable(source)) {
+                        sourceValue = resolveVariableAndFilter(source, rowData, '| raw');
+                    }
+                    mapKey = JSON.stringify(source);
+                    if (!(mapKey in remoteMappingCache)) return [3 /*break*/, 13];
+                    map = remoteMappingCache[mapKey];
+                    return [3 /*break*/, 15];
+                case 13: return [4 /*yield*/, env.fetcher(sourceValue, rowData)];
+                case 14:
+                    res = _h.sent();
+                    if (res.data) {
+                        remoteMappingCache[mapKey] = res.data;
+                        map = res.data;
+                    }
+                    _h.label = 15;
+                case 15:
+                    if (typeof value !== 'undefined' && map && ((_a = map[value]) !== null && _a !== void 0 ? _a : map['*'])) {
+                        viewValue = (_b = map[value]) !== null && _b !== void 0 ? _b : (value === true && map['1']
+                            ? map['1']
+                            : value === false && map['0']
+                                ? map['0']
+                                : map['*']);
+                        sheetRow.getCell(columIndex).value = removeHTMLTag(viewValue);
+                    }
+                    else {
+                        sheetRow.getCell(columIndex).value = removeHTMLTag(value);
+                    }
+                    return [3 /*break*/, 17];
+                case 16:
+                    if (type === 'date' || type === 'static-date') {
+                        viewValue = void 0;
+                        _e = column.pristine, fromNow = _e.fromNow, _f = _e.format, format = _f === void 0 ? 'YYYY-MM-DD' : _f, _g = _e.valueFormat, valueFormat = _g === void 0 ? 'X' : _g;
+                        if (value) {
+                            ISODate = moment(value, moment.ISO_8601);
+                            NormalDate = moment(value, valueFormat);
+                            viewValue = ISODate.isValid()
+                                ? ISODate.format(format)
+                                : NormalDate.isValid()
+                                    ? NormalDate.format(format)
+                                    : false;
+                        }
+                        if (fromNow) {
+                            viewValue = moment(value).fromNow();
+                        }
+                        if (viewValue) {
+                            sheetRow.getCell(columIndex).value = viewValue;
+                        }
+                    }
+                    else {
+                        if (column.pristine.tpl) {
+                            sheetRow.getCell(columIndex).value = removeHTMLTag(filter(column.pristine.tpl, rowData));
+                        }
+                        else {
+                            sheetRow.getCell(columIndex).value = value;
+                        }
+                    }
+                    _h.label = 17;
+                case 17:
+                    _d++;
+                    return [3 /*break*/, 5];
+                case 18:
+                    _c++;
+                    return [3 /*break*/, 4];
+                case 19: return [4 /*yield*/, workbook.xlsx.writeBuffer()];
+                case 20:
+                    buffer = _h.sent();
+                    if (buffer) {
+                        blob = new Blob([buffer], {
+                            type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+                        });
+                        saveAs(blob, filename + '.xlsx');
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    });
+}
+
+export { exportExcel };

package/esm/renderers/Table/index.d.ts

@@ -0,0 +1,373 @@
+import React from 'react';
+import { IScopedContext } from 'amis-core';
+import { RendererProps } from 'amis-core';
+import { SchemaNode, ActionObject } from 'amis-core';
+import { BadgeObject } from 'amis-ui';
+import { ITableStore } from 'amis-core';
+import Sortable from 'sortablejs';
+import { TableCell } from './TableCell';
+import { BaseSchema, SchemaApi, SchemaClassName, SchemaObject, SchemaTokenizeableString, SchemaTpl } from '../../Schema';
+import { SchemaPopOver } from '../PopOver';
+import { SchemaQuickEdit } from '../QuickEdit';
+import { SchemaCopyable } from '../Copyable';
+import { SchemaRemark } from '../Remark';
+import type { IColumn, IRow } from 'amis-core/lib/store/table';
+/**
+ * 表格列，不指定类型时默认为文本类型。
+ */
+export declare type TableColumnObject = {
+    /**
+     * 列标题
+     */
+    label: string;
+    /**
+     * 配置是否固定当前列
+     */
+    fixed?: 'left' | 'right' | 'none';
+    /**
+     * 绑定字段名
+     */
+    name?: string;
+    /**
+     * 配置查看详情功能
+     */
+    popOver?: SchemaPopOver;
+    /**
+     * 配置快速编辑功能
+     */
+    quickEdit?: SchemaQuickEdit;
+    /**
+     * 作为表单项时，可以单独配置编辑时的快速编辑面板。
+     */
+    quickEditOnUpdate?: SchemaQuickEdit;
+    /**
+     * 配置点击复制功能
+     */
+    copyable?: SchemaCopyable;
+    /**
+     * 配置是否可以排序
+     */
+    sortable?: boolean;
+    /**
+     * 是否可快速搜索
+     */
+    searchable?: boolean | SchemaObject;
+    /**
+     * 配置是否默认展示
+     */
+    toggled?: boolean;
+    /**
+     * 列宽度
+     */
+    width?: number | string;
+    /**
+     * 列对齐方式
+     */
+    align?: 'left' | 'right' | 'center' | 'justify';
+    /**
+     * 列样式表
+     */
+    className?: string;
+    /**
+     * 单元格样式表达式
+     */
+    classNameExpr?: string;
+    /**
+     * 列头样式表
+     */
+    labelClassName?: string;
+    /**
+     * todo
+     */
+    filterable?: boolean | {
+        source?: string;
+        options?: Array<any>;
+    };
+    /**
+     * 结合表格的 footable 一起使用。
+     * 填写 *、xs、sm、md、lg指定 footable 的触发条件，可以填写多个用空格隔开
+     */
+    breakpoint?: '*' | 'xs' | 'sm' | 'md' | 'lg';
+    /**
+     * 提示信息
+     */
+    remark?: SchemaRemark;
+    /**
+     * 默认值, 只有在 inputTable 里面才有用
+     */
+    value?: any;
+    /**
+     * 是否唯一, 只有在 inputTable 里面才有用
+     */
+    unique?: boolean;
+};
+export declare type TableColumnWithType = SchemaObject & TableColumnObject;
+export declare type TableColumn = TableColumnWithType | TableColumnObject;
+/**
+ * Table 表格渲染器。
+ * 文档：https://baidu.gitee.io/amis/docs/components/table
+ */
+export interface TableSchema extends BaseSchema {
+    /**
+     * 指定为表格渲染器。
+     */
+    type: 'table' | 'static-table';
+    /**
+     * 是否固定表头
+     */
+    affixHeader?: boolean;
+    /**
+     * 表格的列信息
+     */
+    columns?: Array<TableColumn>;
+    /**
+     * 展示列显示开关，自动即：列数量大于或等于5个时自动开启
+     */
+    columnsTogglable?: boolean | 'auto';
+    /**
+     * 是否开启底部展示功能，适合移动端展示
+     */
+    footable?: boolean | {
+        expand?: 'first' | 'all' | 'none';
+        /**
+         * 是否为手风琴模式
+         */
+        accordion?: boolean;
+    };
+    /**
+     * 底部外层 CSS 类名
+     */
+    footerClassName?: SchemaClassName;
+    /**
+     * 顶部外层 CSS 类名
+     */
+    headerClassName?: SchemaClassName;
+    /**
+     * 占位符
+     */
+    placeholder?: string | SchemaTpl;
+    /**
+     * 是否显示底部
+     */
+    showFooter?: boolean;
+    /**
+     * 是否显示头部
+     */
+    showHeader?: boolean;
+    /**
+     * 数据源：绑定当前环境变量
+     */
+    source?: SchemaTokenizeableString;
+    /**
+     * 表格 CSS 类名
+     */
+    tableClassName?: SchemaClassName;
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 工具栏 CSS 类名
+     */
+    toolbarClassName?: SchemaClassName;
+    /**
+     * 合并单元格配置，配置数字表示从左到右的多少列自动合并单元格。
+     */
+    combineNum?: number;
+    /**
+     * 合并单元格配置，配置从第几列开始合并。
+     */
+    combineFromIndex?: number;
+    /**
+     * 顶部总结行
+     */
+    prefixRow?: Array<SchemaObject>;
+    /**
+     * 底部总结行
+     */
+    affixRow?: Array<SchemaObject>;
+    /**
+     * 是否可调整列宽
+     */
+    resizable?: boolean;
+    /**
+     * 行样式表表达式
+     */
+    rowClassNameExpr?: string;
+    /**
+     * 行角标
+     */
+    itemBadge?: BadgeObject;
+    /**
+     * 开启查询区域，会根据列元素的searchable属性值，自动生成查询条件表单
+     */
+    autoGenerateFilter?: boolean;
+}
+export interface TableProps extends RendererProps {
+    title?: string;
+    header?: SchemaNode;
+    footer?: SchemaNode;
+    actions?: ActionObject[];
+    className?: string;
+    headerClassName?: string;
+    footerClassName?: string;
+    store: ITableStore;
+    columns?: Array<any>;
+    headingClassName?: string;
+    toolbarClassName?: string;
+    headerToolbarClassName?: string;
+    footerToolbarClassName?: string;
+    tableClassName?: string;
+    source?: string;
+    selectable?: boolean;
+    selected?: Array<any>;
+    maxKeepItemSelectionLength?: number;
+    valueField?: string;
+    draggable?: boolean;
+    columnsTogglable?: boolean | 'auto';
+    affixHeader?: boolean;
+    affixColumns?: boolean;
+    combineNum?: number | string;
+    combineFromIndex?: number;
+    footable?: boolean | {
+        expand?: 'first' | 'all' | 'none';
+        expandAll?: boolean;
+        accordion?: boolean;
+    };
+    expandConfig?: {
+        expand?: 'first' | 'all' | 'none';
+        expandAll?: boolean;
+        accordion?: boolean;
+    };
+    itemCheckableOn?: string;
+    itemDraggableOn?: string;
+    itemActions?: Array<ActionObject>;
+    onSelect: (selectedItems: Array<object>, unSelectedItems: Array<object>) => void;
+    onPristineChange?: (data: object, rowIndexe: string) => void;
+    onSave?: (items: Array<object> | object, diff: Array<object> | object, rowIndexes: Array<string> | string, unModifiedItems?: Array<object>, rowOrigins?: Array<object> | object, resetOnFailed?: boolean) => void;
+    onSaveOrder?: (moved: Array<object>, items: Array<object>) => void;
+    onQuery: (values: object) => void;
+    onImageEnlarge?: (data: any, target: any) => void;
+    buildItemProps?: (item: any, index: number) => any;
+    checkOnItemClick?: boolean;
+    hideCheckToggler?: boolean;
+    rowClassName?: string;
+    rowClassNameExpr?: string;
+    popOverContainer?: any;
+    canAccessSuperData?: boolean;
+    reUseRow?: boolean;
+    itemBadge?: BadgeObject;
+    loading?: boolean;
+}
+export declare type ExportExcelToolbar = SchemaNode & {
+    api?: SchemaApi;
+    columns?: string[];
+    exportColumns?: any[];
+    filename?: string;
+};
+export declare type TableRendererEvent = 'selectedChange' | 'columnSort' | 'columnFilter' | 'columnSearch' | 'columnToggled' | 'orderChange' | 'rowClick';
+export declare type TableRendererAction = 'selectAll' | 'clearAll' | 'select' | 'initDrag';
+export default class Table extends React.Component<TableProps, object> {
+    static contextType: React.Context<IScopedContext>;
+    static propsList: Array<string>;
+    static defaultProps: Partial<TableProps>;
+    table?: HTMLTableElement;
+    sortable?: Sortable;
+    dragTip?: HTMLElement;
+    affixedTable?: HTMLTableElement;
+    parentNode?: HTMLElement | Window;
+    lastScrollLeft: number;
+    lastScrollTop: number;
+    totalWidth: number;
+    totalHeight: number;
+    outterWidth: number;
+    outterHeight: number;
+    unSensor?: Function;
+    updateTableInfoLazy: () => void;
+    widths: {
+        [propName: string]: number;
+    };
+    widths2: {
+        [propName: string]: number;
+    };
+    heights: {
+        [propName: string]: number;
+    };
+    renderedToolbars: Array<string>;
+    subForms: any;
+    timer: ReturnType<typeof setTimeout>;
+    constructor(props: TableProps, context: IScopedContext);
+    static syncRows(store: ITableStore, props: TableProps, prevProps?: TableProps): boolean;
+    componentDidMount(): void;
+    /**
+     * 自动设置表格高度占满界面剩余区域
+     * 用 css 实现有点麻烦，要改很多结构，所以先用 dom hack 了，避免对之前的功能有影响
+     */
+    updateAutoFillHeight(): void;
+    componentDidUpdate(prevProps: TableProps): void;
+    componentWillUnmount(): void;
+    subFormRef(form: any, x: number, y: number): void;
+    handleAction(e: React.UIEvent<any> | undefined, action: ActionObject, ctx: object): void;
+    handleCheck(item: IRow, value: boolean, shift?: boolean): Promise<void>;
+    handleCheckAll(): Promise<void>;
+    handleQuickChange(item: IRow, values: object, saveImmediately?: boolean | any, savePristine?: boolean, resetOnFailed?: boolean): void;
+    handleSave(): Promise<void>;
+    handleSaveOrder(): Promise<void>;
+    syncSelected(): void;
+    reset(): void;
+    bulkUpdate(value: any, items: Array<object>): void;
+    getSelected(): any[];
+    affixDetect(): void;
+    updateTableInfo(): void;
+    handleOutterScroll(): void;
+    handleFixedColumnsScroll(event: React.UIEvent<any>): void;
+    tableRef(ref: HTMLTableElement): void;
+    dragTipRef(ref: any): void;
+    affixedTableRef(ref: HTMLTableElement): void;
+    initDragging(): void;
+    destroyDragging(): void;
+    getPopOverContainer(): Element | Text | null;
+    handleMouseMove(e: React.MouseEvent<any>): void;
+    handleMouseLeave(): void;
+    draggingTr: HTMLTableRowElement;
+    originIndex: number;
+    draggingSibling: Array<HTMLTableRowElement>;
+    handleDragStart(e: React.DragEvent): void;
+    handleDragOver(e: any): void;
+    handleDrop(): Promise<void>;
+    handleDragEnd(): void;
+    handleImageEnlarge(info: any, target: {
+        rowIndex: number;
+        colIndex: number;
+    }): void;
+    resizeLine: HTMLElement;
+    resizeLineLeft: number;
+    targetTh: HTMLElement;
+    targetThWidth: number;
+    lineStartX: number;
+    handleColResizeMouseDown(e: React.MouseEvent<HTMLElement>): void;
+    handleColResizeMouseMove(e: MouseEvent): void;
+    handleColResizeMouseUp(e: MouseEvent): void;
+    handleColumnToggle(columns: Array<IColumn>): void;
+    renderAutoFilterForm(): React.ReactNode;
+    renderHeading(): JSX.Element | null;
+    renderHeadCell(column: IColumn, props?: any): JSX.Element;
+    renderCell(region: string, column: IColumn, item: IRow, props: any, ignoreDrag?: boolean): JSX.Element | null;
+    renderAffixHeader(tableClassName: string): JSX.Element | null;
+    renderFixedColumns(rows: Array<any>, columns: Array<IColumn>, headerOnly?: boolean, tableClassName?: string): JSX.Element;
+    renderToolbar(toolbar: SchemaNode): JSX.Element | null | undefined;
+    renderColumnsToggler(config?: any): JSX.Element | null;
+    renderDragToggler(): JSX.Element | null;
+    renderExportExcel(toolbar: ExportExcelToolbar): JSX.Element | null;
+    renderActions(region: string): JSX.Element | null;
+    renderHeader(editable?: boolean): JSX.Element | JSX.Element[] | null;
+    renderFooter(): JSX.Element | JSX.Element[] | null;
+    renderTableContent(): JSX.Element;
+    doAction(action: ActionObject, args: any, throwErrors: boolean): any;
+    render(): JSX.Element;
+}
+export declare class TableRenderer extends Table {
+    receive(values: any, subPath?: string): void;
+    reload(subPath?: string, query?: any, ctx?: any): void;
+}
+export { TableCell };