amis-ui 6.2.2 → 6.4.0

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

@@ -1,27 +1,41 @@
 /// <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 {
+import type { FormulaPickerInputSettings, FormulaPickerProps } from './Picker';
+import { FuncGroup, VariableItem } from './CodeEditor';
+export interface FormulaInputProps extends Pick<FormulaPickerProps, 'className' | 'disabled' | 'evalMode' | 'placeholder' | 'clearable' | 'borderMode' | 'variables' | 'inputSettings'>, ThemeProps, LocaleProps {
     /**
      * 输入值
      */
     value?: string;
+    /**
+     * 就是 evalMode 的反义词
+     * 混合模式，意味着这个输入框既可以输入不同文本
+     * 也可以输入公式。
+     * 当输入公式时，值格式为 ${公式内容}
+     * 其他内容当字符串。
+     */
     mixedMode?: boolean;
+    autoFoucs?: boolean;
     variables?: VariableItem[];
+    functions?: Array<FuncGroup>;
     popOverContainer?: any;
     /**
      * Change事件回调
      */
     onChange?: (value: string | any[]) => void;
     /**
-     * 子元素渲染
+     * 其他类型渲染器
      */
-    itemRender?: (value: any) => JSX.Element | string;
+    customInputRender?: (props: {
+        value: any;
+        onChange: (value: any) => void;
+        className?: string;
+        inputSettings: FormulaPickerInputSettings;
+    }) => JSX.Element;
 }
 declare const _default: {
-    new (props: Omit<Omit<FormulaInputProps, keyof LocaleProps> & {
+    new (props: Omit<Omit<FormulaInputProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
         locale?: string | undefined;
         translate?: ((str: string, ...args: any[]) => string) | undefined;
     }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps): {
@@ -30,12 +44,12 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Omit<FormulaInputProps, keyof LocaleProps> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Omit<FormulaInputProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Omit<Omit<FormulaInputProps, keyof LocaleProps> & {
+        readonly props: Readonly<Omit<Omit<FormulaInputProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>;
@@ -44,35 +58,35 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Omit<FormulaInputProps, keyof LocaleProps> & {
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Omit<FormulaInputProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Omit<FormulaInputProps, keyof LocaleProps> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Omit<FormulaInputProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<Omit<FormulaInputProps, keyof LocaleProps> & {
+        componentDidUpdate?(prevProps: Readonly<Omit<Omit<FormulaInputProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<FormulaInputProps, keyof LocaleProps> & {
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<FormulaInputProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<FormulaInputProps, keyof LocaleProps> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<FormulaInputProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<Omit<FormulaInputProps, keyof LocaleProps> & {
+        componentWillUpdate?(nextProps: Readonly<Omit<Omit<FormulaInputProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Omit<FormulaInputProps, keyof LocaleProps> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Omit<FormulaInputProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
@@ -80,7 +94,7 @@ declare const _default: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Omit<FormulaInputProps, keyof LocaleProps> & {
+        new (props: Omit<FormulaInputProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }): {
@@ -89,12 +103,12 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<FormulaInputProps & React.RefAttributes<unknown>, 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> & {
+            readonly props: Readonly<Omit<FormulaInputProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>;
@@ -103,47 +117,47 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+            shouldComponentUpdate?(nextProps: Readonly<Omit<FormulaInputProps & React.RefAttributes<unknown>, 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> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<FormulaInputProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+            componentDidUpdate?(prevProps: Readonly<Omit<FormulaInputProps & React.RefAttributes<unknown>, 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> & {
+            componentWillReceiveProps?(nextProps: Readonly<Omit<FormulaInputProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<FormulaInputProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+            componentWillUpdate?(nextProps: Readonly<Omit<FormulaInputProps & React.RefAttributes<unknown>, 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> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<FormulaInputProps & React.RefAttributes<unknown>, 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: React.ComponentType<React.ForwardRefExoticComponent<FormulaInputProps & React.RefAttributes<unknown>>>;
+    } & import("hoist-non-react-statics").NonReactStatics<React.ForwardRefExoticComponent<FormulaInputProps & React.RefAttributes<unknown>>, {}> & {
+        ComposedComponent: React.ForwardRefExoticComponent<FormulaInputProps & React.RefAttributes<unknown>>;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Omit<FormulaInputProps, keyof LocaleProps> & {
+    new (props: Omit<FormulaInputProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
         locale?: string | undefined;
         translate?: ((str: string, ...args: any[]) => string) | undefined;
     }): {
@@ -152,12 +166,12 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<FormulaInputProps & React.RefAttributes<unknown>, 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> & {
+        readonly props: Readonly<Omit<FormulaInputProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>;
@@ -166,47 +180,47 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+        shouldComponentUpdate?(nextProps: Readonly<Omit<FormulaInputProps & React.RefAttributes<unknown>, 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> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<FormulaInputProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+        componentDidUpdate?(prevProps: Readonly<Omit<FormulaInputProps & React.RefAttributes<unknown>, 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> & {
+        componentWillReceiveProps?(nextProps: Readonly<Omit<FormulaInputProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<FormulaInputProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+        componentWillUpdate?(nextProps: Readonly<Omit<FormulaInputProps & React.RefAttributes<unknown>, 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> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<FormulaInputProps & React.RefAttributes<unknown>, 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: React.ComponentType<React.ForwardRefExoticComponent<FormulaInputProps & React.RefAttributes<unknown>>>;
+} & import("hoist-non-react-statics").NonReactStatics<React.ForwardRefExoticComponent<FormulaInputProps & React.RefAttributes<unknown>>, {}> & {
+    ComposedComponent: React.ForwardRefExoticComponent<FormulaInputProps & React.RefAttributes<unknown>>;
 }, {}> & {
     ComposedComponent: {
-        new (props: Omit<FormulaInputProps, keyof LocaleProps> & {
+        new (props: Omit<FormulaInputProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }): {
@@ -215,12 +229,12 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<FormulaInputProps & React.RefAttributes<unknown>, 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> & {
+            readonly props: Readonly<Omit<FormulaInputProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>;
@@ -229,44 +243,44 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+            shouldComponentUpdate?(nextProps: Readonly<Omit<FormulaInputProps & React.RefAttributes<unknown>, 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> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<FormulaInputProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+            componentDidUpdate?(prevProps: Readonly<Omit<FormulaInputProps & React.RefAttributes<unknown>, 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> & {
+            componentWillReceiveProps?(nextProps: Readonly<Omit<FormulaInputProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<FormulaInputProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Omit<FormulaInputProps, keyof LocaleProps> & {
+            componentWillUpdate?(nextProps: Readonly<Omit<FormulaInputProps & React.RefAttributes<unknown>, 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> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<FormulaInputProps & React.RefAttributes<unknown>, 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: React.ComponentType<React.ForwardRefExoticComponent<FormulaInputProps & React.RefAttributes<unknown>>>;
+    } & import("hoist-non-react-statics").NonReactStatics<React.ForwardRefExoticComponent<FormulaInputProps & React.RefAttributes<unknown>>, {}> & {
+        ComposedComponent: React.ForwardRefExoticComponent<FormulaInputProps & React.RefAttributes<unknown>>;
     };
 };
 export default _default;

package/lib/components/formula/Input.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.4.0
  * Copyright 2018-2024 fex
  */
 
@@ -9,34 +9,39 @@ 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');
+var CodeEditor = require('./CodeEditor.js');
+var InputBox = require('../InputBox.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;
-    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, _e = props.inputSettings, inputSettings = _e === void 0 ? { type: 'text' } : _e, popOverContainer = props.popOverContainer, onChange = props.onChange, itemRender = props.itemRender;
+var FormulaInput = function (props, ref) {
+    var _a, _b, _c;
+    var __ = props.translate, className = props.className, cx = props.classnames, placeholder = props.placeholder, borderMode = props.borderMode, evalMode = props.evalMode; props.mixedMode; var value = props.value, variables = props.variables, functions = props.functions, _d = props.inputSettings, inputSettings = _d === void 0 ? { type: 'text' } : _d, popOverContainer = props.popOverContainer, onChange = props.onChange, customInputRender = props.customInputRender;
     var schemaType = inputSettings.type;
     /** 自上层共享的属性 */
-    var sharedProps = pick__default["default"](props, ['disabled', 'clearable']);
+    var sharedProps = pick__default["default"](props, ['disabled', 'clearable', 'data']);
     var pipInValue = React.useCallback(function (value) {
+        /** 数据来源可能是从 query中下发的（CRUD查询表头），导致数字或者布尔值被转为 string 格式，这里预处理一下 */
+        if (schemaType === 'number') {
+            value = isNaN(+value) ? value : +value;
+        }
+        else if (schemaType === 'boolean') {
+            value = value === 'true' ? true : value === 'false' ? false : value;
+        }
         return value;
-    }, ['value']);
+    }, [schemaType]);
     var pipOutValue = React.useCallback(function (origin) {
         var result = origin;
         if (origin === undefined) {
@@ -47,7 +52,7 @@ var FormulaInput = function (props) {
             result = origin.value;
         }
         else if (schemaType === 'select') {
-            var joinValues = inputSettings.joinValues, extractValue = inputSettings.extractValue, delimiter = inputSettings.delimiter, multiple = inputSettings.multiple, _a = inputSettings.valueField, valueField_1 = _a === void 0 ? 'value' : _a;
+            var _a = inputSettings.joinValues, joinValues = _a === void 0 ? true : _a, extractValue = inputSettings.extractValue, delimiter = inputSettings.delimiter, multiple = inputSettings.multiple, _b = inputSettings.valueField, valueField_1 = _b === void 0 ? 'value' : _b;
             if (joinValues) {
                 if (multiple) {
                     result = Array.isArray(origin)
@@ -74,118 +79,55 @@ var FormulaInput = function (props) {
             }
         }
         onChange === null || onChange === void 0 ? void 0 : onChange(result);
-    }, ['onChange']);
+    }, [schemaType, onChange, inputSettings]);
     var cmptValue = pipInValue(value !== null && value !== void 0 ? value : inputSettings.defaultValue);
-    /** 数据来源可能是从 query中下发的（CRUD查询表头），导致数字或者布尔值被转为 string 格式，这里预处理一下 */
-    if (schemaType === 'number') {
-        cmptValue = isNaN(+cmptValue) ? cmptValue : +cmptValue;
-    }
-    else if (schemaType === 'boolean') {
-        cmptValue =
-            cmptValue === 'true' ? true : cmptValue === 'false' ? false : cmptValue;
-    }
-    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;
-    var useVariable = !!(amisCore.isExpression(cmptValue) || targetVariable);
-    /** 判断value是否为变量，如果是变量，使用ResultBox渲染 */
-    if (!useVariable) {
-        if (schemaType === 'number') {
-            useVariable = cmptValue != null && typeof cmptValue !== 'number';
-        }
-        else if (['date', 'time', 'datetime'].includes(schemaType)) {
-            useVariable = !moment__default["default"](cmptValue).isValid();
-        }
-        else if (schemaType === 'select') {
-            var options = inputSettings.options, joinValues = inputSettings.joinValues, extractValue = inputSettings.extractValue, delimiter = inputSettings.delimiter, multiple = inputSettings.multiple, _f = inputSettings.valueField, valueField_2 = _f === void 0 ? 'value' : _f;
-            var selctedValue_1 = [];
-            if (multiple) {
-                if (joinValues) {
-                    selctedValue_1 =
-                        typeof cmptValue === 'string' ? cmptValue.split(delimiter) : [];
-                }
-                else {
-                    selctedValue_1 = Array.isArray(cmptValue)
-                        ? extractValue
-                            ? cmptValue
-                            : cmptValue.map(function (i) { return i === null || i === void 0 ? void 0 : i[valueField_2]; })
-                        : [];
-                }
-            }
-            else {
-                if (joinValues) {
-                    selctedValue_1 = typeof cmptValue === 'string' ? [cmptValue] : [];
-                }
-                else {
-                    selctedValue_1 = amisCore.isObject(cmptValue) ? [cmptValue === null || cmptValue === void 0 ? void 0 : cmptValue[valueField_2]] : [];
-                }
-            }
-            /** 选项类型清空后是空字符串， */
-            useVariable =
-                cmptValue &&
-                    !(options !== null && options !== void 0 ? options : []).some(function (item) {
-                        return selctedValue_1.includes(item === null || item === void 0 ? void 0 : item.value);
-                    });
-        }
-        else if (schemaType === 'boolean') {
-            useVariable = cmptValue != null && typeof cmptValue !== 'boolean';
-        }
-    }
-    if (useVariable) {
-        var varName = typeof cmptValue === 'string' && cmptValue && mixedMode
-            ? cmptValue.replace(/^\$\{/, '').replace(/\}$/, '')
-            : cmptValue;
-        var resultValue = (_a = targetVariable === null || targetVariable === void 0 ? void 0 : targetVariable.value) !== null && _a !== void 0 ? _a : varName;
-        return (_J$X_(ResultBox["default"], { className: cx("FormulaPicker-input-variable"), allowInput: allowInput, 
-            // 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') {
+    var isExpr = amisCore.isExpression(cmptValue);
+    if (!isExpr && 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 (!isExpr && schemaType === 'date') {
+        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, 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 (!isExpr && 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: cmptValue, 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 (!isExpr && 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: cmptValue, 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'
+    else if (!isExpr && (schemaType === 'select' || schemaType === 'boolean')) {
+        return (_J$X_(Select.SelectWithRemoteOptions, tslib.__assign({}, sharedProps, { className: cx(className, "FormulaPicker-input-".concat(schemaType)), borderMode: "none", multiple: schemaType === 'boolean' ? false : inputSettings.multiple, options: schemaType === 'boolean'
                 ? [
                     {
-                        label: __((_b = inputSettings === null || inputSettings === void 0 ? void 0 : inputSettings.trueLabel) !== null && _b !== void 0 ? _b : 'FormulaInput.True'),
+                        label: __((_a = inputSettings === null || inputSettings === void 0 ? void 0 : inputSettings.trueLabel) !== null && _a !== void 0 ? _a : 'FormulaInput.True'),
                         value: true
                     },
                     {
-                        label: __((_c = inputSettings === null || inputSettings === void 0 ? void 0 : inputSettings.falseLabel) !== null && _c !== void 0 ? _c : 'FormulaInput.False'),
+                        label: __((_b = inputSettings === null || inputSettings === void 0 ? void 0 : inputSettings.falseLabel) !== null && _b !== void 0 ? _b : 'FormulaInput.False'),
                         value: false
                     }
                 ]
-                : (_d = inputSettings.options) !== null && _d !== void 0 ? _d : [], value: pipInValue(value), renderValueLabel: function (option) {
+                : (_c = inputSettings.options) !== null && _c !== void 0 ? _c : [], source: inputSettings.source, 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 if (!isExpr && schemaType === 'custom' && customInputRender) {
+        return customInputRender({
+            value: cmptValue,
+            onChange: pipOutValue,
+            inputSettings: inputSettings,
+            className: "FormulaPicker-input-custom"
+        });
+    }
     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 })));
+        return (_J$X_(InputBox["default"], { className: cx('FormulaPicker-input'), inputRender: function (_a) {
+                var value = _a.value, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, placeholder = _a.placeholder;
+                return (_J$X_(CodeEditor["default"], { singleLine: true, value: value, onChange: onChange, onFocus: onFocus, onBlur: onBlur, functions: functions, variables: variables, evalMode: evalMode, placeholder: placeholder }));
+            }, borderMode: borderMode, value: cmptValue, onChange: pipOutValue, placeholder: __(placeholder !== null && placeholder !== void 0 ? placeholder : 'placeholder.enter') }));
     }
 };
-var FormulaInput$1 = amisCore.themeable(amisCore.localeable(amisCore.uncontrollable(FormulaInput, {
+var FormulaInput$1 = amisCore.themeable(amisCore.localeable(amisCore.uncontrollable(React__default["default"].forwardRef(FormulaInput), {
     value: 'onChange'
 })));