amis 1.9.1-beta.21 → 1.9.1-beta.24

package/lib/renderers/Form/DiffEditor.d.ts

@@ -340,7 +340,9 @@ export declare class DiffEditorControlRenderer extends DiffEditor {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -747,7 +749,9 @@ export declare class DiffEditorControlRenderer extends DiffEditor {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -1163,7 +1167,9 @@ export declare class DiffEditorControlRenderer extends DiffEditor {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -1570,7 +1576,9 @@ export declare class DiffEditorControlRenderer extends DiffEditor {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -1981,7 +1989,9 @@ export declare class DiffEditorControlRenderer extends DiffEditor {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -2388,7 +2398,9 @@ export declare class DiffEditorControlRenderer extends DiffEditor {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -2799,7 +2811,9 @@ export declare class DiffEditorControlRenderer extends DiffEditor {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -3206,7 +3220,9 @@ export declare class DiffEditorControlRenderer extends DiffEditor {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -3527,7 +3543,12 @@ export declare class DiffEditorControlRenderer extends DiffEditor {
             trimValues: () => void;
             submit: (fn?: ((values: object) => Promise<any>) | undefined, hooks?: (() => Promise<any>)[] | undefined, failedMessage?: string | undefined, validateErrCb?: (() => void) | undefined) => Promise<any>;
             validate: (hooks?: (() => Promise<any>)[] | undefined, forceValidate?: boolean | undefined) => Promise<boolean>;
-            validateFields: (fields: string[]) => Promise<boolean>;
+            validateFields: (fields: (string | {
+                name: string;
+                rules: {
+                    [propName: string]: any;
+                };
+            })[]) => Promise<boolean>;
             clearErrors: () => void;
             saveRemote: (api: import("../../types").Api, data?: object | undefined, options?: import("../../types").fetchOptions | undefined) => Promise<any>;
             reset: (cb?: ((data: any) => void) | undefined, resetData?: boolean) => void;
@@ -3728,7 +3749,9 @@ export declare class DiffEditorControlRenderer extends DiffEditor {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -4135,7 +4158,9 @@ export declare class DiffEditorControlRenderer extends DiffEditor {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -4551,7 +4576,9 @@ export declare class DiffEditorControlRenderer extends DiffEditor {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -4958,7 +4985,9 @@ export declare class DiffEditorControlRenderer extends DiffEditor {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -5369,7 +5398,9 @@ export declare class DiffEditorControlRenderer extends DiffEditor {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -5776,7 +5807,9 @@ export declare class DiffEditorControlRenderer extends DiffEditor {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -6187,7 +6220,9 @@ export declare class DiffEditorControlRenderer extends DiffEditor {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -6594,7 +6629,9 @@ export declare class DiffEditorControlRenderer extends DiffEditor {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -6915,7 +6952,12 @@ export declare class DiffEditorControlRenderer extends DiffEditor {
             trimValues: () => void;
             submit: (fn?: ((values: object) => Promise<any>) | undefined, hooks?: (() => Promise<any>)[] | undefined, failedMessage?: string | undefined, validateErrCb?: (() => void) | undefined) => Promise<any>;
             validate: (hooks?: (() => Promise<any>)[] | undefined, forceValidate?: boolean | undefined) => Promise<boolean>;
-            validateFields: (fields: string[]) => Promise<boolean>;
+            validateFields: (fields: (string | {
+                name: string;
+                rules: {
+                    [propName: string]: any;
+                };
+            })[]) => Promise<boolean>;
             clearErrors: () => void;
             saveRemote: (api: import("../../types").Api, data?: object | undefined, options?: import("../../types").fetchOptions | undefined) => Promise<any>;
             reset: (cb?: ((data: any) => void) | undefined, resetData?: boolean) => void;
@@ -7039,7 +7081,9 @@ export declare class DiffEditorControlRenderer extends DiffEditor {
                 validateOnChange?: boolean | undefined;
                 label?: string | undefined;
             }) => void;
-            validate: (data: Object, hook?: any) => Promise<boolean>;
+            validate: (data: Object, hook?: any, customRules?: {
+                [propName: string]: any;
+            } | undefined) => Promise<boolean>;
             setError: (msg: string | string[], tag?: string) => void;
             addError: (msg: string | (string | {
                 msg: string;
@@ -7446,7 +7490,9 @@ export declare class DiffEditorControlRenderer extends DiffEditor {
                 validateOnChange?: boolean | undefined;
                 label?: string | undefined;
             }) => void;
-            validate: (data: Object, hook?: any) => Promise<boolean>;
+            validate: (data: Object, hook?: any, customRules?: {
+                [propName: string]: any;
+            } | undefined) => Promise<boolean>;
             setError: (msg: string | string[], tag?: string) => void;
             addError: (msg: string | (string | {
                 msg: string;

package/lib/renderers/Form/Editor.d.ts

@@ -346,7 +346,9 @@ export declare class EditorControlRenderer extends EditorControl {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -763,7 +765,9 @@ export declare class EditorControlRenderer extends EditorControl {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -1189,7 +1193,9 @@ export declare class EditorControlRenderer extends EditorControl {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -1606,7 +1612,9 @@ export declare class EditorControlRenderer extends EditorControl {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -2027,7 +2035,9 @@ export declare class EditorControlRenderer extends EditorControl {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -2444,7 +2454,9 @@ export declare class EditorControlRenderer extends EditorControl {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -2865,7 +2877,9 @@ export declare class EditorControlRenderer extends EditorControl {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -3282,7 +3296,9 @@ export declare class EditorControlRenderer extends EditorControl {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -3611,7 +3627,12 @@ export declare class EditorControlRenderer extends EditorControl {
             trimValues: () => void;
             submit: (fn?: ((values: object) => Promise<any>) | undefined, hooks?: (() => Promise<any>)[] | undefined, failedMessage?: string | undefined, validateErrCb?: (() => void) | undefined) => Promise<any>;
             validate: (hooks?: (() => Promise<any>)[] | undefined, forceValidate?: boolean | undefined) => Promise<boolean>;
-            validateFields: (fields: string[]) => Promise<boolean>;
+            validateFields: (fields: (string | {
+                name: string;
+                rules: {
+                    [propName: string]: any;
+                };
+            })[]) => Promise<boolean>;
             clearErrors: () => void;
             saveRemote: (api: import("../../types").Api, data?: object | undefined, options?: import("../../types").fetchOptions | undefined) => Promise<any>;
             reset: (cb?: ((data: any) => void) | undefined, resetData?: boolean) => void;
@@ -3816,7 +3837,9 @@ export declare class EditorControlRenderer extends EditorControl {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -4233,7 +4256,9 @@ export declare class EditorControlRenderer extends EditorControl {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -4659,7 +4684,9 @@ export declare class EditorControlRenderer extends EditorControl {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -5076,7 +5103,9 @@ export declare class EditorControlRenderer extends EditorControl {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -5497,7 +5526,9 @@ export declare class EditorControlRenderer extends EditorControl {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -5914,7 +5945,9 @@ export declare class EditorControlRenderer extends EditorControl {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -6335,7 +6368,9 @@ export declare class EditorControlRenderer extends EditorControl {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -6752,7 +6787,9 @@ export declare class EditorControlRenderer extends EditorControl {
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -7081,7 +7118,12 @@ export declare class EditorControlRenderer extends EditorControl {
             trimValues: () => void;
             submit: (fn?: ((values: object) => Promise<any>) | undefined, hooks?: (() => Promise<any>)[] | undefined, failedMessage?: string | undefined, validateErrCb?: (() => void) | undefined) => Promise<any>;
             validate: (hooks?: (() => Promise<any>)[] | undefined, forceValidate?: boolean | undefined) => Promise<boolean>;
-            validateFields: (fields: string[]) => Promise<boolean>;
+            validateFields: (fields: (string | {
+                name: string;
+                rules: {
+                    [propName: string]: any;
+                };
+            })[]) => Promise<boolean>;
             clearErrors: () => void;
             saveRemote: (api: import("../../types").Api, data?: object | undefined, options?: import("../../types").fetchOptions | undefined) => Promise<any>;
             reset: (cb?: ((data: any) => void) | undefined, resetData?: boolean) => void;
@@ -7207,7 +7249,9 @@ export declare class EditorControlRenderer extends EditorControl {
                 validateOnChange?: boolean | undefined;
                 label?: string | undefined;
             }) => void;
-            validate: (data: Object, hook?: any) => Promise<boolean>;
+            validate: (data: Object, hook?: any, customRules?: {
+                [propName: string]: any;
+            } | undefined) => Promise<boolean>;
             setError: (msg: string | string[], tag?: string) => void;
             addError: (msg: string | (string | {
                 msg: string;
@@ -7624,7 +7668,9 @@ export declare class EditorControlRenderer extends EditorControl {
                 validateOnChange?: boolean | undefined;
                 label?: string | undefined;
             }) => void;
-            validate: (data: Object, hook?: any) => Promise<boolean>;
+            validate: (data: Object, hook?: any, customRules?: {
+                [propName: string]: any;
+            } | undefined) => Promise<boolean>;
             setError: (msg: string | string[], tag?: string) => void;
             addError: (msg: string | (string | {
                 msg: string;

package/lib/renderers/Form/Group.js

@@ -19,7 +19,7 @@ var ControlGroupRenderer = /** @class */ (function (_super) {
             return null;
         }
         var subSchema = control;
-        return render("".concat(index), subSchema, (0, tslib_1.__assign)({ disabled: disabled, formMode: subFormMode || mode || formMode, formHorizontal: subFormHorizontal || horizontal || formHorizontal }, otherProps));
+        return render("".concat(index), subSchema, (0, tslib_1.__assign)({ disabled: control.disabled || disabled, formMode: subFormMode || mode || formMode, formHorizontal: subFormHorizontal || horizontal || formHorizontal }, otherProps));
     };
     ControlGroupRenderer.prototype.renderVertical = function (props) {
         var _this = this;

package/lib/renderers/Form/Group.js.map

@@ -6,8 +6,8 @@
         "/src/renderers/Form/Group.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport {Renderer, RendererProps} from '../../factory';\nimport {Schema} from '../../types';\nimport {\n  isVisible,\n  getWidthRate,\n  makeHorizontalDeeper\n} from '../../utils/helper';\nimport cx from 'classnames';\nimport {FormBaseControl, FormItemWrap} from './Item';\nimport getExprProperties from '../../utils/filter-schema';\nimport {SchemaClassName, SchemaObject} from '../../Schema';\nimport Form, {FormSchemaHorizontal} from './index';\n\nexport type GroupSubControl = SchemaObject & {\n  /**\n   * 列类名\n   */\n  columnClassName?: SchemaClassName;\n\n  /**\n   * 宽度占用比率。在某些容器里面有用比如 group\n   */\n  columnRatio?: number | 'auto';\n};\n\n/**\n * Group 表单集合渲染器，能让多个表单在一行显示\n * 文档：https://baidu.gitee.io/amis/docs/components/form/group\n */\nexport interface GroupControlSchema extends FormBaseControl {\n  type: 'group';\n\n  /**\n   * FormItem 集合\n   */\n  body: Array<GroupSubControl>;\n\n  /**\n   * 间隔\n   */\n  gap?: 'xs' | 'sm' | 'normal';\n\n  /**\n   * 配置时垂直摆放还是左右摆放。\n   */\n  direction?: 'horizontal' | 'vertical';\n\n  /**\n   * 配置子表单项默认的展示方式。\n   */\n  subFormMode?: 'normal' | 'inline' | 'horizontal';\n  /**\n   * 如果是水平排版，这个属性可以细化水平排版的左右宽度占比。\n   */\n  subFormHorizontal?: FormSchemaHorizontal;\n}\n\nexport interface InputGroupProps\n  extends RendererProps,\n    Omit<GroupControlSchema, 'type' | 'className'> {}\n\n@Renderer({\n  type: 'group'\n})\nexport class ControlGroupRenderer extends React.Component<InputGroupProps> {\n  constructor(props: InputGroupProps) {\n    super(props);\n    this.renderInput = this.renderInput.bind(this);\n  }\n\n  renderControl(control: any, index: any, otherProps?: any) {\n    const {\n      render,\n      disabled,\n      data,\n      mode,\n      horizontal,\n      formMode,\n      formHorizontal,\n      subFormMode,\n      subFormHorizontal\n    } = this.props;\n\n    if (!control) {\n      return null;\n    }\n\n    const subSchema: any = control;\n\n    return render(`${index}`, subSchema, {\n      disabled,\n      formMode: subFormMode || mode || formMode,\n      formHorizontal: subFormHorizontal || horizontal || formHorizontal,\n      ...otherProps\n    });\n  }\n\n  renderVertical(props = this.props) {\n    let {body, className, classnames: cx, mode, formMode, data} = props;\n    formMode = mode || formMode;\n\n    if (!Array.isArray(body)) {\n      return null;\n    }\n\n    return (\n      <div\n        className={cx(\n          `Form-group Form-group--ver Form-group--${formMode}`,\n          className\n        )}\n      >\n        {body.map((control, index) => {\n          if (!isVisible(control, data)) {\n            return null;\n          }\n\n          return this.renderControl(control, index, {\n            key: index\n          });\n        })}\n      </div>\n    );\n  }\n\n  renderHorizontal(props = this.props) {\n    let {\n      body,\n      className,\n      classPrefix: ns,\n      classnames: cx,\n      mode,\n      horizontal,\n      formMode,\n      formHorizontal,\n      subFormMode,\n      subFormHorizontal,\n      data,\n      gap\n    } = props;\n\n    if (!Array.isArray(body)) {\n      return null;\n    }\n\n    formMode = subFormMode || mode || formMode;\n\n    let horizontalDeeper =\n      subFormHorizontal ||\n      horizontal ||\n      (formHorizontal\n        ? makeHorizontalDeeper(\n            formHorizontal,\n            body.filter(\n              item =>\n                (item as FormBaseControl)?.mode !== 'inline' &&\n                isVisible(item, data)\n            ).length\n          )\n        : undefined);\n\n    return (\n      <div\n        className={cx(\n          `Form-group Form-group--hor Form-group--${formMode}`,\n          gap ? `Form-group--${gap}` : '',\n          className\n        )}\n      >\n        {body.map((control, index) => {\n          if (!isVisible(control, data)) {\n            return null;\n          }\n          const controlMode = (control as FormBaseControl)?.mode || formMode;\n\n          if (\n            controlMode === 'inline' ||\n            (control && (control as any).type === 'formula')\n          ) {\n            return this.renderControl(control, index, {\n              key: index,\n              className: cx(control.className, control.columnClassName)\n            });\n          }\n\n          const columnWidth =\n            control.columnRatio ||\n            getWidthRate(control && control.columnClassName, true);\n\n          return (\n            <div\n              key={index}\n              className={cx(\n                `${ns}Form-groupColumn`,\n                columnWidth ? `${ns}Form-groupColumn--${columnWidth}` : '',\n                control && control.columnClassName\n              )}\n            >\n              {this.renderControl(control, index, {\n                formHorizontal: horizontalDeeper,\n                formMode: controlMode\n              })}\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n\n  renderInput(props = this.props) {\n    const direction = props.direction;\n    return direction === 'vertical'\n      ? this.renderVertical(props)\n      : this.renderHorizontal(props);\n  }\n\n  render() {\n    const {label, ...rest} = this.props;\n\n    if (typeof label !== 'undefined') {\n      return (\n        <FormItemWrap\n          {...(rest as any)}\n          sizeMutable={false}\n          label={label}\n          renderControl={this.renderInput}\n        />\n      );\n    }\n\n    return this.renderInput();\n  }\n}\n"
+        "import React from 'react';\nimport {Renderer, RendererProps} from '../../factory';\nimport {Schema} from '../../types';\nimport {\n  isVisible,\n  getWidthRate,\n  makeHorizontalDeeper\n} from '../../utils/helper';\nimport cx from 'classnames';\nimport {FormBaseControl, FormItemWrap} from './Item';\nimport getExprProperties from '../../utils/filter-schema';\nimport {SchemaClassName, SchemaObject} from '../../Schema';\nimport Form, {FormSchemaHorizontal} from './index';\n\nexport type GroupSubControl = SchemaObject & {\n  /**\n   * 列类名\n   */\n  columnClassName?: SchemaClassName;\n\n  /**\n   * 宽度占用比率。在某些容器里面有用比如 group\n   */\n  columnRatio?: number | 'auto';\n};\n\n/**\n * Group 表单集合渲染器，能让多个表单在一行显示\n * 文档：https://baidu.gitee.io/amis/docs/components/form/group\n */\nexport interface GroupControlSchema extends FormBaseControl {\n  type: 'group';\n\n  /**\n   * FormItem 集合\n   */\n  body: Array<GroupSubControl>;\n\n  /**\n   * 间隔\n   */\n  gap?: 'xs' | 'sm' | 'normal';\n\n  /**\n   * 配置时垂直摆放还是左右摆放。\n   */\n  direction?: 'horizontal' | 'vertical';\n\n  /**\n   * 配置子表单项默认的展示方式。\n   */\n  subFormMode?: 'normal' | 'inline' | 'horizontal';\n  /**\n   * 如果是水平排版，这个属性可以细化水平排版的左右宽度占比。\n   */\n  subFormHorizontal?: FormSchemaHorizontal;\n}\n\nexport interface InputGroupProps\n  extends RendererProps,\n    Omit<GroupControlSchema, 'type' | 'className'> {}\n\n@Renderer({\n  type: 'group'\n})\nexport class ControlGroupRenderer extends React.Component<InputGroupProps> {\n  constructor(props: InputGroupProps) {\n    super(props);\n    this.renderInput = this.renderInput.bind(this);\n  }\n\n  renderControl(control: any, index: any, otherProps?: any) {\n    const {\n      render,\n      disabled,\n      data,\n      mode,\n      horizontal,\n      formMode,\n      formHorizontal,\n      subFormMode,\n      subFormHorizontal\n    } = this.props;\n\n    if (!control) {\n      return null;\n    }\n\n    const subSchema: any = control;\n\n    return render(`${index}`, subSchema, {\n      disabled: control.disabled || disabled,\n      formMode: subFormMode || mode || formMode,\n      formHorizontal: subFormHorizontal || horizontal || formHorizontal,\n      ...otherProps\n    });\n  }\n\n  renderVertical(props = this.props) {\n    let {body, className, classnames: cx, mode, formMode, data} = props;\n    formMode = mode || formMode;\n\n    if (!Array.isArray(body)) {\n      return null;\n    }\n\n    return (\n      <div\n        className={cx(\n          `Form-group Form-group--ver Form-group--${formMode}`,\n          className\n        )}\n      >\n        {body.map((control, index) => {\n          if (!isVisible(control, data)) {\n            return null;\n          }\n\n          return this.renderControl(control, index, {\n            key: index\n          });\n        })}\n      </div>\n    );\n  }\n\n  renderHorizontal(props = this.props) {\n    let {\n      body,\n      className,\n      classPrefix: ns,\n      classnames: cx,\n      mode,\n      horizontal,\n      formMode,\n      formHorizontal,\n      subFormMode,\n      subFormHorizontal,\n      data,\n      gap\n    } = props;\n\n    if (!Array.isArray(body)) {\n      return null;\n    }\n\n    formMode = subFormMode || mode || formMode;\n\n    let horizontalDeeper =\n      subFormHorizontal ||\n      horizontal ||\n      (formHorizontal\n        ? makeHorizontalDeeper(\n            formHorizontal,\n            body.filter(\n              item =>\n                (item as FormBaseControl)?.mode !== 'inline' &&\n                isVisible(item, data)\n            ).length\n          )\n        : undefined);\n\n    return (\n      <div\n        className={cx(\n          `Form-group Form-group--hor Form-group--${formMode}`,\n          gap ? `Form-group--${gap}` : '',\n          className\n        )}\n      >\n        {body.map((control, index) => {\n          if (!isVisible(control, data)) {\n            return null;\n          }\n          const controlMode = (control as FormBaseControl)?.mode || formMode;\n\n          if (\n            controlMode === 'inline' ||\n            (control && (control as any).type === 'formula')\n          ) {\n            return this.renderControl(control, index, {\n              key: index,\n              className: cx(control.className, control.columnClassName)\n            });\n          }\n\n          const columnWidth =\n            control.columnRatio ||\n            getWidthRate(control && control.columnClassName, true);\n\n          return (\n            <div\n              key={index}\n              className={cx(\n                `${ns}Form-groupColumn`,\n                columnWidth ? `${ns}Form-groupColumn--${columnWidth}` : '',\n                control && control.columnClassName\n              )}\n            >\n              {this.renderControl(control, index, {\n                formHorizontal: horizontalDeeper,\n                formMode: controlMode\n              })}\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n\n  renderInput(props = this.props) {\n    const direction = props.direction;\n    return direction === 'vertical'\n      ? this.renderVertical(props)\n      : this.renderHorizontal(props);\n  }\n\n  render() {\n    const {label, ...rest} = this.props;\n\n    if (typeof label !== 'undefined') {\n      return (\n        <FormItemWrap\n          {...(rest as any)}\n          sizeMutable={false}\n          label={label}\n          renderControl={this.renderInput}\n        />\n      );\n    }\n\n    return this.renderInput();\n  }\n}\n"
     ]
 }

package/lib/renderers/Form/InputFormula.d.ts

@@ -63,6 +63,10 @@ export interface InputFormulaControlSchema extends FormBaseControl {
      * 边框模式，全边框，还是半边框，或者没边框。
      */
     borderMode?: 'full' | 'half' | 'none';
+    /**
+     * 只展示变量，不需要其他面板
+     */
+    onlyVariable?: boolean;
     /**
      * 输入框占位符
      */
@@ -75,15 +79,11 @@ export interface InputFormulaControlSchema extends FormBaseControl {
      * 函数面板CSS样式类名
      */
     functionClassName?: string;
-    /**
-     * 当前输入项字段 name: 用于避免循环绑定自身导致无限渲染
-     */
-    selfVariableName?: string;
 }
 export interface InputFormulaProps extends FormControlProps, Omit<InputFormulaControlSchema, 'options' | 'inputClassName' | 'className' | 'descriptionClassName'> {
 }
 export declare class InputFormulaRenderer extends React.Component<InputFormulaProps> {
-    static defaultProps: Pick<InputFormulaControlSchema, 'inputMode' | 'borderMode' | 'evalMode'>;
+    static defaultProps: Pick<InputFormulaControlSchema, 'inputMode' | 'borderMode' | 'evalMode' | 'onlyVariable'>;
     ref: any;
     formulaRef(ref: any): void;
     validate(): any;

package/lib/renderers/Form/InputFormula.js

@@ -34,7 +34,7 @@ var InputFormulaRenderer = /** @class */ (function (_super) {
         }
     };
     InputFormulaRenderer.prototype.render = function () {
-        var _a = this.props, selectedOptions = _a.selectedOptions, disabled = _a.disabled, onChange = _a.onChange, evalMode = _a.evalMode, variableMode = _a.variableMode, header = _a.header, label = _a.label, value = _a.value, clearable = _a.clearable, className = _a.className, ns = _a.classPrefix, cx = _a.classnames, _b = _a.allowInput, allowInput = _b === void 0 ? true : _b, borderMode = _a.borderMode, placeholder = _a.placeholder, inputMode = _a.inputMode, btnLabel = _a.btnLabel, level = _a.level, btnSize = _a.btnSize, icon = _a.icon, title = _a.title, variableClassName = _a.variableClassName, functionClassName = _a.functionClassName, data = _a.data, onPickerOpen = _a.onPickerOpen, selfVariableName = _a.selfVariableName;
+        var _a = this.props, selectedOptions = _a.selectedOptions, disabled = _a.disabled, onChange = _a.onChange, evalMode = _a.evalMode, variableMode = _a.variableMode, onlyVariable = _a.onlyVariable, header = _a.header, label = _a.label, value = _a.value, clearable = _a.clearable, className = _a.className, ns = _a.classPrefix, cx = _a.classnames, _b = _a.allowInput, allowInput = _b === void 0 ? true : _b, borderMode = _a.borderMode, placeholder = _a.placeholder, inputMode = _a.inputMode, btnLabel = _a.btnLabel, level = _a.level, btnSize = _a.btnSize, icon = _a.icon, title = _a.title, variableClassName = _a.variableClassName, functionClassName = _a.functionClassName, data = _a.data, onPickerOpen = _a.onPickerOpen;
         var _c = this.props, variables = _c.variables, functions = _c.functions;
         if ((0, tpl_builtin_1.isPureVariable)(variables)) {
             // 如果 variables 是 ${xxx} 这种形式，将其处理成实际的值
@@ -44,12 +44,13 @@ var InputFormulaRenderer = /** @class */ (function (_super) {
             // 如果 functions 是 ${xxx} 这种形式，将其处理成实际的值
             functions = (0, tpl_builtin_1.resolveVariableAndFilter)(functions, this.props.data, '| raw');
         }
-        return (react_1.default.createElement(Picker_1.default, { ref: this.formulaRef, className: className, value: value, disabled: disabled, allowInput: allowInput, onChange: onChange, evalMode: evalMode, variables: variables, variableMode: variableMode, functions: functions, header: header || label || '', borderMode: borderMode, placeholder: placeholder, mode: inputMode, btnLabel: btnLabel, level: level, btnSize: btnSize, icon: icon, title: title, clearable: clearable, variableClassName: variableClassName, functionClassName: functionClassName, data: data, onPickerOpen: onPickerOpen, selfVariableName: selfVariableName }));
+        return (react_1.default.createElement(Picker_1.default, { ref: this.formulaRef, className: className, value: value, disabled: disabled, allowInput: allowInput, onChange: onChange, evalMode: evalMode, variables: variables, variableMode: variableMode, onlyVariable: onlyVariable, functions: functions, header: header || label || '', borderMode: borderMode, placeholder: placeholder, mode: inputMode, btnLabel: btnLabel, level: level, btnSize: btnSize, icon: icon, title: title, clearable: clearable, variableClassName: variableClassName, functionClassName: functionClassName, data: data, onPickerOpen: onPickerOpen }));
     };
     InputFormulaRenderer.defaultProps = {
         inputMode: 'input-button',
         borderMode: 'full',
-        evalMode: true
+        evalMode: true,
+        onlyVariable: false
     };
     (0, tslib_1.__decorate)([
         helper_1.autobind,

package/lib/renderers/Form/InputFormula.js.map

@@ -6,8 +6,8 @@
         "/src/renderers/Form/InputFormula.tsx"
     ],
     "names": [],
-    "mappings": ";;;;AAAA,6DAA0B;AAE1B,6DAAmE;AACnE,wFAA4D;AAC5D,6CAA4C;AAI5C,uDAGiC;AAoHjC;IAA0C,qDAAkC;IAA5E;;IA0GA,CAAC;IA7FC,yCAAU,GAAV,UAAW,GAAQ;QACjB,IAAI,GAAG,EAAE;YACP,OAAO,GAAG,IAAI,GAAG,CAAC,kBAAkB,EAAE;gBACpC,GAAG,GAAG,GAAG,CAAC,kBAAkB,EAAE,CAAC;aAChC;YACD,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;SAChB;aAAM;YACL,IAAI,CAAC,GAAG,GAAG,SAAS,CAAC;SACtB;IACH,CAAC;IAED,uCAAQ,GAAR;;QACQ,IAAA,KAAyB,IAAI,CAAC,KAAK,EAAvB,EAAE,eAAA,EAAE,KAAK,WAAc,CAAC;QAE1C,IAAI,MAAA,IAAI,CAAC,GAAG,0CAAE,QAAQ,EAAE;YACtB,IAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACrC,IAAI,GAAG,KAAK,IAAI,EAAE;gBAChB,OAAO,EAAE,CAAC,2BAA2B,EAAE,EAAC,GAAG,EAAE,GAAG,EAAC,CAAC,CAAC;aACpD;SACF;IACH,CAAC;IAED,qCAAM,GAAN;QACM,IAAA,KA2BA,IAAI,CAAC,KAAK,EA1BZ,eAAe,qBAAA,EACf,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,MAAM,YAAA,EACN,KAAK,WAAA,EACL,KAAK,WAAA,EACL,SAAS,eAAA,EACT,SAAS,eAAA,EACI,EAAE,iBAAA,EACH,EAAE,gBAAA,EACd,kBAAiB,EAAjB,UAAU,mBAAG,IAAI,KAAA,EACjB,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,iBAAiB,uBAAA,EACjB,iBAAiB,uBAAA,EACjB,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,gBAAgB,sBACJ,CAAC;QACX,IAAA,KAAyB,IAAI,CAAC,KAAK,EAAlC,SAAS,eAAA,EAAE,SAAS,eAAc,CAAC;QAExC,IAAI,IAAA,4BAAc,EAAC,SAAS,CAAC,EAAE;YAC7B,uCAAuC;YACvC,SAAS,GAAG,IAAA,sCAAwB,EAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;SAC3E;QAED,IAAI,IAAA,4BAAc,EAAC,SAAS,CAAC,EAAE;YAC7B,uCAAuC;YACvC,SAAS,GAAG,IAAA,sCAAwB,EAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;SAC3E;QAED,OAAO,CACL,8BAAC,gBAAa,IACZ,GAAG,EAAE,IAAI,CAAC,UAAU,EACpB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,IAAI,KAAK,IAAI,EAAE,EAC7B,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,iBAAiB,EACpC,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;IACJ,CAAC;IAxGM,iCAAY,GAGf;QACF,SAAS,EAAE,cAAc;QACzB,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE,IAAI;KACd,CAAA;IAKF;QADC,iBAAQ;;;;0DAUR;IAtBU,oBAAoB;QAHhC,IAAA,cAAQ,EAAC;YACR,IAAI,EAAE,eAAe;SACtB,CAAC;OACW,oBAAoB,CA0GhC;IAAD,2BAAC;CAAA,AA1GD,CAA0C,eAAK,CAAC,SAAS,GA0GxD;AA1GY,oDAAoB",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport {parse, Evaluator} from 'amis-formula';\nimport FormItem, {FormBaseControl, FormControlProps} from './Item';\nimport FormulaPicker from '../../components/formula/Picker';\nimport {autobind} from '../../utils/helper';\n\nimport type {FuncGroup, VariableItem} from '../../components/formula/Editor';\nimport type {SchemaIcon} from '../../Schema';\nimport {\n  isPureVariable,\n  resolveVariableAndFilter\n} from '../../utils/tpl-builtin';\n\n/**\n * InputFormula 公式编辑器\n * 文档：https://baidu.gitee.io/amis/zh-CN/components/form/input-formula\n */\nexport interface InputFormulaControlSchema extends FormBaseControl {\n  type: 'input-formula';\n\n  /**\n   * evalMode 即直接就是表达式，否则\n   * 需要 ${这里面才是表达式}\n   * 默认为 true\n   */\n  evalMode?: boolean;\n\n  /**\n   * 用于提示的变量集合，默认为空\n   */\n  variables: Array<VariableItem>;\n\n  /**\n   * 变量展现模式，可选值：'tabs' ｜ 'tree'\n   */\n  variableMode?: 'tabs' | 'tree';\n\n  /**\n   * 函数集合，默认不需要传，即  amis-formula 里面那个函数\n   * 如果有扩充，则需要传。\n   */\n  functions: Array<FuncGroup>;\n\n  /**\n   * 编辑器标题\n   */\n  title?: string;\n\n  /**\n   * 顶部标题，默认为表达式\n   */\n  header: string;\n\n  /**\n   * 控件模式\n   */\n  inputMode?: 'button' | 'input-button' | 'input-group';\n\n  /**\n   * 外层input是否允许输入，否需要点击fx在弹窗中输入\n   */\n  allowInput?: boolean;\n\n  /**\n   * 按钮图标\n   */\n  icon?: SchemaIcon;\n\n  /**\n   * 按钮Label，inputMode为button时生效\n   */\n  btnLabel?: string;\n\n  /**\n   * 按钮样式\n   */\n  level?:\n    | 'info'\n    | 'success'\n    | 'warning'\n    | 'danger'\n    | 'link'\n    | 'primary'\n    | 'dark'\n    | 'light';\n\n  /**\n   * 按钮大小\n   */\n  btnSize?: 'xs' | 'sm' | 'md' | 'lg';\n\n  /**\n   * 边框模式，全边框，还是半边框，或者没边框。\n   */\n  borderMode?: 'full' | 'half' | 'none';\n\n  /**\n   * 输入框占位符\n   */\n  placeholder?: string;\n\n  /**\n   * 变量面板CSS样式类名\n   */\n  variableClassName?: string;\n\n  /**\n   * 函数面板CSS样式类名\n   */\n  functionClassName?: string;\n\n  /**\n   * 当前输入项字段 name: 用于避免循环绑定自身导致无限渲染\n   */\n  selfVariableName?: string;\n}\n\nexport interface InputFormulaProps\n  extends FormControlProps,\n    Omit<\n      InputFormulaControlSchema,\n      'options' | 'inputClassName' | 'className' | 'descriptionClassName'\n    > {}\n\n@FormItem({\n  type: 'input-formula'\n})\nexport class InputFormulaRenderer extends React.Component<InputFormulaProps> {\n  static defaultProps: Pick<\n    InputFormulaControlSchema,\n    'inputMode' | 'borderMode' | 'evalMode'\n  > = {\n    inputMode: 'input-button',\n    borderMode: 'full',\n    evalMode: true\n  };\n\n  ref: any;\n\n  @autobind\n  formulaRef(ref: any) {\n    if (ref) {\n      while (ref && ref.getWrappedInstance) {\n        ref = ref.getWrappedInstance();\n      }\n      this.ref = ref;\n    } else {\n      this.ref = undefined;\n    }\n  }\n\n  validate() {\n    const {translate: __, value} = this.props;\n\n    if (this.ref?.validate) {\n      const res = this.ref.validate(value);\n      if (res !== true) {\n        return __('FormulaEditor.invalidData', {err: res});\n      }\n    }\n  }\n\n  render() {\n    let {\n      selectedOptions,\n      disabled,\n      onChange,\n      evalMode,\n      variableMode,\n      header,\n      label,\n      value,\n      clearable,\n      className,\n      classPrefix: ns,\n      classnames: cx,\n      allowInput = true,\n      borderMode,\n      placeholder,\n      inputMode,\n      btnLabel,\n      level,\n      btnSize,\n      icon,\n      title,\n      variableClassName,\n      functionClassName,\n      data,\n      onPickerOpen,\n      selfVariableName\n    } = this.props;\n    let {variables, functions} = this.props;\n\n    if (isPureVariable(variables)) {\n      // 如果 variables 是 ${xxx} 这种形式，将其处理成实际的值\n      variables = resolveVariableAndFilter(variables, this.props.data, '| raw');\n    }\n\n    if (isPureVariable(functions)) {\n      // 如果 functions 是 ${xxx} 这种形式，将其处理成实际的值\n      functions = resolveVariableAndFilter(functions, this.props.data, '| raw');\n    }\n\n    return (\n      <FormulaPicker\n        ref={this.formulaRef}\n        className={className}\n        value={value}\n        disabled={disabled}\n        allowInput={allowInput}\n        onChange={onChange}\n        evalMode={evalMode}\n        variables={variables}\n        variableMode={variableMode}\n        functions={functions}\n        header={header || label || ''}\n        borderMode={borderMode}\n        placeholder={placeholder}\n        mode={inputMode}\n        btnLabel={btnLabel}\n        level={level}\n        btnSize={btnSize}\n        icon={icon}\n        title={title}\n        clearable={clearable}\n        variableClassName={variableClassName}\n        functionClassName={functionClassName}\n        data={data}\n        onPickerOpen={onPickerOpen}\n        selfVariableName={selfVariableName}\n      />\n    );\n  }\n}\n"
+        "import React from 'react';\nimport {parse, Evaluator} from 'amis-formula';\nimport FormItem, {FormBaseControl, FormControlProps} from './Item';\nimport FormulaPicker from '../../components/formula/Picker';\nimport {autobind} from '../../utils/helper';\n\nimport type {FuncGroup, VariableItem} from '../../components/formula/Editor';\nimport type {SchemaIcon} from '../../Schema';\nimport {\n  isPureVariable,\n  resolveVariableAndFilter\n} from '../../utils/tpl-builtin';\n\n/**\n * InputFormula 公式编辑器\n * 文档：https://baidu.gitee.io/amis/zh-CN/components/form/input-formula\n */\nexport interface InputFormulaControlSchema extends FormBaseControl {\n  type: 'input-formula';\n\n  /**\n   * evalMode 即直接就是表达式，否则\n   * 需要 ${这里面才是表达式}\n   * 默认为 true\n   */\n  evalMode?: boolean;\n\n  /**\n   * 用于提示的变量集合，默认为空\n   */\n  variables: Array<VariableItem>;\n\n  /**\n   * 变量展现模式，可选值：'tabs' ｜ 'tree'\n   */\n  variableMode?: 'tabs' | 'tree';\n\n  /**\n   * 函数集合，默认不需要传，即  amis-formula 里面那个函数\n   * 如果有扩充，则需要传。\n   */\n  functions: Array<FuncGroup>;\n\n  /**\n   * 编辑器标题\n   */\n  title?: string;\n\n  /**\n   * 顶部标题，默认为表达式\n   */\n  header: string;\n\n  /**\n   * 控件模式\n   */\n  inputMode?: 'button' | 'input-button' | 'input-group';\n\n  /**\n   * 外层input是否允许输入，否需要点击fx在弹窗中输入\n   */\n  allowInput?: boolean;\n\n  /**\n   * 按钮图标\n   */\n  icon?: SchemaIcon;\n\n  /**\n   * 按钮Label，inputMode为button时生效\n   */\n  btnLabel?: string;\n\n  /**\n   * 按钮样式\n   */\n  level?:\n    | 'info'\n    | 'success'\n    | 'warning'\n    | 'danger'\n    | 'link'\n    | 'primary'\n    | 'dark'\n    | 'light';\n\n  /**\n   * 按钮大小\n   */\n  btnSize?: 'xs' | 'sm' | 'md' | 'lg';\n\n  /**\n   * 边框模式，全边框，还是半边框，或者没边框。\n   */\n  borderMode?: 'full' | 'half' | 'none';\n\n  /**\n   * 只展示变量，不需要其他面板\n   */\n  onlyVariable?: boolean;\n\n  /**\n   * 输入框占位符\n   */\n  placeholder?: string;\n\n  /**\n   * 变量面板CSS样式类名\n   */\n  variableClassName?: string;\n\n  /**\n   * 函数面板CSS样式类名\n   */\n  functionClassName?: string;\n}\n\nexport interface InputFormulaProps\n  extends FormControlProps,\n    Omit<\n      InputFormulaControlSchema,\n      'options' | 'inputClassName' | 'className' | 'descriptionClassName'\n    > {}\n\n@FormItem({\n  type: 'input-formula'\n})\nexport class InputFormulaRenderer extends React.Component<InputFormulaProps> {\n  static defaultProps: Pick<\n    InputFormulaControlSchema,\n    'inputMode' | 'borderMode' | 'evalMode' | 'onlyVariable'\n  > = {\n    inputMode: 'input-button',\n    borderMode: 'full',\n    evalMode: true,\n    onlyVariable: false\n  };\n\n  ref: any;\n\n  @autobind\n  formulaRef(ref: any) {\n    if (ref) {\n      while (ref && ref.getWrappedInstance) {\n        ref = ref.getWrappedInstance();\n      }\n      this.ref = ref;\n    } else {\n      this.ref = undefined;\n    }\n  }\n\n  validate() {\n    const {translate: __, value} = this.props;\n\n    if (this.ref?.validate) {\n      const res = this.ref.validate(value);\n      if (res !== true) {\n        return __('FormulaEditor.invalidData', {err: res});\n      }\n    }\n  }\n\n  render() {\n    let {\n      selectedOptions,\n      disabled,\n      onChange,\n      evalMode,\n      variableMode,\n      onlyVariable,\n      header,\n      label,\n      value,\n      clearable,\n      className,\n      classPrefix: ns,\n      classnames: cx,\n      allowInput = true,\n      borderMode,\n      placeholder,\n      inputMode,\n      btnLabel,\n      level,\n      btnSize,\n      icon,\n      title,\n      variableClassName,\n      functionClassName,\n      data,\n      onPickerOpen\n    } = this.props;\n    let {variables, functions} = this.props;\n\n    if (isPureVariable(variables)) {\n      // 如果 variables 是 ${xxx} 这种形式，将其处理成实际的值\n      variables = resolveVariableAndFilter(variables, this.props.data, '| raw');\n    }\n\n    if (isPureVariable(functions)) {\n      // 如果 functions 是 ${xxx} 这种形式，将其处理成实际的值\n      functions = resolveVariableAndFilter(functions, this.props.data, '| raw');\n    }\n\n    return (\n      <FormulaPicker\n        ref={this.formulaRef}\n        className={className}\n        value={value}\n        disabled={disabled}\n        allowInput={allowInput}\n        onChange={onChange}\n        evalMode={evalMode}\n        variables={variables}\n        variableMode={variableMode}\n        onlyVariable={onlyVariable}\n        functions={functions}\n        header={header || label || ''}\n        borderMode={borderMode}\n        placeholder={placeholder}\n        mode={inputMode}\n        btnLabel={btnLabel}\n        level={level}\n        btnSize={btnSize}\n        icon={icon}\n        title={title}\n        clearable={clearable}\n        variableClassName={variableClassName}\n        functionClassName={functionClassName}\n        data={data}\n        onPickerOpen={onPickerOpen}\n      />\n    );\n  }\n}\n"
     ]
 }

package/lib/renderers/Form/InputTag.d.ts

@@ -22,7 +22,7 @@ export interface TagControlSchema extends FormOptionsControl {
     /**
      * 收纳标签的Popover配置
      */
-    overflowTagPopover: object;
+    overflowTagPopover?: object;
 }
 export interface TagProps extends OptionsControlProps {
     placeholder?: string;