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

package/es/components/info-header/src/components/patientInfo/index.vue.js

@@ -1 +1 @@
-import{defineComponent as e,computed as t,openBlock as a,createElementBlock as n,renderSlot as i,createVNode as r,unref as o,withCtx as s,mergeProps as f,createElementVNode as l,toDisplayString as p,createCommentVNode as d,Fragment as c,renderList as u,createBlock as v,resolveDynamicComponent as _,createTextVNode as I}from"vue";import{isArray as g,isString as m}from"lodash-es";import{NPopover as h,NImage as w,NTag as x,NEllipsis as y}from"naive-ui";import k from"../../../../../_virtual/plugin-vue_export-helper.js";const b={class:"c-info-header__patient"},H={class:"c-info-header__patientHeader"},L={key:0,class:"c-info-header__patientHeader--name"},P={key:1,class:"c-info-header__patientHeader--sex"},$={key:2,class:"c-info-header__patientHeader--age"};var j=k(e({__name:"index",props:{patientInfo:{default:()=>({})}},setup(e){const k=e,j=t((()=>k.patientInfo&&g(k.patientInfo.tagList)?k.patientInfo.tagList.filter((e=>e.render||m(e.content)&&e.content)):[]));function z({type:e="warning"}){return{color:{warning:"#fcc200",info:"rgba(45, 122, 255, 0.1)"}[e],textColor:{warning:"#fff",info:"#2563F4"}[e]}}return(t,g)=>(a(),n("section",b,[i(t.$slots,"avatarModule",{},(()=>[i(t.$slots,"avatar",{},(()=>[r(o(h),null,{trigger:s((()=>[r(o(w),f({style:{"border-radius":"50%"},width:40,height:40,"preview-disabled":"",src:e.patientInfo.avatar},e.patientInfo.avatarProps),null,16,["src"])])),default:s((()=>[r(o(w),f({width:200,"preview-disabled":"",src:e.patientInfo.avatarPreview||e.patientInfo.avatar},e.patientInfo.avatarPreviewProps),null,16,["src"])])),_:1})])),l("section",null,[l("header",H,[e.patientInfo.name?(a(),n("div",L,p(e.patientInfo.name),1)):d("v-if",!0),e.patientInfo.sex?(a(),n("div",P,"/ "+p(e.patientInfo.sex),1)):d("v-if",!0),null!=e.patientInfo.age?(a(),n("div",$," / "+p(e.patientInfo.age)+p(e.patientInfo.ageUnit||"岁"),1)):d("v-if",!0),i(t.$slots,"tags",{tagList:o(j)},(()=>[(a(!0),n(c,null,u(e.patientInfo.tagList||[],(e=>(a(),v(o(x),f({key:e.content,size:"medium",bordered:!1,color:z(e)},e),{default:s((()=>[e.render?(a(),v(_(e.render),{key:0})):(a(),v(o(y),{key:1,style:{"max-width":"96px"}},{default:s((()=>[I(p(e.content),1)])),_:2},1024))])),_:2},1040,["color"])))),128))]))]),i(t.$slots,"avatarInfo")])]))]))}}),[["__file","index.vue"]]);export{j as default};
+import{defineComponent as e,computed as t,ref as a,watch as n,nextTick as i,openBlock as l,createElementBlock as o,renderSlot as r,createVNode as s,unref as p,withCtx as f,mergeProps as d,createElementVNode as u,normalizeClass as c,toDisplayString as v,createCommentVNode as _,createTextVNode as m,Fragment as g,renderList as x,createBlock as y,resolveDynamicComponent as I}from"vue";import{isArray as h,isString as w,pick as b}from"lodash-es";import{NPopover as k,NImage as P,NDivider as E,NSpace as U,NButton as C,NTag as L,NEllipsis as H}from"naive-ui";import j from"../../../../form-render/index.js";import z from"../../../../../_virtual/plugin-vue_export-helper.js";const T={class:"c-info-header__patient"},F={class:"c-info-header__patientHeader"},N={key:0,class:"c-info-header__patientHeader--name"},R={key:1,class:"c-info-header__patientHeader--sex"},$={key:2,class:"c-info-header__patientHeader--age"};var B=z(e({__name:"index",props:{patientInfo:{default:()=>({})},patientEditable:{type:Boolean}},setup(e){const z=e,B=t((()=>z.patientInfo&&h(z.patientInfo.tagList)?z.patientInfo.tagList.filter((e=>e.render||w(e.content)&&e.content)):[])),S={warning:"#fcc200",info:"rgba(45, 122, 255, 0.1)"},V={warning:"#fff",info:"#2563F4"};function D({type:e="warning"}){return{color:S[e],textColor:V[e]}}const M=a(!1),O=t((()=>z.patientEditable?[{val_key:"name",is_null:"0",is_empty:"0",alias:"姓名",html_type:"INPUT",...z.patientInfo.nameProps},{val_key:"sex",alias:"性别",html_type:"SELECT",is_null:"0",option:[{text:"未知",value:"未知"},{text:"男",value:"男"},{text:"女",value:"女"}],...z.patientInfo.sexProps},{val_key:"age",alias:"年龄",html_type:"INPUT_NUMBER",is_null:"0",is_empty:"0",decoratorProps:{style:{flex:2}},...z.patientInfo.ageProps,suffixConfig:{alias:"年龄单位",is_null:"0",val_key:"ageUnit",html_type:"SELECT",decoratorProps:{style:{flex:1}},option:[{value:"天",text:"天"},{value:"月",text:"月"},{value:"岁",text:"岁"},{value:"小时",text:"小时"},{value:"分",text:"分"},{value:"周",text:"周"}],...z.patientInfo.ageUnitProps}}]:[])),W=a();async function q(){W.value&&(await W.value.validate(),Object.assign(z.patientInfo,b(W.value.getFormValues(),["name","sex","age","ageUnit"])),M.value=!1)}return n(M,(async e=>{await i(),e&&W.value&&W.value.setFormValues(z.patientInfo||{})})),(t,a)=>(l(),o("section",T,[r(t.$slots,"avatar",{},(()=>[s(p(k),null,{trigger:f((()=>[s(p(P),d({style:{"border-radius":"50%"},width:40,height:40,"preview-disabled":"",src:e.patientInfo.avatar},e.patientInfo.avatarProps),null,16,["src"])])),default:f((()=>[s(p(P),d({width:200,"preview-disabled":"",src:e.patientInfo.avatarPreview||e.patientInfo.avatar},e.patientInfo.avatarPreviewProps),null,16,["src"])])),_:1})])),u("section",null,[u("header",F,[s(p(k),{disabled:!e.patientEditable,trigger:"manual",placement:"bottom",show:M.value},{trigger:f((()=>[u("section",{class:c(["c-info-header__patientHeaderWrapper",{"in-edit":M.value}]),onDblclick:a[0]||(a[0]=t=>e.patientEditable&&(M.value=!0))},[e.patientInfo.name?(l(),o("div",N,v(e.patientInfo.name),1)):_("v-if",!0),e.patientInfo.sex?(l(),o("div",R,"/ "+v(e.patientInfo.sex),1)):_("v-if",!0),null!=e.patientInfo.age?(l(),o("div",$," / "+v(e.patientInfo.age)+v(e.patientInfo.ageUnit||"岁"),1)):_("v-if",!0)],34)])),default:f((()=>[s(p(j),{column:"6",size:"small","label-placement":"left",style:{width:"200px",margin:"4px 0 -8px 0"},"field-list":p(O),ref_key:"formRenderRef",ref:W},null,8,["field-list"]),s(p(E),{style:{margin:"8px -14px",width:"calc(100% + 28px)"}}),s(p(U),{justify:"end"},{default:f((()=>[s(p(C),{size:"small",onClick:a[1]||(a[1]=e=>M.value=!1)},{default:f((()=>[m("取消")])),_:1}),s(p(C),{size:"small",type:"info",onClick:q},{default:f((()=>[m("确认")])),_:1})])),_:1})])),_:1},8,["disabled","show"]),r(t.$slots,"tags",{tagList:p(B)},(()=>[(l(!0),o(g,null,x(e.patientInfo.tagList||[],(e=>(l(),y(p(L),d({key:e.content,size:"medium",bordered:!1,color:D(e)},e),{default:f((()=>[e.render?(l(),y(I(e.render),{key:0})):(l(),y(p(H),{key:1,style:{"max-width":"96px"}},{default:f((()=>[m(v(e.content),1)])),_:2},1024))])),_:2},1040,["color"])))),128))]))]),r(t.$slots,"avatarInfo")])]))}}),[["__file","index.vue"]]);export{B as default};

package/es/components/info-header/src/types/index.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'vue';
+import { Component, CSSProperties } from 'vue';
 import { FieldItem, FormRenderExpose } from '../../../../../es/components/form-render';
 export declare namespace InfoHeaderTypes {
     type InfoItem = Partial<{
@@ -7,6 +7,7 @@ export declare namespace InfoHeaderTypes {
             item: InfoItem;
         }) => any) | Component;
         tip: string;
+        contentStyle: CSSProperties;
         formField: Partial<FieldItem>;
         edit: boolean;
         [K: string]: any;
@@ -26,9 +27,13 @@ export declare namespace InfoHeaderTypes {
         avatarProps: string;
         avatarPreviewProps: string;
         name: string;
+        nameProps: Partial<FieldItem>;
         sex: string;
+        sexProps: Partial<FieldItem>;
         age: string;
+        ageProps: Partial<FieldItem>;
         ageUnit: string;
+        ageUnitProps: Partial<FieldItem>;
         tagList: PatientTag[];
     }>;
 }

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

@@ -1 +1 @@
-.c-info-header{align-items:center;background:#fff;box-shadow:0 2px 4px 0 hsla(0,0%,69%,.46);display:flex;gap:18px;justify-content:space-between;padding:8px 16px}@font-face{font-family:iconfont;src:url(iconfont.ttf) format("truetype")}.c-info-header .iconfont{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:iconfont!important;font-size:16px;font-style:normal}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia:before{content:"\c1003"}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaojiantoushang:before{content:"\c1004"}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaoshezhi:before{content:"\c1005"}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaobianji:before{content:"\c1006"}.c-info-header .info-header--icon-guanbi-yanjing:before{content:"\c1001"}.c-info-header .info-header--icon-faxian-yanjing:before{content:"\c1002"}.c-info-header__divider{align-self:stretch;background:#d5d5d566;width:1px}.c-info-header__patient{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;margin-right:34px}.c-info-header__patientHeader{align-items:center;display:flex;gap:6px}.c-info-header__patientHeader--name{font-size:20px;font-weight:700;margin-right:6px}.c-info-header__patientHeader .n-tag{border-radius:2px;height:20px}.c-info-header__patientHeader .n-tag .n-tag__content{font-size:12px}.c-info-header__info{display:flex;flex:1;flex-wrap:wrap;font-size:14px;justify-content:flex-start;width:100%}.c-info-header__infoWrapper{box-sizing:border-box;height:calc((var(--row-height)*var(--row-num) + 16)*1px);margin:-8px 0;max-height:calc((var(--row-height)*var(--row-num) + 16)*1px)}.c-info-header__info td{text-align:left}.c-info-header__info .n-descriptions-table-content{height:calc(var(--row-height)*1px);max-width:calc(var(--column-width)*1px);vertical-align:middle!important}.c-info-header__info .n-descriptions-table-content__label{display:inline-block}.c-info-header__setting{align-self:flex-start;display:flex;gap:8px}.c-info-header__settingIcon{align-items:center;cursor:pointer;display:inline-flex}.c-info-header__setting .iconfont{color:#000;display:inline-block;font-size:20px;transition:all .2s ease-in-out}.c-info-header.is-compact [compact-hidden]{display:none!important}.c-info-header.is-compact .info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia{transform:rotate(0deg)}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia{transform:rotate(180deg)}.c-info-header__hidden{align-items:center;display:inline-flex;font-size:14px;gap:8px;vertical-align:middle}.c-info-header__hidden--icon{color:inherit!important;cursor:pointer;font-size:14px;text-decoration:none!important}.c-info-header .n-form-item-blank>.n-input .n-input-wrapper{border-bottom:1px solid var(--n-text-color)}
+.c-info-header{align-items:center;background:#fff;box-shadow:0 2px 4px 0 hsla(0,0%,69%,.46);display:flex;gap:18px;height:calc((var(--row-height)*var(--row-num) + var(--padding-tb)*2)*1px);justify-content:space-between;padding:calc(var(--padding-tb)*1px) 16px}@font-face{font-family:iconfont;src:url(iconfont.ttf) format("truetype")}.c-info-header .iconfont{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:iconfont!important;font-size:16px;font-style:normal}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia:before{content:"\c1003"}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaojiantoushang:before{content:"\c1004"}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaoshezhi:before{content:"\c1005"}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaobianji:before{content:"\c1006"}.c-info-header .info-header--icon-guanbi-yanjing:before{content:"\c1001"}.c-info-header .info-header--icon-faxian-yanjing:before{content:"\c1002"}.c-info-header__divider{align-self:stretch;background:#d5d5d566;width:1px}.c-info-header__patient{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;margin-right:34px}.c-info-header__patientHeader,.c-info-header__patientHeaderWrapper{align-items:center;display:flex;gap:6px}.c-info-header__patientHeaderWrapper{border-bottom:1px solid transparent}.c-info-header__patientHeaderWrapper.in-edit{border-bottom:1px solid rgba(0,0,0,.6)}.c-info-header__patientHeader--name{font-size:20px;font-weight:700;margin-right:6px}.c-info-header__patientHeader .n-tag{border-radius:2px;height:20px}.c-info-header__patientHeader .n-tag .n-tag__content{font-size:12px}.c-info-header__info{display:flex;flex:1;flex-wrap:wrap;font-size:14px;justify-content:flex-start;width:100%}.c-info-header__infoWrapper{box-sizing:border-box;height:calc((var(--row-height)*var(--row-num))*1px);max-height:calc((var(--row-height)*var(--row-num))*1px)}.c-info-header__info td{text-align:left}.c-info-header__info .n-descriptions-table-content{height:calc(var(--row-height)*1px);max-width:calc(var(--column-width)*1px);overflow-y:hidden;padding:0!important;vertical-align:middle!important}.c-info-header__info .n-descriptions-table-content__label{color:rgba(0,0,0,.6);display:inline-block}.c-info-header__setting{align-self:flex-start;display:flex;gap:8px}.c-info-header__settingIcon{align-items:center;cursor:pointer;display:inline-flex}.c-info-header__setting .iconfont{color:#000;display:inline-block;font-size:20px;transition:all .2s ease-in-out}.c-info-header.is-compact [compact-hidden]{display:none!important}.c-info-header.is-compact .info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia{transform:rotate(0deg)}.c-info-header .info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia{transform:rotate(180deg)}.c-info-header__hidden{align-items:center;display:inline-flex;font-size:14px;gap:8px;vertical-align:middle}.c-info-header__hidden--icon{color:inherit!important;cursor:pointer;font-size:14px;text-decoration:none!important}.c-info-header .n-form-item-blank>.n-input .n-input-wrapper{border-bottom:1px solid var(--n-text-color)}.c-info-header .n-base-selection,.c-info-header .n-base-selection-label,.c-info-header .n-date-picker,.c-info-header .n-input,.c-info-header .n-input-wrapper{max-height:18px;min-height:18px;vertical-align:top}.c-info-header .n-base-selection input,.c-info-header .n-base-selection-label input,.c-info-header .n-date-picker input,.c-info-header .n-input input,.c-info-header .n-input-wrapper input{max-height:18px;min-height:18px}.c-info-header .n-select{line-height:1}