amis 2.0.0-rc.14 → 2.0.0-rc.15

package/esm/renderers/Pagination.js

@@ -0,0 +1,35 @@
+/**
+ * amis v2.0.0-rc.15
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __assign, __decorate } from 'tslib';
+import React from 'react';
+import { Renderer } from 'amis-core';
+import { Pagination as Pagination$1 } from 'amis-ui';
+
+var Pagination = /** @class */ (function (_super) {
+    __extends(Pagination, _super);
+    function Pagination() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Pagination.prototype.render = function () {
+        return React.createElement(Pagination$1, __assign({}, this.props));
+    };
+    return Pagination;
+}(React.Component));
+/** @class */ ((function (_super) {
+    __extends(PaginationRenderer, _super);
+    function PaginationRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    PaginationRenderer = __decorate([
+        Renderer({
+            test: /(^|\/)(?:pagination|pager)$/,
+            name: 'pagination'
+        })
+    ], PaginationRenderer);
+    return PaginationRenderer;
+})(Pagination));
+
+export { Pagination as default };

package/esm/renderers/PaginationWrapper.d.ts

@@ -0,0 +1,67 @@
+import React from 'react';
+import { RendererProps } from 'amis-core';
+import { BaseSchema, SchemaCollection } from '../Schema';
+import { IPaginationStore } from 'amis-core';
+/**
+ * 分页容器功能性渲染器。详情请见：https://baidu.gitee.io/amis/docs/components/pagination-wrapper
+ */
+export interface PaginationWrapperSchema extends BaseSchema {
+    /**
+     * 指定为分页容器功能性渲染器
+     */
+    type: 'pagination-wrapper';
+    /**
+     * 是否显示快速跳转输入框
+     */
+    showPageInput?: boolean;
+    /**
+     * 最多显示多少个分页按钮。
+     *
+     * @default 5
+     */
+    maxButtons?: number;
+    /**
+     * 输入字段名
+     *
+     * @default items
+     */
+    inputName?: string;
+    /**
+     * 输出字段名
+     *
+     * @default items
+     */
+    outputName?: string;
+    /**
+     * 每页显示多条数据。
+     * @default 10
+     */
+    perPage?: number;
+    /**
+     * 分页显示位置，如果配置为 none 则需要自己在内容区域配置 pagination 组件，否则不显示。
+     */
+    position?: 'top' | 'bottom' | 'none';
+    /**
+     * 内容区域
+     */
+    body?: SchemaCollection;
+}
+export interface PaginationWrapProps extends RendererProps, Omit<PaginationWrapperSchema, 'type' | 'className'> {
+    inputName: string;
+    outputName: string;
+    perPage: number;
+    store: IPaginationStore;
+}
+export declare class PaginationWrapper extends React.Component<PaginationWrapProps> {
+    static defaultProps: {
+        inputName: string;
+        outputName: string;
+        perPage: number;
+        position: string;
+    };
+    constructor(props: PaginationWrapProps);
+    componentDidUpdate(prevProps: PaginationWrapProps): void;
+    render(): JSX.Element;
+}
+export declare class PaginationWrapperRenderer extends PaginationWrapper {
+}

package/esm/renderers/PaginationWrapper.js

@@ -0,0 +1,73 @@
+/**
+ * amis v2.0.0-rc.15
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __decorate } from 'tslib';
+import React from 'react';
+import { Renderer, PaginationStore } from 'amis-core';
+
+var PaginationWrapper = /** @class */ (function (_super) {
+    __extends(PaginationWrapper, _super);
+    function PaginationWrapper(props) {
+        var _this = _super.call(this, props) || this;
+        props.store.syncProps(props, undefined, [
+            'perPage',
+            'mode',
+            'inputName',
+            'outputName'
+        ]);
+        return _this;
+    }
+    PaginationWrapper.prototype.componentDidUpdate = function (prevProps) {
+        var store = this.props.store;
+        store.syncProps(this.props, prevProps, [
+            'perPage',
+            'mode',
+            'inputName',
+            'outputName'
+        ]);
+    };
+    PaginationWrapper.prototype.render = function () {
+        var _a = this.props, position = _a.position, render = _a.render, store = _a.store, cx = _a.classnames, body = _a.body, __ = _a.translate;
+        var pagination = position !== 'none'
+            ? render('pager', {
+                type: 'pagination'
+            }, {
+                activePage: store.page,
+                lastPage: store.lastPage,
+                mode: store.mode,
+                onPageChange: store.switchTo,
+                className: 'PaginationWrapper-pager'
+            })
+            : null;
+        return (React.createElement("div", { className: cx('PaginationWrapper') },
+            position === 'top' ? pagination : null,
+            body ? (render('body', body, {
+                data: store.locals
+            })) : (React.createElement("span", null, __('PaginationWrapper.placeholder'))),
+            position === 'bottom' ? pagination : null));
+    };
+    PaginationWrapper.defaultProps = {
+        inputName: 'items',
+        outputName: 'items',
+        perPage: 10,
+        position: 'top'
+    };
+    return PaginationWrapper;
+}(React.Component));
+/** @class */ ((function (_super) {
+    __extends(PaginationWrapperRenderer, _super);
+    function PaginationWrapperRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    PaginationWrapperRenderer = __decorate([
+        Renderer({
+            type: 'pagination-wrapper',
+            storeType: PaginationStore.name
+        })
+    ], PaginationWrapperRenderer);
+    return PaginationWrapperRenderer;
+})(PaginationWrapper));
+
+export { PaginationWrapper };

package/esm/renderers/Panel.d.ts

@@ -0,0 +1,86 @@
+import React from 'react';
+import { RendererProps } from 'amis-core';
+import { BaseSchema, SchemaClassName, SchemaCollection, SchemaTpl } from '../Schema';
+import { ActionSchema } from './Action';
+import { FormHorizontal } from 'amis-core';
+/**
+ * Panel渲染器。
+ * 文档：https://baidu.gitee.io/amis/docs/components/panel
+ */
+export interface PanelSchema extends BaseSchema {
+    /**
+     * 指定为Panel渲染器。
+     */
+    type: 'panel';
+    /**
+     * 按钮集合
+     */
+    actions?: Array<ActionSchema>;
+    /**
+     * 按钮集合外层类名
+     */
+    actionsClassName?: SchemaClassName;
+    /**
+     * 内容区域
+     */
+    body?: SchemaCollection;
+    /**
+     * 配置 Body 容器 className
+     */
+    bodyClassName?: SchemaClassName;
+    /**
+     * 底部内容区域
+     */
+    footer?: SchemaCollection;
+    /**
+     * 配置 footer 容器 className
+     */
+    footerClassName?: SchemaClassName;
+    /**
+     * footer 和 actions 外层 div 类名。
+     */
+    footerWrapClassName?: SchemaClassName;
+    /**
+     * 头部内容, 和 title 二选一。
+     */
+    header?: SchemaCollection;
+    /**
+     * 配置 header 容器 className
+     */
+    headerClassName?: SchemaClassName;
+    /**
+     * Panel 标题
+     */
+    title?: SchemaTpl;
+    /**
+     * 固定底部, 想要把按钮固定在底部的时候配置。
+     */
+    affixFooter?: boolean | 'always';
+    /**
+     * 配置子表单项默认的展示方式。
+     */
+    subFormMode?: 'normal' | 'inline' | 'horizontal';
+    /**
+     * 如果是水平排版，这个属性可以细化水平排版的左右宽度占比。
+     */
+    subFormHorizontal?: FormHorizontal;
+}
+export interface PanelProps extends RendererProps, Omit<PanelSchema, 'type' | 'className' | 'panelClassName' | 'bodyClassName'> {
+}
+export default class Panel extends React.Component<PanelProps> {
+    static propsList: Array<string>;
+    static defaultProps: {};
+    parentNode?: any;
+    unSensor: Function;
+    affixDom: React.RefObject<HTMLDivElement>;
+    footerDom: React.RefObject<HTMLDivElement>;
+    timer: ReturnType<typeof setTimeout>;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    affixDetect(): void;
+    renderBody(): JSX.Element | null;
+    renderActions(): JSX.Element[] | null;
+    render(): JSX.Element;
+}
+export declare class PanelRenderer extends Panel {
+}

package/esm/renderers/Panel.js

@@ -0,0 +1,144 @@
+/**
+ * amis v2.0.0-rc.15
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __rest, __assign, __decorate, __metadata } from 'tslib';
+import React from 'react';
+import { getScrollParent, resizeSensor, autobind, Renderer } from 'amis-core';
+import { findDOMNode } from 'react-dom';
+
+var Panel = /** @class */ (function (_super) {
+    __extends(Panel, _super);
+    function Panel() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.affixDom = React.createRef();
+        _this.footerDom = React.createRef();
+        return _this;
+    }
+    Panel.prototype.componentDidMount = function () {
+        var dom = findDOMNode(this);
+        var parent = dom ? getScrollParent(dom) : null;
+        if (!parent || parent === document.body) {
+            parent = window;
+        }
+        this.parentNode = parent;
+        parent.addEventListener('scroll', this.affixDetect);
+        this.unSensor = resizeSensor(dom, this.affixDetect);
+        this.affixDetect();
+    };
+    Panel.prototype.componentWillUnmount = function () {
+        var parent = this.parentNode;
+        parent && parent.removeEventListener('scroll', this.affixDetect);
+        this.unSensor && this.unSensor();
+        clearTimeout(this.timer);
+    };
+    Panel.prototype.affixDetect = function () {
+        var _a, _b;
+        if (!this.props.affixFooter ||
+            !this.affixDom.current ||
+            !this.footerDom.current) {
+            return;
+        }
+        var affixDom = this.affixDom.current;
+        var footerDom = this.footerDom.current;
+        var offsetBottom = (_b = (_a = this.props.affixOffsetBottom) !== null && _a !== void 0 ? _a : this.props.env.affixOffsetBottom) !== null && _b !== void 0 ? _b : 0;
+        var affixed = false;
+        if (footerDom.offsetWidth) {
+            affixDom.style.cssText = "bottom: ".concat(offsetBottom, "px;width: ").concat(footerDom.offsetWidth, "px");
+        }
+        else {
+            this.timer = setTimeout(this.affixDetect, 250);
+            return;
+        }
+        if (this.props.affixFooter === 'always') {
+            affixed = true;
+            footerDom.classList.add('invisible2');
+        }
+        else {
+            var clip = footerDom.getBoundingClientRect();
+            var clientHeight = window.innerHeight;
+            // affixed = clip.top + clip.height / 2 > clientHeight;
+            affixed = clip.bottom > clientHeight - offsetBottom;
+        }
+        affixed ? affixDom.classList.add('in') : affixDom.classList.remove('in');
+    };
+    Panel.prototype.renderBody = function () {
+        var _a = this.props; _a.type; _a.className; var data = _a.data; _a.header; var body = _a.body, render = _a.render; _a.bodyClassName; _a.headerClassName; _a.actionsClassName; _a.footerClassName; var children = _a.children; _a.title; _a.actions; _a.footer; _a.classPrefix; var formMode = _a.formMode, formHorizontal = _a.formHorizontal, subFormMode = _a.subFormMode, subFormHorizontal = _a.subFormHorizontal, rest = __rest(_a, ["type", "className", "data", "header", "body", "render", "bodyClassName", "headerClassName", "actionsClassName", "footerClassName", "children", "title", "actions", "footer", "classPrefix", "formMode", "formHorizontal", "subFormMode", "subFormHorizontal"]);
+        var subProps = __assign(__assign({ data: data }, rest), { formMode: subFormMode || formMode, formHorizontal: subFormHorizontal || formHorizontal });
+        return children
+            ? typeof children === 'function'
+                ? children(this.props)
+                : children
+            : body
+                ? render('body', body, subProps)
+                : null;
+    };
+    Panel.prototype.renderActions = function () {
+        var _a = this.props, actions = _a.actions, render = _a.render;
+        if (Array.isArray(actions) && actions.length) {
+            return actions.map(function (action, key) {
+                return render('action', action, {
+                    type: action.type || 'button',
+                    key: key
+                });
+            });
+        }
+        return null;
+    };
+    Panel.prototype.render = function () {
+        var _a = this.props; _a.type; var className = _a.className, data = _a.data, header = _a.header; _a.body; var render = _a.render, bodyClassName = _a.bodyClassName, headerClassName = _a.headerClassName, actionsClassName = _a.actionsClassName, footerClassName = _a.footerClassName, footerWrapClassName = _a.footerWrapClassName; _a.children; var title = _a.title, footer = _a.footer, affixFooter = _a.affixFooter, ns = _a.classPrefix, cx = _a.classnames, rest = __rest(_a, ["type", "className", "data", "header", "body", "render", "bodyClassName", "headerClassName", "actionsClassName", "footerClassName", "footerWrapClassName", "children", "title", "footer", "affixFooter", "classPrefix", "classnames"]);
+        var subProps = __assign({ data: data }, rest);
+        var footerDoms = [];
+        var actions = this.renderActions();
+        actions &&
+            footerDoms.push(React.createElement("div", { key: "actions", className: cx("Panel-btnToolbar", actionsClassName || "Panel-footer") }, actions));
+        footer &&
+            footerDoms.push(React.createElement("div", { key: "footer", className: cx(footerClassName || "Panel-footer") }, render('footer', footer, subProps)));
+        var footerDom = footerDoms.length ? (React.createElement("div", { className: cx('Panel-footerWrap', footerWrapClassName), ref: this.footerDom }, footerDoms)) : null;
+        return (React.createElement("div", { className: cx("Panel", className || "Panel--default") },
+            header ? (React.createElement("div", { className: cx(headerClassName || "Panel-heading") }, render('header', header, subProps))) : title ? (React.createElement("div", { className: cx(headerClassName || "Panel-heading") },
+                React.createElement("h3", { className: cx("Panel-title") }, render('title', title, subProps)))) : null,
+            React.createElement("div", { className: bodyClassName || "".concat(ns, "Panel-body") }, this.renderBody()),
+            footerDom,
+            affixFooter && footerDoms.length ? (React.createElement("div", { ref: this.affixDom, className: cx('Panel-fixedBottom Panel-footerWrap', footerWrapClassName) }, footerDoms)) : null));
+    };
+    Panel.propsList = [
+        'header',
+        'actions',
+        'children',
+        'headerClassName',
+        'footerClassName',
+        'footerWrapClassName',
+        'actionsClassName',
+        'bodyClassName'
+    ];
+    Panel.defaultProps = {
+    // className: 'Panel--default',
+    // headerClassName: 'Panel-heading',
+    // footerClassName: 'Panel-footer bg-light lter Wrapper',
+    // actionsClassName: 'Panel-footer',
+    // bodyClassName: 'Panel-body'
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], Panel.prototype, "affixDetect", null);
+    return Panel;
+}(React.Component));
+/** @class */ ((function (_super) {
+    __extends(PanelRenderer, _super);
+    function PanelRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    PanelRenderer = __decorate([
+        Renderer({
+            type: 'panel'
+        })
+    ], PanelRenderer);
+    return PanelRenderer;
+})(Panel));
+
+export { Panel as default };

package/esm/renderers/Plain.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { RendererProps } from 'amis-core';
+import { BaseSchema, SchemaTpl } from '../Schema';
+/**
+ * Plain 纯文本渲染器
+ * 文档：https://baidu.gitee.io/amis/docs/components/plain
+ */
+export interface PlainSchema extends BaseSchema {
+    /**
+     * 指定为模板渲染器。
+     *
+     * 文档：https://baidu.gitee.io/amis/docs/concepts/template
+     */
+    type: 'plain' | 'text';
+    tpl?: SchemaTpl;
+    text?: SchemaTpl;
+    /**
+     * 是否内联显示？
+     */
+    inline?: boolean;
+    /**
+     * 占位符
+     * @deprecated -
+     */
+    placeholder?: string;
+}
+export interface PlainProps extends RendererProps, Omit<PlainSchema, 'type' | 'className'> {
+    wrapperComponent?: any;
+}
+export declare class Plain extends React.Component<PlainProps, object> {
+    static defaultProps: Partial<PlainProps>;
+    render(): JSX.Element;
+}
+export declare class PlainRenderer extends Plain {
+}

package/esm/renderers/Plain.js

@@ -0,0 +1,42 @@
+/**
+ * amis v2.0.0-rc.15
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __decorate } from 'tslib';
+import React from 'react';
+import { getPropValue, filter, Renderer } from 'amis-core';
+
+var Plain = /** @class */ (function (_super) {
+    __extends(Plain, _super);
+    function Plain() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Plain.prototype.render = function () {
+        var _a = this.props, className = _a.className, wrapperComponent = _a.wrapperComponent, text = _a.text, data = _a.data, tpl = _a.tpl, inline = _a.inline, placeholder = _a.placeholder, cx = _a.classnames;
+        var value = getPropValue(this.props);
+        var Component = wrapperComponent || (inline ? 'span' : 'div');
+        return (React.createElement(Component, { className: cx('PlainField', className) }, tpl || text ? (filter(tpl || text, data)) : typeof value === 'undefined' || value === '' || value === null ? (React.createElement("span", { className: "text-muted" }, placeholder)) : (String(value))));
+    };
+    Plain.defaultProps = {
+        wrapperComponent: '',
+        inline: true,
+        placeholder: '-'
+    };
+    return Plain;
+}(React.Component));
+/** @class */ ((function (_super) {
+    __extends(PlainRenderer, _super);
+    function PlainRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    PlainRenderer = __decorate([
+        Renderer({
+            test: /(^|\/)(?:plain|text)$/,
+            name: 'plain'
+        })
+    ], PlainRenderer);
+    return PlainRenderer;
+})(Plain));
+
+export { Plain };

package/esm/renderers/PopOver.d.ts

@@ -0,0 +1,69 @@
+/**
+ * @file scoped.jsx.
+ * @author fex
+ */
+import React from 'react';
+import { RendererProps } from 'amis-core';
+import { SchemaCollection, SchemaExpression } from '../Schema';
+export interface SchemaPopOverObject {
+    /**
+     * 类名
+     */
+    className?: string;
+    /**
+     * 弹框外层类名
+     */
+    popOverClassName?: string;
+    /**
+     * 配置当前行是否启动，要用表达式
+     */
+    popOverEnableOn?: SchemaExpression;
+    /**
+     * 弹出模式
+     */
+    mode?: 'dialog' | 'drawer' | 'popOver';
+    /**
+     * 是弹窗形式的时候有用。
+     */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * 弹出位置
+     */
+    position?: 'center' | 'left-top' | 'left-top-left-top' | 'left-top-left-center' | 'left-top-left-bottom' | 'left-top-center-top' | 'left-top-center-center' | 'left-top-center-bottom' | 'left-top-right-top' | 'left-top-right-center' | 'left-top-right-bottom' | 'right-top' | 'right-top-left-top' | 'right-top-left-center' | 'right-top-left-bottom' | 'right-top-center-top' | 'right-top-center-center' | 'right-top-center-bottom' | 'right-top-right-top' | 'right-top-right-center' | 'right-top-right-bottom' | 'left-bottom' | 'left-bottom-left-top' | 'left-bottom-left-center' | 'left-bottom-left-bottom' | 'left-bottom-center-top' | 'left-bottom-center-center' | 'left-bottom-center-bottom' | 'left-bottom-right-top' | 'left-bottom-right-center' | 'left-bottom-right-bottom' | 'right-bottom' | 'right-bottom-left-top' | 'right-bottom-left-center' | 'right-bottom-left-bottom' | 'right-bottom-center-top' | 'right-bottom-center-center' | 'right-bottom-center-bottom' | 'right-bottom-right-top' | 'right-bottom-right-center' | 'right-bottom-right-bottom' | 'fixed-center' | 'fixed-left-top' | 'fixed-right-top' | 'fixed-left-bottom' | 'fixed-right-bottom';
+    /**
+     * 触发条件，默认是 click
+     */
+    trigger?: 'click' | 'hover';
+    /**
+     * 是否显示查看更多的 icon，通常是放大图标。
+     */
+    showIcon?: boolean;
+    /**
+     * 偏移量
+     */
+    offset?: {
+        top?: number;
+        left?: number;
+    };
+    /**
+     * 标题
+     */
+    title?: string;
+    body?: SchemaCollection;
+}
+export declare type SchemaPopOver = boolean | SchemaPopOverObject;
+export interface PopOverProps extends RendererProps {
+    name?: string;
+    label?: string;
+    popOver: boolean | SchemaPopOverObject;
+    onPopOverOpened: (popover: any) => void;
+    onPopOverClosed: (popover: any) => void;
+}
+export interface PopOverState {
+    isOpened: boolean;
+}
+export declare const HocPopOver: (config?: {
+    targetOutter?: boolean;
+    position?: string;
+}) => (Component: React.ComponentType<any>) => any;
+export default HocPopOver;