cnhis-design-vue 3.2.4-beta.12 → 3.2.4-beta.13

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

@@ -207,6 +207,10 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: (NumberConstructor | StringConstructor)[];
                 default: number;
             };
+            autoWidth: {
+                type: (BooleanConstructor | NumberConstructor)[];
+                default: boolean;
+            };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 fieldList: {
@@ -394,6 +398,10 @@ declare const _default: import("vue").DefineComponent<{}, {
                     type: (NumberConstructor | StringConstructor)[];
                     default: number;
                 };
+                autoWidth: {
+                    type: (BooleanConstructor | NumberConstructor)[];
+                    default: boolean;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
@@ -404,6 +412,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
             nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
             formRenderRef: import("vue").Ref<HTMLElement | undefined>;
+            formWidth: import("vue").Ref<number>;
             formHeight: import("vue").ComputedRef<string>;
             SchemaField: import("vue").DefineComponent<Record<keyof import("@formily/vue").ISchemaFieldProps, any>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Record<keyof import("@formily/vue").ISchemaFieldProps, any>>>, {
                 name: any;
@@ -567,6 +576,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 linebarWidth: string | number;
                 linebarDirection: "horizontal" | "vertical";
                 linebarTextDirection: "horizontal" | "vertical";
+                autoWidth: number | boolean;
             }>) => Record<string, import("@formily/json-schema").Stringify<{
                 [key: symbol]: any;
                 [key: `x-${string}`]: any;
@@ -930,6 +940,10 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: (NumberConstructor | StringConstructor)[];
                 default: number;
             };
+            autoWidth: {
+                type: (BooleanConstructor | NumberConstructor)[];
+                default: boolean;
+            };
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
@@ -957,6 +971,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             linebarWidth: string | number;
             linebarDirection: "horizontal" | "vertical";
             linebarTextDirection: "horizontal" | "vertical";
+            autoWidth: number | 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-config/src/components/FormConfigEdit.vue.d.ts

@@ -112,6 +112,7 @@ declare const _default: import("vue").DefineComponent<{
             linebarWidth: string | number;
             linebarDirection: "horizontal" | "vertical";
             linebarTextDirection: "horizontal" | "vertical";
+            autoWidth: number | boolean;
         }>>>;
     };
 }, {
@@ -226,6 +227,7 @@ declare const _default: import("vue").DefineComponent<{
                 linebarWidth: string | number;
                 linebarDirection: "horizontal" | "vertical";
                 linebarTextDirection: "horizontal" | "vertical";
+                autoWidth: number | boolean;
             }>>>;
         };
     }>> & {}>>;
@@ -5677,6 +5679,10 @@ declare const _default: import("vue").DefineComponent<{
                 type: (NumberConstructor | StringConstructor)[];
                 default: number;
             };
+            autoWidth: {
+                type: (BooleanConstructor | NumberConstructor)[];
+                default: boolean;
+            };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 fieldList: {
@@ -5864,6 +5870,10 @@ declare const _default: import("vue").DefineComponent<{
                     type: (NumberConstructor | StringConstructor)[];
                     default: number;
                 };
+                autoWidth: {
+                    type: (BooleanConstructor | NumberConstructor)[];
+                    default: boolean;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
@@ -5874,6 +5884,7 @@ declare const _default: import("vue").DefineComponent<{
             cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
             nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
             formRenderRef: import("vue").Ref<HTMLElement | undefined>;
+            formWidth: import("vue").Ref<number>;
             formHeight: import("vue").ComputedRef<string>;
             SchemaField: import("vue").DefineComponent<Record<keyof import("@formily/vue").ISchemaFieldProps, any>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Record<keyof import("@formily/vue").ISchemaFieldProps, any>>>, {
                 name: any;
@@ -6037,6 +6048,7 @@ declare const _default: import("vue").DefineComponent<{
                 linebarWidth: string | number;
                 linebarDirection: "horizontal" | "vertical";
                 linebarTextDirection: "horizontal" | "vertical";
+                autoWidth: number | boolean;
             }>) => Record<string, import("@formily/json-schema").Stringify<{
                 [key: symbol]: any;
                 [key: `x-${string}`]: any;
@@ -6400,6 +6412,10 @@ declare const _default: import("vue").DefineComponent<{
                 type: (NumberConstructor | StringConstructor)[];
                 default: number;
             };
+            autoWidth: {
+                type: (BooleanConstructor | NumberConstructor)[];
+                default: boolean;
+            };
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
@@ -6427,6 +6443,7 @@ declare const _default: import("vue").DefineComponent<{
             linebarWidth: string | number;
             linebarDirection: "horizontal" | "vertical";
             linebarTextDirection: "horizontal" | "vertical";
+            autoWidth: number | boolean;
             operationalFormInit: boolean;
         }>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
@@ -6541,6 +6558,7 @@ declare const _default: import("vue").DefineComponent<{
             linebarWidth: string | number;
             linebarDirection: "horizontal" | "vertical";
             linebarTextDirection: "horizontal" | "vertical";
+            autoWidth: number | boolean;
         }>>>;
     };
 }>>, {}>;

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

@@ -194,6 +194,10 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             type: (NumberConstructor | StringConstructor)[];
             default: number;
         };
+        autoWidth: {
+            type: (BooleanConstructor | NumberConstructor)[];
+            default: boolean;
+        };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
@@ -381,6 +385,10 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
                 type: (NumberConstructor | StringConstructor)[];
                 default: number;
             };
+            autoWidth: {
+                type: (BooleanConstructor | NumberConstructor)[];
+                default: boolean;
+            };
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
@@ -391,6 +399,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
         nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
         formRenderRef: import("vue").Ref<HTMLElement | undefined>;
+        formWidth: import("vue").Ref<number>;
         formHeight: import("vue").ComputedRef<string>;
         SchemaField: import("vue").DefineComponent<Record<keyof import("@formily/vue").ISchemaFieldProps, any>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Record<keyof import("@formily/vue").ISchemaFieldProps, any>>>, {
             name: any;
@@ -554,6 +563,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             linebarWidth: string | number;
             linebarDirection: "horizontal" | "vertical";
             linebarTextDirection: "horizontal" | "vertical";
+            autoWidth: number | boolean;
         }>) => Record<string, import("@formily/json-schema").Stringify<{
             [key: symbol]: any;
             [key: `x-${string}`]: any;
@@ -917,6 +927,10 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             type: (NumberConstructor | StringConstructor)[];
             default: number;
         };
+        autoWidth: {
+            type: (BooleanConstructor | NumberConstructor)[];
+            default: boolean;
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
         onScroll?: ((...args: any[]) => any) | undefined;
@@ -944,6 +958,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         linebarWidth: string | number;
         linebarDirection: "horizontal" | "vertical";
         linebarTextDirection: "horizontal" | "vertical";
+        autoWidth: number | 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

@@ -189,6 +189,10 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    autoWidth: {
+        type: (BooleanConstructor | NumberConstructor)[];
+        default: boolean;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         fieldList: {
@@ -376,6 +380,10 @@ declare const _default: import("vue").DefineComponent<{
             type: (NumberConstructor | StringConstructor)[];
             default: number;
         };
+        autoWidth: {
+            type: (BooleanConstructor | NumberConstructor)[];
+            default: boolean;
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
         onScroll?: ((...args: any[]) => any) | undefined;
@@ -386,6 +394,7 @@ declare const _default: import("vue").DefineComponent<{
     cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
     nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
     formRenderRef: import("vue").Ref<HTMLElement | undefined>;
+    formWidth: import("vue").Ref<number>;
     formHeight: import("vue").ComputedRef<string>;
     SchemaField: import("vue").DefineComponent<Record<keyof import("@formily/vue").ISchemaFieldProps, any>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Record<keyof import("@formily/vue").ISchemaFieldProps, any>>>, {
         name: any;
@@ -549,6 +558,7 @@ declare const _default: import("vue").DefineComponent<{
         linebarWidth: string | number;
         linebarDirection: "horizontal" | "vertical";
         linebarTextDirection: "horizontal" | "vertical";
+        autoWidth: number | boolean;
     }>) => Record<string, import("@formily/vue").Stringify<{
         [key: symbol]: any;
         [key: `x-${string}`]: any;
@@ -912,6 +922,10 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    autoWidth: {
+        type: (BooleanConstructor | NumberConstructor)[];
+        default: boolean;
+    };
 }>> & {
     onFormChange?: ((...args: any[]) => any) | undefined;
     onScroll?: ((...args: any[]) => any) | undefined;
@@ -939,6 +953,7 @@ declare const _default: import("vue").DefineComponent<{
     linebarWidth: string | number;
     linebarDirection: "horizontal" | "vertical";
     linebarTextDirection: "horizontal" | "vertical";
+    autoWidth: number | 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 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 k}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import{isNumber as v,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 F,NTabs as C,NTabPane as H,NConfigProvider as w}from"naive-ui";import{useVersion as A}from"../../../shared/hooks/useVersion.js";import{createForm as B,onFormMount as x,onFieldValueChange as L,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 W}from"./utils/schema.js";import{useAnchor as q}from"./hooks/useAnchor.js";import{useAutoHidden as T}from"./hooks/useAutoHidden.js";import"../index.js";import{useComplexOptionsSpan as E}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 z}from"./hooks/useFormEvent.js";import{useFormGraph as J}from"./hooks/useFormGraph.js";import{useFormRenderLifeCycle as $}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"}},ae={style:{"white-space":"pre"}};var se=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}},emits:["formChange","annotationChange","scroll","update:selectedFields"],setup(e,{expose:se,emit:ie}){const le=e,ne=k(),{nuiThemeOverrides:me}=Z();Q();const de=o(),pe=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:be,updateAnchorList:je,anchorIdList:ke,onScroll:ve}=q(le,ie,de,fe),{callLifeCycle:Se}=$(le);r(N,Se),Se("onSetup");const{trigger:Fe}=T(),{observeFormGraph:Ce,setGraph:He,removeGraph:we}=J();r(U,Ce);const{lowCodeEventTrigger:Ae}=X(),Be=B({initialValues:le.initialData,effects(e){const o={};x((()=>{Object.assign(o,S(e.values))})),L("*",(t=>{const r=V.getIn(o,t.path);V.setIn(o,t.path,t.value);const a=t.props.name.toString();ce.trigger(e,a),fe.trigger(t.path),ie("formChange",{fieldInstance:t,fieldKey:a,oldValue:r,fieldName:t.title,value:t.value,context:he.getContext(a,t.value)}),Ae(t),xe(a),Le(a),Re.trigger(a),Oe.trigger(a,t.value)})),R("*",He),R("*",(e=>{const o=e.props.name.toString();xe(o),Le(o),le.operationalFormInit&&Re.trigger(o)})),O("*",we),I("*",(e=>Fe(e,le.linebarAutoHidden))),x((e=>e.query("*").forEach((e=>Fe(e,le.linebarAutoHidden))))),le.anchor&&I("*",je)}}),{lowCodeReactionsHandler:xe}=Y(t((()=>le.lowCodeReactions)),Be),{newLowCodeReactionsHandler:Le}=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(S(le.fieldList),le.fieldVisitor),W(Ie(Ve,le))):W({}))),{onKeydown:De}=P({formModel:Be,formRenderRef:de,props:le,formUUID:ye}),{clearSpan:Ne}=E();a((()=>Ne(ye)));const Ue=z({formModel:Be,formRenderRef:de,formItemDepsCollector:fe,businessCollector:ce,wordbookSettingHandler:Oe,operationalFormHandler:Re,getFieldList:()=>Ve,formUUID:ye});return se({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)=>(s(),i(l(F),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?(s(),d("section",re,[p(l(C),{value:l(be),"onUpdate:value":t[0]||(t[0]=e=>u(be)?be.value=e:null),type:"line",ref_key:"anchorBarRef",ref:ge},{default:m((()=>[(s(!0),d(c,null,f(l(ke),(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(w),{"theme-overrides":l(me)},{default:m((()=>[y("section",{class:"form-render__wrapper",style:g({"--column":e.column,"--form-height":l(pe)}),ref_key:"formRenderRef",ref:de,onScroll:t[1]||(t[1]=(...e)=>l(ve)&&l(ve)(...e)),onKeydownCapture:t[2]||(t[2]=(...e)=>l(De)&&l(De)(...e))},[p(l(_),{form:l(Be)},{default:m((()=>[p(l(ue),{schema:l(_e)},null,8,["schema"]),e.consumer?(s(),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),j(o.$slots,"default")])),_:3},8,["form"])],36)])),_:3},8,["theme-overrides"])])),_:3},16,["class","style","uuid"]))}});export{se as default};
+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 S,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 w,NTabPane as H,NConfigProvider as A}from"naive-ui";import{useVersion as B}from"../../../shared/hooks/useVersion.js";import{createForm as x,onFormMount as L,onFieldValueChange as R,onFieldMount as O,onFieldUnmount as I,onFieldReact as V}from"@formily/core";import{Path as _}from"@formily/path";import{FormProvider as D,FormConsumer as N}from"@formily/vue";import{InjectionFormColumnWidth as W,InjectionFormLifeCycleCaller as U,InjectionFormGraph as q}from"./constants/index.js";import{createObjSchema as T}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"],setup(e,{expose:le,emit:ne}){const me=e,de=v(),{nuiThemeOverrides:pe}=oe();Y();const ue=o(),{width:ce}=k(ue);t(W,r((()=>ce.value?(ce.value-16*(me.column-1))/24:0)));const fe=r((()=>S(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:Se,anchorIdList:Fe,onScroll:Ce}=E(me,ne,ue,ge),{callLifeCycle:we}=X(me);t(U,we),we("onSetup");const{trigger:He}=G(),{observeFormGraph:Ae,setGraph:Be,removeGraph:xe}=Q();t(q,Ae);const{lowCodeEventTrigger:Le}=Z(),Re=x({initialValues:me.initialData,effects(e){const o={};L((()=>{Object.assign(o,F(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),Ie(a),Ve.trigger(a),_e.trigger(a,t.value)})),O("*",Be),O("*",(e=>{const o=e.props.name.toString();Oe(o),Ie(o),me.operationalFormInit&&Ve.trigger(o)})),I("*",xe),V("*",(e=>He(e,me.linebarAutoHidden))),L((e=>e.query("*").forEach((e=>He(e,me.linebarAutoHidden))))),me.anchor&&V("*",Se)}}),{lowCodeReactionsHandler:Oe}=ee(r((()=>me.lowCodeReactions)),Re),{newLowCodeReactionsHandler:Ie}=ae(r((()=>me.newLowCodeReactions)),Re),Ve=te(me,Re),_e=re().create(Re,be),{schemaAdaptor:De}=K(ye,me.lifeCycle);let Ne=me.fieldList||[];const We=r((()=>me.schema?me.schema:me.fieldList?(Ne=P().traverse(F(me.fieldList),me.fieldVisitor),T(De(Ne,me))):T({}))),{onKeydown:Ue}=J({formModel:Re,formRenderRef:ue,props:me,formUUID:je}),{clearSpan:qe}=M();a((()=>qe(je)));const Te=$({formModel:Re,formRenderRef:ue,formItemDepsCollector:ge,businessCollector:ye,wordbookSettingHandler:_e,operationalFormHandler:Ve,getFieldList:()=>Ne,formUUID:je});return le({formModel:Re,validate:(e="*",o={})=>Te.validate(e,o),getFormValues:(e=!0)=>Te.getFormValues(e),setFormValues:async(e,o={})=>Te.setFormValues(e,o),setFieldState(e,o){Te.setFieldState(e,o)},resetFields(e="*"){Te.resetFields(e)},queryWidget:async e=>Te.queryWidget(e),getFieldList:()=>Ne,applySelectedSetting:e=>Te.applySelectedSetting(e),async reload(){console.error("reload function is abstract,it should be overwrite!")}}),(o,t)=>(s(),i(l(C),n({class:["form-render",{"form-render--out-border":e.outBordered}],"require-mark-placement":"left",style:l(de)},l(B)(),{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(Fe),(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(A),{"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(Ce)&&l(Ce)(...e)),onKeydownCapture:t[2]||(t[2]=(...e)=>l(Ue)&&l(Ue)(...e))},[p(l(D),{form:l(Re)},{default:m((()=>[p(l(he),{schema:l(We)},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};

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

@@ -192,6 +192,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: (NumberConstructor | StringConstructor)[];
             default: number;
         };
+        autoWidth: {
+            type: (BooleanConstructor | NumberConstructor)[];
+            default: boolean;
+        };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
@@ -379,6 +383,10 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: (NumberConstructor | StringConstructor)[];
                 default: number;
             };
+            autoWidth: {
+                type: (BooleanConstructor | NumberConstructor)[];
+                default: boolean;
+            };
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
@@ -389,6 +397,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
         nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
         formRenderRef: import("vue").Ref<HTMLElement | undefined>;
+        formWidth: import("vue").Ref<number>;
         formHeight: import("vue").ComputedRef<string>;
         SchemaField: import("vue").DefineComponent<Record<keyof import("@formily/vue").ISchemaFieldProps, any>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Record<keyof import("@formily/vue").ISchemaFieldProps, any>>>, {
             name: any;
@@ -552,6 +561,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             linebarWidth: string | number;
             linebarDirection: "horizontal" | "vertical";
             linebarTextDirection: "horizontal" | "vertical";
+            autoWidth: number | boolean;
         }>) => Record<string, import("@formily/json-schema").Stringify<{
             [key: symbol]: any;
             [key: `x-${string}`]: any;
@@ -915,6 +925,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: (NumberConstructor | StringConstructor)[];
             default: number;
         };
+        autoWidth: {
+            type: (BooleanConstructor | NumberConstructor)[];
+            default: boolean;
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
         onScroll?: ((...args: any[]) => any) | undefined;
@@ -942,6 +956,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         linebarWidth: string | number;
         linebarDirection: "horizontal" | "vertical";
         linebarTextDirection: "horizontal" | "vertical";
+        autoWidth: number | 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 l,computed as r,ref as t,onUnmounted as o,createVNode as a,mergeProps as n,unref as i}from"vue";import{arrayed as d,widthAppend as s}from"../../../../../shared/utils/index.js";import{isVoidField as u}from"@formily/core";import{observe as m,autorun as f}from"@formily/reactive";import{connect as c,mapProps as v}from"@formily/vue";import{useDebounceFn as p}from"@vueuse/core";import{isString as b,isArray as y,isObject as h,isNumber as _,isFunction as k,uniq as g}from"lodash-es";import{NFormItem as F}from"naive-ui";import I from"../../../../annotation-edit/index.js";import"../../../index.js";import x from"../tooltipMessage.vue.js";import{InjectionFormUUID as j,InjectionFormGraph as R,InjectionAnnotation as M,InjectionAnnotationShortcuts as S,InjectionFormGlobalProps as L,InjectionFormGlobalEmit as O}from"../../constants/index.js";import{useComplexOptionsSpan as q}from"../../hooks/useComplexOptions.js";import{validateMessageParser as w,editorUnescape as C}from"../../utils/index.js";import{dotEscape as E,createFieldAddressId as K}from"../../utils/schema.js";import{useFormField as N}from"../../hooks/useFormField.js";const W=c(e({name:"FormRenderItem",props:{label:String,propertyKey:String,remark:String,span:{type:Number,default:6},suffixFields:{type:Array},labelRender:Function,annotation:{},isOptionChildField:Boolean,feedback:String,showFeedback:{type:Boolean,default:void 0},fieldItem:{type:Object}},setup(e,{slots:d,attrs:c}){const{field:v,fieldKey:w,fieldAddress:W}=N(),A=l(j),B=r((()=>E(`${A}-${W.value}`))),T=t(!1);if(u(v.value)&&y(e.suffixFields)){const r=l(R);o(m(r,p((()=>{u(v.value)&&y(e.suffixFields)&&(T.value=e.suffixFields.some((e=>{const l=v.value.form.query(e).take();return l&&Reflect.get(l,"required")})))}),100)))}else o(f((()=>{T.value=Reflect.get(v.value,"required")})));const P=l(M),V=r({get(){var l,r;return null!=(r=null==(l=P.value)?void 0:l[e.propertyKey])?r:""},set(l){P.value={property:e.propertyKey,value:l}}}),$=l(S);const H=r((()=>{var l;const r={color:null==(l=e.fieldItem)?void 0:l.labelColor};return h(c.labelStyle)&&Object.assign(r,c.labelStyle),r})),U=r((()=>P.value&&!1!==e.annotation)),z=r((()=>e.label&&" "!==e.label)),D=r((()=>{let l=0;return U.value&&(l+=18),e.remark&&(l+=18),l})),G=l(L,{}),J=r((()=>{var l;const r=null==(l=e.fieldItem)?void 0:l.bordered;return null==r?G.bordered:r})),Q=l("n-form",{}),X=r((()=>{var e,l,r,t;if("left"!==(null!=(l=c.labelPlacement)?l:null==(e=Q.props)?void 0:e.labelPlacement))return"";let o=null!=(t=c.labelWidth)?t:null==(r=Q.props)?void 0:r.labelWidth;return o&&"auto"!==o?(o=parseInt(o+""),isNaN(o)||!_(o)?"":s(o-12-D.value-(T.value?11:0))):""})),Y=r((()=>k(e.labelRender)?"":b(e.label)?e.label:""));function Z(){return z.value?a("section",{class:"form-render__formItemLabel"},[a("span",{class:"form-render__formItemLabel--text",style:{marginRight:s(D.value),maxWidth:X.value},title:Y.value},[k(e.labelRender)?e.labelRender(e.label):e.label]),D.value?a("section",{class:"form-render__formItemLabel--operation"},[e.remark?a("div",{class:"form-render__formItemLabel--tooltip"},[a(x,{message:e.remark},null)]):null,U.value?a(I,{class:"form-render__formItemLabel--annotation",modelValue:V.value,"onUpdate:modelValue":e=>V.value=e,shortcuts:i($)},null):null]):null]):null}const{getSpan:ee}=q();function le(){var l,r,t;const o=null==(l=e.fieldItem)?void 0:l.editor_title;return b(o)&&o?a("section",{style:"display:flex;flex-direction:column;gap:4px"},[null==(t=d.default)?void 0:t.call(d),a("div",{innerHTML:C(o)},null)]):null==(r=d.default)?void 0:r.call(d)}const re=l(L),te=l(O);function oe(){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 ae=r({get:()=>!(!(null==re?void 0:re.selectMode)||!y(null==re?void 0:re.selectedFields))&&re.selectedFields.includes(v.value.path+""),set(e){if(!y(null==re?void 0:re.selectedFields))return;let l=[...re.selectedFields];e?(l.push(...oe()),l=g(l)):oe().forEach((e=>{const r=l.indexOf(e);r>-1&&l.splice(r,1)})),null==te||te("update:selectedFields",l)}}),ne=r((()=>(null==re?void 0:re.selectMode)&&!(v.value.parent&&"LINEBAR"!==v.value.parent.componentType)));function ie(){(null==re?void 0:re.selectMode)&&(ae.value=!ae.value)}const de=r((()=>e.isOptionChildField?!!e.feedback&&" "!==e.feedback&&e.showFeedback:e.showFeedback));return()=>{return a(F,n({class:["form-render__formItem",{"form-render--no-border":!J.value,"form-render--underline":"underline"===J.value,"form-render__formItemMask":ne.value,"form-render__formItemMask--selected":ne.value&&ae.value}],style:{"--form-item-column":"inner"===(null==(l=e.fieldItem)?void 0:l.childWidthMode)?e.span:ee(A,v.value.address,!1)+e.span},showFeedback:de.value,feedback:e.feedback,labelStyle:H.value},{id:B.value,uuid:A,onClick:ie,"widget-type":v.value.componentType,"field-key":E(w.value),"field-address":K(W.value),required:T.value}),{...d,default:le,label:Z});var l}}}),v({title:"label"},((e,l)=>{const r=u(l)?void 0:d(l.selfErrors).length?function(e,l){if(!b(l.defined_error_msg)||!l.defined_error_msg)return e.map((e=>w(e,l))).join(",");return w(l.defined_error_msg,l)}(d(l.selfErrors),e.fieldItem):void 0;return{...e,fieldItem:void 0,feedback:r,"validation-status":r?"error":void 0}})));export{W as FORM_ITEM};
+import{defineComponent as e,inject as l,computed as r,ref as t,onUnmounted as o,createVNode as a,mergeProps as n,unref as i}from"vue";import{arrayed as u,getStringWidth as d,widthAppend as s}from"../../../../../shared/utils/index.js";import{isVoidField as m}from"@formily/core";import{observe as f,autorun as v}from"@formily/reactive";import{connect as c,mapProps as p}from"@formily/vue";import{useDebounceFn as b}from"@vueuse/core";import{isString as h,isArray as y,isObject as _,isNumber as k,isFunction as g,uniq as F}from"lodash-es";import{NFormItem as I}from"naive-ui";import x from"../../../../annotation-edit/index.js";import"../../../index.js";import j from"../tooltipMessage.vue.js";import{InjectionFormGlobalProps as R,InjectionFormGlobalEmit as M,InjectionFormUUID as S,InjectionFormGraph as L,InjectionAnnotation as W,InjectionAnnotationShortcuts as O,InjectionFormColumnWidth as q}from"../../constants/index.js";import{useComplexOptionsSpan as w}from"../../hooks/useComplexOptions.js";import{validateMessageParser as C,editorUnescape as E}from"../../utils/index.js";import{dotEscape as K,createFieldAddressId as N}from"../../utils/schema.js";import{useFormField as P}from"../../hooks/useFormField.js";const A=c(e({name:"FormRenderItem",props:{label:String,propertyKey:String,remark:String,span:{type:Number,default:6},suffixFields:{type:Array},labelRender:Function,annotation:{},isOptionChildField:Boolean,feedback:String,showFeedback:{type:Boolean,default:void 0},fieldItem:{type:Object}},setup(e,{slots:u,attrs:c}){const p=l(R),C=l(M),{field:A,fieldKey:B,fieldAddress:T}=P(),V=l(S),$=r((()=>K(`${V}-${T.value}`))),H=t(!1);if(m(A.value)&&y(e.suffixFields)){const r=l(L);o(f(r,b((()=>{m(A.value)&&y(e.suffixFields)&&(H.value=e.suffixFields.some((e=>{const l=A.value.form.query(e).take();return l&&Reflect.get(l,"required")})))}),100)))}else o(v((()=>{H.value=Reflect.get(A.value,"required")})));const U=l(W),z=r({get(){var l,r;return null!=(r=null==(l=U.value)?void 0:l[e.propertyKey])?r:""},set(l){U.value={property:e.propertyKey,value:l}}}),D=l(O);const G=r((()=>{var l;const r={color:null==(l=e.fieldItem)?void 0:l.labelColor};return _(c.labelStyle)&&Object.assign(r,c.labelStyle),r})),J=r((()=>U.value&&!1!==e.annotation)),Q=r((()=>e.label&&" "!==e.label)),X=r((()=>{let l=0;return J.value&&(l+=18),e.remark&&(l+=18),l})),Y=l(R,{}),Z=r((()=>{var l;const r=null==(l=e.fieldItem)?void 0:l.bordered;return null==r?Y.bordered:r})),ee=l("n-form",{}),le=r((()=>{var e,l,r,t;if("left"!==(null!=(l=c.labelPlacement)?l:null==(e=ee.props)?void 0:e.labelPlacement))return"";let o=null!=(t=c.labelWidth)?t:null==(r=ee.props)?void 0:r.labelWidth;return o&&"auto"!==o?(o=parseInt(o+""),isNaN(o)||!k(o)?"":o-12-X.value-(H.value?11:0)):""})),re=r((()=>g(e.labelRender)?"":h(e.label)?e.label:""));function te(){return Q.value?a("section",{class:"form-render__formItemLabel"},[a("span",{class:"form-render__formItemLabel--text",style:{marginRight:s(X.value),maxWidth:s(le.value)},title:re.value},[g(e.labelRender)?e.labelRender(e.label):e.label]),X.value?a("section",{class:"form-render__formItemLabel--operation"},[e.remark?a("div",{class:"form-render__formItemLabel--tooltip"},[a(j,{message:e.remark},null)]):null,J.value?a(x,{class:"form-render__formItemLabel--annotation",modelValue:z.value,"onUpdate:modelValue":e=>z.value=e,shortcuts:i(D)},null):null]):null]):null}const oe=r((()=>{let l=X.value;return H.value&&(l+=11),h(e.label)&&(l+=le.value||d(e.label)),l})),ae=l(q),{getSpan:ne}=w();function ie(){var l,r,t;const o="inner"===(null==(l=e.fieldItem)?void 0:l.childWidthMode)?e.span:ne(V,A.value.address,!1)+e.span;if("left"!==(null!=(t=c.labelPlacement)?t:null==(r=ee.props)?void 0:r.labelPlacement)||!i(ae)||!(null==p?void 0:p.autoWidth))return o;const a=16+ae.value;let n=o*a-16-oe.value;const u=k(null==p?void 0:p.autoWidth)?p.autoWidth:120;let d=o;for(;n<u&&d<12;)d++,n+=a;return d}function ue(){var l,r,t;const o=null==(l=e.fieldItem)?void 0:l.editor_title;return h(o)&&o?a("section",{style:"display:flex;flex-direction:column;gap:4px"},[null==(t=u.default)?void 0:t.call(u),a("div",{innerHTML:E(o)},null)]):null==(r=u.default)?void 0:r.call(u)}function de(){const e=[A.value.path+""];return A.value.form.query("*").forEach((l=>{(l.address+"").includes(A.value.address+"")&&((l.path+"").includes(A.value.path+"")||e.push(l.path+""))})),e}const se=r({get:()=>!(!(null==p?void 0:p.selectMode)||!y(null==p?void 0:p.selectedFields))&&p.selectedFields.includes(A.value.path+""),set(e){if(!y(null==p?void 0:p.selectedFields))return;let l=[...p.selectedFields];e?(l.push(...de()),l=F(l)):de().forEach((e=>{const r=l.indexOf(e);r>-1&&l.splice(r,1)})),null==C||C("update:selectedFields",l)}}),me=r((()=>(null==p?void 0:p.selectMode)&&!(A.value.parent&&"LINEBAR"!==A.value.parent.componentType)));function fe(){(null==p?void 0:p.selectMode)&&(se.value=!se.value)}const ve=r((()=>e.isOptionChildField?!!e.feedback&&" "!==e.feedback&&e.showFeedback:e.showFeedback));return()=>a(I,n({class:["form-render__formItem",{"form-render--no-border":!Z.value,"form-render--underline":"underline"===Z.value,"form-render__formItemMask":me.value,"form-render__formItemMask--selected":me.value&&se.value}],style:{"--form-item-column":ie()},showFeedback:ve.value,feedback:e.feedback,labelStyle:G.value},{id:$.value,uuid:V,onClick:fe,"widget-type":A.value.componentType,"field-key":K(B.value),"field-address":N(T.value),required:H.value}),{...u,default:ue,label:te})}}),p({title:"label"},((e,l)=>{const r=m(l)?void 0:u(l.selfErrors).length?function(e,l){if(!h(l.defined_error_msg)||!l.defined_error_msg)return e.map((e=>C(e,l))).join(",");return C(l.defined_error_msg,l)}(u(l.selfErrors),e.fieldItem):void 0;return{...e,fieldItem:void 0,feedback:r,"validation-status":r?"error":void 0}})));export{A as FORM_ITEM};

package/es/components/form-render/src/components/renderer/lineBar/FormCollapse.vue.d.ts

@@ -153,6 +153,7 @@ declare const _default: import("vue").DefineComponent<{
         linebarWidth: string | number;
         linebarDirection: "horizontal" | "vertical";
         linebarTextDirection: "horizontal" | "vertical";
+        autoWidth: number | boolean;
     }>>;
     isVerticalLinebar: import("vue").ComputedRef<boolean>;
     wrapperClass: import("vue").ComputedRef<string[] | "">;

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

@@ -152,6 +152,7 @@ export declare const LINEBAR: import("vue").DefineComponent<{
         linebarWidth: string | number;
         linebarDirection: "horizontal" | "vertical";
         linebarTextDirection: "horizontal" | "vertical";
+        autoWidth: number | boolean;
     }>>;
     isVerticalLinebar: import("vue").ComputedRef<boolean>;
     wrapperClass: import("vue").ComputedRef<string[] | "">;

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

@@ -6,13 +6,14 @@ import { ContextCollector } from '../../../../components/form-render/src/hooks/u
 import { useFormRenderLifeCycle } from '../../../../components/form-render/src/hooks/useFormRenderLifeCycle';
 import { BusinessCollector, FormItemDepsCollector } from '../hooks';
 import { FormRenderProps } from '../types';
-import { Component, InjectionKey, WritableComputedRef } from 'vue';
+import { Component, ComputedRef, InjectionKey, WritableComputedRef } from 'vue';
 export declare const InjectionAsyncQueue: InjectionKey<FormRequestDefine.FormAsyncQueue>;
 export declare const InjectionSchemaField: InjectionKey<Component>;
 export declare const InjectionBusinessCollector: InjectionKey<BusinessCollector>;
 export declare const InjectionChangeContextCollector: InjectionKey<ContextCollector>;
 export declare const InjectionFormItemDepsCollector: InjectionKey<FormItemDepsCollector>;
 export declare const InjectionFormLifeCycleCaller: InjectionKey<ReturnType<typeof useFormRenderLifeCycle>['callLifeCycle']>;
+export declare const InjectionFormColumnWidth: InjectionKey<ComputedRef<number>>;
 export declare const InjectionFormUUID: InjectionKey<string>;
 export declare const InjectionFormGraph: InjectionKey<Record<string, GeneralField>>;
 export declare const InjectionAnnotation: InjectionKey<WritableComputedRef<Nullable<Record<string, AnnotationItem>>>>;

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"),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};
+const o=Symbol("InjectionAsyncQueue"),e=Symbol("InjectionSchemaField"),n=Symbol("InjectionBusinessCollector"),t=Symbol("InjectionChangeContextCollector"),l=Symbol("InjectionFormItemDepsCollector"),i=Symbol("InjectionFormLifeCycleCaller"),m=Symbol("InjectionFormColumnWidth"),E=Symbol("InjectionFormUUID"),I=Symbol("InjectionFormGraph"),c=Symbol("InjectionAnnotation"),S=Symbol("InjectionAnnotationShortcuts"),a=Symbol("InjectionFormGlobalProps"),A=Symbol("InjectionFormGlobalEmit");var r=(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))(r||{}),b=(o=>(o.MALE="1",o.FEMALE="2",o))(b||{}),s=(o=>(o.DAY="D",o.MONTH="M",o.YEAR="Y",o.HOUR="H",o.WEEK="W",o.MINUTE="N",o))(s||{});const y=["COMPLEX","COMBINATION"];export{s as FIELD_AGE_UNIT,r as FIELD_BUSINESS_TYPE,b as FIELD_SEX_VALUE,c as InjectionAnnotation,S as InjectionAnnotationShortcuts,o as InjectionAsyncQueue,n as InjectionBusinessCollector,t as InjectionChangeContextCollector,m as InjectionFormColumnWidth,A as InjectionFormGlobalEmit,a as InjectionFormGlobalProps,I as InjectionFormGraph,l as InjectionFormItemDepsCollector,i as InjectionFormLifeCycleCaller,E as InjectionFormUUID,e as InjectionSchemaField,y as NESTED_FORM_ITEM_TYPE};

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

@@ -103,6 +103,7 @@ export declare function useFieldNormalize(): {
         linebarWidth: string | number;
         linebarDirection: "horizontal" | "vertical";
         linebarTextDirection: "horizontal" | "vertical";
+        autoWidth: number | boolean;
     }>], import("../../../../shared/utils/tapable").UnsetAdditionalOptions>;
     FieldListNormalizeWaterfallHook: SyncWaterfallHook<[FieldItem[], Partial<{
         fieldList: FieldItem[];
@@ -206,5 +207,6 @@ export declare function useFieldNormalize(): {
         linebarWidth: string | number;
         linebarDirection: "horizontal" | "vertical";
         linebarTextDirection: "horizontal" | "vertical";
+        autoWidth: number | boolean;
     }>], import("../../../../shared/utils/tapable").UnsetAdditionalOptions>;
 };

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

@@ -159,6 +159,7 @@ export declare type FormRenderProps = Partial<{
     linebarWidth: number | string;
     linebarDirection: 'vertical' | 'horizontal';
     linebarTextDirection: 'vertical' | 'horizontal';
+    autoWidth: boolean | number;
 }>;
 export declare type FormBusinessFormatter = (payload: {
     fieldKey: string;

package/es/components/info-header/index.d.ts

@@ -173,6 +173,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
             linebarWidth: string | number;
             linebarDirection: "horizontal" | "vertical";
             linebarTextDirection: "horizontal" | "vertical";
+            autoWidth: number | boolean;
         }>>>;
     };
 }, {
@@ -350,6 +351,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                 linebarWidth: string | number;
                 linebarDirection: "horizontal" | "vertical";
                 linebarTextDirection: "horizontal" | "vertical";
+                autoWidth: number | boolean;
             }>>>;
         };
     }>> & {
@@ -534,6 +536,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                 linebarWidth: string | number;
                 linebarDirection: "horizontal" | "vertical";
                 linebarTextDirection: "horizontal" | "vertical";
+                autoWidth: number | boolean;
             }>>;
         };
         themeOverrides: import("naive-ui").GlobalThemeOverrides;
@@ -791,6 +794,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                     linebarWidth: string | number;
                     linebarDirection: "horizontal" | "vertical";
                     linebarTextDirection: "horizontal" | "vertical";
+                    autoWidth: number | boolean;
                 }>) => Record<string, import("@formily/json-schema").Stringify<{
                     [key: symbol]: any;
                     [key: `x-${string}`]: any;
@@ -2826,6 +2830,10 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                     type: (NumberConstructor | StringConstructor)[];
                     default: number;
                 };
+                autoWidth: {
+                    type: (BooleanConstructor | NumberConstructor)[];
+                    default: boolean;
+                };
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     fieldList: {
@@ -3013,6 +3021,10 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                         type: (NumberConstructor | StringConstructor)[];
                         default: number;
                     };
+                    autoWidth: {
+                        type: (BooleanConstructor | NumberConstructor)[];
+                        default: boolean;
+                    };
                 }>> & {
                     onFormChange?: ((...args: any[]) => any) | undefined;
                     onScroll?: ((...args: any[]) => any) | undefined;
@@ -3023,6 +3035,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                 cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
                 nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
                 formRenderRef: import("vue").Ref<HTMLElement | undefined>;
+                formWidth: import("vue").Ref<number>;
                 formHeight: import("vue").ComputedRef<string>;
                 SchemaField: import("vue").DefineComponent<Record<keyof import("@formily/vue").ISchemaFieldProps, any>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Record<keyof import("@formily/vue").ISchemaFieldProps, any>>>, {
                     name: any;
@@ -3186,6 +3199,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                     linebarWidth: string | number;
                     linebarDirection: "horizontal" | "vertical";
                     linebarTextDirection: "horizontal" | "vertical";
+                    autoWidth: number | boolean;
                 }>) => Record<string, import("@formily/json-schema").Stringify<{
                     [key: symbol]: any;
                     [key: `x-${string}`]: any;
@@ -3549,6 +3563,10 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                     type: (NumberConstructor | StringConstructor)[];
                     default: number;
                 };
+                autoWidth: {
+                    type: (BooleanConstructor | NumberConstructor)[];
+                    default: boolean;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
@@ -3576,6 +3594,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                 linebarWidth: string | number;
                 linebarDirection: "horizontal" | "vertical";
                 linebarTextDirection: "horizontal" | "vertical";
+                autoWidth: number | boolean;
                 operationalFormInit: boolean;
             }>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
@@ -3886,6 +3905,10 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                     type: (NumberConstructor | StringConstructor)[];
                     default: number;
                 };
+                autoWidth: {
+                    type: (BooleanConstructor | NumberConstructor)[];
+                    default: boolean;
+                };
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     fieldList: {
@@ -4073,6 +4096,10 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                         type: (NumberConstructor | StringConstructor)[];
                         default: number;
                     };
+                    autoWidth: {
+                        type: (BooleanConstructor | NumberConstructor)[];
+                        default: boolean;
+                    };
                 }>> & {
                     onFormChange?: ((...args: any[]) => any) | undefined;
                     onScroll?: ((...args: any[]) => any) | undefined;
@@ -4083,6 +4110,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                 cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
                 nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
                 formRenderRef: import("vue").Ref<HTMLElement | undefined>;
+                formWidth: import("vue").Ref<number>;
                 formHeight: import("vue").ComputedRef<string>;
                 SchemaField: import("vue").DefineComponent<Record<keyof import("@formily/vue").ISchemaFieldProps, any>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Record<keyof import("@formily/vue").ISchemaFieldProps, any>>>, {
                     name: any;
@@ -4246,6 +4274,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                     linebarWidth: string | number;
                     linebarDirection: "horizontal" | "vertical";
                     linebarTextDirection: "horizontal" | "vertical";
+                    autoWidth: number | boolean;
                 }>) => Record<string, import("@formily/json-schema").Stringify<{
                     [key: symbol]: any;
                     [key: `x-${string}`]: any;
@@ -4609,6 +4638,10 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                     type: (NumberConstructor | StringConstructor)[];
                     default: number;
                 };
+                autoWidth: {
+                    type: (BooleanConstructor | NumberConstructor)[];
+                    default: boolean;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
@@ -4636,6 +4669,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                 linebarWidth: string | number;
                 linebarDirection: "horizontal" | "vertical";
                 linebarTextDirection: "horizontal" | "vertical";
+                autoWidth: number | boolean;
                 operationalFormInit: boolean;
             }>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
@@ -4826,6 +4860,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
             linebarWidth: string | number;
             linebarDirection: "horizontal" | "vertical";
             linebarTextDirection: "horizontal" | "vertical";
+            autoWidth: number | boolean;
         }>>>;
     };
 }>> & {