amis 2.0.0-rc.9 → 2.0.0

package/esm/renderers/Remark.d.ts

@@ -0,0 +1,105 @@
+/// <reference types="hoist-non-react-statics" />
+import React from 'react';
+import { RendererProps } from 'amis-core';
+import { ClassNamesFn } from 'amis-core';
+import { BaseSchema, SchemaClassName, SchemaIcon, SchemaTpl } from '../Schema';
+import type { TooltipObject } from 'amis-ui/lib/components/TooltipWrapper';
+/**
+ * 提示渲染器，默认会显示个小图标，鼠标放上来的时候显示配置的内容。
+ */
+export interface RemarkSchema extends BaseSchema {
+    /**
+     * 指定为提示类型
+     */
+    type: 'remark';
+    label?: string;
+    icon?: SchemaIcon;
+    tooltipClassName?: SchemaClassName;
+    /**
+     * 触发规则
+     */
+    trigger?: Array<'click' | 'hover' | 'focus'>;
+    /**
+     * 提示标题
+     */
+    title?: string;
+    /**
+     * 提示内容
+     */
+    content: SchemaTpl;
+    /**
+     * 显示位置
+     */
+    placement?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * 点击其他内容时是否关闭弹框信息
+     */
+    rootClose?: boolean;
+    /**
+     * icon的形状
+     */
+    shape?: 'circle' | 'square';
+}
+export declare type SchemaRemark = string | Omit<RemarkSchema, 'type'>;
+export declare function filterContents(tooltip: string | undefined | {
+    title?: string;
+    children?: any;
+    content?: string;
+    body?: string;
+}, data: any): string | {
+    children: any;
+    title: string;
+    content: string | undefined;
+} | undefined;
+export interface RemarkProps extends RendererProps, Omit<RemarkSchema, 'type' | 'className'> {
+    icon: string;
+    trigger: Array<'hover' | 'click' | 'focus'>;
+}
+declare class Remark extends React.Component<RemarkProps> {
+    static propsList: Array<string>;
+    static defaultProps: {
+        icon: string;
+        trigger: ("click" | "hover" | "focus")[];
+    };
+    showModalTip(tooltip?: string | TooltipObject): (e: React.MouseEvent) => void;
+    renderLabel(finalIcon: any, finalLabel: string, cx: ClassNamesFn, shape?: 'circle' | 'square'): JSX.Element;
+    render(): JSX.Element;
+}
+declare const _default: {
+    new (props: Omit<RemarkProps, keyof import("amis-core").ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<RemarkProps, keyof import("amis-core").ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<RemarkProps, keyof import("amis-core").ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<RemarkProps, keyof import("amis-core").ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<RemarkProps, keyof import("amis-core").ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<RemarkProps, keyof import("amis-core").ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<RemarkProps, keyof import("amis-core").ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<RemarkProps, keyof import("amis-core").ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<RemarkProps, keyof import("amis-core").ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<RemarkProps, keyof import("amis-core").ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<typeof Remark>;
+} & import("hoist-non-react-statics").NonReactStatics<typeof Remark, {}> & {
+    ComposedComponent: typeof Remark;
+};
+export default _default;
+export declare class RemarkRenderer extends Remark {
+}

package/esm/renderers/Remark.js

@@ -0,0 +1,100 @@
+/**
+ * amis v2.0.0
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __decorate, __metadata } from 'tslib';
+import React from 'react';
+import { isMobile, autobind, themeable, Renderer, filter } from 'amis-core';
+import { hasIcon, Icon, TooltipWrapper } from 'amis-ui';
+
+function filterContents(tooltip, data) {
+    if (typeof tooltip === 'string') {
+        return filter(tooltip, data);
+    }
+    else if (tooltip) {
+        return tooltip.title
+            ? {
+                children: tooltip === null || tooltip === void 0 ? void 0 : tooltip.children,
+                title: filter(tooltip.title, data),
+                content: tooltip.content || tooltip.body
+                    ? filter(tooltip.content || tooltip.body || '', data)
+                    : undefined
+            }
+            : tooltip.content || tooltip.body
+                ? filter(tooltip.content || tooltip.body || '', data)
+                : undefined;
+    }
+    return tooltip;
+}
+var Remark = /** @class */ (function (_super) {
+    __extends(Remark, _super);
+    function Remark() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Remark.prototype.showModalTip = function (tooltip) {
+        var _a = this.props, onAction = _a.onAction, data = _a.data;
+        return function (e) {
+            onAction &&
+                onAction(e, {
+                    actionType: 'dialog',
+                    dialog: {
+                        title: tooltip && typeof tooltip !== 'string' ? tooltip.title : '',
+                        body: tooltip && typeof tooltip !== 'string'
+                            ? tooltip.content
+                            : tooltip,
+                        actions: []
+                    }
+                }, data);
+        };
+    };
+    Remark.prototype.renderLabel = function (finalIcon, finalLabel, cx, shape) {
+        var shapeClass = shape ? "Remark-icon--".concat(shape) : undefined;
+        return (React.createElement(React.Fragment, null,
+            finalLabel ? React.createElement("span", null, finalLabel) : null,
+            finalIcon ? (hasIcon(finalIcon) ? (React.createElement("span", { className: cx('Remark-icon', shapeClass) },
+                React.createElement(Icon, { icon: finalIcon }))) : (React.createElement("i", { className: cx('Remark-icon', finalIcon) }))) : finalIcon === false && finalLabel ? null : (React.createElement("span", { className: cx('Remark-icon icon', shapeClass) },
+                React.createElement(Icon, { icon: "question-mark" })))));
+    };
+    Remark.prototype.render = function () {
+        var _a, _b, _c;
+        var _d = this.props, className = _d.className, icon = _d.icon, label = _d.label, shape = _d.shape, tooltip = _d.tooltip, placement = _d.placement, rootClose = _d.rootClose, trigger = _d.trigger, container = _d.container, ns = _d.classPrefix, cx = _d.classnames, content = _d.content, data = _d.data, env = _d.env, tooltipClassName = _d.tooltipClassName, useMobileUI = _d.useMobileUI;
+        var finalIcon = (_a = tooltip === null || tooltip === void 0 ? void 0 : tooltip.icon) !== null && _a !== void 0 ? _a : icon;
+        var finalLabel = (_b = tooltip === null || tooltip === void 0 ? void 0 : tooltip.label) !== null && _b !== void 0 ? _b : label;
+        var finalShape = (_c = tooltip === null || tooltip === void 0 ? void 0 : tooltip.shape) !== null && _c !== void 0 ? _c : shape;
+        var parsedTip = filterContents(tooltip || content, data);
+        // 移动端使用弹框提示
+        if (isMobile() && useMobileUI) {
+            return (React.createElement("div", { className: cx("Remark", (tooltip && tooltip.className) || className || "Remark--warning"), onClick: this.showModalTip(parsedTip) }, this.renderLabel(finalIcon, finalLabel, cx, finalShape)));
+        }
+        return (React.createElement(TooltipWrapper, { classPrefix: ns, classnames: cx, tooltip: parsedTip, tooltipClassName: (tooltip && tooltip.tooltipClassName) || tooltipClassName, placement: (tooltip && tooltip.placement) || placement, rootClose: (tooltip && tooltip.rootClose) || rootClose, trigger: (tooltip && tooltip.trigger) || trigger, container: container || env.getModalContainer, delay: tooltip && tooltip.delay },
+            React.createElement("div", { className: cx("Remark", (tooltip && tooltip.className) || className || "Remark--warning") }, this.renderLabel(finalIcon, finalLabel, cx, finalShape))));
+    };
+    Remark.propsList = [];
+    Remark.defaultProps = {
+        icon: '',
+        trigger: ['hover', 'focus']
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], Remark.prototype, "showModalTip", null);
+    return Remark;
+}(React.Component));
+themeable(Remark);
+/** @class */ ((function (_super) {
+    __extends(RemarkRenderer, _super);
+    function RemarkRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RemarkRenderer = __decorate([
+        Renderer({
+            type: 'remark'
+        })
+    ], RemarkRenderer);
+    return RemarkRenderer;
+})(Remark));
+
+export { filterContents };

package/esm/renderers/SearchBox.d.ts

@@ -0,0 +1,69 @@
+import { RendererProps } from 'amis-core';
+import React from 'react';
+import { BaseSchema, SchemaClassName } from '../Schema';
+/**
+ * 搜索框渲染器
+ */
+export interface SearchBoxSchema extends BaseSchema {
+    /**
+     * 指定为搜索框。
+     *
+     * 文档：https://baidu.gitee.io/amis/docs/components/search-box
+     */
+    type: 'search-box';
+    /**
+     * 外层 css 类名
+     */
+    className?: SchemaClassName;
+    /**
+     * 关键字名字。
+     *
+     * @default keywords
+     */
+    name?: string;
+    /**
+     * 占位符
+     */
+    placeholder?: string;
+    /**
+     * 是否为 Mini 样式。
+     */
+    mini?: boolean;
+    /**
+     * 是否为加强样式
+     */
+    enhance?: boolean;
+    /**
+     * 是否可清除
+     */
+    clearable?: boolean;
+    /**
+     * 是否立马搜索。
+     */
+    searchImediately?: boolean;
+}
+interface SearchBoxProps extends RendererProps, Omit<SearchBoxSchema, 'type' | 'className'> {
+    name: string;
+    onQuery?: (query: {
+        [propName: string]: string;
+    }) => void;
+}
+export interface SearchBoxState {
+    value: string;
+}
+export declare class SearchBoxRenderer extends React.Component<SearchBoxProps, SearchBoxState> {
+    static defaultProps: {
+        name: string;
+        mini: boolean;
+        enhance: boolean;
+        clearable: boolean;
+        searchImediately: boolean;
+    };
+    static propsList: Array<string>;
+    constructor(props: SearchBoxProps);
+    handleChange(value: string): void;
+    handleCancel(): void;
+    handleSearch(text: string): void;
+    render(): JSX.Element;
+}
+export {};

package/esm/renderers/SearchBox.js

@@ -0,0 +1,77 @@
+/**
+ * amis v2.0.0
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __decorate, __metadata } from 'tslib';
+import { getPropValue, setVariable, autobind, Renderer } from 'amis-core';
+import React from 'react';
+import { SearchBox } from 'amis-ui';
+
+/** @class */ ((function (_super) {
+    __extends(SearchBoxRenderer, _super);
+    function SearchBoxRenderer(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            value: getPropValue(props) || ''
+        };
+        return _this;
+    }
+    SearchBoxRenderer.prototype.handleChange = function (value) {
+        this.setState({ value: value });
+    };
+    SearchBoxRenderer.prototype.handleCancel = function () {
+        var name = this.props.name;
+        var onQuery = this.props.onQuery;
+        var value = getPropValue(this.props);
+        if (value !== '') {
+            var data = {};
+            setVariable(data, name, '');
+            onQuery === null || onQuery === void 0 ? void 0 : onQuery(data);
+        }
+    };
+    SearchBoxRenderer.prototype.handleSearch = function (text) {
+        var _a = this.props, name = _a.name, onQuery = _a.onQuery;
+        var data = {};
+        setVariable(data, name, text);
+        onQuery === null || onQuery === void 0 ? void 0 : onQuery(data);
+    };
+    SearchBoxRenderer.prototype.render = function () {
+        var _a = this.props; _a.data; var name = _a.name, onQuery = _a.onQuery, mini = _a.mini, enhance = _a.enhance, clearable = _a.clearable, searchImediately = _a.searchImediately, placeholder = _a.placeholder, onChange = _a.onChange, className = _a.className;
+        var value = this.state.value;
+        return (React.createElement(SearchBox, { className: className, name: name, disabled: !onQuery, defaultActive: !!value, defaultValue: onChange ? undefined : value, value: value, mini: mini, enhance: enhance, clearable: clearable, searchImediately: searchImediately, onSearch: this.handleSearch, onCancel: this.handleCancel, placeholder: placeholder, onChange: this.handleChange }));
+    };
+    SearchBoxRenderer.defaultProps = {
+        name: 'keywords',
+        mini: false,
+        enhance: false,
+        clearable: false,
+        searchImediately: false
+    };
+    SearchBoxRenderer.propsList = ['mini', 'searchImediately'];
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [String]),
+        __metadata("design:returntype", void 0)
+    ], SearchBoxRenderer.prototype, "handleChange", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], SearchBoxRenderer.prototype, "handleCancel", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [String]),
+        __metadata("design:returntype", void 0)
+    ], SearchBoxRenderer.prototype, "handleSearch", null);
+    SearchBoxRenderer = __decorate([
+        Renderer({
+            type: 'search-box'
+        }),
+        __metadata("design:paramtypes", [Object])
+    ], SearchBoxRenderer);
+    return SearchBoxRenderer;
+})(React.Component));

package/esm/renderers/Service.d.ts

@@ -0,0 +1,120 @@
+import React from 'react';
+import { RendererProps } from 'amis-core';
+import { IServiceStore } from 'amis-core';
+import { Api, RendererData, ActionObject } from 'amis-core';
+import Scoped, { IScopedContext } from 'amis-core';
+import { BaseSchema, SchemaApi, SchemaCollection, SchemaExpression, SchemaMessage, SchemaName } from '../Schema';
+import type { ListenerAction } from 'amis-core';
+/**
+ * Service 服务类控件。
+ * 文档：https://baidu.gitee.io/amis/docs/components/service
+ */
+export interface ServiceSchema extends BaseSchema {
+    /**
+     * 指定为 Service 数据拉取控件。
+     */
+    type: 'service';
+    /**
+     * 页面初始化的时候，可以设置一个 API 让其取拉取，发送数据会携带当前 data 数据（包含地址栏参数），获取得数据会合并到 data 中，供组件内使用。
+     */
+    api?: SchemaApi;
+    /**
+     * WebScocket 地址，用于实时获取数据
+     */
+    ws?: string;
+    /**
+     * 通过调用外部函数来获取数据
+     */
+    dataProvider?: string | Function;
+    /**
+     * 内容区域
+     */
+    body?: SchemaCollection;
+    /**
+     * @deprecated 改成 api 的 sendOn。
+     */
+    fetchOn?: SchemaExpression;
+    /**
+     * 是否默认就拉取？
+     */
+    initFetch?: boolean;
+    /**
+     * 是否默认就拉取？通过表达式来决定.
+     *
+     * @deprecated 改成 api 的 sendOn。
+     */
+    initFetchOn?: SchemaExpression;
+    /**
+     * 用来获取远程 Schema 的 api
+     */
+    schemaApi?: SchemaApi;
+    /**
+     * 是否默认加载 schemaApi
+     */
+    initFetchSchema?: boolean;
+    /**
+     * 用表达式来配置。
+     * @deprecated 改成 api 的 sendOn。
+     */
+    initFetchSchemaOn?: SchemaExpression;
+    /**
+     * 是否轮询拉取
+     */
+    interval?: number;
+    /**
+     * 是否静默拉取
+     */
+    silentPolling?: boolean;
+    /**
+     * 关闭轮询的条件。
+     */
+    stopAutoRefreshWhen?: SchemaExpression;
+    messages?: SchemaMessage;
+    name?: SchemaName;
+}
+export interface ServiceProps extends RendererProps, Omit<ServiceSchema, 'type' | 'className'> {
+    store: IServiceStore;
+    messages: SchemaMessage;
+}
+export default class Service extends React.Component<ServiceProps> {
+    timer: ReturnType<typeof setTimeout>;
+    mounted: boolean;
+    socket: any;
+    dataProviderUnsubscribe?: Function;
+    static defaultProps: Partial<ServiceProps>;
+    static propsList: Array<string>;
+    constructor(props: ServiceProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ServiceProps): void;
+    componentWillUnmount(): void;
+    doAction(action: ListenerAction, args: any): void;
+    initFetch(): void;
+    runDataProvider(): Promise<void>;
+    runDataProviderUnsubscribe(): void;
+    dataProviderSetData(data: any): void;
+    fetchWSData(ws: string | Api, data: any): void;
+    afterDataFetch(result: any): void;
+    afterSchemaFetch(schema: any): void;
+    initInterval(value: any): any;
+    reload(subpath?: string, query?: any, ctx?: RendererData, silent?: boolean): void;
+    silentReload(target?: string, query?: any): void;
+    receive(values: object): void;
+    handleQuery(query: any): void;
+    reloadTarget(target: string, data?: any): void;
+    handleDialogConfirm(values: object[], action: ActionObject, ctx: any, targets: Array<any>): void;
+    handleDialogClose(confirmed?: boolean): void;
+    openFeedback(dialog: any, ctx: any): Promise<unknown>;
+    handleAction(e: React.UIEvent<any> | void, action: ActionObject, data: object, throwErrors?: boolean, delegate?: IScopedContext): void;
+    handleChange(value: any, name: string, submit?: boolean, changePristine?: boolean): void;
+    renderBody(): JSX.Element;
+    render(): JSX.Element;
+}
+export declare class ServiceRenderer extends Service {
+    static contextType: React.Context<Scoped.IScopedContext>;
+    constructor(props: ServiceProps, context: IScopedContext);
+    reload(subpath?: string, query?: any, ctx?: any, silent?: boolean): void;
+    receive(values: any, subPath?: string): void;
+    componentWillUnmount(): void;
+    reloadTarget(target: string, data?: any): void;
+    setData(values: object): void;
+}