amis-ui 3.1.1 → 3.3.0

package/lib/components/formula/Editor.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -11,24 +11,32 @@ var tslib = require('tslib');
 var React = require('react');
 var amisCore = require('amis-core');
 var amisFormula = require('amis-formula');
-var doc = require('amis-formula/lib/doc');
 var plugin = require('./plugin.js');
 var FuncList = require('./FuncList.js');
 var VariableList = require('./VariableList.js');
 var CodeMirror = require('../CodeMirror.js');
 var Toast = require('../Toast.js');
+var Switch = require('../Switch.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var FormulaEditor = /** @class */ (function (_super) {
     tslib.__extends(FormulaEditor, _super);
     function FormulaEditor() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.state = {
-            focused: false
+            focused: false,
+            isCodeMode: false,
+            expandTree: false,
+            normalizeVariables: [],
+            functions: []
         };
+        _this.unmounted = false;
         return _this;
     }
     FormulaEditor.buildDefaultFunctions = function (doc) {
@@ -75,9 +83,10 @@ var FormulaEditor = /** @class */ (function (_super) {
         }
         var varMap = {};
         amisCore.eachTree(variables, function (item) {
+            var _a;
             if (item.value) {
                 var key = item.value;
-                varMap[key] = item.label;
+                varMap[key] = (_a = item.path) !== null && _a !== void 0 ? _a : item.label;
             }
         });
         var vars = Object.keys(varMap)
@@ -98,7 +107,7 @@ var FormulaEditor = /** @class */ (function (_super) {
                 var reg = FormulaEditor.getRegExpByMode(evalMode, REPLACE_KEY);
                 // 如果匹配到则高亮，没有匹配到替换成原值
                 if (reg.test(encodeHtml)) {
-                    html = encodeHtml.replace(REPLACE_KEY, "<span class=\"c-field\">".concat(varMap[v], "</span>"));
+                    html = encodeHtml.replace(REPLACE_KEY, "<span class=\"c-field\">".concat(v, "</span>"));
                 }
                 else {
                     html = encodeHtml.replace(REPLACE_KEY, v);
@@ -108,9 +117,67 @@ var FormulaEditor = /** @class */ (function (_super) {
         });
         return { html: html };
     };
+    FormulaEditor.prototype.componentDidMount = function () {
+        var variables = this.props.variables;
+        this.normalizeVariables(variables);
+        this.buildFunctions();
+    };
+    FormulaEditor.prototype.componentDidUpdate = function (prevProps, prevState, snapshot) {
+        if (prevProps.variables !== this.props.variables) {
+            this.normalizeVariables(this.props.variables);
+        }
+        if (prevProps.functions !== this.props.functions) {
+            this.buildFunctions();
+        }
+    };
     FormulaEditor.prototype.componentWillUnmount = function () {
         var _a;
         (_a = this.editorPlugin) === null || _a === void 0 ? void 0 : _a.dispose();
+        this.unmounted = true;
+    };
+    FormulaEditor.prototype.buildFunctions = function () {
+        return tslib.__awaiter(this, void 0, void 0, function () {
+            var doc, customFunctions, functionList;
+            return tslib.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, Promise.resolve().then(function() {return new Promise(function(fullfill) {require(['amis-formula/lib/doc'], function(mod) {fullfill(tslib.__importStar(mod))})})})];
+                    case 1:
+                        doc = (_a.sent()).doc;
+                        if (this.unmounted) {
+                            return [2 /*return*/];
+                        }
+                        customFunctions = Array.isArray(this.props.functions)
+                            ? this.props.functions
+                            : [];
+                        functionList = tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([], tslib.__read(FormulaEditor.buildDefaultFunctions(doc)), false), tslib.__read(FormulaEditor.buildCustomFunctions(amisFormula.functionDocs)), false), tslib.__read(customFunctions), false);
+                        this.setState({
+                            functions: functionList
+                        });
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    FormulaEditor.prototype.normalizeVariables = function (variables) {
+        if (!variables) {
+            return;
+        }
+        // 追加path，用于分级高亮
+        var list = amisCore.mapTree(variables, function (item, key, level, paths) {
+            var _a;
+            var path = paths === null || paths === void 0 ? void 0 : paths.reduce(function (prev, next) {
+                var _a;
+                return !next.value
+                    ? prev
+                    : "".concat(prev).concat(prev ? '.' : '').concat((_a = next.label) !== null && _a !== void 0 ? _a : next.value);
+            }, '');
+            return tslib.__assign(tslib.__assign(tslib.__assign({}, item), { path: "".concat(path).concat(path ? '.' : '').concat(item.label) }), (item.isMember || paths.some(function (item) { return item.isMember; })
+                ? {
+                    memberDepth: (_a = paths === null || paths === void 0 ? void 0 : paths.filter(function (item) { return item.type === 'array'; })) === null || _a === void 0 ? void 0 : _a.length
+                }
+                : {}));
+        });
+        this.setState({ normalizeVariables: list });
     };
     FormulaEditor.prototype.handleFocus = function () {
         this.setState({
@@ -128,7 +195,7 @@ var FormulaEditor = /** @class */ (function (_super) {
     };
     FormulaEditor.prototype.handleEditorMounted = function (cm, editor) {
         var _this = this;
-        this.editorPlugin = new plugin.FormulaPlugin(editor, cm, function () { return _this.props; });
+        this.editorPlugin = new plugin.FormulaPlugin(editor, cm, function () { return (tslib.__assign(tslib.__assign({}, _this.props), { variables: _this.state.normalizeVariables })); });
     };
     FormulaEditor.prototype.validate = function () {
         var value = this.props.value;
@@ -161,35 +228,59 @@ var FormulaEditor = /** @class */ (function (_super) {
         if (!item.value) {
             return;
         }
-        (_a = this.editorPlugin) === null || _a === void 0 ? void 0 : _a.insertContent({
-            key: item.value,
-            name: item.label
-        }, 'variable');
+        (_a = this.editorPlugin) === null || _a === void 0 ? void 0 : _a.insertContent(item.isMember
+            ? item.value
+            : {
+                key: item.value,
+                name: item.label,
+                path: item.path
+                // chunks: item.chunks
+            }, item.isMember ? undefined : 'variable', 'cm-field', !this.state.isCodeMode);
     };
     FormulaEditor.prototype.handleOnChange = function (value) {
         var onChange = this.props.onChange;
         onChange === null || onChange === void 0 ? void 0 : onChange(value);
     };
     FormulaEditor.prototype.editorFactory = function (dom, cm) {
-        return plugin.editorFactory(dom, cm, this.props);
+        var _a = this.props; _a.editorOptions; var rest = tslib.__rest(_a, ["editorOptions"]);
+        return plugin.editorFactory(dom, cm, rest, {
+            lineWrapping: true // 自动换行
+        });
+    };
+    FormulaEditor.prototype.handleIsCodeModeChange = function (showCode) {
+        var _a, _b, _c;
+        // 重置一下value
+        (_a = this.editorPlugin) === null || _a === void 0 ? void 0 : _a.setValue((_b = this.editorPlugin) === null || _b === void 0 ? void 0 : _b.getValue());
+        // 非源码模式，则mark一下
+        !showCode && ((_c = this.editorPlugin) === null || _c === void 0 ? void 0 : _c.autoMarkText());
+        this.setState({ isCodeMode: showCode });
+    };
+    FormulaEditor.prototype.handleExpandTreeChange = function (expand) {
+        this.setState({ expandTree: expand });
     };
     FormulaEditor.prototype.render = function () {
-        var _a = this.props, variables = _a.variables, header = _a.header, value = _a.value, functions = _a.functions, variableMode = _a.variableMode, __ = _a.translate, cx = _a.classnames, variableClassName = _a.variableClassName, functionClassName = _a.functionClassName, classPrefix = _a.classPrefix, selfVariableName = _a.selfVariableName;
-        var focused = this.state.focused;
-        var customFunctions = Array.isArray(functions) ? functions : [];
-        var functionList = tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([], tslib.__read(FormulaEditor.buildDefaultFunctions(doc.doc)), false), tslib.__read(FormulaEditor.buildCustomFunctions(amisFormula.functionDocs)), false), tslib.__read(customFunctions), false);
-        return (React__default["default"].createElement("div", { className: cx("FormulaEditor", {
+        var _a = this.props, header = _a.header, value = _a.value; _a.functions; var variableMode = _a.variableMode, __ = _a.translate, cx = _a.classnames, variableClassName = _a.variableClassName, functionClassName = _a.functionClassName, classPrefix = _a.classPrefix, selfVariableName = _a.selfVariableName;
+        var _b = this.state, focused = _b.focused, isCodeMode = _b.isCodeMode, expandTree = _b.expandTree, normalizeVariables = _b.normalizeVariables, functionList = _b.functions;
+        return (_J$X_("div", { className: cx("FormulaEditor", {
                 'is-focused': focused
             }) },
-            React__default["default"].createElement("section", { className: cx("FormulaEditor-content") },
-                React__default["default"].createElement("header", { className: cx("FormulaEditor-header") }, __(header || 'FormulaEditor.title')),
-                React__default["default"].createElement(CodeMirror.CodeMirrorEditor, { className: cx('FormulaEditor-editor'), value: value, onChange: this.handleOnChange, editorFactory: this.editorFactory, editorDidMount: this.handleEditorMounted, onFocus: this.handleFocus, onBlur: this.handleBlur })),
-            React__default["default"].createElement("section", { className: cx('FormulaEditor-settings') },
-                React__default["default"].createElement("div", { className: cx('FormulaEditor-panel') },
-                    variableMode !== 'tabs' ? (React__default["default"].createElement("div", { className: cx('FormulaEditor-panel-header') }, __('FormulaEditor.variable'))) : null,
-                    React__default["default"].createElement("div", { className: cx('FormulaEditor-panel-body', variableMode && "FormulaEditor-panel-body--".concat(variableMode)) },
-                        React__default["default"].createElement(VariableList["default"], { classPrefix: classPrefix, className: cx('FormulaEditor-VariableList', 'FormulaEditor-VariableList-root', variableClassName), selectMode: variableMode, data: variables, onSelect: this.handleVariableSelect, selfVariableName: selfVariableName }))),
-                React__default["default"].createElement(FuncList["default"], { className: functionClassName, title: __('FormulaEditor.function'), data: functionList, onSelect: this.handleFunctionSelect }))));
+            _J$X_("section", { className: cx('FormulaEditor-settings') },
+                _J$X_(FuncList["default"], { className: functionClassName, title: __('FormulaEditor.function'), data: functionList, onSelect: this.handleFunctionSelect }),
+                _J$X_("div", { className: cx("FormulaEditor-content") },
+                    _J$X_("header", { className: cx("FormulaEditor-header") },
+                        __(header || 'FormulaEditor.title'),
+                        _J$X_("div", { className: cx("FormulaEditor-header-toolbar") },
+                            _J$X_("span", null, "\u6E90\u7801\u6A21\u5F0F"),
+                            _J$X_(Switch["default"], { value: isCodeMode, onChange: this.handleIsCodeModeChange }))),
+                    _J$X_(CodeMirror.CodeMirrorEditor, { className: cx('FormulaEditor-editor'), value: value, onChange: this.handleOnChange, editorFactory: this.editorFactory, editorDidMount: this.handleEditorMounted, onFocus: this.handleFocus, onBlur: this.handleBlur })),
+                _J$X_("div", { className: cx('FormulaEditor-panel', 'right') },
+                    variableMode !== 'tabs' ? (_J$X_("div", { className: cx('FormulaEditor-panel-header') },
+                        __('FormulaEditor.variable'),
+                        variableMode === 'tree' ? (_J$X_("div", { className: cx("FormulaEditor-header-toolbar") },
+                            _J$X_("span", null, "\u5C55\u5F00\u5168\u90E8"),
+                            _J$X_(Switch["default"], { value: expandTree, onChange: this.handleExpandTreeChange }))) : null)) : null,
+                    _J$X_("div", { className: cx('FormulaEditor-panel-body', variableMode && "FormulaEditor-panel-body--".concat(variableMode)) },
+                        _J$X_(VariableList["default"], { classPrefix: classPrefix, className: cx('FormulaEditor-VariableList', 'FormulaEditor-VariableList-root', variableClassName), expandTree: expandTree, selectMode: variableMode, data: normalizeVariables, onSelect: this.handleVariableSelect, selfVariableName: selfVariableName }))))));
     };
     FormulaEditor.defaultProps = {
         variables: [],
@@ -249,6 +340,18 @@ var FormulaEditor = /** @class */ (function (_super) {
         tslib.__metadata("design:paramtypes", [HTMLElement, Object]),
         tslib.__metadata("design:returntype", void 0)
     ], FormulaEditor.prototype, "editorFactory", null);
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [Boolean]),
+        tslib.__metadata("design:returntype", void 0)
+    ], FormulaEditor.prototype, "handleIsCodeModeChange", null);
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [Boolean]),
+        tslib.__metadata("design:returntype", void 0)
+    ], FormulaEditor.prototype, "handleExpandTreeChange", null);
     return FormulaEditor;
 }(React__default["default"].Component));
 var Editor = amisCore.uncontrollable(amisCore.themeable(amisCore.localeable(FormulaEditor)), {

package/lib/components/formula/FuncList.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -13,16 +13,24 @@ var amisCore = require('amis-core');
 var Collapse = require('../Collapse.js');
 var CollapseGroup = require('../CollapseGroup.js');
 var SearchBox = require('../SearchBox.js');
+var TooltipWrapper = require('../TooltipWrapper.js');
+var icons = require('../icons.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 function FuncList(props) {
     var _a;
     var title = props.title, className = props.className, cx = props.classnames, bodyClassName = props.bodyClassName, descClassName = props.descClassName;
     var _b = tslib.__read(React__default["default"].useState(props.data), 2), filteredFuncs = _b[0], setFiteredFuncs = _b[1];
     var _c = tslib.__read(React__default["default"].useState(null), 2), activeFunc = _c[0], setActiveFunc = _c[1];
+    React__default["default"].useEffect(function () {
+        setFiteredFuncs(props.data);
+    }, [props.data]);
     function onSearch(term) {
         var filtered = props.data
             .map(function (item) {
@@ -33,23 +41,32 @@ function FuncList(props) {
             .filter(function (item) { return item.items.length; });
         setFiteredFuncs(filtered);
     }
-    return (React__default["default"].createElement("div", { className: cx('FormulaEditor-FuncList', className) },
-        React__default["default"].createElement("div", { className: cx('FormulaEditor-panel') },
-            React__default["default"].createElement("div", { className: cx('FormulaEditor-panel-header') }, title),
-            React__default["default"].createElement("div", { className: cx('FormulaEditor-panel-body') },
-                React__default["default"].createElement("div", { className: cx('FormulaEditor-FuncList-searchBox') },
-                    React__default["default"].createElement(SearchBox["default"], { mini: false, onSearch: onSearch })),
-                React__default["default"].createElement("div", { className: cx('FormulaEditor-FuncList-body', bodyClassName) },
-                    React__default["default"].createElement(CollapseGroup["default"], { className: cx('FormulaEditor-FuncList-collapseGroup'), defaultActiveKey: (_a = filteredFuncs[0]) === null || _a === void 0 ? void 0 : _a.groupName, expandIcon: amisCore.generateIcon(cx, 'fa fa-chevron-right FormulaEditor-FuncList-expandIcon', 'Icon'), accordion: true }, filteredFuncs.map(function (item) { return (React__default["default"].createElement(Collapse["default"], { className: cx('FormulaEditor-FuncList-collapse'), headingClassName: cx('FormulaEditor-FuncList-groupTitle'), bodyClassName: cx('FormulaEditor-FuncList-groupBody'), propKey: item.groupName, header: item.groupName, key: item.groupName }, item.items.map(function (item) { return (React__default["default"].createElement("div", { className: cx('FormulaEditor-FuncList-item', {
+    return (_J$X_("div", { className: cx('FormulaEditor-panel', 'left', className) },
+        _J$X_("div", { className: cx('FormulaEditor-FuncList', (activeFunc === null || activeFunc === void 0 ? void 0 : activeFunc.name) ? 'withDoc' : '') },
+            _J$X_("div", { className: cx('FormulaEditor-panel-header') }, title),
+            _J$X_("div", { className: cx('FormulaEditor-panel-body') },
+                _J$X_("div", { className: cx('FormulaEditor-FuncList-searchBox') },
+                    _J$X_(SearchBox["default"], { mini: false, onSearch: onSearch, useMobileUI: true })),
+                _J$X_("div", { className: cx('FormulaEditor-FuncList-body', bodyClassName) },
+                    _J$X_(CollapseGroup["default"], { className: cx('FormulaEditor-FuncList-collapseGroup'), defaultActiveKey: (_a = filteredFuncs[0]) === null || _a === void 0 ? void 0 : _a.groupName, expandIcon: _J$X_(icons.Icon, { cx: cx, icon: "fa fa-chevron-right FormulaEditor-FuncList-expandIcon", className: "Icon" }), accordion: true }, filteredFuncs.map(function (item) { return (_J$X_(Collapse["default"], { className: cx('FormulaEditor-FuncList-collapse'), headingClassName: cx('FormulaEditor-FuncList-groupTitle'), bodyClassName: cx('FormulaEditor-FuncList-groupBody'), propKey: item.groupName, header: item.groupName, key: item.groupName }, item.items.map(function (item) { return (_J$X_("div", { className: cx('FormulaEditor-FuncList-item', {
                             'is-active': item.name === (activeFunc === null || activeFunc === void 0 ? void 0 : activeFunc.name)
                         }), onMouseEnter: function () { return setActiveFunc(item); }, onClick: function () { var _a; return (_a = props.onSelect) === null || _a === void 0 ? void 0 : _a.call(props, item); }, key: item.name }, item.name)); }))); }))))),
-        React__default["default"].createElement("div", { className: cx('FormulaEditor-panel') },
-            React__default["default"].createElement("div", { className: cx('FormulaEditor-panel-header') }, (activeFunc === null || activeFunc === void 0 ? void 0 : activeFunc.name) || ''),
-            React__default["default"].createElement("div", { className: cx('FormulaEditor-panel-body') },
-                React__default["default"].createElement("div", { className: cx('FormulaEditor-FuncList-doc', descClassName) }, activeFunc ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-                    React__default["default"].createElement("pre", null,
-                        React__default["default"].createElement("code", null, activeFunc.example)),
-                    React__default["default"].createElement("div", { className: cx('FormulaEditor-FuncList-doc-desc') }, activeFunc.description))) : null)))));
+        (activeFunc === null || activeFunc === void 0 ? void 0 : activeFunc.name) ? (_J$X_("div", { className: cx('FormulaEditor-FuncDoc') },
+            _J$X_("div", { className: cx('FormulaEditor-panel-header') }, (activeFunc === null || activeFunc === void 0 ? void 0 : activeFunc.name) || ''),
+            _J$X_("div", { className: cx('FormulaEditor-panel-body') },
+                _J$X_("div", { className: cx('FormulaEditor-FuncList-doc', descClassName) }, activeFunc ? (_J$X_(React__default["default"].Fragment, null,
+                    Array.isArray(activeFunc.params) ? (_J$X_("pre", null,
+                        _J$X_(TooltipWrapper["default"], { placement: "top", tooltip: {
+                                children: function () { return (_J$X_("table", { className: cx('FormulaEditor-FuncList-doc-example', 'Table-table') },
+                                    _J$X_("thead", null,
+                                        _J$X_("tr", null, ['参数名称', '类型', '描述'].map(function (name, index) { return (_J$X_("th", { key: index }, name)); }))),
+                                    _J$X_("tbody", null, activeFunc.params.map(function (param, index) { return (_J$X_("tr", { key: index },
+                                        _J$X_("td", null, param.name),
+                                        _J$X_("td", null, param.type),
+                                        _J$X_("td", null, param.description))); })))); }
+                            }, trigger: "hover" },
+                            _J$X_("code", null, activeFunc.example)))) : null,
+                    _J$X_("div", { className: cx('FormulaEditor-FuncList-doc-desc') }, activeFunc.description))) : null)))) : null));
 }
 var FuncList$1 = amisCore.themeable(FuncList);
 

package/lib/components/formula/Input.d.ts

@@ -0,0 +1,272 @@
+/// <reference types="hoist-non-react-statics" />
+import React from 'react';
+import { ThemeProps, LocaleProps } from 'amis-core';
+import { VariableItem } from './Editor';
+import type { FormulaPickerProps } from './Picker';
+export interface FormulaInputProps extends Pick<FormulaPickerProps, 'className' | 'disabled' | 'evalMode' | 'allowInput' | 'placeholder' | 'clearable' | 'borderMode' | 'variables' | 'inputSettings'>, ThemeProps, LocaleProps {
+    /**
+     * 输入值
+     */
+    value?: string;
+    mixedMode?: boolean;
+    variables?: VariableItem[];
+    popOverContainer?: any;
+    /**
+     * Change事件回调
+     */
+    onChange?: (value: string | any[]) => void;
+    /**
+     * 子元素渲染
+     */
+    itemRender?: (value: any) => JSX.Element | string;
+}
+declare const _default: {
+    new (props: Omit<Omit<FormulaInputProps, keyof LocaleProps> & {
+        locale?: string | undefined;
+        translate?: ((str: string, ...args: any[]) => string) | undefined;
+    }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Omit<FormulaInputProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<Omit<FormulaInputProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Omit<FormulaInputProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Omit<FormulaInputProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<Omit<FormulaInputProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<FormulaInputProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<FormulaInputProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<Omit<FormulaInputProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Omit<FormulaInputProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<{
+        new (props: Omit<FormulaInputProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }): {
+            ref: any;
+            childRef(ref: any): void;
+            getWrappedInstance(): any;
+            render(): React.JSX.Element;
+            context: unknown;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
+            forceUpdate(callback?: (() => void) | undefined): void;
+            readonly props: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>;
+            state: Readonly<{}>;
+            refs: {
+                [key: string]: React.ReactInstance;
+            };
+            componentDidMount?(): void;
+            shouldComponentUpdate?(nextProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): boolean;
+            componentWillUnmount?(): void;
+            componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>): any;
+            componentDidUpdate?(prevProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>, snapshot?: any): void;
+            componentWillMount?(): void;
+            UNSAFE_componentWillMount?(): void;
+            componentWillReceiveProps?(nextProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            componentWillUpdate?(nextProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+        };
+        displayName: string;
+        contextType: React.Context<string>;
+        ComposedComponent: React.ComponentType<React.FC<FormulaInputProps>>;
+    } & import("hoist-non-react-statics").NonReactStatics<React.FC<FormulaInputProps>, {}> & {
+        ComposedComponent: React.FC<FormulaInputProps>;
+    }>;
+} & import("hoist-non-react-statics").NonReactStatics<{
+    new (props: Omit<FormulaInputProps, keyof LocaleProps> & {
+        locale?: string | undefined;
+        translate?: ((str: string, ...args: any[]) => string) | undefined;
+    }): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<React.FC<FormulaInputProps>>;
+} & import("hoist-non-react-statics").NonReactStatics<React.FC<FormulaInputProps>, {}> & {
+    ComposedComponent: React.FC<FormulaInputProps>;
+}, {}> & {
+    ComposedComponent: {
+        new (props: Omit<FormulaInputProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }): {
+            ref: any;
+            childRef(ref: any): void;
+            getWrappedInstance(): any;
+            render(): React.JSX.Element;
+            context: unknown;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
+            forceUpdate(callback?: (() => void) | undefined): void;
+            readonly props: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>;
+            state: Readonly<{}>;
+            refs: {
+                [key: string]: React.ReactInstance;
+            };
+            componentDidMount?(): void;
+            shouldComponentUpdate?(nextProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): boolean;
+            componentWillUnmount?(): void;
+            componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>): any;
+            componentDidUpdate?(prevProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>, snapshot?: any): void;
+            componentWillMount?(): void;
+            UNSAFE_componentWillMount?(): void;
+            componentWillReceiveProps?(nextProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            componentWillUpdate?(nextProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+        };
+        displayName: string;
+        contextType: React.Context<string>;
+        ComposedComponent: React.ComponentType<React.FC<FormulaInputProps>>;
+    } & import("hoist-non-react-statics").NonReactStatics<React.FC<FormulaInputProps>, {}> & {
+        ComposedComponent: React.FC<FormulaInputProps>;
+    };
+};
+export default _default;