cnhis-design-vue 3.1.41-beta.2 → 3.1.41-beta.21

package/es/components/info-header/src/InfoHeader.vue.d.ts

@@ -1,5 +1,5 @@
 import { AnyObject, Func } from '../../../../es/shared/types';
-import { CSSProperties, PropType, VNode } from 'vue';
+import { PropType, VNode } from 'vue';
 declare type PatientTag = Partial<{
     type?: 'warning' | 'info';
     content: string;
@@ -132,6 +132,10 @@ declare const _default: import("vue").DefineComponent<{
         "onUpdate:compact"?: ((...args: any[]) => any) | undefined;
     }>>;
     emit: (event: "openPatientInfo" | "fieldSet" | "update:compact", ...args: any[]) => void;
+    infoDescriptionRef: import("vue").Ref<{
+        updateColumn: Func;
+    } | undefined>;
+    updateColumn: () => any;
     toggleCompact: () => Promise<void>;
     openPatientInfo: () => void;
     fieldSet: () => void;
@@ -156,136 +160,114 @@ declare const _default: import("vue").DefineComponent<{
             textColor?: string | undefined;
         } | undefined;
     }>[]>;
-    getDescriptionItemStyle: ({ bold, contentStyle }?: AnyObject) => CSSProperties;
-    getEllipsisStyle: (index: number, { bold, contentStyle }?: AnyObject) => CSSProperties;
-    needHidden: (item: AnyObject) => boolean;
-    infoRef: import("vue").Ref<HTMLElement | undefined>;
-    columnNum: import("vue").Ref<number>;
-    maxColumnWidth: import("vue").Ref<number>;
-    descriptionWidthList: import("vue").Ref<{
-        toString: (radix?: number | undefined) => string;
-        toFixed: (fractionDigits?: number | undefined) => string;
-        toExponential: (fractionDigits?: number | undefined) => string;
-        toPrecision: (precision?: number | undefined) => string;
-        valueOf: () => number;
-        toLocaleString: {
-            (locales?: string | string[] | undefined, options?: Intl.NumberFormatOptions | undefined): string;
-            (locales?: Intl.LocalesArgument, options?: Intl.NumberFormatOptions | undefined): string;
-        };
-    }[]>;
-    updateColumn: () => Promise<void>;
-    timer: any;
-    stopInterval: () => void;
-    startInterval: () => void;
-    NDescriptions: any;
-    NDescriptionsItem: import("vue").DefineComponent<{
-        readonly label: StringConstructor;
-        readonly span: {
-            readonly type: NumberConstructor;
-            readonly default: 1;
-        };
-        readonly labelStyle: PropType<string | CSSProperties>;
-        readonly contentStyle: PropType<string | CSSProperties>;
-    }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        readonly label: StringConstructor;
-        readonly span: {
-            readonly type: NumberConstructor;
-            readonly default: 1;
-        };
-        readonly labelStyle: PropType<string | CSSProperties>;
-        readonly contentStyle: PropType<string | CSSProperties>;
-    }>>, {
-        readonly span: number;
-    }>;
-    NTag: any;
-    NScrollbar: any;
+    NEllipsis: any;
     NImage: any;
     NPopover: any;
-    NEllipsis: any;
-    SlotRender: import("vue").DefineComponent<{
-        renderer: {
-            type: PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | Func<any[], any>>;
-            required: true;
-        };
-        rootSlots: {
-            type: PropType<Record<string, Func<any[], any>>>;
-        };
-    }, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        renderer: {
-            type: PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | Func<any[], any>>;
-            required: true;
+    NTag: any;
+    InfoDescription: import("vue").DefineComponent<{
+        compact: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
         };
-        rootSlots: {
-            type: PropType<Record<string, Func<any[], any>>>;
+        infoList: {
+            type: ArrayConstructor;
+            required: false;
+            default: () => never[];
         };
-    }>>, {}>;
-    InfoEllipsis: import("vue").DefineComponent<{
-        content: {
+        labelField: {
             type: StringConstructor;
+            required: false;
             default: string;
         };
-        tip: {
-            type: StringConstructor;
-        };
-        contentStyle: {
-            type: PropType<CSSProperties>;
-            default: () => {};
-        };
-    }, {
-        NEllipsis: any;
-        NTooltip: any;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        content: {
+        valueField: {
             type: StringConstructor;
+            required: false;
             default: string;
         };
-        tip: {
-            type: StringConstructor;
-        };
-        contentStyle: {
-            type: PropType<CSSProperties>;
-            default: () => {};
-        };
-    }>>, {
-        content: string;
-        contentStyle: CSSProperties;
-    }>;
-    HiddenContent: import("vue").DefineComponent<{
-        content: {
-            type: StringConstructor;
-            default: string;
+        minColumnWidth: {
+            type: (NumberConstructor | StringConstructor)[];
+            required: false;
+            default: number;
         };
-        tip: StringConstructor;
-        width: {
-            type: NumberConstructor;
+        rowHeight: {
+            type: (NumberConstructor | StringConstructor)[];
+            required: false;
+            default: number;
         };
-        contentStyle: {
-            type: PropType<CSSProperties>;
-            default: () => {};
+        rootSlot: {
+            type: ObjectConstructor;
+            required: true;
         };
     }, {
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            content: {
-                type: StringConstructor;
-                default: string;
+        props: {
+            compact: boolean;
+            infoList: AnyObject[];
+            labelField: string;
+            valueField: string;
+            minColumnWidth: string | number;
+            rowHeight: string | number;
+            rootSlot: Record<string, Func<any[], any>>;
+        };
+        getDescriptionItemStyle: ({ bold, contentStyle }?: AnyObject) => import("vue").CSSProperties;
+        getEllipsisStyle: (index: number, { bold, contentStyle }?: AnyObject) => import("vue").CSSProperties;
+        needHidden: (item: AnyObject) => boolean;
+        columnNum: import("vue").Ref<number>;
+        infoRef: import("vue").Ref<HTMLElement | undefined>;
+        maxColumnWidth: import("vue").Ref<number>;
+        descriptionWidthList: import("vue").Ref<{
+            toString: (radix?: number | undefined) => string;
+            toFixed: (fractionDigits?: number | undefined) => string;
+            toExponential: (fractionDigits?: number | undefined) => string;
+            toPrecision: (precision?: number | undefined) => string;
+            valueOf: () => number;
+            toLocaleString: {
+                (locales?: string | string[] | undefined, options?: Intl.NumberFormatOptions | undefined): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.NumberFormatOptions | undefined): string;
             };
-            tip: StringConstructor;
-            width: {
-                type: NumberConstructor;
+        }[]>;
+        updateColumn: () => Promise<void>;
+        timer: any;
+        stopInterval: () => void;
+        startInterval: () => void;
+        NDescriptions: any;
+        NDescriptionsItem: import("vue").DefineComponent<{
+            readonly label: StringConstructor;
+            readonly span: {
+                readonly type: NumberConstructor;
+                readonly default: 1;
             };
-            contentStyle: {
-                type: PropType<CSSProperties>;
-                default: () => {};
+            readonly labelStyle: PropType<string | import("vue").CSSProperties>;
+            readonly contentStyle: PropType<string | import("vue").CSSProperties>;
+        }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            readonly label: StringConstructor;
+            readonly span: {
+                readonly type: NumberConstructor;
+                readonly default: 1;
             };
-        }>> & {}>>;
-        hidden: import("vue").Ref<boolean>;
-        toggleHidden: () => void;
-        wrapperStyle: import("vue").ComputedRef<{
-            maxWidth: string;
-            width: string;
+            readonly labelStyle: PropType<string | import("vue").CSSProperties>;
+            readonly contentStyle: PropType<string | import("vue").CSSProperties>;
+        }>>, {
+            readonly span: number;
         }>;
-        parsedContentStyle: import("vue").ComputedRef<{}>;
-        displayContent: import("vue").ComputedRef<string>;
+        NScrollbar: any;
+        SlotRender: import("vue").DefineComponent<{
+            renderer: {
+                type: PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | Func<any[], any>>;
+                required: true;
+            };
+            rootSlots: {
+                type: PropType<Record<string, Func<any[], any>>>;
+            };
+        }, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            renderer: {
+                type: PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | Func<any[], any>>;
+                required: true;
+            };
+            rootSlots: {
+                type: PropType<Record<string, Func<any[], any>>>;
+            };
+        }>>, {}>;
         InfoEllipsis: import("vue").DefineComponent<{
             content: {
                 type: StringConstructor;
@@ -295,7 +277,7 @@ declare const _default: import("vue").DefineComponent<{
                 type: StringConstructor;
             };
             contentStyle: {
-                type: PropType<CSSProperties>;
+                type: PropType<import("vue").CSSProperties>;
                 default: () => {};
             };
         }, {
@@ -310,29 +292,139 @@ declare const _default: import("vue").DefineComponent<{
                 type: StringConstructor;
             };
             contentStyle: {
-                type: PropType<CSSProperties>;
+                type: PropType<import("vue").CSSProperties>;
+                default: () => {};
+            };
+        }>>, {
+            content: string;
+            contentStyle: import("vue").CSSProperties;
+        }>;
+        HiddenContent: import("vue").DefineComponent<{
+            content: {
+                type: StringConstructor;
+                default: string;
+            };
+            tip: StringConstructor;
+            width: {
+                type: NumberConstructor;
+            };
+            contentStyle: {
+                type: PropType<import("vue").CSSProperties>;
+                default: () => {};
+            };
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                content: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                tip: StringConstructor;
+                width: {
+                    type: NumberConstructor;
+                };
+                contentStyle: {
+                    type: PropType<import("vue").CSSProperties>;
+                    default: () => {};
+                };
+            }>> & {}>>;
+            hidden: import("vue").Ref<boolean>;
+            toggleHidden: () => void;
+            wrapperStyle: import("vue").ComputedRef<{
+                maxWidth: string;
+                width: string;
+            }>;
+            parsedContentStyle: import("vue").ComputedRef<{}>;
+            displayContent: import("vue").ComputedRef<string>;
+            InfoEllipsis: import("vue").DefineComponent<{
+                content: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                tip: {
+                    type: StringConstructor;
+                };
+                contentStyle: {
+                    type: PropType<import("vue").CSSProperties>;
+                    default: () => {};
+                };
+            }, {
+                NEllipsis: any;
+                NTooltip: any;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                content: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                tip: {
+                    type: StringConstructor;
+                };
+                contentStyle: {
+                    type: PropType<import("vue").CSSProperties>;
+                    default: () => {};
+                };
+            }>>, {
+                content: string;
+                contentStyle: import("vue").CSSProperties;
+            }>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            content: {
+                type: StringConstructor;
+                default: string;
+            };
+            tip: StringConstructor;
+            width: {
+                type: NumberConstructor;
+            };
+            contentStyle: {
+                type: PropType<import("vue").CSSProperties>;
                 default: () => {};
             };
         }>>, {
             content: string;
-            contentStyle: CSSProperties;
+            contentStyle: import("vue").CSSProperties;
         }>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        content: {
+        compact: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        infoList: {
+            type: ArrayConstructor;
+            required: false;
+            default: () => never[];
+        };
+        labelField: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        valueField: {
             type: StringConstructor;
+            required: false;
             default: string;
         };
-        tip: StringConstructor;
-        width: {
-            type: NumberConstructor;
+        minColumnWidth: {
+            type: (NumberConstructor | StringConstructor)[];
+            required: false;
+            default: number;
         };
-        contentStyle: {
-            type: PropType<CSSProperties>;
-            default: () => {};
+        rowHeight: {
+            type: (NumberConstructor | StringConstructor)[];
+            required: false;
+            default: number;
+        };
+        rootSlot: {
+            type: ObjectConstructor;
+            required: true;
         };
     }>>, {
-        content: string;
-        contentStyle: CSSProperties;
+        compact: boolean;
+        infoList: unknown[];
+        labelField: string;
+        valueField: string;
+        minColumnWidth: string | number;
+        rowHeight: string | number;
     }>;
 }, 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<{
     compact: {

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,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};

package/es/components/recommend-search/index.d.ts

@@ -100,9 +100,9 @@ declare const RecommendSearch: SFCWithInstall<import("vue").DefineComponent<{
         };
     }>> & {
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-        onSearch?: ((...args: any[]) => any) | undefined;
         onDelete?: ((...args: any[]) => any) | undefined;
         onClear?: ((...args: any[]) => any) | undefined;
+        onSearch?: ((...args: any[]) => any) | undefined;
         onChoose?: ((...args: any[]) => any) | undefined;
         onOpenMenu?: ((...args: any[]) => any) | undefined;
         onCloseMenu?: ((...args: any[]) => any) | undefined;
@@ -169,9 +169,9 @@ declare const RecommendSearch: SFCWithInstall<import("vue").DefineComponent<{
                 };
             }>> & {
                 "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-                onSearch?: ((...args: any[]) => any) | undefined;
                 onDelete?: ((...args: any[]) => any) | undefined;
                 onClear?: ((...args: any[]) => any) | undefined;
+                onSearch?: ((...args: any[]) => any) | undefined;
                 onChoose?: ((...args: any[]) => any) | undefined;
                 onOpenMenu?: ((...args: any[]) => any) | undefined;
                 onCloseMenu?: ((...args: any[]) => any) | undefined;
@@ -330,9 +330,9 @@ declare const RecommendSearch: SFCWithInstall<import("vue").DefineComponent<{
                         default: boolean;
                     };
                 }>> & {
-                    onSearch?: ((...args: any[]) => any) | undefined;
                     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
                     onClear?: ((...args: any[]) => any) | undefined;
+                    onSearch?: ((...args: any[]) => any) | undefined;
                     onOpenMenu?: ((...args: any[]) => any) | undefined;
                     onCloseMenu?: ((...args: any[]) => any) | undefined;
                 }>>;
@@ -388,9 +388,9 @@ declare const RecommendSearch: SFCWithInstall<import("vue").DefineComponent<{
                     default: boolean;
                 };
             }>> & {
-                onSearch?: ((...args: any[]) => any) | undefined;
                 "onUpdate:show"?: ((...args: any[]) => any) | undefined;
                 onClear?: ((...args: any[]) => any) | undefined;
+                onSearch?: ((...args: any[]) => any) | undefined;
                 onOpenMenu?: ((...args: any[]) => any) | undefined;
                 onCloseMenu?: ((...args: any[]) => any) | undefined;
             }, {
@@ -432,9 +432,9 @@ declare const RecommendSearch: SFCWithInstall<import("vue").DefineComponent<{
             };
         }>> & {
             "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-            onSearch?: ((...args: any[]) => any) | undefined;
             onDelete?: ((...args: any[]) => any) | undefined;
             onClear?: ((...args: any[]) => any) | undefined;
+            onSearch?: ((...args: any[]) => any) | undefined;
             onChoose?: ((...args: any[]) => any) | undefined;
             onOpenMenu?: ((...args: any[]) => any) | undefined;
             onCloseMenu?: ((...args: any[]) => any) | undefined;
@@ -513,9 +513,9 @@ declare const RecommendSearch: SFCWithInstall<import("vue").DefineComponent<{
                 };
             }>> & {
                 "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-                onSearch?: ((...args: any[]) => any) | undefined;
                 onDelete?: ((...args: any[]) => any) | undefined;
                 onClear?: ((...args: any[]) => any) | undefined;
+                onSearch?: ((...args: any[]) => any) | undefined;
                 onChoose?: ((...args: any[]) => any) | undefined;
                 onOpenMenu?: ((...args: any[]) => any) | undefined;
                 onCloseMenu?: ((...args: any[]) => any) | undefined;
@@ -620,9 +620,9 @@ declare const RecommendSearch: SFCWithInstall<import("vue").DefineComponent<{
                         default: boolean;
                     };
                 }>> & {
-                    onSearch?: ((...args: any[]) => any) | undefined;
                     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
                     onClear?: ((...args: any[]) => any) | undefined;
+                    onSearch?: ((...args: any[]) => any) | undefined;
                     onOpenMenu?: ((...args: any[]) => any) | undefined;
                     onCloseMenu?: ((...args: any[]) => any) | undefined;
                 }>>;
@@ -678,9 +678,9 @@ declare const RecommendSearch: SFCWithInstall<import("vue").DefineComponent<{
                     default: boolean;
                 };
             }>> & {
-                onSearch?: ((...args: any[]) => any) | undefined;
                 "onUpdate:show"?: ((...args: any[]) => any) | undefined;
                 onClear?: ((...args: any[]) => any) | undefined;
+                onSearch?: ((...args: any[]) => any) | undefined;
                 onOpenMenu?: ((...args: any[]) => any) | undefined;
                 onCloseMenu?: ((...args: any[]) => any) | undefined;
             }, {
@@ -727,9 +727,9 @@ declare const RecommendSearch: SFCWithInstall<import("vue").DefineComponent<{
             };
         }>> & {
             "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-            onSearch?: ((...args: any[]) => any) | undefined;
             onDelete?: ((...args: any[]) => any) | undefined;
             onClear?: ((...args: any[]) => any) | undefined;
+            onSearch?: ((...args: any[]) => any) | undefined;
             onChoose?: ((...args: any[]) => any) | undefined;
             onOpenMenu?: ((...args: any[]) => any) | undefined;
             onCloseMenu?: ((...args: any[]) => any) | undefined;
@@ -795,9 +795,9 @@ declare const RecommendSearch: SFCWithInstall<import("vue").DefineComponent<{
     };
 }>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-    onSearch?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
+    onSearch?: ((...args: any[]) => any) | undefined;
     onChoose?: ((...args: any[]) => any) | undefined;
     onOpenMenu?: ((...args: any[]) => any) | undefined;
     onCloseMenu?: ((...args: any[]) => any) | undefined;

package/es/components/recommend-search/src/RecommendSearch.vue.d.ts

@@ -102,9 +102,9 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>> & {
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-        onSearch?: ((...args: any[]) => any) | undefined;
         onDelete?: ((...args: any[]) => any) | undefined;
         onClear?: ((...args: any[]) => any) | undefined;
+        onSearch?: ((...args: any[]) => any) | undefined;
         onChoose?: ((...args: any[]) => any) | undefined;
         onOpenMenu?: ((...args: any[]) => any) | undefined;
         onCloseMenu?: ((...args: any[]) => any) | undefined;
@@ -171,9 +171,9 @@ declare const _default: import("vue").DefineComponent<{
                 };
             }>> & {
                 "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-                onSearch?: ((...args: any[]) => any) | undefined;
                 onDelete?: ((...args: any[]) => any) | undefined;
                 onClear?: ((...args: any[]) => any) | undefined;
+                onSearch?: ((...args: any[]) => any) | undefined;
                 onChoose?: ((...args: any[]) => any) | undefined;
                 onOpenMenu?: ((...args: any[]) => any) | undefined;
                 onCloseMenu?: ((...args: any[]) => any) | undefined;
@@ -332,9 +332,9 @@ declare const _default: import("vue").DefineComponent<{
                         default: boolean;
                     };
                 }>> & {
-                    onSearch?: ((...args: any[]) => any) | undefined;
                     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
                     onClear?: ((...args: any[]) => any) | undefined;
+                    onSearch?: ((...args: any[]) => any) | undefined;
                     onOpenMenu?: ((...args: any[]) => any) | undefined;
                     onCloseMenu?: ((...args: any[]) => any) | undefined;
                 }>>;
@@ -390,9 +390,9 @@ declare const _default: import("vue").DefineComponent<{
                     default: boolean;
                 };
             }>> & {
-                onSearch?: ((...args: any[]) => any) | undefined;
                 "onUpdate:show"?: ((...args: any[]) => any) | undefined;
                 onClear?: ((...args: any[]) => any) | undefined;
+                onSearch?: ((...args: any[]) => any) | undefined;
                 onOpenMenu?: ((...args: any[]) => any) | undefined;
                 onCloseMenu?: ((...args: any[]) => any) | undefined;
             }, {
@@ -434,9 +434,9 @@ declare const _default: import("vue").DefineComponent<{
             };
         }>> & {
             "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-            onSearch?: ((...args: any[]) => any) | undefined;
             onDelete?: ((...args: any[]) => any) | undefined;
             onClear?: ((...args: any[]) => any) | undefined;
+            onSearch?: ((...args: any[]) => any) | undefined;
             onChoose?: ((...args: any[]) => any) | undefined;
             onOpenMenu?: ((...args: any[]) => any) | undefined;
             onCloseMenu?: ((...args: any[]) => any) | undefined;
@@ -515,9 +515,9 @@ declare const _default: import("vue").DefineComponent<{
                 };
             }>> & {
                 "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-                onSearch?: ((...args: any[]) => any) | undefined;
                 onDelete?: ((...args: any[]) => any) | undefined;
                 onClear?: ((...args: any[]) => any) | undefined;
+                onSearch?: ((...args: any[]) => any) | undefined;
                 onChoose?: ((...args: any[]) => any) | undefined;
                 onOpenMenu?: ((...args: any[]) => any) | undefined;
                 onCloseMenu?: ((...args: any[]) => any) | undefined;
@@ -622,9 +622,9 @@ declare const _default: import("vue").DefineComponent<{
                         default: boolean;
                     };
                 }>> & {
-                    onSearch?: ((...args: any[]) => any) | undefined;
                     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
                     onClear?: ((...args: any[]) => any) | undefined;
+                    onSearch?: ((...args: any[]) => any) | undefined;
                     onOpenMenu?: ((...args: any[]) => any) | undefined;
                     onCloseMenu?: ((...args: any[]) => any) | undefined;
                 }>>;
@@ -680,9 +680,9 @@ declare const _default: import("vue").DefineComponent<{
                     default: boolean;
                 };
             }>> & {
-                onSearch?: ((...args: any[]) => any) | undefined;
                 "onUpdate:show"?: ((...args: any[]) => any) | undefined;
                 onClear?: ((...args: any[]) => any) | undefined;
+                onSearch?: ((...args: any[]) => any) | undefined;
                 onOpenMenu?: ((...args: any[]) => any) | undefined;
                 onCloseMenu?: ((...args: any[]) => any) | undefined;
             }, {
@@ -729,9 +729,9 @@ declare const _default: import("vue").DefineComponent<{
             };
         }>> & {
             "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-            onSearch?: ((...args: any[]) => any) | undefined;
             onDelete?: ((...args: any[]) => any) | undefined;
             onClear?: ((...args: any[]) => any) | undefined;
+            onSearch?: ((...args: any[]) => any) | undefined;
             onChoose?: ((...args: any[]) => any) | undefined;
             onOpenMenu?: ((...args: any[]) => any) | undefined;
             onCloseMenu?: ((...args: any[]) => any) | undefined;
@@ -797,9 +797,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-    onSearch?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
+    onSearch?: ((...args: any[]) => any) | undefined;
     onChoose?: ((...args: any[]) => any) | undefined;
     onOpenMenu?: ((...args: any[]) => any) | undefined;
     onCloseMenu?: ((...args: any[]) => any) | undefined;