cnhis-design-vue 3.1.41-release.4 → 3.1.41-release.6

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

@@ -1,14 +1,5 @@
 import { AnyObject, Func } from '../../../../es/shared/types';
-import { CSSProperties, PropType, VNode } from 'vue';
-declare type PatientTag = Partial<{
-    type?: 'warning' | 'info';
-    content: string;
-    render?: any;
-    color?: {
-        color?: string;
-        textColor?: string;
-    };
-}>;
+import { PropType, VNode } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     compact: {
         type: BooleanConstructor;
@@ -27,8 +18,8 @@ declare const _default: import("vue").DefineComponent<{
             name: string;
             sex: string;
             age: string;
-            ageUnit?: string | undefined;
-            tagList?: Partial<{
+            ageUnit: string;
+            tagList: Partial<{
                 type?: "warning" | "info" | undefined;
                 content: string;
                 render?: any;
@@ -36,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
                     color?: string | undefined;
                     textColor?: string | undefined;
                 } | undefined;
-            }>[] | undefined;
+            }>[];
         }>>;
         default: () => {};
     };
@@ -86,8 +77,8 @@ declare const _default: import("vue").DefineComponent<{
                 name: string;
                 sex: string;
                 age: string;
-                ageUnit?: string | undefined;
-                tagList?: Partial<{
+                ageUnit: string;
+                tagList: Partial<{
                     type?: "warning" | "info" | undefined;
                     content: string;
                     render?: any;
@@ -95,7 +86,7 @@ declare const _default: import("vue").DefineComponent<{
                         color?: string | undefined;
                         textColor?: string | undefined;
                     } | undefined;
-                }>[] | undefined;
+                }>[];
             }>>;
             default: () => {};
         };
@@ -132,6 +123,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;
@@ -143,149 +138,115 @@ declare const _default: import("vue").DefineComponent<{
         event: Func;
         render: () => VNode[];
     }[]>;
-    getTagColor: ({ type }: PatientTag) => {
-        color: string;
-        textColor: string;
-    };
-    tagListExcludeEmpty: import("vue").ComputedRef<Partial<{
-        type?: "warning" | "info" | undefined;
-        content: string;
-        render?: any;
-        color?: {
-            color?: string | undefined;
-            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;
-    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;
+    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: Partial<{
+                [K: string]: any;
+                slot: string | (() => any);
+                tip: string;
+                formField: import("../..").FieldItem;
+            }>[];
+            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 +256,7 @@ declare const _default: import("vue").DefineComponent<{
                 type: StringConstructor;
             };
             contentStyle: {
-                type: PropType<CSSProperties>;
+                type: PropType<import("vue").CSSProperties>;
                 default: () => {};
             };
         }, {
@@ -310,29 +271,201 @@ declare const _default: import("vue").DefineComponent<{
                 type: StringConstructor;
             };
             contentStyle: {
-                type: PropType<CSSProperties>;
+                type: PropType<import("vue").CSSProperties>;
                 default: () => {};
             };
         }>>, {
+            contentStyle: import("vue").CSSProperties;
+            content: string;
+        }>;
+        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: () => {};
+                };
+            }>>, {
+                contentStyle: import("vue").CSSProperties;
+                content: string;
+            }>;
+        }, 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: () => {};
+            };
+        }>>, {
+            contentStyle: import("vue").CSSProperties;
             content: string;
-            contentStyle: 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;
+        };
+        rowHeight: {
+            type: (NumberConstructor | StringConstructor)[];
+            required: false;
+            default: number;
+        };
+        rootSlot: {
+            type: ObjectConstructor;
+            required: true;
+        };
+    }>>, {
+        compact: boolean;
+        infoList: unknown[];
+        labelField: string;
+        valueField: string;
+        minColumnWidth: string | number;
+        rowHeight: string | number;
+    }>;
+    PatientInfo: import("vue").DefineComponent<{
+        patientInfo: {
+            type: null;
+            required: true;
+            default: () => {};
         };
-        contentStyle: {
-            type: PropType<CSSProperties>;
+    }, {
+        props: {
+            patientInfo: Partial<{
+                avatar: string;
+                avatarPreview: string;
+                avatarProps: string;
+                avatarPreviewProps: string;
+                name: string;
+                sex: string;
+                age: string;
+                ageUnit: string;
+                tagList: Partial<{
+                    type?: "warning" | "info" | undefined;
+                    content: string;
+                    render?: any;
+                    color?: {
+                        color?: string | undefined;
+                        textColor?: string | undefined;
+                    } | undefined;
+                }>[];
+            }>;
+        };
+        tagListExcludeEmpty: import("vue").ComputedRef<Partial<{
+            type?: "warning" | "info" | undefined;
+            content: string;
+            render?: any;
+            color?: {
+                color?: string | undefined;
+                textColor?: string | undefined;
+            } | undefined;
+        }>[]>;
+        getTagColor: ({ type }: Partial<{
+            type?: "warning" | "info" | undefined;
+            content: string;
+            render?: any;
+            color?: {
+                color?: string | undefined;
+                textColor?: string | undefined;
+            } | undefined;
+        }>) => {
+            color: string;
+            textColor: string;
+        };
+        NImage: any;
+        NEllipsis: any;
+        NTag: any;
+        NPopover: any;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        patientInfo: {
+            type: null;
+            required: true;
             default: () => {};
         };
     }>>, {
-        content: string;
-        contentStyle: CSSProperties;
+        patientInfo: any;
     }>;
 }, 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: {
@@ -352,8 +485,8 @@ declare const _default: import("vue").DefineComponent<{
             name: string;
             sex: string;
             age: string;
-            ageUnit?: string | undefined;
-            tagList?: Partial<{
+            ageUnit: string;
+            tagList: Partial<{
                 type?: "warning" | "info" | undefined;
                 content: string;
                 render?: any;
@@ -361,7 +494,7 @@ declare const _default: import("vue").DefineComponent<{
                     color?: string | undefined;
                     textColor?: string | undefined;
                 } | undefined;
-            }>[] | undefined;
+            }>[];
         }>>;
         default: () => {};
     };
@@ -406,8 +539,8 @@ declare const _default: import("vue").DefineComponent<{
         name: string;
         sex: string;
         age: string;
-        ageUnit?: string | undefined;
-        tagList?: Partial<{
+        ageUnit: string;
+        tagList: Partial<{
             type?: "warning" | "info" | undefined;
             content: string;
             render?: any;
@@ -415,7 +548,7 @@ declare const _default: import("vue").DefineComponent<{
                 color?: string | undefined;
                 textColor?: string | undefined;
             } | undefined;
-        }>[] | undefined;
+        }>[];
     }>;
     labelField: string;
     valueField: string;

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

@@ -0,0 +1,3 @@
+import InfoDescription from './infoDescription/index.vue';
+import PatientInfo from './patientInfo/index.vue';
+export { InfoDescription, PatientInfo };

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

@@ -0,0 +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

@@ -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/components/infoDescription/InfoEllipsis.vue.js

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