amis-editor 5.2.0-beta.1 → 5.2.0

package/{lib/renderer → dist/component/control}/BadgeControl.d.ts

@@ -1,7 +1,6 @@
 /**
  * @file 角标控件
  */
-/// <reference types="lodash" />
 import React from 'react';
 import type { FormControlProps } from 'amis-core';
 import type { SchemaExpression } from 'amis/lib/Schema';
@@ -74,12 +73,12 @@ export default class BadgeControl extends React.Component<BadgeControlProps, Bad
         offset: number[];
         text?: string | number | undefined;
         size?: any;
-        level?: string | undefined;
-        visibleOn?: string | undefined;
         mode?: "text" | "dot" | "ribbon" | undefined;
-        animation?: boolean | undefined;
+        visibleOn?: string | undefined;
+        level?: string | undefined;
         position?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | undefined;
         overflowCount?: number | undefined;
+        animation?: boolean | undefined;
     } | {
         style?: {
             [propName: string]: any;
@@ -87,12 +86,12 @@ export default class BadgeControl extends React.Component<BadgeControlProps, Bad
         offset: number[];
         text?: string | number | undefined;
         size?: any;
-        level?: string | undefined;
-        visibleOn?: string | undefined;
         mode?: "text" | "dot" | "ribbon" | undefined;
-        animation?: boolean | undefined;
+        visibleOn?: string | undefined;
+        level?: string | undefined;
         position?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | undefined;
         overflowCount?: number | undefined;
+        animation?: boolean | undefined;
     } | {
         style: import("lodash").Dictionary<any>;
         offset: {
@@ -101,12 +100,12 @@ export default class BadgeControl extends React.Component<BadgeControlProps, Bad
         };
         text?: string | number | undefined;
         size?: any;
-        level?: string | undefined;
-        visibleOn?: string | undefined;
         mode?: "text" | "dot" | "ribbon" | undefined;
-        animation?: boolean | undefined;
+        visibleOn?: string | undefined;
+        level?: string | undefined;
         position?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | undefined;
         overflowCount?: number | undefined;
+        animation?: boolean | undefined;
     } | {
         style?: {
             [propName: string]: any;
@@ -117,12 +116,12 @@ export default class BadgeControl extends React.Component<BadgeControlProps, Bad
         };
         text?: string | number | undefined;
         size?: any;
-        level?: string | undefined;
-        visibleOn?: string | undefined;
         mode?: "text" | "dot" | "ribbon" | undefined;
-        animation?: boolean | undefined;
+        visibleOn?: string | undefined;
+        level?: string | undefined;
         position?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | undefined;
         overflowCount?: number | undefined;
+        animation?: boolean | undefined;
     };
     handleSwitchChange(checked: boolean): void;
     handleSubmit(form: BadgeForm, action: any): void;

package/dist/component/control/BaseControl.d.ts

@@ -0,0 +1,248 @@
+import type { BaseEventContext } from '../../plugin';
+import { SchemaObject } from 'amis/lib/Schema';
+export declare const BUTTON_DEFAULT_ACTION: {
+    onEvent: {
+        click: {
+            actions: never[];
+        };
+    };
+};
+export declare type PrimitiveType = string | number | boolean;
+/**
+ * 校验项
+ * 数组项为 ValidationType 或 对象形式的配置
+ * 对象形式配置规则 优先匹配 isShow 形式，后匹配 isHidden 形式
+ * 如下：
+ */
+export declare type ValidationOptions = Array<{
+    option: string;
+    isShow?: {
+        [key: string]: PrimitiveType | Array<PrimitiveType>;
+    };
+    isHidden?: {
+        [key: string]: PrimitiveType | Array<PrimitiveType>;
+    };
+}>;
+export declare type FormItemControlPanel = 'property' | 'common' | 'option' | 'status' | 'validation' | 'style' | 'option' | 'event';
+/**
+ * Label提示
+ * 支持传入Schema或String，传入String则使用默认配置，如下：
+ *
+ * @default
+ * ```
+ * className: 'ae-BaseRemark',
+ * icon: 'fa fa-question-circle',
+ * trigger: ['hover', 'click'],
+ * placement: 'left'
+ * ```
+ */
+export declare const BaseLabelMark: (schema: Record<string, any> | string) => {
+    content: any;
+    className: string;
+    icon: string;
+    trigger: string[];
+    placement: string;
+} | undefined;
+/**
+ * 表单项组件面板
+ *
+ * @param {Object=} panels
+ * @param {string=} key
+ * `property` 属性
+ *     `common` 常用
+ *     `status` 状态
+ *     `validation` 校验
+ * `style` 样式
+ * `event` 事件
+ * @param {string=} panels.body - 配置面板Schema
+ * @param {boolean=} panels.replace - 是否完全替换默认Schema，默认追加
+ * @param {Array} panels.validation.validationType - 默认显示的校验类型
+ */
+export declare const formItemControl: (panels: Partial<Record<FormItemControlPanel, {
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 配置项内容
+     */
+    body?: any;
+    /**
+     * 是否完全替换默认配置项
+     */
+    replace?: boolean;
+    /**
+     * 配置项倒序排列
+     */
+    reverse?: boolean;
+    /**
+     * 是否隐藏面板
+     */
+    hidden?: boolean;
+    /**
+     * 配置项排序优先级
+     */
+    order?: Record<string, number>;
+    /**
+     * 默认支持的校验规则
+     */
+    validationType?: ValidationOptions;
+}>>, context?: BaseEventContext) => Array<any>;
+export declare function tipedLabel(body: string | Array<SchemaObject>, tip: string): {
+    type: string;
+    tooltip: string;
+    tooltipTheme: string;
+    placement: string;
+    tooltipStyle: {
+        fontSize: string;
+    };
+    className: string;
+    body: string | SchemaObject[];
+};
+/**
+ * 信息提示组件模版
+ */
+export declare function remarkTpl(config: {
+    name: 'remark' | 'labelRemark';
+    label: string;
+    labelRemark?: string;
+}): {
+    type: string;
+    formType: string;
+    className: string;
+    label: string | {
+        type: string;
+        tooltip: string;
+        tooltipTheme: string;
+        placement: string;
+        tooltipStyle: {
+            fontSize: string;
+        };
+        className: string;
+        body: string | SchemaObject[];
+    };
+    bulk: boolean;
+    name: "labelRemark" | "remark";
+    pipeIn: (value: any) => boolean;
+    pipeOut: (value: any) => any;
+    form: {
+        size: string;
+        className: string;
+        mode: string;
+        horizontal: {
+            left: number;
+            right: number;
+            justify: boolean;
+        };
+        body: {
+            type: string;
+            className: string;
+            gap: string;
+            columns: ({
+                md: string;
+                body: ({
+                    name: string;
+                    type: string;
+                    label: string;
+                    placeholder: string;
+                } | {
+                    name: string;
+                    type: string;
+                    label: string;
+                    placeholder?: undefined;
+                })[];
+            } | {
+                md: string;
+                body: ({
+                    name: string;
+                    type: string;
+                    size: string;
+                    label: string;
+                    options: {
+                        label: string;
+                        value: string;
+                    }[];
+                    className?: undefined;
+                    labelRemark?: undefined;
+                    multiple?: undefined;
+                    pipeIn?: undefined;
+                    pipeOut?: undefined;
+                    visibleOn?: undefined;
+                    mode?: undefined;
+                    inputClassName?: undefined;
+                } | {
+                    name: string;
+                    label: string;
+                    type: string;
+                    className: string;
+                    size?: undefined;
+                    options?: undefined;
+                    labelRemark?: undefined;
+                    multiple?: undefined;
+                    pipeIn?: undefined;
+                    pipeOut?: undefined;
+                    visibleOn?: undefined;
+                    mode?: undefined;
+                    inputClassName?: undefined;
+                } | {
+                    name: string;
+                    label: string;
+                    type: string;
+                    labelRemark: {
+                        content: any;
+                        className: string;
+                        icon: string;
+                        trigger: string[];
+                        placement: string;
+                    } | undefined;
+                    size?: undefined;
+                    options?: undefined;
+                    className?: undefined;
+                    multiple?: undefined;
+                    pipeIn?: undefined;
+                    pipeOut?: undefined;
+                    visibleOn?: undefined;
+                    mode?: undefined;
+                    inputClassName?: undefined;
+                } | {
+                    name: string;
+                    type: string;
+                    label: string;
+                    labelRemark: {
+                        content: any;
+                        className: string;
+                        icon: string;
+                        trigger: string[];
+                        placement: string;
+                    } | undefined;
+                    multiple: boolean;
+                    pipeIn: (value: any) => string | never[];
+                    pipeOut: (value: any) => any;
+                    options: {
+                        label: string;
+                        value: string;
+                    }[];
+                    size?: undefined;
+                    className?: undefined;
+                    visibleOn?: undefined;
+                    mode?: undefined;
+                    inputClassName?: undefined;
+                } | {
+                    name: string;
+                    visibleOn: string;
+                    label: string;
+                    type: string;
+                    mode: string;
+                    inputClassName: string;
+                    size?: undefined;
+                    options?: undefined;
+                    className?: undefined;
+                    labelRemark?: undefined;
+                    multiple?: undefined;
+                    pipeIn?: undefined;
+                    pipeOut?: undefined;
+                })[];
+            })[];
+        };
+    };
+};

package/{lib/renderer → dist/component/control}/DataPickerControl.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 declare class DataPickerControl extends React.Component<FormControlProps> {
     handleConfirm(value: string): void;
     handlePickerOpen(): Promise<{
-        variables: any;
+        variables: any[];
         variableMode: string;
     }>;
     render(): JSX.Element;

package/{lib/renderer → dist/component/control}/DateShortCutControl.d.ts

@@ -4,7 +4,7 @@
 import React from 'react';
 import Sortable from 'sortablejs';
 import type { FormControlProps } from 'amis-core';
-import type { BaseEventContext } from 'amis-editor-core';
+import type { BaseEventContext } from '../../plugin';
 declare type RangesType = Array<string | {
     label: string;
     range: any;

package/dist/component/control/FormulaControl.d.ts

@@ -0,0 +1,51 @@
+/**
+ * @file 表达式控件
+ */
+/// <reference types="lodash" />
+import React from 'react';
+import type { VariableItem, FuncGroup } from 'amis-ui/lib/components/formula/Editor';
+import type { FormControlProps } from 'amis-core';
+import type { BaseEventContext } from '../../plugin';
+export interface FormulaControlProps extends FormControlProps {
+    /**
+     * evalMode 即直接就是表达式，否则
+     * 需要 ${这里面才是表达式}
+     * 默认为 true
+     */
+    evalMode?: boolean;
+    /**
+     * 用于提示的变量集合，默认为空
+     */
+    variables: Array<VariableItem>;
+    /**
+     * 变量展现模式，可选值：'tabs' ｜ 'tree'
+     */
+    variableMode?: 'tabs' | 'tree';
+    /**
+     * 函数集合，默认不需要传，即  amis-formula 里面那个函数
+     * 如果有扩充，则需要传。
+     */
+    functions: Array<FuncGroup>;
+    /**
+     * 顶部标题，默认为表达式
+     */
+    header: string;
+    /**
+     * 编辑器上下文数据，用于获取字段所在Form的其他字段
+     */
+    context: BaseEventContext;
+    /**
+     * simple 简易模式
+     */
+    simple?: boolean;
+}
+export default class FormulaControl extends React.Component<FormulaControlProps> {
+    static defaultProps: Partial<FormulaControlProps>;
+    constructor(props: FormulaControlProps);
+    normalizeVariables(variables?: Array<VariableItem>): any[];
+    handleConfirm(value: any): void;
+    handleSimpleInputChange: import("lodash").DebouncedFunc<(value: string) => void>;
+    render(): JSX.Element;
+}
+export declare class FormulaControlRenderer extends FormulaControl {
+}

package/{lib/renderer → dist/component/control}/PopoverEdit.d.ts

@@ -6,7 +6,7 @@ import type { Action } from 'amis/lib/types';
 import type { IScopedContext } from 'amis-core';
 import type { FormControlProps } from 'amis-core';
 import type { FormSchema } from 'amis/lib/Schema';
-import type { Offset } from 'amis-ui/lib/components/PopOver';
+import type { Offset } from 'amis-core/lib/components/PopOver';
 export interface PopoverEditProps extends FormControlProps {
     className?: string;
     popOverclassName?: string;

package/{lib/renderer → dist/component/control}/SwitchMoreControl.d.ts

@@ -66,73 +66,74 @@ export default class SwitchMore extends React.Component<SwitchMoreProps, SwitchM
         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;
+            data: any;
             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;
+            name?: string | undefined;
+            persistData?: string | undefined;
+            rules?: {
+                rule: string;
+                message: string;
+                name?: string | string[] | undefined;
+            }[] | undefined;
             messages?: {
                 validateFailed?: string | undefined;
             } | undefined;
+            horizontal: import("amis").FormHorizontal;
             labelAlign?: import("amis-core/lib/renderers/Item").LabelAlign | undefined;
-            submitOnChange: boolean;
+            labelWidth?: string | number | undefined;
+            disabled?: boolean | undefined;
+            api?: string | import("amis").BaseApiObject | undefined;
+            visible?: boolean | undefined;
+            hidden?: boolean | undefined;
+            body?: SchemaCollection | undefined;
+            title: any;
             initFetchOn?: string | undefined;
             initFetch?: boolean | undefined;
-            initApi?: string | import("amis").BaseApiObject | undefined;
+            submitOnChange: boolean;
+            mode: string;
+            $ref?: string | undefined;
+            disabledOn?: string | undefined;
+            hiddenOn?: string | undefined;
+            visibleOn?: string | undefined;
+            wrapWithPanel: boolean;
+            actions?: import("amis/lib/renderers/Action").ActionSchema[] | undefined;
+            reload?: string | undefined;
+            tabs?: any;
             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;
+            fieldSet?: any;
+            panelClassName: import("amis").ClassName;
+            preventEnterSubmit: boolean;
             debug?: boolean | undefined;
+            initApi?: string | import("amis").BaseApiObject | undefined;
             initAsyncApi?: string | import("amis").BaseApiObject | undefined;
             initFinishedField?: string | undefined;
             initCheckInterval?: number | undefined;
-            persistData?: string | undefined;
             clearPersistDataAfterSubmit?: boolean | undefined;
+            feedback?: any;
             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;
+            autoFocus: boolean | undefined;
             primaryField?: string | undefined;
+            redirect?: string | undefined;
             submitOnInit?: boolean | undefined;
             submitText?: string | undefined;
-            wrapWithPanel: boolean;
+            target?: string | undefined;
+            affixFooter?: boolean | undefined;
             promptPageLeave?: boolean | undefined;
             promptPageLeaveMessage?: string | undefined;
-            rules?: {
-                rule: string;
-                message: string;
-                name?: string | string[] | undefined;
-            }[] | undefined;
-            preventEnterSubmit: boolean;
             type: string;
             bodyClassName: string;
             actionsClassName: string;
@@ -141,73 +142,74 @@ export default class SwitchMore extends React.Component<SwitchMoreProps, SwitchM
         };
     };
     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;
+        data: any;
         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;
+        name?: string | undefined;
+        persistData?: string | undefined;
+        rules?: {
+            rule: string;
+            message: string;
+            name?: string | string[] | undefined;
+        }[] | undefined;
         messages?: {
             validateFailed?: string | undefined;
         } | undefined;
+        horizontal: import("amis").FormHorizontal;
         labelAlign?: import("amis-core/lib/renderers/Item").LabelAlign | undefined;
-        submitOnChange: boolean;
+        labelWidth?: string | number | undefined;
+        disabled?: boolean | undefined;
+        api?: string | import("amis").BaseApiObject | undefined;
+        visible?: boolean | undefined;
+        hidden?: boolean | undefined;
+        body?: SchemaCollection | undefined;
+        title?: string | undefined;
         initFetchOn?: string | undefined;
         initFetch?: boolean | undefined;
-        initApi?: string | import("amis").BaseApiObject | undefined;
+        submitOnChange: boolean;
+        mode: string;
+        $ref?: string | undefined;
+        disabledOn?: string | undefined;
+        hiddenOn?: string | undefined;
+        visibleOn?: string | undefined;
+        wrapWithPanel: boolean;
+        actions?: import("amis/lib/renderers/Action").ActionSchema[] | undefined;
+        reload?: string | undefined;
+        tabs?: any;
         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;
+        fieldSet?: any;
+        panelClassName: import("amis").ClassName;
+        preventEnterSubmit: boolean;
         debug?: boolean | undefined;
+        initApi?: string | import("amis").BaseApiObject | undefined;
         initAsyncApi?: string | import("amis").BaseApiObject | undefined;
         initFinishedField?: string | undefined;
         initCheckInterval?: number | undefined;
-        persistData?: string | undefined;
         clearPersistDataAfterSubmit?: boolean | undefined;
+        feedback?: any;
         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;
+        autoFocus: boolean | undefined;
         primaryField?: string | undefined;
+        redirect?: string | undefined;
         submitOnInit?: boolean | undefined;
         submitText?: string | undefined;
-        wrapWithPanel: boolean;
+        target?: string | undefined;
+        affixFooter?: boolean | undefined;
         promptPageLeave?: boolean | undefined;
         promptPageLeaveMessage?: string | undefined;
-        rules?: {
-            rule: string;
-            message: string;
-            name?: string | string[] | undefined;
-        }[] | undefined;
-        preventEnterSubmit: boolean;
         type: string;
         bodyClassName: string;
         actionsClassName: string;

package/dist/component/schemaTpl.d.ts

@@ -0,0 +1,27 @@
+import { SchemaCollection } from 'amis/lib/Schema';
+/**
+ * 样式相关的属性面板，因为预计会比较多所以拆出来
+ */
+export declare const styleTpl: {
+    name: string;
+    type: string;
+    label: string;
+    noBorder: boolean;
+    multiLine: boolean;
+    items: {
+        type: string;
+        title: string;
+        body: any[];
+    }[];
+};
+export declare function getCollapseCate(config: {
+    name: string;
+    body: SchemaCollection;
+    visibleOn?: string;
+    tools: SchemaCollection;
+}): void;
+export declare function getSchemaTpl(name: string, patch?: object): any;
+export declare function setSchemaTpl(name: string, value: any): void;
+export declare function valuePipeOut(value: any): any;
+export declare function undefinedPipeOut(value: any): any;
+export declare function defaultValue(defaultValue: any, strictMode?: boolean): (value: any) => any;