cnhis-design-vue 3.2.3-beta.2 → 3.2.3-beta.22

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

@@ -108,6 +108,9 @@ declare const _default: import("vue").DefineComponent<{
             wordSplitFilter: boolean;
             selectMode: boolean;
             selectedFields: string[];
+            linebarWidth: string | number;
+            linebarDirection: "horizontal" | "vertical";
+            linebarTextDirection: "horizontal" | "vertical";
         }>>>;
     };
 }, {
@@ -218,6 +221,9 @@ declare const _default: import("vue").DefineComponent<{
                 wordSplitFilter: boolean;
                 selectMode: boolean;
                 selectedFields: string[];
+                linebarWidth: string | number;
+                linebarDirection: "horizontal" | "vertical";
+                linebarTextDirection: "horizontal" | "vertical";
             }>>>;
         };
     }>> & {}>>;
@@ -382,6 +388,9 @@ declare const _default: import("vue").DefineComponent<{
         bordered?: string | boolean | undefined;
         displayMode?: "table" | "form" | undefined;
         editor_title?: string | undefined;
+        linebarWidth?: string | undefined;
+        linebarDirection?: "horizontal" | "vertical" | undefined;
+        linebarTextDirection?: "horizontal" | "vertical" | undefined;
         fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
         content?: string | import("../../../../components/form-render").FormRenderer | Record<string, import("../../../../components/form-render").FormRenderer> | undefined;
         lazyRequest?: boolean | undefined;
@@ -2145,6 +2154,9 @@ declare const _default: import("vue").DefineComponent<{
                 bordered?: string | boolean | undefined;
                 displayMode?: "table" | "form" | undefined;
                 editor_title?: string | undefined;
+                linebarWidth?: string | undefined;
+                linebarDirection?: "horizontal" | "vertical" | undefined;
+                linebarTextDirection?: "horizontal" | "vertical" | undefined;
                 fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
                 content?: string | import("../../../../components/form-render").FormRenderer | Record<string, import("../../../../components/form-render").FormRenderer> | undefined;
                 lazyRequest?: boolean | undefined;
@@ -3881,6 +3893,9 @@ declare const _default: import("vue").DefineComponent<{
             bordered?: string | boolean | undefined;
             displayMode?: "table" | "form" | undefined;
             editor_title?: string | undefined;
+            linebarWidth?: string | undefined;
+            linebarDirection?: "horizontal" | "vertical" | undefined;
+            linebarTextDirection?: "horizontal" | "vertical" | undefined;
             fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
             content?: string | import("../../../../components/form-render").FormRenderer | Record<string, import("../../../../components/form-render").FormRenderer> | undefined;
             lazyRequest?: boolean | undefined;
@@ -5644,6 +5659,18 @@ declare const _default: import("vue").DefineComponent<{
             selectedFields: {
                 type: PropType<string[]>;
             };
+            linebarDirection: {
+                type: PropType<"horizontal" | "vertical">;
+                default: string;
+            };
+            linebarTextDirection: {
+                type: PropType<"horizontal" | "vertical">;
+                default: string;
+            };
+            linebarWidth: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: number;
+            };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 fieldList: {
@@ -5818,6 +5845,18 @@ declare const _default: import("vue").DefineComponent<{
                 selectedFields: {
                     type: PropType<string[]>;
                 };
+                linebarDirection: {
+                    type: PropType<"horizontal" | "vertical">;
+                    default: string;
+                };
+                linebarTextDirection: {
+                    type: PropType<"horizontal" | "vertical">;
+                    default: string;
+                };
+                linebarWidth: {
+                    type: (NumberConstructor | StringConstructor)[];
+                    default: number;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
@@ -5987,6 +6026,9 @@ declare const _default: import("vue").DefineComponent<{
                 wordSplitFilter: boolean;
                 selectMode: boolean;
                 selectedFields: string[];
+                linebarWidth: string | number;
+                linebarDirection: "horizontal" | "vertical";
+                linebarTextDirection: "horizontal" | "vertical";
             }>) => Record<string, import("@formily/json-schema").Stringify<{
                 [key: symbol]: any;
                 [key: `x-${string}`]: any;
@@ -6337,6 +6379,18 @@ declare const _default: import("vue").DefineComponent<{
             selectedFields: {
                 type: PropType<string[]>;
             };
+            linebarDirection: {
+                type: PropType<"horizontal" | "vertical">;
+                default: string;
+            };
+            linebarTextDirection: {
+                type: PropType<"horizontal" | "vertical">;
+                default: string;
+            };
+            linebarWidth: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: number;
+            };
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
@@ -6360,6 +6414,9 @@ declare const _default: import("vue").DefineComponent<{
             forceClearable: boolean;
             wordSplitFilter: boolean;
             selectMode: boolean;
+            linebarWidth: string | number;
+            linebarDirection: "horizontal" | "vertical";
+            linebarTextDirection: "horizontal" | "vertical";
             operationalFormInit: boolean;
         }>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
@@ -6470,6 +6527,9 @@ declare const _default: import("vue").DefineComponent<{
             wordSplitFilter: boolean;
             selectMode: boolean;
             selectedFields: string[];
+            linebarWidth: string | number;
+            linebarDirection: "horizontal" | "vertical";
+            linebarTextDirection: "horizontal" | "vertical";
         }>>>;
     };
 }>>, {}>;

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

@@ -181,6 +181,18 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         selectedFields: {
             type: import("vue").PropType<string[]>;
         };
+        linebarDirection: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: string;
+        };
+        linebarTextDirection: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: string;
+        };
+        linebarWidth: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
@@ -355,6 +367,18 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             selectedFields: {
                 type: import("vue").PropType<string[]>;
             };
+            linebarDirection: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: string;
+            };
+            linebarTextDirection: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: string;
+            };
+            linebarWidth: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: number;
+            };
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
@@ -524,6 +548,9 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             wordSplitFilter: boolean;
             selectMode: boolean;
             selectedFields: string[];
+            linebarWidth: string | number;
+            linebarDirection: "horizontal" | "vertical";
+            linebarTextDirection: "horizontal" | "vertical";
         }>) => Record<string, import("@formily/json-schema").Stringify<{
             [key: symbol]: any;
             [key: `x-${string}`]: any;
@@ -874,6 +901,18 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         selectedFields: {
             type: import("vue").PropType<string[]>;
         };
+        linebarDirection: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: string;
+        };
+        linebarTextDirection: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: string;
+        };
+        linebarWidth: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
         onScroll?: ((...args: any[]) => any) | undefined;
@@ -897,6 +936,9 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         forceClearable: boolean;
         wordSplitFilter: boolean;
         selectMode: boolean;
+        linebarWidth: string | number;
+        linebarDirection: "horizontal" | "vertical";
+        linebarTextDirection: "horizontal" | "vertical";
         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

@@ -176,6 +176,18 @@ declare const _default: import("vue").DefineComponent<{
     selectedFields: {
         type: PropType<string[]>;
     };
+    linebarDirection: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+    linebarTextDirection: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+    linebarWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         fieldList: {
@@ -350,6 +362,18 @@ declare const _default: import("vue").DefineComponent<{
         selectedFields: {
             type: PropType<string[]>;
         };
+        linebarDirection: {
+            type: PropType<"horizontal" | "vertical">;
+            default: string;
+        };
+        linebarTextDirection: {
+            type: PropType<"horizontal" | "vertical">;
+            default: string;
+        };
+        linebarWidth: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
         onScroll?: ((...args: any[]) => any) | undefined;
@@ -519,6 +543,9 @@ declare const _default: import("vue").DefineComponent<{
         wordSplitFilter: boolean;
         selectMode: boolean;
         selectedFields: string[];
+        linebarWidth: string | number;
+        linebarDirection: "horizontal" | "vertical";
+        linebarTextDirection: "horizontal" | "vertical";
     }>) => Record<string, import("@formily/vue").Stringify<{
         [key: symbol]: any;
         [key: `x-${string}`]: any;
@@ -869,6 +896,18 @@ declare const _default: import("vue").DefineComponent<{
     selectedFields: {
         type: PropType<string[]>;
     };
+    linebarDirection: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+    linebarTextDirection: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+    linebarWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
 }>> & {
     onFormChange?: ((...args: any[]) => any) | undefined;
     onScroll?: ((...args: any[]) => any) | undefined;
@@ -892,6 +931,9 @@ declare const _default: import("vue").DefineComponent<{
     forceClearable: boolean;
     wordSplitFilter: boolean;
     selectMode: boolean;
+    linebarWidth: string | number;
+    linebarDirection: "horizontal" | "vertical";
+    linebarTextDirection: "horizontal" | "vertical";
     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,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};
+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 x,onFormMount as B,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},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(),xe=x({initialValues:le.initialData,effects(e){const o={};B((()=>{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),Be(a),Le(a),Re.trigger(a),Oe.trigger(a,t.value)})),R("*",He),R("*",(e=>{const o=e.props.name.toString();Be(o),Le(o),le.operationalFormInit&&Re.trigger(o)})),O("*",we),I("*",(e=>Fe(e,le.linebarAutoHidden))),B((e=>e.query("*").forEach((e=>Fe(e,le.linebarAutoHidden))))),le.anchor&&I("*",je)}}),{lowCodeReactionsHandler:Be}=Y(t((()=>le.lowCodeReactions)),xe),{newLowCodeReactionsHandler:Le}=te(t((()=>le.newLowCodeReactions)),xe),Re=ee(le,xe),Oe=oe().create(xe,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:xe,formRenderRef:de,props:le,formUUID:ye}),{clearSpan:Ne}=E();a((()=>Ne(ye)));const Ue=z({formModel:xe,formRenderRef:de,formItemDepsCollector:fe,businessCollector:ce,wordbookSettingHandler:Oe,operationalFormHandler:Re,getFieldList:()=>Ve,formUUID:ye});return se({formModel:xe,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(xe)},{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};

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

@@ -179,6 +179,18 @@ declare const _default: import("vue").DefineComponent<{}, {
         selectedFields: {
             type: import("vue").PropType<string[]>;
         };
+        linebarDirection: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: string;
+        };
+        linebarTextDirection: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: string;
+        };
+        linebarWidth: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
@@ -353,6 +365,18 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedFields: {
                 type: import("vue").PropType<string[]>;
             };
+            linebarDirection: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: string;
+            };
+            linebarTextDirection: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: string;
+            };
+            linebarWidth: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: number;
+            };
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
@@ -522,6 +546,9 @@ declare const _default: import("vue").DefineComponent<{}, {
             wordSplitFilter: boolean;
             selectMode: boolean;
             selectedFields: string[];
+            linebarWidth: string | number;
+            linebarDirection: "horizontal" | "vertical";
+            linebarTextDirection: "horizontal" | "vertical";
         }>) => Record<string, import("@formily/json-schema").Stringify<{
             [key: symbol]: any;
             [key: `x-${string}`]: any;
@@ -872,6 +899,18 @@ declare const _default: import("vue").DefineComponent<{}, {
         selectedFields: {
             type: import("vue").PropType<string[]>;
         };
+        linebarDirection: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: string;
+        };
+        linebarTextDirection: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: string;
+        };
+        linebarWidth: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
         onScroll?: ((...args: any[]) => any) | undefined;
@@ -895,6 +934,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         forceClearable: boolean;
         wordSplitFilter: boolean;
         selectMode: boolean;
+        linebarWidth: string | number;
+        linebarDirection: "horizontal" | "vertical";
+        linebarTextDirection: "horizontal" | "vertical";
         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/lineBar/FormCollapse.vue.d.ts

@@ -1,3 +1,4 @@
+import { CSSProperties, PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     show: {
         type: BooleanConstructor;
@@ -12,6 +13,15 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    linebarDirection: {
+        type: PropType<"horizontal" | "vertical">;
+    };
+    linebarWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    linebarTextDirection: {
+        type: PropType<"horizontal" | "vertical">;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         show: {
@@ -27,14 +37,137 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        linebarDirection: {
+            type: PropType<"horizontal" | "vertical">;
+        };
+        linebarWidth: {
+            type: (NumberConstructor | StringConstructor)[];
+        };
+        linebarTextDirection: {
+            type: PropType<"horizontal" | "vertical">;
+        };
     }>> & {}>>;
     _show: import("vue").Ref<boolean>;
     toggleShow: () => void;
+    field: import("vue").Ref<import("@formily/core").GeneralField>;
+    formItemDepsCollector: import("../../../../../../components/form-render").FormItemDepsCollector;
+    globProps: Readonly<Partial<{
+        fieldList: import("../../../../../../components/form-render").FieldItem[];
+        initialData: import("../../../../..").AnyObject;
+        fieldVisitor: import("../../../../../../components/form-render").FieldVisitor;
+        column: number;
+        maxHeight: string | number;
+        anchor: boolean;
+        parallelism: number;
+        schema: import("@formily/json-schema").Stringify<{
+            [key: symbol]: any;
+            [key: `x-${string}`]: any;
+            [key: `x-${number}`]: any;
+            version?: string | undefined;
+            name?: import("@formily/json-schema").SchemaKey | undefined;
+            title?: any;
+            description?: any;
+            default?: any;
+            readOnly?: boolean | undefined;
+            writeOnly?: boolean | undefined;
+            type?: import("@formily/json-schema").SchemaTypes | undefined;
+            enum?: import("@formily/json-schema").SchemaEnum<any> | undefined;
+            const?: any;
+            multipleOf?: number | undefined;
+            maximum?: number | undefined;
+            exclusiveMaximum?: number | undefined;
+            minimum?: number | undefined;
+            exclusiveMinimum?: number | undefined;
+            maxLength?: number | undefined;
+            minLength?: number | undefined;
+            pattern?: string | RegExp | undefined;
+            maxItems?: number | undefined;
+            minItems?: number | undefined;
+            uniqueItems?: boolean | undefined;
+            maxProperties?: number | undefined;
+            minProperties?: number | undefined;
+            required?: string | boolean | string[] | undefined;
+            format?: string | undefined;
+            $ref?: string | undefined;
+            $namespace?: string | undefined;
+            definitions?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+            properties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+            items?: import("@formily/json-schema").SchemaItems<any, any, any, any, any, any, any, any> | undefined;
+            additionalItems?: import("@formily/json-schema").Stringify<any> | undefined;
+            patternProperties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+            additionalProperties?: import("@formily/json-schema").Stringify<any> | undefined;
+            "x-value"?: any;
+            "x-index"?: number | undefined;
+            "x-pattern"?: any;
+            "x-display"?: any;
+            "x-validator"?: any;
+            "x-decorator"?: any;
+            "x-decorator-props"?: any;
+            "x-component"?: any;
+            "x-component-props"?: any;
+            "x-reactions"?: import("@formily/json-schema").SchemaReactions<any> | undefined;
+            "x-content"?: any;
+            "x-data"?: any;
+            "x-visible"?: boolean | undefined;
+            "x-hidden"?: boolean | undefined;
+            "x-disabled"?: boolean | undefined;
+            "x-editable"?: boolean | undefined;
+            "x-read-only"?: boolean | undefined;
+            "x-read-pretty"?: boolean | undefined;
+            "x-compile-omitted"?: string[] | undefined;
+        }>;
+        components: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("vue").FunctionalComponent<{}, {}>>;
+        scope: import("../../../../..").AnyObject;
+        annotation: Record<string, import("../../../../../annotation-edit/src/type").AnnotationItem>;
+        annotationShortcuts: (string | {
+            label: string;
+            value: string;
+        })[] | undefined;
+        consumer: boolean;
+        uuid: string;
+        lifeCycle: Partial<{
+            onSetup(): void;
+            beforeSetValue(fieldKey: string, value: unknown, payload: {
+                field: import("@formily/core").GeneralField;
+                oldValue: unknown;
+            }): any;
+            beforeRequest(fieldKey: string, params?: import("../../../../..").AnyObject | undefined, payload?: import("../../../../..").AnyObject | undefined): void | import("../../../../..").UndefinedAble<import("../../../../..").AnyObject>;
+            afterRequest(fieldKey: string, res?: any, payload?: import("../../../../..").AnyObject | undefined): import("../../../../..").AnyObject[];
+            afterOptionInit(fieldKey: string, options: import("../../../../..").AnyObject[], payload?: import("../../../../..").AnyObject | undefined): void;
+        }>;
+        businessFormatter: import("../../../../../../components/form-render").FormBusinessFormatter;
+        requestInstance: import("../../../../..").FormRequestDefine.RequestInstance;
+        enterToNextWidget: boolean | ((fieldItem: import("../../../../../../components/form-render").FieldItem) => boolean | void);
+        autoExpand: boolean;
+        lowCodeReactions: import("../../../../..").LowCodeTypes.reactionConfig[];
+        linebarAutoHidden: boolean;
+        bordered: string | boolean;
+        uniqueCacheData: boolean;
+        operationalForm: import("../../../../..").LowCodeTypes.operationalConfig[];
+        outBordered: boolean;
+        forceClearable: boolean;
+        wordSplitFilter: boolean;
+        selectMode: boolean;
+        selectedFields: string[];
+        linebarWidth: string | number;
+        linebarDirection: "horizontal" | "vertical";
+        linebarTextDirection: "horizontal" | "vertical";
+    }>>;
+    isVerticalLinebar: import("vue").ComputedRef<boolean>;
+    wrapperClass: import("vue").ComputedRef<string[] | "">;
+    width: import("vue").ComputedRef<string | number>;
+    headerStyle: import("vue").ComputedRef<{
+        '--form-render-linebar-width'?: undefined;
+        'border-right'?: undefined;
+    } | {
+        '--form-render-linebar-width': string;
+        'border-right': string;
+    }>;
     headerClass: import("vue").ComputedRef<(string | {
         'form-render__linebarHeader--disabled': boolean;
     })[]>;
-    field: import("vue").Ref<import("@formily/core").GeneralField>;
-    formItemDepsCollector: import("../../../../../../components/form-render").FormItemDepsCollector;
+    textDirection: import("vue").ComputedRef<"horizontal" | "vertical">;
+    textStyle: import("vue").ComputedRef<CSSProperties>;
     TooltipMessage: import("vue").DefineComponent<{
         message: StringConstructor;
     }, {
@@ -64,6 +197,15 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    linebarDirection: {
+        type: PropType<"horizontal" | "vertical">;
+    };
+    linebarWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    linebarTextDirection: {
+        type: PropType<"horizontal" | "vertical">;
+    };
 }>>, {
     disabled: boolean;
     show: boolean;

package/es/components/form-render/src/components/renderer/lineBar/FormCollapse.vue2.js

@@ -1 +1 @@
-import{defineComponent as e,ref as r,computed as a,inject as o,openBlock as s,createElementBlock as t,createElementVNode as l,normalizeClass as i,unref as n,renderSlot as d,createTextVNode as m,toDisplayString as f,createBlock as u,createCommentVNode as p,Fragment as v,createVNode as c,withCtx as _}from"vue";import"../../../../index.js";import b from"../../tooltipMessage.vue.js";import{InjectionFormItemDepsCollector as h}from"../../../constants/index.js";import{ChevronDown as k,ChevronUp as g}from"@vicons/ionicons5";import{NCollapseTransition as y}from"naive-ui";import{useFormField as j}from"../../../hooks/useFormField.js";const w={class:"form-render__linebar","anchor-target":""},x={class:"form-render__linebarHeaderTitle"};var F=e({__name:"FormCollapse",props:{show:{type:Boolean,default:!0},title:{type:String,default:""},remark:String,disabled:{type:Boolean,default:!1}},setup(e){const F=e,H=r(F.show);function S(){F.disabled||(H.value=!H.value)}const B=a((()=>["form-render__linebarHeader",{"form-render__linebarHeader--disabled":!!F.disabled}])),{field:C}=j();return o(h).setDeps(C.value.path,C.value.path.toString(),((e,r=!0)=>{H.value=r})),(r,a)=>(s(),t("section",w,[l("header",{class:i(n(B)),onClick:S},[l("div",x,[d(r.$slots,"title",{},(()=>[m(f(e.title),1)])),e.remark?(s(),u(b,{key:0,message:e.remark},null,8,["message"])):p("v-if",!0)]),e.disabled?p("v-if",!0):(s(),t(v,{key:0},[H.value?(s(),u(n(k),{key:0})):(s(),u(n(g),{key:1}))],64))],2),c(n(y),{class:"form-render__linebarItem",show:H.value},{default:_((()=>[d(r.$slots,"default")])),_:3},8,["show"])]))}});export{F as default};
+import{defineComponent as e,ref as r,inject as i,computed as t,openBlock as l,createElementBlock as a,createElementVNode as n,normalizeClass as o,unref as s,normalizeStyle as d,renderSlot as u,createTextVNode as m,toDisplayString as v,createBlock as b,createCommentVNode as c,Fragment as f,createVNode as p,withCtx as h}from"vue";import{widthAppend as _}from"../../../../../../shared/utils/index.js";import"../../../../index.js";import g from"../../tooltipMessage.vue.js";import{InjectionFormItemDepsCollector as y,InjectionFormGlobalProps as k}from"../../../constants/index.js";import{ChevronDown as x,ChevronUp as D}from"@vicons/ionicons5";import{NCollapseTransition as w}from"naive-ui";import{useFormField as S}from"../../../hooks/useFormField.js";const j={class:"form-render__linebar"};var z=e({__name:"FormCollapse",props:{show:{type:Boolean,default:!0},title:{type:String,default:""},remark:String,disabled:{type:Boolean,default:!1},linebarDirection:{type:String},linebarWidth:{type:[Number,String]},linebarTextDirection:{type:String}},setup(e){const z=e,T=r(z.show);function B(){!z.disabled&&W.value&&(T.value=!T.value)}const{field:F}=S();i(y).setDeps(F.value.path,F.value.path.toString(),((e,r=!0)=>{T.value=r}));const H=i(k,{}),W=t((()=>{var e;return"horizontal"!==(null!=(e=z.linebarDirection)?e:H.linebarDirection)})),C=t((()=>W.value?"":["form-render__linebar--horizontal","form-render__linebar--horizontalBorder"])),$=t((()=>{var e,r;return null!=(r=null!=(e=z.linebarWidth)?e:H.linebarWidth)?r:120})),I=t((()=>W.value?{}:{"--form-render-linebar-width":_($.value),"border-right":"1px solid black"})),M=t((()=>["form-render__linebarHeader",{"form-render__linebarHeader--disabled":!!z.disabled}])),N=t((()=>{var e,r;return null!=(r=null!=(e=z.linebarTextDirection)?e:H.linebarTextDirection)?r:"horizontal"})),q=t((()=>"vertical"!==N.value||W.value?{}:{"writing-mode":"vertical-lr","text-orientation":"upright"}));return(r,i)=>(l(),a("section",j,[n("section",{class:o(s(C))},[n("header",{class:o(s(M)),onClick:B,style:d(s(I))},[n("div",{class:"form-render__linebarHeaderTitle",style:d(s(q))},[u(r.$slots,"title",{},(()=>[m(v(e.title),1)])),e.remark?(l(),b(g,{key:0,message:e.remark},null,8,["message"])):c("v-if",!0)],4),!e.disabled&&s(W)?(l(),a(f,{key:0},[T.value?(l(),b(s(x),{key:0})):(l(),b(s(D),{key:1}))],64)):c("v-if",!0)],6),p(s(w),{class:"form-render__linebarItem",show:T.value},{default:h((()=>[u(r.$slots,"default")])),_:3},8,["show"])],2)]))}});export{z as default};