cnhis-design-vue 3.1.41 → 3.1.42-beta.0

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

@@ -0,0 +1 @@
+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};