cnhis-design-vue 3.2.2-beta.9 → 3.2.2

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

@@ -140,6 +140,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             type: import("vue").PropType<boolean | ((fieldItem: import("./src/types").FieldItem) => boolean | void)>;
             default: boolean;
         };
+        autoExpand: BooleanConstructor;
         lowCodeReactions: {
             type: import("vue").PropType<import("../../shared/types").LowCodeTypes.reactionConfig[]>;
         };
@@ -176,6 +177,10 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             type: BooleanConstructor;
             default: boolean;
         };
+        selectMode: BooleanConstructor;
+        selectedFields: {
+            type: import("vue").PropType<string[]>;
+        };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
@@ -309,6 +314,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
                 type: import("vue").PropType<boolean | ((fieldItem: import("./src/types").FieldItem) => boolean | void)>;
                 default: boolean;
             };
+            autoExpand: BooleanConstructor;
             lowCodeReactions: {
                 type: import("vue").PropType<import("../../shared/types").LowCodeTypes.reactionConfig[]>;
             };
@@ -345,12 +351,17 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            selectMode: BooleanConstructor;
+            selectedFields: {
+                type: import("vue").PropType<string[]>;
+            };
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
             onAnnotationChange?: ((...args: any[]) => any) | undefined;
+            "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
         }>>;
-        emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
+        emit: (event: "scroll" | "formChange" | "annotationChange" | "update:selectedFields", ...args: any[]) => void;
         cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
         nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
         formRenderRef: import("vue").Ref<HTMLElement | undefined>;
@@ -502,6 +513,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             businessFormatter: import("./src/types").FormBusinessFormatter;
             requestInstance: import("..").FormRequestDefine.RequestInstance;
             enterToNextWidget: boolean | ((fieldItem: import("./src/types").FieldItem) => boolean | void);
+            autoExpand: boolean;
             lowCodeReactions: import("../../shared/types").LowCodeTypes.reactionConfig[];
             linebarAutoHidden: boolean;
             bordered: string | boolean;
@@ -510,6 +522,8 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             outBordered: boolean;
             forceClearable: boolean;
             wordSplitFilter: boolean;
+            selectMode: boolean;
+            selectedFields: string[];
         }>) => Record<string, import("@formily/json-schema").Stringify<{
             [key: symbol]: any;
             [key: `x-${string}`]: any;
@@ -687,7 +701,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")[], "scroll" | "formChange" | "annotationChange", 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")[], "scroll" | "formChange" | "annotationChange" | "update:selectedFields", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         fieldList: {
             type: import("vue").PropType<import("./src/types").FieldItem[]>;
         };
@@ -819,6 +833,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             type: import("vue").PropType<boolean | ((fieldItem: import("./src/types").FieldItem) => boolean | void)>;
             default: boolean;
         };
+        autoExpand: BooleanConstructor;
         lowCodeReactions: {
             type: import("vue").PropType<import("../../shared/types").LowCodeTypes.reactionConfig[]>;
         };
@@ -855,10 +870,15 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             type: BooleanConstructor;
             default: boolean;
         };
+        selectMode: BooleanConstructor;
+        selectedFields: {
+            type: import("vue").PropType<string[]>;
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
         onScroll?: ((...args: any[]) => any) | undefined;
         onAnnotationChange?: ((...args: any[]) => any) | undefined;
+        "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
     }, {
         anchor: boolean;
         maxHeight: string | number;
@@ -869,12 +889,14 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         scope: import("../../shared/types").AnyObject;
         consumer: boolean;
         enterToNextWidget: boolean | ((fieldItem: import("./src/types").FieldItem) => boolean | void);
+        autoExpand: boolean;
         linebarAutoHidden: boolean;
         bordered: string | boolean;
         uniqueCacheData: boolean;
         outBordered: boolean;
         forceClearable: boolean;
         wordSplitFilter: boolean;
+        selectMode: boolean;
         operationalFormInit: boolean;
     }>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;

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

@@ -135,6 +135,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | ((fieldItem: FieldItem) => boolean | void)>;
         default: boolean;
     };
+    autoExpand: BooleanConstructor;
     lowCodeReactions: {
         type: PropType<LowCodeTypes.reactionConfig[]>;
     };
@@ -171,6 +172,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    selectMode: BooleanConstructor;
+    selectedFields: {
+        type: PropType<string[]>;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         fieldList: {
@@ -304,6 +309,7 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<boolean | ((fieldItem: FieldItem) => boolean | void)>;
             default: boolean;
         };
+        autoExpand: BooleanConstructor;
         lowCodeReactions: {
             type: PropType<LowCodeTypes.reactionConfig[]>;
         };
@@ -340,12 +346,17 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        selectMode: BooleanConstructor;
+        selectedFields: {
+            type: PropType<string[]>;
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
         onScroll?: ((...args: any[]) => any) | undefined;
         onAnnotationChange?: ((...args: any[]) => any) | undefined;
+        "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
     }>>;
-    emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
+    emit: (event: "scroll" | "formChange" | "annotationChange" | "update:selectedFields", ...args: any[]) => void;
     cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
     nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
     formRenderRef: import("vue").Ref<HTMLElement | undefined>;
@@ -497,6 +508,7 @@ declare const _default: import("vue").DefineComponent<{
         businessFormatter: FormBusinessFormatter;
         requestInstance: FormRequestDefine.RequestInstance;
         enterToNextWidget: boolean | ((fieldItem: FieldItem) => boolean | void);
+        autoExpand: boolean;
         lowCodeReactions: LowCodeTypes.reactionConfig[];
         linebarAutoHidden: boolean;
         bordered: string | boolean;
@@ -505,6 +517,8 @@ declare const _default: import("vue").DefineComponent<{
         outBordered: boolean;
         forceClearable: boolean;
         wordSplitFilter: boolean;
+        selectMode: boolean;
+        selectedFields: string[];
     }>) => Record<string, import("@formily/vue").Stringify<{
         [key: symbol]: any;
         [key: `x-${string}`]: any;
@@ -682,7 +696,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")[], "scroll" | "formChange" | "annotationChange", 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")[], "scroll" | "formChange" | "annotationChange" | "update:selectedFields", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     fieldList: {
         type: PropType<FieldItem[]>;
     };
@@ -814,6 +828,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | ((fieldItem: FieldItem) => boolean | void)>;
         default: boolean;
     };
+    autoExpand: BooleanConstructor;
     lowCodeReactions: {
         type: PropType<LowCodeTypes.reactionConfig[]>;
     };
@@ -850,10 +865,15 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    selectMode: BooleanConstructor;
+    selectedFields: {
+        type: PropType<string[]>;
+    };
 }>> & {
     onFormChange?: ((...args: any[]) => any) | undefined;
     onScroll?: ((...args: any[]) => any) | undefined;
     onAnnotationChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
 }, {
     anchor: boolean;
     maxHeight: string | number;
@@ -864,12 +884,14 @@ declare const _default: import("vue").DefineComponent<{
     scope: AnyObject;
     consumer: boolean;
     enterToNextWidget: boolean | ((fieldItem: FieldItem) => boolean | void);
+    autoExpand: boolean;
     linebarAutoHidden: boolean;
     bordered: string | boolean;
     uniqueCacheData: boolean;
     outBordered: boolean;
     forceClearable: boolean;
     wordSplitFilter: boolean;
+    selectMode: boolean;
     operationalFormInit: boolean;
 }>;
 export default _default;

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

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

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

@@ -138,6 +138,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: import("vue").PropType<boolean | ((fieldItem: import("../../../components/form-render").FieldItem) => boolean | void)>;
             default: boolean;
         };
+        autoExpand: BooleanConstructor;
         lowCodeReactions: {
             type: import("vue").PropType<import("../../../shared/types").LowCodeTypes.reactionConfig[]>;
         };
@@ -174,6 +175,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: BooleanConstructor;
             default: boolean;
         };
+        selectMode: BooleanConstructor;
+        selectedFields: {
+            type: import("vue").PropType<string[]>;
+        };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
@@ -307,6 +312,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: import("vue").PropType<boolean | ((fieldItem: import("../../../components/form-render").FieldItem) => boolean | void)>;
                 default: boolean;
             };
+            autoExpand: BooleanConstructor;
             lowCodeReactions: {
                 type: import("vue").PropType<import("../../../shared/types").LowCodeTypes.reactionConfig[]>;
             };
@@ -343,12 +349,17 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            selectMode: BooleanConstructor;
+            selectedFields: {
+                type: import("vue").PropType<string[]>;
+            };
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
             onAnnotationChange?: ((...args: any[]) => any) | undefined;
+            "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
         }>>;
-        emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
+        emit: (event: "scroll" | "formChange" | "annotationChange" | "update:selectedFields", ...args: any[]) => void;
         cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
         nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
         formRenderRef: import("vue").Ref<HTMLElement | undefined>;
@@ -500,6 +511,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             businessFormatter: import("../../../components/form-render").FormBusinessFormatter;
             requestInstance: import("../..").FormRequestDefine.RequestInstance;
             enterToNextWidget: boolean | ((fieldItem: import("../../../components/form-render").FieldItem) => boolean | void);
+            autoExpand: boolean;
             lowCodeReactions: import("../../../shared/types").LowCodeTypes.reactionConfig[];
             linebarAutoHidden: boolean;
             bordered: string | boolean;
@@ -508,6 +520,8 @@ declare const _default: import("vue").DefineComponent<{}, {
             outBordered: boolean;
             forceClearable: boolean;
             wordSplitFilter: boolean;
+            selectMode: boolean;
+            selectedFields: string[];
         }>) => Record<string, import("@formily/json-schema").Stringify<{
             [key: symbol]: any;
             [key: `x-${string}`]: any;
@@ -685,7 +699,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")[], "scroll" | "formChange" | "annotationChange", 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")[], "scroll" | "formChange" | "annotationChange" | "update:selectedFields", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         fieldList: {
             type: import("vue").PropType<import("../../../components/form-render").FieldItem[]>;
         };
@@ -817,6 +831,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: import("vue").PropType<boolean | ((fieldItem: import("../../../components/form-render").FieldItem) => boolean | void)>;
             default: boolean;
         };
+        autoExpand: BooleanConstructor;
         lowCodeReactions: {
             type: import("vue").PropType<import("../../../shared/types").LowCodeTypes.reactionConfig[]>;
         };
@@ -853,10 +868,15 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: BooleanConstructor;
             default: boolean;
         };
+        selectMode: BooleanConstructor;
+        selectedFields: {
+            type: import("vue").PropType<string[]>;
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
         onScroll?: ((...args: any[]) => any) | undefined;
         onAnnotationChange?: ((...args: any[]) => any) | undefined;
+        "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
     }, {
         anchor: boolean;
         maxHeight: string | number;
@@ -867,12 +887,14 @@ declare const _default: import("vue").DefineComponent<{}, {
         scope: import("../../../shared/types").AnyObject;
         consumer: boolean;
         enterToNextWidget: boolean | ((fieldItem: import("../../../components/form-render").FieldItem) => boolean | void);
+        autoExpand: boolean;
         linebarAutoHidden: boolean;
         bordered: string | boolean;
         uniqueCacheData: boolean;
         outBordered: boolean;
         forceClearable: boolean;
         wordSplitFilter: boolean;
+        selectMode: boolean;
         operationalFormInit: boolean;
     }>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;

package/es/components/form-render/src/components/renderer/formItem.js

@@ -1 +1 @@
-import{defineComponent as e,inject as r,computed as l,ref as o,onUnmounted as t,createVNode as n,mergeProps as i,unref as a}from"vue";import{arrayed as s,widthAppend as u}from"../../../../../shared/utils/index.js";import{isVoidField as d}from"@formily/core";import{observe as m,autorun as f}from"@formily/reactive";import{connect as p,mapProps as v}from"@formily/vue";import{useDebounceFn as c}from"@vueuse/core";import{isString as y,isArray as b,isFunction as _}from"lodash-es";import{NFormItem as g}from"naive-ui";import x from"../../../../annotation-edit/index.js";import"../../../index.js";import I from"../tooltipMessage.vue.js";import{InjectionFormUUID as j,InjectionFormGraph as h,InjectionAnnotation as k,InjectionAnnotationShortcuts as F,InjectionFormGlobalProps as R}from"../../constants/index.js";import{useComplexOptionsSpan as L}from"../../hooks/useComplexOptions.js";import{validateMessageParser as q,editorUnescape as K}from"../../utils/index.js";import{dotEscape as S}from"../../utils/schema.js";import{useFormField as M}from"../../hooks/useFormField.js";const A=p(e({name:"FormRenderItem",props:{label:String,propertyKey:String,remark:String,span:{type:Number,default:6},suffixFields:{type:Array},labelRender:Function,annotation:{},fieldItem:{type:Object}},setup(e,{slots:s}){const{field:p,fieldKey:v,fieldAddress:q}=M(),A=r(j),E=l((()=>S(`${A}-${q.value}`))),O=o(!1);if(d(p.value)&&b(e.suffixFields)){const l=r(h);t(m(l,c((()=>{d(p.value)&&b(e.suffixFields)&&(O.value=e.suffixFields.some((e=>{const r=p.value.form.query(e).take();return r&&Reflect.get(r,"required")})))}),100)))}else t(f((()=>{O.value=Reflect.get(p.value,"required")})));const T=r(k),V=l({get(){var r,l;return null!=(l=null==(r=T.value)?void 0:r[e.propertyKey])?l:""},set(r){T.value={property:e.propertyKey,value:r}}}),$=r(F);const w=l((()=>T.value&&!1!==e.annotation)),C=l((()=>e.label&&" "!==e.label)),H=l((()=>{let r=0;return w.value&&(r+=18),e.remark&&(r+=18),r})),N=r(R,{}),U=l((()=>{var r;const l=null==(r=e.fieldItem)?void 0:r.bordered;return null==l?N.bordered:l}));function W(){return C.value?n("section",{class:"form-render__formItemLabel"},[n("span",{class:"form-render__formItemLabel--text",style:{marginRight:u(H.value)}},[_(e.labelRender)?e.labelRender(e.label):e.label]),H.value?n("section",{class:"form-render__formItemLabel--operation"},[e.remark?n("div",{class:"form-render__formItemLabel--tooltip"},[n(I,{message:e.remark},null)]):null,w.value?n(x,{class:"form-render__formItemLabel--annotation",modelValue:V.value,"onUpdate:modelValue":e=>V.value=e,shortcuts:a($)},null):null]):null]):null}const{getSpan:z}=L();function B(){var r,l,o;const t=null==(r=e.fieldItem)?void 0:r.editor_title;return y(t)&&t?n("section",{style:"display:flex;flex-direction:column;gap:4px"},[null==(o=s.default)?void 0:o.call(s),n("div",{innerHTML:K(t)},null)]):null==(l=s.default)?void 0:l.call(s)}return()=>{return n(g,i({class:["form-render__formItem",{"form-render--no-border":!U.value,"form-render--underline":"underline"===U.value}],style:{"--form-item-column":"inner"===(null==(r=e.fieldItem)?void 0:r.childWidthMode)?e.span:z(A,p.value.address,!1)+e.span}},{id:E.value,uuid:A,"widget-type":p.value.componentType,"field-key":S(v.value),"field-address":S(q.value),required:O.value}),{...s,default:B,label:W});var r}}}),v({title:"label"},((e,r)=>{const l=d(r)?void 0:s(r.selfErrors).length?function(e,r){if(!y(r.defined_error_msg)||!r.defined_error_msg)return e.map((e=>q(e,r))).join(",");return q(r.defined_error_msg,r)}(s(r.selfErrors),e.fieldItem):void 0;return{...e,fieldItem:void 0,feedback:l,"validation-status":l?"error":void 0}})));export{A as FORM_ITEM};
+import{defineComponent as e,inject as l,computed as r,ref as t,onUnmounted as o,createVNode as n,mergeProps as i,unref as a}from"vue";import{arrayed as s,widthAppend as u}from"../../../../../shared/utils/index.js";import{isVoidField as d}from"@formily/core";import{observe as m,autorun as f}from"@formily/reactive";import{connect as v,mapProps as c}from"@formily/vue";import{useDebounceFn as p}from"@vueuse/core";import{isString as y,isArray as _,uniq as b,isFunction as h}from"lodash-es";import{NFormItem as g}from"naive-ui";import x from"../../../../annotation-edit/index.js";import"../../../index.js";import I from"../tooltipMessage.vue.js";import{InjectionFormUUID as F,InjectionFormGraph as k,InjectionAnnotation as j,InjectionAnnotationShortcuts as M,InjectionFormGlobalProps as R,InjectionFormGlobalEmit as L}from"../../constants/index.js";import{useComplexOptionsSpan as q}from"../../hooks/useComplexOptions.js";import{validateMessageParser as E,editorUnescape as K}from"../../utils/index.js";import{dotEscape as S}from"../../utils/schema.js";import{useFormField as A}from"../../hooks/useFormField.js";const O=v(e({name:"FormRenderItem",props:{label:String,propertyKey:String,remark:String,span:{type:Number,default:6},suffixFields:{type:Array},labelRender:Function,annotation:{},fieldItem:{type:Object}},setup(e,{slots:s}){const{field:v,fieldKey:c,fieldAddress:E}=A(),O=l(F),T=r((()=>S(`${O}-${E.value}`))),C=t(!1);if(d(v.value)&&_(e.suffixFields)){const r=l(k);o(m(r,p((()=>{d(v.value)&&_(e.suffixFields)&&(C.value=e.suffixFields.some((e=>{const l=v.value.form.query(e).take();return l&&Reflect.get(l,"required")})))}),100)))}else o(f((()=>{C.value=Reflect.get(v.value,"required")})));const N=l(j),V=r({get(){var l,r;return null!=(r=null==(l=N.value)?void 0:l[e.propertyKey])?r:""},set(l){N.value={property:e.propertyKey,value:l}}}),$=l(M);const w=r((()=>N.value&&!1!==e.annotation)),B=r((()=>e.label&&" "!==e.label)),H=r((()=>{let l=0;return w.value&&(l+=18),e.remark&&(l+=18),l})),U=l(R,{}),W=r((()=>{var l;const r=null==(l=e.fieldItem)?void 0:l.bordered;return null==r?U.bordered:r}));function z(){return B.value?n("section",{class:"form-render__formItemLabel"},[n("span",{class:"form-render__formItemLabel--text",style:{marginRight:u(H.value)}},[h(e.labelRender)?e.labelRender(e.label):e.label]),H.value?n("section",{class:"form-render__formItemLabel--operation"},[e.remark?n("div",{class:"form-render__formItemLabel--tooltip"},[n(I,{message:e.remark},null)]):null,w.value?n(x,{class:"form-render__formItemLabel--annotation",modelValue:V.value,"onUpdate:modelValue":e=>V.value=e,shortcuts:a($)},null):null]):null]):null}const{getSpan:D}=q();function G(){var l,r,t;const o=null==(l=e.fieldItem)?void 0:l.editor_title;return y(o)&&o?n("section",{style:"display:flex;flex-direction:column;gap:4px"},[null==(t=s.default)?void 0:t.call(s),n("div",{innerHTML:K(o)},null)]):null==(r=s.default)?void 0:r.call(s)}const J=l(R),P=l(L);function Q(){const e=[v.value.path+""];return v.value.form.query("*").forEach((l=>{(l.address+"").includes(v.value.address+"")&&((l.path+"").includes(v.value.path+"")||e.push(l.path+""))})),e}const X=r({get:()=>!(!(null==J?void 0:J.selectMode)||!_(null==J?void 0:J.selectedFields))&&J.selectedFields.includes(v.value.path+""),set(e){if(!_(null==J?void 0:J.selectedFields))return;let l=[...J.selectedFields];e?(l.push(...Q()),l=b(l)):Q().forEach((e=>{const r=l.indexOf(e);r>-1&&l.splice(r,1)})),null==P||P("update:selectedFields",l)}}),Y=r((()=>(null==J?void 0:J.selectMode)&&!(v.value.parent&&"LINEBAR"!==v.value.parent.componentType)));function Z(){(null==J?void 0:J.selectMode)&&(X.value=!X.value)}return()=>{return n(g,i({class:["form-render__formItem",{"form-render--no-border":!W.value,"form-render--underline":"underline"===W.value,"form-render__formItemMask":Y.value,"form-render__formItemMask--selected":Y.value&&X.value}],style:{"--form-item-column":"inner"===(null==(l=e.fieldItem)?void 0:l.childWidthMode)?e.span:D(O,v.value.address,!1)+e.span}},{id:T.value,uuid:O,onClick:Z,"widget-type":v.value.componentType,"field-key":S(c.value),"field-address":S(E.value),required:C.value}),{...s,default:G,label:z});var l}}}),c({title:"label"},((e,l)=>{const r=d(l)?void 0:s(l.selfErrors).length?function(e,l){if(!y(l.defined_error_msg)||!l.defined_error_msg)return e.map((e=>E(e,l))).join(",");return E(l.defined_error_msg,l)}(s(l.selfErrors),e.fieldItem):void 0;return{...e,fieldItem:void 0,feedback:r,"validation-status":r?"error":void 0}})));export{O as FORM_ITEM};

package/es/components/form-render/src/components/renderer/inputNumber.js

@@ -1 +1 @@
-import{defineComponent as e,watch as t,computed as n,createVNode as u,mergeProps as o}from"vue";import r from"../../../../../shared/components/InputNumberSlash/InputNumberSlash.js";import{connect as i,mapProps as a}from"@formily/vue";import{isString as l,isNumber as p}from"lodash-es";import{NInputNumber as s}from"naive-ui";import{useCommonInjection as m}from"../../hooks/useCommonInjection.js";import{createInputSlot as c,parseNumberFromMaybeString as v}from"../../utils/index.js";import{assignUpdateValue as f,assignClearBindVisited as y}from"../../utils/schema.js";const g=i(e({props:{value:{type:[Number,String]},onChange:{type:Function,required:!0},prefix:{type:[String,Function,Object]},suffix:{type:[String,Function,Object]}},setup(e){const o=c(e);m().injectValueValidate((()=>e.value)),t((()=>e.value),(t=>{if(null!=t)return!l(t)&&!p(t)||Number.isNaN(+t)?e.onChange(null):void e.onChange(+t)}));const r=n({get:()=>v(e.value),set:t=>{var n;return null==(n=e.onChange)?void 0:n.call(e,t)}}),i=m().injectValueBindKey(r);return()=>u(s,{key:i.value,value:r.value,"onUpdate:value":e=>r.value=e,"show-button":!1},o.value)}}),a(f,y)),h=i(e({props:{value:{type:[Number,String]},onChange:{type:Function,required:!0},prefix:{type:[String,Function,Object]},suffix:{type:[String,Function,Object]},precision:{type:Number}},setup(e){const t=m().injectValueBindKey((()=>e.value)),n=c(e);return()=>u(r,o(e,{key:t.value}),n.value)}}),a(f,y));export{g as INPUT_NUMBER,h as INPUT_NUMBER_SLASH};
+import{defineComponent as e,watch as t,computed as n,createVNode as u,mergeProps as o}from"vue";import r from"../../../../../shared/components/InputNumberSlash/InputNumberSlash.js";import{connect as i,mapProps as a}from"@formily/vue";import{isString as l,isNumber as p}from"lodash-es";import{NInputNumber as s}from"naive-ui";import{useCommonInjection as m}from"../../hooks/useCommonInjection.js";import{createInputSlot as c,parseNumberFromMaybeString as v}from"../../utils/index.js";import{assignUpdateValue as f,assignClearBindVisited as y}from"../../utils/schema.js";const g=i(e({props:{value:{type:[Number,String]},onChange:{type:Function,required:!0},prefix:{type:[String,Function,Object]},suffix:{type:[String,Function,Object]}},setup(e){const o=c(e);m().injectValueValidate((()=>e.value)),t((()=>e.value),(t=>{if(null!=t)return!l(t)&&!p(t)||Number.isNaN(+t)?e.onChange(null):void e.onChange(+t)}));const r=n({get:()=>""===e.value?null:v(e.value),set:t=>{var n;return null==(n=e.onChange)?void 0:n.call(e,t)}}),i=m().injectValueBindKey(r);return()=>u(s,{key:i.value,value:r.value,"onUpdate:value":e=>r.value=e,"show-button":!1},o.value)}}),a(f,y)),h=i(e({props:{value:{type:[Number,String]},onChange:{type:Function,required:!0},prefix:{type:[String,Function,Object]},suffix:{type:[String,Function,Object]},precision:{type:Number}},setup(e){const t=m().injectValueBindKey((()=>e.value)),n=c(e);return()=>u(r,o(e,{key:t.value}),n.value)}}),a(f,y));export{g as INPUT_NUMBER,h as INPUT_NUMBER_SLASH};

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

@@ -18,6 +18,7 @@ export declare const InjectionFormGraph: InjectionKey<Record<string, GeneralFiel
 export declare const InjectionAnnotation: InjectionKey<WritableComputedRef<Nullable<Record<string, AnnotationItem>>>>;
 export declare const InjectionAnnotationShortcuts: InjectionKey<WritableComputedRef<Exclude<NonNullable<AnnotationItem>, string>['shortcuts']>>;
 export declare const InjectionFormGlobalProps: InjectionKey<Readonly<FormRenderProps>>;
+export declare const InjectionFormGlobalEmit: InjectionKey<(event: string, ...args: any[]) => void>;
 export declare enum FIELD_BUSINESS_TYPE {
     PASSWORD = "password",
     ID_CARD = "id_card",

package/es/components/form-render/src/constants/index.js

@@ -1 +1 @@
-const o=Symbol("InjectionAsyncQueue"),e=Symbol("InjectionSchemaField"),n=Symbol("InjectionBusinessCollector"),t=Symbol("InjectionChangeContextCollector"),l=Symbol("InjectionFormItemDepsCollector"),E=Symbol("InjectionFormLifeCycleCaller"),i=Symbol("InjectionFormUUID"),I=Symbol("InjectionFormGraph"),c=Symbol("InjectionAnnotation"),a=Symbol("InjectionAnnotationShortcuts"),m=Symbol("InjectionFormGlobalProps");var A=(o=>(o.PASSWORD="password",o.ID_CARD="id_card",o.AGE="age",o.AGE_UNIT="age_unit",o.MOBILE="mobile",o.TELEPHONE="telephone",o.EMAIL="email",o.SEX="sex",o.BIRTHDAY="birthday",o.BANK_CARD="bank_card",o.WEBSITE="website",o.GESTATIONAL_WEEKS="gestational_weeks",o.GESTATIONAL_STAGE="gestational_stage",o.CUSTOMER_NAME="customer_name",o))(A||{}),S=(o=>(o.MALE="1",o.FEMALE="2",o))(S||{}),r=(o=>(o.DAY="D",o.MONTH="M",o.YEAR="Y",o.HOUR="H",o.WEEK="W",o.MINUTE="N",o))(r||{});const s=["COMPLEX","COMBINATION"];export{r as FIELD_AGE_UNIT,A as FIELD_BUSINESS_TYPE,S as FIELD_SEX_VALUE,c as InjectionAnnotation,a as InjectionAnnotationShortcuts,o as InjectionAsyncQueue,n as InjectionBusinessCollector,t as InjectionChangeContextCollector,m as InjectionFormGlobalProps,I as InjectionFormGraph,l as InjectionFormItemDepsCollector,E as InjectionFormLifeCycleCaller,i as InjectionFormUUID,e as InjectionSchemaField,s as NESTED_FORM_ITEM_TYPE};
+const o=Symbol("InjectionAsyncQueue"),e=Symbol("InjectionSchemaField"),n=Symbol("InjectionBusinessCollector"),t=Symbol("InjectionChangeContextCollector"),l=Symbol("InjectionFormItemDepsCollector"),i=Symbol("InjectionFormLifeCycleCaller"),E=Symbol("InjectionFormUUID"),m=Symbol("InjectionFormGraph"),I=Symbol("InjectionAnnotation"),c=Symbol("InjectionAnnotationShortcuts"),a=Symbol("InjectionFormGlobalProps"),S=Symbol("InjectionFormGlobalEmit");var A=(o=>(o.PASSWORD="password",o.ID_CARD="id_card",o.AGE="age",o.AGE_UNIT="age_unit",o.MOBILE="mobile",o.TELEPHONE="telephone",o.EMAIL="email",o.SEX="sex",o.BIRTHDAY="birthday",o.BANK_CARD="bank_card",o.WEBSITE="website",o.GESTATIONAL_WEEKS="gestational_weeks",o.GESTATIONAL_STAGE="gestational_stage",o.CUSTOMER_NAME="customer_name",o))(A||{}),r=(o=>(o.MALE="1",o.FEMALE="2",o))(r||{}),b=(o=>(o.DAY="D",o.MONTH="M",o.YEAR="Y",o.HOUR="H",o.WEEK="W",o.MINUTE="N",o))(b||{});const s=["COMPLEX","COMBINATION"];export{b as FIELD_AGE_UNIT,A as FIELD_BUSINESS_TYPE,r as FIELD_SEX_VALUE,I as InjectionAnnotation,c as InjectionAnnotationShortcuts,o as InjectionAsyncQueue,n as InjectionBusinessCollector,t as InjectionChangeContextCollector,S as InjectionFormGlobalEmit,a as InjectionFormGlobalProps,m as InjectionFormGraph,l as InjectionFormItemDepsCollector,i as InjectionFormLifeCycleCaller,E as InjectionFormUUID,e as InjectionSchemaField,s as NESTED_FORM_ITEM_TYPE};

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

@@ -88,6 +88,7 @@ export declare function useFieldNormalize(): {
         businessFormatter: import("../../../../components/form-render").FormBusinessFormatter;
         requestInstance: import("../../..").FormRequestDefine.RequestInstance;
         enterToNextWidget: boolean | ((fieldItem: FieldItem) => boolean | void);
+        autoExpand: boolean;
         lowCodeReactions: import("../../../../shared/types").LowCodeTypes.reactionConfig[];
         linebarAutoHidden: boolean;
         bordered: string | boolean;
@@ -96,6 +97,8 @@ export declare function useFieldNormalize(): {
         outBordered: boolean;
         forceClearable: boolean;
         wordSplitFilter: boolean;
+        selectMode: boolean;
+        selectedFields: string[];
     }>], import("../../../../shared/utils/tapable").UnsetAdditionalOptions>;
     FieldListNormalizeWaterfallHook: SyncWaterfallHook<[FieldItem[], Partial<{
         fieldList: FieldItem[];
@@ -184,6 +187,7 @@ export declare function useFieldNormalize(): {
         businessFormatter: import("../../../../components/form-render").FormBusinessFormatter;
         requestInstance: import("../../..").FormRequestDefine.RequestInstance;
         enterToNextWidget: boolean | ((fieldItem: FieldItem) => boolean | void);
+        autoExpand: boolean;
         lowCodeReactions: import("../../../../shared/types").LowCodeTypes.reactionConfig[];
         linebarAutoHidden: boolean;
         bordered: string | boolean;
@@ -192,5 +196,7 @@ export declare function useFieldNormalize(): {
         outBordered: boolean;
         forceClearable: boolean;
         wordSplitFilter: boolean;
+        selectMode: boolean;
+        selectedFields: string[];
     }>], import("../../../../shared/utils/tapable").UnsetAdditionalOptions>;
 };

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

@@ -1 +1 @@
-import{uuidGenerator as e}from"../../../../shared/utils/index.js";import"lodash-es";import"naive-ui";import{computed as o,provide as t,readonly as r}from"vue";import"@vueuse/core";import"date-fns";import{useFormAsyncQueue as s,presetRequestHandler as n}from"../../../../shared/hooks/useFormRequest/index.js";import"@vueuse/shared";import"../../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import{createSchemaField as i}from"@formily/vue";import{isObject as a}from"@vue/shared";import"../../index.js";import m from"../components/renderer/index.js";import{InjectionAsyncQueue as u,InjectionSchemaField as c,InjectionBusinessCollector as p,InjectionChangeContextCollector as l,InjectionFormItemDepsCollector as f,InjectionFormUUID as d,InjectionAnnotation as h,InjectionAnnotationShortcuts as j,InjectionFormGlobalProps as C}from"../constants/index.js";import{useFormRenderLifeCycle as v}from"./useFormRenderLifeCycle.js";import{usePresetScope as x}from"./usePresetScope.js";import{useBusinessBinding as y}from"./useBusinessBinding.js";import{useChangeContext as q}from"./useChangeContext.js";import{useFormItemDeps as g}from"./useFormItemDeps.js";function F(F,R){const{callLifeCycle:b}=v(F),S=s(o((()=>F.requestInstance)),o((()=>!!F.uniqueCacheData))).create(F.parallelism,{beforeRequest:(...e)=>b("beforeRequest",e)||e[1],afterRequest:(...e)=>b("afterRequest",e)||n(e[1])});t(u,S);const D=i({components:{...m,...F.components},scope:Object.assign({},x(),F.scope)}).SchemaField;t(c,D);const I=y().create(F.businessFormatter);t(p,I);const k=q().create();t(l,k);const B=g().create();t(f,B);const L=F.uuid||e();return t(d,L),t(h,o({get:()=>F.annotation?r(F.annotation):null,set(e){if(!a(F.annotation)||!a(e))return;const o=F.annotation[e.property];F.annotation[e.property]=e.value,R("annotationChange",{fieldKey:e.property,value:e.value,oldValue:o})}})),t(j,o((()=>F.annotationShortcuts))),t(C,F),{asyncQueue:S,SchemaField:D,businessCollector:I,changeContextCollector:k,formItemDepsCollector:B,formUUID:L}}export{F as useFormContext};
+import{uuidGenerator as e}from"../../../../shared/utils/index.js";import"lodash-es";import"naive-ui";import{computed as o,provide as t,readonly as r}from"vue";import"@vueuse/core";import"date-fns";import{useFormAsyncQueue as s,presetRequestHandler as n}from"../../../../shared/hooks/useFormRequest/index.js";import"@vueuse/shared";import"../../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import{createSchemaField as i}from"@formily/vue";import{isObject as a}from"@vue/shared";import"../../index.js";import m from"../components/renderer/index.js";import{InjectionAsyncQueue as u,InjectionSchemaField as c,InjectionBusinessCollector as p,InjectionChangeContextCollector as l,InjectionFormItemDepsCollector as f,InjectionFormUUID as d,InjectionAnnotation as h,InjectionAnnotationShortcuts as j,InjectionFormGlobalProps as C,InjectionFormGlobalEmit as v}from"../constants/index.js";import{useFormRenderLifeCycle as x}from"./useFormRenderLifeCycle.js";import{usePresetScope as y}from"./usePresetScope.js";import{useBusinessBinding as q}from"./useBusinessBinding.js";import{useChangeContext as g}from"./useChangeContext.js";import{useFormItemDeps as F}from"./useFormItemDeps.js";function R(R,b){const{callLifeCycle:S}=x(R),D=s(o((()=>R.requestInstance)),o((()=>!!R.uniqueCacheData))).create(R.parallelism,{beforeRequest:(...e)=>S("beforeRequest",e)||e[1],afterRequest:(...e)=>S("afterRequest",e)||n(e[1])});t(u,D);const I=i({components:{...m,...R.components},scope:Object.assign({},y(),R.scope)}).SchemaField;t(c,I);const k=q().create(R.businessFormatter);t(p,k);const B=g().create();t(l,B);const L=F().create();t(f,L);const U=R.uuid||e();return t(d,U),t(h,o({get:()=>R.annotation?r(R.annotation):null,set(e){if(!a(R.annotation)||!a(e))return;const o=R.annotation[e.property];R.annotation[e.property]=e.value,b("annotationChange",{fieldKey:e.property,value:e.value,oldValue:o})}})),t(j,o((()=>R.annotationShortcuts))),t(C,R),t(v,b),{asyncQueue:D,SchemaField:I,businessCollector:k,changeContextCollector:B,formItemDepsCollector:L,formUUID:U}}export{R as useFormContext};

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

@@ -12,10 +12,11 @@ export declare function useFormExposeEvent({ formModel, formRenderRef, formUUID,
     wordbookSettingHandler: wordbookSettingHandler;
     operationalFormHandler: ReturnType<typeof useOperationalForm>;
 }): Omit<FormRenderExpose, 'formModel' | 'reload' | 'getFieldList'>;
-export declare function useFormDomEvent({ props, formRenderRef, formModel }: {
+export declare function useFormDomEvent({ props, formRenderRef, formModel, formUUID }: {
     props: FormRenderProps;
     formRenderRef: Ref<HTMLElement | undefined>;
     formModel: Form;
+    formUUID: string;
 }): {
     onKeydown: (event: KeyboardEvent) => Promise<void>;
 };

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

@@ -1 +1 @@
-import{arrayed as e,findAncestor as t}from"../../../../shared/utils/index.js";import{isField as r}from"@formily/core";import{Path as o}from"@formily/path";import{isObject as i}from"@vue/shared";import{promiseTimeout as n}from"@vueuse/shared";import{isFunction as a,isArray as s,isString as d}from"lodash-es";import{nextTick as l}from"vue";import"../../index.js";import{NESTED_FORM_ITEM_TYPE as u}from"../constants/index.js";import{queryDecoratorByAddress as m,queryInput as f,queryDecoratorByFieldKey as c,findNextWidget as p}from"../utils/dom.js";import{validateMessageParser as g,combineExtendKey as v,splitExtendKey as y}from"../utils/index.js";import{getParentLinebar as S}from"../utils/schema.js";import{useSelectedSetting as h}from"./useSelectedSetting.js";function b({formModel:t,formRenderRef:n,formUUID:u,getFieldList:p,formItemDepsCollector:b,businessCollector:F,wordbookSettingHandler:x,operationalFormHandler:D}){const{applySelectedSetting:j}=h();return{validate(o,{force:l}={}){if(null==o&&(o="*"),a(o)){const e=Object.entries(t.fields).reduce(((e,[t,r])=>(o(r)&&e.push(t),e)),[]);if(!e.length)return Promise.resolve();o=e.length?`*(${e.join(",")})`:"*"}const c=[];l&&t.setFieldState(o,(e=>{"visible"===e.display&&"editable"!==e.pattern&&r(e)&&(c.push({pattern:e.pattern,state:e}),e.pattern="editable")}));const p=t.validate(o).catch((e=>Promise.reject(Array.isArray(e)?e.reduce(v,[]):e)));return l&&c.forEach((({pattern:e,state:t})=>t.pattern=e)),p;function v(t,r){if(!i(r))return t;let o=!1;return s(r.messages)&&r.messages.forEach((r=>{i(r)&&(t.push(...e(r).map(y)),o=!0)})),!o&&t.push(y(r)),t}function y(e){if(e.decoratorElement)return e;const r=t.query(e.path),o=r.get("title"),a=e.messages.map((e=>function(e,t){if(!t||!i(t.fieldItem))return e;const r=t.fieldItem.defined_error_msg;return g(r&&d(r)?r:e,t.fieldItem)}(e,r.get("decoratorProps")))),s=m(e.address,n.value,u);return{...e,messages:a,title:o,decoratorElement:s,...f(s)}}},getFormValues(e=!0){let r=t.getFormState().values;return e&&(r=v(p(),r)),r},async setFormValues(e,i){i=Object.assign({avoidDependKeyConnection:!0,needSplitExtendKey:!0,avoidWordbookSettingConnection:!0,avoidOperationalFormConnection:!0,dependKeyKeepValue:!1,avoidBusinessConnection:!1,overwrite:!0},i),F.triggerDisabled=i.avoidBusinessConnection,b.triggerDisabled=i.avoidDependKeyConnection,b.keepValue=i.dependKeyKeepValue,x.triggerDisabled=i.avoidWordbookSettingConnection,D.triggerDisabled=i.avoidOperationalFormConnection,i.needSplitExtendKey&&(e=y(p(),e)),t.setFieldState("*",(t=>{r(t)&&(i.overwrite||o.existIn(e,t.path))&&(t.value=o.getIn(e,t.path))})),await l(),F.triggerDisabled=!1,b.triggerDisabled=!1,x.triggerDisabled=!1,D.triggerDisabled=!1,b.keepValue=!1},setFieldState(e,r){t.setFieldState(e,r)},resetFields:(e="*")=>t.reset(e),queryWidget:e=>async function(e,t,r){if(!n.value)return s();const i=c(e,t,u);if(i)return s(i);const a=S(e,r);return a?(b.trigger(o.parse(a),!0),await l(),s(c(e,t,u))):s();function s(e){return{decoratorElement:e,...f(e)}}}(e,n.value,p()),applySelectedSetting(e){const o=t.getFormState().values;j(o,e,((e,o)=>{t.setFieldState(e,(e=>{r(e)&&e.setValue(o)}))}))}}}function F({props:e,formRenderRef:r,formModel:o}){return{onKeydown:async function i(s){var d;if(e.enterToNextWidget&&s.target){if("TEXTAREA"===s.target.tagName&&!s.ctrlKey)return;s.preventDefault()}if(await n(0),Reflect.get(s,"stopCapture")||!e.enterToNextWidget||!r.value)return;const l=t(s.target,(e=>e.classList.contains("form-render__formItem")));if(!l)return;const m=`.form-render__formItem${u.map((e=>`:not([widget-type=${e}])`)).join("")}`,f=Array.from(r.value.querySelectorAll(m)),c=f.findIndex((e=>e.id===l.id));if(!~c)return;const{widget:g,field:v}=p(f,c,s.target);if(g)if(a(e.enterToNextWidget)){const t=v&&o.query(v).take();!t||e.enterToNextWidget(null==(d=t.decoratorProps)?void 0:d.fieldItem)?y():i({target:g})}else y();async function y(){await n(0),g.focus()}}}}export{F as useFormDomEvent,b as useFormExposeEvent};
+import{arrayed as e,findAncestor as t,targetStringIncludes as r}from"../../../../shared/utils/index.js";import{isField as o}from"@formily/core";import{Path as n}from"@formily/path";import{isObject as i}from"@vue/shared";import{promiseTimeout as a}from"@vueuse/shared";import{isFunction as s,isArray as d,isString as l}from"lodash-es";import{nextTick as u}from"vue";import"../../index.js";import{NESTED_FORM_ITEM_TYPE as c}from"../constants/index.js";import{queryDecoratorByAddress as f,queryInput as m,queryDecoratorByFieldKey as p,findNextWidget as g}from"../utils/dom.js";import{validateMessageParser as v,combineExtendKey as y,splitExtendKey as S}from"../utils/index.js";import{getParentLinebar as b}from"../utils/schema.js";import{useSelectedSetting as h}from"./useSelectedSetting.js";function x({formModel:t,formRenderRef:r,formUUID:a,getFieldList:c,formItemDepsCollector:g,businessCollector:x,wordbookSettingHandler:D,operationalFormHandler:E}){const{applySelectedSetting:F}=h();return{validate(n,{force:u}={}){if(null==n&&(n="*"),s(n)){const e=Object.entries(t.fields).reduce(((e,[t,r])=>(n(r)&&e.push(t),e)),[]);if(!e.length)return Promise.resolve();n=e.length?`*(${e.join(",")})`:"*"}const c=[];u&&t.setFieldState(n,(e=>{"visible"===e.display&&"editable"!==e.pattern&&o(e)&&(c.push({pattern:e.pattern,state:e}),e.pattern="editable")}));const p=t.validate(n).catch((e=>Promise.reject(Array.isArray(e)?e.reduce(g,[]):e)));return u&&c.forEach((({pattern:e,state:t})=>t.pattern=e)),p;function g(t,r){if(!i(r))return t;let o=!1;return d(r.messages)&&r.messages.forEach((r=>{i(r)&&(t.push(...e(r).map(y)),o=!0)})),!o&&t.push(y(r)),t}function y(e){if(e.decoratorElement)return e;const o=t.query(e.path),n=o.get("title"),s=e.messages.map((e=>function(e,t){if(!t||!i(t.fieldItem))return e;const r=t.fieldItem.defined_error_msg;return v(r&&l(r)?r:e,t.fieldItem)}(e,o.get("decoratorProps")))),d=f(e.address,r.value,a);return{...e,messages:s,title:n,decoratorElement:d,...m(d)}}},getFormValues(e=!0){let r=t.getFormState().values;return e&&(r=y(c(),r)),r},async setFormValues(e,r){r=Object.assign({avoidDependKeyConnection:!0,needSplitExtendKey:!0,avoidWordbookSettingConnection:!0,avoidOperationalFormConnection:!0,dependKeyKeepValue:!1,avoidBusinessConnection:!1,overwrite:!0},r),x.triggerDisabled=r.avoidBusinessConnection,g.triggerDisabled=r.avoidDependKeyConnection,g.keepValue=r.dependKeyKeepValue,D.triggerDisabled=r.avoidWordbookSettingConnection,E.triggerDisabled=r.avoidOperationalFormConnection,r.needSplitExtendKey&&(e=S(c(),e)),t.setFieldState("*",(t=>{o(t)&&(r.overwrite||n.existIn(e,t.path))&&(t.value=n.getIn(e,t.path))})),await u(),x.triggerDisabled=!1,g.triggerDisabled=!1,D.triggerDisabled=!1,E.triggerDisabled=!1,g.keepValue=!1},setFieldState(e,r){t.setFieldState(e,r)},resetFields:(e="*")=>t.reset(e),queryWidget:e=>async function(e,t,o){if(!r.value)return d();const i=p(e,t,a);if(i)return d(i);const s=b(e,o);return s?(g.trigger(n.parse(s),!0),await u(),d(p(e,t,a))):d();function d(e){return{decoratorElement:e,...m(e)}}}(e,r.value,c()),applySelectedSetting(e){const r=t.getFormState().values;F(r,e,((e,r)=>{t.setFieldState(e,(e=>{o(e)&&e.setValue(r)}))}))}}}function D({props:e,formRenderRef:o,formModel:n,formUUID:i}){return{onKeydown:async function d(l){var u;if("Enter"===l.code){if(e.enterToNextWidget&&l.target){if("TEXTAREA"===l.target.tagName&&!l.ctrlKey)return;l.preventDefault()}if(await a(0),Reflect.get(l,"stopCapture")||!e.enterToNextWidget||!o.value)return;const r=t(l.target,(e=>e.classList.contains("form-render__formItem")));if(!r)return;const i=`.form-render__formItem${c.map((e=>`:not([widget-type=${e}])`)).join("")}`,m=Array.from(o.value.querySelectorAll(i)),p=m.findIndex((e=>e.id===r.id));if(!~p)return;const{widget:v,field:y}=g(m,p,l.target);if(!v)return;if(s(e.enterToNextWidget)){const t=y&&n.query(y).take();!t||e.enterToNextWidget(null==(u=t.decoratorProps)?void 0:u.fieldItem)?f(v,e.autoExpand):d({target:v,code:"Enter"})}else f(v,e.autoExpand)}else if("Tab"===l.code){if(!e.autoExpand)return;await a(0);const t=document.querySelector(":focus");if(!t)return;f(t,!0)}async function f(e,o){if(await a(0),e.focus(),!o)return;if(!t(e,(e=>e.getAttribute("uuid")===i)))return;if(!r(["radio","checkbox"],e.className))if(e.click(),"INPUT"!==e.tagName){const t=e.querySelector("input");if(!t)return;t.focus(),n(t)}else n(e);function n(e){if("INPUT"!==e.tagName)return;const t=e.value;t&&t.match(/^\d{4}-\d{2}/)&&e.setSelectionRange(0,4)}}}}}export{D as useFormDomEvent,x as useFormExposeEvent};

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

@@ -144,6 +144,7 @@ export declare type FormRenderProps = Partial<{
     businessFormatter: FormBusinessFormatter;
     requestInstance: FormRequestDefine.RequestInstance;
     enterToNextWidget: boolean | ((fieldItem: FieldItem) => boolean | void);
+    autoExpand: boolean;
     lowCodeReactions: LowCodeTypes.reactionConfig[];
     linebarAutoHidden: boolean;
     bordered: boolean | string;
@@ -152,6 +153,8 @@ export declare type FormRenderProps = Partial<{
     outBordered: boolean;
     forceClearable: boolean;
     wordSplitFilter: boolean;
+    selectMode: boolean;
+    selectedFields: string[];
 }>;
 export declare type FormBusinessFormatter = (payload: {
     fieldKey: string;

package/es/components/form-render/style/index.css

@@ -1 +1 @@
-.annotation-edit{align-items:center;color:var(--c-primary-color);cursor:pointer;display:inline-flex;font-size:16px;user-select:none}.annotation-edit.is-active{color:var(--c-primary-color);filter:hue-rotate(140deg)}.annotation-edit__icon{align-items:center;display:inline-flex}.annotation-edit__textarea{min-width:200px}.annotation-edit__footer{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;opacity:.5}.annotation-edit__footer>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.annotation-edit__footer>div:first-of-type{min-width:30%}.recommend-search__menu{min-height:100px}.recommend-search__menuRecommendList{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.recommend-search__menuRecommendList .n-tag{cursor:pointer}.recommend-search__recentRecommend{margin-bottom:8px}.recommend-search__recentRecommend>header{align-items:center;color:rgba(0,0,0,.4);display:flex;justify-content:space-between}.recommend-search__recentRecommend>header .n-icon:hover{color:rgba(0,0,0,.6);cursor:pointer}.recommend-search__commonRecommend{margin-bottom:8px}.recommend-search__commonRecommend>header{align-items:center;color:rgba(0,0,0,.4);display:flex;justify-content:space-between}.recommend-search__commonRecommend>header .n-icon:hover{color:rgba(0,0,0,.6);cursor:pointer}.recommend-search__option{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:space-between;padding:0 8px}.recommend-search__optionText{max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommend-search__option.is-active{color:var(--n-color)!important}.recommend-search__option.is-active .n-icon{font-size:20px}.recommend-search__option:hover{background:rgba(0,0,0,.03)}.recommend-search__optionContainer{margin:-8px -10px}.recommend-search__empty{align-items:center;color:rgba(0,0,0,.3);display:flex;height:100px;justify-content:center}.search-cascader__menuWrapper{display:flex;flex-wrap:nowrap;margin:-8px -14px}.search-cascader__input input{cursor:pointer!important}.search-cascader__option{align-items:center;border-radius:4px;box-sizing:border-box;display:flex;height:32px;justify-content:space-between;min-width:100%;padding:0 8px 0 16px;width:fit-content}.search-cascader__option--active{background:#f8f8f8}.search-cascader__option:hover{background:#f5f5f5;cursor:pointer}.search-cascader__optionWrapper{background:#fff;height:256px;overflow-x:auto;width:calc(var(--menu-width)*1px)}.search-cascader__optionWrapper:not(:last-of-type){border:solid #e5e5e5;border-width:0 1px 0 0}.search-cascader__optionText{white-space:nowrap}.search-cascader__optionText--active{color:var(--c-primary-color)}.search-cascader__option svg{color:#bfbfbf;flex-shrink:0;font-size:12px;width:20px}.search-cascader__option svg.rotate{animation:rotate 1s linear infinite}.search-cascader__emptyWrapper{align-items:center;background:#fff;box-sizing:border-box;display:flex;height:300px;justify-content:center;padding:16px;width:100%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.form-render__wrapper{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));max-height:var(--form-height);overflow-y:auto;position:relative}.form-render__formItem{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column));position:relative}.form-render__formItem .n-date-picker,.form-render__formItem .n-input-number{width:100%}.form-render__formItemLabel{align-items:center;display:inline-flex;justify-content:space-between;position:relative}.form-render__formItemLabel--operation{align-items:center;display:flex;gap:2px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.form-render__formItemLabel--tooltip{font-size:0;line-height:1;width:16px}.form-render__formItemLabel--text{white-space:nowrap}.form-render__formItem .n-form-item-label{display:inline-flex}.form-render__formItem .n-form-item-label [annotation-hover-show=true]{visibility:hidden}.form-render__formItem .n-form-item-label:hover [annotation-hover-show=true]{visibility:visible}.form-render__linebar{grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column))}.form-render__linebarHeader{align-items:center;background:var(--c-primary-color-opacity2)!important;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:space-between;margin-bottom:8px;padding:0 16px}.form-render__linebarHeader>svg{color:rgba(33,33,33,.4);width:14px}.form-render__linebarHeaderTitle{align-items:center;display:flex;font-size:15px;gap:4px;vertical-align:middle}.form-render__linebarHeaderTitle svg{height:16px;transform:translateY(-1px)}.form-render__linebarHeader--disabled{cursor:auto}.form-render__linebarItem{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__linebreaks{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__inputGroup{align-items:start;display:grid!important;gap:0 16px;gap:0;grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column));grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__inputGroup>div{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__inputGroup>div:not(:last-of-type) .n-base-selection__border,.form-render__inputGroup>div:not(:last-of-type) .n-input__border{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.form-render__inputGroup>div:last-of-type .n-base-selection__border,.form-render__inputGroup>div:last-of-type .n-input__border{border-bottom-left-radius:0;border-top-left-radius:0}.form-render__inputGroup .n-form-item--left-labelled:not(:first-of-type)>label{display:none}.form-render__combination{width:100%}.form-render__combinationHeader{display:flex;gap:12px}.form-render__combinationHeader>h3{font-size:16px;font-weight:700;margin:0;padding:0}.form-render__combinationHeader .n-button__icon{font-size:14px;margin:0 2px 0 0}.form-render__combinationHeaderText{font-size:16px;font-weight:500}.form-render__combinationClose{font-size:16px;height:14px;position:absolute;right:5px;top:5px;width:14px}.form-render__combinationContentJson{position:relative}.form-render__combinationContent{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));position:relative}.form-render__complex{width:100%}.form-render__complexContent--grid{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__complexContent--flex{display:flex!important;gap:0 8px}.form-render__selectMenu .n-scrollbar-rail__scrollbar{display:none!important}.form-render__selectMenu .n-virtual-list::-webkit-scrollbar,.form-render__selectMenu .n-virtual-list::-webkit-scrollbar-thumb{display:unset!important;height:6px;width:6px}.form-render__selectMenu .n-virtual-list::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px}.form-render__selectMenu .v-vl-items{min-width:100%;width:max-content}.form-render__selectOption .n-base-select-option__content{overflow:visible!important;text-overflow:unset!important;word-break:keep-all!important}.form-render__labelField{align-items:start;display:grid!important;display:inline-grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));grid-template-columns:repeat(var(--column),auto)!important;margin-left:16px}.form-render__labelField .n-form-item{display:inline-grid}.form-render__labelField label.n-form-item-label.n-form-item-label--left-mark{align-items:center}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-box{background-color:transparent}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-icon .check-icon{opacity:0}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-box__border{border:var(--n-border)}.form-render .form-render__formItem .n-checkbox,.form-render .form-render__formItem .n-radio{align-items:center}.form-render .form-render__formItem .n-radio-input{left:auto;right:auto}.form-render .form-render__formItem .n-checkbox-group>.n-space:not([vertical-space=true]),.form-render .form-render__formItem .n-radio-group>.n-space:not([vertical-space=true]){align-items:center!important}.form-render .form-render__formItem .n-checkbox__label{align-items:center;display:inline-flex;flex:1;flex-wrap:wrap}.form-render--no-border .n-input{border-radius:0}.form-render--no-border .n-input__border,.form-render--no-border .n-input__state-border{border-width:0!important}.form-render--no-border .n-input:hover .n-input__state-border{border-bottom-width:1px!important}.form-render--no-border .n-input--focus{border-radius:0}.form-render--no-border .n-input--focus .n-input__state-border{border-bottom-width:1px!important;box-shadow:none!important}.form-render--no-border .n-base-selection--active .n-base-selection__state-border,.form-render--no-border .n-base-selection--focus .n-base-selection__state-border,.form-render--no-border .n-base-selection:hover .n-base-selection__state-border,.form-render--no-border .n-base-selection__border,.form-render--no-border .n-base-selection__state-border{border-width:0!important;box-shadow:none!important}.form-render--underline .n-input{border-radius:0}.form-render--underline .n-input__border,.form-render--underline .n-input__state-border{border-left-width:0!important;border-right-width:0!important;border-top-width:0!important}.form-render--underline .n-input--focus{border-radius:0}.form-render--underline .n-input--focus .n-input__state-border{box-shadow:none!important}.form-render--underline .n-base-selection--active .n-base-selection__state-border,.form-render--underline .n-base-selection--focus .n-base-selection__state-border,.form-render--underline .n-base-selection:hover .n-base-selection__state-border,.form-render--underline .n-base-selection__border,.form-render--underline .n-base-selection__state-border{border-left-width:0!important;border-right-width:0!important;border-top-width:0!important;box-shadow:none!important}.form-render__selectChildField{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));width:100%}.form-render__selectChildFieldItem{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render--out-border .form-render__wrapper{border:1px solid #1f2225;padding:0 8px}.form-render__selectOption.n-base-select-option--disabled .n-base-select-option__content{color:rgba(0,0,0,.4)}
+.annotation-edit{align-items:center;color:var(--c-primary-color);cursor:pointer;display:inline-flex;font-size:16px;user-select:none}.annotation-edit.is-active{color:var(--c-primary-color);filter:hue-rotate(140deg)}.annotation-edit__icon{align-items:center;display:inline-flex}.annotation-edit__textarea{min-width:200px}.annotation-edit__footer{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;opacity:.5}.annotation-edit__footer>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.annotation-edit__footer>div:first-of-type{min-width:30%}.recommend-search__menu{min-height:100px}.recommend-search__menuRecommendList{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.recommend-search__menuRecommendList .n-tag{cursor:pointer}.recommend-search__recentRecommend{margin-bottom:8px}.recommend-search__recentRecommend>header{align-items:center;color:rgba(0,0,0,.4);display:flex;justify-content:space-between}.recommend-search__recentRecommend>header .n-icon:hover{color:rgba(0,0,0,.6);cursor:pointer}.recommend-search__commonRecommend{margin-bottom:8px}.recommend-search__commonRecommend>header{align-items:center;color:rgba(0,0,0,.4);display:flex;justify-content:space-between}.recommend-search__commonRecommend>header .n-icon:hover{color:rgba(0,0,0,.6);cursor:pointer}.recommend-search__option{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:space-between;padding:0 8px}.recommend-search__optionText{max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommend-search__option.is-active{color:var(--n-color)!important}.recommend-search__option.is-active .n-icon{font-size:20px}.recommend-search__option:hover{background:rgba(0,0,0,.03)}.recommend-search__optionContainer{margin:-8px -10px}.recommend-search__empty{align-items:center;color:rgba(0,0,0,.3);display:flex;height:100px;justify-content:center}.search-cascader__menuWrapper{display:flex;flex-wrap:nowrap;margin:-8px -14px}.search-cascader__input input{cursor:pointer!important}.search-cascader__option{align-items:center;border-radius:4px;box-sizing:border-box;display:flex;height:32px;justify-content:space-between;min-width:100%;padding:0 8px 0 16px;width:fit-content}.search-cascader__option--active{background:#f8f8f8}.search-cascader__option:hover{background:#f5f5f5;cursor:pointer}.search-cascader__optionWrapper{background:#fff;height:256px;overflow-x:auto;width:calc(var(--menu-width)*1px)}.search-cascader__optionWrapper:not(:last-of-type){border:solid #e5e5e5;border-width:0 1px 0 0}.search-cascader__optionText{white-space:nowrap}.search-cascader__optionText--active{color:var(--c-primary-color)}.search-cascader__option svg{color:#bfbfbf;flex-shrink:0;font-size:12px;width:20px}.search-cascader__option svg.rotate{animation:rotate 1s linear infinite}.search-cascader__emptyWrapper{align-items:center;background:#fff;box-sizing:border-box;display:flex;height:300px;justify-content:center;padding:16px;width:100%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.form-render__wrapper{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));max-height:var(--form-height);overflow-y:auto;position:relative}.form-render__formItem{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column));position:relative}.form-render__formItemMask{margin-bottom:8px;padding:8px}.form-render__formItemMask:after{border:1px solid #c2c2c2;border-radius:8px;box-sizing:border-box;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.form-render__formItemMask--selected:after{border-color:var(--c-primary-color)}.form-render__formItemMask--selected:before{border-bottom:12px solid var(--c-primary-color);border-bottom-right-radius:8px;border-left:12px solid transparent;border-right:12px solid var(--c-primary-color);border-top:12px solid transparent;bottom:0;color:#fff;content:"✓";font-size:10px;height:0;line-height:.9;position:absolute;right:0;width:0}.form-render__formItem .n-date-picker,.form-render__formItem .n-input-number{width:100%}.form-render__formItemLabel{align-items:center;display:inline-flex;justify-content:space-between;position:relative}.form-render__formItemLabel--operation{align-items:center;display:flex;gap:2px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.form-render__formItemLabel--tooltip{font-size:0;line-height:1;width:16px}.form-render__formItemLabel--text{white-space:nowrap}.form-render__formItem .n-form-item-label{display:inline-flex}.form-render__formItem .n-form-item-label [annotation-hover-show=true]{visibility:hidden}.form-render__formItem .n-form-item-label:hover [annotation-hover-show=true]{visibility:visible}.form-render__linebar{grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column))}.form-render__linebarHeader{align-items:center;background:var(--c-primary-color-opacity2)!important;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:space-between;margin-bottom:8px;padding:0 16px}.form-render__linebarHeader>svg{color:rgba(33,33,33,.4);width:14px}.form-render__linebarHeaderTitle{align-items:center;display:flex;font-size:15px;gap:4px;vertical-align:middle}.form-render__linebarHeaderTitle svg{height:16px;transform:translateY(-1px)}.form-render__linebarHeader--disabled{cursor:auto}.form-render__linebarItem{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__linebreaks{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__inputGroup{align-items:start;display:grid!important;gap:0 16px;gap:0;grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column));grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__inputGroup>div{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__inputGroup>div:not(:last-of-type) .n-base-selection__border,.form-render__inputGroup>div:not(:last-of-type) .n-input__border{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.form-render__inputGroup>div:last-of-type .n-base-selection__border,.form-render__inputGroup>div:last-of-type .n-input__border{border-bottom-left-radius:0;border-top-left-radius:0}.form-render__inputGroup .n-form-item--left-labelled:not(:first-of-type)>label{display:none}.form-render__combination{width:100%}.form-render__combinationHeader{display:flex;gap:12px}.form-render__combinationHeader>h3{font-size:16px;font-weight:700;margin:0;padding:0}.form-render__combinationHeader .n-button__icon{font-size:14px;margin:0 2px 0 0}.form-render__combinationHeaderText{font-size:16px;font-weight:500}.form-render__combinationClose{font-size:16px;height:14px;position:absolute;right:5px;top:5px;width:14px}.form-render__combinationContentJson{position:relative}.form-render__combinationContent{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));position:relative}.form-render__complex{width:100%}.form-render__complexContent--grid{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__complexContent--flex{display:flex!important;gap:0 8px}.form-render__selectMenu .n-scrollbar-rail__scrollbar{display:none!important}.form-render__selectMenu .n-virtual-list::-webkit-scrollbar,.form-render__selectMenu .n-virtual-list::-webkit-scrollbar-thumb{display:unset!important;height:6px;width:6px}.form-render__selectMenu .n-virtual-list::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px}.form-render__selectMenu .v-vl-items{min-width:100%;width:max-content}.form-render__selectOption .n-base-select-option__content{overflow:visible!important;text-overflow:unset!important;word-break:keep-all!important}.form-render__labelField{align-items:start;display:grid!important;display:inline-grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));grid-template-columns:repeat(var(--column),auto)!important;margin-left:16px}.form-render__labelField .n-form-item{display:inline-grid}.form-render__labelField label.n-form-item-label.n-form-item-label--left-mark{align-items:center}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-box{background-color:transparent}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-icon .check-icon{opacity:0}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-box__border{border:var(--n-border)}.form-render .form-render__formItem .n-checkbox,.form-render .form-render__formItem .n-radio{align-items:center}.form-render .form-render__formItem .n-radio-input{left:auto;right:auto}.form-render .form-render__formItem .n-checkbox-group>.n-space:not([vertical-space=true]),.form-render .form-render__formItem .n-radio-group>.n-space:not([vertical-space=true]){align-items:center!important}.form-render .form-render__formItem .n-checkbox__label{align-items:center;display:inline-flex;flex:1;flex-wrap:wrap}.form-render--no-border .n-input{border-radius:0}.form-render--no-border .n-input__border,.form-render--no-border .n-input__state-border{border-width:0!important}.form-render--no-border .n-input:hover .n-input__state-border{border-bottom-width:1px!important}.form-render--no-border .n-input--focus{border-radius:0}.form-render--no-border .n-input--focus .n-input__state-border{border-bottom-width:1px!important;box-shadow:none!important}.form-render--no-border .n-base-selection--active .n-base-selection__state-border,.form-render--no-border .n-base-selection--focus .n-base-selection__state-border,.form-render--no-border .n-base-selection:hover .n-base-selection__state-border,.form-render--no-border .n-base-selection__border,.form-render--no-border .n-base-selection__state-border{border-width:0!important;box-shadow:none!important}.form-render--underline .n-input{border-radius:0}.form-render--underline .n-input__border,.form-render--underline .n-input__state-border{border-left-width:0!important;border-right-width:0!important;border-top-width:0!important}.form-render--underline .n-input--focus{border-radius:0}.form-render--underline .n-input--focus .n-input__state-border{box-shadow:none!important}.form-render--underline .n-base-selection--active .n-base-selection__state-border,.form-render--underline .n-base-selection--focus .n-base-selection__state-border,.form-render--underline .n-base-selection:hover .n-base-selection__state-border,.form-render--underline .n-base-selection__border,.form-render--underline .n-base-selection__state-border{border-left-width:0!important;border-right-width:0!important;border-top-width:0!important;box-shadow:none!important}.form-render__selectChildField{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));width:100%}.form-render__selectChildFieldItem{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render--out-border .form-render__wrapper{border:1px solid #1f2225;padding:0 8px}.form-render__selectOption.n-base-select-option--disabled .n-base-select-option__content{color:rgba(0,0,0,.4)}