amis 2.0.0-rc.9 → 2.0.0

package/esm/renderers/Form/UserSelect.js

@@ -0,0 +1,194 @@
+/**
+ * amis v2.0.0
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __awaiter, __generator, __assign, __decorate, __metadata } from 'tslib';
+import React from 'react';
+import cx from 'classnames';
+import { isEffectiveApi, createObject, autobind, OptionsControl } from 'amis-core';
+import { UserTabSelect, UserSelect } from 'amis-ui';
+import find from 'lodash/find';
+
+var UserSelectControl = /** @class */ (function (_super) {
+    __extends(UserSelectControl, _super);
+    function UserSelectControl(props) {
+        return _super.call(this, props) || this;
+    }
+    UserSelectControl.prototype.componentWillUnmount = function () {
+        this.unHook && this.unHook();
+    };
+    UserSelectControl.prototype.onSearch = function (input, cancelExecutor, param) {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a, searchApi, setLoading, env, searchTerm, searchObj, ctx, ret, options;
+            var _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        _a = this.props, searchApi = _a.searchApi, setLoading = _a.setLoading, env = _a.env;
+                        searchApi = (param === null || param === void 0 ? void 0 : param.searchApi) || searchApi;
+                        searchTerm = (param === null || param === void 0 ? void 0 : param.searchTerm) || this.props.searchTerm || 'term';
+                        searchObj = (param === null || param === void 0 ? void 0 : param.searchParam) || this.props.searchParam || {};
+                        ctx = __assign((_b = {}, _b[searchTerm] = input, _b), searchObj);
+                        if (!isEffectiveApi(searchApi, ctx)) {
+                            return [2 /*return*/, Promise.resolve([])];
+                        }
+                        setLoading(true);
+                        _c.label = 1;
+                    case 1:
+                        _c.trys.push([1, , 3, 4]);
+                        return [4 /*yield*/, env.fetcher(searchApi, ctx, {
+                                cancelExecutor: cancelExecutor,
+                                autoAppend: true
+                            })];
+                    case 2:
+                        ret = _c.sent();
+                        options = (ret.data && ret.data.options) || ret.data || [];
+                        return [2 /*return*/, options];
+                    case 3:
+                        setLoading(false);
+                        return [7 /*endfinally*/];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    UserSelectControl.prototype.deferLoad = function (data, isRef, param) {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a, env, deferApi, setLoading, ctx, ret, options;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.props, env = _a.env, deferApi = _a.deferApi, setLoading = _a.setLoading, _a.formInited, _a.addHook;
+                        deferApi = (param === null || param === void 0 ? void 0 : param.deferApi) || deferApi;
+                        if (!env || !env.fetcher) {
+                            throw new Error('fetcher is required');
+                        }
+                        ctx = createObject(data, {});
+                        if (!isEffectiveApi(deferApi, ctx)) {
+                            return [2 /*return*/, Promise.resolve([])];
+                        }
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, , 3, 4]);
+                        return [4 /*yield*/, env.fetcher(deferApi, ctx)];
+                    case 2:
+                        ret = _b.sent();
+                        options = (ret.data && ret.data.options) || ret.data || [];
+                        if (isRef) {
+                            options.forEach(function (option) {
+                                option.isRef = true;
+                            });
+                        }
+                        return [2 /*return*/, options];
+                    case 3:
+                        setLoading(false);
+                        return [7 /*endfinally*/];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    UserSelectControl.prototype.changeValue = function (value) {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a, joinValues, extractValue, delimiter, multiple, valueField, onChange, options, data, dispatchEvent, newValue, additonalOptions, rendererEvent;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.props, joinValues = _a.joinValues, extractValue = _a.extractValue, delimiter = _a.delimiter, multiple = _a.multiple, valueField = _a.valueField, onChange = _a.onChange, options = _a.options, _a.setOptions, data = _a.data, dispatchEvent = _a.dispatchEvent;
+                        newValue = value;
+                        additonalOptions = [];
+                        (Array.isArray(value) ? value : value ? [value] : []).forEach(function (option) {
+                            var resolved = find(options, function (item) {
+                                return item[valueField || 'value'] == option[valueField || 'value'];
+                            });
+                            resolved || additonalOptions.push(option);
+                        });
+                        if (joinValues) {
+                            if (multiple) {
+                                newValue = Array.isArray(value)
+                                    ? value
+                                        .map(function (item) { return item[valueField || 'value']; })
+                                        .join(delimiter)
+                                    : value
+                                        ? value[valueField || 'value']
+                                        : '';
+                            }
+                            else {
+                                newValue = newValue ? newValue[valueField || 'value'] : '';
+                            }
+                        }
+                        else if (extractValue) {
+                            if (multiple) {
+                                newValue = Array.isArray(value)
+                                    ? value.map(function (item) { return item[valueField || 'value']; })
+                                    : value
+                                        ? [value[valueField || 'value']]
+                                        : [];
+                            }
+                            else {
+                                newValue = newValue ? newValue[valueField || 'value'] : '';
+                            }
+                        }
+                        return [4 /*yield*/, dispatchEvent('change', createObject(data, {
+                                value: newValue,
+                                options: options
+                            }))];
+                    case 1:
+                        rendererEvent = _b.sent();
+                        if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
+                            return [2 /*return*/];
+                        }
+                        onChange(newValue);
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    UserSelectControl.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, showNav = _a.showNav, navTitle = _a.navTitle, searchable = _a.searchable, options = _a.options, className = _a.className, selectedOptions = _a.selectedOptions, tabOptions = _a.tabOptions, multi = _a.multi, multiple = _a.multiple, isDep = _a.isDep, isRef = _a.isRef, placeholder = _a.placeholder, searchPlaceholder = _a.searchPlaceholder, tabMode = _a.tabMode, data = _a.data;
+        tabOptions === null || tabOptions === void 0 ? void 0 : tabOptions.forEach(function (item) {
+            item.deferLoad = _this.deferLoad;
+            item.onChange = _this.changeValue;
+            item.onSearch = _this.onSearch;
+        });
+        return (React.createElement("div", { className: cx("UserSelectControl", className) }, tabMode ? (React.createElement(UserTabSelect, { selection: selectedOptions, tabOptions: tabOptions, multiple: multiple, onChange: this.changeValue, onSearch: this.onSearch, deferLoad: this.deferLoad, data: data })) : (React.createElement(UserSelect, { showNav: showNav, navTitle: navTitle, selection: selectedOptions, options: options, multi: multi, multiple: multiple, searchable: searchable, placeholder: placeholder, searchPlaceholder: searchPlaceholder, deferLoad: this.deferLoad, onChange: this.changeValue, onSearch: this.onSearch, isDep: isDep, isRef: isRef }))));
+    };
+    UserSelectControl.defaultProps = {
+        showNav: true
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [String, Function, Object]),
+        __metadata("design:returntype", Promise)
+    ], UserSelectControl.prototype, "onSearch", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object, Boolean, Object]),
+        __metadata("design:returntype", Promise)
+    ], UserSelectControl.prototype, "deferLoad", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", Promise)
+    ], UserSelectControl.prototype, "changeValue", null);
+    return UserSelectControl;
+}(React.Component));
+/** @class */ ((function (_super) {
+    __extends(UserSelectControlRenderer, _super);
+    function UserSelectControlRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    UserSelectControlRenderer = __decorate([
+        OptionsControl({
+            type: 'users-select'
+        })
+    ], UserSelectControlRenderer);
+    return UserSelectControlRenderer;
+})(UserSelectControl));
+
+export { UserSelectControl as default };

package/esm/renderers/Grid.d.ts

@@ -0,0 +1,82 @@
+import React from 'react';
+import { FormHorizontal, RendererProps } from 'amis-core';
+import { BaseSchema, SchemaClassName, SchemaCollection } from '../Schema';
+export declare const ColProps: string[];
+export declare type GridColumnObject = {
+    /**
+     * 极小屏（<768px）时宽度占比
+     */
+    xs?: number | 'auto';
+    /**
+     * 小屏时（>=768px）宽度占比
+     */
+    sm?: number | 'auto';
+    /**
+     * 中屏时(>=992px)宽度占比
+     */
+    md?: number | 'auto';
+    /**
+     * 大屏时(>=1200px)宽度占比
+     */
+    lg?: number | 'auto';
+    /**
+     * 垂直对齐方式
+     */
+    valign?: 'top' | 'middle' | 'bottom' | 'between';
+    /**
+     * 配置子表单项默认的展示方式。
+     */
+    mode?: 'normal' | 'inline' | 'horizontal';
+    /**
+     * 如果是水平排版，这个属性可以细化水平排版的左右宽度占比。
+     */
+    horizontal?: FormHorizontal;
+    body?: SchemaCollection;
+    /**
+     * 列类名
+     */
+    columnClassName?: SchemaClassName;
+};
+export declare type GridColumn = GridColumnObject;
+export declare type ColumnNode = GridColumn;
+export interface ColumnArray extends Array<ColumnNode> {
+}
+/**
+ * Grid 格子布局渲染器。
+ * 文档：https://baidu.gitee.io/amis/docs/components/grid
+ */
+export interface GridSchema extends BaseSchema {
+    /**
+     * 指定为 Grid 格子布局渲染器。
+     */
+    type: 'grid';
+    /**
+     * 列集合
+     */
+    columns: Array<GridColumn>;
+    /**
+     * 水平间距
+     */
+    gap?: 'xs' | 'sm' | 'base' | 'none' | 'md' | 'lg';
+    /**
+     * 垂直对齐方式
+     */
+    valign?: 'top' | 'middle' | 'bottom' | 'between';
+    /**
+     * 水平对齐方式
+     */
+    align?: 'left' | 'right' | 'between' | 'center';
+}
+export interface GridProps extends RendererProps, Omit<GridSchema, 'type' | 'className' | 'columnClassName'> {
+    itemRender?: (item: any, length: number, props: any) => JSX.Element;
+}
+export default class Grid<T> extends React.Component<GridProps & T, object> {
+    static propsList: Array<string>;
+    static defaultProps: {};
+    renderChild(region: string, node: SchemaCollection, length: number, props?: any): JSX.Element;
+    renderColumn(column: ColumnNode, key: number, length: number): JSX.Element;
+    renderColumns(columns: ColumnArray): JSX.Element[] | null;
+    render(): JSX.Element;
+}
+export declare class GridRenderer extends Grid<{}> {
+}

package/esm/renderers/Grid.js

@@ -0,0 +1,88 @@
+/**
+ * amis v2.0.0
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __assign, __decorate } from 'tslib';
+import React from 'react';
+import { ucFirst, Renderer } from 'amis-core';
+import pick from 'lodash/pick';
+
+var ColProps = ['lg', 'md', 'sm', 'xs'];
+function fromBsClass(cn) {
+    if (typeof cn === 'string' && cn) {
+        return cn.replace(/\bcol-(xs|sm|md|lg)-(\d+)\b/g, function (_, bp, size) { return "Grid-col--".concat(bp).concat(size); });
+    }
+    return cn;
+}
+function copProps2Class(props) {
+    var cns = [];
+    var modifiers = ColProps;
+    modifiers.forEach(function (modifier) {
+        return props &&
+            props[modifier] &&
+            cns.push("Grid-col--".concat(modifier).concat(ucFirst(props[modifier])));
+    });
+    cns.length || cns.push('Grid-col--md');
+    return cns.join(' ');
+}
+var Grid = /** @class */ (function (_super) {
+    __extends(Grid, _super);
+    function Grid() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Grid.prototype.renderChild = function (region, node, length, props) {
+        if (props === void 0) { props = {}; }
+        var _a = this.props, render = _a.render, itemRender = _a.itemRender;
+        return itemRender
+            ? itemRender(node, length, this.props)
+            : render(region, node, props);
+    };
+    Grid.prototype.renderColumn = function (column, key, length) {
+        var _a;
+        var colProps = pick(column, ColProps);
+        colProps = __assign({}, colProps);
+        var _b = this.props, cx = _b.classnames, formMode = _b.formMode, subFormMode = _b.subFormMode, subFormHorizontal = _b.subFormHorizontal, formHorizontal = _b.formHorizontal; _b.translate; var disabled = _b.disabled;
+        return (React.createElement("div", { key: key, className: cx(copProps2Class(colProps), fromBsClass(column.columnClassName), (_a = {},
+                _a["Grid-col--v".concat(ucFirst(column.valign))] = column.valign,
+                _a)) }, this.renderChild("column/".concat(key), column.body || '', length, {
+            disabled: disabled,
+            formMode: column.mode || subFormMode || formMode,
+            formHorizontal: column.horizontal || subFormHorizontal || formHorizontal
+        })));
+    };
+    Grid.prototype.renderColumns = function (columns) {
+        var _this = this;
+        return Array.isArray(columns)
+            ? columns.map(function (column, key) {
+                return _this.renderColumn(column, key, columns.length);
+            })
+            : null;
+    };
+    Grid.prototype.render = function () {
+        var _a;
+        var _b = this.props, className = _b.className, cx = _b.classnames, gap = _b.gap, vAlign = _b.valign, hAlign = _b.align;
+        return (React.createElement("div", { className: cx('Grid', (_a = {},
+                _a["Grid--".concat(gap)] = gap,
+                _a["Grid--v".concat(ucFirst(vAlign))] = vAlign,
+                _a["Grid--h".concat(ucFirst(hAlign))] = hAlign,
+                _a), className) }, this.renderColumns(this.props.columns)));
+    };
+    Grid.propsList = ['columns'];
+    Grid.defaultProps = {};
+    return Grid;
+}(React.Component));
+var GridRenderer = /** @class */ (function (_super) {
+    __extends(GridRenderer, _super);
+    function GridRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    GridRenderer = __decorate([
+        Renderer({
+            type: 'grid'
+        })
+    ], GridRenderer);
+    return GridRenderer;
+}(Grid));
+
+export { ColProps, GridRenderer, Grid as default };

package/esm/renderers/Grid2D.d.ts

@@ -0,0 +1,91 @@
+import React from 'react';
+import { RendererProps } from 'amis-core';
+import { Schema } from 'amis-core';
+import { BaseSchema, SchemaObject } from '../Schema';
+export declare type GridObject = {
+    /**
+     * 起始横坐标位置，以 1 为起点
+     */
+    x: number;
+    /**
+     * 起始纵坐标位置，以 1 为起点
+     */
+    y: number;
+    /**
+     * 宽度，跨几列
+     */
+    w: number;
+    /**
+     * 高度，跨几行
+     */
+    h: number;
+    /**
+     * 宽度，会影响起始位置对应那一列的宽度
+     */
+    width?: number | string;
+    /**
+     * 高度，会影响起始位置那一行的高度，设置为 auto 就会自适应
+     */
+    height?: number | string;
+    /**
+     * 水平展示方式，用于内容宽度比 grid 小的情况，默认是 auto 自动撑满
+     */
+    align?: 'left' | 'right' | 'center' | 'auto';
+    /**
+     * 垂直展示方式，用于内容高度比 grid 小的情况，默认是 auto 自动撑满
+     */
+    valign?: 'top' | 'bottom' | 'middle' | 'auto';
+    /**
+     * 每个格子最外层容器的 className
+     */
+    gridClassName?: string;
+};
+export declare type Grid = GridObject & SchemaObject;
+/**
+ * 二维布局渲染器。
+ * 文档：https://baidu.gitee.io/amis/docs/components/grid-2d
+ */
+export interface Grid2DSchema extends BaseSchema {
+    /**
+     * 指定为 grid-2d 展示类型
+     */
+    type: 'grid-2d';
+    /**
+     * 列数量，默认是 12
+     */
+    cols?: number;
+    /**
+     * grid 2d 容器宽度，默认是 auto
+     */
+    width?: number | string | 'auto';
+    /**
+     * 格子间距，默认 0，包含行和列
+     */
+    gap?: number | string;
+    /**
+     * 格子行级别的间距，如果不设置就和 gap 一样
+     */
+    gapRow?: number | string;
+    /**
+     * 单位行高度，默认 50 px
+     */
+    rowHeight?: number | string;
+    /**
+     * 每个格子的配置
+     */
+    grids: Array<Grid>;
+}
+export interface Grid2DProps extends RendererProps, Omit<Grid2DSchema, 'type' | 'className'> {
+    itemRender?: (item: any, key: number, length: number, props: any) => JSX.Element;
+}
+export default class Grid2D extends React.Component<Grid2DProps, object> {
+    static propsList: Array<string>;
+    static defaultProps: Partial<Grid2DProps>;
+    constructor(props: Grid2DProps);
+    renderChild(region: string, node: Schema): JSX.Element;
+    renderGrid(grid: GridObject, key: number, length: number): JSX.Element | null;
+    renderGrids(): (JSX.Element | null)[];
+    render(): JSX.Element;
+}
+export declare class Grid2DRenderer extends Grid2D {
+}

package/esm/renderers/Grid2D.js

@@ -0,0 +1,113 @@
+/**
+ * amis v2.0.0
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __decorate } from 'tslib';
+import React from 'react';
+import { isVisible, Renderer } from 'amis-core';
+
+// Grid 布局默认的这个命名方式和其它 CSS 差异太大，所以我们使用更类似其它 CSS 的命名
+var justifySelfMap = {
+    left: 'start',
+    right: 'end',
+    center: 'center',
+    auto: 'stretch'
+};
+var alignSelfMap = {
+    top: 'start',
+    bottom: 'end',
+    middle: 'center',
+    auto: 'stretch'
+};
+var Grid2D = /** @class */ (function (_super) {
+    __extends(Grid2D, _super);
+    function Grid2D(props) {
+        return _super.call(this, props) || this;
+    }
+    Grid2D.prototype.renderChild = function (region, node) {
+        var _a = this.props, render = _a.render, disabled = _a.disabled;
+        return render(region, node, { disabled: disabled });
+    };
+    Grid2D.prototype.renderGrid = function (grid, key, length) {
+        var _a = this.props, itemRender = _a.itemRender, data = _a.data;
+        if (!isVisible(grid, data)) {
+            return null;
+        }
+        var style = {
+            gridColumnStart: grid.x,
+            gridColumnEnd: grid.x + grid.w,
+            gridRowStart: grid.y,
+            gridRowEnd: grid.y + grid.h,
+            justifySelf: grid.align ? justifySelfMap[grid.align] : 'stretch',
+            alignSelf: grid.valign ? alignSelfMap[grid.valign] : 'stretch'
+        };
+        return (React.createElement("div", { key: key, style: style, className: grid.gridClassName }, itemRender
+            ? itemRender(grid, key, length, this.props)
+            : this.renderChild("grid2d/".concat(key), grid)));
+    };
+    Grid2D.prototype.renderGrids = function () {
+        var _this = this;
+        var grids = this.props.grids;
+        return grids.map(function (grid, key) { return _this.renderGrid(grid, key, grids.length); });
+    };
+    Grid2D.prototype.render = function () {
+        var _a = this.props, grids = _a.grids, cols = _a.cols, gap = _a.gap, gapRow = _a.gapRow, width = _a.width, rowHeight = _a.rowHeight;
+        var templateColumns = new Array(cols);
+        templateColumns.fill('1fr');
+        var maxRow = 0;
+        // 计算最大有多少行
+        grids.forEach(function (grid, index) {
+            var row = grid.y + grid.h - 1;
+            if (row > maxRow) {
+                maxRow = row;
+            }
+        });
+        var templateRows = new Array(maxRow);
+        templateRows.fill(rowHeight);
+        // 根据 grid 中的设置自动更新行列高度
+        grids.forEach(function (grid) {
+            if (grid.width) {
+                templateColumns[grid.x - 1] = Number.isInteger(grid.width)
+                    ? grid.width + 'px'
+                    : grid.width;
+            }
+            if (grid.height) {
+                templateRows[grid.y - 1] = Number.isInteger(grid.height)
+                    ? grid.height + 'px'
+                    : grid.height;
+            }
+        });
+        var style = {
+            display: 'grid',
+            columnGap: gap,
+            rowGap: typeof gapRow === 'undefined' ? gap : gapRow,
+            width: width,
+            gridTemplateColumns: templateColumns.join(' '),
+            gridTemplateRows: templateRows.join(' ')
+        };
+        return React.createElement("div", { style: style }, this.renderGrids());
+    };
+    Grid2D.propsList = ['grids'];
+    Grid2D.defaultProps = {
+        cols: 12,
+        width: 'auto',
+        gap: 0,
+        rowHeight: '3.125rem'
+    };
+    return Grid2D;
+}(React.Component));
+/** @class */ ((function (_super) {
+    __extends(Grid2DRenderer, _super);
+    function Grid2DRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Grid2DRenderer = __decorate([
+        Renderer({
+            type: 'grid-2d'
+        })
+    ], Grid2DRenderer);
+    return Grid2DRenderer;
+})(Grid2D));
+
+export { Grid2D as default };

package/esm/renderers/GridNav.d.ts

@@ -0,0 +1,99 @@
+import React from 'react';
+import { RendererProps } from 'amis-core';
+import { BaseSchema, SchemaTokenizeableString, SchemaTpl, SchemaUrlPath } from '../Schema';
+import { ActionSchema } from './Action';
+import { GridNavDirection } from 'amis-ui';
+import { BadgeObject } from 'amis-ui';
+export interface ListItemSchema extends Omit<BaseSchema, 'type'> {
+    /**
+     * 单项点击事件
+     */
+    clickAction?: ActionSchema;
+    /**
+     * 跳转地址
+     */
+    link?: string;
+    /**
+     * 打开方式
+     */
+    blank?: string;
+    /**
+     * 图片地址
+     */
+    icon?: SchemaUrlPath;
+    /**
+     * 描述
+     */
+    text?: SchemaTpl;
+    /**
+     * 图标最大宽度比例 0-100
+     */
+    iconRatio?: number;
+    /**
+     * 角标
+     */
+    badge?: BadgeObject;
+}
+/**
+ * List 列表展示控件。
+ * 文档：https://baidu.gitee.io/amis/docs/components/card
+ */
+export interface ListSchema extends BaseSchema {
+    /**
+     * 指定为 List 列表展示控件。
+     */
+    type: 'grid-nav';
+    /**
+     * 列表项类名
+     */
+    itemClassName?: string;
+    /**
+     * 静态图片列表配置
+     */
+    options?: Array<ListItemSchema>;
+    /**
+     * 是否将列表项固定为正方形
+     */
+    square?: boolean;
+    /**
+     * 是否将列表项内容居中显示
+     */
+    center?: boolean;
+    /**
+     * 是否显示列表项边框
+     */
+    border?: boolean;
+    /**
+     * 列表项之间的间距，默认单位为px
+     */
+    gutter?: number;
+    /**
+     * 图标宽度占比, 1-100
+     */
+    iconRatio?: number;
+    /**
+     * 列表项内容排列的方向，可选值为 horizontal 、vertical
+     */
+    direction?: GridNavDirection;
+    /**
+     * 列数
+     */
+    columnNum?: number;
+    /**
+     * 数据源: 绑定当前环境变量
+     *
+     * @default ${items}
+     */
+    source?: SchemaTokenizeableString;
+}
+export interface Column {
+    type: string;
+    [propName: string]: any;
+}
+export interface ListProps extends RendererProps, Omit<ListSchema, 'type' | 'className'> {
+    handleClick: (item?: ListItemSchema) => void;
+}
+export default class List extends React.Component<ListProps, object> {
+    handleClick(item: ListItemSchema): (e: React.MouseEvent) => void;
+    render(): JSX.Element | null;
+}