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

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

@@ -1,12 +1,7 @@
-import { AnyObject, Func } from '../../../../../../es/shared/types';
-import { CSSProperties } from 'vue';
+import { Func } from '../../../../../../es/shared/types';
+import { FormChangePayload } from '../../../../../../es/components/form-render';
 import { InfoHeaderTypes } from '../../../../../../es/components/info-header/src/types';
 declare const _default: import("vue").DefineComponent<{
-    compact: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
     infoList: {
         type: ArrayConstructor;
         required: false;
@@ -27,28 +22,24 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
         default: number;
     };
-    rowHeight: {
-        type: (NumberConstructor | StringConstructor)[];
-        required: false;
-        default: number;
-    };
     rootSlot: {
         type: ObjectConstructor;
         required: true;
     };
 }, {
     props: {
-        compact: boolean;
         infoList: InfoHeaderTypes.InfoItem[];
         labelField: string;
         valueField: string;
         minColumnWidth: string | number;
-        rowHeight: string | number;
         rootSlot: Record<string, Func>;
     };
-    getDescriptionItemStyle: ({ bold, contentStyle }?: AnyObject) => CSSProperties;
-    getEllipsisStyle: (index: number, { bold, contentStyle }?: AnyObject) => CSSProperties;
-    needHidden: (item: AnyObject) => boolean;
+    themeOverrides: import("naive-ui").GlobalThemeOverrides;
+    globEmit: ((eventName: string, ...payload: any[]) => void) | undefined;
+    hasForm: import("vue").ComputedRef<boolean>;
+    initialData: import("vue").ComputedRef<Record<string, any>>;
+    onFormChange: (payload: FormChangePayload) => void;
+    formRenderRef: import("vue").Ref<import("../../../../../../es/components/form-render").FormRenderExpose | undefined> | undefined;
     columnNum: import("vue").Ref<number>;
     infoRef: import("vue").Ref<HTMLElement | undefined>;
     maxColumnWidth: import("vue").Ref<number>;
@@ -67,165 +58,454 @@ declare const _default: import("vue").DefineComponent<{
     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: import("vue").PropType<string | CSSProperties>;
-        readonly contentStyle: import("vue").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: import("vue").PropType<string | CSSProperties>;
-        readonly contentStyle: import("vue").PropType<string | CSSProperties>;
-    }>>, {
-        readonly span: number;
-    }>;
     NScrollbar: any;
-    SlotRender: import("vue").DefineComponent<{
-        renderer: {
-            type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | Func<any[], any>>;
-            required: true;
-        };
-        rootSlots: {
-            type: import("vue").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: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | Func<any[], any>>;
-            required: true;
-        };
-        rootSlots: {
-            type: import("vue").PropType<Record<string, Func<any[], any>>>;
+    NConfigProvider: any;
+    DescriptionList: import("vue").DefineComponent<{
+        infoList: {
+            type: ArrayConstructor;
+            required: false;
+            default: () => never[];
         };
-    }>>, {}>;
-    InfoEllipsis: import("vue").DefineComponent<{
-        content: {
+        labelField: {
             type: StringConstructor;
+            required: false;
             default: string;
         };
-        tip: {
-            type: StringConstructor;
-        };
-        contentStyle: {
-            type: import("vue").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: import("vue").PropType<CSSProperties>;
-            default: () => {};
+        rootSlot: {
+            type: ObjectConstructor;
+            required: true;
         };
-    }>>, {
-        contentStyle: CSSProperties;
-        content: string;
-    }>;
-    HiddenContent: import("vue").DefineComponent<{
-        content: {
-            type: StringConstructor;
-            default: string;
+        descriptionWidthList: {
+            type: ArrayConstructor;
+            required: true;
+            default: () => never[];
         };
-        tip: StringConstructor;
-        width: {
+        columnNum: {
             type: NumberConstructor;
+            required: true;
+            default: number;
         };
-        contentStyle: {
-            type: import("vue").PropType<CSSProperties>;
-            default: () => {};
+        inForm: {
+            type: BooleanConstructor;
+            required: false;
         };
     }, {
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            content: {
-                type: StringConstructor;
-                default: string;
+        descriptionStyle: {
+            height: string;
+            display: string;
+            'align-items': string;
+        };
+        NDescriptions: any;
+        NDescriptionsItem: import("vue").DefineComponent<{
+            readonly label: StringConstructor;
+            readonly span: {
+                readonly type: NumberConstructor;
+                readonly default: 1;
             };
-            tip: StringConstructor;
-            width: {
-                type: NumberConstructor;
+            readonly labelStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+            readonly contentStyle: import("vue").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;
             };
-            contentStyle: {
-                type: import("vue").PropType<CSSProperties>;
+            readonly labelStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+            readonly contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+        }>>, {
+            readonly span: number;
+        }>;
+        DescriptionItem: import("vue").DefineComponent<{
+            infoItem: {
+                type: null;
+                required: true;
                 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: {
+            labelField: {
                 type: StringConstructor;
+                required: false;
                 default: string;
             };
-            tip: {
+            valueField: {
                 type: StringConstructor;
+                required: false;
+                default: string;
             };
-            contentStyle: {
-                type: import("vue").PropType<CSSProperties>;
-                default: () => {};
+            width: {
+                type: NumberConstructor;
+                required: false;
+            };
+            rootSlot: {
+                type: ObjectConstructor;
+                required: true;
             };
         }, {
-            NEllipsis: any;
-            NTooltip: any;
+            props: {
+                infoItem: Partial<{
+                    [K: string]: any;
+                    slot: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | ((payload: {
+                        width: unknown;
+                        item: Partial<any>;
+                    }) => any);
+                    tip: string;
+                    formField: Partial<import("../../../../../../es/components/form-render").FieldItem>;
+                    edit: boolean;
+                }>;
+                labelField: string;
+                valueField: string;
+                width?: number | undefined;
+                rootSlot: Record<string, any>;
+            };
+            SchemaField: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+            formRenderRef: import("vue").Ref<import("../../../../../../es/components/form-render").FormRenderExpose | undefined>;
+            onItemDblclick: (item: Partial<{
+                [K: string]: any;
+                slot: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | ((payload: {
+                    width: unknown;
+                    item: Partial<any>;
+                }) => any);
+                tip: string;
+                formField: Partial<import("../../../../../../es/components/form-render").FieldItem>;
+                edit: boolean;
+            }>) => Promise<void>;
+            onItemClick: (item: Partial<{
+                [K: string]: any;
+                slot: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | ((payload: {
+                    width: unknown;
+                    item: Partial<any>;
+                }) => any);
+                tip: string;
+                formField: Partial<import("../../../../../../es/components/form-render").FieldItem>;
+                edit: boolean;
+            }>) => Promise<void>;
+            collector: import("../../../../../../es/components/form-render").BusinessCollector | undefined;
+            schemaAdaptor: (fieldList: import("../../../../../../es/components/form-render").FieldItem[]) => Record<string, import("@formily/json-schema").Stringify<{
+                [key: symbol]: any;
+                [key: `x-${string}`]: any;
+                [key: `x-${number}`]: any;
+                version?: string | undefined;
+                name?: import("@formily/json-schema").SchemaKey | undefined;
+                title?: any;
+                description?: any;
+                default?: any;
+                readOnly?: boolean | undefined;
+                writeOnly?: boolean | undefined;
+                type?: import("@formily/json-schema").SchemaTypes | undefined;
+                enum?: import("@formily/json-schema").SchemaEnum<any> | undefined;
+                const?: any;
+                multipleOf?: number | undefined;
+                maximum?: number | undefined;
+                exclusiveMaximum?: number | undefined;
+                minimum?: number | undefined;
+                exclusiveMinimum?: number | undefined;
+                maxLength?: number | undefined;
+                minLength?: number | undefined;
+                pattern?: string | RegExp | undefined;
+                maxItems?: number | undefined;
+                minItems?: number | undefined;
+                uniqueItems?: boolean | undefined;
+                maxProperties?: number | undefined;
+                minProperties?: number | undefined;
+                required?: string | boolean | string[] | undefined;
+                format?: string | undefined;
+                $ref?: string | undefined;
+                $namespace?: string | undefined;
+                definitions?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+                properties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+                items?: import("@formily/json-schema").SchemaItems<any, any, any, any, any, any, any, any> | undefined;
+                additionalItems?: import("@formily/json-schema").Stringify<any> | undefined;
+                patternProperties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+                additionalProperties?: import("@formily/json-schema").Stringify<any> | undefined;
+                "x-value"?: any;
+                "x-index"?: number | undefined;
+                "x-pattern"?: any;
+                "x-display"?: any;
+                "x-validator"?: any;
+                "x-decorator"?: any;
+                "x-decorator-props"?: any;
+                "x-component"?: any;
+                "x-component-props"?: any;
+                "x-reactions"?: import("@formily/json-schema").SchemaReactions<any> | undefined;
+                "x-content"?: any;
+                "x-data"?: any;
+                "x-visible"?: boolean | undefined;
+                "x-hidden"?: boolean | undefined;
+                "x-disabled"?: boolean | undefined;
+                "x-editable"?: boolean | undefined;
+                "x-read-only"?: boolean | undefined;
+                "x-read-pretty"?: boolean | undefined;
+                "x-compile-omitted"?: string[] | undefined;
+            }>>;
+            formModel: import("vue").Ref<import("../../../../../../es/components/form-render").Form<any>>;
+            schema: import("vue").ComputedRef<import("@formily/json-schema").Stringify<{
+                [key: symbol]: any;
+                [key: `x-${string}`]: any;
+                [key: `x-${number}`]: any;
+                version?: string | undefined;
+                name?: import("@formily/json-schema").SchemaKey | undefined;
+                title?: any;
+                description?: any;
+                default?: any;
+                readOnly?: boolean | undefined;
+                writeOnly?: boolean | undefined;
+                type?: import("@formily/json-schema").SchemaTypes | undefined;
+                enum?: import("@formily/json-schema").SchemaEnum<any> | undefined;
+                const?: any;
+                multipleOf?: number | undefined;
+                maximum?: number | undefined;
+                exclusiveMaximum?: number | undefined;
+                minimum?: number | undefined;
+                exclusiveMinimum?: number | undefined;
+                maxLength?: number | undefined;
+                minLength?: number | undefined;
+                pattern?: string | RegExp | undefined;
+                maxItems?: number | undefined;
+                minItems?: number | undefined;
+                uniqueItems?: boolean | undefined;
+                maxProperties?: number | undefined;
+                minProperties?: number | undefined;
+                required?: string | boolean | string[] | undefined;
+                format?: string | undefined;
+                $ref?: string | undefined;
+                $namespace?: string | undefined;
+                definitions?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+                properties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+                items?: import("@formily/json-schema").SchemaItems<any, any, any, any, any, any, any, any> | undefined;
+                additionalItems?: import("@formily/json-schema").Stringify<any> | undefined;
+                patternProperties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+                additionalProperties?: import("@formily/json-schema").Stringify<any> | undefined;
+                "x-value"?: any;
+                "x-index"?: number | undefined;
+                "x-pattern"?: any;
+                "x-display"?: any;
+                "x-validator"?: any;
+                "x-decorator"?: any;
+                "x-decorator-props"?: any;
+                "x-component"?: any;
+                "x-component-props"?: any;
+                "x-reactions"?: import("@formily/json-schema").SchemaReactions<any> | undefined;
+                "x-content"?: any;
+                "x-data"?: any;
+                "x-visible"?: boolean | undefined;
+                "x-hidden"?: boolean | undefined;
+                "x-disabled"?: boolean | undefined;
+                "x-editable"?: boolean | undefined;
+                "x-read-only"?: boolean | undefined;
+                "x-read-pretty"?: boolean | undefined;
+                "x-compile-omitted"?: string[] | undefined;
+            }>>;
+            itemStyle: import("vue").ComputedRef<any>;
+            ellipsisStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            isHiddenContent: import("vue").ComputedRef<boolean>;
+            HiddenContent: import("vue").DefineComponent<{
+                content: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                tip: StringConstructor;
+                width: {
+                    type: NumberConstructor;
+                };
+                contentStyle: {
+                    type: import("vue").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: import("vue").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: import("vue").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: import("vue").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: import("vue").PropType<import("vue").CSSProperties>;
+                    default: () => {};
+                };
+            }>>, {
+                content: string;
+                contentStyle: import("vue").CSSProperties;
+            }>;
+            InfoEllipsis: import("vue").DefineComponent<{
+                content: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                tip: {
+                    type: StringConstructor;
+                };
+                contentStyle: {
+                    type: import("vue").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: import("vue").PropType<import("vue").CSSProperties>;
+                    default: () => {};
+                };
+            }>>, {
+                content: string;
+                contentStyle: import("vue").CSSProperties;
+            }>;
+            SlotRender: import("vue").DefineComponent<{
+                renderer: {
+                    type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | Func<any[], any>>;
+                    required: true;
+                };
+                rootSlots: {
+                    type: import("vue").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: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | Func<any[], any>>;
+                    required: true;
+                };
+                rootSlots: {
+                    type: import("vue").PropType<Record<string, Func<any[], any>>>;
+                };
+            }>>, {}>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-            content: {
+            infoItem: {
+                type: null;
+                required: true;
+                default: () => {};
+            };
+            labelField: {
                 type: StringConstructor;
+                required: false;
                 default: string;
             };
-            tip: {
+            valueField: {
                 type: StringConstructor;
+                required: false;
+                default: string;
             };
-            contentStyle: {
-                type: import("vue").PropType<CSSProperties>;
-                default: () => {};
+            width: {
+                type: NumberConstructor;
+                required: false;
+            };
+            rootSlot: {
+                type: ObjectConstructor;
+                required: true;
             };
         }>>, {
-            contentStyle: CSSProperties;
-            content: string;
+            labelField: string;
+            valueField: string;
+            infoItem: any;
         }>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        content: {
+        infoList: {
+            type: ArrayConstructor;
+            required: false;
+            default: () => never[];
+        };
+        labelField: {
             type: StringConstructor;
+            required: false;
             default: string;
         };
-        tip: StringConstructor;
-        width: {
+        valueField: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        rootSlot: {
+            type: ObjectConstructor;
+            required: true;
+        };
+        descriptionWidthList: {
+            type: ArrayConstructor;
+            required: true;
+            default: () => never[];
+        };
+        columnNum: {
             type: NumberConstructor;
+            required: true;
+            default: number;
         };
-        contentStyle: {
-            type: import("vue").PropType<CSSProperties>;
-            default: () => {};
+        inForm: {
+            type: BooleanConstructor;
+            required: false;
         };
     }>>, {
-        contentStyle: CSSProperties;
-        content: string;
+        infoList: unknown[];
+        labelField: string;
+        valueField: string;
+        descriptionWidthList: unknown[];
+        columnNum: number;
+        inForm: boolean;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    compact: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
     infoList: {
         type: ArrayConstructor;
         required: false;
@@ -246,21 +526,14 @@ declare const _default: import("vue").DefineComponent<{
         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;
 }>;
 export default _default;

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

@@ -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};
+import{defineComponent as e,inject as i,computed as o,ref as t,nextTick as l,onMounted as n,watch as r,onBeforeUnmount as a,onDeactivated as s,onActivated as u,resolveComponent as m,openBlock as d,createElementBlock as f,normalizeStyle as c,createVNode as p,unref as v,withCtx as h,createCommentVNode as _,renderSlot as y,createElementVNode as w,createBlock as F,mergeProps as x}from"vue";import{useThrottleFn as L,useEventListener as b}from"@vueuse/core";import{isArray as g}from"lodash-es";import{NScrollbar as C,NConfigProvider as W}from"naive-ui";import k from"./DescriptionList.vue.js";import{InjectionInfoHeaderEmit as j,InjectionInfoHeaderFormRef as R}from"../../constants/index.js";import{useThemeOverrides as $}from"../../hooks/useThemeOverrides.js";import A from"../../../../../_virtual/plugin-vue_export-helper.js";const I={style:{"margin-top":"8px","margin-bottom":"12px"}};var M=A(e({__name:"index",props:{infoList:{default:()=>[]},labelField:{default:"label"},valueField:{default:"value"},minColumnWidth:{default:180},rootSlot:null},setup(e,{expose:A}){const M=e,{themeOverrides:O}=$(),S=i(j),q=o((()=>g(M.infoList)&&M.infoList.some((e=>e.formField)))),z=o((()=>g(M.infoList)?M.infoList.reduce(((e,i)=>(i.formField&&(e[i[M.labelField]]=i[M.valueField]),e)),{}):{}));function D(e){var i;const{fieldKey:o,value:t}=e,l=null==(i=M.infoList)?void 0:i.find((e=>e[M.labelField]===o));l&&(l[M.valueField]=t,S&&S("formChange",e))}const K=i(R),T=t(3),B=t(),E=t(0),G=t([]),H=L((async function(){await l();const e=B.value;if(!e)return;const{clientWidth:i}=e;T.value=Math.floor(i/+M.minColumnWidth),E.value=Math.floor(i/T.value),await l();const o=e.querySelectorAll(".n-descriptions-table-content__label");o&&(G.value=Array.from(o).map((e=>E.value-e.clientWidth-8)))}),200,!0,!1);let J;function N(){clearInterval(J)}function P(){N(),J=setInterval(H,700)}return n(H),r([()=>M.minColumnWidth,()=>M.infoList],H,{flush:"post",deep:!0}),b(window,"resize",H),a(N),s(N),u(P),n(P),A({updateColumn:H}),(e,i)=>{const o=m("c-form-render");return d(),f("section",{class:"c-info-header__info",ref_key:"infoRef",ref:B,style:c({"--column-width":E.value})},[p(v(C),{class:"c-info-header__infoWrapper"},{default:h((()=>[_("   描述信息区插槽     "),y(e.$slots,"info",{},(()=>[w("section",I,[v(q)?(d(),F(o,{key:1,onFormChange:D,"initial-data":v(z),ref_key:"formRenderRef",ref:K},{default:h((()=>[p(v(W),{"theme-overrides":v(O),style:c({"grid-column":"span min(var(--column), 999) / span min(var(--column), 999)"})},{default:h((()=>[p(k,x(e.$props,{"description-width-list":G.value,"column-num":T.value,"in-form":""}),null,16,["description-width-list","column-num"])])),_:1},8,["theme-overrides","style"])])),_:1},8,["initial-data"])):(d(),F(k,x({key:0},e.$props,{"description-width-list":G.value,"column-num":T.value}),null,16,["description-width-list","column-num"]))])]))])),_:3})],4)}}}),[["__file","index.vue"]]);export{M as default};