cnhis-design-vue 3.1.41-release.2 → 3.1.41-release.3

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

@@ -1 +1 @@
-import{defineComponent as e,computed as t,ref as n,nextTick as i,onMounted as o,watch as a,onBeforeUnmount as l,onDeactivated as r,onActivated as s,openBlock as c,createElementBlock as d,normalizeClass as f,normalizeStyle as u,createElementVNode as p,createCommentVNode as h,renderSlot as v,Fragment as m,createVNode as y,unref as g,withCtx as _,mergeProps as I,toDisplayString as w,renderList as b,createBlock as k,resolveDynamicComponent as x,createTextVNode as S,h as $}from"vue";import{isString as z,isArray as H}from"lodash-es";import{NPopover as W,NImage as F,NTag as j,NEllipsis as C,NScrollbar as L,NDescriptions as P,NDescriptionsItem as M}from"naive-ui";import{useThrottleFn as A,useEventListener as q}from"@vueuse/core";import R from"../../../shared/components/SlotRender/SlotRender.js";import N from"./InfoEllipsis.vue.js";import B from"./HiddenContent.vue.js";import E from"../../../_virtual/plugin-vue_export-helper.js";const O={class:"c-info-header__operation"},U={key:0,class:"c-info-header__divider"},D={class:"c-info-header__patient"},G={class:"c-info-header__patientHeader"},J={key:0,class:"c-info-header__patientHeader--name"},K={key:1,class:"c-info-header__patientHeader--sex"},Q={key:2,class:"c-info-header__patientHeader--age"},T=p("section",{style:{height:"10px"}},null,-1),V=p("section",{style:{height:"12px"}},null,-1),X={class:"c-info-header__setting"},Y=["onClick"];var Z=E(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:E,emit:Z}){const ee=e;const te={patientInfo:{event:function(){Z("openPatientInfo")},render:()=>[$("i",{class:"iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaobianji"})]},fieldSet:{event:function(){Z("fieldSet")},render:()=>[$("i",{class:"iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaoshezhi"})]},compact:{event:async function(){Z("update:compact",!ee.compact),await i(),await ue()},render:()=>[$("i",{class:"iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia"})]}},ne=t((()=>ee.settingIcons.map((e=>(z(e)?te[e]:e)||{}))));function ie({type:e="warning"}){return{color:{warning:"#fcc200",info:"rgba(45, 122, 255, 0.1)"}[e],textColor:{warning:"#fff",info:"#2563F4"}[e]}}const oe=t((()=>ee.patientInfo&&H(ee.patientInfo.tagList)?ee.patientInfo.tagList.filter((e=>e.render||z(e.content)&&e.content)):[]));function ae({bold:e=!0,contentStyle:t={}}={}){return{fontWeight:e?700:500,...t}}function le(e,{bold:t=!0,contentStyle:n={}}={}){const i=fe.value[e]+"px";return{width:i,maxWidth:i,fontWeight:t?700:500,...n}}function re(e){return["电话","身份证"].some((t=>{var n,i;return null==(i=null==(n=e[ee.labelField])?void 0:n.includes)?void 0:i.call(n,t)}))}const se=n(),ce=n(3),de=n(0),fe=n([]),ue=A((async function(){await i();const e=se.value;if(!e)return;const{clientWidth:t}=e;ce.value=Math.floor(t/+ee.minColumnWidth),de.value=Math.floor(t/ce.value),await i();const n=e.querySelectorAll(".n-descriptions-table-content__label");n&&(fe.value=Array.from(n).map((e=>de.value-e.clientWidth-8)))}),200,!0,!1);let pe;function he(){clearInterval(pe)}function ve(){he(),pe=setInterval(ue,700)}return o(ue),a([()=>ee.minColumnWidth,()=>ee.infoList],ue,{flush:"post",deep:!0}),E({update:ue}),q(window,"resize",ue),l(he),r(he),s(ve),o(ve),(t,n)=>(c(),d("div",{class:f(["c-info-header",{"is-compact":e.compact}]),style:u({"--row-height":e.rowHeight,"--column-width":de.value})},[p("section",O,[h("   操作区插槽   "),v(t.$slots,"operation")]),t.$slots.operation?(c(),d("div",U)):h("v-if",!0),p("section",D,[h("   患者信息区插槽   "),v(t.$slots,"patientModule"),h("   头像区插槽   "),v(t.$slots,"avatarModule",{},(()=>[t.$slots.avatarModule?h("v-if",!0):(c(),d(m,{key:0},[h("    头像插槽      "),v(t.$slots,"avatar",{},(()=>[y(g(W),null,{trigger:_((()=>[y(g(F),I({style:{"border-radius":"50%"},width:40,height:40,"preview-disabled":"",src:e.patientInfo.avatar},e.patientInfo.avatarProps),null,16,["src"])])),default:_((()=>[y(g(F),I({width:200,"preview-disabled":"",src:e.patientInfo.avatarPreview||e.patientInfo.avatar},e.patientInfo.avatarPreviewProps),null,16,["src"])])),_:1})])),p("section",null,[p("header",G,[e.patientInfo.name?(c(),d("div",J,w(e.patientInfo.name),1)):h("v-if",!0),e.patientInfo.sex?(c(),d("div",K,"/ "+w(e.patientInfo.sex),1)):h("v-if",!0),e.patientInfo.age?(c(),d("div",Q," / "+w(e.patientInfo.age)+w(e.patientInfo.ageUnit||"岁"),1)):h("v-if",!0),h("      tag区插槽        "),v(t.$slots,"tags",{tagList:g(oe)},(()=>[(c(!0),d(m,null,b(e.patientInfo.tagList||[],(e=>(c(),k(g(j),I({key:e.content,size:"medium",bordered:!1,color:ie(e)},e),{default:_((()=>[e.render?(c(),k(x(e.render),{key:0})):(c(),k(g(C),{key:1,style:{"max-width":"96px"}},{default:_((()=>[S(w(e.content),1)])),_:2},1024))])),_:2},1040,["color"])))),128))]))]),h("     头像信息区插槽       "),v(t.$slots,"avatarInfo")])],64))]))]),p("section",{class:"c-info-header__info",ref_key:"infoRef",ref:se},[y(g(L),{class:"c-info-header__infoWrapper",style:u({"--row-num":e.compact?1:2})},{default:_((()=>[h("   描述信息区插槽     "),v(t.$slots,"info",{},(()=>[T,y(g(P),{"label-align":"right",style:{width:"100%"},"label-placement":"left",separator:":",column:ce.value},{default:_((()=>[(c(!0),d(m,null,b(e.infoList,((n,i)=>(c(),k(g(M),{key:n[e.labelField],label:n[e.labelField]},{default:_((()=>[n.slot?(c(),k(g(R),{key:0,renderer:n.slot,"root-slots":t.$slots,item:n,style:u(ae(n)),width:fe.value[i]},null,8,["renderer","root-slots","item","style","width"])):re(n)?(c(),k(B,{key:1,content:n[e.valueField],tip:n.tip,"content-style":ae(n),width:fe.value[i]},null,8,["content","tip","content-style","width"])):(c(),k(N,{key:2,"content-style":le(i,n),content:n[e.valueField],tip:n.tip},null,8,["content-style","content","tip"]))])),_:2},1032,["label"])))),128))])),_:1},8,["column"]),V]))])),_:3},8,["style"])],512),p("section",X,[h("  设置区插槽    "),v(t.$slots,"setting"),t.$slots.setting?h("v-if",!0):(c(!0),d(m,{key:0},b(g(ne),(e=>(c(),d("div",{key:e,class:"c-info-header__settingIcon",onClick:e.event},[(c(),k(x(e.render)))],8,Y)))),128))])],6))}}),[["__file","InfoHeader.vue"]]);export{Z as default};
+import{defineComponent as e,computed as t,ref as n,nextTick as i,onMounted as o,watch as a,onBeforeUnmount as l,onDeactivated as r,onActivated as s,openBlock as c,createElementBlock as d,normalizeClass as f,normalizeStyle as u,createElementVNode as p,createCommentVNode as h,renderSlot as v,Fragment as m,createVNode as y,unref as g,withCtx as _,mergeProps as I,toDisplayString as w,renderList as b,createBlock as k,resolveDynamicComponent as x,createTextVNode as S,h as $}from"vue";import{isString as z,isArray as H}from"lodash-es";import{NPopover as W,NImage as F,NTag as j,NEllipsis as C,NScrollbar as L,NDescriptions as P,NDescriptionsItem as M}from"naive-ui";import{useThrottleFn as A,useEventListener as q}from"@vueuse/core";import R from"../../../shared/components/SlotRender/SlotRender.js";import N from"./InfoEllipsis.vue.js";import B from"./HiddenContent.vue.js";import E from"../../../_virtual/plugin-vue_export-helper.js";const O={class:"c-info-header__operation"},U={key:0,class:"c-info-header__divider"},D={class:"c-info-header__patient"},G={class:"c-info-header__patientHeader"},J={key:0,class:"c-info-header__patientHeader--name"},K={key:1,class:"c-info-header__patientHeader--sex"},Q={key:2,class:"c-info-header__patientHeader--age"},T=p("section",{style:{height:"10px"}},null,-1),V=p("section",{style:{height:"12px"}},null,-1),X={class:"c-info-header__setting"},Y=["onClick"];var Z=E(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:E,emit:Z}){const ee=e;const te={patientInfo:{event:function(){Z("openPatientInfo")},render:()=>[$("i",{class:"iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaobianji"})]},fieldSet:{event:function(){Z("fieldSet")},render:()=>[$("i",{class:"iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaoshezhi"})]},compact:{event:async function(){Z("update:compact",!ee.compact),await i(),await ue()},render:()=>[$("i",{class:"iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia"})]}},ne=t((()=>ee.settingIcons.map((e=>(z(e)?te[e]:e)||{}))));function ie({type:e="warning"}){return{color:{warning:"#fcc200",info:"rgba(45, 122, 255, 0.1)"}[e],textColor:{warning:"#fff",info:"#2563F4"}[e]}}const oe=t((()=>ee.patientInfo&&H(ee.patientInfo.tagList)?ee.patientInfo.tagList.filter((e=>e.render||z(e.content)&&e.content)):[]));function ae({bold:e=!0,contentStyle:t={}}={}){return{fontWeight:e?700:500,...t}}function le(e,{bold:t=!0,contentStyle:n={}}={}){const i=fe.value[e]+"px";return{width:i,maxWidth:i,fontWeight:t?700:500,...n}}function re(e){return["电话","身份证"].some((t=>{var n,i;return null==(i=null==(n=e[ee.labelField])?void 0:n.includes)?void 0:i.call(n,t)}))}const se=n(),ce=n(3),de=n(0),fe=n([]),ue=A((async function(){await i();const e=se.value;if(!e)return;const{clientWidth:t}=e;ce.value=Math.floor(t/+ee.minColumnWidth),de.value=Math.floor(t/ce.value),await i();const n=e.querySelectorAll(".n-descriptions-table-content__label");n&&(fe.value=Array.from(n).map((e=>de.value-e.clientWidth-8)))}),200,!0,!1);let pe;function he(){clearInterval(pe)}function ve(){he(),pe=setInterval(ue,700)}return o(ue),a([()=>ee.minColumnWidth,()=>ee.infoList],ue,{flush:"post",deep:!0}),E({update:ue}),q(window,"resize",ue),l(he),r(he),s(ve),o(ve),(t,n)=>(c(),d("div",{class:f(["c-info-header",{"is-compact":e.compact}]),style:u({"--row-height":e.rowHeight,"--column-width":de.value})},[p("section",O,[h("   操作区插槽   "),v(t.$slots,"operation")]),t.$slots.operation?(c(),d("div",U)):h("v-if",!0),p("section",D,[h("   患者信息区插槽   "),v(t.$slots,"patientModule"),h("   头像区插槽   "),v(t.$slots,"avatarModule",{},(()=>[t.$slots.avatarModule?h("v-if",!0):(c(),d(m,{key:0},[h("    头像插槽      "),v(t.$slots,"avatar",{},(()=>[y(g(W),null,{trigger:_((()=>[y(g(F),I({style:{"border-radius":"50%"},width:40,height:40,"preview-disabled":"",src:e.patientInfo.avatar},e.patientInfo.avatarProps),null,16,["src"])])),default:_((()=>[y(g(F),I({width:200,"preview-disabled":"",src:e.patientInfo.avatarPreview||e.patientInfo.avatar},e.patientInfo.avatarPreviewProps),null,16,["src"])])),_:1})])),p("section",null,[p("header",G,[e.patientInfo.name?(c(),d("div",J,w(e.patientInfo.name),1)):h("v-if",!0),e.patientInfo.sex?(c(),d("div",K,"/ "+w(e.patientInfo.sex),1)):h("v-if",!0),null!=e.patientInfo.age?(c(),d("div",Q," / "+w(e.patientInfo.age)+w(e.patientInfo.ageUnit||"岁"),1)):h("v-if",!0),h("      tag区插槽        "),v(t.$slots,"tags",{tagList:g(oe)},(()=>[(c(!0),d(m,null,b(e.patientInfo.tagList||[],(e=>(c(),k(g(j),I({key:e.content,size:"medium",bordered:!1,color:ie(e)},e),{default:_((()=>[e.render?(c(),k(x(e.render),{key:0})):(c(),k(g(C),{key:1,style:{"max-width":"96px"}},{default:_((()=>[S(w(e.content),1)])),_:2},1024))])),_:2},1040,["color"])))),128))]))]),h("     头像信息区插槽       "),v(t.$slots,"avatarInfo")])],64))]))]),p("section",{class:"c-info-header__info",ref_key:"infoRef",ref:se},[y(g(L),{class:"c-info-header__infoWrapper",style:u({"--row-num":e.compact?1:2})},{default:_((()=>[h("   描述信息区插槽     "),v(t.$slots,"info",{},(()=>[T,y(g(P),{"label-align":"right",style:{width:"100%"},"label-placement":"left",separator:":",column:ce.value},{default:_((()=>[(c(!0),d(m,null,b(e.infoList,((n,i)=>(c(),k(g(M),{key:n[e.labelField],label:n[e.labelField]},{default:_((()=>[n.slot?(c(),k(g(R),{key:0,renderer:n.slot,"root-slots":t.$slots,item:n,style:u(ae(n)),width:fe.value[i]},null,8,["renderer","root-slots","item","style","width"])):re(n)?(c(),k(B,{key:1,content:n[e.valueField],tip:n.tip,"content-style":ae(n),width:fe.value[i]},null,8,["content","tip","content-style","width"])):(c(),k(N,{key:2,"content-style":le(i,n),content:n[e.valueField],tip:n.tip},null,8,["content-style","content","tip"]))])),_:2},1032,["label"])))),128))])),_:1},8,["column"]),V]))])),_:3},8,["style"])],512),p("section",X,[h("  设置区插槽    "),v(t.$slots,"setting"),t.$slots.setting?h("v-if",!0):(c(!0),d(m,{key:0},b(g(ne),(e=>(c(),d("div",{key:e,class:"c-info-header__settingIcon",onClick:e.event},[(c(),k(x(e.render)))],8,Y)))),128))])],6))}}),[["__file","InfoHeader.vue"]]);export{Z as default};

package/es/components/shortcut-setter/index.d.ts

@@ -83,6 +83,7 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
                 [Symbol.matchAll]: (str: string) => IterableIterator<RegExpMatchArray>;
             } | undefined;
             regular_error_tip?: string | undefined;
+            message?: string | undefined;
         } | undefined;
         option?: {
             text: string;
@@ -2003,6 +2004,9 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
             }[]>;
             onScroll: (scrollEvent: Event) => void;
             triggerAutoHidden: (field: import("@formily/core").GeneralField) => Promise<void>;
+            observeFormGraph: Record<string, import("@formily/core").GeneralField>;
+            setGraph: (field: import("@formily/core").GeneralField) => void;
+            removeGraph: (field: import("@formily/core").GeneralField) => void;
             formModel: import("@formily/core").Form<{
                 [x: string]: any;
             }>;

package/es/components/shortcut-setter/src/ShortcutSetter.vue.d.ts

@@ -85,6 +85,7 @@ declare const _default: import("vue").DefineComponent<{
                 [Symbol.matchAll]: (str: string) => IterableIterator<RegExpMatchArray>;
             } | undefined;
             regular_error_tip?: string | undefined;
+            message?: string | undefined;
         } | undefined;
         option?: {
             text: string;
@@ -2005,6 +2006,9 @@ declare const _default: import("vue").DefineComponent<{
             }[]>;
             onScroll: (scrollEvent: Event) => void;
             triggerAutoHidden: (field: import("../../../../es/components/form-render").GeneralField) => Promise<void>;
+            observeFormGraph: Record<string, import("../../../../es/components/form-render").GeneralField>;
+            setGraph: (field: import("../../../../es/components/form-render").GeneralField) => void;
+            removeGraph: (field: import("../../../../es/components/form-render").GeneralField) => void;
             formModel: import("../../../../es/components/form-render").Form<{
                 [x: string]: any;
             }>;