amis 2.0.0-rc.9 → 2.0.0

package/esm/index.js

@@ -0,0 +1,144 @@
+/**
+ * amis v2.0.0
+ * Copyright 2018-2022 baidu
+ */
+
+export * from 'amis-core';
+export * from 'amis-ui';
+import './preset.js';
+import './renderers/Action.js';
+import './renderers/Alert.js';
+import './renderers/App.js';
+import './renderers/Avatar.js';
+import './renderers/Remark.js';
+import './renderers/ButtonGroup.js';
+import './renderers/Form/ButtonToolbar.js';
+import './renderers/Breadcrumb.js';
+import './renderers/DropDownButton.js';
+import './renderers/Calendar.js';
+import './renderers/Collapse.js';
+import './renderers/CollapseGroup.js';
+import './renderers/Color.js';
+import './renderers/CRUD.js';
+import './renderers/CRUD2.js';
+import './renderers/Pagination.js';
+import './renderers/Cards.js';
+import './renderers/Card.js';
+import './renderers/Card2.js';
+import './renderers/Custom.js';
+import './renderers/Date.js';
+import './renderers/Dialog.js';
+import './renderers/Divider.js';
+import './renderers/Each.js';
+import './renderers/Flex.js';
+import './renderers/Form/Control.js';
+import './renderers/Form/Hidden.js';
+import './renderers/Form/InputText.js';
+import './renderers/Form/InputTag.js';
+import './renderers/Form/InputNumber.js';
+import './renderers/Form/Textarea.js';
+import './renderers/Form/Checkboxes.js';
+import './renderers/Form/Checkbox.js';
+import './renderers/Form/InputCity.js';
+import './renderers/Form/ChartRadios.js';
+import './renderers/Form/InputRating.js';
+import './renderers/Form/Switch.js';
+import './renderers/Form/Radios.js';
+import './renderers/Form/JSONSchema.js';
+import './renderers/Form/JSONSchemaEditor.js';
+import './renderers/Form/ListSelect.js';
+import './renderers/Form/LocationPicker.js';
+import './renderers/Form/Select.js';
+import './renderers/Form/Static.js';
+import './renderers/Form/InputDate.js';
+import './renderers/Form/InputDateRange.js';
+import './renderers/Form/InputFormula.js';
+import './renderers/Form/InputRepeat.js';
+import './renderers/Form/InputTree.js';
+import './renderers/Form/TreeSelect.js';
+import './renderers/Form/InputImage.js';
+import './renderers/Form/InputFile.js';
+import './renderers/Form/UUID.js';
+import './renderers/Form/MatrixCheckboxes.js';
+import './renderers/Form/InputMonthRange.js';
+import './renderers/Form/InputQuarterRange.js';
+import './renderers/Form/InputYearRange.js';
+import './renderers/Form/InputRange.js';
+import './renderers/Form/InputArray.js';
+import './renderers/Form/Combo.js';
+import './renderers/Form/ConditionBuilder.js';
+import './renderers/Form/InputSubForm.js';
+import './renderers/Form/InputExcel.js';
+import './renderers/Form/InputRichText.js';
+import './renderers/Form/Editor.js';
+import './renderers/Form/DiffEditor.js';
+import './renderers/Form/InputColor.js';
+import './renderers/Form/ChainedSelect.js';
+import './renderers/Form/NestedSelect.js';
+import './renderers/Form/Transfer.js';
+import './renderers/Form/TransferPicker.js';
+import './renderers/Form/InputTable.js';
+import './renderers/Form/Picker.js';
+import './renderers/Form/IconPicker.js';
+import './renderers/Form/Formula.js';
+import './renderers/Form/FieldSet.js';
+import './renderers/Form/TabsTransfer.js';
+import './renderers/Form/TabsTransferPicker.js';
+import './renderers/Form/Group.js';
+import './renderers/Form/InputGroup.js';
+import './renderers/Form/UserSelect.js';
+import './renderers/Grid.js';
+import './renderers/Grid2D.js';
+import './renderers/HBox.js';
+import './renderers/VBox.js';
+import './renderers/Image.js';
+import './renderers/Images.js';
+import './renderers/List.js';
+import './renderers/Log.js';
+import './renderers/Operation.js';
+import './renderers/Page.js';
+import './renderers/PaginationWrapper.js';
+import './renderers/Panel.js';
+import './renderers/Plain.js';
+import './renderers/Property.js';
+import './renderers/Portlet.js';
+import './renderers/Spinner.js';
+import './renderers/Table/index.js';
+import './renderers/Tabs.js';
+import './renderers/Tpl.js';
+import './renderers/Mapping.js';
+import './renderers/Progress.js';
+import './renderers/Status.js';
+import './renderers/Json.js';
+import './renderers/Link.js';
+import './renderers/Wizard.js';
+import './renderers/Chart.js';
+import './renderers/Container.js';
+import './renderers/SearchBox.js';
+import './renderers/Service.js';
+import './renderers/SparkLine.js';
+import './renderers/Video.js';
+import './renderers/Audio.js';
+import './renderers/Nav.js';
+import './renderers/Tasks.js';
+import './renderers/Drawer.js';
+import './renderers/Wrapper.js';
+import './renderers/IFrame.js';
+import './renderers/BarCode.js';
+import './renderers/QRCode.js';
+import './renderers/Icon.js';
+import './renderers/Carousel.js';
+import './renderers/AnchorNav.js';
+import './renderers/Steps.js';
+import './renderers/Timeline.js';
+import './renderers/Markdown.js';
+import './renderers/TableView.js';
+import './renderers/Code.js';
+import './renderers/WebComponent.js';
+import './renderers/GridNav.js';
+import './renderers/TooltipWrapper.js';
+import './renderers/Tag.js';
+import './renderers/Table-v2/index.js';
+import './compat.js';
+import './schemaExtend.js';
+export { ICONS, setIconVendor } from './renderers/Form/IconPickerIcons.js';

package/esm/preset.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/preset.js

@@ -0,0 +1,40 @@
+/**
+ * amis v2.0.0
+ * Copyright 2018-2022 baidu
+ */
+
+import { extendDefaultEnv, render, addRootWrapper, LazyComponent } from 'amis-core';
+import { alert, confirm, toast, setRenderSchemaFn, ImageGallery, Spinner } from 'amis-ui';
+import React from 'react';
+
+extendDefaultEnv({
+    alert: alert,
+    confirm: confirm,
+    notify: function (type, msg, conf) {
+        return toast[type] ? toast[type](msg, conf) : console.warn('[Notify]', type, msg);
+    }
+});
+setRenderSchemaFn(function (controls, value, callback, scopeRef, theme) {
+    return render({
+        name: 'form',
+        type: 'form',
+        wrapWithPanel: false,
+        mode: 'horizontal',
+        controls: controls,
+        messages: {
+            validateFailed: ''
+        }
+    }, {
+        data: value,
+        onFinished: callback,
+        scopeRef: scopeRef,
+        theme: theme
+    }, {
+        session: 'prompt'
+    });
+});
+addRootWrapper(function (props) {
+    var env = props.env, children = props.children;
+    return (React.createElement(ImageGallery, { modalContainer: env.getModalContainer }, children));
+});
+LazyComponent.defaultProps.placeholder = React.createElement(Spinner, null);

package/esm/renderers/Action.d.ts

@@ -0,0 +1,393 @@
+/// <reference types="hoist-non-react-statics" />
+import React from 'react';
+import { ActionObject, IScopedContext, RendererProps } from 'amis-core';
+import { BadgeObject } from 'amis-ui';
+export interface ButtonSchema extends BaseSchema {
+    /**
+     * 主要用于用户行为跟踪里区分是哪个按钮
+     */
+    id?: string;
+    /**
+     * 是否为块状展示，默认为内联。
+     */
+    block?: boolean;
+    /**
+     * 禁用时的文案提示。
+     */
+    disabledTip?: string;
+    /**
+     * 按钮图标， iconfont 的类名
+     */
+    icon?: SchemaIcon;
+    /**
+     * icon 上的css 类名
+     */
+    iconClassName?: SchemaClassName;
+    /**
+     * 右侧按钮图标， iconfont 的类名
+     */
+    rightIcon?: SchemaIcon;
+    /**
+     * 右侧 icon 上的 css 类名
+     */
+    rightIconClassName?: SchemaClassName;
+    /**
+     * loading 上的css 类名
+     */
+    loadingClassName?: SchemaClassName;
+    /**
+     * 按钮文字
+     */
+    label?: string;
+    /**
+     * 按钮样式
+     */
+    level?: 'info' | 'success' | 'warning' | 'danger' | 'link' | 'primary' | 'dark' | 'light' | 'secondary';
+    /**
+     * @deprecated 通过 level 来配置
+     */
+    primary?: boolean;
+    /**
+     * 按钮大小
+     */
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    tooltip?: SchemaTooltip;
+    tooltipPlacement?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * 指定按钮类型，支持 button、submit或者reset三种类型。
+     */
+    type: 'button' | 'submit' | 'reset';
+    /**
+     * 提示文字，配置了操作前会要求用户确认。
+     */
+    confirmText?: string;
+    /**
+     * 如果按钮在form中，配置此属性会要求用户把指定的字段通过验证后才会触发行为。
+     */
+    required?: Array<string>;
+    /**
+     * 激活状态时的样式
+     */
+    activeLevel?: string;
+    /**
+     * 激活状态时的类名
+     */
+    activeClassName?: string;
+    /**
+     * 如果按钮在弹框中，可以配置这个动作完成后是否关闭弹窗，或者指定关闭目标弹框。
+     */
+    close?: boolean | string;
+    /**
+     * 当按钮时批量操作按钮时，默认必须有勾选元素才能可点击，如果此属性配置成 false，则没有点选成员也能点击。
+     */
+    requireSelected?: boolean;
+    /**
+     * 是否将弹框中数据 merge 到父级作用域。
+     */
+    mergeData?: boolean;
+    /**
+     * 可以指定让谁来触发这个动作。
+     */
+    target?: string;
+    /**
+     * 点击后的禁止倒计时（秒）
+     */
+    countDown?: number;
+    /**
+     * 倒计时文字自定义
+     */
+    countDownTpl?: string;
+    /**
+     * 角标
+     */
+    badge?: BadgeObject;
+    /**
+     * 键盘快捷键
+     */
+    hotKey?: string;
+    /**
+     * 是否显示loading效果
+     */
+    loadingOn?: string;
+    /**
+     * 自定义事件处理函数
+     */
+    onClick?: string | any;
+    /**
+     * 子内容
+     */
+    body?: SchemaCollection;
+}
+export interface AjaxActionSchema extends ButtonSchema {
+    /**
+     * 指定为发送 ajax 的行为。
+     */
+    actionType: 'ajax';
+    /**
+     * 配置 ajax 发送地址
+     */
+    api: SchemaApi;
+    feedback?: FeedbackDialog;
+    reload?: SchemaReload;
+    redirect?: string;
+    ignoreConfirm?: boolean;
+}
+export interface DownloadActionSchema extends Omit<AjaxActionSchema, 'actionType'> {
+    /**
+     * 指定为下载行为
+     */
+    actionType: 'download';
+}
+export interface SaveAsActionSchema extends Omit<AjaxActionSchema, 'actionType'> {
+    /**
+     * 指定为保存到本地
+     */
+    actionType: 'saveAs';
+}
+export interface UrlActionSchema extends ButtonSchema {
+    /**
+     * 指定为打开链接
+     */
+    actionType: 'url';
+    /**
+     * 是否新窗口打开
+     */
+    blank?: boolean;
+    /**
+     * 打开的目标地址
+     */
+    url: string;
+}
+export interface DialogActionSchema extends ButtonSchema {
+    /**
+     * 指定为打开弹窗
+     */
+    actionType: 'dialog';
+    /**
+     * 弹框详情
+     * 文档：https://baidu.gitee.io/amis/docs/components/dialog
+     */
+    dialog: DialogSchemaBase;
+    /**
+     * 是否有下一个的表达式，正常可以不用配置，如果想要刷掉某些数据可以配置这个。
+     */
+    nextCondition?: SchemaExpression;
+    reload?: SchemaReload;
+    redirect?: string;
+}
+export interface DrawerActionSchema extends ButtonSchema {
+    /**
+     * 指定为打开弹窗，抽出式弹窗
+     */
+    actionType: 'drawer';
+    /**
+     * 抽出式弹框详情
+     * 文档：https://baidu.gitee.io/amis/docs/components/drawer
+     */
+    drawer: DrawerSchemaBase;
+    /**
+     * 是否有下一个的表达式，正常可以不用配置，如果想要刷掉某些数据可以配置这个。
+     */
+    nextCondition?: SchemaExpression;
+    reload?: SchemaReload;
+    redirect?: string;
+}
+export interface ToastActionSchema extends ButtonSchema {
+    /**
+     * 指定为打开弹窗，抽出式弹窗
+     */
+    actionType: 'toast';
+    /**
+     * 轻提示详情
+     * 文档：https://baidu.gitee.io/amis/docs/components/toast
+     */
+    toast: ToastSchemaBase;
+}
+export interface CopyActionSchema extends ButtonSchema {
+    /**
+     * 指定为复制内容行为
+     */
+    actionType: 'copy';
+    /**
+     * 复制啥内容由此配置，支持模板语法。
+     */
+    copy: SchemaTpl;
+}
+export interface LinkActionSchema extends ButtonSchema {
+    /**
+     * 指定为打开链接行为，跟 url 不同的时这个行为为单页模式。
+     */
+    actionType: 'link';
+    /**
+     * 跳转到哪？支持配置相对路径。
+     */
+    link: string;
+}
+export interface ReloadActionSchema extends ButtonSchema {
+    /**
+     * 指定为刷新目标组件。
+     */
+    actionType: 'reload';
+    /**
+     * 指定目标组件。
+     */
+    target?: SchemaReload;
+}
+export interface EmailActionSchema extends ButtonSchema {
+    /**
+     * 指定为打开邮箱行为
+     */
+    actionType: 'email';
+    /**
+     * 收件人邮箱
+     */
+    to: string;
+    /**
+     * 抄送邮箱
+     */
+    cc?: string;
+    /**
+     * 匿名抄送邮箱
+     */
+    bcc?: string;
+    /**
+     * 邮件主题
+     */
+    subject?: string;
+    /**
+     * 邮件正文
+     */
+    body?: string;
+}
+export interface OtherActionSchema extends ButtonSchema {
+    actionType: 'prev' | 'next' | 'cancel' | 'close' | 'submit' | 'confirm' | 'add' | 'reset' | 'reset-and-submit';
+    [propName: string]: any;
+}
+export interface VanillaAction extends ButtonSchema {
+    actionType?: string;
+}
+/**
+ * 按钮动作渲染器。
+ * 文档：https://baidu.gitee.io/amis/docs/components/action
+ */
+export declare type ActionSchema = AjaxActionSchema | UrlActionSchema | LinkActionSchema | DialogActionSchema | DrawerActionSchema | ToastActionSchema | CopyActionSchema | ReloadActionSchema | EmailActionSchema | OtherActionSchema | VanillaAction;
+import { ThemeProps } from 'amis-core';
+import { BaseSchema, FeedbackDialog, SchemaApi, SchemaClassName, SchemaCollection, SchemaExpression, SchemaIcon, SchemaReload, SchemaTooltip, SchemaTpl } from '../Schema';
+import { DialogSchemaBase } from './Dialog';
+import { DrawerSchemaBase } from './Drawer';
+import { ToastSchemaBase } from '../Schema';
+export declare const createSyntheticEvent: <T extends Element, E extends Event>(event: E) => React.SyntheticEvent<T, E>;
+export interface ActionProps extends Omit<ButtonSchema, 'className' | 'iconClassName' | 'rightIconClassName' | 'loadingClassName'>, ThemeProps, Omit<AjaxActionSchema, 'type' | 'className' | 'iconClassName' | 'rightIconClassName' | 'loadingClassName'>, Omit<UrlActionSchema, 'type' | 'className' | 'iconClassName' | 'rightIconClassName' | 'loadingClassName'>, Omit<LinkActionSchema, 'type' | 'className' | 'iconClassName' | 'rightIconClassName' | 'loadingClassName'>, Omit<DialogActionSchema, 'type' | 'className' | 'iconClassName' | 'rightIconClassName' | 'loadingClassName'>, Omit<DrawerActionSchema, 'type' | 'className' | 'iconClassName' | 'rightIconClassName' | 'loadingClassName'>, Omit<ToastSchemaBase, 'type' | 'className' | 'iconClassName' | 'rightIconClassName' | 'loadingClassName'>, Omit<CopyActionSchema, 'type' | 'className' | 'iconClassName' | 'rightIconClassName' | 'loadingClassName'>, Omit<ReloadActionSchema, 'type' | 'className' | 'iconClassName' | 'rightIconClassName' | 'loadingClassName'>, Omit<EmailActionSchema, 'type' | 'className' | 'iconClassName' | 'rightIconClassName' | 'loadingClassName' | 'body'>, Omit<OtherActionSchema, 'type' | 'className' | 'iconClassName' | 'rightIconClassName' | 'loadingClassName'> {
+    actionType: any;
+    onAction?: (e: React.MouseEvent<any> | void | null, action: ActionSchema) => void;
+    isCurrentUrl?: (link: string) => boolean;
+    onClick?: ((e: React.MouseEvent<any>, props: any) => void) | string | Function | null;
+    componentClass: React.ReactType;
+    tooltipContainer?: any;
+    data?: any;
+    isMenuItem?: boolean;
+    active?: boolean;
+}
+interface ActionState {
+    inCountDown: boolean;
+    countDownEnd: number;
+    timeLeft: number;
+}
+export declare class Action extends React.Component<ActionProps, ActionState> {
+    static defaultProps: {
+        type: "button";
+        componentClass: React.ReactType<any>;
+        tooltipPlacement: "bottom";
+        activeClassName: string;
+        countDownTpl: string;
+        countDown: number;
+    };
+    state: ActionState;
+    localStorageKey: string;
+    dom: any;
+    constructor(props: ActionProps);
+    handleAction(e: React.MouseEvent<any>): Promise<void>;
+    handleCountDown(): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}
+declare const _default: {
+    new (props: Omit<ActionProps, keyof 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<ActionProps, keyof 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<ActionProps, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<ActionProps, keyof 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<ActionProps, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<ActionProps, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<ActionProps, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<ActionProps, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<ActionProps, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<ActionProps, keyof ThemeProps> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    /**
+     * 跳转到哪？支持配置相对路径。
+     */
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<typeof Action>; /**
+     * 指定为刷新目标组件。
+     */
+} & import("hoist-non-react-statics").NonReactStatics<typeof Action, {}> & {
+    /**
+     * 指定目标组件。
+     */
+    ComposedComponent: typeof Action;
+};
+export default _default;
+export declare type ActionRendererProps = RendererProps & Omit<ActionProps, 'onAction' | 'isCurrentUrl' | 'tooltipContainer'> & {
+    onAction: (e: React.MouseEvent<any> | string | void | null, action: object, data: any) => void;
+    btnDisabled?: boolean;
+};
+export declare class ActionRenderer extends React.Component<ActionRendererProps> {
+    static contextType: React.Context<IScopedContext>;
+    constructor(props: ActionRendererProps, scoped: IScopedContext);
+    componentWillUnmount(): void;
+    /**
+     * 动作处理
+     */
+    doAction(action: ActionObject, args: {
+        value?: string | {
+            [key: string]: string;
+        };
+    }): void;
+    handleAction(e: React.MouseEvent<any> | string | void | null, action: any): Promise<void>;
+    handleMouseEnter(e: React.MouseEvent<any>): void;
+    handleMouseLeave(e: React.MouseEvent<any>): void;
+    isCurrentAction(link: string): boolean | {
+        params?: object | undefined;
+    };
+    render(): JSX.Element;
+}
+export declare class ButtonRenderer extends ActionRenderer {
+}
+export declare class SubmitRenderer extends ActionRenderer {
+}
+export declare class ResetRenderer extends ActionRenderer {
+}