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

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

@@ -185,6 +185,10 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             type: import("vue").PropType<"horizontal" | "vertical">;
             default: string;
         };
+        linebarTextDirection: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: string;
+        };
         linebarWidth: {
             type: (NumberConstructor | StringConstructor)[];
             default: number;
@@ -367,6 +371,10 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
                 type: import("vue").PropType<"horizontal" | "vertical">;
                 default: string;
             };
+            linebarTextDirection: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: string;
+            };
             linebarWidth: {
                 type: (NumberConstructor | StringConstructor)[];
                 default: number;
@@ -542,6 +550,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             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;
@@ -896,6 +905,10 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             type: import("vue").PropType<"horizontal" | "vertical">;
             default: string;
         };
+        linebarTextDirection: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: string;
+        };
         linebarWidth: {
             type: (NumberConstructor | StringConstructor)[];
             default: number;
@@ -925,6 +938,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         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

@@ -180,6 +180,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"horizontal" | "vertical">;
         default: string;
     };
+    linebarTextDirection: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
     linebarWidth: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -362,6 +366,10 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<"horizontal" | "vertical">;
             default: string;
         };
+        linebarTextDirection: {
+            type: PropType<"horizontal" | "vertical">;
+            default: string;
+        };
         linebarWidth: {
             type: (NumberConstructor | StringConstructor)[];
             default: number;
@@ -537,6 +545,7 @@ declare const _default: import("vue").DefineComponent<{
         selectedFields: string[];
         linebarWidth: string | number;
         linebarDirection: "horizontal" | "vertical";
+        linebarTextDirection: "horizontal" | "vertical";
     }>) => Record<string, import("@formily/vue").Stringify<{
         [key: symbol]: any;
         [key: `x-${string}`]: any;
@@ -891,6 +900,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"horizontal" | "vertical">;
         default: string;
     };
+    linebarTextDirection: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
     linebarWidth: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -920,6 +933,7 @@ declare const _default: import("vue").DefineComponent<{
     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 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};
+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

@@ -183,6 +183,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: import("vue").PropType<"horizontal" | "vertical">;
             default: string;
         };
+        linebarTextDirection: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: string;
+        };
         linebarWidth: {
             type: (NumberConstructor | StringConstructor)[];
             default: number;
@@ -365,6 +369,10 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: import("vue").PropType<"horizontal" | "vertical">;
                 default: string;
             };
+            linebarTextDirection: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: string;
+            };
             linebarWidth: {
                 type: (NumberConstructor | StringConstructor)[];
                 default: number;
@@ -540,6 +548,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             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;
@@ -894,6 +903,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: import("vue").PropType<"horizontal" | "vertical">;
             default: string;
         };
+        linebarTextDirection: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: string;
+        };
         linebarWidth: {
             type: (NumberConstructor | StringConstructor)[];
             default: number;
@@ -923,6 +936,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         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,4 +1,4 @@
-import { PropType } from 'vue';
+import { CSSProperties, PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     show: {
         type: BooleanConstructor;
@@ -19,6 +19,9 @@ declare const _default: import("vue").DefineComponent<{
     linebarWidth: {
         type: (NumberConstructor | StringConstructor)[];
     };
+    linebarTextDirection: {
+        type: PropType<"horizontal" | "vertical">;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         show: {
@@ -40,8 +43,14 @@ declare const _default: import("vue").DefineComponent<{
         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;
@@ -142,22 +151,23 @@ declare const _default: import("vue").DefineComponent<{
         selectedFields: string[];
         linebarWidth: string | number;
         linebarDirection: "horizontal" | "vertical";
+        linebarTextDirection: "horizontal" | "vertical";
     }>>;
-    direction: import("vue").ComputedRef<"horizontal" | "vertical" | undefined>;
+    isVerticalLinebar: import("vue").ComputedRef<boolean>;
+    wrapperClass: import("vue").ComputedRef<string[] | "">;
     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'?: undefined;
+        'border-right'?: undefined;
+    } | {
         '--form-render-linebar-width': string;
         'border-right': string;
     }>;
-    toggleShow: () => void;
     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;
     }, {
@@ -193,6 +203,9 @@ declare const _default: import("vue").DefineComponent<{
     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,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};
+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};

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

@@ -18,6 +18,9 @@ export declare const LINEBAR: import("vue").DefineComponent<{
     linebarWidth: {
         type: (NumberConstructor | StringConstructor)[];
     };
+    linebarTextDirection: {
+        type: import("vue").PropType<"horizontal" | "vertical">;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         show: {
@@ -39,8 +42,14 @@ export declare const LINEBAR: import("vue").DefineComponent<{
         linebarWidth: {
             type: (NumberConstructor | StringConstructor)[];
         };
+        linebarTextDirection: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+        };
     }>> & {}>>;
     _show: import("vue").Ref<boolean>;
+    toggleShow: () => void;
+    field: import("vue").Ref<import("@formily/core").GeneralField>;
+    formItemDepsCollector: import("../../../hooks").FormItemDepsCollector;
     globProps: Readonly<Partial<{
         fieldList: import("../../../types").FieldItem[];
         initialData: import("../../../../..").AnyObject;
@@ -141,22 +150,23 @@ export declare const LINEBAR: import("vue").DefineComponent<{
         selectedFields: string[];
         linebarWidth: string | number;
         linebarDirection: "horizontal" | "vertical";
+        linebarTextDirection: "horizontal" | "vertical";
     }>>;
-    direction: import("vue").ComputedRef<"horizontal" | "vertical" | undefined>;
+    isVerticalLinebar: import("vue").ComputedRef<boolean>;
+    wrapperClass: import("vue").ComputedRef<string[] | "">;
     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'?: undefined;
+        'border-right'?: undefined;
+    } | {
         '--form-render-linebar-width': string;
         'border-right': string;
     }>;
-    toggleShow: () => void;
     headerClass: import("vue").ComputedRef<(string | {
         'form-render__linebarHeader--disabled': boolean;
     })[]>;
-    field: import("vue").Ref<import("@formily/core").GeneralField>;
-    formItemDepsCollector: import("../../../hooks").FormItemDepsCollector;
+    textDirection: import("vue").ComputedRef<"horizontal" | "vertical">;
+    textStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
     TooltipMessage: import("vue").DefineComponent<{
         message: StringConstructor;
     }, {
@@ -192,6 +202,9 @@ export declare const LINEBAR: import("vue").DefineComponent<{
     linebarWidth: {
         type: (NumberConstructor | StringConstructor)[];
     };
+    linebarTextDirection: {
+        type: import("vue").PropType<"horizontal" | "vertical">;
+    };
 }>>, {
     disabled: boolean;
     show: boolean;

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

@@ -1 +1 @@
-import{createVNode as n}from"vue";import{connect as l,mapProps as t}from"@formily/vue";import{isString as e,isFunction as o}from"lodash-es";import{NButton as r}from"naive-ui";import{createSlot as i}from"../../utils/index.js";const u=l=>{var t,o,r;return n("div",null,[null==(r=(o=i(null!=(t=l.content)?t:l.value,l,(l=>e(l)?l.replaceAll("\n","<br>").split("<br>").map(((l,t,e)=>[l,t<e.length-1?n("br",null,null):null])):[l]))).default)?void 0:r.call(o)])};u.props={content:{},fieldItem:{},value:{}};const c=l(u,t((n=>{var l;return{...n,content:null==(l=n.fieldItem)?void 0:l.content}}))),m=l=>{const t=function(n){return l=>{var t;return null==(t=n.fieldItem)?void 0:t[l]}}(l);return n(r,{onClick:function(){var n;const e=t("onClick")||(null==(n=t("componentProps"))?void 0:n.onClick);return()=>o(e)&&e(l.fieldItem)}()},i(l.content,l))};m.props={onClick:{},fieldItem:{},content:{}};const d=l(m,t((n=>{var l,t,e;return{...n,content:null!=(e=null==(l=n.fieldItem)?void 0:l.content)?e:null==(t=n.fieldItem)?void 0:t.alias}}))),s=l((l=>{const t=l.border?{background:"rgb(31,34,37)",margin:"0 -8px"}:null;return n("section",{class:"form-render__linebreaks",style:{"--form-item-column":999,height:"1px",...t}},null)}));export{d as BUTTON,s as LINE_BREAKS,c as TEXT};
+import{inject as n,createVNode as l}from"vue";import{connect as t,mapProps as o}from"@formily/vue";import{isString as e,isFunction as r}from"lodash-es";import{NButton as i}from"naive-ui";import{InjectionFormGlobalProps as u}from"../../constants/index.js";import{createSlot as c}from"../../utils/index.js";const m=n=>{var t,o,r;return l("div",null,[null==(r=(o=c(null!=(t=n.content)?t:n.value,n,(n=>e(n)?n.replaceAll("\n","<br>").split("<br>").map(((n,t,o)=>[n,t<o.length-1?l("br",null,null):null])):[n]))).default)?void 0:r.call(o)])};m.props={content:{},fieldItem:{},value:{}};const d=t(m,o((n=>{var l;return{...n,content:null==(l=n.fieldItem)?void 0:l.content}}))),s=n=>{const t=function(n){return l=>{var t;return null==(t=n.fieldItem)?void 0:t[l]}}(n);return l(i,{onClick:function(){var l;const o=t("onClick")||(null==(l=t("componentProps"))?void 0:l.onClick);return()=>r(o)&&o(n.fieldItem)}()},c(n.content,n))};s.props={onClick:{},fieldItem:{},content:{}};const a=t(s,o((n=>{var l,t,o;return{...n,content:null!=(o=null==(l=n.fieldItem)?void 0:l.content)?o:null==(t=n.fieldItem)?void 0:t.alias}}))),f=t((t=>{var o;const e=n(u,{}),r=(null!=(o=t.border)?o:null==e?void 0:e.outBordered)?{background:"rgb(31,34,37)",margin:"0 -8px"}:null;return l("section",{class:"form-render__linebreaks",style:{"--form-item-column":999,height:"1px",...r}},null)}));export{a as BUTTON,f as LINE_BREAKS,d as TEXT};

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

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

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

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

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

@@ -131,6 +131,7 @@ export declare type FieldItem = {
     editor_title: string;
     linebarWidth: string;
     linebarDirection: 'horizontal' | 'vertical';
+    linebarTextDirection: 'horizontal' | 'vertical';
     fieldType: SchemaTypes;
     content: string | FormRenderer | Record<string, FormRenderer>;
     lazyRequest: boolean;

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

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

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

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