amis 2.0.0-rc.9 → 2.0.2

package/esm/renderers/Breadcrumb.js

@@ -0,0 +1,58 @@
+/**
+ * amis v2.0.2
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __rest, __assign, __decorate } from 'tslib';
+import React from 'react';
+import { resolveVariableAndFilter, filter, Renderer } from 'amis-core';
+import { Breadcrumb } from 'amis-ui';
+
+var BreadcrumbField = /** @class */ (function (_super) {
+    __extends(BreadcrumbField, _super);
+    function BreadcrumbField() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    BreadcrumbField.prototype.render = function () {
+        var _a = this.props, items = _a.items, source = _a.source, data = _a.data, env = _a.env, restProps = __rest(_a, ["items", "source", "data", "env"]);
+        var crumbItems = items
+            ? items
+            : resolveVariableAndFilter(source, data, '| raw');
+        crumbItems = crumbItems.map(function (item) {
+            if (item.label) {
+                item.label = filter(item.label, data);
+            }
+            if (item.href) {
+                item.href = resolveVariableAndFilter(item.href, data, '| raw');
+            }
+            if (item.dropdown) {
+                item.dropdown = item.dropdown.map(function (dropdownItem) {
+                    if (dropdownItem.label) {
+                        dropdownItem.label = filter(dropdownItem.label, data);
+                    }
+                    if (dropdownItem.href) {
+                        dropdownItem.href = resolveVariableAndFilter(dropdownItem.href, data, '| raw');
+                    }
+                    return dropdownItem;
+                });
+            }
+            return item;
+        });
+        return (React.createElement(Breadcrumb, __assign({ items: crumbItems, tooltipContainer: env === null || env === void 0 ? void 0 : env.getModalContainer }, restProps)));
+    };
+    return BreadcrumbField;
+}(React.Component));
+/** @class */ ((function (_super) {
+    __extends(BreadcrumbFieldRenderer, _super);
+    function BreadcrumbFieldRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    BreadcrumbFieldRenderer = __decorate([
+        Renderer({
+            type: 'breadcrumb'
+        })
+    ], BreadcrumbFieldRenderer);
+    return BreadcrumbFieldRenderer;
+})(BreadcrumbField));
+
+export { BreadcrumbField };

package/esm/renderers/ButtonGroup.d.ts

@@ -0,0 +1,64 @@
+import ButtonGroup from './Form/ButtonGroupSelect';
+import { BaseSchema, SchemaClassName, SchemaExpression } from '../Schema';
+import { ActionSchema } from './Action';
+/**
+ * Button Group 渲染器。
+ * 文档：https://baidu.gitee.io/amis/docs/components/button-group
+ */
+export interface ButtonGroupSchema extends BaseSchema {
+    /**
+     * 指定为提交按钮类型
+     */
+    type: 'button-group';
+    /**
+     * @deprecated 给 Button 配置 className。建议用btnLevel
+     */
+    btnClassName?: SchemaClassName;
+    /**
+     * @deprecated 给选中态 Button 配置 className。建议用btnActiveLevel
+     */
+    btnActiveClassName?: string;
+    /**
+     * 按钮集合
+     */
+    buttons?: Array<ActionSchema>;
+    /**
+     * 按钮样式级别
+     */
+    btnLevel?: string;
+    /**
+     * 按钮选中的样式级别
+     */
+    btnActiveLevel: string;
+    /**
+     * 垂直展示？
+     */
+    vertical?: boolean;
+    /**
+     * 平铺展示？
+     */
+    tiled?: boolean;
+    /**
+     * 是否为禁用状态。
+     */
+    disabled?: boolean;
+    /**
+     * 通过 JS 表达式来配置当前表单项的禁用状态。
+     */
+    disabledOn?: SchemaExpression;
+    /**
+     * 是否显示
+     */
+    visible?: boolean;
+    /**
+     * 通过 JS 表达式来配置当前表单项是否显示
+     */
+    visibleOn?: SchemaExpression;
+    /**
+     * 按钮大小
+     */
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+}
+export default ButtonGroup;
+export declare class ButtonGroupRenderer extends ButtonGroup {
+}

package/esm/renderers/ButtonGroup.js

@@ -0,0 +1,22 @@
+/**
+ * amis v2.0.2
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __decorate } from 'tslib';
+import ButtonGroupControl from './Form/ButtonGroupSelect.js';
+export { default } from './Form/ButtonGroupSelect.js';
+import { Renderer } from 'amis-core';
+
+/** @class */ ((function (_super) {
+    __extends(ButtonGroupRenderer, _super);
+    function ButtonGroupRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ButtonGroupRenderer = __decorate([
+        Renderer({
+            type: 'button-group'
+        })
+    ], ButtonGroupRenderer);
+    return ButtonGroupRenderer;
+})(ButtonGroupControl));

package/esm/renderers/CRUD.d.ts

@@ -0,0 +1,302 @@
+import React from 'react';
+import { RendererProps } from 'amis-core';
+import { SchemaNode, Schema, ActionObject, PlainObject } from 'amis-core';
+import { ICRUDStore } from 'amis-core';
+import { IScopedContext } from 'amis-core';
+import { BaseSchema, SchemaApi, SchemaClassName, SchemaExpression, SchemaMessage, SchemaName, SchemaObject, SchemaTokenizeableString, SchemaTpl } from '../Schema';
+import { ActionSchema } from './Action';
+import { CardsSchema } from './Cards';
+import { ListSchema } from './List';
+import { TableSchema } from './Table';
+export declare type CRUDBultinToolbarType = 'columns-toggler' | 'drag-toggler' | 'pagination' | 'bulkActions' | 'bulk-actions' | 'statistics' | 'switch-per-page' | 'load-more' | 'filter-toggler' | 'export-csv' | 'export-excel';
+export interface CRUDBultinToolbar extends Omit<BaseSchema, 'type'> {
+    type: CRUDBultinToolbarType;
+}
+export declare type CRUDToolbarChild = SchemaObject | CRUDBultinToolbar;
+export declare type CRUDToolbarObject = {
+    /**
+     * 对齐方式
+     */
+    align?: 'left' | 'right';
+};
+export interface CRUDCommonSchema extends BaseSchema {
+    /**
+     *  指定为 CRUD 渲染器。
+     */
+    type: 'crud';
+    /**
+     * 指定内容区的展示模式。
+     */
+    mode?: 'table' | 'grid' | 'cards' | /* grid 的别名*/ 'list';
+    /**
+     * 初始化数据 API
+     */
+    api?: SchemaApi;
+    /**
+     * 批量操作
+     */
+    bulkActions?: Array<ActionSchema>;
+    /**
+     * 单条操作
+     */
+    itemActions?: Array<ActionSchema>;
+    /**
+     * 每页个数，默认为 10，如果不是请设置。
+     *
+     * @default 10
+     */
+    perPage?: number;
+    /**
+     * 默认排序字段
+     */
+    orderBy?: string;
+    /**
+     * 默认排序方向
+     */
+    orderDir?: 'asc' | 'desc';
+    /**
+     * 可以默认给定初始参数如： {\"perPage\": 24}
+     */
+    defaultParams?: PlainObject;
+    /**
+     * 是否可通过拖拽排序
+     */
+    draggable?: boolean;
+    /**
+     * 是否可通过拖拽排序，通过表达式来配置
+     */
+    draggableOn?: SchemaExpression;
+    name?: SchemaName;
+    /**
+     * 过滤器表单
+     */
+    filter?: any;
+    /**
+     * 初始是否拉取
+     * @deprecated 建议用 api 的 sendOn 代替。
+     */
+    initFetch?: boolean;
+    /**
+     * 初始是否拉取，用表达式来配置。
+     * @deprecated 建议用 api 的 sendOn 代替。
+     */
+    initFetchOn?: SchemaExpression;
+    /**
+     * 配置内部 DOM 的 className
+     */
+    innerClassName?: SchemaClassName;
+    /**
+     * 设置自动刷新时间
+     */
+    interval?: number;
+    /**
+     * 设置用来确定位置的字段名，设置后新的顺序将被赋值到该字段中。
+     */
+    orderField?: string;
+    /**
+     * 设置分页页码字段名。
+     * @default page
+     */
+    pageField?: string;
+    /**
+     * 设置分页一页显示的多少条数据的字段名。
+     * @default perPage
+     */
+    perPageField?: string;
+    /**
+     * 快速编辑后用来批量保存的 API
+     */
+    quickSaveApi?: SchemaApi;
+    /**
+     * 快速编辑配置成及时保存时使用的 API
+     */
+    quickSaveItemApi?: SchemaApi;
+    /**
+     * 保存排序的 api
+     */
+    saveOrderApi?: SchemaApi;
+    /**
+     * 是否将过滤条件的参数同步到地址栏,默认为true
+     * @default true
+     */
+    syncLocation?: boolean;
+    /**
+     * 顶部工具栏
+     */
+    headerToolbar?: Array<(CRUDToolbarChild & CRUDToolbarObject) | CRUDBultinToolbarType>;
+    /**
+     * 底部工具栏
+     */
+    footerToolbar?: Array<(CRUDToolbarChild & CRUDToolbarObject) | CRUDBultinToolbarType>;
+    /**
+     * 每页显示多少个空间成员的配置如： [10, 20, 50, 100]。
+     */
+    perPageAvailable?: Array<number>;
+    messages?: SchemaMessage;
+    /**
+     * 是否隐藏快速编辑的按钮。
+     */
+    hideQuickSaveBtn?: boolean;
+    /**
+     * 是否自动跳顶部，当切分页的时候。
+     */
+    autoJumpToTopOnPagerChange?: boolean;
+    /**
+     * 静默拉取
+     */
+    silentPolling?: boolean;
+    stopAutoRefreshWhen?: SchemaExpression;
+    stopAutoRefreshWhenModalIsOpen?: boolean;
+    filterTogglable?: boolean;
+    filterDefaultVisible?: boolean;
+    /**
+     * 是否将接口返回的内容自动同步到地址栏，前提是开启了同步地址栏。
+     */
+    syncResponse2Query?: boolean;
+    /**
+     * 分页的时候是否保留用户选择。
+     */
+    keepItemSelectionOnPageChange?: boolean;
+    /**
+     * 当配置 keepItemSelectionOnPageChange 时有用，用来配置已勾选项的文案。
+     */
+    labelTpl?: SchemaTpl;
+    /**
+     * 是否为前端单次加载模式，可以用来实现前端分页。
+     */
+    loadDataOnce?: boolean;
+    /**
+     * 在开启loadDataOnce时，filter时是否去重新请求api
+     */
+    loadDataOnceFetchOnFilter?: boolean;
+    /**
+     * 也可以直接从环境变量中读取，但是不太推荐。
+     */
+    source?: SchemaTokenizeableString;
+    /**
+     * 如果时内嵌模式，可以通过这个来配置默认的展开选项。
+     */
+    expandConfig?: {
+        /**
+         * 默认是展开第一个、所有、还是都不展开。
+         */
+        expand?: 'first' | 'all' | 'none';
+        /**
+         * 是否显示全部切换按钮
+         */
+        expandAll?: boolean;
+        /**
+         * 是否为手风琴模式
+         */
+        accordion?: boolean;
+    };
+    /**
+     * 默认只有当分页数大于 1 是才显示，如果总是想显示请配置。
+     */
+    alwaysShowPagination?: boolean;
+    /**
+     * 开启查询区域，会根据列元素的searchable属性值，自动生成查询条件表单
+     */
+    autoGenerateFilter?: boolean;
+    /**
+     * 内容区域占满屏幕剩余空间
+     */
+    autoFillHeight?: boolean;
+}
+export declare type CRUDCardsSchema = CRUDCommonSchema & {
+    mode: 'cards';
+} & Omit<CardsSchema, 'type'>;
+export declare type CRUDListSchema = CRUDCommonSchema & {
+    mode: 'list';
+} & Omit<ListSchema, 'type'>;
+export declare type CRUDTableSchema = CRUDCommonSchema & {
+    mode?: 'table';
+} & Omit<TableSchema, 'type'>;
+/**
+ * CRUD 增删改查渲染器。
+ * 文档：https://baidu.gitee.io/amis/docs/components/crud
+ */
+export declare type CRUDSchema = CRUDCardsSchema | CRUDListSchema | CRUDTableSchema;
+export interface CRUDProps extends RendererProps, Omit<CRUDCommonSchema, 'type' | 'className'> {
+    store: ICRUDStore;
+    pickerMode?: boolean;
+}
+export default class CRUD extends React.Component<CRUDProps, any> {
+    static propsList: Array<keyof CRUDProps>;
+    static defaultProps: {
+        toolbarInline: boolean;
+        headerToolbar: string[];
+        footerToolbar: string[];
+        primaryField: string;
+        syncLocation: boolean;
+        pageField: string;
+        perPageField: string;
+        hideQuickSaveBtn: boolean;
+        autoJumpToTopOnPagerChange: boolean;
+        silentPolling: boolean;
+        filterTogglable: boolean;
+        filterDefaultVisible: boolean;
+        loadDataOnce: boolean;
+        loadDataOnceFetchOnFilter: boolean;
+        autoFillHeight: boolean;
+    };
+    control: any;
+    lastQuery: any;
+    lastData: any;
+    timer: ReturnType<typeof setTimeout>;
+    mounted: boolean;
+    constructor(props: CRUDProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: CRUDProps): void;
+    componentWillUnmount(): void;
+    controlRef(control: any): void;
+    handleAction(e: React.UIEvent<any> | undefined, action: ActionObject, ctx: object, throwErrors?: boolean, delegate?: IScopedContext): any;
+    handleBulkAction(selectedItems: Array<any>, unSelectedItems: Array<any>, e: React.UIEvent<any>, action: ActionObject): void;
+    handleItemAction(action: ActionObject, ctx: any): void;
+    handleFilterInit(values: object): void;
+    handleFilterReset(values: object): void;
+    handleFilterSubmit(values: object, jumpToFirstPage?: boolean, replaceLocation?: boolean, search?: boolean): void;
+    handleBulkGo(selectedItems: Array<any>, unSelectedItems: Array<any>, e: React.MouseEvent<any>): void | Promise<false | void>;
+    handleDialogConfirm(values: object[], action: ActionObject, ctx: any, components: Array<any>): any;
+    handleDialogClose(confirmed?: boolean): void;
+    openFeedback(dialog: any, ctx: any): Promise<unknown>;
+    search(values?: any, silent?: boolean, clearSelection?: boolean, forceReload?: boolean): void;
+    silentSearch(values?: object, clearSelection?: boolean, forceReload?: boolean): void;
+    handleChangePage(page: number, perPage?: number): void;
+    handleSave(rows: Array<object> | object, diff: Array<object> | object, indexes: Array<string>, unModifiedItems?: Array<any>, rowsOrigin?: Array<object> | object, resetOnFailed?: boolean): void;
+    handleSaveOrder(moved: Array<object>, rows: Array<object>): void;
+    handleSelect(items: Array<any>, unSelectedItems: Array<any>): void;
+    handleChildPopOverOpen(popOver: any): void;
+    handleChildPopOverClose(popOver: any): void;
+    handleQuery(values: object, forceReload?: boolean): void;
+    reload(subpath?: string, query?: any): void;
+    receive(values: object): void;
+    reloadTarget(target: string, data: any): void;
+    closeTarget(target: string): void;
+    doAction(action: ActionObject, data: object, throwErrors?: boolean): any;
+    unSelectItem(item: any, index: number): void;
+    clearSelection(): void;
+    hasBulkActionsToolbar(): any;
+    hasBulkActions(): number | false;
+    renderBulkActions(childProps: any): JSX.Element | null;
+    renderPagination(toolbar: SchemaNode): JSX.Element | null;
+    renderStatistics(): JSX.Element | null;
+    renderSwitchPerPage(childProps: any): JSX.Element | null;
+    renderLoadMore(): "" | JSX.Element;
+    renderFilterToggler(): JSX.Element | null;
+    renderExportCSV(toolbar: Schema): JSX.Element;
+    renderToolbar(toolbar?: SchemaNode, index?: number, childProps?: any, toolbarRenderer?: (toolbar: SchemaNode, index: number) => React.ReactNode): {} | null;
+    renderHeaderToolbar(childProps: any, toolbarRenderer?: (toolbar: SchemaNode, index: number) => React.ReactNode): {} | null;
+    renderFooterToolbar(childProps: any, toolbarRenderer?: (toolbar: SchemaNode, index: number) => React.ReactNode): {} | null;
+    renderSelection(): React.ReactNode;
+    render(): JSX.Element;
+}
+export declare class CRUDRenderer extends CRUD {
+    static contextType: React.Context<IScopedContext>;
+    constructor(props: CRUDProps, context: IScopedContext);
+    componentWillUnmount(): void;
+    reload(subpath?: string, query?: any, ctx?: any): void;
+    receive(values: any, subPath?: string): void;
+    reloadTarget(target: string, data: any): void;
+    closeTarget(target: string): void;
+}