amis-core 6.2.2 → 6.4.0

package/esm/renderers/Item.d.ts

@@ -292,6 +292,62 @@ export interface FormBaseControl extends BaseSchemaWithoutType {
      * 远端校验表单项接口
      */
     validateApi?: string | BaseApiObject;
+    /**
+     * 自动填充，当选项被选择的时候，将选项中的其他值同步设置到表单内。
+     *
+     */
+    autoFill?: {
+        [propName: string]: string;
+    } | {
+        /**
+         * 是否为参照录入模式，参照录入会展示候选值供用户选择，而不是直接填充。
+         */
+        showSuggestion?: boolean;
+        /**
+         * 自动填充 api
+         */
+        api?: BaseApiObject | string;
+        /**
+         * 是否展示数据格式错误提示，默认为不展示
+         * @default true
+         */
+        silent?: boolean;
+        /**
+         * 填充时的数据映射
+         */
+        fillMappinng?: {
+            [propName: string]: any;
+        };
+        /**
+         * 触发条件，默认为 change
+         */
+        trigger?: 'change' | 'foucs';
+        /**
+         * 弹窗方式，当为参照录入时用可以配置
+         */
+        mode?: 'popOver' | 'dialog' | 'drawer';
+        /**
+         * 当参照录入为抽屉时可以配置弹出位置
+         */
+        position?: string;
+        /**
+         * 当为参照录入时可以配置弹出容器的大小
+         */
+        size?: string;
+        /**
+         * 参照录入展示的项
+         */
+        columns?: Array<any>;
+        /**
+         * 参照录入时的过滤条件
+         */
+        filter?: any;
+    };
+    /**
+     * @default fillIfNotSet
+     * 初始化时是否把其他字段同步到表单内部。
+     */
+    initAutoFill?: boolean | 'fillIfNotSet';
 }
 export interface FormItemBasicConfig extends Partial<RendererConfig> {
     type?: string;
@@ -338,7 +394,7 @@ export interface FormItemProps extends RendererProps {
     onBulkChange?: (values: {
         [propName: string]: any;
     }, submitOnChange?: boolean) => void;
-    addHook: (fn: Function, mode?: 'validate' | 'init' | 'flush') => () => void;
+    addHook: (fn: Function, mode?: 'validate' | 'init' | 'flush', enforce?: 'prev' | 'post') => () => void;
     removeHook: (fn: Function, mode?: 'validate' | 'init' | 'flush') => void;
     renderFormItems: (schema: Partial<FormSchemaBase>, region: string, props: any) => JSX.Element;
     onFocus: (e: any) => void;
@@ -361,7 +417,6 @@ export interface FormItemProps extends RendererProps {
     };
     error?: string;
     showErrorMsg?: boolean;
-    testid?: string;
 }
 export type FormControlProps = RendererProps & {
     onOpenDialog: (schema: Schema, data: any) => Promise<any>;
@@ -372,24 +427,29 @@ export interface FormItemConfig extends FormItemBasicConfig {
     component: FormControlComponent;
 }
 export declare class FormItemWrap extends React.Component<FormItemProps> {
-    reaction: Array<() => void>;
     lastSearchTerm: any;
     target: HTMLElement;
+    mounted: boolean;
+    initedOptionFilled: boolean;
+    initedApiFilled: boolean;
+    toDispose: Array<() => void>;
     constructor(props: FormItemProps);
-    componentDidUpdate(prevProps: FormItemProps): void;
     componentDidMount(): void;
+    componentDidUpdate(prevProps: FormItemProps): void;
     componentWillUnmount(): void;
     handleFocus(e: any): void;
     handleBlur(e: any): void;
     handleAutoFill(type: string): void;
     updateAutoFillData(context: any): void;
-    syncAutoFill: import("lodash").DebouncedFunc<(term: any, reload?: boolean) => void>;
-    buildSchema(): React.JSX.Element | {
+    syncApiAutoFill: import("lodash").DebouncedFunc<(term: any, forceLoad?: boolean, skipIfExits?: any) => Promise<void>>;
+    syncOptionAutoFill(selectedOptions: Array<any>, skipIfExits?: boolean): void;
+    buildAutoFillSchema(): React.JSX.Element | {
         type: any;
         className: string;
         title: any;
         size: any;
         body: {
+            wrapWithPanel: boolean;
             type: string;
             title: string;
             className: string;
@@ -496,7 +556,9 @@ export declare function asFormItem(config: Omit<FormItemConfig, 'component'>): (
     contextType: React.Context<{
         storeType: string;
     } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-        readonly fetcher: any;
+        readonly fetcher: any; /**
+         * 显示一个小图标, 鼠标放上去的时候显示提示内容, 这个小图标跟 label 在一起
+         */
         readonly notify: any;
         readonly isCancel: (value: any) => boolean;
         readonly __: import("..").TranslateFn<any>;
@@ -513,12 +575,11 @@ export declare function asFormItem(config: Omit<FormItemConfig, 'component'>): (
             readonly hasChildren: boolean;
             readonly children: any[];
         } & {
-            onChildStoreDispose(child: any): void;
+            onChildStoreDispose(child: any): void; /**
+             * 字段名，表单提交时的 key，支持多层级，用.连接，如： a.b.c
+             */
             syncProps(props: any, prevProps: any, list?: string[]): void;
             dispose: (callback?: (() => void) | undefined) => void;
-            /**
-             * 配置当前表单项展示模式
-             */
             addChildId: (id: string) => void;
             removeChildId: (id: string) => void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
@@ -534,18 +595,14 @@ export declare function asFormItem(config: Omit<FormItemConfig, 'component'>): (
             readonly hasChildren: boolean;
             readonly children: any[];
         } & {
-            onChildStoreDispose(child: any): void;
+            onChildStoreDispose(child: any): void; /**
+             * 字段名，表单提交时的 key，支持多层级，用.连接，如： a.b.c
+             */
             syncProps(props: any, prevProps: any, list?: string[]): void;
             dispose: (callback?: (() => void) | undefined) => void;
-            /**
-             * 配置当前表单项展示模式
-             */
             addChildId: (id: string) => void;
             removeChildId: (id: string) => void;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-        /**
-         * @deprecated 用 description 代替
-         */
         readonly stores: {
             [propName: string]: {
                 id: string;
@@ -560,12 +617,11 @@ export declare function asFormItem(config: Omit<FormItemConfig, 'component'>): (
                 readonly hasChildren: boolean;
                 readonly children: any[];
             } & {
-                onChildStoreDispose(child: any): void;
+                onChildStoreDispose(child: any): void; /**
+                 * 字段名，表单提交时的 key，支持多层级，用.连接，如： a.b.c
+                 */
                 syncProps(props: any, prevProps: any, list?: string[]): void;
                 dispose: (callback?: (() => void) | undefined) => void;
-                /**
-                 * 配置当前表单项展示模式
-                 */
                 addChildId: (id: string) => void;
                 removeChildId: (id: string) => void;
             } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
@@ -581,12 +637,11 @@ export declare function asFormItem(config: Omit<FormItemConfig, 'component'>): (
                 readonly hasChildren: boolean;
                 readonly children: any[];
             } & {
-                onChildStoreDispose(child: any): void;
+                onChildStoreDispose(child: any): void; /**
+                 * 字段名，表单提交时的 key，支持多层级，用.连接，如： a.b.c
+                 */
                 syncProps(props: any, prevProps: any, list?: string[]): void;
                 dispose: (callback?: (() => void) | undefined) => void;
-                /**
-                 * 配置当前表单项展示模式
-                 */
                 addChildId: (id: string) => void;
                 removeChildId: (id: string) => void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
@@ -611,12 +666,11 @@ export declare function asFormItem(config: Omit<FormItemConfig, 'component'>): (
             readonly hasChildren: boolean;
             readonly children: any[];
         } & {
-            onChildStoreDispose(child: any): void;
+            onChildStoreDispose(child: any): void; /**
+             * 字段名，表单提交时的 key，支持多层级，用.连接，如： a.b.c
+             */
             syncProps(props: any, prevProps: any, list?: string[]): void;
             dispose: (callback?: (() => void) | undefined) => void;
-            /**
-             * 配置当前表单项展示模式
-             */
             addChildId: (id: string) => void;
             removeChildId: (id: string) => void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
@@ -632,12 +686,11 @@ export declare function asFormItem(config: Omit<FormItemConfig, 'component'>): (
             readonly hasChildren: boolean;
             readonly children: any[];
         } & {
-            onChildStoreDispose(child: any): void;
+            onChildStoreDispose(child: any): void; /**
+             * 字段名，表单提交时的 key，支持多层级，用.连接，如： a.b.c
+             */
             syncProps(props: any, prevProps: any, list?: string[]): void;
             dispose: (callback?: (() => void) | undefined) => void;
-            /**
-             * 配置当前表单项展示模式
-             */
             addChildId: (id: string) => void;
             removeChildId: (id: string) => void;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
@@ -654,12 +707,11 @@ export declare function asFormItem(config: Omit<FormItemConfig, 'component'>): (
             readonly hasChildren: boolean;
             readonly children: any[];
         } & {
-            onChildStoreDispose(child: any): void;
+            onChildStoreDispose(child: any): void; /**
+             * 字段名，表单提交时的 key，支持多层级，用.连接，如： a.b.c
+             */
             syncProps(props: any, prevProps: any, list?: string[]): void;
             dispose: (callback?: (() => void) | undefined) => void;
-            /**
-             * 配置当前表单项展示模式
-             */
             addChildId: (id: string) => void;
             removeChildId: (id: string) => void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
@@ -675,19 +727,20 @@ export declare function asFormItem(config: Omit<FormItemConfig, 'component'>): (
             readonly hasChildren: boolean;
             readonly children: any[];
         } & {
-            onChildStoreDispose(child: any): void;
+            onChildStoreDispose(child: any): void; /**
+             * 字段名，表单提交时的 key，支持多层级，用.连接，如： a.b.c
+             */
             syncProps(props: any, prevProps: any, list?: string[]): void;
             dispose: (callback?: (() => void) | undefined) => void;
-            /**
-             * 配置当前表单项展示模式
-             */
             addChildId: (id: string) => void;
             removeChildId: (id: string) => void;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>): void;
     } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
         storeType: import("mobx-state-tree").IType<string | undefined, string, string>;
     }, {
-        readonly fetcher: any;
+        readonly fetcher: any; /**
+         * 显示一个小图标, 鼠标放上去的时候显示提示内容, 这个小图标跟 label 在一起
+         */
         readonly notify: any;
         readonly isCancel: (value: any) => boolean;
         readonly __: import("..").TranslateFn<any>;
@@ -704,12 +757,11 @@ export declare function asFormItem(config: Omit<FormItemConfig, 'component'>): (
             readonly hasChildren: boolean;
             readonly children: any[];
         } & {
-            onChildStoreDispose(child: any): void;
+            onChildStoreDispose(child: any): void; /**
+             * 字段名，表单提交时的 key，支持多层级，用.连接，如： a.b.c
+             */
             syncProps(props: any, prevProps: any, list?: string[]): void;
             dispose: (callback?: (() => void) | undefined) => void;
-            /**
-             * 配置当前表单项展示模式
-             */
             addChildId: (id: string) => void;
             removeChildId: (id: string) => void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
@@ -725,18 +777,14 @@ export declare function asFormItem(config: Omit<FormItemConfig, 'component'>): (
             readonly hasChildren: boolean;
             readonly children: any[];
         } & {
-            onChildStoreDispose(child: any): void;
+            onChildStoreDispose(child: any): void; /**
+             * 字段名，表单提交时的 key，支持多层级，用.连接，如： a.b.c
+             */
             syncProps(props: any, prevProps: any, list?: string[]): void;
             dispose: (callback?: (() => void) | undefined) => void;
-            /**
-             * 配置当前表单项展示模式
-             */
             addChildId: (id: string) => void;
             removeChildId: (id: string) => void;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-        /**
-         * @deprecated 用 description 代替
-         */
         readonly stores: {
             [propName: string]: {
                 id: string;
@@ -751,12 +799,11 @@ export declare function asFormItem(config: Omit<FormItemConfig, 'component'>): (
                 readonly hasChildren: boolean;
                 readonly children: any[];
             } & {
-                onChildStoreDispose(child: any): void;
+                onChildStoreDispose(child: any): void; /**
+                 * 字段名，表单提交时的 key，支持多层级，用.连接，如： a.b.c
+                 */
                 syncProps(props: any, prevProps: any, list?: string[]): void;
                 dispose: (callback?: (() => void) | undefined) => void;
-                /**
-                 * 配置当前表单项展示模式
-                 */
                 addChildId: (id: string) => void;
                 removeChildId: (id: string) => void;
             } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
@@ -772,12 +819,11 @@ export declare function asFormItem(config: Omit<FormItemConfig, 'component'>): (
                 readonly hasChildren: boolean;
                 readonly children: any[];
             } & {
-                onChildStoreDispose(child: any): void;
+                onChildStoreDispose(child: any): void; /**
+                 * 字段名，表单提交时的 key，支持多层级，用.连接，如： a.b.c
+                 */
                 syncProps(props: any, prevProps: any, list?: string[]): void;
                 dispose: (callback?: (() => void) | undefined) => void;
-                /**
-                 * 配置当前表单项展示模式
-                 */
                 addChildId: (id: string) => void;
                 removeChildId: (id: string) => void;
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
@@ -802,12 +848,11 @@ export declare function asFormItem(config: Omit<FormItemConfig, 'component'>): (
             readonly hasChildren: boolean;
             readonly children: any[];
         } & {
-            onChildStoreDispose(child: any): void;
+            onChildStoreDispose(child: any): void; /**
+             * 字段名，表单提交时的 key，支持多层级，用.连接，如： a.b.c
+             */
             syncProps(props: any, prevProps: any, list?: string[]): void;
             dispose: (callback?: (() => void) | undefined) => void;
-            /**
-             * 配置当前表单项展示模式
-             */
             addChildId: (id: string) => void;
             removeChildId: (id: string) => void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
@@ -823,12 +868,11 @@ export declare function asFormItem(config: Omit<FormItemConfig, 'component'>): (
             readonly hasChildren: boolean;
             readonly children: any[];
         } & {
-            onChildStoreDispose(child: any): void;
+            onChildStoreDispose(child: any): void; /**
+             * 字段名，表单提交时的 key，支持多层级，用.连接，如： a.b.c
+             */
             syncProps(props: any, prevProps: any, list?: string[]): void;
             dispose: (callback?: (() => void) | undefined) => void;
-            /**
-             * 配置当前表单项展示模式
-             */
             addChildId: (id: string) => void;
             removeChildId: (id: string) => void;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
@@ -845,12 +889,11 @@ export declare function asFormItem(config: Omit<FormItemConfig, 'component'>): (
             readonly hasChildren: boolean;
             readonly children: any[];
         } & {
-            onChildStoreDispose(child: any): void;
+            onChildStoreDispose(child: any): void; /**
+             * 字段名，表单提交时的 key，支持多层级，用.连接，如： a.b.c
+             */
             syncProps(props: any, prevProps: any, list?: string[]): void;
             dispose: (callback?: (() => void) | undefined) => void;
-            /**
-             * 配置当前表单项展示模式
-             */
             addChildId: (id: string) => void;
             removeChildId: (id: string) => void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
@@ -866,19 +909,20 @@ export declare function asFormItem(config: Omit<FormItemConfig, 'component'>): (
             readonly hasChildren: boolean;
             readonly children: any[];
         } & {
-            onChildStoreDispose(child: any): void;
+            onChildStoreDispose(child: any): void; /**
+             * 字段名，表单提交时的 key，支持多层级，用.连接，如： a.b.c
+             */
             syncProps(props: any, prevProps: any, list?: string[]): void;
             dispose: (callback?: (() => void) | undefined) => void;
-            /**
-             * 配置当前表单项展示模式
-             */
             addChildId: (id: string) => void;
             removeChildId: (id: string) => void;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>): void;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>>;
     ComposedComponent: React.ComponentType<any>;
 } & hoistNonReactStatic.NonReactStatics<any, {}> & {
-    ComposedComponent: any;
+    ComposedComponent: any; /**
+     * 字段名，表单提交时的 key，支持多层级，用.连接，如： a.b.c
+     */
 } & {
     ComposedComponent: any;
 };