cnhis-design-vue 3.2.5-release.1 → 3.2.5-release.3

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};

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

@@ -196,6 +196,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: {
@@ -387,14 +391,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>;
@@ -423,6 +432,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<{
@@ -449,6 +459,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;
         }>;
@@ -621,6 +633,63 @@ declare const _default: import("vue").DefineComponent<{}, {
             "x-compile-omitted"?: string[] | undefined;
         }>>;
         _fieldList: import("../../../components/form-render").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;
@@ -678,6 +747,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">;
@@ -740,7 +810,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: import("vue").PropType<import("../../../components/form-render").FieldItem[]>;
         };
@@ -930,12 +1000,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;
@@ -960,6 +1035,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<{}>>, {}>;
 export default _default;

package/es/components/form-render/src/hooks/useAnchor.d.ts

@@ -8,6 +8,7 @@ export declare function useAnchor(props: Readonly<FormRenderProps>, emit: AnyFn,
     anchorIdList: Ref<{
         name: string;
         title: string;
+        index: number;
     }[]>;
     generateAnchorList: (formModel: Form) => Promise<void>;
     updateAnchorList: (field: GeneralField) => void;

package/es/components/form-render/src/hooks/useAnchor.js

@@ -1 +1 @@
-import{doAnimation as e}from"../../../../shared/utils/anime.js";import{Path as o}from"@formily/path";import{useDebounceFn as t,watchOnce as r}from"@vueuse/core";import{ref as n,computed as l,nextTick as i}from"vue";import"../../../../shared/utils/index.js";import"@formily/core";import"@vicons/ionicons5";import"@vue/shared";import"lodash-es";import"naive-ui";import"date-fns";import{createLinebarId as a}from"../utils/schema.js";function s(s,u,c,m){const v=n(),p=n(""),f=n([]),d=async function(e){var o;f.value=Object.values(e.fields).reduce(((e,o)=>{var t,r;return"LINEBAR"===o.componentType&&"visible"===o.selfDisplay&&e.push({title:null!=(r=null==(t=o.componentProps)?void 0:t.title)?r:o.title,name:o.address.toString()}),e}),[]),await i(),null==(o=v.value)||o.syncBarPosition()};let h=!1;async function y(t){h=!0;try{if(!c.value)return;m.trigger(o.parse(t),!0),await i();const r=c.value.querySelector(`#${a(t)}`);if(!r)return;await new Promise((o=>{e(c.value.scrollTop,r.offsetTop,300,(e=>{var o;null==(o=c.value)||o.scrollTo({top:e})}),"easeInSine",(()=>setTimeout(o,300)))}))}finally{h=!1}}const T=t((function(e){var o;if(h||!c.value)return;const{scrollTop:t,clientHeight:r}=c.value,n=f.value.find(((e,o,n)=>{const l=n[o+1];if(!l)return!0;const i=c.value.querySelector(`#${a(l.name)}`);return i?i.offsetTop>t+r/2:void 0}))||f.value[f.value.length-1];p.value=null!=(o=null==n?void 0:n.name)?o:"",u("scroll",e)}),300);r(f,(e=>{var o,t;p.value=null!=(t=null==(o=e[0])?void 0:o.name)?t:""}));return{currentAnchor:l({get:()=>p.value,async set(e){p.value=e,await new Promise((e=>setTimeout(e,100))),await y(e)}}),onScroll:T,anchorIdList:f,generateAnchorList:d,updateAnchorList:function(e){"LINEBAR"===e.componentType&&e.selfDisplay&&d(e.form)},scrollTo:y,anchorBarRef:v}}export{s as useAnchor};
+import{doAnimation as e}from"../../../../shared/utils/anime.js";import{Path as o}from"@formily/path";import{useDebounceFn as r,watchOnce as t}from"@vueuse/core";import{ref as n,nextTick as i,computed as l}from"vue";import"../../../../shared/utils/index.js";import"@formily/core";import"@vicons/ionicons5";import"@vue/shared";import"lodash-es";import"naive-ui";import"date-fns";import{createLinebarId as a}from"../utils/schema.js";function s(s,u,c,m){const v=n(),p=n(""),f=n([]),d=r((async function(e){var o;f.value=Object.values(e.fields).reduce(((e,o)=>{var r,t,n,i;return"LINEBAR"===o.componentType&&"visible"===o.selfDisplay&&e.push({title:null!=(t=null==(r=o.componentProps)?void 0:r.title)?t:o.title,name:o.address.toString(),index:null!=(i=null==(n=o.decoratorProps)?void 0:n._index)?i:0}),e}),[]).sort(((e,o)=>e.index-o.index)),await i(),null==(o=v.value)||o.syncBarPosition()}),100);let h=!1;async function y(r){h=!0;try{if(!c.value)return;m.trigger(o.parse(r),!0),await i();const t=c.value.querySelector(`#${a(r)}`);if(!t)return;await new Promise((o=>{e(c.value.scrollTop,t.offsetTop,300,(e=>{var o;null==(o=c.value)||o.scrollTo({top:e})}),"easeInSine",(()=>setTimeout(o,300)))}))}finally{h=!1}}const T=r((function(e){var o;if(h||!c.value)return;const{scrollTop:r,clientHeight:t}=c.value,n=f.value.find(((e,o,n)=>{const i=n[o+1];if(!i)return!0;const l=c.value.querySelector(`#${a(i.name)}`);return l?l.offsetTop>r+t/2:void 0}))||f.value[f.value.length-1];p.value=null!=(o=null==n?void 0:n.name)?o:"",u("scroll",e)}),300);t(f,(e=>{var o,r;p.value=null!=(r=null==(o=e[0])?void 0:o.name)?r:""}));return{currentAnchor:l({get:()=>p.value,async set(e){p.value=e,await new Promise((e=>setTimeout(e,100))),await y(e)}}),onScroll:T,anchorIdList:f,generateAnchorList:d,updateAnchorList:function(e){"LINEBAR"===e.componentType&&e.selfDisplay&&d(e.form)},scrollTo:y,anchorBarRef:v}}export{s as useAnchor};

package/es/components/form-render/src/hooks/useFieldListAdaptor.js

@@ -1 +1 @@
-import{arrayed as e,deepOmit as o}from"../../../../shared/utils/index.js";import{cloneDeep as t,pick as n}from"lodash-es";import"../../index.js";import{parseNumberFromMaybeString as i,formRenderLog as r}from"../utils/index.js";import{useFieldNormalize as l}from"./useFieldNormalize.js";import{fieldKeyEscape as s,createLinebarId as a}from"../utils/schema.js";import{useFormValidator as p}from"./useFormValidator.js";import{transformDateFormat as c}from"../utils/business.js";function d(e,o){Object.assign(e["x-component-props"],{...n(o,["wordbook","autograph"])})}function m(e,o){Object.assign(e["x-component-props"],{...n(o,["urlConfig","wordbook"])})}function u(e){return"1"===e||!0===e}function f(f,_){const{createValidatorSchema:x}=p(),h=e=>{var o;const t={name:e.val_key,type:null!=(o=e.fieldType)?o:"string",title:e.alias||e.name,"x-component":e.html_type,default:e.default_val,"x-component-props":{placeholder:e.placeholder,clearable:"0"===e.is_empty,...e.componentProps||{}},"x-content":e.slots,"x-display":"0"===e.is_show?"hidden":"visible","x-pattern":"0"===e.is_edit?"disabled":"editable","x-compile-omitted":["title","x-component-props","x-decorator-props"]};e.reactions&&(t["x-reactions"]=e.reactions),e.noDecorator||Object.assign(t,{"x-decorator":"FORM_ITEM","x-decorator-props":{fieldItem:e,beforeSetValue:null==_?void 0:_.beforeSetValue,span:2*(e.elem_width||3),showLabel:"1"!==e.hide_title,remark:e.remark,propertyKey:e.val_key,annotation:e.annotation,...e.decoratorProps||{}}});const n=x(e);return n&&(t["x-validator"]=n),"0"===e.is_null&&(t.required=!0),t},b=e=>{var o,t,r,l,s,a,p,c,f,_,x,b,g,v;const y=h(e);e.urlConfig?m(y,e):e.autograph&&d(y,e);const w=!!e.__multiple,C=u(null!=(t=null==(o=e.componentProps)?void 0:o.allowModify)?t:e.allowModify),O=u(null!=(l=null==(r=e.componentProps)?void 0:r.selectAll)?l:e.selectAll),A=u(null!=(a=null==(s=e.componentProps)?void 0:s.shouldSave)?a:e.save_free_entry),E=u(null!=(c=null==(p=e.componentProps)?void 0:p.allowCreate)?c:e.free_entry),j=null!=(_=null==(f=e.componentProps)?void 0:f.showField)?_:e.show_key,k=null!=(b=null==(x=e.componentProps)?void 0:x.options)?b:e.option,N=null!=(v=i(e.multi_select_value))?v:null==(g=e.componentProps)?void 0:g.maxTagCount;return Object.assign(y["x-component-props"],{multiple:w,options:k,allowModify:C,allowCreate:E||C,shouldSave:A,showField:j,maxTagCount:N,selectAll:O,...n(e,["lazyRequest","requestCache"])}),w&&(y.type="array"),y},g=e=>{var o,t;const n=h(e),i=null!=(t=null==(o=e.componentProps)?void 0:o.selectAll)?t:e.selectAll;return Object.assign(n["x-component-props"],{options:e.option,childFieldStrategy:e.childFieldStrategy,childWidthMode:e.childWidthMode,vertical:e.__vertical,selectAll:"1"===i||!0===i}),e.urlConfig?m(n,e):e.autograph&&d(n,e),n},v=e=>{const t=h(e);return Object.assign(t["x-component-props"],{fieldItem:o(e,["reactions"])}),t},y=e=>({name:e.val_key,type:"void",title:e.alias||e.name,"x-component":"LINEBAR","x-display":"visible","x-component-props":{linebarTextDirection:e.linebarTextDirection,linebarDirection:e.linebarDirection,linebarWidth:e.linebarWidth,disabled:"1"===e.is_not_fold,id:a(e.val_key),show:"0"!==e.is_show,remark:e.remark},"x-content":e.slots}),w=new Map([["LINEBAR",y],["LINE_BREAKS",e=>({name:e.val_key,type:"void",title:e.alias||e.name,"x-component":"LINE_BREAKS","x-component-props":{border:e.lineBreaksBorder},"x-display":"0"===e.is_show?"hidden":"visible"})],["INPUT",e=>{const o=h(e);return Object.assign(o["x-component-props"],{...n(e,["prefix","suffix"])}),o}],["TEXTAREA",e=>{const o=h(e);return Object.assign(o["x-component-props"],{rows:e.initialize_high||3}),o}],["INPUT_NUMBER",e=>{const o=h(e),{decimal_length:t,validate:n,allowSlash:r}=e;return!0!==r&&"1"!==r||(o["x-component"]="INPUT_NUMBER_SLASH",o.type="string"),Object.assign(o["x-component-props"],{precision:i(null!=t?t:null==n?void 0:n.decimal_length),whiteList:e.whiteList,prefix:e.prefix,suffix:e.suffix}),o}],["SELECT",b],["REMOTE_SEARCH",b],["DATE",e=>{const o=h(e);return Object.assign(o["x-component-props"],{valueFormat:e.date_format,type:c(e.date_format),validate:e.validate}),o}],["TIME",e=>{const o=h(e);return Object.assign(o["x-component-props"],{format:e.date_format,type:c(e.date_format),validate:e.validate}),o}],["LEVEL_SEARCH_CASCADER",e=>{const o=h(e);return Object.assign(o["x-component-props"],{...n(e,["wordbook","lazyRequest","autograph"])}),"1"===e.is_allow_check_mid&&e.allow_check_mid_level&&(o["x-component-props"].checkAbleLevel=+e.allow_check_mid_level),o}],["SEARCH_CASCADER",e=>{var o;const t=h(e);return Object.assign(t["x-component-props"],{urlConfig:e.urlConfig,depth:null==(o=e.wordbook)?void 0:o.level_num,options:e.option}),t}],["COMBINATION",e=>{const o=h(e);return o.type="array","table"===e.displayMode?o["x-component"]="TABLE_COMBINATION":!1!==e.jsonCombination&&(o["x-component"]="JSON_COMBINATION"),Object.assign(o["x-decorator-props"],{showLabel:!1,showFeedback:!1}),Object.assign(o["x-component-props"],{title:e.alias||e.name,maxGroupNum:e.maxGroupNum,minGroupNum:e.minGroupNum,showLabel:"1"!==e.hide_title,properties:e.children||[],combinationItemDeletable:e.combinationItemDeletable}),o}],["RADIO",g],["CHECKBOX",g],["SWITCH",e=>{const o=h(e);return Object.assign(o["x-component-props"],{openDescription:e.open,closeDescription:e.close,showMode:e.show_mode}),o}],["SLIDER",e=>{const o=h(e);return Object.assign(o["x-component-props"],{step:i(e.step_length),max:i(e.max_length),min:i(e.min_length),option:e.option}),o}],["COMPLEX",e=>{const o=h(e);Array.isArray(e.properties)&&r("COMPLEX控件的properties属性已经废弃, 请使用children作为替代, 在之后的版本中properties属性将不再支持");const t=Array.isArray(e.properties||e.children)?j(e.properties||e.children):{};return o.type=e.fieldType||"void",o.properties=t,Object.assign(o["x-decorator-props"],{showFeedback:!1}),Object.assign(o["x-component-props"],n(e,["wrapperStyle","display"])),o}]]),C=e=>{if(e.suffixConfig)return O(e);return(w.get(e.html_type)||v)(e)},O=o=>{if(!o.suffixConfig&&!o.prefixConfig)return C(o);const t=o.suffixConfig?e(o.suffixConfig):[],n=[...(o.prefixConfig?e(o.prefixConfig):[]).map((e=>({elem_width:o.elem_width,...e,hide_title:"1",is_show:"1"}))),{...o,is_show:"1",hide_title:"1",suffixConfig:void 0,prefixConfig:void 0},...t.map((e=>({elem_width:o.elem_width,...e,hide_title:"1",is_show:"1"})))],i=h(o),r=n.reduce(((e,o)=>e+2*(o.elem_width||3)),0);return Object.assign(i,{type:"void",name:s(n),title:o.alias||o.name,"x-component":"INPUT_GROUP","x-component-props":{span:r},"x-decorator-props":{...i["x-decorator-props"],showFeedback:!1,suffixFields:n.map((e=>e.val_key))},properties:j(n)}),i},{FieldNormalizeWaterfallHook:A,FieldListNormalizeWaterfallHook:E}=l();function j(o,n={column:9999}){let i=null;return E.call(t(o),n).reduce(((e,o,s)=>{var a;const p=null==(a=(o=A.call(o,n)).validate)?void 0:a.obj_type;return p&&f&&f.collect(p,t(o)),"LINEBAR"===o.html_type?(e[l(o)]=r(y(o),s),i=e[l(o)].properties={}):i?i[l(o)]=r(C(o),s):(i=null,e[l(o)]=r(C(o),s)),e}),{});function r(e,o){return e["x-index"]=o,e}function l(o){return o.suffixConfig?s([o,...e(o.suffixConfig)]):o.val_key}}return{schemaAdaptor:j}}export{f as useFieldListAdaptor};
+import{arrayed as e,deepOmit as o}from"../../../../shared/utils/index.js";import{cloneDeep as t,pick as n}from"lodash-es";import"../../index.js";import{parseNumberFromMaybeString as i,formRenderLog as r}from"../utils/index.js";import{useFieldNormalize as l}from"./useFieldNormalize.js";import{fieldKeyEscape as s,createLinebarId as a}from"../utils/schema.js";import{useFormValidator as p}from"./useFormValidator.js";import{transformDateFormat as c}from"../utils/business.js";function d(e,o){Object.assign(e["x-component-props"],{...n(o,["wordbook","autograph"])})}function m(e,o){Object.assign(e["x-component-props"],{...n(o,["urlConfig","wordbook"])})}function u(e){return"1"===e||!0===e}function f(f,x){const{createValidatorSchema:_}=p(),h=e=>{var o;const t={name:e.val_key,type:null!=(o=e.fieldType)?o:"string",title:e.alias||e.name,"x-component":e.html_type,default:e.default_val,"x-component-props":{placeholder:e.placeholder,clearable:"0"===e.is_empty,...e.componentProps||{}},"x-content":e.slots,"x-display":"0"===e.is_show?"hidden":"visible","x-pattern":"0"===e.is_edit?"disabled":"editable","x-compile-omitted":["title","x-component-props","x-decorator-props"]};e.reactions&&(t["x-reactions"]=e.reactions),e.noDecorator||Object.assign(t,{"x-decorator":"FORM_ITEM","x-decorator-props":{fieldItem:e,beforeSetValue:null==x?void 0:x.beforeSetValue,span:2*(e.elem_width||3),showLabel:"1"!==e.hide_title,remark:e.remark,propertyKey:e.val_key,annotation:e.annotation,...e.decoratorProps||{}}});const n=_(e);return n&&(t["x-validator"]=n),"0"===e.is_null&&(t.required=!0),t},b=e=>{var o,t,r,l,s,a,p,c,f,x,_,b,g,v;const y=h(e);e.urlConfig?m(y,e):e.autograph&&d(y,e);const w=!!e.__multiple,C=u(null!=(t=null==(o=e.componentProps)?void 0:o.allowModify)?t:e.allowModify),O=u(null!=(l=null==(r=e.componentProps)?void 0:r.selectAll)?l:e.selectAll),A=u(null!=(a=null==(s=e.componentProps)?void 0:s.shouldSave)?a:e.save_free_entry),E=u(null!=(c=null==(p=e.componentProps)?void 0:p.allowCreate)?c:e.free_entry),j=null!=(x=null==(f=e.componentProps)?void 0:f.showField)?x:e.show_key,k=null!=(b=null==(_=e.componentProps)?void 0:_.options)?b:e.option,N=null!=(v=i(e.multi_select_value))?v:null==(g=e.componentProps)?void 0:g.maxTagCount;return Object.assign(y["x-component-props"],{multiple:w,options:k,allowModify:C,allowCreate:E||C,shouldSave:A,showField:j,maxTagCount:N,selectAll:O,...n(e,["lazyRequest","requestCache"])}),w&&(y.type="array"),y},g=e=>{var o,t;const n=h(e),i=null!=(t=null==(o=e.componentProps)?void 0:o.selectAll)?t:e.selectAll;return Object.assign(n["x-component-props"],{options:e.option,childFieldStrategy:e.childFieldStrategy,childWidthMode:e.childWidthMode,vertical:e.__vertical,selectAll:"1"===i||!0===i}),e.urlConfig?m(n,e):e.autograph&&d(n,e),n},v=e=>{const t=h(e);return Object.assign(t["x-component-props"],{fieldItem:o(e,["reactions"])}),t},y=e=>({name:e.val_key,type:"void",title:e.alias||e.name,"x-component":"LINEBAR","x-display":"visible","x-component-props":{linebarTextDirection:e.linebarTextDirection,linebarDirection:e.linebarDirection,linebarWidth:e.linebarWidth,disabled:"1"===e.is_not_fold,id:a(e.val_key),show:"0"!==e.is_show,remark:e.remark},"x-content":e.slots}),w=new Map([["LINEBAR",y],["LINE_BREAKS",e=>({name:e.val_key,type:"void",title:e.alias||e.name,"x-component":"LINE_BREAKS","x-component-props":{border:e.lineBreaksBorder},"x-display":"0"===e.is_show?"hidden":"visible"})],["INPUT",e=>{const o=h(e);return Object.assign(o["x-component-props"],{...n(e,["prefix","suffix"])}),o}],["TEXTAREA",e=>{const o=h(e);return Object.assign(o["x-component-props"],{rows:e.initialize_high||3}),o}],["INPUT_NUMBER",e=>{const o=h(e),{decimal_length:t,validate:n,allowSlash:r}=e;return!0!==r&&"1"!==r||(o["x-component"]="INPUT_NUMBER_SLASH",o.type="string"),Object.assign(o["x-component-props"],{precision:i(null!=t?t:null==n?void 0:n.decimal_length),whiteList:e.whiteList,prefix:e.prefix,suffix:e.suffix}),o}],["SELECT",b],["REMOTE_SEARCH",b],["DATE",e=>{const o=h(e);return Object.assign(o["x-component-props"],{valueFormat:e.date_format,type:c(e.date_format),validate:e.validate}),o}],["TIME",e=>{const o=h(e);return Object.assign(o["x-component-props"],{format:e.date_format,type:c(e.date_format),validate:e.validate}),o}],["LEVEL_SEARCH_CASCADER",e=>{const o=h(e);return Object.assign(o["x-component-props"],{...n(e,["wordbook","lazyRequest","autograph"])}),"1"===e.is_allow_check_mid&&e.allow_check_mid_level&&(o["x-component-props"].checkAbleLevel=+e.allow_check_mid_level),o}],["SEARCH_CASCADER",e=>{var o;const t=h(e);return Object.assign(t["x-component-props"],{urlConfig:e.urlConfig,depth:null==(o=e.wordbook)?void 0:o.level_num,options:e.option}),t}],["COMBINATION",e=>{const o=h(e);return o.type="array","table"===e.displayMode?o["x-component"]="TABLE_COMBINATION":!1!==e.jsonCombination&&(o["x-component"]="JSON_COMBINATION"),Object.assign(o["x-decorator-props"],{showLabel:!1,showFeedback:!1}),Object.assign(o["x-component-props"],{title:e.alias||e.name,maxGroupNum:e.maxGroupNum,minGroupNum:e.minGroupNum,showLabel:"1"!==e.hide_title,properties:e.children||[],combinationItemDeletable:e.combinationItemDeletable}),o}],["RADIO",g],["CHECKBOX",g],["SWITCH",e=>{const o=h(e);return Object.assign(o["x-component-props"],{openDescription:e.open,closeDescription:e.close,showMode:e.show_mode}),o}],["SLIDER",e=>{const o=h(e);return Object.assign(o["x-component-props"],{step:i(e.step_length),max:i(e.max_length),min:i(e.min_length),option:e.option}),o}],["COMPLEX",e=>{const o=h(e);Array.isArray(e.properties)&&r("COMPLEX控件的properties属性已经废弃, 请使用children作为替代, 在之后的版本中properties属性将不再支持");const t=Array.isArray(e.properties||e.children)?j(e.properties||e.children):{};return o.type=e.fieldType||"void",o.properties=t,Object.assign(o["x-decorator-props"],{showFeedback:!1}),Object.assign(o["x-component-props"],n(e,["wrapperStyle","display"])),o}]]),C=e=>{if(e.suffixConfig)return O(e);return(w.get(e.html_type)||v)(e)},O=o=>{if(!o.suffixConfig&&!o.prefixConfig)return C(o);const t=o.suffixConfig?e(o.suffixConfig):[],n=[...(o.prefixConfig?e(o.prefixConfig):[]).map((e=>({elem_width:o.elem_width,...e,hide_title:"1",is_show:"1"}))),{...o,is_show:"1",hide_title:"1",suffixConfig:void 0,prefixConfig:void 0},...t.map((e=>({elem_width:o.elem_width,...e,hide_title:"1",is_show:"1"})))],i=h(o),r=n.reduce(((e,o)=>e+2*(o.elem_width||3)),0);return Object.assign(i,{type:"void",name:s(n),title:o.alias||o.name,"x-component":"INPUT_GROUP","x-component-props":{span:r},"x-decorator-props":{...i["x-decorator-props"],showFeedback:!1,suffixFields:n.map((e=>e.val_key))},properties:j(n)}),i},{FieldNormalizeWaterfallHook:A,FieldListNormalizeWaterfallHook:E}=l();function j(o,n={column:9999}){let i=null;return E.call(t(o),n).reduce(((e,o,s)=>{var a;const p=null==(a=(o=A.call(o,n)).validate)?void 0:a.obj_type;return p&&f&&f.collect(p,t(o)),"LINEBAR"===o.html_type?(e[l(o)]=r(y(o),s),i=e[l(o)].properties={}):i?i[l(o)]=r(C(o),s):(i=null,e[l(o)]=r(C(o),s)),e}),{});function r(e,o){return e["x-index"]=o,e["x-decorator-props"]={_index:o,...e["x-decorator-props"]},e}function l(o){return o.suffixConfig?s([o,...e(o.suffixConfig)]):o.val_key}}return{schemaAdaptor:j}}export{f as useFieldListAdaptor};

package/es/components/form-render/src/hooks/useFormEvent.d.ts

@@ -2,7 +2,7 @@ import { Form } from '@formily/core';
 import { Ref } from 'vue';
 import { BusinessCollector, ContextCollector, FieldItem, FormItemDepsCollector, FormRenderExpose, FormRenderProps, useOperationalForm } from '../../../../components/form-render';
 import { wordbookSettingHandler } from '../../../../components/form-render/src/hooks';
-export declare function useFormExposeEvent({ formModel, formRenderRef, formUUID, getFieldList, formItemDepsCollector, businessCollector, wordbookSettingHandler, operationalFormHandler, changeContextCollector }: {
+export declare function useFormExposeEvent({ formModel, formRenderRef, formUUID, getFieldList, formItemDepsCollector, businessCollector, wordbookSettingHandler, operationalFormHandler, changeContextCollector, emitFormChange }: {
     formModel: Form;
     formRenderRef: Ref<HTMLElement | undefined>;
     formUUID: string;
@@ -12,6 +12,7 @@ export declare function useFormExposeEvent({ formModel, formRenderRef, formUUID,
     wordbookSettingHandler: wordbookSettingHandler;
     operationalFormHandler: ReturnType<typeof useOperationalForm>;
     changeContextCollector: ContextCollector;
+    emitFormChange: Ref<boolean>;
 }): Omit<FormRenderExpose, 'formModel' | 'reload' | 'getFieldList'>;
 export declare function useFormDomEvent({ props, formRenderRef, formModel, formUUID }: {
     props: FormRenderProps;