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

package/es/components/info-header/src/InfoHeader.vue.js

@@ -1 +1 @@
-import{defineComponent as e,ref as t,computed as n,openBlock as o,createElementBlock as i,normalizeClass as a,createElementVNode as s,createCommentVNode as r,renderSlot as l,createVNode as c,unref as f,withCtx as p,mergeProps as d,Fragment as u,renderList as m,createBlock as v,resolveDynamicComponent as h,h as g,nextTick as y}from"vue";import{isString as _}from"lodash-es";import I from"./components/infoDescription/index.vue.js";import $ from"./components/patientInfo/index.vue.js";import b from"../../../_virtual/plugin-vue_export-helper.js";const x={class:"c-info-header__operation"},S={key:0,class:"c-info-header__divider"},z={class:"c-info-header__setting"},j=["onClick"];var k=b(e({__name:"InfoHeader",props:{compact:{type:Boolean,required:!0},separator:{type:String,default:":"},patientInfo:{type:Object,default:()=>({})},infoList:{type:Array,required:!0},labelField:{type:String,default:"label"},valueField:{type:String,default:"value"},minColumnWidth:{type:[String,Number],default:180},rowHeight:{type:[String,Number],default:32},settingIcons:{type:Array,default:()=>["patientInfo","fieldSet","compact"]}},emits:["openPatientInfo","fieldSet","update:compact"],setup(e,{expose:b,emit:k}){const C=e,w=t();function H(){var e;return null==(e=w.value)?void 0:e.updateColumn()}const M={patientInfo:{event:function(){k("openPatientInfo")},render:()=>[g("i",{class:"iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaobianji"})]},fieldSet:{event:function(){k("fieldSet")},render:()=>[g("i",{class:"iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaoshezhi"})]},compact:{event:async function(){k("update:compact",!C.compact),await y(),await H()},render:()=>[g("i",{class:"iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia"})]}},q=n((()=>C.settingIcons.map((e=>(_(e)?M[e]:e)||{}))));return b({update:H}),(t,n)=>(o(),i("div",{class:a(["c-info-header",{"is-compact":e.compact}])},[s("section",x,[r("   操作区插槽   "),l(t.$slots,"operation")]),t.$slots.operation?(o(),i("div",S)):r("v-if",!0),r("   患者信息区插槽,需要自己实现整个患者信息区时使用   "),l(t.$slots,"patientModule",{},(()=>[c(f($),{"patient-info":e.patientInfo},{avatarInfo:p((()=>[r("   头像区补充内容插槽 (会插入头像下方)  "),l(t.$slots,"avatarInfo")])),avatar:p((()=>[r("    头像插槽      "),l(t.$slots,"avatar")])),tags:p((()=>[r("    标签插槽      "),l(t.$slots,"tags")])),avatarModule:p((()=>[r("     头像信息区插槽 (包含头像, 文本, 标签)      "),l(t.$slots,"avatarModule")])),_:3},8,["patient-info"])])),c(f(I),d({ref_key:"infoDescriptionRef",ref:w,"root-slot":t.$slots},t.$props),{info:p((()=>[r("    信息描述区插槽    "),l(t.$slots,"info")])),_:3},16,["root-slot"]),s("section",z,[r("  设置区插槽    "),l(t.$slots,"setting",{},(()=>[(o(!0),i(u,null,m(f(q),(e=>(o(),i("div",{key:e,class:"c-info-header__settingIcon",onClick:e.event},[(o(),v(h(e.render)))],8,j)))),128))]))])],2))}}),[["__file","InfoHeader.vue"]]);export{k as default};
+import{defineComponent as e,provide as t,ref as n,computed as o,openBlock as i,createElementBlock as a,normalizeClass as r,normalizeStyle as s,unref as p,createElementVNode as c,createCommentVNode as l,renderSlot as f,createVNode as d,withCtx as u,mergeProps as m,Fragment as h,renderList as v,createBlock as g,resolveDynamicComponent as y,h as _,nextTick as b}from"vue";import{isString as I}from"lodash-es";import $ from"./components/infoDescription/index.vue.js";import x from"./components/patientInfo/index.vue.js";import{InjectionInfoHeaderEmit as S,InjectionInfoHeaderFormRef as j}from"./constants/index.js";import z from"../../../_virtual/plugin-vue_export-helper.js";const w={class:"c-info-header__operation"},k={key:0,class:"c-info-header__divider"},C={class:"c-info-header__setting"},H=["onClick"];var P=z(e({__name:"InfoHeader",props:{compact:{type:Boolean,required:!0},patientInfo:{type:Object,default:()=>({})},patientEditable:{type:Boolean},separator:{type:String,default:":"},infoList:{type:Array,default:()=>[]},labelField:{type:String,default:"label"},valueField:{type:String,default:"value"},minColumnWidth:{type:[String,Number],default:180},rowHeight:{type:[String,Number],default:38},settingIcons:{type:Array,default:()=>["patientInfo","fieldSet","compact"]},formProps:{type:Object}},emits:["openPatientInfo","fieldSet","update:compact","formChange"],setup(e,{expose:z,emit:P}){const A=e;t(S,P);const B=n();function D(){var e;return null==(e=B.value)?void 0:e.updateColumn()}const E=o((()=>({"--row-height":A.rowHeight,"--row-num":A.compact?1:2,"--padding-tb":A.compact?9:4}))),F={patientInfo:{event:function(){P("openPatientInfo")},render:()=>[_("i",{class:"iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaobianji"})]},fieldSet:{event:function(){P("fieldSet")},render:()=>[_("i",{class:"iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaoshezhi"})]},compact:{event:async function(){P("update:compact",!A.compact),await b(),await D()},render:()=>[_("i",{class:"iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia"})]}},N=o((()=>A.settingIcons.map((e=>(I(e)?F[e]:e)||{})))),O=n();return t(j,O),z({update:D,$formRender:O}),(t,n)=>(i(),a("div",{class:r(["c-info-header",{"is-compact":e.compact}]),style:s(p(E))},[c("section",w,[l("   操作区插槽   "),f(t.$slots,"operation")]),t.$slots.operation?(i(),a("div",k)):l("v-if",!0),l("   患者信息区插槽,需要自己实现整个患者信息区时使用   "),f(t.$slots,"patientModule",{},(()=>[d(p(x),{"patient-info":e.patientInfo,"patient-editable":e.patientEditable},{avatarInfo:u((()=>[l("   头像区补充内容插槽 (会插入头像下方)  "),f(t.$slots,"avatarInfo")])),avatar:u((()=>[l("    头像插槽      "),f(t.$slots,"avatar")])),tags:u((()=>[l("    标签插槽      "),f(t.$slots,"tags")])),_:3},8,["patient-info","patient-editable"])])),d(p($),m({ref_key:"infoDescriptionRef",ref:B,"root-slot":t.$slots},t.$props),{info:u((()=>[l("    信息描述区插槽    "),f(t.$slots,"info")])),_:3},16,["root-slot"]),c("section",C,[l("  设置区插槽    "),f(t.$slots,"setting",{},(()=>[(i(!0),a(h,null,v(p(N),(e=>(i(),a("div",{key:e,class:"c-info-header__settingIcon",onClick:e.event},[(i(),g(y(e.render)))],8,H)))),128))]))])],6))}}),[["__file","InfoHeader.vue"]]);export{P as default};