cnhis-design-vue 3.1.5-beta.5 → 3.1.6

package/es/packages/info-header/src/info-header.vue_vue_type_script_setup_true_lang.mjs

@@ -1 +1 @@
-import{defineComponent as e,ref as t,nextTick as n,onMounted as i,watch as o,openBlock as a,createElementBlock as l,normalizeClass as s,normalizeStyle as c,createElementVNode as r,renderSlot as d,Fragment as f,toDisplayString as u,createCommentVNode as p,renderList as m,createBlock as v,unref as _,withCtx as h,createTextVNode as y,createVNode as g}from"vue";import{NTag as b,NDescriptions as I,NDescriptionsItem as w,NEllipsis as k}from"naive-ui";import{useThrottleFn as $,useEventListener as C}from"@vueuse/core";import"./hiddenContent2.mjs";import F from"./hiddenContent.vue_vue_type_script_setup_true_lang.mjs";const S={class:"c-info-header__operation"},x=r("div",{class:"c-info-header__divider"},null,-1),H={class:"c-info-header__patient"},W={class:"c-info-header__patientHeader"},j={key:0,class:"c-info-header__patientHeader--name"},L={key:1,class:"c-info-header__patientHeader--sex"},M={key:2,class:"c-info-header__patientHeader--age"},q={class:"c-info-header__setting"},A=r("i",{class:"iconfont icon-bianji"},null,-1),P=r("i",{class:"iconfont icon-setting"},null,-1),z=r("i",{class:"iconfont icon-double_down"},null,-1);var N=e({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:240},rowHeight:{type:[String,Number],default:32}},emits:["openPatientInfo","fieldSet","update:compact"],setup(e,{expose:N,emit:B}){const O=e;function R(){B("update:compact",!O.compact)}function T(){B("openPatientInfo")}function D(){B("fieldSet")}function E(e){return["电话","身份证"].includes(e[O.labelField])}const G=t(),J=t(3),K=t(0),Q=t([]),U=$((async function(){await n();const e=G.value;if(!e)return;const{clientWidth:t}=e;J.value=Math.floor(t/+O.minColumnWidth),K.value=Math.floor(t/J.value),await new Promise((e=>setTimeout(e,100)));const i=e.querySelectorAll(".n-descriptions-table-content__label");i&&(Q.value=Array.from(i).map((e=>K.value-e.clientWidth-20)))}),100,!0,!1);return i(U),o([()=>O.minColumnWidth,()=>O.infoList],U,{flush:"post",deep:!0}),N({update:U}),C(window,"resize",U),(t,n)=>(a(),l("div",{class:s(["c-info-header",{"is-compact":e.compact}]),style:c({"--row-height":e.rowHeight,"--column-width":K.value})},[r("section",S,[d(t.$slots,"operation")]),x,r("section",H,[d(t.$slots,"patientModule"),t.$slots.avatarModule?p("v-if",!0):(a(),l(f,{key:0},[d(t.$slots,"avatar"),r("section",null,[r("header",W,[e.patientInfo.name?(a(),l("div",j,u(e.patientInfo.name),1)):p("v-if",!0),e.patientInfo.sex?(a(),l("div",L,"/ "+u(e.patientInfo.sex),1)):p("v-if",!0),e.patientInfo.age?(a(),l("div",M,"/ "+u(e.patientInfo.age)+"岁",1)):p("v-if",!0),(a(!0),l(f,null,m(e.patientInfo.tagList||[],(e=>{return a(),l(f,null,[e.content?(a(),v(_(b),{key:0,size:"medium",bordered:!1,color:(t=e.type||"warning",{color:"warning"===t?"#fcc200":"rgba(45, 122, 255, 0.1)",textColor:"warning"===t?"#ffffff":"#2563F4"})},{default:h((()=>[y(u(e.content),1)])),_:2},1032,["color"])):p("v-if",!0)],64);var t})),256))]),d(t.$slots,"avatarInfo")])],64))]),r("section",{class:"c-info-header__info",style:c({"--row-num":e.compact?1:2}),ref_key:"infoRef",ref:G},[d(t.$slots,"info",{},(()=>[g(_(I),{"label-align":"right",style:{width:"100%"},"label-placement":"left",separator:":",column:J.value},{default:h((()=>[(a(!0),l(f,null,m(e.infoList,((n,i)=>(a(),v(_(w),{key:n[e.labelField],label:n[e.labelField]},{default:h((()=>[n.slot?d(t.$slots,n.slot,{key:0,item:n},(()=>{var t;return[y(u(null!=(t=n[e.valueField])?t:"-"),1)]})):E(n)?(a(),v(F,{key:1,content:n[e.valueField],width:Q.value[i]},null,8,["content","width"])):(a(),v(_(k),{key:2,style:c({maxWidth:Q.value[i]+"px"})},{default:h((()=>{var t;return[y(u(null!=(t=n[e.valueField])?t:"-"),1)]})),_:2},1032,["style"]))])),_:2},1032,["label"])))),128))])),_:3},8,["column"])]))],4),r("section",q,[d(t.$slots,"setting"),t.$slots.setting?p("v-if",!0):(a(),l(f,{key:0},[r("div",{class:"c-info-header__settingIcon",onClick:T},[d(t.$slots,"patientInfoIcon",{},(()=>[A]))]),r("div",{class:"c-info-header__settingIcon",onClick:D},[d(t.$slots,"fieldSetIcon",{},(()=>[P]))]),r("div",{class:"c-info-header__settingIcon",onClick:R},[d(t.$slots,"compactIcon",{},(()=>[z]))])],64))])],6))}});export{N as default};
+import{defineComponent as e,ref as t,nextTick as n,onMounted as i,watch as o,openBlock as a,createElementBlock as l,normalizeClass as s,normalizeStyle as c,createElementVNode as r,renderSlot as d,Fragment as u,toDisplayString as f,createCommentVNode as p,renderList as m,withDirectives as v,createBlock as _,unref as h,withCtx as y,createTextVNode as g,vShow as b,createVNode as I}from"vue";import{NTag as w,NDescriptions as k,NDescriptionsItem as $,NEllipsis as F}from"naive-ui";import{useThrottleFn as S,useEventListener as x}from"@vueuse/core";import"./hidden-content2.mjs";import C from"./hidden-content.vue_vue_type_script_setup_true_lang.mjs";const H={class:"c-info-header__operation"},W=r("div",{class:"c-info-header__divider"},null,-1),j={class:"c-info-header__patient"},L={class:"c-info-header__patientHeader"},M={key:0,class:"c-info-header__patientHeader--name"},q={key:1,class:"c-info-header__patientHeader--sex"},A={key:2,class:"c-info-header__patientHeader--age"},z={class:"c-info-header__setting"},N=r("i",{class:"iconfont icon-bianji"},null,-1),P=r("i",{class:"iconfont icon-setting"},null,-1),B=r("i",{class:"iconfont icon-double_down"},null,-1);var O=e({name:"info-header",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:240},rowHeight:{type:[String,Number],default:32}},emits:["openPatientInfo","fieldSet","update:compact"],setup(e,{expose:O,emit:R}){const D=e;function E(){R("update:compact",!D.compact)}function G(){R("openPatientInfo")}function J(){R("fieldSet")}function K(e){const t=X.value[e]+"px";return{width:t,maxWidth:t}}function Q(e){return["电话","身份证"].some((t=>{var n,i;return null==(i=null==(n=e[D.labelField])?void 0:n.includes)?void 0:i.call(n,t)}))}const T=t(),U=t(3),V=t(0),X=t([]),Y=S((async function(){await n();const e=T.value;if(!e)return;const{clientWidth:t}=e;U.value=Math.floor(t/+D.minColumnWidth),V.value=Math.floor(t/U.value),await n();const i=e.querySelectorAll(".n-descriptions-table-content__label");i&&(X.value=Array.from(i).map((e=>V.value-e.clientWidth-20)))}),100,!0,!1);return i(Y),o([()=>D.minColumnWidth,()=>D.infoList],Y,{flush:"post",deep:!0}),O({update:Y}),x(window,"resize",Y),(t,n)=>(a(),l("div",{class:s(["c-info-header",{"is-compact":e.compact}]),style:c({"--row-height":e.rowHeight,"--column-width":V.value})},[r("section",H,[d(t.$slots,"operation")]),W,r("section",j,[d(t.$slots,"patientModule"),t.$slots.avatarModule?p("v-if",!0):(a(),l(u,{key:0},[d(t.$slots,"avatar"),r("section",null,[r("header",L,[e.patientInfo.name?(a(),l("div",M,f(e.patientInfo.name),1)):p("v-if",!0),e.patientInfo.sex?(a(),l("div",q,"/ "+f(e.patientInfo.sex),1)):p("v-if",!0),e.patientInfo.age?(a(),l("div",A,"/ "+f(e.patientInfo.age)+"岁",1)):p("v-if",!0),(a(!0),l(u,null,m(e.patientInfo.tagList||[],(e=>{return v((a(),_(h(w),{key:e.content,size:"medium",bordered:!1,color:(t=e.type||"warning",{color:"warning"===t?"#fcc200":"rgba(45, 122, 255, 0.1)",textColor:"warning"===t?"#ffffff":"#2563F4"})},{default:y((()=>[g(f(e.content),1)])),_:2},1032,["color"])),[[b,e.content]]);var t})),128))]),d(t.$slots,"avatarInfo")])],64))]),r("section",{class:"c-info-header__info",style:c({"--row-num":e.compact?1:2}),ref_key:"infoRef",ref:T},[d(t.$slots,"info",{},(()=>[I(h(k),{"label-align":"right",style:{width:"100%"},"label-placement":"left",separator:":",column:U.value},{default:y((()=>[(a(!0),l(u,null,m(e.infoList,((n,i)=>(a(),_(h($),{key:n[e.labelField],label:n[e.labelField]},{default:y((()=>[n.slot?d(t.$slots,n.slot,{key:0,item:n},(()=>{var t;return[g(f(null!=(t=n[e.valueField])?t:"-"),1)]})):Q(n)?(a(),_(C,{key:1,content:n[e.valueField],width:X.value[i]},null,8,["content","width"])):(a(),_(h(F),{key:2,style:c(K(i))},{default:y((()=>{var t;return[g(f(null!=(t=n[e.valueField])?t:"-"),1)]})),_:2},1032,["style"]))])),_:2},1032,["label"])))),128))])),_:3},8,["column"])]))],4),r("section",z,[d(t.$slots,"setting"),t.$slots.setting?p("v-if",!0):(a(),l(u,{key:0},[r("div",{class:"c-info-header__settingIcon",onClick:G},[d(t.$slots,"patientInfoIcon",{},(()=>[N]))]),r("div",{class:"c-info-header__settingIcon",onClick:J},[d(t.$slots,"fieldSetIcon",{},(()=>[P]))]),r("div",{class:"c-info-header__settingIcon",onClick:E},[d(t.$slots,"compactIcon",{},(()=>[B]))])],64))])],6))}});export{O as default};

package/es/packages/info-header/style/index.css

@@ -5,6 +5,7 @@
   gap: 18px;
   padding: 16px;
   box-shadow: 0 2px 4px 0 rgba(176, 176, 176, 0.46);
+  background: white;
 }
 @font-face {
   font-family: "iconfont";

package/es/packages/info-header/style/index.less

@@ -43,6 +43,7 @@
   gap: 18px;
   padding: 16px;
   box-shadow: 0 2px 4px 0 rgba(176, 176, 176, 0.46);
+  background: white;
 
   &__operation {
     //