cnhis-design-vue 3.2.3-beta.0 → 3.2.3-beta.10

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

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

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

@@ -181,6 +181,14 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         selectedFields: {
             type: import("vue").PropType<string[]>;
         };
+        linebarDirection: {
+            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 +363,14 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             selectedFields: {
                 type: import("vue").PropType<string[]>;
             };
+            linebarDirection: {
+                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 +540,8 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             wordSplitFilter: boolean;
             selectMode: boolean;
             selectedFields: string[];
+            linebarWidth: string | number;
+            linebarDirection: "horizontal" | "vertical";
         }>) => Record<string, import("@formily/json-schema").Stringify<{
             [key: symbol]: any;
             [key: `x-${string}`]: any;
@@ -874,6 +892,14 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         selectedFields: {
             type: import("vue").PropType<string[]>;
         };
+        linebarDirection: {
+            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 +923,8 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         forceClearable: boolean;
         wordSplitFilter: boolean;
         selectMode: boolean;
+        linebarWidth: string | number;
+        linebarDirection: "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,14 @@ declare const _default: import("vue").DefineComponent<{
     selectedFields: {
         type: PropType<string[]>;
     };
+    linebarDirection: {
+        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 +358,14 @@ declare const _default: import("vue").DefineComponent<{
         selectedFields: {
             type: PropType<string[]>;
         };
+        linebarDirection: {
+            type: PropType<"horizontal" | "vertical">;
+            default: string;
+        };
+        linebarWidth: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
         onScroll?: ((...args: any[]) => any) | undefined;
@@ -519,6 +535,8 @@ declare const _default: import("vue").DefineComponent<{
         wordSplitFilter: boolean;
         selectMode: boolean;
         selectedFields: string[];
+        linebarWidth: string | number;
+        linebarDirection: "horizontal" | "vertical";
     }>) => Record<string, import("@formily/vue").Stringify<{
         [key: symbol]: any;
         [key: `x-${string}`]: any;
@@ -869,6 +887,14 @@ declare const _default: import("vue").DefineComponent<{
     selectedFields: {
         type: PropType<string[]>;
     };
+    linebarDirection: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+    linebarWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
 }>> & {
     onFormChange?: ((...args: any[]) => any) | undefined;
     onScroll?: ((...args: any[]) => any) | undefined;
@@ -892,6 +918,8 @@ declare const _default: import("vue").DefineComponent<{
     forceClearable: boolean;
     wordSplitFilter: boolean;
     selectMode: boolean;
+    linebarWidth: string | number;
+    linebarDirection: "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 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 S,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 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 W}from"./utils/schema.js";import{useAnchor as q}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"}},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"},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:je,updateAnchorList:be,anchorIdList:ke,onScroll:ve}=q(le,ie,de,fe),{callLifeCycle:Fe}=z(le);r(N,Fe),Fe("onSetup");const{trigger:Se}=E(),{observeFormGraph:Ce,setGraph:He,removeGraph:we}=$();r(U,Ce);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 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),Le(a),xe(a),Re.trigger(a),Oe.trigger(a,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=>Se(e,le.linebarAutoHidden))),L((e=>e.query("*").forEach((e=>Se(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),W(Ie(Ve,le))):W({}))),{onKeydown:De}=P({formModel:Be,formRenderRef:de,props:le,formUUID:ye}),{clearSpan:Ne}=T();a((()=>Ne(ye)));const Ue=J({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(S),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(je),"onUpdate:value":t[0]||(t[0]=e=>u(je)?je.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,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{se as default};

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

@@ -179,6 +179,14 @@ declare const _default: import("vue").DefineComponent<{}, {
         selectedFields: {
             type: import("vue").PropType<string[]>;
         };
+        linebarDirection: {
+            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 +361,14 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedFields: {
                 type: import("vue").PropType<string[]>;
             };
+            linebarDirection: {
+                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 +538,8 @@ declare const _default: import("vue").DefineComponent<{}, {
             wordSplitFilter: boolean;
             selectMode: boolean;
             selectedFields: string[];
+            linebarWidth: string | number;
+            linebarDirection: "horizontal" | "vertical";
         }>) => Record<string, import("@formily/json-schema").Stringify<{
             [key: symbol]: any;
             [key: `x-${string}`]: any;
@@ -872,6 +890,14 @@ declare const _default: import("vue").DefineComponent<{}, {
         selectedFields: {
             type: import("vue").PropType<string[]>;
         };
+        linebarDirection: {
+            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 +921,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         forceClearable: boolean;
         wordSplitFilter: boolean;
         selectMode: boolean;
+        linebarWidth: string | number;
+        linebarDirection: "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/formItem.js

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

@@ -1,3 +1,4 @@
+import { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     show: {
         type: BooleanConstructor;
@@ -12,6 +13,12 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    linebarDirection: {
+        type: PropType<"horizontal" | "vertical">;
+    };
+    linebarWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         show: {
@@ -27,8 +34,124 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        linebarDirection: {
+            type: PropType<"horizontal" | "vertical">;
+        };
+        linebarWidth: {
+            type: (NumberConstructor | StringConstructor)[];
+        };
     }>> & {}>>;
     _show: import("vue").Ref<boolean>;
+    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";
+    }>>;
+    direction: import("vue").ComputedRef<"horizontal" | "vertical" | undefined>;
+    width: import("vue").ComputedRef<string | number>;
+    wrapperClass: import("vue").ComputedRef<(string | {
+        'form-render__linebar--horizontalBorder': boolean | undefined;
+    })[]>;
+    headerStyle: import("vue").ComputedRef<{
+        '--form-render-linebar-width': string;
+        'border-right': string;
+    }>;
     toggleShow: () => void;
     headerClass: import("vue").ComputedRef<(string | {
         'form-render__linebarHeader--disabled': boolean;
@@ -64,6 +187,12 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    linebarDirection: {
+        type: PropType<"horizontal" | "vertical">;
+    };
+    linebarWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
 }>>, {
     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 l,computed as i,openBlock as o,createElementBlock as t,createElementVNode as a,normalizeClass as n,unref as s,normalizeStyle as d,renderSlot as u,createTextVNode as m,toDisplayString as f,createBlock as p,createCommentVNode as b,Fragment as v,createVNode as c,withCtx as h}from"vue";import{widthAppend as _}from"../../../../../../shared/utils/index.js";import"../../../../index.js";import k from"../../tooltipMessage.vue.js";import{InjectionFormGlobalProps as y,InjectionFormItemDepsCollector as g}from"../../../constants/index.js";import{ChevronDown as j,ChevronUp as w}from"@vicons/ionicons5";import{NCollapseTransition as x}from"naive-ui";import{useFormField as B}from"../../../hooks/useFormField.js";const S={class:"form-render__linebar"},D={class:"form-render__linebarHeaderTitle"};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]}},setup(e){const z=e,F=r(z.show),H=l(y,{}),W=i((()=>{var e,r;return null!=(r=null!=(e=z.linebarDirection)?e:H.linebarDirection)?r:"vertical"})),$=i((()=>{var e,r;return null!=(r=null!=(e=z.linebarWidth)?e:H.linebarWidth)?r:120})),C=i((()=>[`form-render__linebar--${W.value}`,{"form-render__linebar--horizontalBorder":H.outBordered}])),I=i((()=>({"--form-render-linebar-width":_($.value),"border-right":H.outBordered?"1px solid black":""})));function M(){z.disabled||"horizontal"===W.value||(F.value=!F.value)}const N=i((()=>["form-render__linebarHeader",{"form-render__linebarHeader--disabled":!!z.disabled}])),{field:T}=B();return l(g).setDeps(T.value.path,T.value.path.toString(),((e,r=!0)=>{F.value=r})),(r,l)=>(o(),t("section",S,[a("section",{class:n(s(C))},[a("header",{class:n(s(N)),onClick:M,style:d(s(I))},[a("div",D,[u(r.$slots,"title",{},(()=>[m(f(e.title),1)])),e.remark?(o(),p(k,{key:0,message:e.remark},null,8,["message"])):b("v-if",!0)]),e.disabled||"horizontal"===s(W)?b("v-if",!0):(o(),t(v,{key:0},[F.value?(o(),p(s(j),{key:0})):(o(),p(s(w),{key:1}))],64))],6),c(s(x),{class:"form-render__linebarItem",show:F.value},{default:h((()=>[u(r.$slots,"default")])),_:3},8,["show"])],2)]))}});export{z as default};

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

@@ -12,6 +12,12 @@ export declare const LINEBAR: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    linebarDirection: {
+        type: import("vue").PropType<"horizontal" | "vertical">;
+    };
+    linebarWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         show: {
@@ -27,8 +33,124 @@ export declare const LINEBAR: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        linebarDirection: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+        };
+        linebarWidth: {
+            type: (NumberConstructor | StringConstructor)[];
+        };
     }>> & {}>>;
     _show: import("vue").Ref<boolean>;
+    globProps: Readonly<Partial<{
+        fieldList: import("../../../types").FieldItem[];
+        initialData: import("../../../../..").AnyObject;
+        fieldVisitor: import("../../../types").FieldVisitor;
+        column: number;
+        maxHeight: string | number;
+        anchor: boolean;
+        parallelism: number;
+        schema: import("@formily/vue").Stringify<{
+            [key: symbol]: any;
+            [key: `x-${string}`]: any;
+            [key: `x-${number}`]: any;
+            version?: string | undefined;
+            name?: import("@formily/vue").SchemaKey | undefined;
+            title?: any;
+            description?: any;
+            default?: any;
+            readOnly?: boolean | undefined;
+            writeOnly?: boolean | undefined;
+            type?: import("@formily/vue").SchemaTypes | undefined;
+            enum?: import("@formily/vue").SchemaEnum<any> | undefined;
+            const?: any;
+            multipleOf?: number | undefined;
+            maximum?: number | undefined;
+            exclusiveMaximum?: number | undefined;
+            minimum?: number | undefined;
+            exclusiveMinimum?: number | undefined;
+            maxLength?: number | undefined;
+            minLength?: number | undefined;
+            pattern?: string | RegExp | undefined;
+            maxItems?: number | undefined;
+            minItems?: number | undefined;
+            uniqueItems?: boolean | undefined;
+            maxProperties?: number | undefined;
+            minProperties?: number | undefined;
+            required?: string | boolean | string[] | undefined;
+            format?: string | undefined;
+            $ref?: string | undefined;
+            $namespace?: string | undefined;
+            definitions?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+            properties?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+            items?: import("@formily/vue").SchemaItems<any, any, any, any, any, any, any, any> | undefined;
+            additionalItems?: import("@formily/vue").Stringify<any> | undefined;
+            patternProperties?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+            additionalProperties?: import("@formily/vue").Stringify<any> | undefined;
+            "x-value"?: any;
+            "x-index"?: number | undefined;
+            "x-pattern"?: any;
+            "x-display"?: any;
+            "x-validator"?: any;
+            "x-decorator"?: any;
+            "x-decorator-props"?: any;
+            "x-component"?: any;
+            "x-component-props"?: any;
+            "x-reactions"?: import("@formily/vue").SchemaReactions<any> | undefined;
+            "x-content"?: any;
+            "x-data"?: any;
+            "x-visible"?: boolean | undefined;
+            "x-hidden"?: boolean | undefined;
+            "x-disabled"?: boolean | undefined;
+            "x-editable"?: boolean | undefined;
+            "x-read-only"?: boolean | undefined;
+            "x-read-pretty"?: boolean | undefined;
+            "x-compile-omitted"?: string[] | undefined;
+        }>;
+        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("../../../types").FormBusinessFormatter;
+        requestInstance: import("../../../../..").FormRequestDefine.RequestInstance;
+        enterToNextWidget: boolean | ((fieldItem: import("../../../types").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";
+    }>>;
+    direction: import("vue").ComputedRef<"horizontal" | "vertical" | undefined>;
+    width: import("vue").ComputedRef<string | number>;
+    wrapperClass: import("vue").ComputedRef<(string | {
+        'form-render__linebar--horizontalBorder': boolean | undefined;
+    })[]>;
+    headerStyle: import("vue").ComputedRef<{
+        '--form-render-linebar-width': string;
+        'border-right': string;
+    }>;
     toggleShow: () => void;
     headerClass: import("vue").ComputedRef<(string | {
         'form-render__linebarHeader--disabled': boolean;
@@ -64,6 +186,12 @@ export declare const LINEBAR: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    linebarDirection: {
+        type: import("vue").PropType<"horizontal" | "vertical">;
+    };
+    linebarWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
 }>>, {
     disabled: boolean;
     show: boolean;

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

@@ -2,10 +2,16 @@ export declare const TEXTAREA: import("vue").DefineComponent<{
     value: {
         type: StringConstructor;
     };
+    rows: {
+        type: NumberConstructor;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: StringConstructor;
     };
+    rows: {
+        type: NumberConstructor;
+    };
 }>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }, {}>;

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

@@ -1 +1 @@
-import{defineComponent as e,computed as o,createVNode as t}from"vue";import{useCommonInjection as r}from"../../hooks/useCommonInjection.js";import"../../../../../shared/utils/index.js";import"@formily/core";import"@formily/path";import"@vicons/ionicons5";import"@vue/shared";import"@vueuse/core";import"lodash-es";import{NInput as i}from"naive-ui";import"date-fns";import{assignUpdateValue as m,assignClearBindVisited as a}from"../../utils/schema.js";import{connect as u,mapProps as p}from"@formily/vue";const s=u(e({name:"FormTextarea",props:{value:{type:String}},emits:["update:value"],setup(e,{emit:m}){const a=o({get:()=>e.value,set:e=>m("update:value",e)}),u=r().injectValueBindKey(a);return()=>t(i,{type:"textarea",key:u.value,value:a.value,"onUpdate:value":e=>a.value=e},null)}}),p(m,a));export{s as TEXTAREA};
+import{defineComponent as e,computed as o,inject as r,createVNode as t,mergeProps as i}from"vue";import{InjectionFormGlobalProps as m}from"../../constants/index.js";import{useCommonInjection as u}from"../../hooks/useCommonInjection.js";import"../../../../../shared/utils/index.js";import"@formily/core";import"@formily/path";import"@vicons/ionicons5";import"@vue/shared";import"@vueuse/core";import"lodash-es";import{NInput as a}from"naive-ui";import"date-fns";import{assignUpdateValue as s,assignClearBindVisited as l}from"../../utils/schema.js";import{connect as n,mapProps as p,useField as v}from"@formily/vue";const d=n(e({name:"FormTextarea",props:{value:{type:String},rows:{type:Number}},emits:["update:value"],setup(e,{emit:s}){const l=o({get:()=>e.value,set:e=>s("update:value",e)}),n=u().injectValueBindKey(l),p=v(),d=r(m,{}),c=o((()=>{var e,o,r;return null!=(r=null==(o=null==(e=p.value.decoratorProps)?void 0:e.fieldItem)?void 0:o.bordered)?r:d.bordered})),f=o((()=>"underline"===c.value?{autosize:{minRows:e.rows,maxRows:99}}:{rows:e.rows}));return()=>t(a,i({type:"textarea"},f.value,{key:n.value,value:l.value,"onUpdate:value":e=>l.value=e}),null)}}),p(s,l));export{d as TEXTAREA};