amis 2.0.0-rc.9 → 2.0.0

package/esm/renderers/Service.js

@@ -0,0 +1,437 @@
+/**
+ * amis v2.0.0
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __awaiter, __generator, __assign, __decorate, __metadata } from 'tslib';
+import React from 'react';
+import { isApiOutdated, isObjectShallowModified, isEffectiveApi, str2AsyncFunction, buildApi, isEmpty, evalExpression, createObject, filter, isVisible, autobind, qsstringify, ScopedContext, Renderer, ServiceStore } from 'amis-core';
+import { Spinner } from 'amis-ui';
+
+var Service = /** @class */ (function (_super) {
+    __extends(Service, _super);
+    function Service(props) {
+        var _this = _super.call(this, props) || this;
+        _this.handleQuery = _this.handleQuery.bind(_this);
+        _this.handleAction = _this.handleAction.bind(_this);
+        _this.handleChange = _this.handleChange.bind(_this);
+        _this.reload = _this.reload.bind(_this);
+        _this.silentReload = _this.silentReload.bind(_this);
+        _this.initInterval = _this.initInterval.bind(_this);
+        _this.afterDataFetch = _this.afterDataFetch.bind(_this);
+        _this.afterSchemaFetch = _this.afterSchemaFetch.bind(_this);
+        _this.runDataProvider = _this.runDataProvider.bind(_this);
+        _this.dataProviderSetData = _this.dataProviderSetData.bind(_this);
+        return _this;
+    }
+    Service.prototype.componentDidMount = function () {
+        this.mounted = true;
+        this.initFetch();
+    };
+    Service.prototype.componentDidUpdate = function (prevProps) {
+        var props = this.props;
+        var store = props.store;
+        var _a = props.messages, fetchSuccess = _a.fetchSuccess, fetchFailed = _a.fetchFailed;
+        isApiOutdated(prevProps.api, props.api, prevProps.data, props.data) &&
+            store
+                .fetchData(props.api, store.data, {
+                successMessage: fetchSuccess,
+                errorMessage: fetchFailed
+            })
+                .then(this.afterDataFetch);
+        isApiOutdated(prevProps.schemaApi, props.schemaApi, prevProps.data, props.data) &&
+            store
+                .fetchSchema(props.schemaApi, store.data, {
+                successMessage: fetchSuccess,
+                errorMessage: fetchFailed
+            })
+                .then(this.afterSchemaFetch);
+        if (props.ws && prevProps.ws !== props.ws) {
+            if (this.socket) {
+                this.socket.close();
+            }
+            this.socket = this.fetchWSData(props.ws, store.data);
+        }
+        if (isObjectShallowModified(prevProps.defaultData, props.defaultData)) {
+            store.reInitData(props.defaultData);
+        }
+        if (props.dataProvider !== prevProps.dataProvider) {
+            this.runDataProvider();
+        }
+    };
+    Service.prototype.componentWillUnmount = function () {
+        this.mounted = false;
+        this.runDataProviderUnsubscribe();
+        clearTimeout(this.timer);
+        if (this.socket && this.socket.close) {
+            this.socket.close();
+        }
+    };
+    Service.prototype.doAction = function (action, args) {
+        if ((action === null || action === void 0 ? void 0 : action.actionType) === 'rebuild') {
+            var _a = this.props, schemaApi = _a.schemaApi, store = _a.store, dataProvider = _a.dataProvider, _b = _a.messages, fetchSuccess = _b.fetchSuccess, fetchFailed = _b.fetchFailed;
+            store.updateData(args);
+            clearTimeout(this.timer);
+            if (isEffectiveApi(schemaApi, store.data)) {
+                store
+                    .fetchSchema(schemaApi, store.data, {
+                    successMessage: fetchSuccess,
+                    errorMessage: fetchFailed
+                })
+                    .then(this.afterSchemaFetch);
+            }
+            if (dataProvider) {
+                this.runDataProvider();
+            }
+        }
+    };
+    Service.prototype.initFetch = function () {
+        var _a = this.props, schemaApi = _a.schemaApi, initFetchSchema = _a.initFetchSchema, api = _a.api, ws = _a.ws, initFetch = _a.initFetch, initFetchOn = _a.initFetchOn, dataProvider = _a.dataProvider, store = _a.store, _b = _a.messages, fetchSuccess = _b.fetchSuccess, fetchFailed = _b.fetchFailed;
+        if (isEffectiveApi(schemaApi, store.data, initFetchSchema)) {
+            store
+                .fetchSchema(schemaApi, store.data, {
+                successMessage: fetchSuccess,
+                errorMessage: fetchFailed
+            })
+                .then(this.afterSchemaFetch);
+        }
+        if (isEffectiveApi(api, store.data, initFetch, initFetchOn)) {
+            store
+                .fetchInitData(api, store.data, {
+                successMessage: fetchSuccess,
+                errorMessage: fetchFailed
+            })
+                .then(this.afterDataFetch);
+        }
+        if (ws) {
+            this.socket = this.fetchWSData(ws, store.data);
+        }
+        if (dataProvider) {
+            this.runDataProvider();
+        }
+    };
+    // 使用外部函数获取数据
+    Service.prototype.runDataProvider = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a, dataProvider, store, dataProviderFunc, unsubscribe;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        this.runDataProviderUnsubscribe();
+                        _a = this.props, dataProvider = _a.dataProvider, store = _a.store;
+                        dataProviderFunc = dataProvider;
+                        if (typeof dataProvider === 'string' && dataProvider) {
+                            dataProviderFunc = str2AsyncFunction(dataProvider, 'data', 'setData', 'env');
+                        }
+                        if (!(typeof dataProviderFunc === 'function')) return [3 /*break*/, 2];
+                        return [4 /*yield*/, dataProviderFunc(store.data, this.dataProviderSetData, this.props.env)];
+                    case 1:
+                        unsubscribe = _b.sent();
+                        if (typeof unsubscribe === 'function') {
+                            this.dataProviderUnsubscribe = unsubscribe;
+                        }
+                        _b.label = 2;
+                    case 2: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    // 运行销毁外部函数的方法
+    Service.prototype.runDataProviderUnsubscribe = function () {
+        if (typeof this.dataProviderUnsubscribe === 'function') {
+            try {
+                this.dataProviderUnsubscribe();
+            }
+            catch (error) {
+                console.error(error);
+            }
+        }
+    };
+    // 外部函数回调更新数据
+    Service.prototype.dataProviderSetData = function (data) {
+        if (!this.mounted) {
+            return;
+        }
+        var store = this.props.store;
+        store.updateData(data, undefined, false);
+        store.setHasRemoteData();
+    };
+    // 使用 websocket 获取使用，因为有异步所以放这里而不是 store 实现
+    Service.prototype.fetchWSData = function (ws, data) {
+        var _this = this;
+        var _a = this.props, env = _a.env, store = _a.store;
+        var wsApi = buildApi(ws, data);
+        env.wsFetcher(wsApi, function (data) {
+            var returndata = data;
+            if ('status' in data && 'data' in data) {
+                returndata = data.data;
+                if (data.status !== 0) {
+                    store.updateMessage(data.msg, true);
+                    env.notify('error', data.msg);
+                    return;
+                }
+            }
+            store.updateData(returndata, undefined, false);
+            store.setHasRemoteData();
+            // 因为 WebSocket 只会获取纯数据，所以没有 msg 之类的
+            _this.afterDataFetch({ ok: true, data: returndata });
+        }, function (error) {
+            store.updateMessage(error, true);
+            env.notify('error', error);
+        });
+    };
+    Service.prototype.afterDataFetch = function (result) {
+        // todo 应该统一这块
+        // 初始化接口返回的是整个 response，
+        // 保存 ajax 请求的时候返回时数据部分。
+        var data = (result === null || result === void 0 ? void 0 : result.hasOwnProperty('ok')) ? result.data : result;
+        var _a = this.props, onBulkChange = _a.onBulkChange, dispatchEvent = _a.dispatchEvent;
+        dispatchEvent === null || dispatchEvent === void 0 ? void 0 : dispatchEvent('fetchInited', data);
+        if (!isEmpty(data) && onBulkChange) {
+            onBulkChange(data);
+        }
+        this.initInterval(data);
+    };
+    Service.prototype.afterSchemaFetch = function (schema) {
+        var _a = this.props, onBulkChange = _a.onBulkChange, formStore = _a.formStore, dispatchEvent = _a.dispatchEvent;
+        dispatchEvent === null || dispatchEvent === void 0 ? void 0 : dispatchEvent('fetchSchemaInited', schema);
+        if (formStore && (schema === null || schema === void 0 ? void 0 : schema.data) && onBulkChange) {
+            onBulkChange && onBulkChange(schema.data);
+        }
+        this.initInterval(schema);
+    };
+    Service.prototype.initInterval = function (value) {
+        var _a = this.props, interval = _a.interval, silentPolling = _a.silentPolling, stopAutoRefreshWhen = _a.stopAutoRefreshWhen, data = _a.data;
+        clearTimeout(this.timer);
+        interval &&
+            this.mounted &&
+            (!stopAutoRefreshWhen ||
+                /** 接口返回值需要同步到数据域中再判断，否则会多请求一轮 */
+                !evalExpression(stopAutoRefreshWhen, createObject(data, value))) &&
+            (this.timer = setTimeout(silentPolling ? this.silentReload : this.reload, Math.max(interval, 1000)));
+        return value;
+    };
+    Service.prototype.reload = function (subpath, query, ctx, silent) {
+        if (query) {
+            return this.receive(query);
+        }
+        var _a = this.props, schemaApi = _a.schemaApi; _a.initFetchSchema; var api = _a.api; _a.initFetch; _a.initFetchOn; var store = _a.store, dataProvider = _a.dataProvider, _b = _a.messages, fetchSuccess = _b.fetchSuccess, fetchFailed = _b.fetchFailed;
+        clearTimeout(this.timer);
+        if (isEffectiveApi(schemaApi, store.data)) {
+            store
+                .fetchSchema(schemaApi, store.data, {
+                successMessage: fetchSuccess,
+                errorMessage: fetchFailed
+            })
+                .then(this.afterSchemaFetch);
+        }
+        if (isEffectiveApi(api, store.data)) {
+            store
+                .fetchData(api, store.data, {
+                silent: silent,
+                successMessage: fetchSuccess,
+                errorMessage: fetchFailed
+            })
+                .then(this.afterDataFetch);
+        }
+        if (dataProvider) {
+            this.runDataProvider();
+        }
+    };
+    Service.prototype.silentReload = function (target, query) {
+        this.reload(target, query, undefined, true);
+    };
+    Service.prototype.receive = function (values) {
+        var store = this.props.store;
+        store.updateData(values);
+        this.reload();
+    };
+    Service.prototype.handleQuery = function (query) {
+        var _a, _b;
+        if (this.props.api || this.props.schemaApi) {
+            this.receive(query);
+        }
+        else {
+            (_b = (_a = this.props).onQuery) === null || _b === void 0 ? void 0 : _b.call(_a, query);
+        }
+    };
+    Service.prototype.reloadTarget = function (target, data) {
+        // 会被覆写
+    };
+    Service.prototype.handleDialogConfirm = function (values, action, ctx, targets) {
+        var store = this.props.store;
+        store.closeDialog(true);
+    };
+    Service.prototype.handleDialogClose = function (confirmed) {
+        if (confirmed === void 0) { confirmed = false; }
+        var store = this.props.store;
+        store.closeDialog(confirmed);
+    };
+    Service.prototype.openFeedback = function (dialog, ctx) {
+        var _this = this;
+        return new Promise(function (resolve) {
+            var store = _this.props.store;
+            store.setCurrentAction({
+                type: 'button',
+                actionType: 'dialog',
+                dialog: dialog
+            });
+            store.openDialog(ctx, undefined, function (confirmed) {
+                resolve(confirmed);
+            });
+        });
+    };
+    Service.prototype.handleAction = function (e, action, data, throwErrors, delegate) {
+        var _this = this;
+        if (throwErrors === void 0) { throwErrors = false; }
+        var _a = this.props, onAction = _a.onAction, store = _a.store, env = _a.env, api = _a.api, __ = _a.translate;
+        if (api && action.actionType === 'ajax') {
+            store.setCurrentAction(action);
+            store
+                .saveRemote(action.api, data, {
+                successMessage: __(action.messages && action.messages.success),
+                errorMessage: __(action.messages && action.messages.failed)
+            })
+                .then(function (payload) { return __awaiter(_this, void 0, void 0, function () {
+                var redirect;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            this.afterDataFetch(payload);
+                            if (!(action.feedback && isVisible(action.feedback, store.data))) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this.openFeedback(action.feedback, store.data)];
+                        case 1:
+                            _a.sent();
+                            _a.label = 2;
+                        case 2:
+                            redirect = action.redirect && filter(action.redirect, store.data);
+                            redirect && env.jumpTo(redirect, action);
+                            action.reload && this.reloadTarget(action.reload, store.data);
+                            return [2 /*return*/];
+                    }
+                });
+            }); })
+                .catch(function (e) {
+                if (throwErrors || action.countDown) {
+                    throw e;
+                }
+            });
+        }
+        else {
+            onAction(e, action, data, throwErrors, delegate || this.context);
+        }
+    };
+    Service.prototype.handleChange = function (value, name, submit, changePristine) {
+        var _a, _b;
+        var _c = this.props, store = _c.store, formStore = _c.formStore, onChange = _c.onChange;
+        // form 触发的 onChange,直接忽略
+        if (typeof name !== 'string') {
+            return;
+        }
+        (_b = (_a = store).changeValue) === null || _b === void 0 ? void 0 : _b.call(_a, name, value);
+        // 如果在form底下，则继续向上派送。
+        formStore && (onChange === null || onChange === void 0 ? void 0 : onChange(value, name, submit, changePristine));
+    };
+    Service.prototype.renderBody = function () {
+        var _a = this.props, render = _a.render, store = _a.store, schema = _a.body; _a.classnames;
+        return render('body', store.schema || schema, {
+            key: store.schemaKey || 'body',
+            loading: store.loading,
+            onQuery: this.handleQuery,
+            onAction: this.handleAction,
+            onChange: this.handleChange
+        });
+    };
+    Service.prototype.render = function () {
+        var _a = this.props, className = _a.className, store = _a.store, render = _a.render, ns = _a.classPrefix, cx = _a.classnames;
+        return (React.createElement("div", { className: cx("".concat(ns, "Service"), className) },
+            store.error ? (React.createElement("div", { className: cx("Alert Alert--danger") },
+                React.createElement("button", { className: cx('Alert-close'), onClick: function () { return store.updateMessage(''); }, type: "button" },
+                    React.createElement("span", null, "\u00D7")),
+                store.msg)) : null,
+            this.renderBody(),
+            React.createElement(Spinner, { size: "lg", overlay: true, key: "info", show: store.loading }),
+            render(
+            // 单独给 feedback 服务的，handleAction 里面先不要处理弹窗
+            'modal', __assign(__assign({}, (store.action &&
+                store.action.dialog)), { type: 'dialog' }), {
+                key: 'dialog',
+                data: store.dialogData,
+                onConfirm: this.handleDialogConfirm,
+                onClose: this.handleDialogClose,
+                show: store.dialogOpen
+            })));
+    };
+    Service.defaultProps = {
+        messages: {
+            fetchFailed: 'fetchFailed'
+        }
+    };
+    Service.propsList = [];
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], Service.prototype, "initFetch", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Array, Object, Object, Array]),
+        __metadata("design:returntype", void 0)
+    ], Service.prototype, "handleDialogConfirm", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], Service.prototype, "handleDialogClose", null);
+    return Service;
+}(React.Component));
+/** @class */ ((function (_super) {
+    __extends(ServiceRenderer, _super);
+    function ServiceRenderer(props, context) {
+        var _this = _super.call(this, props) || this;
+        var scoped = context;
+        scoped.registerComponent(_this);
+        return _this;
+    }
+    ServiceRenderer.prototype.reload = function (subpath, query, ctx, silent) {
+        var scoped = this.context;
+        if (subpath) {
+            return scoped.reload(query ? "".concat(subpath, "?").concat(qsstringify(query)) : subpath, ctx);
+        }
+        return _super.prototype.reload.call(this, subpath, query, ctx, silent);
+    };
+    ServiceRenderer.prototype.receive = function (values, subPath) {
+        var scoped = this.context;
+        if (subPath) {
+            return scoped.send(subPath, values);
+        }
+        return _super.prototype.receive.call(this, values);
+    };
+    ServiceRenderer.prototype.componentWillUnmount = function () {
+        var scoped = this.context;
+        scoped.unRegisterComponent(this);
+    };
+    ServiceRenderer.prototype.reloadTarget = function (target, data) {
+        var scoped = this.context;
+        scoped.reload(target, data);
+    };
+    ServiceRenderer.prototype.setData = function (values) {
+        return this.props.store.updateData(values);
+    };
+    ServiceRenderer.contextType = ScopedContext;
+    ServiceRenderer = __decorate([
+        Renderer({
+            type: 'service',
+            storeType: ServiceStore.name,
+            isolateScope: true,
+            storeExtendsData: function (props) { return (props.formStore ? false : true); }
+        }),
+        __metadata("design:paramtypes", [Object, Object])
+    ], ServiceRenderer);
+    return ServiceRenderer;
+})(Service));
+
+export { Service as default };

package/esm/renderers/SparkLine.d.ts

@@ -0,0 +1,44 @@
+import { RendererProps } from 'amis-core';
+import React from 'react';
+import { BaseSchema, SchemaClassName } from '../Schema';
+import { ActionSchema } from './Action';
+export interface SparkLineSchema extends BaseSchema {
+    type: 'sparkline';
+    /**
+     * css 类名
+     */
+    className?: SchemaClassName;
+    /**
+     * 关联数据变量。
+     */
+    name?: string;
+    /**
+     * 宽度
+     * @default 100
+     */
+    width?: number;
+    /**
+     * 高度
+     * @default 50
+     */
+    height?: number;
+    /**
+     * 点击行为
+     */
+    clickAction?: ActionSchema;
+    /**
+     * 空数据时显示的内容
+     */
+    placeholder?: string;
+    value?: Array<number | {
+        value: number;
+        label?: string;
+    }>;
+}
+interface SparkLineRendProps extends RendererProps, Omit<SparkLineSchema, 'type' | 'className'> {
+}
+export declare class SparkLineRenderer extends React.Component<SparkLineRendProps> {
+    handleClick(e: React.MouseEvent, ctx: any): void;
+    render(): JSX.Element;
+}
+export {};

package/esm/renderers/SparkLine.js

@@ -0,0 +1,40 @@
+/**
+ * amis v2.0.0
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __assign, __decorate, __metadata } from 'tslib';
+import { SparkLine } from 'amis-ui';
+import { createObject, getPropValue, autobind, Renderer } from 'amis-core';
+import React from 'react';
+
+/** @class */ ((function (_super) {
+    __extends(SparkLineRenderer, _super);
+    function SparkLineRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    SparkLineRenderer.prototype.handleClick = function (e, ctx) {
+        var _a = this.props, disabled = _a.disabled, onAction = _a.onAction, clickAction = _a.clickAction, data = _a.data;
+        if (e.defaultPrevented || !clickAction || disabled) {
+            return;
+        }
+        onAction === null || onAction === void 0 ? void 0 : onAction(null, clickAction, ctx ? createObject(data, ctx) : data);
+    };
+    SparkLineRenderer.prototype.render = function () {
+        var _a = this.props; _a.value; _a.name; _a.data; var clickAction = _a.clickAction;
+        var finalValue = getPropValue(this.props) || [1, 1];
+        return (React.createElement(SparkLine, __assign({ onClick: clickAction ? this.handleClick : undefined }, this.props, { value: finalValue })));
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object, Object]),
+        __metadata("design:returntype", void 0)
+    ], SparkLineRenderer.prototype, "handleClick", null);
+    SparkLineRenderer = __decorate([
+        Renderer({
+            type: 'sparkline'
+        })
+    ], SparkLineRenderer);
+    return SparkLineRenderer;
+})(React.Component));

package/esm/renderers/Spinner.d.ts

@@ -0,0 +1,64 @@
+import { RendererProps } from 'amis-core';
+import React from 'react';
+import { BaseSchema, SchemaCollection } from '../Schema';
+export interface SpinnerSchema extends BaseSchema {
+    /**
+     * 组件类型
+     */
+    type: 'spinner';
+    /**
+     * 控制Spinner显示与隐藏
+     */
+    show: boolean;
+    /**
+     * 自定义spinner的class
+     */
+    className?: string;
+    /**
+     * spin图标位置包裹元素的自定义class
+     */
+    spinnerClassName?: string;
+    /**
+     * 作为容器使用时最外层元素的class
+     */
+    spinnerWrapClassName?: string;
+    /**
+     * @deprecated 已废弃，没有作用
+     */
+    mode?: string;
+    /**
+     * spinner Icon 大小
+     */
+    size?: 'sm' | 'lg' | '';
+    /**
+     * 自定义icon
+     */
+    icon?: string;
+    /**
+     * spinner文案
+     */
+    tip?: string;
+    /**
+     * spinner文案位置
+     */
+    tipPlacement?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * 延迟显示
+     */
+    delay?: number;
+    /**
+     * 是否显示遮罩层
+     */
+    overlay?: boolean;
+    /**
+     * 作为容器使用时内容
+     */
+    body?: SchemaCollection;
+}
+interface SpinnerRenderProps extends RendererProps, Omit<SpinnerSchema, 'className'> {
+}
+export declare class SpinnerRenderer extends React.Component<SpinnerRenderProps> {
+    renderBody(): JSX.Element | null;
+    render(): JSX.Element;
+}
+export {};

package/esm/renderers/Spinner.js

@@ -0,0 +1,32 @@
+/**
+ * amis v2.0.0
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __rest, __assign, __decorate } from 'tslib';
+import { Spinner } from 'amis-ui';
+import { Renderer } from 'amis-core';
+import React from 'react';
+
+/** @class */ ((function (_super) {
+    __extends(SpinnerRenderer, _super);
+    function SpinnerRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    SpinnerRenderer.prototype.renderBody = function () {
+        var _a = this.props, body = _a.body, render = _a.render;
+        return body ? render('body', body) : null;
+    };
+    SpinnerRenderer.prototype.render = function () {
+        var _a = this.props, cx = _a.classnames, spinnerWrapClassName = _a.spinnerWrapClassName, body = _a.body, rest = __rest(_a, ["classnames", "spinnerWrapClassName", "body"]);
+        return body ? (React.createElement("div", { className: cx("Spinner-wrap", spinnerWrapClassName) },
+            React.createElement(Spinner, __assign({}, rest)),
+            this.renderBody())) : (React.createElement(Spinner, __assign({}, rest)));
+    };
+    SpinnerRenderer = __decorate([
+        Renderer({
+            type: 'spinner'
+        })
+    ], SpinnerRenderer);
+    return SpinnerRenderer;
+})(React.Component));

package/esm/renderers/Status.d.ts

@@ -0,0 +1,55 @@
+import React from 'react';
+import { RendererProps } from 'amis-core';
+import { BaseSchema } from '../Schema';
+/**
+ * 状态展示控件。
+ * 文档：https://baidu.gitee.io/amis/docs/components/status
+ */
+export interface StatusSchema extends BaseSchema {
+    /**
+     * 指定为状态展示控件
+     */
+    type: 'status';
+    /**
+     * 占位符
+     * @default -
+     */
+    placeholder?: string;
+    /**
+     * 状态图标映射关系
+     * @default {
+     *    0: 'svg-fail',
+     *    1: 'svg-success',
+     *    success: 'svg-success',
+     *    pending: 'rolling',
+     *    fail: 'svg-fail',
+     *    queue: 'svg-warning',
+     *    schedule: 'svg-schedule'
+     *  }
+     */
+    map?: {
+        [propName: string]: string;
+    };
+    /**
+     * 文字映射关系
+     *
+     * @default {
+     *     success: '成功',
+     *     pending: '运行中',
+     *     fail: '失败',
+     *     queue: '排队中',
+     *     schedule: '调度中'
+     * }
+     */
+    labelMap?: {
+        [propName: string]: string;
+    };
+}
+export interface StatusProps extends RendererProps, Omit<StatusSchema, 'className'> {
+}
+export declare class StatusField extends React.Component<StatusProps, object> {
+    static defaultProps: Partial<StatusProps>;
+    render(): JSX.Element;
+}
+export declare class StatusFieldRenderer extends StatusField {
+}