cnhis-design-vue 3.1.41-beta.34 → 3.1.41-beta.36

package/es/components/info-header/src/components/infoDescription/DescriptionItem.vue.js

@@ -1 +1 @@
-import{defineComponent as e,inject as t,computed as o,openBlock as n,createElementBlock as i,createBlock as l,unref as r,normalizeStyle as m,Fragment as s,withDirectives as d,createElementVNode as f,vShow as a,createCommentVNode as c}from"vue";import{isField as u}from"@formily/core";import{useForm as p}from"@formily/vue";import{isFunction as v}from"lodash-es";import{pauseTracking as y,enableTracking as I}from"@vue/reactivity";import"../../../../form-render/index.js";import{InjectionSchemaField as h,InjectionBusinessCollector as F}from"../../../../form-render/src/constants/index.js";import{InjectionInfoHeaderFormRef as w}from"../../constants/index.js";import b from"./HiddenContent.vue.js";import k from"./InfoEllipsis.vue.js";import _ from"../../../../../shared/components/SlotRender/SlotRender.js";import g from"../../../../../_virtual/plugin-vue_export-helper.js";import{useFieldListAdaptor as j}from"../../../../form-render/src/hooks/useFieldListAdaptor.js";import{createObjSchema as x}from"../../../../form-render/src/utils/schema.js";const P={key:0};var S=g(e({__name:"DescriptionItem",props:{infoItem:{default:()=>({})},labelField:{default:"label"},valueField:{default:"value"},width:null,rootSlot:null},setup(e){const g=e,S=t(h,{render:()=>null}),W=t(w);async function B(e){var t,o,n;if(!e.formField||e.edit)return;e.edit=!0;const i=await(null==(t=W.value)?void 0:t.queryWidget(e[g.labelField]));i&&(null==(o=i.widgetElement)||o.focus(),null==(n=i.widgetElement)||n.click())}const D=t(F,void 0),{schemaAdaptor:E}=j(D),q=p(),A=o((()=>{var e,t,o;const n=g.infoItem.formField;if(!n)return{};const i=g.infoItem[g.labelField],l={...n,html_type:null!=(e=n.html_type)?e:"INPUT",val_key:i,decoratorProps:{showLabel:!1,...n.decoratorProps,style:{marginBottom:"-12px"}},componentProps:{size:"tiny",clearable:!0,...n.componentProps,style:{marginTop:"4px",fontWeight:(null==(t=g.infoItem)?void 0:t.bold)?700:500,...null==(o=n.componentProps)?void 0:o.style},async onBlur(e){var t;if(q&&q.value)try{const o=q.value.query(i).take();await(o&&u(o)&&o.validate()),g.infoItem.edit=!1,v(null==(t=n.componentProps)?void 0:t.onBlur)&&n.componentProps.onBlur(e)}catch(e){}}}};y(),l.default_val=g.infoItem[g.valueField],I();const r=E([l]);return x(r)})),C=o((()=>({fontWeight:g.infoItem.bold?700:500,...g.infoItem.contentStyle}))),L=o((()=>{const{bold:e,contentStyle:t}=g.infoItem,o=g.width+"px";return{width:o,maxWidth:o,fontWeight:e?700:500,...t}})),R=o((()=>["电话","身份证"].some((e=>{var t,o;return null==(o=null==(t=g.infoItem[g.labelField])?void 0:t.includes)?void 0:o.call(t,e)}))));return(t,o)=>(n(),i("section",{onDblclick:o[0]||(o[0]=t=>B(e.infoItem)),onClick:o[1]||(o[1]=t=>async function(e){e.formField&&!e[g.valueField]&&0!==e[g.valueField]&&B(e)}(e.infoItem))},[e.infoItem.slot?(n(),l(r(_),{key:0,renderer:e.infoItem.slot,"root-slots":e.rootSlot,item:e.infoItem,style:m(r(C)),width:e.width},null,8,["renderer","root-slots","item","style","width"])):(n(),i(s,{key:1},[d(f("section",null,[r(R)?(n(),l(b,{key:0,content:e.infoItem[e.valueField],tip:e.infoItem.tip,"content-style":r(C),width:e.width},null,8,["content","tip","content-style","width"])):(n(),l(k,{key:1,"content-style":r(L),content:e.infoItem[e.valueField],tip:e.infoItem.tip},null,8,["content-style","content","tip"]))],512),[[a,!e.infoItem.edit||!e.infoItem.formField]]),e.infoItem.formField?d((n(),i("section",P,[(n(),l(r(S),{schema:r(A),key:e.infoItem[e.labelField]},null,8,["schema"]))],512)),[[a,e.infoItem.edit]]):c("v-if",!0)],64))],32))}}),[["__file","DescriptionItem.vue"]]);export{S as default};
+import{defineComponent as e,inject as t,computed as o,watch as n,openBlock as l,createElementBlock as i,createBlock as r,unref as m,normalizeStyle as s,Fragment as d,withDirectives as f,createElementVNode as a,vShow as c,createCommentVNode as u}from"vue";import{isField as p}from"@formily/core";import{useForm as v}from"@formily/vue";import{isFunction as y}from"lodash-es";import{pauseTracking as I,enableTracking as h}from"@vue/reactivity";import"../../../../form-render/index.js";import{InjectionSchemaField as F,InjectionBusinessCollector as w}from"../../../../form-render/src/constants/index.js";import{InjectionInfoHeaderFormRef as b}from"../../constants/index.js";import k from"./HiddenContent.vue.js";import P from"./InfoEllipsis.vue.js";import x from"../../../../../shared/components/SlotRender/SlotRender.js";import _ from"../../../../../_virtual/plugin-vue_export-helper.js";import{useFieldListAdaptor as j}from"../../../../form-render/src/hooks/useFieldListAdaptor.js";import{createObjSchema as g}from"../../../../form-render/src/utils/schema.js";const S={key:0};var W=_(e({__name:"DescriptionItem",props:{infoItem:{default:()=>({})},labelField:{default:"label"},valueField:{default:"value"},width:null,rootSlot:null},setup(e){const _=e,W=t(F,{render:()=>null}),B=t(b);async function D(e){var t,o,n;if(!e.formField||e.edit)return;e.edit=!0;const l=await(null==(t=B.value)?void 0:t.queryWidget(e[_.labelField]));l&&(null==(o=l.widgetElement)||o.focus(),null==(n=l.widgetElement)||n.click())}const E=t(w,void 0),{schemaAdaptor:q}=j(E),A=v(),C=o((()=>{var e,t,o;const n=_.infoItem.formField;if(!n)return{};const l=_.infoItem[_.labelField],i={...n,html_type:null!=(e=n.html_type)?e:"INPUT",val_key:l,decoratorProps:{showLabel:!1,...n.decoratorProps,style:{marginBottom:"-12px"}},componentProps:{size:"tiny",clearable:!0,...n.componentProps,style:{fontWeight:(null==(t=_.infoItem)?void 0:t.bold)?700:500,...null==(o=n.componentProps)?void 0:o.style},async onBlur(e){var t;if(A&&A.value)try{const o=A.value.query(l).take();await(o&&p(o)&&o.validate()),_.infoItem.edit=!1,y(null==(t=n.componentProps)?void 0:t.onBlur)&&n.componentProps.onBlur(e)}catch(e){}}}};I(),i.default_val=_.infoItem[_.valueField],h();const r=q([i]);return g(r)}));n((()=>_.width),(e=>{var t;e&&_.infoItem.formField&&(null==(t=B.value)||t.setFieldState(_.infoItem[_.labelField],(t=>{t.componentProps&&(t.componentProps.style={...t.componentProps.style,maxWidth:e+"px"})})))}));const L=o((()=>({fontWeight:_.infoItem.bold?700:500,..._.infoItem.contentStyle}))),R=o((()=>{const{bold:e,contentStyle:t}=_.infoItem,o=_.width+"px";return{width:o,maxWidth:o,fontWeight:e?700:500,...t}})),z=o((()=>["电话","身份证"].some((e=>{var t,o;return null==(o=null==(t=_.infoItem[_.labelField])?void 0:t.includes)?void 0:o.call(t,e)}))));return(t,o)=>(l(),i("section",{onDblclick:o[0]||(o[0]=t=>D(e.infoItem)),onClick:o[1]||(o[1]=t=>async function(e){e.formField&&!e[_.valueField]&&0!==e[_.valueField]&&D(e)}(e.infoItem))},[e.infoItem.slot?(l(),r(m(x),{key:0,renderer:e.infoItem.slot,"root-slots":e.rootSlot,item:e.infoItem,style:s(m(L)),width:e.width},null,8,["renderer","root-slots","item","style","width"])):(l(),i(d,{key:1},[f(a("section",null,[m(z)?(l(),r(k,{key:0,content:e.infoItem[e.valueField],tip:e.infoItem.tip,"content-style":m(L),width:e.width},null,8,["content","tip","content-style","width"])):(l(),r(P,{key:1,"content-style":m(R),content:e.infoItem[e.valueField],tip:e.infoItem.tip},null,8,["content-style","content","tip"]))],512),[[c,!e.infoItem.edit||!e.infoItem.formField]]),e.infoItem.formField?f((l(),i("section",S,[(l(),r(m(W),{schema:m(C),key:e.infoItem[e.labelField]},null,8,["schema"]))],512)),[[c,e.infoItem.edit]]):u("v-if",!0)],64))],32))}}),[["__file","DescriptionItem.vue"]]);export{W as default};