cnhis-design-vue 3.1.41-beta.24 → 3.1.41-beta.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/es/components/field-set/src/FieldSet.vue.js +1 -1
  2. package/es/components/info-header/index.d.ts +83 -41
  3. package/es/components/info-header/src/InfoHeader.vue.d.ts +83 -42
  4. package/es/components/info-header/src/InfoHeader.vue.js +1 -1
  5. package/es/components/info-header/src/components/index.d.ts +3 -0
  6. package/es/components/info-header/src/components/index.js +1 -0
  7. package/es/components/info-header/src/components/infoDescription/HiddenContent.vue.js +1 -0
  8. package/es/components/info-header/src/components/infoDescription/InfoEllipsis.vue.js +1 -0
  9. package/es/components/info-header/src/{InfoDescription.vue.d.ts → components/infoDescription/index.vue.d.ts} +6 -5
  10. package/es/components/info-header/src/components/infoDescription/index.vue.js +1 -0
  11. package/es/components/info-header/src/components/patientInfo/index.vue.d.ts +38 -0
  12. package/es/components/info-header/src/components/patientInfo/index.vue.js +1 -0
  13. package/es/components/info-header/src/types/index.d.ts +29 -0
  14. package/es/components/info-header/src/types/index.js +1 -0
  15. package/package.json +65 -65
  16. package/es/components/info-header/src/HiddenContent.vue.js +0 -1
  17. package/es/components/info-header/src/InfoDescription.vue.js +0 -1
  18. package/es/components/info-header/src/InfoEllipsis.vue.js +0 -1
  19. package/es/components/info-header/src/{HiddenContent.vue.d.ts → components/infoDescription/HiddenContent.vue.d.ts} +2 -2
  20. package/es/components/info-header/src/{InfoEllipsis.vue.d.ts → components/infoDescription/InfoEllipsis.vue.d.ts} +1 -1
package/es/components/field-set/src/FieldSet.vue.js CHANGED
@@ -1 +1 @@
1
- import{defineComponent as e,ref as l,reactive as t,watch as i,onMounted as s,openBlock as d,createElementBlock as a,normalizeStyle as o,createVNode as n,unref as c,withCtx as h,createElementVNode as r,normalizeClass as u,createCommentVNode as p,createBlock as f,createTextVNode as w,toDisplayString as v,withDirectives as k,vShow as y,renderSlot as b}from"vue";import{NSpin as g,NCheckbox as m,NTooltip as U,NSelect as S,NInput as x,NInputNumber as E,NPopconfirm as _,NButton as W}from"naive-ui";import C from"../../../shared/components/VueDraggable/src/vuedraggable.js";import O from"../../../_virtual/plugin-vue_export-helper.js";const F={class:"fields-set-content"},q={class:"fields-table"},D=r("span",{class:"width-show",style:{width:"4%"}},null,-1),N=r("span",{class:"width-large"},"所有字段",-1),P={class:"width-show"},j={key:0,class:"width-show"},R={key:1,class:"width-show"},I={class:"width-show"},L={class:"width-show"},T=r("span",{class:"width-showed"},"默认排序",-1),z=r("span",{class:"width-showed"},"固定",-1),A=r("span",{class:"width-word"},"自定义标题",-1),B=r("span",{class:"width-showed"},"列宽",-1),G=["onClick"],H={class:"width-show drag-icon-wrap"},J=r("span",{class:"iconfont icon-a-menzhenyishengzhanxitongtubiaotuozhuai",style:{color:"#000"}},null,-1),V=r("span",null,"拖拽调整顺序",-1),$=r("span",{style:{width:"14px","margin-right":"6px"}},null,-1),K={class:"width-show"},M={key:0,class:"width-show"},Q={key:1,class:"width-show"},X={class:"width-show"},Y={class:"width-show"},Z={class:"width-showed"},ee={class:"width-showed"},le={class:"width-word"},te={class:"width-showed"},ie={key:0,class:"check-options"},se={class:"btn-operate"};var de=O(e({__name:"FieldSet",props:{fields:{type:Array,default:function(){return[]}},footerFlag:{type:Boolean,default:!0},type:{type:String,default:"old"},isEdit:{type:Boolean,default:!1}},emits:["onSave","onClose","reset"],setup(e,{expose:O,emit:de}){const ae=e,oe={sid:"id",columnName:"name",isShow:"show",isSort:"sort",isFixed:"fixedWay",colWidth:"columnWidth"},ne=[{label:"不固定",value:"NONE"},{label:"左固定",value:"LEFT"},{label:"右固定",value:"RIGHT"}],ce=[{label:"不排序",value:"NONE"},{label:"升序",value:"ASC"},{label:"降序",value:"DESC"}],he=l(null);function re(){const e=ae.fields?JSON.parse(JSON.stringify(ae.fields)):[];return Object.keys(oe).forEach((l=>{e.forEach((e=>{"old"==ae.type&&Reflect.has(e,l)&&("isFixed"==l?e.fixedWay=1==e[l]?"LEFT":2==e[l]?"RIGHT":"NONE":["isShow","isSort"].includes(l)&&"boolean"!=typeof l?e[oe[l]]=1==e[l]:e[oe[l]]=e[l],Reflect.deleteProperty(e,l)),e.columnWidth=+e.columnWidth||null,Reflect.has(e,"alias")||(e.alias=""),Reflect.has(e,"bold")||(e.bold=!1)}))})),e}const ue=t({spinning:!1,isCustomSearch:!0,clickItem:{},fields:[],widthShow:"9%",widthLarge:"19%"}),pe=e=>ue.fields.some((l=>Object.prototype.hasOwnProperty.call(l,e))),fe=()=>{if("old"==ae.type){let e=[];return ue.fields.length>0&&ue.fields.forEach(((l,t)=>{e.push({id:l.id,field:l.name,visible:l.show,sequence:t,sortable:l.sort,title:l.alias,fixed:l.fixedWay,minWidth:l.columnWidth,bold:l.bold,sortDirection:l.sortDirection,...ae.isEdit?{required:l.required,editable:l.editable}:{}})})),e}return ue.fields},we=()=>{de("onSave",{tableFields:fe()})},ve=()=>{de("onClose")};function ke(){ue.fields=re(),de("reset")}const ye=e=>!!ue.fields.length&&ue.fields.every((l=>!(Object.prototype.hasOwnProperty.call(l,e)&&!ge(l,e))||l[e])),be=(e,l)=>{const t=e,i=ue.fields.map((e=>(Object.prototype.hasOwnProperty.call(e,l)&&!ge(e,l)&&(e[l]=t),e)));ue.fields=i};function ge(e,l){return["editable","required"].includes(l)&&e[`${l}Disable`]}return i((()=>ae.fields),(e=>{(null==e?void 0:e.length)>0&&(ue.fields=re())}),{immediate:!0,deep:!0}),s((()=>{var e;null==(e=he.value)||e.style.setProperty("margin","auto"),ae.isEdit&&(ue.widthShow="8%",ue.widthLarge="13%")})),O({getTableFields:fe}),(l,t)=>(d(),a("div",{ref_key:"settingView",ref:he,class:"c-field-set",style:o({"--width-show":ue.widthShow,"--width-large":ue.widthLarge})},[n(c(g),{show:ue.spinning,tip:"...",style:{width:"100%",height:"100%"}},{default:h((()=>[r("div",F,[r("div",q,[r("div",{class:u(["setting-title",{"seting-title-api":!ue.isCustomSearch}])},[D,p(" 字段名称 "),N,p(" 显示 "),r("span",P,[pe("show")?(d(),f(c(m),{key:0,checked:ye("show"),"onUpdate:checked":t[0]||(t[0]=e=>be(e,"show"))},null,8,["checked"])):p("v-if",!0),w(" 显示 ")]),p(" 可编辑 "),e.isEdit?(d(),a("span",j,[pe("editable")?(d(),f(c(m),{key:0,checked:ye("editable"),"onUpdate:checked":t[1]||(t[1]=e=>be(e,"editable"))},null,8,["checked"])):p("v-if",!0),w(" 编辑 ")])):p("v-if",!0),p(" 是否必填 "),e.isEdit?(d(),a("span",R,[pe("required")?(d(),f(c(m),{key:0,checked:ye("required"),"onUpdate:checked":t[2]||(t[2]=e=>be(e,"required"))},null,8,["checked"])):p("v-if",!0),w(" 必填 ")])):p("v-if",!0),p(" 排序 "),r("span",I,[pe("sort")?(d(),f(c(m),{key:0,checked:ye("sort"),"onUpdate:checked":t[3]||(t[3]=e=>be(e,"sort"))},null,8,["checked"])):p("v-if",!0),w(" 排序 ")]),r("span",L,[n(c(m),{checked:ye("bold"),"onUpdate:checked":t[4]||(t[4]=e=>be(e,"bold"))},null,8,["checked"]),w(" 加粗 ")]),p(" 默认排序 "),T,p(" 固定 "),z,p(" 自定义标题 "),A,p(" 列宽 "),B],2),r("div",{ref:"setShow",class:u(["set-show",{"set-show-api":!ue.isCustomSearch}])},[n(c(C),{list:ue.fields,animation:"150","item-key":"id",tag:"ul"},{item:h((({element:l})=>{return[l.hide?p("v-if",!0):(d(),a("li",{key:0,class:"left-style",style:o((t=l,{background:ue.clickItem.id===t.id?"#f2f2f2":void 0})),onClick:e=>{return t=l,void(ue.clickItem=t);var t}},[r("span",H,[n(c(U),{trigger:"hover"},{trigger:h((()=>[J])),default:h((()=>[V])),_:1})]),p(" 字段名称 "),r("span",{class:u(["width-large title-item",{blue:l.extraField}])},[$,r("span",null,v(l.title),1)],2),p(" 显示 "),r("span",K,[k(n(c(m),{checked:l.show,"onUpdate:checked":e=>l.show=e},null,8,["checked","onUpdate:checked"]),[[y,"0001"!=l.id]])]),p(" 是否可编辑 "),e.isEdit?(d(),a("span",M,[k(n(c(m),{disabled:l.editableDisable,checked:l.editable,"onUpdate:checked":e=>l.editable=e},null,8,["disabled","checked","onUpdate:checked"]),[[y,"0001"!=l.id]])])):p("v-if",!0),p(" 是否必填 "),e.isEdit?(d(),a("span",Q,[k(n(c(m),{disabled:l.requiredDisable,checked:l.required,"onUpdate:checked":e=>l.required=e},null,8,["disabled","checked","onUpdate:checked"]),[[y,"0001"!=l.id]])])):p("v-if",!0),p(" 排序 "),r("span",X,[k(n(c(m),{checked:l.sort,"onUpdate:checked":e=>l.sort=e,disabled:1==l.notParticipatingSort},null,8,["checked","onUpdate:checked","disabled"]),[[y,"0001"!=l.id]])]),p(" 加粗 "),r("span",Y,[k(n(c(m),{checked:l.bold,"onUpdate:checked":e=>l.bold=e},null,8,["checked","onUpdate:checked"]),[[y,"0001"!=l.id]])]),p(" 默认排序 "),r("span",Z,[k(n(c(S),{value:l.sortDirection,"onUpdate:value":e=>l.sortDirection=e,options:ce,style:{width:"90%",display:"flex"}},null,8,["value","onUpdate:value"]),[[y,"0001"!=l.id]])]),p(" 固定 "),r("span",ee,[n(c(S),{value:l.fixedWay,"onUpdate:value":e=>l.fixedWay=e,options:ne,style:{width:"90%",display:"flex"}},null,8,["value","onUpdate:value"])]),p(" 自定义标题 "),r("span",le,[k(n(c(x),{value:l.alias,"onUpdate:value":e=>l.alias=e,style:{width:"90%"},clearable:""},null,8,["value","onUpdate:value"]),[[y,"0001"!=l.id]])]),p(" 列宽 "),r("span",te,[n(c(E),{value:l.columnWidth,"onUpdate:value":e=>l.columnWidth=e,clearable:""},null,8,["value","onUpdate:value"])])],12,G))];var t})),_:1},8,["list"])],2)]),ae.footerFlag?(d(),a("div",ie,[r("div",se,[b(l.$slots,"footer",{},(()=>[n(c(_),{onPositiveClick:ke},{trigger:h((()=>[n(c(W),{style:{"margin-right":"8px"}},{default:h((()=>[w("恢复默认设置")])),_:1})])),default:h((()=>[w(" 确认要恢复系统默认设置吗？ ")])),_:1}),n(c(W),{style:{"margin-right":"8px"},onClick:ve},{default:h((()=>[w("取消")])),_:1}),n(c(W),{type:"primary",onClick:we},{default:h((()=>[w("保存")])),_:1})]))])])):p("v-if",!0)])])),_:3},8,["show"])],4))}}),[["__file","FieldSet.vue"]]);export{de as default};
1
+ import{defineComponent as e,ref as l,reactive as t,watch as i,onMounted as s,openBlock as d,createElementBlock as a,normalizeStyle as o,createVNode as n,unref as c,withCtx as h,createElementVNode as r,normalizeClass as u,createCommentVNode as p,createBlock as f,createTextVNode as w,toDisplayString as v,withDirectives as k,vShow as y,renderSlot as b}from"vue";import{NSpin as g,NCheckbox as m,NTooltip as U,NSelect as S,NInput as x,NInputNumber as E,NPopconfirm as _,NButton as W}from"naive-ui";import C from"../../../shared/components/VueDraggable/src/vuedraggable.js";import O from"../../../_virtual/plugin-vue_export-helper.js";const F={class:"fields-set-content"},q={class:"fields-table"},D=r("span",{class:"width-show",style:{width:"4%"}},null,-1),N=r("span",{class:"width-large"},"所有字段",-1),P={class:"width-show"},j={key:0,class:"width-show"},R={key:1,class:"width-show"},I={class:"width-show"},L={class:"width-show"},T=r("span",{class:"width-showed"},"默认排序",-1),z=r("span",{class:"width-showed"},"固定",-1),A=r("span",{class:"width-word"},"自定义标题",-1),B=r("span",{class:"width-showed"},"列宽",-1),G=["onClick"],H={class:"width-show drag-icon-wrap"},J=r("span",{class:"iconfont icon-a-menzhenyishengzhanxitongtubiaotuozhuai",style:{color:"#000"}},null,-1),V=r("span",null,"拖拽调整顺序",-1),$=r("span",{style:{width:"14px","margin-right":"6px"}},null,-1),K={class:"width-show"},M={key:0,class:"width-show"},Q={key:1,class:"width-show"},X={class:"width-show"},Y={class:"width-show"},Z={class:"width-showed"},ee={class:"width-showed"},le={class:"width-word"},te={class:"width-showed"},ie={key:0,class:"check-options"},se={class:"btn-operate"};var de=O(e({__name:"FieldSet",props:{fields:{type:Array,default:function(){return[]}},footerFlag:{type:Boolean,default:!0},type:{type:String,default:"old"},isEdit:{type:Boolean,default:!1}},emits:["onSave","onClose","reset"],setup(e,{expose:O,emit:de}){const ae=e,oe={sid:"id",columnName:"name",isShow:"show",isSort:"sort",isFixed:"fixedWay",colWidth:"columnWidth"},ne=[{label:"不固定",value:"NONE"},{label:"左固定",value:"LEFT"},{label:"右固定",value:"RIGHT"}],ce=[{label:"不排序",value:"NONE"},{label:"升序",value:"ASC"},{label:"降序",value:"DESC"}],he=l(null);function re(){const e=ae.fields?JSON.parse(JSON.stringify(ae.fields)):[];return Object.keys(oe).forEach((l=>{e.forEach((e=>{"old"==ae.type&&Reflect.has(e,l)&&("isFixed"==l?e.fixedWay=1==e[l]?"LEFT":2==e[l]?"RIGHT":"NONE":["isShow","isSort"].includes(l)&&"boolean"!=typeof l?e[oe[l]]=1==e[l]:e[oe[l]]=e[l],Reflect.deleteProperty(e,l)),e.columnWidth=+e.columnWidth||null,Reflect.has(e,"alias")||(e.alias=""),Reflect.has(e,"bold")||(e.bold=!1)}))})),e}const ue=t({spinning:!1,isCustomSearch:!0,clickItem:{},fields:[],widthShow:"9%",widthLarge:"19%"}),pe=e=>ue.fields.some((l=>Object.prototype.hasOwnProperty.call(l,e))),fe=()=>{if("old"==ae.type){let e=[];return ue.fields.length>0&&ue.fields.forEach(((l,t)=>{e.push({id:l.id,field:l.name,visible:l.show,sequence:t,sortable:l.sort,title:l.alias,fixed:l.fixedWay,minWidth:l.columnWidth,bold:l.bold,sortDirection:l.sortDirection,...ae.isEdit?{required:l.required,editable:l.editable}:{}})})),e}return ue.fields},we=()=>{de("onSave",{tableFields:fe()})},ve=()=>{de("onClose")};function ke(){ue.fields=re(),de("reset")}const ye=e=>!!ue.fields.length&&ue.fields.every((l=>!(Object.prototype.hasOwnProperty.call(l,e)&&!ge(l,e))||l[e])),be=(e,l)=>{const t=e,i=ue.fields.map((e=>(Object.prototype.hasOwnProperty.call(e,l)&&!ge(e,l)&&(e[l]=t),e)));ue.fields=i};function ge(e,l){return["editable","required"].includes(l)&&e[`${l}Disable`]||["sort"].includes(l)&&1==e.notParticipatingSort}return i((()=>ae.fields),(e=>{(null==e?void 0:e.length)>0&&(ue.fields=re())}),{immediate:!0,deep:!0}),s((()=>{var e;null==(e=he.value)||e.style.setProperty("margin","auto"),ae.isEdit&&(ue.widthShow="8%",ue.widthLarge="13%")})),O({getTableFields:fe}),(l,t)=>(d(),a("div",{ref_key:"settingView",ref:he,class:"c-field-set",style:o({"--width-show":ue.widthShow,"--width-large":ue.widthLarge})},[n(c(g),{show:ue.spinning,tip:"...",style:{width:"100%",height:"100%"}},{default:h((()=>[r("div",F,[r("div",q,[r("div",{class:u(["setting-title",{"seting-title-api":!ue.isCustomSearch}])},[D,p(" 字段名称 "),N,p(" 显示 "),r("span",P,[pe("show")?(d(),f(c(m),{key:0,checked:ye("show"),"onUpdate:checked":t[0]||(t[0]=e=>be(e,"show"))},null,8,["checked"])):p("v-if",!0),w(" 显示 ")]),p(" 可编辑 "),e.isEdit?(d(),a("span",j,[pe("editable")?(d(),f(c(m),{key:0,checked:ye("editable"),"onUpdate:checked":t[1]||(t[1]=e=>be(e,"editable"))},null,8,["checked"])):p("v-if",!0),w(" 编辑 ")])):p("v-if",!0),p(" 是否必填 "),e.isEdit?(d(),a("span",R,[pe("required")?(d(),f(c(m),{key:0,checked:ye("required"),"onUpdate:checked":t[2]||(t[2]=e=>be(e,"required"))},null,8,["checked"])):p("v-if",!0),w(" 必填 ")])):p("v-if",!0),p(" 排序 "),r("span",I,[pe("sort")?(d(),f(c(m),{key:0,checked:ye("sort"),"onUpdate:checked":t[3]||(t[3]=e=>be(e,"sort"))},null,8,["checked"])):p("v-if",!0),w(" 排序 ")]),r("span",L,[n(c(m),{checked:ye("bold"),"onUpdate:checked":t[4]||(t[4]=e=>be(e,"bold"))},null,8,["checked"]),w(" 加粗 ")]),p(" 默认排序 "),T,p(" 固定 "),z,p(" 自定义标题 "),A,p(" 列宽 "),B],2),r("div",{ref:"setShow",class:u(["set-show",{"set-show-api":!ue.isCustomSearch}])},[n(c(C),{list:ue.fields,animation:"150","item-key":"id",tag:"ul"},{item:h((({element:l})=>{return[l.hide?p("v-if",!0):(d(),a("li",{key:0,class:"left-style",style:o((t=l,{background:ue.clickItem.id===t.id?"#f2f2f2":void 0})),onClick:e=>{return t=l,void(ue.clickItem=t);var t}},[r("span",H,[n(c(U),{trigger:"hover"},{trigger:h((()=>[J])),default:h((()=>[V])),_:1})]),p(" 字段名称 "),r("span",{class:u(["width-large title-item",{blue:l.extraField}])},[$,r("span",null,v(l.title),1)],2),p(" 显示 "),r("span",K,[k(n(c(m),{checked:l.show,"onUpdate:checked":e=>l.show=e},null,8,["checked","onUpdate:checked"]),[[y,"0001"!=l.id]])]),p(" 是否可编辑 "),e.isEdit?(d(),a("span",M,[k(n(c(m),{disabled:l.editableDisable,checked:l.editable,"onUpdate:checked":e=>l.editable=e},null,8,["disabled","checked","onUpdate:checked"]),[[y,"0001"!=l.id]])])):p("v-if",!0),p(" 是否必填 "),e.isEdit?(d(),a("span",Q,[k(n(c(m),{disabled:l.requiredDisable,checked:l.required,"onUpdate:checked":e=>l.required=e},null,8,["disabled","checked","onUpdate:checked"]),[[y,"0001"!=l.id]])])):p("v-if",!0),p(" 排序 "),r("span",X,[k(n(c(m),{checked:l.sort,"onUpdate:checked":e=>l.sort=e,disabled:1==l.notParticipatingSort},null,8,["checked","onUpdate:checked","disabled"]),[[y,"0001"!=l.id]])]),p(" 加粗 "),r("span",Y,[k(n(c(m),{checked:l.bold,"onUpdate:checked":e=>l.bold=e},null,8,["checked","onUpdate:checked"]),[[y,"0001"!=l.id]])]),p(" 默认排序 "),r("span",Z,[k(n(c(S),{value:l.sortDirection,"onUpdate:value":e=>l.sortDirection=e,options:ce,style:{width:"90%",display:"flex"}},null,8,["value","onUpdate:value"]),[[y,"0001"!=l.id]])]),p(" 固定 "),r("span",ee,[n(c(S),{value:l.fixedWay,"onUpdate:value":e=>l.fixedWay=e,options:ne,style:{width:"90%",display:"flex"}},null,8,["value","onUpdate:value"])]),p(" 自定义标题 "),r("span",le,[k(n(c(x),{value:l.alias,"onUpdate:value":e=>l.alias=e,style:{width:"90%"},clearable:""},null,8,["value","onUpdate:value"]),[[y,"0001"!=l.id]])]),p(" 列宽 "),r("span",te,[n(c(E),{value:l.columnWidth,"onUpdate:value":e=>l.columnWidth=e,clearable:""},null,8,["value","onUpdate:value"])])],12,G))];var t})),_:1},8,["list"])],2)]),ae.footerFlag?(d(),a("div",ie,[r("div",se,[b(l.$slots,"footer",{},(()=>[n(c(_),{onPositiveClick:ke},{trigger:h((()=>[n(c(W),{style:{"margin-right":"8px"}},{default:h((()=>[w("恢复默认设置")])),_:1})])),default:h((()=>[w(" 确认要恢复系统默认设置吗？ ")])),_:1}),n(c(W),{style:{"margin-right":"8px"},onClick:ve},{default:h((()=>[w("取消")])),_:1}),n(c(W),{type:"primary",onClick:we},{default:h((()=>[w("保存")])),_:1})]))])])):p("v-if",!0)])])),_:3},8,["show"])],4))}}),[["__file","FieldSet.vue"]]);export{de as default};
package/es/components/info-header/index.d.ts CHANGED
@@ -17,8 +17,8 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
17
17
  name: string;
18
18
  sex: string;
19
19
  age: string;
20
- ageUnit?: string | undefined;
21
- tagList?: Partial<{
20
+ ageUnit: string;
21
+ tagList: Partial<{
22
22
  type?: "warning" | "info" | undefined;
23
23
  content: string;
24
24
  render?: any;
@@ -26,7 +26,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
26
26
  color?: string | undefined;
27
27
  textColor?: string | undefined;
28
28
  } | undefined;
29
- }>[] | undefined;
29
+ }>[];
30
30
  }>>;
31
31
  default: () => {};
32
32
  };
@@ -78,8 +78,8 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
78
78
  name: string;
79
79
  sex: string;
80
80
  age: string;
81
- ageUnit?: string | undefined;
82
- tagList?: Partial<{
81
+ ageUnit: string;
82
+ tagList: Partial<{
83
83
  type?: "warning" | "info" | undefined;
84
84
  content: string;
85
85
  render?: any;
@@ -87,7 +87,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
87
87
  color?: string | undefined;
88
88
  textColor?: string | undefined;
89
89
  } | undefined;
90
- }>[] | undefined;
90
+ }>[];
91
91
  }>>;
92
92
  default: () => {};
93
93
  };
@@ -145,31 +145,6 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
145
145
  [key: string]: any;
146
146
  }>[];
147
147
  }[]>;
148
- getTagColor: ({ type }: Partial<{
149
- type?: "warning" | "info" | undefined;
150
- content: string;
151
- render?: any;
152
- color?: {
153
- color?: string | undefined;
154
- textColor?: string | undefined;
155
- } | undefined;
156
- }>) => {
157
- color: string;
158
- textColor: string;
159
- };
160
- tagListExcludeEmpty: import("vue").ComputedRef<Partial<{
161
- type?: "warning" | "info" | undefined;
162
- content: string;
163
- render?: any;
164
- color?: {
165
- color?: string | undefined;
166
- textColor?: string | undefined;
167
- } | undefined;
168
- }>[]>;
169
- NEllipsis: any;
170
- NImage: any;
171
- NPopover: any;
172
- NTag: any;
173
148
  InfoDescription: import("vue").DefineComponent<{
174
149
  compact: {
175
150
  type: BooleanConstructor;
@@ -208,7 +183,12 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
208
183
  }, {
209
184
  props: {
210
185
  compact: boolean;
211
- infoList: import("../../../es/shared/types").AnyObject[];
186
+ infoList: Partial<{
187
+ [K: string]: any;
188
+ slot: string | (() => any);
189
+ tip: string;
190
+ formField: import("..").FieldItem;
191
+ }>[];
212
192
  labelField: string;
213
193
  valueField: string;
214
194
  minColumnWidth: string | number;
@@ -302,8 +282,8 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
302
282
  default: () => {};
303
283
  };
304
284
  }>>, {
305
- content: string;
306
285
  contentStyle: import("vue").CSSProperties;
286
+ content: string;
307
287
  }>;
308
288
  HiddenContent: import("vue").DefineComponent<{
309
289
  content: {
@@ -369,8 +349,8 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
369
349
  default: () => {};
370
350
  };
371
351
  }>>, {
372
- content: string;
373
352
  contentStyle: import("vue").CSSProperties;
353
+ content: string;
374
354
  }>;
375
355
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
376
356
  content: {
@@ -386,8 +366,8 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
386
366
  default: () => {};
387
367
  };
388
368
  }>>, {
389
- content: string;
390
369
  contentStyle: import("vue").CSSProperties;
370
+ content: string;
391
371
  }>;
392
372
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
393
373
  compact: {
@@ -432,6 +412,68 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
432
412
  minColumnWidth: string | number;
433
413
  rowHeight: string | number;
434
414
  }>;
415
+ PatientInfo: import("vue").DefineComponent<{
416
+ patientInfo: {
417
+ type: null;
418
+ required: true;
419
+ default: () => {};
420
+ };
421
+ }, {
422
+ props: {
423
+ patientInfo: Partial<{
424
+ avatar: string;
425
+ avatarPreview: string;
426
+ avatarProps: string;
427
+ avatarPreviewProps: string;
428
+ name: string;
429
+ sex: string;
430
+ age: string;
431
+ ageUnit: string;
432
+ tagList: Partial<{
433
+ type?: "warning" | "info" | undefined;
434
+ content: string;
435
+ render?: any;
436
+ color?: {
437
+ color?: string | undefined;
438
+ textColor?: string | undefined;
439
+ } | undefined;
440
+ }>[];
441
+ }>;
442
+ };
443
+ tagListExcludeEmpty: import("vue").ComputedRef<Partial<{
444
+ type?: "warning" | "info" | undefined;
445
+ content: string;
446
+ render?: any;
447
+ color?: {
448
+ color?: string | undefined;
449
+ textColor?: string | undefined;
450
+ } | undefined;
451
+ }>[]>;
452
+ getTagColor: ({ type }: Partial<{
453
+ type?: "warning" | "info" | undefined;
454
+ content: string;
455
+ render?: any;
456
+ color?: {
457
+ color?: string | undefined;
458
+ textColor?: string | undefined;
459
+ } | undefined;
460
+ }>) => {
461
+ color: string;
462
+ textColor: string;
463
+ };
464
+ NImage: any;
465
+ NEllipsis: any;
466
+ NTag: any;
467
+ NPopover: any;
468
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
469
+ patientInfo: {
470
+ type: null;
471
+ required: true;
472
+ default: () => {};
473
+ };
474
+ }>>, {
475
+ patientInfo: any;
476
+ }>;
435
477
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("openPatientInfo" | "fieldSet" | "update:compact")[], "openPatientInfo" | "fieldSet" | "update:compact", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
436
478
  compact: {
437
479
  type: BooleanConstructor;
@@ -450,8 +492,8 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
450
492
  name: string;
451
493
  sex: string;
452
494
  age: string;
453
- ageUnit?: string | undefined;
454
- tagList?: Partial<{
495
+ ageUnit: string;
496
+ tagList: Partial<{
455
497
  type?: "warning" | "info" | undefined;
456
498
  content: string;
457
499
  render?: any;
@@ -459,7 +501,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
459
501
  color?: string | undefined;
460
502
  textColor?: string | undefined;
461
503
  } | undefined;
462
- }>[] | undefined;
504
+ }>[];
463
505
  }>>;
464
506
  default: () => {};
465
507
  };
@@ -506,8 +548,8 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
506
548
  name: string;
507
549
  sex: string;
508
550
  age: string;
509
- ageUnit?: string | undefined;
510
- tagList?: Partial<{
551
+ ageUnit: string;
552
+ tagList: Partial<{
511
553
  type?: "warning" | "info" | undefined;
512
554
  content: string;
513
555
  render?: any;
@@ -515,7 +557,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
515
557
  color?: string | undefined;
516
558
  textColor?: string | undefined;
517
559
  } | undefined;
518
- }>[] | undefined;
560
+ }>[];
519
561
  }>;
520
562
  labelField: string;
521
563
  valueField: string;
package/es/components/info-header/src/InfoHeader.vue.d.ts CHANGED
@@ -1,14 +1,5 @@
1
1
  import { AnyObject, Func } from '../../../../es/shared/types';
2
2
  import { PropType, VNode } from 'vue';
3
- declare type PatientTag = Partial<{
4
- type?: 'warning' | 'info';
5
- content: string;
6
- render?: any;
7
- color?: {
8
- color?: string;
9
- textColor?: string;
10
- };
11
- }>;
12
3
  declare const _default: import("vue").DefineComponent<{
13
4
  compact: {
14
5
  type: BooleanConstructor;
@@ -27,8 +18,8 @@ declare const _default: import("vue").DefineComponent<{
27
18
  name: string;
28
19
  sex: string;
29
20
  age: string;
30
- ageUnit?: string | undefined;
31
- tagList?: Partial<{
21
+ ageUnit: string;
22
+ tagList: Partial<{
32
23
  type?: "warning" | "info" | undefined;
33
24
  content: string;
34
25
  render?: any;
@@ -36,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
36
27
  color?: string | undefined;
37
28
  textColor?: string | undefined;
38
29
  } | undefined;
39
- }>[] | undefined;
30
+ }>[];
40
31
  }>>;
41
32
  default: () => {};
42
33
  };
@@ -86,8 +77,8 @@ declare const _default: import("vue").DefineComponent<{
86
77
  name: string;
87
78
  sex: string;
88
79
  age: string;
89
- ageUnit?: string | undefined;
90
- tagList?: Partial<{
80
+ ageUnit: string;
81
+ tagList: Partial<{
91
82
  type?: "warning" | "info" | undefined;
92
83
  content: string;
93
84
  render?: any;
@@ -95,7 +86,7 @@ declare const _default: import("vue").DefineComponent<{
95
86
  color?: string | undefined;
96
87
  textColor?: string | undefined;
97
88
  } | undefined;
98
- }>[] | undefined;
89
+ }>[];
99
90
  }>>;
100
91
  default: () => {};
101
92
  };
@@ -147,23 +138,6 @@ declare const _default: import("vue").DefineComponent<{
147
138
  event: Func;
148
139
  render: () => VNode[];
149
140
  }[]>;
150
- getTagColor: ({ type }: PatientTag) => {
151
- color: string;
152
- textColor: string;
153
- };
154
- tagListExcludeEmpty: import("vue").ComputedRef<Partial<{
155
- type?: "warning" | "info" | undefined;
156
- content: string;
157
- render?: any;
158
- color?: {
159
- color?: string | undefined;
160
- textColor?: string | undefined;
161
- } | undefined;
162
- }>[]>;
163
- NEllipsis: any;
164
- NImage: any;
165
- NPopover: any;
166
- NTag: any;
167
141
  InfoDescription: import("vue").DefineComponent<{
168
142
  compact: {
169
143
  type: BooleanConstructor;
@@ -202,7 +176,12 @@ declare const _default: import("vue").DefineComponent<{
202
176
  }, {
203
177
  props: {
204
178
  compact: boolean;
205
- infoList: AnyObject[];
179
+ infoList: Partial<{
180
+ [K: string]: any;
181
+ slot: string | (() => any);
182
+ tip: string;
183
+ formField: import("../..").FieldItem;
184
+ }>[];
206
185
  labelField: string;
207
186
  valueField: string;
208
187
  minColumnWidth: string | number;
@@ -296,8 +275,8 @@ declare const _default: import("vue").DefineComponent<{
296
275
  default: () => {};
297
276
  };
298
277
  }>>, {
299
- content: string;
300
278
  contentStyle: import("vue").CSSProperties;
279
+ content: string;
301
280
  }>;
302
281
  HiddenContent: import("vue").DefineComponent<{
303
282
  content: {
@@ -363,8 +342,8 @@ declare const _default: import("vue").DefineComponent<{
363
342
  default: () => {};
364
343
  };
365
344
  }>>, {
366
- content: string;
367
345
  contentStyle: import("vue").CSSProperties;
346
+ content: string;
368
347
  }>;
369
348
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
370
349
  content: {
@@ -380,8 +359,8 @@ declare const _default: import("vue").DefineComponent<{
380
359
  default: () => {};
381
360
  };
382
361
  }>>, {
383
- content: string;
384
362
  contentStyle: import("vue").CSSProperties;
363
+ content: string;
385
364
  }>;
386
365
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
387
366
  compact: {
@@ -426,6 +405,68 @@ declare const _default: import("vue").DefineComponent<{
426
405
  minColumnWidth: string | number;
427
406
  rowHeight: string | number;
428
407
  }>;
408
+ PatientInfo: import("vue").DefineComponent<{
409
+ patientInfo: {
410
+ type: null;
411
+ required: true;
412
+ default: () => {};
413
+ };
414
+ }, {
415
+ props: {
416
+ patientInfo: Partial<{
417
+ avatar: string;
418
+ avatarPreview: string;
419
+ avatarProps: string;
420
+ avatarPreviewProps: string;
421
+ name: string;
422
+ sex: string;
423
+ age: string;
424
+ ageUnit: string;
425
+ tagList: Partial<{
426
+ type?: "warning" | "info" | undefined;
427
+ content: string;
428
+ render?: any;
429
+ color?: {
430
+ color?: string | undefined;
431
+ textColor?: string | undefined;
432
+ } | undefined;
433
+ }>[];
434
+ }>;
435
+ };
436
+ tagListExcludeEmpty: import("vue").ComputedRef<Partial<{
437
+ type?: "warning" | "info" | undefined;
438
+ content: string;
439
+ render?: any;
440
+ color?: {
441
+ color?: string | undefined;
442
+ textColor?: string | undefined;
443
+ } | undefined;
444
+ }>[]>;
445
+ getTagColor: ({ type }: Partial<{
446
+ type?: "warning" | "info" | undefined;
447
+ content: string;
448
+ render?: any;
449
+ color?: {
450
+ color?: string | undefined;
451
+ textColor?: string | undefined;
452
+ } | undefined;
453
+ }>) => {
454
+ color: string;
455
+ textColor: string;
456
+ };
457
+ NImage: any;
458
+ NEllipsis: any;
459
+ NTag: any;
460
+ NPopover: any;
461
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
462
+ patientInfo: {
463
+ type: null;
464
+ required: true;
465
+ default: () => {};
466
+ };
467
+ }>>, {
468
+ patientInfo: any;
469
+ }>;
429
470
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("openPatientInfo" | "fieldSet" | "update:compact")[], "openPatientInfo" | "fieldSet" | "update:compact", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
430
471
  compact: {
431
472
  type: BooleanConstructor;
@@ -444,8 +485,8 @@ declare const _default: import("vue").DefineComponent<{
444
485
  name: string;
445
486
  sex: string;
446
487
  age: string;
447
- ageUnit?: string | undefined;
448
- tagList?: Partial<{
488
+ ageUnit: string;
489
+ tagList: Partial<{
449
490
  type?: "warning" | "info" | undefined;
450
491
  content: string;
451
492
  render?: any;
@@ -453,7 +494,7 @@ declare const _default: import("vue").DefineComponent<{
453
494
  color?: string | undefined;
454
495
  textColor?: string | undefined;
455
496
  } | undefined;
456
- }>[] | undefined;
497
+ }>[];
457
498
  }>>;
458
499
  default: () => {};
459
500
  };
@@ -498,8 +539,8 @@ declare const _default: import("vue").DefineComponent<{
498
539
  name: string;
499
540
  sex: string;
500
541
  age: string;
501
- ageUnit?: string | undefined;
502
- tagList?: Partial<{
542
+ ageUnit: string;
543
+ tagList: Partial<{
503
544
  type?: "warning" | "info" | undefined;
504
545
  content: string;
505
546
  render?: any;
@@ -507,7 +548,7 @@ declare const _default: import("vue").DefineComponent<{
507
548
  color?: string | undefined;
508
549
  textColor?: string | undefined;
509
550
  } | undefined;
510
- }>[] | undefined;
551
+ }>[];
511
552
  }>;
512
553
  labelField: string;
513
554
  valueField: string;
package/es/components/info-header/src/InfoHeader.vue.js CHANGED
@@ -1 +1 @@
1
- import{defineComponent as e,ref as t,computed as n,openBlock as a,createElementBlock as i,normalizeClass as o,createElementVNode as r,createCommentVNode as s,renderSlot as f,Fragment as l,createVNode as c,unref as d,withCtx as p,mergeProps as u,toDisplayString as v,renderList as g,createBlock as m,resolveDynamicComponent as h,createTextVNode as y,h as _,nextTick as I}from"vue";import{isString as b,isArray as k}from"lodash-es";import{NPopover as w,NImage as x,NTag as $,NEllipsis as S}from"naive-ui";import z from"./InfoDescription.vue.js";import H from"../../../_virtual/plugin-vue_export-helper.js";const P={class:"c-info-header__operation"},j={key:0,class:"c-info-header__divider"},C={class:"c-info-header__patient"},L={class:"c-info-header__patientHeader"},F={key:0,class:"c-info-header__patientHeader--name"},M={key:1,class:"c-info-header__patientHeader--sex"},q={key:2,class:"c-info-header__patientHeader--age"},A={class:"c-info-header__setting"},D=["onClick"];var N=H(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:H,emit:N}){const B=e,O=t();function R(){var e;return null==(e=O.value)?void 0:e.updateColumn()}const U={patientInfo:{event:function(){N("openPatientInfo")},render:()=>[_("i",{class:"iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaobianji"})]},fieldSet:{event:function(){N("fieldSet")},render:()=>[_("i",{class:"iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaoshezhi"})]},compact:{event:async function(){N("update:compact",!B.compact),await I(),await R()},render:()=>[_("i",{class:"iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia"})]}},W=n((()=>B.settingIcons.map((e=>(b(e)?U[e]:e)||{}))));function E({type:e="warning"}){return{color:{warning:"#fcc200",info:"rgba(45, 122, 255, 0.1)"}[e],textColor:{warning:"#fff",info:"#2563F4"}[e]}}const G=n((()=>B.patientInfo&&k(B.patientInfo.tagList)?B.patientInfo.tagList.filter((e=>e.render||b(e.content)&&e.content)):[]));return H({update:R}),(t,n)=>(a(),i("div",{class:o(["c-info-header",{"is-compact":e.compact}])},[r("section",P,[s(" 操作区插槽 "),f(t.$slots,"operation")]),t.$slots.operation?(a(),i("div",j)):s("v-if",!0),r("section",C,[s(" 患者信息区插槽 "),f(t.$slots,"patientModule"),s(" 头像区插槽 "),f(t.$slots,"avatarModule",{},(()=>[t.$slots.avatarModule?s("v-if",!0):(a(),i(l,{key:0},[s(" 头像插槽 "),f(t.$slots,"avatar",{},(()=>[c(d(w),null,{trigger:p((()=>[c(d(x),u({style:{"border-radius":"50%"},width:40,height:40,"preview-disabled":"",src:e.patientInfo.avatar},e.patientInfo.avatarProps),null,16,["src"])])),default:p((()=>[c(d(x),u({width:200,"preview-disabled":"",src:e.patientInfo.avatarPreview||e.patientInfo.avatar},e.patientInfo.avatarPreviewProps),null,16,["src"])])),_:1})])),r("section",null,[r("header",L,[e.patientInfo.name?(a(),i("div",F,v(e.patientInfo.name),1)):s("v-if",!0),e.patientInfo.sex?(a(),i("div",M,"/ "+v(e.patientInfo.sex),1)):s("v-if",!0),null!=e.patientInfo.age?(a(),i("div",q," / "+v(e.patientInfo.age)+v(e.patientInfo.ageUnit||"岁"),1)):s("v-if",!0),s(" tag区插槽 "),f(t.$slots,"tags",{tagList:d(G)},(()=>[(a(!0),i(l,null,g(e.patientInfo.tagList||[],(e=>(a(),m(d($),u({key:e.content,size:"medium",bordered:!1,color:E(e)},e),{default:p((()=>[e.render?(a(),m(h(e.render),{key:0})):(a(),m(d(S),{key:1,style:{"max-width":"96px"}},{default:p((()=>[y(v(e.content),1)])),_:2},1024))])),_:2},1040,["color"])))),128))]))]),s(" 头像信息区插槽 "),f(t.$slots,"avatarInfo")])],64))]))]),c(z,u({ref_key:"infoDescriptionRef",ref:O,"root-slot":t.$slots},t.$props),{info:p((()=>[s(" 信息描述区插槽 "),f(t.$slots,"info")])),_:3},16,["root-slot"]),r("section",A,[s(" 设置区插槽 "),f(t.$slots,"setting"),t.$slots.setting?s("v-if",!0):(a(!0),i(l,{key:0},g(d(W),(e=>(a(),i("div",{key:e,class:"c-info-header__settingIcon",onClick:e.event},[(a(),m(h(e.render)))],8,D)))),128))])],2))}}),[["__file","InfoHeader.vue"]]);export{N as default};
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};
package/es/components/info-header/src/components/index.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import InfoDescription from './infoDescription/index.vue';
2
+ import PatientInfo from './patientInfo/index.vue';
3
+ export { InfoDescription, PatientInfo };
package/es/components/info-header/src/components/index.js ADDED
@@ -0,0 +1 @@
1
+ export{default as InfoDescription}from"./infoDescription/index.vue.js";export{default as PatientInfo}from"./patientInfo/index.vue.js";
package/es/components/info-header/src/components/infoDescription/HiddenContent.vue.js ADDED
@@ -0,0 +1 @@
1
+ import{defineComponent as t,ref as n,computed as e,openBlock as i,createElementBlock as o,normalizeStyle as r,unref as l,createElementVNode as u,createVNode as a,normalizeClass as c}from"vue";import s from"./InfoEllipsis.vue.js";import d from"../../../../../_virtual/plugin-vue_export-helper.js";const f={class:"c-info-header__hidden--content"};var p=d(t({__name:"HiddenContent",props:{content:{type:String,default:""},tip:String,width:{type:Number},contentStyle:{type:Object,default:()=>({})}},setup(t){const d=t,p=n(!0);function h(){p.value=!p.value}const v=e((()=>{const t=d.width+"px";return{maxWidth:t,width:t}})),_=e((()=>{if(!d.width)return{};const t=d.width-40+"px";return Object.assign({},d.contentStyle,{maxWidth:t})})),g=e((()=>{let{content:t}=d;if(t+="",!p.value)return t;if(!t)return"-";const n=t.length;if(!n||1===n)return t;const e=Math.floor(n/2),i=Math.floor((n-e)/2);return`${t.substring(0,i)}${"*".repeat(e)}${null==t?void 0:t.substring(i+e)}`}));return(n,e)=>(i(),o("div",{class:"c-info-header__hidden",style:r(l(v))},[u("div",f,[a(s,{"content-style":l(_),content:l(g),tip:t.tip},null,8,["content-style","content","tip"])]),u("i",{onClick:h,class:c(["c-info-header__hidden--icon","iconfont","info-header--icon-"+(p.value?"guanbi-yanjing":"faxian-yanjing")])},null,2)],4))}}),[["__file","HiddenContent.vue"]]);export{p as default};
package/es/components/info-header/src/components/infoDescription/InfoEllipsis.vue.js ADDED
@@ -0,0 +1 @@
1
+ import{defineComponent as t,openBlock as e,createBlock as l,unref as i,withCtx as o,createElementVNode as p,createVNode as n,normalizeStyle as r,createTextVNode as u,toDisplayString as a}from"vue";import{NTooltip as s,NEllipsis as f}from"naive-ui";import d from"../../../../../_virtual/plugin-vue_export-helper.js";var m=d(t({__name:"InfoEllipsis",props:{content:{type:String,default:""},tip:{type:String},contentStyle:{type:Object,default:()=>({})}},setup:t=>(d,m)=>(e(),l(i(s),{disabled:!t.tip},{trigger:o((()=>[p("section",null,[n(i(f),{style:r(t.contentStyle),tooltip:{placement:t.tip?"bottom":"top"}},{default:o((()=>{var e;return[u(a(null!=(e=t.content)?e:"-"),1)]})),_:1},8,["style","tooltip"])])])),default:o((()=>[u(" "+a(t.tip),1)])),_:1},8,["disabled"]))}),[["__file","InfoEllipsis.vue"]]);export{m as default};
package/es/components/info-header/src/{InfoDescription.vue.d.ts → components/infoDescription/index.vue.d.ts} RENAMED
@@ -1,5 +1,6 @@
1
- import { AnyObject, Func } from '../../../../es/shared/types';
1
+ import { AnyObject, Func } from '../../../../../../es/shared/types';
2
2
  import { CSSProperties } from 'vue';
3
+ import { InfoHeaderTypes } from '../../../../../../es/components/info-header/src/types';
3
4
  declare const _default: import("vue").DefineComponent<{
4
5
  compact: {
5
6
  type: BooleanConstructor;
@@ -38,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
38
39
  }, {
39
40
  props: {
40
41
  compact: boolean;
41
- infoList: AnyObject[];
42
+ infoList: InfoHeaderTypes.InfoItem[];
42
43
  labelField: string;
43
44
  valueField: string;
44
45
  minColumnWidth: string | number;
@@ -132,8 +133,8 @@ declare const _default: import("vue").DefineComponent<{
132
133
  default: () => {};
133
134
  };
134
135
  }>>, {
135
- content: string;
136
136
  contentStyle: CSSProperties;
137
+ content: string;
137
138
  }>;
138
139
  HiddenContent: import("vue").DefineComponent<{
139
140
  content: {
@@ -199,8 +200,8 @@ declare const _default: import("vue").DefineComponent<{
199
200
  default: () => {};
200
201
  };
201
202
  }>>, {
202
- content: string;
203
203
  contentStyle: CSSProperties;
204
+ content: string;
204
205
  }>;
205
206
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
206
207
  content: {
@@ -216,8 +217,8 @@ declare const _default: import("vue").DefineComponent<{
216
217
  default: () => {};
217
218
  };
218
219
  }>>, {
219
- content: string;
220
220
  contentStyle: CSSProperties;
221
+ content: string;
221
222
  }>;
222
223
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
223
224
  compact: {
package/es/components/info-header/src/components/infoDescription/index.vue.js ADDED
@@ -0,0 +1 @@
1
+ import{defineComponent as e,ref as t,nextTick as l,onMounted as n,watch as o,onBeforeUnmount as i,onDeactivated as r,onActivated as a,openBlock as u,createElementBlock as s,normalizeStyle as d,createVNode as c,unref as f,withCtx as p,createCommentVNode as m,renderSlot as h,Fragment as v,renderList as y,createBlock as _,createElementVNode as w}from"vue";import{useThrottleFn as b,useEventListener as g}from"@vueuse/core";import{NScrollbar as x,NDescriptions as W,NDescriptionsItem as F}from"naive-ui";import S from"../../../../../shared/components/SlotRender/SlotRender.js";import k from"./InfoEllipsis.vue.js";import C from"./HiddenContent.vue.js";import j from"../../../../../_virtual/plugin-vue_export-helper.js";const H=w("section",{style:{height:"10px"}},null,-1),I=w("section",{style:{height:"12px"}},null,-1);var L=j(e({__name:"index",props:{compact:{type:Boolean,default:!0},infoList:{default:()=>[]},labelField:{default:"label"},valueField:{default:"value"},minColumnWidth:{default:180},rowHeight:{default:32},rootSlot:null},setup(e,{expose:w}){const j=e;function L({bold:e=!0,contentStyle:t={}}={}){return{fontWeight:e?700:500,...t}}function R(e,{bold:t=!0,contentStyle:l={}}={}){const n=B.value[e]+"px";return{width:n,maxWidth:n,fontWeight:t?700:500,...l}}function A(e){return["电话","身份证"].some((t=>{var l,n;return null==(n=null==(l=e[j.labelField])?void 0:l.includes)?void 0:n.call(l,t)}))}const M=t(3),q=t(),z=t(0),B=t([]),E=b((async function(){await l();const e=q.value;if(!e)return;const{clientWidth:t}=e;M.value=Math.floor(t/+j.minColumnWidth),z.value=Math.floor(t/M.value),await l();const n=e.querySelectorAll(".n-descriptions-table-content__label");n&&(B.value=Array.from(n).map((e=>z.value-e.clientWidth-8)))}),200,!0,!1);let $;function D(){clearInterval($)}function G(){D(),$=setInterval(E,700)}return n(E),o([()=>j.minColumnWidth,()=>j.infoList],E,{flush:"post",deep:!0}),g(window,"resize",E),i(D),r(D),a(G),n(G),w({updateColumn:E}),(t,l)=>(u(),s("section",{class:"c-info-header__info",ref_key:"infoRef",ref:q,style:d({"--row-height":e.rowHeight,"--column-width":z.value})},[c(f(x),{class:"c-info-header__infoWrapper",style:d({"--row-num":e.compact?1:2})},{default:p((()=>[m(" 描述信息区插槽 "),h(t.$slots,"info",{},(()=>[H,c(f(W),{"label-align":"right",style:{width:"100%"},"label-placement":"left",separator:":",column:M.value},{default:p((()=>[(u(!0),s(v,null,y(e.infoList,((t,l)=>(u(),_(f(F),{key:t[e.labelField],label:t[e.labelField]},{default:p((()=>[t.slot?(u(),_(f(S),{key:0,renderer:t.slot,"root-slots":e.rootSlot,item:t,style:d(L(t)),width:B.value[l]},null,8,["renderer","root-slots","item","style","width"])):A(t)?(u(),_(C,{key:1,content:t[e.valueField],tip:t.tip,"content-style":L(t),width:B.value[l]},null,8,["content","tip","content-style","width"])):(u(),_(k,{key:2,"content-style":R(l,t),content:t[e.valueField],tip:t.tip},null,8,["content-style","content","tip"]))])),_:2},1032,["label"])))),128))])),_:1},8,["column"]),I]))])),_:3},8,["style"])],4))}}),[["__file","index.vue"]]);export{L as default};
package/es/components/info-header/src/components/patientInfo/index.vue.d.ts ADDED
@@ -0,0 +1,38 @@
1
+ import { InfoHeaderTypes } from '../../../../../../es/components/info-header/src/types';
2
+ declare const _default: import("vue").DefineComponent<{
3
+ patientInfo: {
4
+ type: null;
5
+ required: true;
6
+ default: () => {};
7
+ };
8
+ }, {
9
+ props: {
10
+ patientInfo: InfoHeaderTypes.PatientInfo;
11
+ };
12
+ tagListExcludeEmpty: import("vue").ComputedRef<Partial<{
13
+ type?: "warning" | "info" | undefined;
14
+ content: string;
15
+ render?: any;
16
+ color?: {
17
+ color?: string | undefined;
18
+ textColor?: string | undefined;
19
+ } | undefined;
20
+ }>[]>;
21
+ getTagColor: ({ type }: InfoHeaderTypes.PatientTag) => {
22
+ color: string;
23
+ textColor: string;
24
+ };
25
+ NImage: any;
26
+ NEllipsis: any;
27
+ NTag: any;
28
+ NPopover: any;
29
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
30
+ patientInfo: {
31
+ type: null;
32
+ required: true;
33
+ default: () => {};
34
+ };
35
+ }>>, {
36
+ patientInfo: any;
37
+ }>;
38
+ export default _default;
package/es/components/info-header/src/components/patientInfo/index.vue.js ADDED
@@ -0,0 +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};
package/es/components/info-header/src/types/index.d.ts ADDED
@@ -0,0 +1,29 @@
1
+ import { FieldItem } from '../../../../../es/components/form-render';
2
+ export declare namespace InfoHeaderTypes {
3
+ type InfoItem = Partial<{
4
+ slot: string | (() => any);
5
+ tip: string;
6
+ formField: FieldItem;
7
+ [K: string]: any;
8
+ }>;
9
+ type PatientTag = Partial<{
10
+ type?: 'warning' | 'info';
11
+ content: string;
12
+ render?: any;
13
+ color?: {
14
+ color?: string;
15
+ textColor?: string;
16
+ };
17
+ }>;
18
+ type PatientInfo = Partial<{
19
+ avatar: string;
20
+ avatarPreview: string;
21
+ avatarProps: string;
22
+ avatarPreviewProps: string;
23
+ name: string;
24
+ sex: string;
25
+ age: string;
26
+ ageUnit: string;
27
+ tagList: PatientTag[];
28
+ }>;
29
+ }
package/package.json CHANGED
@@ -1,65 +1,65 @@
1
- {
2
- "name": "cnhis-design-vue",
3
- "version": "3.1.41-beta.24",
4
- "license": "ISC",
5
- "module": "./es/components/index.js",
6
- "main": "./es/components/index.js",
7
- "types": "./es/components/index.d.ts",
8
- "sideEffects": [
9
- "es/components/**/style/*",
10
- "es/components/*(.css,.less)"
11
- ],
12
- "files": [
13
- "es",
14
- "README.md"
15
- ],
16
- "peerDependencies": {
17
- "naive-ui": "^2.30.0",
18
- "vue": "^3.2.0",
19
- "vxe-table": "^4.2.5"
20
- },
21
- "dependencies": {
22
- "@formily/core": "2.1.9",
23
- "@formily/path": "2.1.9",
24
- "@formily/reactive": "2.1.9",
25
- "@formily/vue": "2.1.9",
26
- "@vicons/ionicons5": "^0.12.0",
27
- "@vueuse/core": "^8.6.0",
28
- "@vueuse/shared": "^8.6.0",
29
- "@wangeditor/editor": "^5.1.1",
30
- "@wangeditor/editor-for-vue": "^5.1.11",
31
- "axios": "^0.27.2",
32
- "bpmn-js": "^9.2.2",
33
- "bpmnlint-utils": "^1.0.2",
34
- "date-fns": "^2.29.1",
35
- "diagram-js": "^8.7.1",
36
- "ids": "^1.0.0",
37
- "inherits": "^2.0.4",
38
- "lodash": "^4.17.21",
39
- "lodash-es": "^4.17.21",
40
- "lodash-unified": "^1.0.2",
41
- "min-dash": "^3.8.1",
42
- "min-dom": "^3.2.1",
43
- "moment": "^2.29.1",
44
- "naive-ui": "^2.30.0",
45
- "sortablejs": "^1.15.0",
46
- "spark-md5": "^3.0.2",
47
- "tiny-svg": "^2.2.4",
48
- "v-viewer": "^3.0.10",
49
- "video.js": "^7.19.2",
50
- "videojs-contrib-hls": "^5.15.0",
51
- "viewerjs": "^1.10.5",
52
- "vue": "^3.2.0",
53
- "vue-simple-uploader": "^1.0.0-beta.5",
54
- "xe-utils": "^3.5.4"
55
- },
56
- "browserslist": [
57
- "defaults",
58
- "not ie < 8",
59
- "last 2 versions",
60
- "> 1%",
61
- "iOS 7",
62
- "last 3 iOS versions"
63
- ],
64
- "gitHead": "6f4583e5b3aa84d611c5515e02544117f91c2672"
65
- }
1
+ {
2
+ "name": "cnhis-design-vue",
3
+ "version": "3.1.41-beta.25",
4
+ "license": "ISC",
5
+ "module": "./es/components/index.js",
6
+ "main": "./es/components/index.js",
7
+ "types": "./es/components/index.d.ts",
8
+ "sideEffects": [
9
+ "es/components/**/style/*",
10
+ "es/components/*(.css,.less)"
11
+ ],
12
+ "files": [
13
+ "es",
14
+ "README.md"
15
+ ],
16
+ "peerDependencies": {
17
+ "naive-ui": "^2.30.0",
18
+ "vue": "^3.2.0",
19
+ "vxe-table": "^4.2.5"
20
+ },
21
+ "dependencies": {
22
+ "@formily/core": "2.1.9",
23
+ "@formily/path": "2.1.9",
24
+ "@formily/reactive": "2.1.9",
25
+ "@formily/vue": "2.1.9",
26
+ "@vicons/ionicons5": "^0.12.0",
27
+ "@vueuse/core": "^8.6.0",
28
+ "@vueuse/shared": "^8.6.0",
29
+ "@wangeditor/editor": "^5.1.1",
30
+ "@wangeditor/editor-for-vue": "^5.1.11",
31
+ "axios": "^0.27.2",
32
+ "bpmn-js": "^9.2.2",
33
+ "bpmnlint-utils": "^1.0.2",
34
+ "date-fns": "^2.29.1",
35
+ "diagram-js": "^8.7.1",
36
+ "ids": "^1.0.0",
37
+ "inherits": "^2.0.4",
38
+ "lodash": "^4.17.21",
39
+ "lodash-es": "^4.17.21",
40
+ "lodash-unified": "^1.0.2",
41
+ "min-dash": "^3.8.1",
42
+ "min-dom": "^3.2.1",
43
+ "moment": "^2.29.1",
44
+ "naive-ui": "^2.30.0",
45
+ "sortablejs": "^1.15.0",
46
+ "spark-md5": "^3.0.2",
47
+ "tiny-svg": "^2.2.4",
48
+ "v-viewer": "^3.0.10",
49
+ "video.js": "^7.19.2",
50
+ "videojs-contrib-hls": "^5.15.0",
51
+ "viewerjs": "^1.10.5",
52
+ "vue": "^3.2.0",
53
+ "vue-simple-uploader": "^1.0.0-beta.5",
54
+ "xe-utils": "^3.5.4"
55
+ },
56
+ "browserslist": [
57
+ "defaults",
58
+ "not ie < 8",
59
+ "last 2 versions",
60
+ "> 1%",
61
+ "iOS 7",
62
+ "last 3 iOS versions"
63
+ ],
64
+ "gitHead": "a8f7d7cdca3113620c2a7b0dbaf062673dfc51cc"
65
+ }
package/es/components/info-header/src/HiddenContent.vue.js DELETED
@@ -1 +0,0 @@
1
- import{defineComponent as t,ref as n,computed as e,openBlock as i,createElementBlock as o,normalizeStyle as r,unref as l,createElementVNode as u,createVNode as a,normalizeClass as c}from"vue";import s from"./InfoEllipsis.vue.js";import d from"../../../_virtual/plugin-vue_export-helper.js";const f={class:"c-info-header__hidden--content"};var p=d(t({__name:"HiddenContent",props:{content:{type:String,default:""},tip:String,width:{type:Number},contentStyle:{type:Object,default:()=>({})}},setup(t){const d=t,p=n(!0);function h(){p.value=!p.value}const v=e((()=>{const t=d.width+"px";return{maxWidth:t,width:t}})),_=e((()=>{if(!d.width)return{};const t=d.width-40+"px";return Object.assign({},d.contentStyle,{maxWidth:t})})),g=e((()=>{let{content:t}=d;if(t+="",!p.value)return t;if(!t)return"-";const n=t.length;if(!n||1===n)return t;const e=Math.floor(n/2),i=Math.floor((n-e)/2);return`${t.substring(0,i)}${"*".repeat(e)}${null==t?void 0:t.substring(i+e)}`}));return(n,e)=>(i(),o("div",{class:"c-info-header__hidden",style:r(l(v))},[u("div",f,[a(s,{"content-style":l(_),content:l(g),tip:t.tip},null,8,["content-style","content","tip"])]),u("i",{onClick:h,class:c(["c-info-header__hidden--icon","iconfont","info-header--icon-"+(p.value?"guanbi-yanjing":"faxian-yanjing")])},null,2)],4))}}),[["__file","HiddenContent.vue"]]);export{p as default};
package/es/components/info-header/src/InfoDescription.vue.js DELETED
@@ -1 +0,0 @@
1
- import{defineComponent as e,ref as t,nextTick as l,onMounted as o,watch as n,onBeforeUnmount as i,onDeactivated as r,onActivated as a,openBlock as u,createElementBlock as s,normalizeStyle as c,createVNode as d,unref as f,withCtx as p,createCommentVNode as m,renderSlot as h,Fragment as v,renderList as y,createBlock as _,createElementVNode as w}from"vue";import{useThrottleFn as b,useEventListener as g}from"@vueuse/core";import{NScrollbar as W,NDescriptions as x,NDescriptionsItem as F}from"naive-ui";import S from"../../../shared/components/SlotRender/SlotRender.js";import k from"./InfoEllipsis.vue.js";import C from"./HiddenContent.vue.js";import I from"../../../_virtual/plugin-vue_export-helper.js";const j=w("section",{style:{height:"10px"}},null,-1),H=w("section",{style:{height:"12px"}},null,-1);var L=I(e({__name:"InfoDescription",props:{compact:{type:Boolean,default:!0},infoList:{default:()=>[]},labelField:{default:"label"},valueField:{default:"value"},minColumnWidth:{default:180},rowHeight:{default:32},rootSlot:null},setup(e,{expose:w}){const I=e;function L({bold:e=!0,contentStyle:t={}}={}){return{fontWeight:e?700:500,...t}}function R(e,{bold:t=!0,contentStyle:l={}}={}){const o=z.value[e]+"px";return{width:o,maxWidth:o,fontWeight:t?700:500,...l}}function A(e){return["电话","身份证"].some((t=>{var l,o;return null==(o=null==(l=e[I.labelField])?void 0:l.includes)?void 0:o.call(l,t)}))}const D=t(3),M=t(),q=t(0),z=t([]),B=b((async function(){await l();const e=M.value;if(!e)return;const{clientWidth:t}=e;D.value=Math.floor(t/+I.minColumnWidth),q.value=Math.floor(t/D.value),await l();const o=e.querySelectorAll(".n-descriptions-table-content__label");o&&(z.value=Array.from(o).map((e=>q.value-e.clientWidth-8)))}),200,!0,!1);let E;function $(){clearInterval(E)}function G(){$(),E=setInterval(B,700)}return o(B),n([()=>I.minColumnWidth,()=>I.infoList],B,{flush:"post",deep:!0}),g(window,"resize",B),i($),r($),a(G),o(G),w({updateColumn:B}),(t,l)=>(u(),s("section",{class:"c-info-header__info",ref_key:"infoRef",ref:M,style:c({"--row-height":e.rowHeight,"--column-width":q.value})},[d(f(W),{class:"c-info-header__infoWrapper",style:c({"--row-num":e.compact?1:2})},{default:p((()=>[m(" 描述信息区插槽 "),h(t.$slots,"info",{},(()=>[j,d(f(x),{"label-align":"right",style:{width:"100%"},"label-placement":"left",separator:":",column:D.value},{default:p((()=>[(u(!0),s(v,null,y(e.infoList,((t,l)=>(u(),_(f(F),{key:t[e.labelField],label:t[e.labelField]},{default:p((()=>[t.slot?(u(),_(f(S),{key:0,renderer:t.slot,"root-slots":e.rootSlot,item:t,style:c(L(t)),width:z.value[l]},null,8,["renderer","root-slots","item","style","width"])):A(t)?(u(),_(C,{key:1,content:t[e.valueField],tip:t.tip,"content-style":L(t),width:z.value[l]},null,8,["content","tip","content-style","width"])):(u(),_(k,{key:2,"content-style":R(l,t),content:t[e.valueField],tip:t.tip},null,8,["content-style","content","tip"]))])),_:2},1032,["label"])))),128))])),_:1},8,["column"]),H]))])),_:3},8,["style"])],4))}}),[["__file","InfoDescription.vue"]]);export{L as default};
package/es/components/info-header/src/InfoEllipsis.vue.js DELETED
@@ -1 +0,0 @@
1
- import{defineComponent as t,openBlock as e,createBlock as l,unref as i,withCtx as o,createElementVNode as p,createVNode as n,normalizeStyle as r,createTextVNode as u,toDisplayString as a}from"vue";import{NTooltip as s,NEllipsis as f}from"naive-ui";import d from"../../../_virtual/plugin-vue_export-helper.js";var m=d(t({__name:"InfoEllipsis",props:{content:{type:String,default:""},tip:{type:String},contentStyle:{type:Object,default:()=>({})}},setup:t=>(d,m)=>(e(),l(i(s),{disabled:!t.tip},{trigger:o((()=>[p("section",null,[n(i(f),{style:r(t.contentStyle),tooltip:{placement:t.tip?"bottom":"top"}},{default:o((()=>{var e;return[u(a(null!=(e=t.content)?e:"-"),1)]})),_:1},8,["style","tooltip"])])])),default:o((()=>[u(" "+a(t.tip),1)])),_:1},8,["disabled"]))}),[["__file","InfoEllipsis.vue"]]);export{m as default};
package/es/components/info-header/src/{HiddenContent.vue.d.ts → components/infoDescription/HiddenContent.vue.d.ts} RENAMED
@@ -63,8 +63,8 @@ declare const _default: import("vue").DefineComponent<{
63
63
  default: () => {};
64
64
  };
65
65
  }>>, {
66
- content: string;
67
66
  contentStyle: CSSProperties;
67
+ content: string;
68
68
  }>;
69
69
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
70
70
  content: {
@@ -80,7 +80,7 @@ declare const _default: import("vue").DefineComponent<{
80
80
  default: () => {};
81
81
  };
82
82
  }>>, {
83
- content: string;
84
83
  contentStyle: CSSProperties;
84
+ content: string;
85
85
  }>;
86
86
  export default _default;
package/es/components/info-header/src/{InfoEllipsis.vue.d.ts → components/infoDescription/InfoEllipsis.vue.d.ts} RENAMED
@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
27
27
  default: () => {};
28
28
  };
29
29
  }>>, {
30
- content: string;
31
30
  contentStyle: CSSProperties;
31
+ content: string;
32
32
  }>;
33
33
  export default _default;