cnhis-design-vue 3.2.5-beta.5 → 3.2.5-beta.51

package/es/components/form-config/src/components/FormConfigEdit.vue.d.ts

@@ -326,6 +326,7 @@ declare const _default: import("vue").DefineComponent<{
             value?: any;
             describe?: string | undefined;
         } | undefined;
+        requiredReminderContent?: string | undefined;
         date_format?: string | undefined;
         step_length?: string | number | undefined;
         urlConfig?: {
@@ -1981,6 +1982,7 @@ declare const _default: import("vue").DefineComponent<{
         fold?: boolean | undefined;
         required?: boolean | undefined;
         requiredDisabled?: boolean | undefined;
+        requiredReminderContent?: string | undefined;
         editableDisabled?: boolean | undefined;
         editable?: boolean | undefined;
         notes?: string | undefined;
@@ -1996,6 +1998,7 @@ declare const _default: import("vue").DefineComponent<{
             fold?: boolean | undefined;
             required?: boolean | undefined;
             requiredDisabled?: boolean | undefined;
+            requiredReminderContent?: string | undefined;
             editableDisabled?: boolean | undefined;
             editable?: boolean | undefined;
             notes?: string | undefined;
@@ -2093,6 +2096,7 @@ declare const _default: import("vue").DefineComponent<{
                     value?: any;
                     describe?: string | undefined;
                 } | undefined;
+                requiredReminderContent?: string | undefined;
                 date_format?: string | undefined;
                 step_length?: string | number | undefined;
                 urlConfig?: {
@@ -3833,6 +3837,7 @@ declare const _default: import("vue").DefineComponent<{
                 value?: any;
                 describe?: string | undefined;
             } | undefined;
+            requiredReminderContent?: string | undefined;
             date_format?: string | undefined;
             step_length?: string | number | undefined;
             urlConfig?: {
@@ -5683,6 +5688,10 @@ declare const _default: import("vue").DefineComponent<{
                 type: (BooleanConstructor | NumberConstructor)[];
                 default: boolean;
             };
+            incrementalRender: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 fieldList: {
@@ -5874,14 +5883,19 @@ declare const _default: import("vue").DefineComponent<{
                     type: (BooleanConstructor | NumberConstructor)[];
                     default: boolean;
                 };
+                incrementalRender: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
                 onAnnotationChange?: ((...args: any[]) => any) | undefined;
                 "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
                 onLinebarChange?: ((...args: any[]) => any) | undefined;
+                onReady?: ((...args: any[]) => any) | undefined;
             }>>;
-            emit: (event: "scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange", ...args: any[]) => void;
+            emit: (event: "scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange" | "ready", ...args: any[]) => void;
             cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
             nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
             formRenderRef: import("vue").Ref<HTMLElement | undefined>;
@@ -5910,6 +5924,7 @@ declare const _default: import("vue").DefineComponent<{
             anchorIdList: import("vue").Ref<{
                 name: string;
                 title: string;
+                index: number;
             }[]>;
             onScroll: (scrollEvent: Event) => void;
             callLifeCycle: <T extends "onSetup" | "beforeSetValue" | "beforeRequest" | "afterRequest" | "afterOptionInit">(lifeCycleName: T, payload?: Parameters<Required<Partial<{
@@ -5936,6 +5951,8 @@ declare const _default: import("vue").DefineComponent<{
             setGraph: (field: import("@formily/core").GeneralField) => void;
             removeGraph: (field: import("@formily/core").GeneralField) => void;
             lowCodeEventTrigger: (field: import("@formily/core").GeneralField) => void;
+            emitFormChange: import("vue").Ref<boolean>;
+            isReady: boolean;
             formModel: import("@formily/core").Form<{
                 [x: string]: any;
             }>;
@@ -6108,6 +6125,63 @@ declare const _default: import("vue").DefineComponent<{
                 "x-compile-omitted"?: string[] | undefined;
             }>>;
             _fieldList: FieldItem[];
+            incrementalRenderList: import("@formily/json-schema").Stringify<{
+                [key: symbol]: any;
+                [key: `x-${string}`]: any;
+                [key: `x-${number}`]: any;
+                version?: string | undefined;
+                name?: import("@formily/json-schema").SchemaKey | undefined;
+                title?: any;
+                description?: any;
+                default?: any;
+                readOnly?: boolean | undefined;
+                writeOnly?: boolean | undefined;
+                type?: import("@formily/json-schema").SchemaTypes | undefined;
+                enum?: import("@formily/json-schema").SchemaEnum<any> | undefined;
+                const?: any;
+                multipleOf?: number | undefined;
+                maximum?: number | undefined;
+                exclusiveMaximum?: number | undefined;
+                minimum?: number | undefined;
+                exclusiveMinimum?: number | undefined;
+                maxLength?: number | undefined;
+                minLength?: number | undefined;
+                pattern?: string | RegExp | undefined;
+                maxItems?: number | undefined;
+                minItems?: number | undefined;
+                uniqueItems?: boolean | undefined;
+                maxProperties?: number | undefined;
+                minProperties?: number | undefined;
+                required?: string | boolean | string[] | undefined;
+                format?: string | undefined;
+                $ref?: string | undefined;
+                $namespace?: string | undefined;
+                definitions?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+                properties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+                items?: import("@formily/json-schema").SchemaItems<any, any, any, any, any, any, any, any> | undefined;
+                additionalItems?: import("@formily/json-schema").Stringify<any> | undefined;
+                patternProperties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+                additionalProperties?: import("@formily/json-schema").Stringify<any> | undefined;
+                "x-value"?: any;
+                "x-index"?: number | undefined;
+                "x-pattern"?: any;
+                "x-display"?: any;
+                "x-validator"?: any;
+                "x-decorator"?: any;
+                "x-decorator-props"?: any;
+                "x-component"?: any;
+                "x-component-props"?: any;
+                "x-reactions"?: import("@formily/json-schema").SchemaReactions<any> | undefined;
+                "x-content"?: any;
+                "x-data"?: any;
+                "x-visible"?: boolean | undefined;
+                "x-hidden"?: boolean | undefined;
+                "x-disabled"?: boolean | undefined;
+                "x-editable"?: boolean | undefined;
+                "x-read-only"?: boolean | undefined;
+                "x-read-pretty"?: boolean | undefined;
+                "x-compile-omitted"?: string[] | undefined;
+            }>[];
             parsedSchema: import("vue").ComputedRef<import("@formily/json-schema").Stringify<{
                 [key: symbol]: any;
                 [key: `x-${string}`]: any;
@@ -6165,6 +6239,7 @@ declare const _default: import("vue").DefineComponent<{
                 "x-read-pretty"?: boolean | undefined;
                 "x-compile-omitted"?: string[] | undefined;
             }>>;
+            startIncrementalRender: () => void;
             onKeydown: (event: KeyboardEvent) => Promise<void>;
             clearSpan: (uuid: string) => void;
             exposeEvent: Omit<FormRenderExpose, "getFieldList" | "formModel" | "reload">;
@@ -6227,7 +6302,7 @@ declare const _default: import("vue").DefineComponent<{
                 readonly displayDirective: "if" | "show" | "show:lazy";
             }>;
             NTabs: any;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange")[], "scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange" | "ready")[], "scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange" | "ready", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
                 type: PropType<FieldItem[]>;
             };
@@ -6417,12 +6492,17 @@ declare const _default: import("vue").DefineComponent<{
                 type: (BooleanConstructor | NumberConstructor)[];
                 default: boolean;
             };
+            incrementalRender: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
             onAnnotationChange?: ((...args: any[]) => any) | undefined;
             "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
             onLinebarChange?: ((...args: any[]) => any) | undefined;
+            onReady?: ((...args: any[]) => any) | undefined;
         }, {
             anchor: boolean;
             maxHeight: string | number;
@@ -6447,6 +6527,7 @@ declare const _default: import("vue").DefineComponent<{
             linebarTextDirection: "horizontal" | "vertical";
             autoWidth: number | boolean;
             operationalFormInit: boolean;
+            incrementalRender: boolean;
         }>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/es/components/form-config/src/hooks/useConfigurationField.js

@@ -1 +1 @@
-import{omit as e,pick as t}from"lodash-es";import{EditAbleField as l,widgetWidthOptionConfig as i,isShowOptionConfig as a,isNotFoldOptionConfig as _,isEditOptionConfig as o,isNullOptionConfig as m,isVisibleOptionConfig as s,rowsOptionConfig as n}from"../constants/index.js";import"../../../form-render/index.js";import{useFieldNormalize as r}from"../../../form-render/src/hooks/useFieldNormalize.js";const{FieldNormalizeWaterfallHook:d}=r();function E(){const r=new Map([[l.KEY,e=>({alias:"字段",elem_width:6,html_type:"TEXT",content:null==e?void 0:e.key,decoratorProps:{labelPlacement:"left"}})],[l.NAME,()=>({alias:"名称",elem_width:6,is_null:"0",html_type:"INPUT"})],[l.NOTES,()=>({alias:"问号提示",elem_width:6,html_type:"INPUT",is_empty:"0"})],[l.DEFAULT_VALUE,(l,i)=>{const a=d.call(Object.assign({},null==l?void 0:l.originalSetting,i),{});return{alias:"默认值",elem_width:6,html_type:"INPUT",is_empty:"0",componentProps:e(a.componentProps,["class","style","disabled"]),...t(a,["html_type","validate","option","multi_select","multi_select_value","wordbook","open","close","date_format","step_length","urlConfig","autograph","defined_error_msg","free_entry","validator","allowSlash","is_allow_check_mid","allow_check_mid_level"])}}],[l.LAYOUT_WIDTH_ENUM,()=>({alias:"宽度",fieldType:"number",html_type:"SELECT",elem_width:6,...i()})],[l.DESC,()=>({alias:"说明文本",elem_width:6,html_type:"INPUT",is_empty:"0",validate:{max_length:30}})],[l.DEFAULT_EXPAND,()=>({alias:"是否默认展开",html_type:"SWITCH",elem_width:6,...a()})],[l.FOLD,()=>({alias:"是否可折叠",html_type:"SWITCH",elem_width:6,..._()})],[l.EDITABLE,e=>({alias:"是否可编辑",html_type:"SWITCH",elem_width:6,is_edit:(null==e?void 0:e.editableDisabled)?"0":"1",...o()})],[l.REQUIRED,e=>({alias:"是否必填",html_type:"SWITCH",elem_width:6,is_edit:(null==e?void 0:e.requiredDisabled)?"0":"1",...m()})],[l.SHOW,e=>({alias:"是否显示",html_type:"SWITCH",elem_width:6,is_show:(null==e?void 0:e.__isCombinationChild)?"1":"0",...s()})],[l.ROWS,()=>({alias:"高度",elem_width:6,remark:"默认为3行高度，可调整为1-10行高度",default_val:3,is_empty:"0",html_type:"SELECT",...n()})]]);function E(e,t,l){return e.map((e=>{var i,a;return{...null!=(a=null==(i=r.get(e))?void 0:i(t,l))?a:{},val_key:e}}))}const p=new Map([["LINE_BAR",[l.KEY,l.NAME,l.LAYOUT_WIDTH_ENUM,l.NOTES,l.DEFAULT_EXPAND,l.FOLD]],["NEWLINE",[l.KEY,l.NAME]],...["COMPLEX","COMBINATION"].map((e=>[e,[l.KEY,l.NAME,l.LAYOUT_WIDTH_ENUM]]))]),h=[l.KEY,l.NAME,l.DEFAULT_VALUE,l.LAYOUT_WIDTH_ENUM,l.DESC,l.NOTES,l.EDITABLE,l.REQUIRED,l.SHOW];return{generateFieldListByKeys:E,generateFieldListByFormConfigItem:function(e,t){var i;const a=p.get(e.type)||h;return"TEXTAREA"===(t?t.html_type:null==(i=e.originalSetting)?void 0:i.html_type)&&a.splice(3,0,l.ROWS),E(a,e,t)}}}export{E as useConfigurationField};
+import{omit as e,pick as t}from"lodash-es";import{EditAbleField as l,widgetWidthOptionConfig as i,isShowOptionConfig as a,isNotFoldOptionConfig as o,isEditOptionConfig as _,isNullOptionConfig as n,isVisibleOptionConfig as m,rowsOptionConfig as r}from"../constants/index.js";import"../../../form-render/index.js";import{useFieldNormalize as s}from"../../../form-render/src/hooks/useFieldNormalize.js";const{FieldNormalizeWaterfallHook:d}=s();function E(){const s=new Map([[l.KEY,e=>({alias:"字段",elem_width:6,html_type:"TEXT",content:null==e?void 0:e.key,decoratorProps:{labelPlacement:"left"}})],[l.NAME,()=>({alias:"名称",elem_width:6,is_null:"0",html_type:"INPUT"})],[l.NOTES,()=>({alias:"问号提示",elem_width:6,html_type:"INPUT",is_empty:"0"})],[l.DEFAULT_VALUE,(l,i)=>{const a=d.call(Object.assign({},null==l?void 0:l.originalSetting,i),{});return{alias:"默认值",elem_width:6,html_type:"INPUT",is_empty:"0",componentProps:e(a.componentProps,["class","style","disabled"]),...t(a,["html_type","validate","option","multi_select","multi_select_value","wordbook","open","close","date_format","step_length","urlConfig","autograph","defined_error_msg","free_entry","validator","allowSlash","is_allow_check_mid","allow_check_mid_level"])}}],[l.LAYOUT_WIDTH_ENUM,()=>({alias:"宽度",fieldType:"number",html_type:"SELECT",elem_width:6,...i()})],[l.DESC,()=>({alias:"说明文本",elem_width:6,html_type:"INPUT",is_empty:"0",validate:{max_length:30}})],[l.DEFAULT_EXPAND,()=>({alias:"是否默认展开",html_type:"SWITCH",elem_width:6,...a()})],[l.FOLD,()=>({alias:"是否可折叠",html_type:"SWITCH",elem_width:6,...o()})],[l.EDITABLE,e=>({alias:"是否可编辑",html_type:"SWITCH",elem_width:6,is_edit:(null==e?void 0:e.editableDisabled)?"0":"1",..._()})],[l.REQUIRED,e=>({alias:"是否必填",html_type:"SWITCH",elem_width:6,is_edit:(null==e?void 0:e.requiredDisabled)?"0":"1",requiredReminderContent:null==e?void 0:e.requiredReminderContent,...n()})],[l.SHOW,e=>({alias:"是否显示",html_type:"SWITCH",elem_width:6,is_show:(null==e?void 0:e.__isCombinationChild)?"1":"0",...m()})],[l.ROWS,()=>({alias:"高度",elem_width:6,remark:"默认为3行高度，可调整为1-10行高度",default_val:3,is_empty:"0",html_type:"SELECT",...r()})]]);function E(e,t,l){return e.map((e=>{var i,a;return{...null!=(a=null==(i=s.get(e))?void 0:i(t,l))?a:{},val_key:e}}))}const p=new Map([["LINE_BAR",[l.KEY,l.NAME,l.LAYOUT_WIDTH_ENUM,l.NOTES,l.DEFAULT_EXPAND,l.FOLD]],["NEWLINE",[l.KEY,l.NAME]],...["COMPLEX","COMBINATION"].map((e=>[e,[l.KEY,l.NAME,l.LAYOUT_WIDTH_ENUM]]))]),h=[l.KEY,l.NAME,l.DEFAULT_VALUE,l.LAYOUT_WIDTH_ENUM,l.DESC,l.NOTES,l.EDITABLE,l.REQUIRED,l.SHOW];return{generateFieldListByKeys:E,generateFieldListByFormConfigItem:function(e,t){var i;const a=p.get(e.type)||h;return"TEXTAREA"===(t?t.html_type:null==(i=e.originalSetting)?void 0:i.html_type)&&a.splice(3,0,l.ROWS),E(a,e,t)}}}export{E as useConfigurationField};

package/es/components/form-config/src/types/index.d.ts

@@ -34,6 +34,7 @@ export declare type FormConfigItem = {
     fold: boolean;
     required: boolean;
     requiredDisabled: boolean;
+    requiredReminderContent: string;
     editableDisabled: boolean;
     editable: boolean;
     notes: string;
@@ -62,4 +63,8 @@ interface FieldVisitorContext {
     replace(f: FieldItem): void;
 }
 export declare type FormConfigVisitor = Record<string, (context: FieldVisitorContext) => void>;
+export declare type FormConfigReminderConfig = Partial<{
+    enabled: boolean;
+    content: string;
+}>;
 export {};

package/es/components/form-render/index.d.ts

@@ -198,6 +198,10 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             type: (BooleanConstructor | NumberConstructor)[];
             default: boolean;
         };
+        incrementalRender: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
@@ -389,14 +393,19 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
                 type: (BooleanConstructor | NumberConstructor)[];
                 default: boolean;
             };
+            incrementalRender: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
             onAnnotationChange?: ((...args: any[]) => any) | undefined;
             "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
             onLinebarChange?: ((...args: any[]) => any) | undefined;
+            onReady?: ((...args: any[]) => any) | undefined;
         }>>;
-        emit: (event: "scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange", ...args: any[]) => void;
+        emit: (event: "scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange" | "ready", ...args: any[]) => void;
         cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
         nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
         formRenderRef: import("vue").Ref<HTMLElement | undefined>;
@@ -425,6 +434,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         anchorIdList: import("vue").Ref<{
             name: string;
             title: string;
+            index: number;
         }[]>;
         onScroll: (scrollEvent: Event) => void;
         callLifeCycle: <T extends "onSetup" | "beforeSetValue" | "beforeRequest" | "afterRequest" | "afterOptionInit">(lifeCycleName: T, payload?: Parameters<Required<Partial<{
@@ -451,6 +461,8 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         setGraph: (field: import("@formily/core").GeneralField) => void;
         removeGraph: (field: import("@formily/core").GeneralField) => void;
         lowCodeEventTrigger: (field: import("@formily/core").GeneralField) => void;
+        emitFormChange: import("vue").Ref<boolean>;
+        isReady: boolean;
         formModel: import("@formily/core").Form<{
             [x: string]: any;
         }>;
@@ -623,6 +635,63 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             "x-compile-omitted"?: string[] | undefined;
         }>>;
         _fieldList: import("./src/types").FieldItem[];
+        incrementalRenderList: import("@formily/json-schema").Stringify<{
+            [key: symbol]: any;
+            [key: `x-${string}`]: any;
+            [key: `x-${number}`]: any;
+            version?: string | undefined;
+            name?: import("@formily/json-schema").SchemaKey | undefined;
+            title?: any;
+            description?: any;
+            default?: any;
+            readOnly?: boolean | undefined;
+            writeOnly?: boolean | undefined;
+            type?: import("@formily/json-schema").SchemaTypes | undefined;
+            enum?: import("@formily/json-schema").SchemaEnum<any> | undefined;
+            const?: any;
+            multipleOf?: number | undefined;
+            maximum?: number | undefined;
+            exclusiveMaximum?: number | undefined;
+            minimum?: number | undefined;
+            exclusiveMinimum?: number | undefined;
+            maxLength?: number | undefined;
+            minLength?: number | undefined;
+            pattern?: string | RegExp | undefined;
+            maxItems?: number | undefined;
+            minItems?: number | undefined;
+            uniqueItems?: boolean | undefined;
+            maxProperties?: number | undefined;
+            minProperties?: number | undefined;
+            required?: string | boolean | string[] | undefined;
+            format?: string | undefined;
+            $ref?: string | undefined;
+            $namespace?: string | undefined;
+            definitions?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+            properties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+            items?: import("@formily/json-schema").SchemaItems<any, any, any, any, any, any, any, any> | undefined;
+            additionalItems?: import("@formily/json-schema").Stringify<any> | undefined;
+            patternProperties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+            additionalProperties?: import("@formily/json-schema").Stringify<any> | undefined;
+            "x-value"?: any;
+            "x-index"?: number | undefined;
+            "x-pattern"?: any;
+            "x-display"?: any;
+            "x-validator"?: any;
+            "x-decorator"?: any;
+            "x-decorator-props"?: any;
+            "x-component"?: any;
+            "x-component-props"?: any;
+            "x-reactions"?: import("@formily/json-schema").SchemaReactions<any> | undefined;
+            "x-content"?: any;
+            "x-data"?: any;
+            "x-visible"?: boolean | undefined;
+            "x-hidden"?: boolean | undefined;
+            "x-disabled"?: boolean | undefined;
+            "x-editable"?: boolean | undefined;
+            "x-read-only"?: boolean | undefined;
+            "x-read-pretty"?: boolean | undefined;
+            "x-compile-omitted"?: string[] | undefined;
+        }>[];
         parsedSchema: import("vue").ComputedRef<import("@formily/json-schema").Stringify<{
             [key: symbol]: any;
             [key: `x-${string}`]: any;
@@ -680,6 +749,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             "x-read-pretty"?: boolean | undefined;
             "x-compile-omitted"?: string[] | undefined;
         }>>;
+        startIncrementalRender: () => void;
         onKeydown: (event: KeyboardEvent) => Promise<void>;
         clearSpan: (uuid: string) => void;
         exposeEvent: Omit<import("./src/types").FormRenderExpose, "getFieldList" | "formModel" | "reload">;
@@ -742,7 +812,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             readonly displayDirective: "if" | "show" | "show:lazy";
         }>;
         NTabs: any;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange")[], "scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange" | "ready")[], "scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange" | "ready", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         fieldList: {
             type: import("vue").PropType<import("./src/types").FieldItem[]>;
         };
@@ -932,12 +1002,17 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             type: (BooleanConstructor | NumberConstructor)[];
             default: boolean;
         };
+        incrementalRender: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
         onScroll?: ((...args: any[]) => any) | undefined;
         onAnnotationChange?: ((...args: any[]) => any) | undefined;
         "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
         onLinebarChange?: ((...args: any[]) => any) | undefined;
+        onReady?: ((...args: any[]) => any) | undefined;
     }, {
         anchor: boolean;
         maxHeight: string | number;
@@ -962,6 +1037,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         linebarTextDirection: "horizontal" | "vertical";
         autoWidth: number | boolean;
         operationalFormInit: boolean;
+        incrementalRender: boolean;
     }>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
 export default FormRender;

package/es/components/form-render/src/FormRender.vue.d.ts

@@ -193,6 +193,10 @@ declare const _default: import("vue").DefineComponent<{
         type: (BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
+    incrementalRender: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         fieldList: {
@@ -384,14 +388,19 @@ declare const _default: import("vue").DefineComponent<{
             type: (BooleanConstructor | NumberConstructor)[];
             default: boolean;
         };
+        incrementalRender: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
         onScroll?: ((...args: any[]) => any) | undefined;
         onAnnotationChange?: ((...args: any[]) => any) | undefined;
         "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
         onLinebarChange?: ((...args: any[]) => any) | undefined;
+        onReady?: ((...args: any[]) => any) | undefined;
     }>>;
-    emit: (event: "scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange", ...args: any[]) => void;
+    emit: (event: "scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange" | "ready", ...args: any[]) => void;
     cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
     nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
     formRenderRef: import("vue").Ref<HTMLElement | undefined>;
@@ -420,6 +429,7 @@ declare const _default: import("vue").DefineComponent<{
     anchorIdList: import("vue").Ref<{
         name: string;
         title: string;
+        index: number;
     }[]>;
     onScroll: (scrollEvent: Event) => void;
     callLifeCycle: <T extends "onSetup" | "beforeSetValue" | "beforeRequest" | "afterRequest" | "afterOptionInit">(lifeCycleName: T, payload?: Parameters<Required<Partial<{
@@ -446,6 +456,8 @@ declare const _default: import("vue").DefineComponent<{
     setGraph: (field: import("@formily/core").GeneralField) => void;
     removeGraph: (field: import("@formily/core").GeneralField) => void;
     lowCodeEventTrigger: (field: import("@formily/core").GeneralField) => void;
+    emitFormChange: import("vue").Ref<boolean>;
+    isReady: boolean;
     formModel: import("@formily/core").Form<{
         [x: string]: any;
     }>;
@@ -618,6 +630,63 @@ declare const _default: import("vue").DefineComponent<{
         "x-compile-omitted"?: string[] | undefined;
     }>>;
     _fieldList: FieldItem[];
+    incrementalRenderList: import("@formily/vue").Stringify<{
+        [key: symbol]: any;
+        [key: `x-${string}`]: any;
+        [key: `x-${number}`]: any;
+        version?: string | undefined;
+        name?: import("@formily/vue").SchemaKey | undefined;
+        title?: any;
+        description?: any;
+        default?: any;
+        readOnly?: boolean | undefined;
+        writeOnly?: boolean | undefined;
+        type?: import("@formily/vue").SchemaTypes | undefined;
+        enum?: import("@formily/vue").SchemaEnum<any> | undefined;
+        const?: any;
+        multipleOf?: number | undefined;
+        maximum?: number | undefined;
+        exclusiveMaximum?: number | undefined;
+        minimum?: number | undefined;
+        exclusiveMinimum?: number | undefined;
+        maxLength?: number | undefined;
+        minLength?: number | undefined;
+        pattern?: string | RegExp | undefined;
+        maxItems?: number | undefined;
+        minItems?: number | undefined;
+        uniqueItems?: boolean | undefined;
+        maxProperties?: number | undefined;
+        minProperties?: number | undefined;
+        required?: string | boolean | string[] | undefined;
+        format?: string | undefined;
+        $ref?: string | undefined;
+        $namespace?: string | undefined;
+        definitions?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+        properties?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+        items?: import("@formily/vue").SchemaItems<any, any, any, any, any, any, any, any> | undefined;
+        additionalItems?: import("@formily/vue").Stringify<any> | undefined;
+        patternProperties?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+        additionalProperties?: import("@formily/vue").Stringify<any> | undefined;
+        "x-value"?: any;
+        "x-index"?: number | undefined;
+        "x-pattern"?: any;
+        "x-display"?: any;
+        "x-validator"?: any;
+        "x-decorator"?: any;
+        "x-decorator-props"?: any;
+        "x-component"?: any;
+        "x-component-props"?: any;
+        "x-reactions"?: import("@formily/vue").SchemaReactions<any> | undefined;
+        "x-content"?: any;
+        "x-data"?: any;
+        "x-visible"?: boolean | undefined;
+        "x-hidden"?: boolean | undefined;
+        "x-disabled"?: boolean | undefined;
+        "x-editable"?: boolean | undefined;
+        "x-read-only"?: boolean | undefined;
+        "x-read-pretty"?: boolean | undefined;
+        "x-compile-omitted"?: string[] | undefined;
+    }>[];
     parsedSchema: import("vue").ComputedRef<import("@formily/vue").Stringify<{
         [key: symbol]: any;
         [key: `x-${string}`]: any;
@@ -675,6 +744,7 @@ declare const _default: import("vue").DefineComponent<{
         "x-read-pretty"?: boolean | undefined;
         "x-compile-omitted"?: string[] | undefined;
     }>>;
+    startIncrementalRender: () => void;
     onKeydown: (event: KeyboardEvent) => Promise<void>;
     clearSpan: (uuid: string) => void;
     exposeEvent: Omit<FormRenderExpose, "getFieldList" | "formModel" | "reload">;
@@ -737,7 +807,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly displayDirective: "if" | "show" | "show:lazy";
     }>;
     NTabs: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange")[], "scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange" | "ready")[], "scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange" | "ready", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     fieldList: {
         type: PropType<FieldItem[]>;
     };
@@ -927,12 +997,17 @@ declare const _default: import("vue").DefineComponent<{
         type: (BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
+    incrementalRender: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onFormChange?: ((...args: any[]) => any) | undefined;
     onScroll?: ((...args: any[]) => any) | undefined;
     onAnnotationChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
     onLinebarChange?: ((...args: any[]) => any) | undefined;
+    onReady?: ((...args: any[]) => any) | undefined;
 }, {
     anchor: boolean;
     maxHeight: string | number;
@@ -957,5 +1032,6 @@ declare const _default: import("vue").DefineComponent<{
     linebarTextDirection: "horizontal" | "vertical";
     autoWidth: number | boolean;
     operationalFormInit: boolean;
+    incrementalRender: boolean;
 }>;
 export default _default;

package/es/components/form-render/src/FormRender.vue2.js

@@ -1 +1 @@
-import{defineComponent as e,ref as o,provide as t,computed as r,onUnmounted as a,openBlock as s,createBlock as i,unref as l,mergeProps as n,withCtx as m,createElementBlock as d,createVNode as p,isRef as u,Fragment as c,renderList as f,createCommentVNode as h,createElementVNode as y,normalizeStyle as g,toDisplayString as b,renderSlot as j}from"vue";import{useTheme as v}from"../../../shared/hooks/useTheme.js";import{useElementSize as k}from"@vueuse/core";import"date-fns";import{isNumber as F,cloneDeep as C}from"lodash-es";import"@vue/shared";import"../../../shared/utils/index.js";import"@vueuse/shared";import"../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import{NForm as S,NTabs as w,NTabPane as H,NConfigProvider as x}from"naive-ui";import{useVersion as A}from"../../../shared/hooks/useVersion.js";import{createForm as B,onFormMount as L,onFieldValueChange as R,onFieldMount as O,onFieldUnmount as V,onFieldReact as I}from"@formily/core";import{Path as _}from"@formily/path";import{FormProvider as D,FormConsumer as N}from"@formily/vue";import{InjectionFormColumnWidth as T,InjectionFormLifeCycleCaller as W,InjectionFormGraph as U}from"./constants/index.js";import{createObjSchema as q}from"./utils/schema.js";import{useAnchor as E}from"./hooks/useAnchor.js";import{useAutoHidden as G}from"./hooks/useAutoHidden.js";import"../index.js";import{useComplexOptionsSpan as M}from"./hooks/useComplexOptions.js";import{useFieldListAdaptor as K}from"./hooks/useFieldListAdaptor.js";import"../../../shared/utils/tapable/SyncHook.js";import"../../../shared/utils/tapable/SyncBailHook.js";import"../../../shared/utils/tapable/SyncWaterfallHook.js";import"../../../shared/utils/tapable/SyncLoopHook.js";import"../../../shared/utils/tapable/AsyncParallelHook.js";import"../../../shared/utils/tapable/AsyncParallelBailHook.js";import"../../../shared/utils/tapable/AsyncSeriesHook.js";import"../../../shared/utils/tapable/AsyncSeriesBailHook.js";import"../../../shared/utils/tapable/AsyncSeriesLoopHook.js";import"../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js";import{useFieldVisitor as P}from"./hooks/useFieldVisitor.js";import{useFormContext as z}from"./hooks/useFormContext.js";import{useFormDomEvent as J,useFormExposeEvent as $}from"./hooks/useFormEvent.js";import{useFormGraph as Q}from"./hooks/useFormGraph.js";import{useFormRenderLifeCycle as X}from"./hooks/useFormRenderLifeCycle.js";import{validateMessageLocale as Y}from"./hooks/useFormValidator.js";import{useLowCodeEvent as Z}from"./hooks/useLowCodeEvent.js";import{useLowCodeReactions as ee}from"./hooks/useLowCodeReactions.js";import{useNuiThemeOverrides as oe}from"./hooks/useNuiThemeOverrides.js";import{useOperationalForm as te}from"./hooks/useOperationalForm.js";import{useWordbookSetting as re}from"./hooks/useWordbookSetting.js";import{useNewLowCodeReactions as ae}from"./hooks/useNewLowCodeReactions.js";const se={key:0,style:{height:"54px"}},ie={style:{"white-space":"pre"}};var le=e({__name:"FormRender",props:{fieldList:{type:Array},initialData:{type:Object,default:()=>({})},fieldVisitor:{type:Object},column:{type:Number,default:24},maxHeight:{type:[Number,String],default:""},anchor:{type:Boolean,default:!1},parallelism:{type:Number,default:3},businessFormatter:{type:Function},schema:{type:Object},components:{type:Object,default:()=>({})},scope:{type:Object,default:()=>({})},annotation:{type:Object},annotationShortcuts:{type:Array},consumer:{type:Boolean,default:!1},uuid:{type:String},lifeCycle:{type:Object},requestInstance:{type:Object},enterToNextWidget:{type:[Boolean,Function],default:!0},autoExpand:Boolean,lowCodeReactions:{type:Array},newLowCodeReactions:{type:Array},operationalForm:{type:Array},dateOperationalForm:{type:Object},operationalFormInit:{type:Boolean,default:!0},linebarAutoHidden:{type:Boolean},bordered:{type:[Boolean,String],default:!0},labelPlacementOverwrite:Boolean,outBordered:{type:Boolean,default:!1},uniqueCacheData:{type:Boolean,default:!1},forceClearable:Boolean,wordSplitFilter:{type:Boolean,default:!0},selectMode:Boolean,selectedFields:{type:Array},linebarDirection:{type:String,default:"vertical"},linebarTextDirection:{type:String,default:"horizontal"},linebarWidth:{type:[Number,String],default:120},autoWidth:{type:[Boolean,Number],default:!1}},emits:["formChange","annotationChange","scroll","update:selectedFields","linebarChange"],setup(e,{expose:le,emit:ne}){const me=e,de=v(),{nuiThemeOverrides:pe}=oe();Y();const ue=o(),{width:ce}=k(ue);t(T,r((()=>ce.value?(ce.value-16*(me.column-1))/24:0)));const fe=r((()=>F(me.maxHeight)?me.maxHeight+"px":me.maxHeight)),{SchemaField:he,businessCollector:ye,formItemDepsCollector:ge,changeContextCollector:be,formUUID:je}=z(me,ne),{anchorBarRef:ve,currentAnchor:ke,updateAnchorList:Fe,anchorIdList:Ce,onScroll:Se}=E(me,ne,ue,ge),{callLifeCycle:we}=X(me);t(W,we),we("onSetup");const{trigger:He}=G(),{observeFormGraph:xe,setGraph:Ae,removeGraph:Be}=Q();t(U,xe);const{lowCodeEventTrigger:Le}=Z(),Re=B({initialValues:me.initialData,effects(e){const o={};L((()=>{Object.assign(o,C(e.values))})),R("*",(t=>{const r=_.getIn(o,t.path);_.setIn(o,t.path,t.value);const a=t.props.name.toString();ye.trigger(e,a),ge.trigger(t.path),ne("formChange",{fieldInstance:t,fieldKey:a,oldValue:r,fieldName:t.title,value:t.value,context:be.getContext(a,t.value)}),Le(t),Oe(a),Ve(a),Ie.trigger(a),_e.trigger(a,t.value)})),O("*",Ae),O("*",(e=>{const o=e.props.name.toString();Oe(o),Ve(o),me.operationalFormInit&&Ie.trigger(o)})),V("*",Be),I("*",(e=>He(e,me.linebarAutoHidden))),L((e=>e.query("*").forEach((e=>He(e,me.linebarAutoHidden))))),me.anchor&&I("*",Fe)}}),{lowCodeReactionsHandler:Oe}=ee(r((()=>me.lowCodeReactions)),Re),{newLowCodeReactionsHandler:Ve}=ae(r((()=>me.newLowCodeReactions)),Re),Ie=te(me,Re),_e=re().create(Re,be),{schemaAdaptor:De}=K(ye,me.lifeCycle);let Ne=me.fieldList||[];const Te=r((()=>me.schema?me.schema:me.fieldList?(Ne=P().traverse(C(me.fieldList),me.fieldVisitor),q(De(Ne,me))):q({}))),{onKeydown:We}=J({formModel:Re,formRenderRef:ue,props:me,formUUID:je}),{clearSpan:Ue}=M();a((()=>Ue(je)));const qe=$({formModel:Re,formRenderRef:ue,formItemDepsCollector:ge,businessCollector:ye,wordbookSettingHandler:_e,operationalFormHandler:Ie,getFieldList:()=>Ne,formUUID:je,changeContextCollector:be});return le({formModel:Re,validate:(e="*",o={})=>qe.validate(e,o),getFormValues:(e=!0)=>qe.getFormValues(e),setFormValues:async(e,o={})=>qe.setFormValues(e,o),setFieldState(e,o){qe.setFieldState(e,o)},resetFields(e="*"){qe.resetFields(e)},queryWidget:async e=>qe.queryWidget(e),getFieldList:()=>Ne,applySelectedSetting:e=>qe.applySelectedSetting(e),async reload(){console.error("reload function is abstract,it should be overwrite!")},getTextFormValues:()=>qe.getTextFormValues()}),(o,t)=>(s(),i(l(S),n({class:["form-render",{"form-render--out-border":e.outBordered}],"require-mark-placement":"left",style:l(de)},l(A)(),{uuid:l(je)}),{default:m((()=>[e.anchor?(s(),d("section",se,[p(l(w),{value:l(ke),"onUpdate:value":t[0]||(t[0]=e=>u(ke)?ke.value=e:null),type:"line",ref_key:"anchorBarRef",ref:ve},{default:m((()=>[(s(!0),d(c,null,f(l(Ce),(e=>(s(),i(l(H),{name:e.name,tab:e.title,key:e.name},null,8,["name","tab"])))),128))])),_:1},8,["value"])])):h("v-if",!0),p(l(x),{"theme-overrides":l(pe)},{default:m((()=>[y("section",{class:"form-render__wrapper",style:g({"--column":e.column,"--form-height":l(fe)}),ref_key:"formRenderRef",ref:ue,onScroll:t[1]||(t[1]=(...e)=>l(Se)&&l(Se)(...e)),onKeydownCapture:t[2]||(t[2]=(...e)=>l(We)&&l(We)(...e))},[p(l(D),{form:l(Re)},{default:m((()=>[p(l(he),{schema:l(Te)},null,8,["schema"]),e.consumer?(s(),i(l(N),{key:0},{default:m((({form:e})=>[y("div",ie,b(JSON.stringify(e.values,null,2)),1)])),_:1})):h("v-if",!0),j(o.$slots,"default")])),_:3},8,["form"])],36)])),_:3},8,["theme-overrides"])])),_:3},16,["class","style","uuid"]))}});export{le as default};
+import{defineComponent as e,ref as o,provide as t,computed as r,nextTick as a,onUnmounted as s,openBlock as i,createBlock as l,unref as n,mergeProps as m,withCtx as d,createElementBlock as p,createVNode as u,isRef as c,Fragment as f,renderList as h,createCommentVNode as y,createElementVNode as g,normalizeStyle as b,toDisplayString as j,renderSlot as v}from"vue";import{useTheme as k}from"../../../shared/hooks/useTheme.js";import{useElementSize as F}from"@vueuse/core";import"date-fns";import{isNumber as C,cloneDeep as S}from"lodash-es";import"@vue/shared";import"../../../shared/utils/index.js";import"@vueuse/shared";import"../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import{NForm as x,NTabs as w,NTabPane as H,NConfigProvider as A}from"naive-ui";import{useVersion as B}from"../../../shared/hooks/useVersion.js";import{createForm as R,onFormMount as L,onFieldValueChange as O,onFieldMount as I,onFieldUnmount as V,onFieldReact as N}from"@formily/core";import{Path as _}from"@formily/path";import{FormProvider as D,FormConsumer as T}from"@formily/vue";import{InjectionFormColumnWidth as E,InjectionFormLifeCycleCaller as W,InjectionFormGraph as q}from"./constants/index.js";import{createObjSchema as U}from"./utils/schema.js";import{useAnchor as G}from"./hooks/useAnchor.js";import{useAutoHidden as M}from"./hooks/useAutoHidden.js";import"../index.js";import{useComplexOptionsSpan as K}from"./hooks/useComplexOptions.js";import{useFieldListAdaptor as P}from"./hooks/useFieldListAdaptor.js";import"../../../shared/utils/tapable/SyncHook.js";import"../../../shared/utils/tapable/SyncBailHook.js";import"../../../shared/utils/tapable/SyncWaterfallHook.js";import"../../../shared/utils/tapable/SyncLoopHook.js";import"../../../shared/utils/tapable/AsyncParallelHook.js";import"../../../shared/utils/tapable/AsyncParallelBailHook.js";import"../../../shared/utils/tapable/AsyncSeriesHook.js";import"../../../shared/utils/tapable/AsyncSeriesBailHook.js";import"../../../shared/utils/tapable/AsyncSeriesLoopHook.js";import"../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js";import{useFieldVisitor as z}from"./hooks/useFieldVisitor.js";import{useFormContext as J}from"./hooks/useFormContext.js";import{useFormDomEvent as $,useFormExposeEvent as Q}from"./hooks/useFormEvent.js";import{useFormGraph as X}from"./hooks/useFormGraph.js";import{useFormRenderLifeCycle as Y}from"./hooks/useFormRenderLifeCycle.js";import{validateMessageLocale as Z}from"./hooks/useFormValidator.js";import{useLowCodeEvent as ee}from"./hooks/useLowCodeEvent.js";import{useLowCodeReactions as oe}from"./hooks/useLowCodeReactions.js";import{useNuiThemeOverrides as te}from"./hooks/useNuiThemeOverrides.js";import{useOperationalForm as re}from"./hooks/useOperationalForm.js";import{useWordbookSetting as ae}from"./hooks/useWordbookSetting.js";import{useNewLowCodeReactions as se}from"./hooks/useNewLowCodeReactions.js";const ie={key:0,style:{height:"54px"}},le={style:{"white-space":"pre"}};var ne=e({__name:"FormRender",props:{fieldList:{type:Array},initialData:{type:Object,default:()=>({})},fieldVisitor:{type:Object},column:{type:Number,default:24},maxHeight:{type:[Number,String],default:""},anchor:{type:Boolean,default:!1},parallelism:{type:Number,default:3},businessFormatter:{type:Function},schema:{type:Object},components:{type:Object,default:()=>({})},scope:{type:Object,default:()=>({})},annotation:{type:Object},annotationShortcuts:{type:Array},consumer:{type:Boolean,default:!1},uuid:{type:String},lifeCycle:{type:Object},requestInstance:{type:Object},enterToNextWidget:{type:[Boolean,Function],default:!0},autoExpand:Boolean,lowCodeReactions:{type:Array},newLowCodeReactions:{type:Array},operationalForm:{type:Array},dateOperationalForm:{type:Object},operationalFormInit:{type:Boolean,default:!0},linebarAutoHidden:{type:Boolean},bordered:{type:[Boolean,String],default:!0},labelPlacementOverwrite:Boolean,outBordered:{type:Boolean,default:!1},uniqueCacheData:{type:Boolean,default:!1},forceClearable:Boolean,wordSplitFilter:{type:Boolean,default:!0},selectMode:Boolean,selectedFields:{type:Array},linebarDirection:{type:String,default:"vertical"},linebarTextDirection:{type:String,default:"horizontal"},linebarWidth:{type:[Number,String],default:120},autoWidth:{type:[Boolean,Number],default:!1},incrementalRender:{type:Boolean,default:!1}},emits:["formChange","annotationChange","scroll","update:selectedFields","linebarChange","ready"],setup(e,{expose:ne,emit:me}){const de=e,pe=k(),{nuiThemeOverrides:ue}=te();Z();const ce=o(),{width:fe}=F(ce);t(E,r((()=>fe.value?(fe.value-16*(de.column-1))/24:0)));const he=r((()=>C(de.maxHeight)?de.maxHeight+"px":de.maxHeight)),{SchemaField:ye,businessCollector:ge,formItemDepsCollector:be,changeContextCollector:je,formUUID:ve}=J(de,me),{anchorBarRef:ke,currentAnchor:Fe,updateAnchorList:Ce,anchorIdList:Se,onScroll:xe}=G(de,me,ce,be),{callLifeCycle:we}=Y(de);t(W,we),we("onSetup");const{trigger:He}=M(),{observeFormGraph:Ae,setGraph:Be,removeGraph:Re}=X();t(q,Ae);const{lowCodeEventTrigger:Le}=ee(),Oe=o(!0);let Ie=!de.incrementalRender;const Ve=R({initialValues:de.initialData,effects(e){const o={};L((()=>{Object.assign(o,S(e.values))})),O("*",(t=>{const r=_.getIn(o,t.path);_.setIn(o,t.path,t.value);const a=t.props.name.toString();ge.trigger(e,a),be.trigger(t.path),Oe.value&&me("formChange",{fieldInstance:t,fieldKey:a,oldValue:r,fieldName:t.title,value:t.value,context:je.getContext(a,t.value)}),Le(t),Ne(a),_e(a),De.trigger(a),Te.trigger(a,t.value)})),I("*",Be),I("*",(e=>{const o=e.props.name.toString();Ne(o),_e(o),de.operationalFormInit&&De.trigger(o)})),V("*",Re),N("*",(e=>Ie&&He(e,de.linebarAutoHidden))),L((e=>e.query("*").forEach((e=>He(e,de.linebarAutoHidden))))),de.anchor&&N("*",Ce)}}),{lowCodeReactionsHandler:Ne}=oe(r((()=>de.lowCodeReactions)),Ve),{newLowCodeReactionsHandler:_e}=se(r((()=>de.newLowCodeReactions)),Ve),De=re(de,Ve),Te=ae().create(Ve,je),{schemaAdaptor:Ee}=P(ge,de.lifeCycle);let We=de.fieldList||[],qe=[];const Ue=r((()=>{let e=!1;const o=de.schema?de.schema:de.fieldList?(We!==de.fieldList&&0!==We.length||(e=!0),We=z().traverse(S(de.fieldList),de.fieldVisitor),U(Ee(We,de))):U({});return de.incrementalRender&&e&&(qe=[],Object.values(o.properties).forEach((e=>{var o;"visible"===e["x-display"]&&"LINEBAR"===e["x-component"]&&!1!==(null==(o=e["x-component-props"])?void 0:o.show)&&(qe.push(e),e["x-component-props"].show=!1)})),Ge()),o}));function Ge(){qe.length&&setTimeout((()=>{const e=qe.shift();e&&(be.trigger(_.parse(e.name),!0),qe.length?Ge():a().then((()=>{me("ready"),Ie=!0,de.linebarAutoHidden&&Ve.query("*").forEach((e=>He(e,de.linebarAutoHidden)))})))}),300)}const{onKeydown:Me}=$({formModel:Ve,formRenderRef:ce,props:de,formUUID:ve}),{clearSpan:Ke}=K();s((()=>Ke(ve)));const Pe=Q({formModel:Ve,formRenderRef:ce,formItemDepsCollector:be,businessCollector:ge,wordbookSettingHandler:Te,operationalFormHandler:De,getFieldList:()=>We,formUUID:ve,changeContextCollector:je,emitFormChange:Oe});return ne({formModel:Ve,validate:(e="*",o={})=>Pe.validate(e,o),getFormValues:(e=!0)=>Pe.getFormValues(e),setFormValues:async(e,o={})=>Pe.setFormValues(e,o),setFieldState(e,o){Pe.setFieldState(e,o)},resetFields(e="*"){Pe.resetFields(e)},queryWidget:async e=>Pe.queryWidget(e),getFieldList:()=>We,applySelectedSetting:e=>Pe.applySelectedSetting(e),async reload(){console.error("reload function is abstract,it should be overwrite!")},getTextFormValues:()=>Pe.getTextFormValues()}),(o,t)=>(i(),l(n(x),m({class:["form-render",{"form-render--out-border":e.outBordered}],"require-mark-placement":"left",style:n(pe)},n(B)(),{uuid:n(ve)}),{default:d((()=>[e.anchor?(i(),p("section",ie,[u(n(w),{value:n(Fe),"onUpdate:value":t[0]||(t[0]=e=>c(Fe)?Fe.value=e:null),type:"line",ref_key:"anchorBarRef",ref:ke},{default:d((()=>[(i(!0),p(f,null,h(n(Se),(e=>(i(),l(n(H),{name:e.name,tab:e.title,key:e.name},null,8,["name","tab"])))),128))])),_:1},8,["value"])])):y("v-if",!0),u(n(A),{"theme-overrides":n(ue)},{default:d((()=>[g("section",{class:"form-render__wrapper",style:b({"--column":e.column,"--form-height":n(he)}),ref_key:"formRenderRef",ref:ce,onScroll:t[1]||(t[1]=(...e)=>n(xe)&&n(xe)(...e)),onKeydownCapture:t[2]||(t[2]=(...e)=>n(Me)&&n(Me)(...e))},[u(n(D),{form:n(Ve)},{default:d((()=>[u(n(ye),{schema:n(Ue)},null,8,["schema"]),e.consumer?(i(),l(n(T),{key:0},{default:d((({form:e})=>[g("div",le,j(JSON.stringify(e.values,null,2)),1)])),_:1})):y("v-if",!0),v(o.$slots,"default")])),_:3},8,["form"])],36)])),_:3},8,["theme-overrides"])])),_:3},16,["class","style","uuid"]))}});export{ne as default};