amis-editor 4.2.0-beta.0 → 5.2.0-beta.0

package/lib/renderer/SwitchMoreControl.d.ts

@@ -0,0 +1,222 @@
+/**
+ * @file 开关 + 更多编辑组合控件
+ * 使用时需关注所有的配置项是一个object还是整个data中，可使用bulk来区分
+ *
+ */
+import React from 'react';
+import type { Action } from 'amis/lib/types';
+import type { SchemaCollection } from 'amis/lib/Schema';
+import type { IScopedContext } from 'amis-core';
+import type { FormSchema } from 'amis/lib/schema';
+import type { FormControlProps } from 'amis-core';
+export interface SwitchMoreProps extends FormControlProps {
+    className?: string;
+    form?: Omit<FormSchema, 'type'>;
+    formType: 'extend' | 'dialog' | 'pop';
+    body?: SchemaCollection;
+    rootClose?: boolean;
+    autoFocus?: boolean;
+    overlay?: boolean;
+    container?: React.ReactNode | Function;
+    target?: React.ReactNode | Function;
+    trueValue?: any;
+    falseValue?: any;
+    removable?: boolean;
+    hiddenOnDefault?: boolean;
+    bulk?: boolean;
+    onRemove?: (e: React.UIEvent<any> | void) => void;
+    onClose: (e: React.UIEvent<any> | void) => void;
+    defaultData?: any;
+}
+interface SwitchMoreState {
+    /**
+     * 是否展示更多编辑内容
+     */
+    show: boolean;
+    /**
+     * 是否开启编辑
+     */
+    checked: boolean;
+}
+export default class SwitchMore extends React.Component<SwitchMoreProps, SwitchMoreState> {
+    static defaultProps: Pick<SwitchMoreProps, 'container' | 'autoFocus' | 'overlay' | 'rootClose' | 'trueValue' | 'falseValue' | 'formType' | 'bulk'>;
+    overlay: HTMLElement | null;
+    formNames: null | Array<string>;
+    constructor(props: SwitchMoreProps);
+    initState(): {
+        checked: boolean;
+        show: boolean;
+    };
+    getFormItemNames(): any[];
+    overlayRef(ref: any): void;
+    openPopover(): void;
+    toogleExtend(): void;
+    closePopover(): void;
+    handleDelete(e: React.UIEvent<any> | void): void;
+    handleSwitchChange(checked: boolean): void;
+    handleSubmit(values: any): void;
+    handleAction(e: React.UIEvent<any> | void, action: Action, data: object, throwErrors?: boolean, delegate?: IScopedContext): void;
+    renderActions(): JSX.Element[] | null;
+    renderPopover(): JSX.Element;
+    renderExtend(): JSX.Element | null;
+    renderDialogMore(): {
+        type: string;
+        btnLabel: string;
+        className: string;
+        itemClassName: string;
+        icon: string;
+        form: {
+            reload?: string | undefined;
+            hidden?: boolean | undefined;
+            disabled?: boolean | undefined;
+            api?: string | import("amis").BaseApiObject | undefined;
+            name?: string | undefined;
+            horizontal: import("amis").FormHorizontal;
+            data: any;
+            body?: SchemaCollection | undefined;
+            title: any;
+            className?: import("amis").SchemaClassName | undefined;
+            id?: string | undefined;
+            autoFocus: boolean | undefined;
+            tabs?: any;
+            visibleOn?: string | undefined;
+            onEvent?: {
+                [propName: string]: {
+                    weight?: number | undefined;
+                    actions: import("amis").ListenerAction[];
+                };
+            } | undefined;
+            $ref?: string | undefined;
+            disabledOn?: string | undefined;
+            hiddenOn?: string | undefined;
+            visible?: boolean | undefined;
+            mode: string;
+            fieldSet?: any;
+            messages?: {
+                validateFailed?: string | undefined;
+            } | undefined;
+            labelAlign?: import("amis-core/lib/renderers/Item").LabelAlign | undefined;
+            submitOnChange: boolean;
+            initFetchOn?: string | undefined;
+            initFetch?: boolean | undefined;
+            initApi?: string | import("amis").BaseApiObject | undefined;
+            interval?: number | undefined;
+            silentPolling?: boolean | undefined;
+            stopAutoRefreshWhen?: string | undefined;
+            feedback?: any;
+            redirect?: string | undefined;
+            target?: string | undefined;
+            actions?: import("amis/lib/renderers/Action").ActionSchema[] | undefined;
+            affixFooter?: boolean | undefined;
+            debug?: boolean | undefined;
+            initAsyncApi?: string | import("amis").BaseApiObject | undefined;
+            initFinishedField?: string | undefined;
+            initCheckInterval?: number | undefined;
+            persistData?: string | undefined;
+            clearPersistDataAfterSubmit?: boolean | undefined;
+            asyncApi?: string | import("amis").BaseApiObject | undefined;
+            checkInterval?: number | undefined;
+            finishedField?: string | undefined;
+            resetAfterSubmit?: boolean | undefined;
+            clearAfterSubmit?: boolean | undefined;
+            columnCount?: number | undefined;
+            panelClassName: import("amis").ClassName;
+            primaryField?: string | undefined;
+            submitOnInit?: boolean | undefined;
+            submitText?: string | undefined;
+            wrapWithPanel: boolean;
+            promptPageLeave?: boolean | undefined;
+            promptPageLeaveMessage?: string | undefined;
+            rules?: {
+                rule: string;
+                message: string;
+                name?: string | string[] | undefined;
+            }[] | undefined;
+            preventEnterSubmit: boolean;
+            type: string;
+            bodyClassName: string;
+            actionsClassName: string;
+            wrapperComponent: string;
+            formLazyChange: boolean;
+        };
+    };
+    renderForm(): {
+        reload?: string | undefined;
+        hidden?: boolean | undefined;
+        disabled?: boolean | undefined;
+        api?: string | import("amis").BaseApiObject | undefined;
+        name?: string | undefined;
+        horizontal: import("amis").FormHorizontal;
+        data: any;
+        body?: SchemaCollection | undefined;
+        title?: string | undefined;
+        className?: import("amis").SchemaClassName | undefined;
+        id?: string | undefined;
+        autoFocus: boolean | undefined;
+        tabs?: any;
+        visibleOn?: string | undefined;
+        onEvent?: {
+            [propName: string]: {
+                weight?: number | undefined;
+                actions: import("amis").ListenerAction[];
+            };
+        } | undefined;
+        $ref?: string | undefined;
+        disabledOn?: string | undefined;
+        hiddenOn?: string | undefined;
+        visible?: boolean | undefined;
+        mode: string;
+        fieldSet?: any;
+        messages?: {
+            validateFailed?: string | undefined;
+        } | undefined;
+        labelAlign?: import("amis-core/lib/renderers/Item").LabelAlign | undefined;
+        submitOnChange: boolean;
+        initFetchOn?: string | undefined;
+        initFetch?: boolean | undefined;
+        initApi?: string | import("amis").BaseApiObject | undefined;
+        interval?: number | undefined;
+        silentPolling?: boolean | undefined;
+        stopAutoRefreshWhen?: string | undefined;
+        feedback?: any;
+        redirect?: string | undefined;
+        target?: string | undefined;
+        actions?: import("amis/lib/renderers/Action").ActionSchema[] | undefined;
+        affixFooter?: boolean | undefined;
+        debug?: boolean | undefined;
+        initAsyncApi?: string | import("amis").BaseApiObject | undefined;
+        initFinishedField?: string | undefined;
+        initCheckInterval?: number | undefined;
+        persistData?: string | undefined;
+        clearPersistDataAfterSubmit?: boolean | undefined;
+        asyncApi?: string | import("amis").BaseApiObject | undefined;
+        checkInterval?: number | undefined;
+        finishedField?: string | undefined;
+        resetAfterSubmit?: boolean | undefined;
+        clearAfterSubmit?: boolean | undefined;
+        columnCount?: number | undefined;
+        panelClassName: import("amis").ClassName;
+        primaryField?: string | undefined;
+        submitOnInit?: boolean | undefined;
+        submitText?: string | undefined;
+        wrapWithPanel: boolean;
+        promptPageLeave?: boolean | undefined;
+        promptPageLeaveMessage?: string | undefined;
+        rules?: {
+            rule: string;
+            message: string;
+            name?: string | string[] | undefined;
+        }[] | undefined;
+        preventEnterSubmit: boolean;
+        type: string;
+        bodyClassName: string;
+        actionsClassName: string;
+        wrapperComponent: string;
+        formLazyChange: boolean;
+    };
+    renderMoreSection(): JSX.Element | null;
+    render(): JSX.Element | null;
+}
+export declare class SwitchMoreRenderer extends SwitchMore {
+}
+export {};

package/lib/renderer/SwitchMoreControl.js

@@ -0,0 +1,302 @@
+/**
+ * amis-editor v5.2.0-beta.0
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var reactDom = require('react-dom');
+var cx = require('classnames');
+var amis = require('amis');
+var AMisCodeEditor = require('amis-editor-core');
+var lodash = require('lodash');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+/**
+ * @file 开关 + 更多编辑组合控件
+ * 使用时需关注所有的配置项是一个object还是整个data中，可使用bulk来区分
+ *
+ */
+var SwitchMore = /** @class */ (function (_super) {
+    tslib.__extends(SwitchMore, _super);
+    function SwitchMore(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = _this.initState();
+        return _this;
+    }
+    SwitchMore.prototype.initState = function () {
+        var _a = this.props, data = _a.data, value = _a.value, name = _a.name, bulk = _a.bulk; _a.hiddenOnDefault;
+        var checked = false;
+        var show = false;
+        // 这个开关 无具体属性对应
+        if (!name) {
+            // 子表单项是组件根属性，遍历看是否有值
+            if (bulk) {
+                var formNames = this.getFormItemNames();
+                checked = lodash.some(formNames, function (key) { return data[key] !== undefined; });
+                show = checked;
+            }
+            else {
+                checked = value != null;
+            }
+        }
+        else {
+            checked = !!value;
+        }
+        // 开关有属性对应
+        return {
+            checked: checked,
+            show: show
+        };
+    };
+    SwitchMore.prototype.getFormItemNames = function () {
+        var form = this.props.form;
+        var formNames = form && Array.isArray(form === null || form === void 0 ? void 0 : form.body)
+            ? form.body
+                .map(function (item) {
+                return typeof item === 'string' ? undefined : item === null || item === void 0 ? void 0 : item.name;
+            })
+                .filter(function (name) { return name; })
+            : [];
+        return formNames;
+    };
+    SwitchMore.prototype.overlayRef = function (ref) {
+        this.overlay = ref ? reactDom.findDOMNode(ref) : null;
+    };
+    SwitchMore.prototype.openPopover = function () {
+        this.setState({ show: true });
+    };
+    SwitchMore.prototype.toogleExtend = function () {
+        this.setState({ show: !this.state.show });
+    };
+    SwitchMore.prototype.closePopover = function () {
+        this.setState({ show: false });
+    };
+    SwitchMore.prototype.handleDelete = function (e) {
+        var onRemove = this.props.onRemove;
+        onRemove && onRemove(e);
+    };
+    SwitchMore.prototype.handleSwitchChange = function (checked) {
+        var _a = this.props, onBulkChange = _a.onBulkChange, onChange = _a.onChange, bulk = _a.bulk, defaultData = _a.defaultData, name = _a.name;
+        this.setState({ checked: checked });
+        // 子表单项是组件根属性，用bulk处理所有属性
+        if (bulk) {
+            // 选中后，给一个默认 {} 或 配置的默认值
+            if (checked) {
+                var data = defaultData ? tslib.__assign({}, defaultData) : {};
+                name && (data[name] = true);
+                onBulkChange && onBulkChange(data);
+            }
+            // 取消选中后，讲所有字段重置
+            else {
+                var values = lodash.fromPairs(this.getFormItemNames().map(function (i) { return [i, undefined]; }));
+                name && (values[name] = false);
+                onBulkChange && onBulkChange(values);
+            }
+            return;
+        }
+        onChange(checked ? defaultData || true : undefined);
+    };
+    SwitchMore.prototype.handleSubmit = function (values) {
+        var _a = this.props, onChange = _a.onChange, onBulkChange = _a.onBulkChange, bulk = _a.bulk;
+        if (bulk) {
+            onBulkChange && onBulkChange(values);
+        }
+        else {
+            onChange && onChange(values);
+        }
+    };
+    SwitchMore.prototype.handleAction = function (e, action, data, throwErrors, delegate) {
+        var onClose = this.props.onClose;
+        if (action.actionType === 'close') {
+            this.setState({ show: false });
+            onClose && onClose(e);
+        }
+    };
+    SwitchMore.prototype.renderActions = function () {
+        var _a = this.props, render = _a.render, removable = _a.removable, disabled = _a.disabled, form = _a.form, formType = _a.formType, hiddenOnDefault = _a.hiddenOnDefault, bulk = _a.bulk;
+        var _b = this.state, checked = _b.checked, show = _b.show;
+        if (!form || !checked || disabled) {
+            return null;
+        }
+        var actions = [];
+        if (formType === 'dialog') {
+            actions.push(render('switch-more-form', this.renderDialogMore(), {
+                key: 'edit',
+                onSubmit: this.handleSubmit
+            }));
+        }
+        else if (formType === 'pop') {
+            actions.push(React__default["default"].createElement(amis.Button, { key: "edit", level: "link", size: "sm", className: "action-btn", ref: this.overlayRef, onClick: this.openPopover },
+                React__default["default"].createElement(amis.Icon, { icon: "pencil", className: "icon" })));
+        }
+        else if (bulk && hiddenOnDefault && formType === 'extend') {
+            actions.push(React__default["default"].createElement("div", { key: "open", "data-tooltip": !show ? '展开更多' : undefined, "data-position": "bottom" },
+                React__default["default"].createElement(amis.Button, { level: "link", size: "sm", className: 'action-btn open-btn' + (show ? ' opening' : ''), onClick: this.toogleExtend },
+                    React__default["default"].createElement(amis.Icon, { icon: "caret", className: "icon" }))));
+        }
+        if (removable) {
+            actions.push(React__default["default"].createElement(amis.Button, { key: "remove", level: "link", size: "sm", onClick: this.handleDelete },
+                React__default["default"].createElement(amis.Icon, { icon: "delete-btn", className: "icon ae-SwitchMore-icon" })));
+        }
+        return actions;
+    };
+    SwitchMore.prototype.renderPopover = function () {
+        var _a = this.props, render = _a.render, popOverclassName = _a.popOverclassName, overlay = _a.overlay, offset = _a.offset, target = _a.target, container = _a.container, placement = _a.placement, rootClose = _a.rootClose, style = _a.style, title = _a.title;
+        return (React__default["default"].createElement(amis.Overlay, { show: true, rootClose: rootClose, placement: placement, target: target || this.overlay, container: container },
+            React__default["default"].createElement(amis.PopOver, { className: cx__default["default"]('ae-SwitchMore-popover', popOverclassName), placement: placement, overlay: overlay, offset: offset, style: style },
+                React__default["default"].createElement("header", null,
+                    React__default["default"].createElement("p", { className: "ae-SwitchMore-title" }, title || '更多配置'),
+                    React__default["default"].createElement("a", { onClick: this.closePopover, className: "ae-SwitchMore-close" },
+                        React__default["default"].createElement(amis.Icon, { icon: "close", className: "icon" }))),
+                render('switch-more-form', this.renderForm(), {
+                    onSubmit: this.handleSubmit
+                }))));
+    };
+    SwitchMore.prototype.renderExtend = function () {
+        var _a = this.props, render = _a.render; _a.form; _a.bulk; var hiddenOnDefault = _a.hiddenOnDefault;
+        var show = this.state.show;
+        if (hiddenOnDefault && !show) {
+            return null;
+        }
+        return (React__default["default"].createElement("div", null,
+            React__default["default"].createElement("div", { className: cx__default["default"]('ae-SwitchMore-content', 'inFormItem') }, render('switch-more-form', this.renderForm(), {
+                onSubmit: this.handleSubmit
+            }))));
+    };
+    SwitchMore.prototype.renderDialogMore = function () {
+        return {
+            type: 'input-sub-form',
+            btnLabel: '',
+            className: 'inline-block m-0 h-6',
+            itemClassName: 'bg-white hover:bg-white m-0 p-0',
+            icon: 'fa fa-cog',
+            form: tslib.__assign({ title: this.props.label }, this.renderForm())
+        };
+    };
+    SwitchMore.prototype.renderForm = function () {
+        var _a;
+        var _b = this.props, form = _b.form, name = _b.name, formType = _b.formType, ctx = _b.data, bulk = _b.bulk, defaultData = _b.defaultData, autoFocus = _b.autoFocus;
+        return tslib.__assign({ type: 'form', wrapWithPanel: false, panelClassName: 'border-none shadow-none mb-0', bodyClassName: 'p-none', actionsClassName: 'border-none mt-2.5', wrapperComponent: 'div', mode: 'horizontal', horizontal: {
+                justify: true,
+                left: 4
+            }, autoFocus: autoFocus, formLazyChange: true, preventEnterSubmit: true, submitOnChange: ['pop', 'extend'].includes(formType), data: ctx && name && !bulk ? (_a = ctx[name]) !== null && _a !== void 0 ? _a : defaultData : defaultData !== null && defaultData !== void 0 ? defaultData : {} }, form);
+    };
+    SwitchMore.prototype.renderMoreSection = function () {
+        var formType = this.props.formType;
+        var _a = this.state, show = _a.show, checked = _a.checked;
+        if (!checked) {
+            return null;
+        }
+        if (formType === 'pop') {
+            return show ? this.renderPopover() : null;
+        }
+        else if (formType === 'extend') {
+            return this.renderExtend();
+        }
+        return null;
+    };
+    SwitchMore.prototype.render = function () {
+        var _a;
+        var _b = this.props, render = _b.render, disabled = _b.disabled, className = _b.className, body = _b.body, env = _b.env, hidden = _b.hidden, formType = _b.formType, onText = _b.onText, offText = _b.offText;
+        if (hidden) {
+            return null;
+        }
+        var _c = this.state; _c.show; var checked = _c.checked;
+        var actions = this.renderActions();
+        (_a = env === null || env === void 0 ? void 0 : env.theme) === null || _a === void 0 ? void 0 : _a.classPrefix;
+        return (React__default["default"].createElement("div", { className: cx__default["default"]('ae-SwitchMore', 'ae-SwitchMore-' + formType, className) },
+            React__default["default"].createElement("div", { className: cx__default["default"]('ae-SwitchMore-switch') },
+                body ? render('body', body) : null,
+                actions && actions.length ? (React__default["default"].createElement("div", { className: "ae-SwitchMore-actions" },
+                    actions,
+                    checked ? React__default["default"].createElement("hr", null) : null)) : null,
+                React__default["default"].createElement(amis.Switch, { value: checked, onChange: this.handleSwitchChange, disabled: disabled, onText: onText, offText: offText })),
+            this.renderMoreSection()));
+    };
+    SwitchMore.defaultProps = {
+        // btnIcon: 'pencil',
+        // iconPosition: 'right',
+        container: document.body,
+        autoFocus: true,
+        // placement: 'left',
+        overlay: true,
+        rootClose: false,
+        trueValue: true,
+        falseValue: false,
+        formType: 'pop',
+        bulk: true
+        // editable: true
+    };
+    tslib.__decorate([
+        AMisCodeEditor.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [Object]),
+        tslib.__metadata("design:returntype", void 0)
+    ], SwitchMore.prototype, "overlayRef", null);
+    tslib.__decorate([
+        AMisCodeEditor.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], SwitchMore.prototype, "openPopover", null);
+    tslib.__decorate([
+        AMisCodeEditor.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], SwitchMore.prototype, "toogleExtend", null);
+    tslib.__decorate([
+        AMisCodeEditor.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], SwitchMore.prototype, "closePopover", null);
+    tslib.__decorate([
+        AMisCodeEditor.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [Object]),
+        tslib.__metadata("design:returntype", void 0)
+    ], SwitchMore.prototype, "handleDelete", null);
+    tslib.__decorate([
+        AMisCodeEditor.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [Boolean]),
+        tslib.__metadata("design:returntype", void 0)
+    ], SwitchMore.prototype, "handleSwitchChange", null);
+    tslib.__decorate([
+        AMisCodeEditor.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [Object]),
+        tslib.__metadata("design:returntype", void 0)
+    ], SwitchMore.prototype, "handleSubmit", null);
+    tslib.__decorate([
+        AMisCodeEditor.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [Object, Object, Object, Boolean, Object]),
+        tslib.__metadata("design:returntype", void 0)
+    ], SwitchMore.prototype, "handleAction", null);
+    return SwitchMore;
+}(React__default["default"].Component));
+/** @class */ ((function (_super) {
+    tslib.__extends(SwitchMoreRenderer, _super);
+    function SwitchMoreRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    SwitchMoreRenderer = tslib.__decorate([
+        amis.FormItem({
+            type: 'ae-switch-more'
+        })
+    ], SwitchMoreRenderer);
+    return SwitchMoreRenderer;
+})(SwitchMore));
+
+exports["default"] = SwitchMore;

package/lib/renderer/ValidationControl.d.ts

@@ -0,0 +1,65 @@
+/**
+ * @file 表单项校验配置
+ */
+import React from 'react';
+import { ValidatorData } from './ValidationItem';
+import type { FormControlProps } from 'amis-core';
+import { Validator, ValidatorTag } from '../validator';
+export declare type ValidatorFilter = string[] | ((ctx: any) => string[]);
+export interface ValidationControlProps extends FormControlProps {
+    /**
+     * 匹配验证器标签进行默认和顶部可选的验证器展示
+     */
+    tag: ValidatorTag | ((ctx: any) => ValidatorTag);
+}
+interface ValidationControlState {
+    avaliableValids: {
+        moreValidators: Record<string, Validator>;
+        defaultValidators: Record<string, Validator>;
+        builtInValidators: Record<string, Validator>;
+    };
+}
+export default class ValidationControl extends React.Component<ValidationControlProps, ValidationControlState> {
+    constructor(props: ValidationControlProps);
+    componentWillReceiveProps(nextProps: ValidationControlProps): void;
+    getAvaliableValids(props: ValidationControlProps): {
+        defaultValidators: Record<string, Validator>;
+        moreValidators: Record<string, Validator>;
+        builtInValidators: Record<string, Validator>;
+    };
+    transformValid(data: any): ValidatorData[];
+    /**
+     * 统一更新校验相关字段
+     */
+    updateValidation(validators: ValidatorData[]): void;
+    /**
+     * 添加规则
+     *
+     * @param {Validator} valid 校验规则配置
+     */
+    handleAddValidator(valid: Validator): void;
+    /**
+     * 更新校验规则
+     */
+    handleEditRule(data: ValidatorData): void;
+    /**
+     * 删除校验规则
+     */
+    handleRemoveRule(valid: string): void;
+    /**
+     * 开关默认规则
+     */
+    handleSwitchRule(checked: boolean, data: ValidatorData): void;
+    /**
+     * 添加规则下拉框
+     */
+    renderDropdown(): JSX.Element;
+    /**
+     * 规则列表
+     */
+    renderValidaton(): JSX.Element;
+    render(): JSX.Element;
+}
+export declare class ValidationControlRenderer extends ValidationControl {
+}
+export {};