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

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

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

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

@@ -162,6 +162,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: (BooleanConstructor | StringConstructor)[];
             default: boolean;
         };
+        labelPlacementOverwrite: BooleanConstructor;
         outBordered: {
             type: BooleanConstructor;
             default: boolean;
@@ -348,6 +349,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: (BooleanConstructor | StringConstructor)[];
                 default: boolean;
             };
+            labelPlacementOverwrite: BooleanConstructor;
             outBordered: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -538,6 +540,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             autoExpand: boolean;
             lowCodeReactions: import("../../../shared/types").LowCodeTypes.reactionConfig[];
             linebarAutoHidden: boolean;
+            labelPlacementOverwrite: boolean;
             bordered: string | boolean;
             uniqueCacheData: boolean;
             operationalForm: import("../../../shared/types").LowCodeTypes.operationalConfig[];
@@ -882,6 +885,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: (BooleanConstructor | StringConstructor)[];
             default: boolean;
         };
+        labelPlacementOverwrite: BooleanConstructor;
         outBordered: {
             type: BooleanConstructor;
             default: boolean;
@@ -928,6 +932,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         enterToNextWidget: boolean | ((fieldItem: import("../../../components/form-render").FieldItem) => boolean | void);
         autoExpand: boolean;
         linebarAutoHidden: boolean;
+        labelPlacementOverwrite: boolean;
         bordered: string | boolean;
         uniqueCacheData: boolean;
         outBordered: boolean;

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

@@ -13,6 +13,12 @@ export declare const FORM_ITEM: import("vue").DefineComponent<{
     };
     labelRender: FunctionConstructor;
     annotation: {};
+    isOptionChildField: BooleanConstructor;
+    feedback: StringConstructor;
+    showFeedback: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     fieldItem: {
         type: PropType<FieldItem>;
     };
@@ -29,9 +35,17 @@ export declare const FORM_ITEM: import("vue").DefineComponent<{
     };
     labelRender: FunctionConstructor;
     annotation: {};
+    isOptionChildField: BooleanConstructor;
+    feedback: StringConstructor;
+    showFeedback: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     fieldItem: {
         type: PropType<FieldItem>;
     };
 }>>, {
+    showFeedback: boolean;
     span: number;
+    isOptionChildField: boolean;
 }>;

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

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

@@ -141,6 +141,7 @@ declare const _default: import("vue").DefineComponent<{
         autoExpand: boolean;
         lowCodeReactions: import("../../../../..").LowCodeTypes.reactionConfig[];
         linebarAutoHidden: boolean;
+        labelPlacementOverwrite: boolean;
         bordered: string | boolean;
         uniqueCacheData: boolean;
         operationalForm: import("../../../../..").LowCodeTypes.operationalConfig[];

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

@@ -140,6 +140,7 @@ export declare const LINEBAR: import("vue").DefineComponent<{
         autoExpand: boolean;
         lowCodeReactions: import("../../../../..").LowCodeTypes.reactionConfig[];
         linebarAutoHidden: boolean;
+        labelPlacementOverwrite: boolean;
         bordered: string | boolean;
         uniqueCacheData: boolean;
         operationalForm: import("../../../../..").LowCodeTypes.operationalConfig[];

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

@@ -91,6 +91,7 @@ export declare function useFieldNormalize(): {
         autoExpand: boolean;
         lowCodeReactions: import("../../../../shared/types").LowCodeTypes.reactionConfig[];
         linebarAutoHidden: boolean;
+        labelPlacementOverwrite: boolean;
         bordered: string | boolean;
         uniqueCacheData: boolean;
         operationalForm: import("../../../../shared/types").LowCodeTypes.operationalConfig[];
@@ -193,6 +194,7 @@ export declare function useFieldNormalize(): {
         autoExpand: boolean;
         lowCodeReactions: import("../../../../shared/types").LowCodeTypes.reactionConfig[];
         linebarAutoHidden: boolean;
+        labelPlacementOverwrite: boolean;
         bordered: string | boolean;
         uniqueCacheData: boolean;
         operationalForm: import("../../../../shared/types").LowCodeTypes.operationalConfig[];

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

@@ -1 +1 @@
-import{arrayed as e,traverse as t}from"../../../../shared/utils/index.js";import"../../../../shared/utils/tapable/SyncHook.js";import"../../../../shared/utils/tapable/SyncBailHook.js";import l from"../../../../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{isString as o}from"lodash-es";import"../../index.js";import{FIELD_BUSINESS_TYPE as r}from"../constants/index.js";import{FieldListFilter as a,findItemByValCondition as s,parseEnhanceText as i}from"../utils/index.js";import{transformDateFormat as _}from"../utils/business.js";function p(){const p=new l(["fieldList","props"]),n=new l(["fieldItem","props"]);n.tap("__forceClearable",((e,t)=>(t.forceClearable&&(e.componentProps={...e.componentProps,clearable:!0}),e))),n.tap("__time",(e=>("DATE"===e.html_type&&"time"===_(e.date_format)&&(e.html_type="TIME"),e))),n.tap("__block",(e=>(["CHECKBOX_BLOCK","RADIO_BLOCK"].includes(e.html_type)&&(e.__vertical=!0),e))),n.tap("__age",(t=>("AGE"===t.html_type&&(t.html_type="INPUT_NUMBER",t.reactions=t.reactions?e(t.reactions):[],t.reactions.push({target:t.val_key_unit,fulfill:{state:{disabled:"{{$self.disabled}}"}}}),t.suffixConfig=[{validate:{obj_type:r.AGE_UNIT},val_key:t.val_key_unit,html_type:"SELECT",option:t.option,urlConfig:t.urlConfig}]),t))),n.tap("__multiple_select",(e=>{const{html_type:t,multi_select:l,__multiple:o}=e;return e.__multiple="SEARCH"!==t&&("SEARCH_MORE"===t||("SELECT"===t?"0"===l:o)),e}));const m=[[["SEARCH","PHONE_TYPE","IDCARD_TYPE","SEARCH_MORE"],"SELECT"],["DIGITAL","INPUT_NUMBER"],["CHECKBOX_BLOCK","CHECKBOX"],["RADIO_BLOCK","RADIO"],[["DATE-INPUT","DATETIME-INPUT"],"DATE"],["SWITCH_COMPONENT","SWITCH"],["SLIDER_COMPONENT","SLIDER"],["LEVEL_SEARCH_CASCADE","LEVEL_SEARCH_CASCADER"],["SEARCH_CASCADE","SEARCH_CASCADER"]];n.tap("__normalize",(e=>(m.some((([t,l])=>(Array.isArray(t)?t.includes(e.html_type):t===e.html_type)&&(e.html_type=l))),e)));const E=new Map([[["SELECT","SEARCH","SEARCH_MORE"],new Map([["H_TILE",e=>e.html_type=e.__multiple?"CHECKBOX":"RADIO"],["V_TILE",e=>{e.html_type=e.__multiple?"CHECKBOX":"RADIO",e.__vertical=!0}]])],["RADIO",new Map([["DROPDOWN",e=>e.html_type="SELECT"]])],["CHECKBOX",new Map([["DROPDOWN",e=>{e.__multiple=!0,e.html_type="SELECT"}]])]]);return n.tap({stage:9999,name:"__show_mode"},(t=>t.show_mode?([...E].some((([l,o])=>{if(!e(l).includes(t.html_type))return;const r=o.get(t.show_mode);return r&&r(t),!0})),t):t)),p.tap("__out_bordered",((e,{column:t,outBordered:l})=>e)),p.tap("__prefix/suffix",(e=>{const l=[];return t(e,(t=>{["prefix","suffix"].forEach((r=>{const a=t[r];if(!o(a))return;const i=a.match("#{(.+)}");if(!i)return;const _=o(i[1])&&s(e,(e=>e.val_key===i[1].trim()));_&&(Reflect.deleteProperty(t,r),t[`${r}Config`]=t[`${r}Config`]||[],t[`${r}Config`].push(_),l.push(_))}))}),["children","properties"]),l.length?a(e,(e=>l.includes(e))):e})),p.tap("__textEnhance",(e=>{const l=[];return t(e,(t=>{if("TEXT"!==t.html_type||!o(t.default_val))return;const r=i(t.default_val);t.__textEnhance=r,r.forEach((o=>{if("text"===o.type)return;const r=s(e,(e=>[e.name,e.val_key].includes(o.content)));r&&(Reflect.deleteProperty(t,"default_val"),l.push(r),o.content=r)}))}),["children","properties"]),a(e,(e=>l.includes(e)))})),{FieldNormalizeWaterfallHook:n,FieldListNormalizeWaterfallHook:p}}export{p as useFieldNormalize};
+import{arrayed as e,traverse as t}from"../../../../shared/utils/index.js";import"../../../../shared/utils/tapable/SyncHook.js";import"../../../../shared/utils/tapable/SyncBailHook.js";import l from"../../../../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{isString as o}from"lodash-es";import"../../index.js";import{FIELD_BUSINESS_TYPE as r}from"../constants/index.js";import{FieldListFilter as a,findItemByValCondition as i,parseEnhanceText as s}from"../utils/index.js";import{transformDateFormat as _}from"../utils/business.js";function n(){const n=new l(["fieldList","props"]),p=new l(["fieldItem","props"]);p.tap("__forceClearable",((e,t)=>(t.forceClearable&&(e.componentProps={...e.componentProps,clearable:!0}),e))),p.tap({name:"__fieldAlias",before:"__labelPlacementOverwrite"},(e=>("BOTTOM"===e.inputBorder&&(e.bordered="underline"),e.title_h_layout&&(e.decoratorProps={...e.decoratorProps},"0"===e.title_h_layout?e.decoratorProps.labelPlacement="top":"1"===e.title_h_layout&&(e.decoratorProps.labelPlacement="left")),o(e.lineBarLayoutDirection)&&(e.linebarDirection=e.lineBarLayoutDirection.toLowerCase()),e))),p.tap("__labelPlacementOverwrite",((e,t)=>(t.labelPlacementOverwrite&&(e.decoratorProps={...e.decoratorProps,labelPlacement:void 0}),e))),p.tap("__time",(e=>("DATE"===e.html_type&&"time"===_(e.date_format)&&(e.html_type="TIME"),e))),p.tap("__block",(e=>(["CHECKBOX_BLOCK","RADIO_BLOCK"].includes(e.html_type)&&(e.__vertical=!0),e))),p.tap("__age",(t=>("AGE"===t.html_type&&(t.html_type="INPUT_NUMBER",t.reactions=t.reactions?e(t.reactions):[],t.reactions.push({target:t.val_key_unit,fulfill:{state:{disabled:"{{$self.disabled}}"}}}),t.suffixConfig=[{validate:{obj_type:r.AGE_UNIT},val_key:t.val_key_unit,html_type:"SELECT",option:t.option,urlConfig:t.urlConfig}]),t))),p.tap("__multiple_select",(e=>{const{html_type:t,multi_select:l,__multiple:o}=e;return e.__multiple="SEARCH"!==t&&("SEARCH_MORE"===t||("SELECT"===t?"0"===l:o)),e}));const c=[[["SEARCH","PHONE_TYPE","IDCARD_TYPE","SEARCH_MORE"],"SELECT"],["DIGITAL","INPUT_NUMBER"],["CHECKBOX_BLOCK","CHECKBOX"],["RADIO_BLOCK","RADIO"],[["DATE-INPUT","DATETIME-INPUT"],"DATE"],["SWITCH_COMPONENT","SWITCH"],["SLIDER_COMPONENT","SLIDER"],["LEVEL_SEARCH_CASCADE","LEVEL_SEARCH_CASCADER"],["SEARCH_CASCADE","SEARCH_CASCADER"]];p.tap("__normalize",(e=>(c.some((([t,l])=>(Array.isArray(t)?t.includes(e.html_type):t===e.html_type)&&(e.html_type=l))),e)));const m=new Map([[["SELECT","SEARCH","SEARCH_MORE"],new Map([["H_TILE",e=>e.html_type=e.__multiple?"CHECKBOX":"RADIO"],["V_TILE",e=>{e.html_type=e.__multiple?"CHECKBOX":"RADIO",e.__vertical=!0}]])],["RADIO",new Map([["DROPDOWN",e=>e.html_type="SELECT"]])],["CHECKBOX",new Map([["DROPDOWN",e=>{e.__multiple=!0,e.html_type="SELECT"}]])]]);return p.tap({stage:9999,name:"__show_mode"},(t=>t.show_mode?([...m].some((([l,o])=>{if(!e(l).includes(t.html_type))return;const r=o.get(t.show_mode);return r&&r(t),!0})),t):t)),n.tap("__out_bordered",((e,{column:t,outBordered:l})=>e)),n.tap("__prefix/suffix",(e=>{const l=[];return t(e,(t=>{["prefix","suffix"].forEach((r=>{const a=t[r];if(!o(a))return;const s=a.match("#{(.+)}");if(!s)return;const _=o(s[1])&&i(e,(e=>e.val_key===s[1].trim()));_&&(Reflect.deleteProperty(t,r),t[`${r}Config`]=t[`${r}Config`]||[],t[`${r}Config`].push(_),l.push(_))}))}),["children","properties"]),l.length?a(e,(e=>l.includes(e))):e})),n.tap("__textEnhance",(e=>{const l=[];return t(e,(t=>{if("TEXT"!==t.html_type||!o(t.default_val))return;const r=s(t.default_val);t.__textEnhance=r,r.forEach((o=>{if("text"===o.type)return;const r=i(e,(e=>[e.name,e.val_key].includes(o.content)));r&&(Reflect.deleteProperty(t,"default_val"),l.push(r),o.content=r)}))}),["children","properties"]),a(e,(e=>l.includes(e)))})),{FieldNormalizeWaterfallHook:p,FieldListNormalizeWaterfallHook:n}}export{n as useFieldNormalize};

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

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

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

@@ -147,6 +147,7 @@ export declare type FormRenderProps = Partial<{
     autoExpand: boolean;
     lowCodeReactions: LowCodeTypes.reactionConfig[];
     linebarAutoHidden: boolean;
+    labelPlacementOverwrite: boolean;
     bordered: boolean | string;
     uniqueCacheData: boolean;
     operationalForm: LowCodeTypes.operationalConfig[];

package/es/components/form-render/src/utils/dom.js

@@ -1 +1 @@
-import{dotEscape as e}from"./schema.js";function t(t,r,n){return r.querySelector(`[uuid=${n}][field-key=${e(t)}]`)}function r(t,r,n){return r.querySelector(`[uuid=${n}][field-address=${e(t)}]`)}function n(e){var t;return{widgetElement:null==e?void 0:e.querySelector("input"),widgetElementList:Array.from(null!=(t=null==e?void 0:e.querySelectorAll("input"))?t:[])}}function i(e,t,r){const n=d(e[t],r);if(n)return{widget:n,field:u(e[t])};let i=null,l=null;return e.slice(t+1).some((e=>{const t=i=d(e);return t&&(l=u(e)),t})),{widget:i,field:l};function u(e){return e&&e.getAttribute("field-key")}function d(e,t){const r=Array.from(e.querySelectorAll("textarea,input,[tabindex]")),n=t?r.findIndex((e=>e===t)):-1;return r.slice(n+1).find((e=>!Reflect.get(e,"disabled")&&!Array.from(e.classList).some((e=>e.endsWith("--disabled")))))}}export{i as findNextWidget,r as queryDecoratorByAddress,t as queryDecoratorByFieldKey,n as queryInput};
+import{dotEscape as e,createFieldAddressId as t}from"./schema.js";function r(t,r,n){return r.querySelector(`[uuid=${n}][field-key=${e(t)}]`)}function n(e,r,n){return r.querySelector(`[uuid=${n}][field-address=${t(e)}]`)}function i(e){var t;return{widgetElement:null==e?void 0:e.querySelector("input"),widgetElementList:Array.from(null!=(t=null==e?void 0:e.querySelectorAll("input"))?t:[])}}function l(e,t,r){const n=d(e[t],r);if(n)return{widget:n,field:u(e[t])};let i=null,l=null;return e.slice(t+1).some((e=>{const t=i=d(e);return t&&(l=u(e)),t})),{widget:i,field:l};function u(e){return e&&e.getAttribute("field-key")}function d(e,t){const r=Array.from(e.querySelectorAll("textarea,input,[tabindex]")),n=t?r.findIndex((e=>e===t)):-1;return r.slice(n+1).find((e=>!Reflect.get(e,"disabled")&&!Array.from(e.classList).some((e=>e.endsWith("--disabled")))))}}export{l as findNextWidget,n as queryDecoratorByAddress,r as queryDecoratorByFieldKey,i as queryInput};

package/es/components/form-render/src/utils/schema.d.ts

@@ -6,6 +6,7 @@ import { DependKeyType, FieldItem, ObjectDependKey } from '../../../../component
 export declare function traverseSchema(schema: ISchema, handler: (_s: ISchema) => void): void;
 export declare function fieldKeyEscape(fieldList: FieldItem[]): string;
 export declare function dotEscape(id: string): string;
+export declare function createFieldAddressId(id: string): string;
 export declare function createLinebarId(id: string): string;
 export declare function traverseDependKey(dependKeys: DependKeyType, handler: {
     (dependKey: string, valueKey: string, dependKeyConfig?: ObjectDependKey): void;

package/es/components/form-render/src/utils/schema.js

@@ -1 +1 @@
-import{isField as e}from"@formily/core";import{isObject as t,isPromise as r}from"@vue/shared";import{isString as n,isArray as o,isFunction as u,noop as a}from"lodash-es";function i(e,r){r(e),t(e.properties)&&Object.values(e.properties).forEach((e=>{i(e,r)}))}function c(e){return l(e.map((e=>e.val_key)).join("-"))}function l(e){return e.replace(/[.]/g,"-")}function f(e){return l(`id-${e}`)}function s(e,r){e&&function(){const r=new Map;o(e)?e.forEach((e=>{var n;t(e)?r.set(e.paramName,{key:null!=(n=e.paramValue)?n:e.paramName,dependKey:e}):r.set(e,e)})):t(e)?Object.entries(e).forEach((([e,t])=>{r.set(e,t)})):n(e)&&r.set(e,e);return r}().forEach(((e,t)=>{if(n(e))return r(t,e);r(t,e.key,e.dependKey)}))}function p(e,t){let r=null;for(const o of t){if(o.val_key===e){n(o)&&(r=null);break}n(o)&&(r=o.val_key)}return r;function n(e){return"LINEBAR"===e.html_type}}function v(t,n){const o={...t};return e(n)&&Object.assign(o,{"onUpdate:value"(e){var t;const o=null==(t=n.decoratorProps)?void 0:t.beforeSetValue;if(u(o)){const t=o(n.path.toString(),e,{field:n,oldValue:n.value});return r(t)?t.then((e=>n.setValue(e)),a):n.setValue(t)}n.setValue(e)}}),o}function d(t,r){const n={...t};return e(r)&&(n.key=void 0===n.value?0:1),n}function m(t,r){const n={...t};return e(r)&&(n.onClear=()=>r.visited=!0),n}function y(e){return{type:"object",properties:e}}function h(t,r){return(...n)=>(e(t.value)&&(t.value.visited=!0),u(r)?r(...n):void 0)}export{m as assignClearBindVisited,v as assignUpdateValue,d as assignValueBindKey,f as createLinebarId,y as createObjSchema,h as createVisitedSetter,l as dotEscape,c as fieldKeyEscape,p as getParentLinebar,s as traverseDependKey,i as traverseSchema};
+import{isField as e}from"@formily/core";import{isObject as t,isPromise as r}from"@vue/shared";import{isString as n,isArray as o,isFunction as u,noop as a}from"lodash-es";function i(e,r){r(e),t(e.properties)&&Object.values(e.properties).forEach((e=>{i(e,r)}))}function c(e){return l(e.map((e=>e.val_key)).join("-"))}function l(e){return e.replace(/[.]/g,"-")}function f(e){return l(`address-${e}`)}function s(e){return l(`id-${e}`)}function p(e,r){e&&function(){const r=new Map;o(e)?e.forEach((e=>{var n;t(e)?r.set(e.paramName,{key:null!=(n=e.paramValue)?n:e.paramName,dependKey:e}):r.set(e,e)})):t(e)?Object.entries(e).forEach((([e,t])=>{r.set(e,t)})):n(e)&&r.set(e,e);return r}().forEach(((e,t)=>{if(n(e))return r(t,e);r(t,e.key,e.dependKey)}))}function d(e,t){let r=null;for(const o of t){if(o.val_key===e){n(o)&&(r=null);break}n(o)&&(r=o.val_key)}return r;function n(e){return"LINEBAR"===e.html_type}}function v(t,n){const o={...t};return e(n)&&Object.assign(o,{"onUpdate:value"(e){var t;const o=null==(t=n.decoratorProps)?void 0:t.beforeSetValue;if(u(o)){const t=o(n.path.toString(),e,{field:n,oldValue:n.value});return r(t)?t.then((e=>n.setValue(e)),a):n.setValue(t)}n.setValue(e)}}),o}function m(t,r){const n={...t};return e(r)&&(n.key=void 0===n.value?0:1),n}function y(t,r){const n={...t};return e(r)&&(n.onClear=()=>r.visited=!0),n}function h(e){return{type:"object",properties:e}}function k(t,r){return(...n)=>(e(t.value)&&(t.value.visited=!0),u(r)?r(...n):void 0)}export{y as assignClearBindVisited,v as assignUpdateValue,m as assignValueBindKey,f as createFieldAddressId,s as createLinebarId,h as createObjSchema,k as createVisitedSetter,l as dotEscape,c as fieldKeyEscape,d as getParentLinebar,p as traverseDependKey,i as traverseSchema};

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/selectRendererPlugin/index.js

@@ -1 +1 @@
-import{reactive as e,inject as o,createVNode as l,mergeProps as t,onBeforeUnmount as n}from"vue";import{arrayed as i}from"../../../../../../../shared/utils/index.js";import"../../../../../index.js";import{EDITABLE_WIDGET_TYPE as r,InjectionIhoTableUUID as u}from"../../../../constants/index.js";import{useAutoFocus as s}from"../hooks/useAutoFocus.js";import{getTitle as d,IhoTableRenderHelper as c,IhoTableUtils as a}from"../../../../utils/index.js";import p from"./editSelect.js";import{getDefaultValue as f,isConnectField as m,getArray as v}from"./selectUtils.js";import{getSelectOptions as w,selectOptionsMap as C}from"../hooks/useSelectOption.js";import{cloneDeep as g,isFunction as h,isEqual as y}from"lodash-es";import{defineTablePlugin as b}from"../../../../hooks/useTablePlugin.js";function x(){const x="selectRendererPlugin",E=e(new Map);function k(e){return!0===e||"1"===e}return b({name:x,vxe(e){e.renderer.add(r.SELECT,{renderCell({props:e},{row:t,column:n,$table:r}){var s;const c=o(u),a=w(c,n.field,t,r),p=f(t,e,a),m=i(p).join(","),v=e&&(k(e.variableHeight)||(null==(s=e.componentProps)?void 0:s.indexedText));return[l("span",{title:d(n,m),class:"iho-table__colorAndIcon"},[v?i(p).reduce(((e,o)=>(null!=o&&e.push([o,";",l("br",null,null)]),e)),[]):m])]},renderEdit:c.createRenderEdit((({fieldItem:e,emitFormClick:n,row:i,column:r,$rowIndex:s,$table:d})=>{var c,a,f,m;const v=o(u),C=w(v,r.field,i,d),g=k(null!=(a=null==(c=e.componentProps)?void 0:c.allowModify)?a:e.allowModify),h=k(null!=(m=null==(f=e.componentProps)?void 0:f.allowCreate)?m:e.allowCreate)||g;return[l(p,t({queryOptions:e.queryOptions},e.componentProps,{options:C,column:r,row:i,"row-index":s,value:i[r.field],"onUpdate:value":e=>i[r.field]=e,allowModify:g,allowCreate:h,onClick:n}),null)]}))})},apply(e){async function o(e,o={}){var l,t,n;const i=null==(l=e.editRender)?void 0:l.props;if(!i)return[];let r=v(i.options)||v(null==(t=i.componentProps)?void 0:t.options)||[];if(i.queryOptions)try{const l={column:e,isFullData:!0,...o};r=await(null==(n=i.queryOptions)?void 0:n.call(i,l))}catch(e){console.log(`获取${i.field}_options错误`)}return r}function l(e){return e&&a.getCellType(e)===r.SELECT}s(e).bindAutoFocusConfig(x,r.SELECT,".n-base-selection-input,.n-base-selection-tags"),e.fieldHooks.fieldList.tap(x,((e,{uuid:t})=>{if(t){C.get(t)||C.set(t,{}),E.set(t,g(e));const n=C.get(t);e.forEach((async t=>{var i;const r=null==(i=t.editRender)?void 0:i.props;if(t.field&&r&&l(r)&&!m(e,t.field)){if(h(r.queryOptions)&&n[t.field])return;n[t.field]=[],n[t.field]=await o(t)}}))}return e})),e.dataHooks.data.tap(x,((e,{uuid:t},n)=>{if(!t)return;const i=E.get(t);if(!i||!i.length)return;const r=C.get(t);i.forEach((async t=>{var n;const u=null==(n=t.editRender)?void 0:n.props;if(t.field&&u&&l(u)&&(null==u?void 0:u.connectField)){const l=u.connectField.split(","),n=e[u.columnName];l.forEach((async l=>{const s=null==i?void 0:i.find((e=>e.field===l));if(!s)return;const d=n?`${l}__${u.columnName}-${n}`:l;r[d]||(r[d]=[],r[d]=await o(s,{row:e,connectColumn:t}))}))}}))})),e.setupHooks.setup.tap(x,(e=>{n((()=>{var o;const l=null==(o=e.value)?void 0:o.uuid;l&&(C.delete(l),E.delete(l))}))})),e.eventHooks.onCellDblclick.tap(x,((e,o,{emits:t})=>{var n,i,r;const{$table:u,row:s,column:d}=e,c=Reflect.get(e,"verticalState");let{column:a,row:p}=u.reactData.editStore.actived;if(!(a&&p||(c&&(a=null==(n=c.editCell)?void 0:n.column,p=null==(i=c.editCell)?void 0:i.row),a&&p)))return;c&&(a=d,p=s);const f=null==(r=a.editRender)?void 0:r.props,{cellDblclickSelectable:m=!1,multiple:v=!1,valueField:C="value"}=f.componentProps||{};if(!m||!l(f))return;const g=o.uuid&&w(o.uuid,a.field,p,u);if(1!==(null==g?void 0:g.length))return;const h=v?[g[0][C]]:g[0][C],b=p[a.field];u.clearEdit(),y(h,b)||(p[a.field]=h,t("formChange",{column:a,row:p,oldValue:b,value:h,index:u.getRowIndex(p),$table:u,option:g[0]}),c&&(c.editCell=null))}))}})}export{x as selectRendererPlugin};
+import{reactive as e,inject as o,createVNode as l,mergeProps as t,onBeforeUnmount as n}from"vue";import{arrayed as i}from"../../../../../../../shared/utils/index.js";import"../../../../../index.js";import{EDITABLE_WIDGET_TYPE as r,InjectionIhoTableUUID as u}from"../../../../constants/index.js";import{useAutoFocus as s}from"../hooks/useAutoFocus.js";import{getTitle as d,IhoTableRenderHelper as c,IhoTableUtils as a}from"../../../../utils/index.js";import p from"./editSelect.js";import{getDefaultValue as f,isConnectField as m,getArray as v}from"./selectUtils.js";import{getSelectOptions as w,selectOptionsMap as C}from"../hooks/useSelectOption.js";import{cloneDeep as g,isFunction as h,isEqual as y}from"lodash-es";import{defineTablePlugin as b}from"../../../../hooks/useTablePlugin.js";function x(){const x="selectRendererPlugin",E=e(new Map);function k(e){return!0===e||"1"===e}return b({name:x,vxe(e){e.renderer.add(r.SELECT,{renderCell({props:e},{row:t,column:n,$table:r}){var s,c;const a=o(u),p=w(a,n.field,t,r),m=f(t,e,p),v=i(m).join(","),C=e&&(null==(s=e.componentProps)?void 0:s.multiple)&&(k(e.variableHeight)||(null==(c=e.componentProps)?void 0:c.indexedText));return[l("span",{title:d(n,v),class:"iho-table__colorAndIcon"},[C?i(m).reduce(((e,o)=>(null!=o&&e.push([o,";",l("br",null,null)]),e)),[]):v])]},renderEdit:c.createRenderEdit((({fieldItem:e,emitFormClick:n,row:i,column:r,$rowIndex:s,$table:d})=>{var c,a,f,m;const v=o(u),C=w(v,r.field,i,d),g=k(null!=(a=null==(c=e.componentProps)?void 0:c.allowModify)?a:e.allowModify),h=k(null!=(m=null==(f=e.componentProps)?void 0:f.allowCreate)?m:e.allowCreate)||g;return[l(p,t({queryOptions:e.queryOptions},e.componentProps,{options:C,column:r,row:i,"row-index":s,value:i[r.field],"onUpdate:value":e=>i[r.field]=e,allowModify:g,allowCreate:h,onClick:n}),null)]}))})},apply(e){async function o(e,o={}){var l,t,n;const i=null==(l=e.editRender)?void 0:l.props;if(!i)return[];let r=v(i.options)||v(null==(t=i.componentProps)?void 0:t.options)||[];if(i.queryOptions)try{const l={column:e,isFullData:!0,...o};r=await(null==(n=i.queryOptions)?void 0:n.call(i,l))}catch(e){console.log(`获取${i.field}_options错误`)}return r}function l(e){return e&&a.getCellType(e)===r.SELECT}s(e).bindAutoFocusConfig(x,r.SELECT,".n-base-selection-input,.n-base-selection-tags"),e.fieldHooks.fieldList.tap(x,((e,{uuid:t})=>{if(t){C.get(t)||C.set(t,{}),E.set(t,g(e));const n=C.get(t);e.forEach((async t=>{var i;const r=null==(i=t.editRender)?void 0:i.props;if(t.field&&r&&l(r)&&!m(e,t.field)){if(h(r.queryOptions)&&n[t.field])return;n[t.field]=[],n[t.field]=await o(t)}}))}return e})),e.dataHooks.data.tap(x,((e,{uuid:t},n)=>{if(!t)return;const i=E.get(t);if(!i||!i.length)return;const r=C.get(t);i.forEach((async t=>{var n;const u=null==(n=t.editRender)?void 0:n.props;if(t.field&&u&&l(u)&&(null==u?void 0:u.connectField)){const l=u.connectField.split(","),n=e[u.columnName];l.forEach((async l=>{const s=null==i?void 0:i.find((e=>e.field===l));if(!s)return;const d=n?`${l}__${u.columnName}-${n}`:l;r[d]||(r[d]=[],r[d]=await o(s,{row:e,connectColumn:t}))}))}}))})),e.setupHooks.setup.tap(x,(e=>{n((()=>{var o;const l=null==(o=e.value)?void 0:o.uuid;l&&(C.delete(l),E.delete(l))}))})),e.eventHooks.onCellDblclick.tap(x,((e,o,{emits:t})=>{var n,i,r;const{$table:u,row:s,column:d}=e,c=Reflect.get(e,"verticalState");let{column:a,row:p}=u.reactData.editStore.actived;if(!(a&&p||(c&&(a=null==(n=c.editCell)?void 0:n.column,p=null==(i=c.editCell)?void 0:i.row),a&&p)))return;c&&(a=d,p=s);const f=null==(r=a.editRender)?void 0:r.props,{cellDblclickSelectable:m=!1,multiple:v=!1,valueField:C="value"}=f.componentProps||{};if(!m||!l(f))return;const g=o.uuid&&w(o.uuid,a.field,p,u);if(1!==(null==g?void 0:g.length))return;const h=v?[g[0][C]]:g[0][C],b=p[a.field];u.clearEdit(),y(h,b)||(p[a.field]=h,t("formChange",{column:a,row:p,oldValue:b,value:h,index:u.getRowIndex(p),$table:u,option:g[0]}),c&&(c.editCell=null))}))}})}export{x as selectRendererPlugin};