amis-editor 4.2.0-beta.0 → 5.1.8

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

@@ -0,0 +1,133 @@
+/**
+ * @file 角标控件
+ */
+import React from 'react';
+import type { FormControlProps } from 'amis-core';
+import type { SchemaExpression } from 'amis/lib/Schema';
+export interface BadgeControlProps extends FormControlProps {
+    /**
+     * 角标类型
+     */
+    mode?: 'text' | 'dot' | 'ribbon';
+    /**
+     * 文本内容
+     */
+    text?: string | number;
+    /**
+     * 角标大小
+     */
+    size?: any;
+    /**
+     * 角标位置，优先级大于position
+     */
+    offset?: [number | string, number | string];
+    /**
+     * 角标位置
+     */
+    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+    /**
+     * 封顶的数字值
+     */
+    overflowCount?: number;
+    /**
+     * 动态控制是否显示
+     */
+    visibleOn?: SchemaExpression;
+    /**
+     * 是否显示动画
+     */
+    animation?: boolean;
+    /**
+     * 角标的自定义样式
+     */
+    style?: {
+        [propName: string]: any;
+    };
+    /**
+     * 提示类型
+     */
+    level?: 'info' | 'warning' | 'success' | 'danger' | SchemaExpression;
+}
+interface BadgeControlState {
+    checked: boolean;
+}
+interface BadgeForm extends Partial<Pick<BadgeControlProps, 'mode' | 'text' | 'size' | 'position' | 'overflowCount' | 'visibleOn' | 'animation' | 'style' | 'level'>> {
+    offset: {
+        x: number;
+        y: number;
+    };
+}
+export default class BadgeControl extends React.Component<BadgeControlProps, BadgeControlState> {
+    static defaultProps: {
+        mode: string;
+        overflowCount: number;
+        position: string;
+        level: string;
+        animation: boolean;
+    };
+    constructor(props: BadgeControlProps);
+    componentDidUpdate(prevProps: BadgeControlProps): void;
+    transformBadgeValue(): BadgeForm;
+    normalizeBadgeValue(form: BadgeForm): {
+        style: import("lodash").Dictionary<any>;
+        offset: number[];
+        text?: string | number | undefined;
+        size?: any;
+        mode?: "text" | "dot" | "ribbon" | 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;
+        } | undefined;
+        offset: number[];
+        text?: string | number | undefined;
+        size?: any;
+        mode?: "text" | "dot" | "ribbon" | 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: {
+            x: number;
+            y: number;
+        };
+        text?: string | number | undefined;
+        size?: any;
+        mode?: "text" | "dot" | "ribbon" | 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;
+        } | undefined;
+        offset: {
+            x: number;
+            y: number;
+        };
+        text?: string | number | undefined;
+        size?: any;
+        mode?: "text" | "dot" | "ribbon" | 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;
+    renderBody(): JSX.Element;
+    render(): JSX.Element;
+}
+export declare class BadgeControlRenderer extends BadgeControl {
+}
+export {};

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/dist/component/control/DataBindingControl.d.ts

@@ -0,0 +1,14 @@
+import type { FormControlProps } from 'amis-core';
+import React from 'react';
+export declare class DataBindingControl extends React.Component<FormControlProps> {
+    handleConfirm(result: {
+        value: string;
+        schema: any;
+    }): void;
+    handlePickerOpen(): Promise<{
+        schemas: any;
+    }>;
+    render(): JSX.Element;
+}
+export declare class DataBindingControlRenderer extends DataBindingControl {
+}

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

@@ -0,0 +1,13 @@
+import type { FormControlProps } from 'amis-core';
+import React from 'react';
+declare class DataPickerControl extends React.Component<FormControlProps> {
+    handleConfirm(value: string): void;
+    handlePickerOpen(): Promise<{
+        variables: any[];
+        variableMode: string;
+    }>;
+    render(): JSX.Element;
+}
+export declare class DataPickerControlRenderer extends DataPickerControl {
+}
+export {};

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

@@ -0,0 +1,83 @@
+/**
+ * @file 时间选择器的快捷键
+ */
+import React from 'react';
+import Sortable from 'sortablejs';
+import type { FormControlProps } from 'amis-core';
+import type { BaseEventContext } from '../../plugin';
+declare type RangesType = Array<string | {
+    label: string;
+    range: any;
+}>;
+declare type DropDownOption = {
+    [key: string]: string;
+};
+export interface DateShortCutControlProps extends FormControlProps {
+    className?: string;
+    /**
+     * 编辑器上下文数据，用于获取字段所在Form的其他字段
+     */
+    context: BaseEventContext;
+    dropDownOption: DropDownOption;
+}
+interface OptionsType {
+    label: string;
+    type: string;
+    inputValue: string;
+}
+interface DateShortCutControlState {
+    options: Array<OptionsType>;
+}
+export declare class DateShortCutControl extends React.PureComponent<DateShortCutControlProps, DateShortCutControlState> {
+    sortable?: Sortable;
+    drag?: HTMLElement | null;
+    target: HTMLElement | null;
+    dropDownOptionArr: Array<{
+        label: string;
+        value: string;
+    }>;
+    static defaultProps: Partial<DateShortCutControlProps>;
+    constructor(props: DateShortCutControlProps);
+    initOptions(ranges: RangesType): void;
+    /**
+     * 添加
+     */
+    addItem(item: {
+        label: string;
+        value: string;
+    }): void;
+    dragRef(ref: any): void;
+    scrollToBottom(): void;
+    /**
+     * 初始化拖动
+     */
+    initDragging(): void;
+    /**
+     * 拖动的销毁
+     */
+    destroyDragging(): void;
+    /**
+     * 生成内容体
+     */
+    renderContent(): JSX.Element;
+    /**
+     * 生成选项
+     */
+    renderOption(option: OptionsType, index: number): JSX.Element;
+    /**
+     * 输入框的改变
+     */
+    onInputChange(index: number, value: string, key: 'inputValue' | 'label'): void;
+    /**
+     * 删除选项
+     */
+    handleDelete(index: number, e: React.UIEvent<any>): void;
+    /**
+     * 更新options字段的统一出口
+     */
+    onChangeOptions(): void;
+    render(): JSX.Element;
+}
+export declare class DateShortCutControlRender extends DateShortCutControl {
+}
+export {};

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/dist/component/{Control → control}/OptionControl.d.ts

@@ -6,6 +6,7 @@ import Sortable from 'sortablejs';
 import type { Option } from 'amis';
 import type { FormControlProps } from 'amis-core';
 import type { OptionValue } from 'amis-core';
+import { SchemaApi } from 'amis/lib/Schema';
 export declare type valueType = 'text' | 'boolean' | 'number';
 export interface PopoverForm {
     optionLabel: string;
@@ -20,21 +21,18 @@ export interface OptionControlProps extends FormControlProps {
 }
 export interface OptionControlState {
     options: Array<OptionControlItem>;
-    popOverData: any;
-    popOverCtx?: {
-        mode: 'add' | 'edit';
-        index?: number;
-    };
+    api: SchemaApi;
+    labelField: string;
+    valueField: string;
     source: 'custom' | 'api' | 'form';
-    sourceOptions: Array<Option>;
 }
-export declare class OptionControl extends React.Component<OptionControlProps, OptionControlState> {
+export default class OptionControl extends React.Component<OptionControlProps, OptionControlState> {
     sortable?: Sortable;
     drag?: HTMLElement | null;
     target: HTMLElement | null;
+    $comp: string;
     internalProps: string[];
     constructor(props: OptionControlProps);
-    componentDidUpdate(prevProps: OptionControlProps): void;
     /**
      * 获取当前选项值的类型
      */
@@ -48,19 +46,9 @@ export declare class OptionControl extends React.Component<OptionControlProps, O
      */
     transformOptionValue(value: any): string;
     transformOptions(props: OptionControlProps): {
+        label: string | undefined;
+        value: any;
         checked: boolean;
-        label?: string | undefined;
-        scopeLabel?: string | undefined;
-        value?: any;
-        disabled?: boolean | undefined;
-        children?: import("amis").Options | undefined;
-        visible?: boolean | undefined;
-        hidden?: boolean | undefined;
-        description?: string | undefined;
-        defer?: boolean | undefined;
-        deferApi?: string | import("amis").BaseApiObject | undefined;
-        loading?: boolean | undefined;
-        loaded?: boolean | undefined;
     }[];
     /**
      * 处理当前组件的默认值
@@ -69,7 +57,7 @@ export declare class OptionControl extends React.Component<OptionControlProps, O
     /**
      * 更新options字段的统一出口
      */
-    onChangeOptions(): void;
+    onChange(): void;
     targetRef(ref: any): void;
     dragRef(ref: any): void;
     initDragging(): void;
@@ -78,14 +66,11 @@ export declare class OptionControl extends React.Component<OptionControlProps, O
     /**
      * 切换选项类型
      */
-    handleSourceChange(option: {
-        label: string;
-        value: 'custom' | 'api' | 'form';
-    }): void;
+    handleSourceChange(source: 'custom' | 'api' | 'form'): void;
     /**
      * 删除选项
      */
-    handleDelete(index: number, e: React.UIEvent<any>): void;
+    handleDelete(index: number): void;
     /**
      * 设置默认选项
      */
@@ -93,22 +78,19 @@ export declare class OptionControl extends React.Component<OptionControlProps, O
     /**
      * 编辑选项
      */
-    handleEdit(index: number, e: React.UIEvent<any>): void;
-    handleEditLabel(index: number, e: React.FocusEvent<HTMLInputElement>): void;
+    toggleEdit(index: number): void;
+    handleEditLabel(index: number, value: string): void;
     handleAdd(): void;
-    handlePopoverSubmit(values: PopoverForm, action: any): void;
-    closePopoverEdit(): boolean;
+    handleValueTypeChange(index: number, type: valueType): void;
+    handleValueChange(index: number, value: string): void;
     handleBatchAdd(values: {
         batchOption: string;
     }, action: any): void;
     renderHeader(): JSX.Element;
     renderOption(props: any): JSX.Element;
-    renderPopover(): JSX.Element;
     buildBatchAddSchema(): {
         type: string;
         actionType: string;
-        level: string;
-        size: string;
         label: string;
         dialog: {
             title: string;
@@ -119,7 +101,10 @@ export declare class OptionControl extends React.Component<OptionControlProps, O
             body: ({
                 type: string;
                 level: string;
-                body: string;
+                body: {
+                    type: string;
+                    tpl: string;
+                }[];
                 showIcon: boolean;
                 className: string;
                 wrapWithPanel?: undefined;
@@ -157,6 +142,10 @@ export declare class OptionControl extends React.Component<OptionControlProps, O
             })[];
         };
     };
+    handleAPIChange(source: SchemaApi): void;
+    handleLableFieldChange(labelField: string): void;
+    handleValueFieldChange(valueField: string): void;
+    renderApiPanel(): JSX.Element | null;
     render(): JSX.Element;
 }
 export declare class OptionControlRenderer extends OptionControl {

package/dist/component/{Control → 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;