amis-ui 3.2.0 → 3.3.0

package/lib/components/formula/FuncList.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -14,16 +14,23 @@ 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) {
@@ -34,32 +41,32 @@ function FuncList(props) {
             .filter(function (item) { return item.items.length; });
         setFiteredFuncs(filtered);
     }
-    return (React__default["default"].createElement("div", { className: cx('FormulaEditor-panel', 'left', className) },
-        React__default["default"].createElement("div", { className: cx('FormulaEditor-FuncList', (activeFunc === null || activeFunc === void 0 ? void 0 : activeFunc.name) ? 'withDoc' : '') },
-            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, useMobileUI: true })),
-                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)
-                        }), onClick: function () { return setActiveFunc(item); }, onDoubleClick: function () { var _a; return (_a = props.onSelect) === null || _a === void 0 ? void 0 : _a.call(props, item); }, key: item.name }, item.name)); }))); }))))),
-        (activeFunc === null || activeFunc === void 0 ? void 0 : activeFunc.name) ? (React__default["default"].createElement("div", { className: cx('FormulaEditor-FuncDoc') },
-            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,
-                    Array.isArray(activeFunc.params) ? (React__default["default"].createElement("pre", null,
-                        React__default["default"].createElement(TooltipWrapper["default"], { placement: "top", tooltip: {
-                                children: function () { return (React__default["default"].createElement("table", { className: cx('FormulaEditor-FuncList-doc-example', 'Table-table') },
-                                    React__default["default"].createElement("thead", null,
-                                        React__default["default"].createElement("tr", null, ['参数名称', '类型', '描述'].map(function (name, index) { return (React__default["default"].createElement("th", { key: index }, name)); }))),
-                                    React__default["default"].createElement("tbody", null, activeFunc.params.map(function (param, index) { return (React__default["default"].createElement("tr", { key: index },
-                                        React__default["default"].createElement("td", null, param.name),
-                                        React__default["default"].createElement("td", null, param.type),
-                                        React__default["default"].createElement("td", null, param.description))); })))); }
+                        }), 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)); }))); }))))),
+        (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" },
-                            React__default["default"].createElement("code", null, activeFunc.example)))) : null,
-                    React__default["default"].createElement("div", { className: cx('FormulaEditor-FuncList-doc-desc') }, activeFunc.description))) : null)))) : null));
+                            _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;

package/lib/components/formula/Input.js

@@ -0,0 +1,128 @@
+/**
+ * amis-ui v3.3.0
+ * Copyright 2018-2023 fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var moment = require('moment');
+var pick = require('lodash/pick');
+var amisCore = require('amis-core');
+var Editor = require('./Editor.js');
+var ResultBox = require('../ResultBox.js');
+var Select = require('../Select.js');
+var NumberInput = require('../NumberInput.js');
+var DatePicker = require('../DatePicker.js');
+var Tag = require('../Tag.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
+var pick__default = /*#__PURE__*/_interopDefaultLegacy(pick);
+
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
+var FormulaInput = function (props) {
+    var _a, _b, _c, _d, _e;
+    var __ = props.translate, className = props.className, cx = props.classnames, allowInput = props.allowInput, placeholder = props.placeholder, borderMode = props.borderMode, evalMode = props.evalMode, mixedMode = props.mixedMode, value = props.value, variables = props.variables, _f = props.inputSettings, inputSettings = _f === void 0 ? { type: 'text' } : _f, popOverContainer = props.popOverContainer, onChange = props.onChange, itemRender = props.itemRender;
+    var schemaType = inputSettings.type;
+    /** 自上层共享的属性 */
+    var sharedProps = pick__default["default"](props, ['disabeld', 'clearable']);
+    var pipInValue = React.useCallback(function (value) {
+        return value;
+    }, ['value']);
+    var pipOutValue = React.useCallback(function (origin) {
+        var result = origin;
+        if (origin === undefined) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(result);
+            return;
+        }
+        if (schemaType === 'boolean') {
+            result = origin.value;
+        }
+        else if (schemaType === 'select') {
+            result = Array.isArray(origin)
+                ? origin.map(function (item) { return item.value; })
+                : origin.value;
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(result);
+    }, ['onChange']);
+    var cmptValue = pipInValue(value !== null && value !== void 0 ? value : inputSettings.defaultValue);
+    var targetVariable = variables && cmptValue != null && typeof cmptValue === 'string'
+        ? amisCore.findTree(variables, function (item) {
+            return mixedMode
+                ? cmptValue.replace(/^\$\{/, '').replace(/\}$/, '') === (item === null || item === void 0 ? void 0 : item.value)
+                : cmptValue === (item === null || item === void 0 ? void 0 : item.value);
+        })
+        : null;
+    if (amisCore.isExpression(cmptValue) ||
+        targetVariable ||
+        (schemaType === 'number' &&
+            cmptValue != null &&
+            typeof cmptValue !== 'number') ||
+        (['date', 'time', 'datetime'].includes(schemaType) &&
+            !moment__default["default"](cmptValue).isValid()) ||
+        (schemaType === 'select' &&
+            cmptValue != null &&
+            !((_a = inputSettings === null || inputSettings === void 0 ? void 0 : inputSettings.options) !== null && _a !== void 0 ? _a : []).some(function (item) { return (item === null || item === void 0 ? void 0 : item.value) === cmptValue; })) ||
+        (schemaType === 'boolean' &&
+            cmptValue != null &&
+            typeof cmptValue !== 'boolean')) {
+        var varName = cmptValue && mixedMode
+            ? cmptValue.replace(/^\$\{/, '').replace(/\}$/, '')
+            : cmptValue;
+        var resultValue = (_b = targetVariable === null || targetVariable === void 0 ? void 0 : targetVariable.value) !== null && _b !== void 0 ? _b : varName;
+        return (_J$X_(ResultBox["default"], { className: cx("FormulaPicker-input-variable"), allowInput: false, value: resultValue, result: resultValue == null
+                ? void 0
+                : Editor.FormulaEditor.highlightValue(resultValue, variables, evalMode), itemRender: function (item) {
+                return (_J$X_("div", { className: cx('FormulaPicker-ResultBox'), dangerouslySetInnerHTML: { __html: item.html } }));
+            }, onResultChange: amisCore.noop, onChange: pipOutValue, onClear: function () { return pipOutValue(undefined); }, clearable: true }));
+    }
+    if (schemaType === 'number') {
+        return (_J$X_(NumberInput["default"], tslib.__assign({}, sharedProps, { className: cx(className, 'FormulaPicker-input-number'), borderMode: "none", placeholder: __(placeholder !== null && placeholder !== void 0 ? placeholder : 'NumberInput.placeholder'), step: inputSettings.step, min: inputSettings.minimum, max: inputSettings.maximum, precision: inputSettings.precision, value: cmptValue, onChange: pipOutValue })));
+    }
+    else if (schemaType === 'date') {
+        var cmptValue_1 = pipInValue(value !== null && value !== void 0 ? value : inputSettings.defaultValue);
+        return (_J$X_(DatePicker["default"], tslib.__assign({}, sharedProps, { className: cx(className, 'FormulaPicker-input-date'), borderMode: "none", closeOnSelect: true, placeholder: __(placeholder !== null && placeholder !== void 0 ? placeholder : 'Date.placeholder'), format: inputSettings.format || 'YYYY-MM-DD', inputFormat: inputSettings.inputFormat || 'YYYY-MM-DD', timeFormat: "", popOverContainer: popOverContainer, value: cmptValue_1, onChange: pipOutValue })));
+    }
+    else if (schemaType === 'time') {
+        return (_J$X_(DatePicker["default"], tslib.__assign({}, sharedProps, { className: cx(className, 'FormulaPicker-input-time'), viewMode: "time", borderMode: "none", closeOnSelect: true, placeholder: __(placeholder !== null && placeholder !== void 0 ? placeholder : 'Time.placeholder'), format: inputSettings.format || 'HH:mm', inputFormat: inputSettings.inputFormat || 'HH:mm', dateFormat: "", timeFormat: inputSettings.format || 'HH:mm', popOverContainer: popOverContainer, value: pipInValue(value !== null && value !== void 0 ? value : inputSettings.defaultValue), onChange: pipOutValue })));
+    }
+    else if (schemaType === 'datetime') {
+        return (_J$X_(DatePicker["default"], tslib.__assign({}, sharedProps, { className: cx(className, 'FormulaPicker-input-datetime'), borderMode: "none", closeOnSelect: true, placeholder: __(placeholder !== null && placeholder !== void 0 ? placeholder : 'Time.placeholder'), format: inputSettings.format || '', inputFormat: inputSettings.inputFormat || 'YYYY-MM-DD HH:mm', timeFormat: inputSettings.timeFormat || 'HH:mm', popOverContainer: popOverContainer, value: pipInValue(value !== null && value !== void 0 ? value : inputSettings.defaultValue), onChange: pipOutValue })));
+    }
+    else if (schemaType === 'select' || schemaType === 'boolean') {
+        return (_J$X_(Select["default"], tslib.__assign({}, sharedProps, { className: cx(className, "FormulaPicker-input-".concat(schemaType)), borderMode: "none", multiple: schemaType === 'boolean' ? false : inputSettings.multiple, options: schemaType === 'boolean'
+                ? [
+                    {
+                        label: __((_c = inputSettings === null || inputSettings === void 0 ? void 0 : inputSettings.trueLabel) !== null && _c !== void 0 ? _c : 'FormulaInput.True'),
+                        value: true
+                    },
+                    {
+                        label: __((_d = inputSettings === null || inputSettings === void 0 ? void 0 : inputSettings.falseLabel) !== null && _d !== void 0 ? _d : 'FormulaInput.False'),
+                        value: false
+                    }
+                ]
+                : (_e = inputSettings.options) !== null && _e !== void 0 ? _e : [], value: pipInValue(value), renderValueLabel: function (option) {
+                var _a, _b;
+                var label = (_b = (_a = option.label) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : '';
+                return schemaType === 'boolean' || !inputSettings.multiple ? (_J$X_(Tag["default"], { label: label, className: cx('rounded') })) : (_J$X_(React__default["default"].Fragment, null, label));
+            }, onChange: pipOutValue })));
+    }
+    else {
+        return (_J$X_(ResultBox["default"], tslib.__assign({}, sharedProps, { className: cx(className), allowInput: allowInput, borderMode: borderMode, placeholder: placeholder, value: pipInValue(value), result: allowInput || !value
+                ? void 0
+                : Editor.FormulaEditor.highlightValue(value, variables, evalMode), itemRender: itemRender, onResultChange: amisCore.noop, onChange: pipOutValue })));
+    }
+};
+var FormulaInput$1 = amisCore.themeable(amisCore.localeable(amisCore.uncontrollable(FormulaInput, {
+    value: 'onChange'
+})));
+
+exports["default"] = FormulaInput$1;