cnhis-design-vue 3.3.3-release.9 → 3.4.0-beta.1

package/es/components/index.d.ts

@@ -64,6 +64,8 @@ export * from './slider-tree';
 export * from './audio-sdk';
 export * from './step-notice';
 export * from './info-header';
+export * from './vertify';
+export * from './keyboard';
 declare function install(app: App): void;
 export { CGrid, CBigTable, CFieldSet, CButtonPrint, CSelectPerson, CSelectLabel, CLabelFormContent, CScaleView, CMap, CVodChunkUpload, CRadio, CCheckbox, CSelect, CDatetime, CInfoHeader, CTimeLine, CBaseSearch, CQuickSearch, CClassification, CBpmnWorkflow, CStepsWheel, CEditor, CFormRender, CFabricChart, CShortcutProvider, CShortcutSetter, CFormConfig, CIhoTable, CKeyboard, CSearchCascader, CRecommendSearch, CDatePicker, CTimePicker, CConfigProvider, CPictureClipper, CTableExportField, CExpandField, CIhoChat, CCallback, CSliderTree, CBodySelect, CDefaultPage, CStepNotice, CToothBitmap, CCardRender, CBranchNotice, CFieldEditor, CAudioSdk };
 declare const _default: {

package/es/components/index.js

@@ -86,7 +86,7 @@ import AudioSdk from './audio-sdk/index.js';
 export { default as CAudioSdk } from './audio-sdk/index.js';
 export { default as CInsuranceSDK } from './card-reader-sdk/src/insuranceSDK.js';
 export { default as CCardReaderSDK } from './card-reader-sdk/src/cardReaderSDK.js';
-export { formatDateRangeInfo, presetValToDateRangestr, presetValToTimestamp } from './table-filter/src/components/render-widget/helpers/presetValToTimestamp.js';
+export { formatDateRangeInfo, formatSpecialDateRange, presetValToDateRangestr, presetValToTimestamp } from './table-filter/src/components/render-widget/helpers/presetValToTimestamp.js';
 export { DatePresetValEnums, DateRangeInnerValEnums, DateRangeOutDefEnums } from './table-filter/src/components/render-widget/enums.js';
 export { createOpacityColor, useTheme } from '../shared/hooks/useTheme.js';
 export { handleInputEvent, useDateTime } from '../shared/hooks/useDateTime.js';
@@ -103,6 +103,7 @@ export { useScrollLoading } from '../shared/hooks/useScrollLoading.js';
 export { vFlexibleResize } from '../shared/directive/flexibleResize.js';
 export { useGuide } from './guide/src/useGuide.js';
 export { DragScroll, useDragScroll } from './drag-scroll/src/index.js';
+export { vertify } from './vertify/src/utils/index.js';
 export { default as CRecorder } from './audio-sdk/src/utils/recorder/recorder.js';
 export { useAnchor } from './form-render/src/hooks/useAnchor.js';
 export { BusinessCollector, useBusinessBinding } from './form-render/src/hooks/useBusinessBinding.js';

package/es/components/info-header/index.d.ts

@@ -178,6 +178,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
             feedbackType: "default" | "tooltip";
             fixMemoLeak: boolean;
             lazyRender: boolean;
+            linebreaksToTitle: boolean;
             dialogFn: any;
         }>>>;
     };
@@ -364,6 +365,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                 feedbackType: "default" | "tooltip";
                 fixMemoLeak: boolean;
                 lazyRender: boolean;
+                linebreaksToTitle: boolean;
                 dialogFn: any;
             }>>>;
         };
@@ -436,7 +438,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
         };
         encrypted: {
             type: BooleanConstructor;
-            required: true;
+            required: false;
         };
     }, {
         props: {
@@ -561,12 +563,13 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                 feedbackType: "default" | "tooltip";
                 fixMemoLeak: boolean;
                 lazyRender: boolean;
+                linebreaksToTitle: boolean;
                 dialogFn: any;
             }>>;
-            encrypted: boolean;
+            encrypted?: boolean | undefined;
         };
         themeOverrides: import("naive-ui").GlobalThemeOverrides;
-        globEmit: ((eventName: string, ...payload: any[]) => void) | undefined;
+        globEmit: ((eventName: "openPatientInfo" | "fieldSet" | "update:compact" | "formChange", ...payload: any[]) => void) | undefined;
         hasForm: import("vue").ComputedRef<boolean>;
         initialData: import("vue").ComputedRef<Record<string, any>>;
         onFormChange: (payload: import("..").FormChangePayload) => void;
@@ -574,17 +577,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
         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;
-            };
-        }[]>;
+        descriptionWidthList: import("vue").Ref<number[]>;
         updateColumn: () => Promise<void>;
         timer: any;
         stopInterval: () => void;
@@ -627,7 +620,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
             };
             encrypted: {
                 type: BooleanConstructor;
-                required: true;
+                required: false;
             };
         }, {
             descriptionStyle: {
@@ -816,6 +809,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                     feedbackType: "default" | "tooltip";
                     fixMemoLeak: boolean;
                     lazyRender: boolean;
+                    linebreaksToTitle: boolean;
                     dialogFn: any;
                 }>) => Record<string, import("@formily/json-schema").Stringify<{
                     [key: symbol]: any;
@@ -1151,12 +1145,13 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
             };
             encrypted: {
                 type: BooleanConstructor;
-                required: true;
+                required: false;
             };
         }>>, {
             infoList: unknown[];
             labelField: string;
             valueField: string;
+            encrypted: boolean;
             descriptionWidthList: unknown[];
             columnNum: number;
             inForm: boolean;
@@ -1373,6 +1368,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                     type: BooleanConstructor;
                 };
                 lazyRender: BooleanConstructor;
+                linebreaksToTitle: BooleanConstructor;
                 dialogFn: {};
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -1581,6 +1577,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                         type: BooleanConstructor;
                     };
                     lazyRender: BooleanConstructor;
+                    linebreaksToTitle: BooleanConstructor;
                     dialogFn: {};
                 }>> & {
                     onFormChange?: ((...args: any[]) => any) | undefined;
@@ -1758,6 +1755,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                     feedbackType: "default" | "tooltip";
                     fixMemoLeak: boolean;
                     lazyRender: boolean;
+                    linebreaksToTitle: boolean;
                     dialogFn: any;
                 }>) => Record<string, import("@formily/json-schema").Stringify<{
                     [key: symbol]: any;
@@ -2150,6 +2148,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                     type: BooleanConstructor;
                 };
                 lazyRender: BooleanConstructor;
+                linebreaksToTitle: BooleanConstructor;
                 dialogFn: {};
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
@@ -2184,6 +2183,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                 feedbackType: "default" | "tooltip";
                 fixMemoLeak: boolean;
                 lazyRender: boolean;
+                linebreaksToTitle: boolean;
                 nominalAge: boolean;
                 operationalFormInit: boolean;
                 incrementalRender: boolean;
@@ -2221,7 +2221,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
         };
         encrypted: {
             type: BooleanConstructor;
-            required: true;
+            required: false;
         };
     }>>, {
         infoList: unknown[];
@@ -2229,6 +2229,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
         valueField: string;
         minColumnWidth: string | number;
         formProps: Record<string, any>;
+        encrypted: boolean;
     }>;
     PatientInfo: import("vue").DefineComponent<{
         patientInfo: {
@@ -2520,6 +2521,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                     type: BooleanConstructor;
                 };
                 lazyRender: BooleanConstructor;
+                linebreaksToTitle: BooleanConstructor;
                 dialogFn: {};
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -2728,6 +2730,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                         type: BooleanConstructor;
                     };
                     lazyRender: BooleanConstructor;
+                    linebreaksToTitle: BooleanConstructor;
                     dialogFn: {};
                 }>> & {
                     onFormChange?: ((...args: any[]) => any) | undefined;
@@ -2905,6 +2908,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                     feedbackType: "default" | "tooltip";
                     fixMemoLeak: boolean;
                     lazyRender: boolean;
+                    linebreaksToTitle: boolean;
                     dialogFn: any;
                 }>) => Record<string, import("@formily/json-schema").Stringify<{
                     [key: symbol]: any;
@@ -3297,6 +3301,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                     type: BooleanConstructor;
                 };
                 lazyRender: BooleanConstructor;
+                linebreaksToTitle: BooleanConstructor;
                 dialogFn: {};
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
@@ -3331,6 +3336,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
                 feedbackType: "default" | "tooltip";
                 fixMemoLeak: boolean;
                 lazyRender: boolean;
+                linebreaksToTitle: boolean;
                 nominalAge: boolean;
                 operationalFormInit: boolean;
                 incrementalRender: boolean;
@@ -3527,6 +3533,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
             feedbackType: "default" | "tooltip";
             fixMemoLeak: boolean;
             lazyRender: boolean;
+            linebreaksToTitle: boolean;
             dialogFn: any;
         }>>>;
     };

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

@@ -178,6 +178,7 @@ declare const _default: import("vue").DefineComponent<{
             feedbackType: "default" | "tooltip";
             fixMemoLeak: boolean;
             lazyRender: boolean;
+            linebreaksToTitle: boolean;
             dialogFn: any;
         }>>>;
     };
@@ -362,6 +363,7 @@ declare const _default: import("vue").DefineComponent<{
                 feedbackType: "default" | "tooltip";
                 fixMemoLeak: boolean;
                 lazyRender: boolean;
+                linebreaksToTitle: boolean;
                 dialogFn: any;
             }>>>;
         };
@@ -430,7 +432,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         encrypted: {
             type: BooleanConstructor;
-            required: true;
+            required: false;
         };
     }, {
         props: {
@@ -555,12 +557,13 @@ declare const _default: import("vue").DefineComponent<{
                 feedbackType: "default" | "tooltip";
                 fixMemoLeak: boolean;
                 lazyRender: boolean;
+                linebreaksToTitle: boolean;
                 dialogFn: any;
             }>>;
-            encrypted: boolean;
+            encrypted?: boolean | undefined;
         };
         themeOverrides: import("naive-ui").GlobalThemeOverrides;
-        globEmit: ((eventName: string, ...payload: any[]) => void) | undefined;
+        globEmit: ((eventName: "openPatientInfo" | "fieldSet" | "update:compact" | "formChange", ...payload: any[]) => void) | undefined;
         hasForm: import("vue").ComputedRef<boolean>;
         initialData: import("vue").ComputedRef<Record<string, any>>;
         onFormChange: (payload: import("../../../components/form-render").FormChangePayload) => void;
@@ -568,17 +571,7 @@ declare const _default: import("vue").DefineComponent<{
         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;
-            };
-        }[]>;
+        descriptionWidthList: import("vue").Ref<number[]>;
         updateColumn: () => Promise<void>;
         timer: any;
         stopInterval: () => void;
@@ -621,7 +614,7 @@ declare const _default: import("vue").DefineComponent<{
             };
             encrypted: {
                 type: BooleanConstructor;
-                required: true;
+                required: false;
             };
         }, {
             descriptionStyle: {
@@ -810,6 +803,7 @@ declare const _default: import("vue").DefineComponent<{
                     feedbackType: "default" | "tooltip";
                     fixMemoLeak: boolean;
                     lazyRender: boolean;
+                    linebreaksToTitle: boolean;
                     dialogFn: any;
                 }>) => Record<string, import("@formily/json-schema").Stringify<{
                     [key: symbol]: any;
@@ -1145,12 +1139,13 @@ declare const _default: import("vue").DefineComponent<{
             };
             encrypted: {
                 type: BooleanConstructor;
-                required: true;
+                required: false;
             };
         }>>, {
             infoList: unknown[];
             labelField: string;
             valueField: string;
+            encrypted: boolean;
             descriptionWidthList: unknown[];
             columnNum: number;
             inForm: boolean;
@@ -1367,6 +1362,7 @@ declare const _default: import("vue").DefineComponent<{
                     type: BooleanConstructor;
                 };
                 lazyRender: BooleanConstructor;
+                linebreaksToTitle: BooleanConstructor;
                 dialogFn: {};
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -1575,6 +1571,7 @@ declare const _default: import("vue").DefineComponent<{
                         type: BooleanConstructor;
                     };
                     lazyRender: BooleanConstructor;
+                    linebreaksToTitle: BooleanConstructor;
                     dialogFn: {};
                 }>> & {
                     onFormChange?: ((...args: any[]) => any) | undefined;
@@ -1752,6 +1749,7 @@ declare const _default: import("vue").DefineComponent<{
                     feedbackType: "default" | "tooltip";
                     fixMemoLeak: boolean;
                     lazyRender: boolean;
+                    linebreaksToTitle: boolean;
                     dialogFn: any;
                 }>) => Record<string, import("@formily/json-schema").Stringify<{
                     [key: symbol]: any;
@@ -2144,6 +2142,7 @@ declare const _default: import("vue").DefineComponent<{
                     type: BooleanConstructor;
                 };
                 lazyRender: BooleanConstructor;
+                linebreaksToTitle: BooleanConstructor;
                 dialogFn: {};
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
@@ -2178,6 +2177,7 @@ declare const _default: import("vue").DefineComponent<{
                 feedbackType: "default" | "tooltip";
                 fixMemoLeak: boolean;
                 lazyRender: boolean;
+                linebreaksToTitle: boolean;
                 nominalAge: boolean;
                 operationalFormInit: boolean;
                 incrementalRender: boolean;
@@ -2215,7 +2215,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         encrypted: {
             type: BooleanConstructor;
-            required: true;
+            required: false;
         };
     }>>, {
         infoList: unknown[];
@@ -2223,6 +2223,7 @@ declare const _default: import("vue").DefineComponent<{
         valueField: string;
         minColumnWidth: string | number;
         formProps: Record<string, any>;
+        encrypted: boolean;
     }>;
     PatientInfo: import("vue").DefineComponent<{
         patientInfo: {
@@ -2514,6 +2515,7 @@ declare const _default: import("vue").DefineComponent<{
                     type: BooleanConstructor;
                 };
                 lazyRender: BooleanConstructor;
+                linebreaksToTitle: BooleanConstructor;
                 dialogFn: {};
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -2722,6 +2724,7 @@ declare const _default: import("vue").DefineComponent<{
                         type: BooleanConstructor;
                     };
                     lazyRender: BooleanConstructor;
+                    linebreaksToTitle: BooleanConstructor;
                     dialogFn: {};
                 }>> & {
                     onFormChange?: ((...args: any[]) => any) | undefined;
@@ -2899,6 +2902,7 @@ declare const _default: import("vue").DefineComponent<{
                     feedbackType: "default" | "tooltip";
                     fixMemoLeak: boolean;
                     lazyRender: boolean;
+                    linebreaksToTitle: boolean;
                     dialogFn: any;
                 }>) => Record<string, import("@formily/json-schema").Stringify<{
                     [key: symbol]: any;
@@ -3291,6 +3295,7 @@ declare const _default: import("vue").DefineComponent<{
                     type: BooleanConstructor;
                 };
                 lazyRender: BooleanConstructor;
+                linebreaksToTitle: BooleanConstructor;
                 dialogFn: {};
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
@@ -3325,6 +3330,7 @@ declare const _default: import("vue").DefineComponent<{
                 feedbackType: "default" | "tooltip";
                 fixMemoLeak: boolean;
                 lazyRender: boolean;
+                linebreaksToTitle: boolean;
                 nominalAge: boolean;
                 operationalFormInit: boolean;
                 incrementalRender: boolean;
@@ -3519,6 +3525,7 @@ declare const _default: import("vue").DefineComponent<{
             feedbackType: "default" | "tooltip";
             fixMemoLeak: boolean;
             lazyRender: boolean;
+            linebreaksToTitle: boolean;
             dialogFn: any;
         }>>>;
     };

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

@@ -176,9 +176,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }, _ctx.$props), {
         info: withCtx(() => [createCommentVNode("    \u4FE1\u606F\u63CF\u8FF0\u533A\u63D2\u69FD    "), renderSlot(_ctx.$slots, "info")]),
         _: 3
-      }, 16, ["root-slot"]), createElementVNode("section", _hoisted_3, [createCommentVNode("  \u8BBE\u7F6E\u533A\u63D2\u69FD    "), renderSlot(_ctx.$slots, "setting", {}, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(settingIconList), (item) => {
+      }, 16, ["root-slot"]), createElementVNode("section", _hoisted_3, [createCommentVNode("  \u8BBE\u7F6E\u533A\u63D2\u69FD    "), renderSlot(_ctx.$slots, "setting", {}, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(settingIconList), (item, index) => {
         return openBlock(), createElementBlock("div", {
-          key: item,
+          key: index,
           class: "c-info-header__settingIcon",
           onClick: item.event
         }, [(openBlock(), createBlock(resolveDynamicComponent(item.render)))], 8, _hoisted_4);

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

@@ -150,6 +150,7 @@ declare const _default: import("vue").DefineComponent<{
         feedbackType: "default" | "tooltip";
         fixMemoLeak: boolean;
         lazyRender: boolean;
+        linebreaksToTitle: boolean;
         dialogFn: any;
     }>) => Record<string, import("@formily/vue").Stringify<{
         [key: symbol]: any;

package/es/components/info-header/src/components/infoDescription/DescriptionItem.vue2.js

@@ -1,7 +1,6 @@
 import { defineComponent, inject, watch, computed, openBlock, createElementBlock, createBlock, unref, normalizeStyle, Fragment, withDirectives, createElementVNode, vShow, createCommentVNode } from 'vue';
 import { isField } from '@formily/core';
 import { useForm } from '@formily/vue';
-import { isFunction } from 'lodash-es';
 import { pauseTracking, enableTracking } from '@vue/reactivity';
 import '../../../../form-render/index.js';
 import { InjectionSchemaField, InjectionBusinessCollector } from '../../../../form-render/src/constants/index.js';
@@ -9,6 +8,9 @@ import { InjectionInfoHeaderFormRef } from '../../constants/index.js';
 import HiddenContent from './HiddenContent.vue.js';
 import InfoEllipsis from './InfoEllipsis.vue.js';
 import script from '../../../../../shared/components/SlotRender/SlotRender.js';
+import { promiseTimeout } from '@vueuse/shared';
+import { findAncestor } from '../../../../../shared/utils/index.js';
+import { castArray } from 'lodash-es';
 import { useFieldListAdaptor } from '../../../../form-render/src/hooks/useFieldListAdaptor.js';
 import { createObjSchema } from '../../../../form-render/src/utils/schema.js';
 
@@ -40,7 +42,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const formRenderRef = inject(InjectionInfoHeaderFormRef);
     function setEdit(v) {
+      var _a, _b;
       props.infoItem.edit = v;
+      (_b = (_a = props.infoItem.formField) == null ? void 0 : _a.onEditStateChange) == null ? void 0 : _b.call(_a, props.infoItem.label, v);
     }
     watch(() => props.infoItem.edit, (v) => {
       var _a;
@@ -72,44 +76,63 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     } = useFieldListAdaptor(collector);
     const formModel = useForm();
     const schema = computed(() => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d, _e;
       const field = props.infoItem.formField;
       if (!field)
         return {};
+      const onBlur = (_a = field.componentProps) == null ? void 0 : _a.onBlur;
+      const bindOnBlur = async (event) => {
+        if (!props.infoItem.edit)
+          return;
+        await promiseTimeout(50);
+        if (findAncestor(document.querySelector(":focus"), (ele) => ele.getAttribute("__infoHeader") === fieldKey))
+          return;
+        const eventTarget = event.target;
+        if (eventTarget && eventTarget.classList.contains("n-base-select-option"))
+          return;
+        if (!formModel || !formModel.value)
+          return;
+        try {
+          const fieldInstance = formModel.value.query(fieldKey).take();
+          await (fieldInstance && isField(fieldInstance) && fieldInstance.validate());
+          setEdit(false);
+          onBlur == null ? void 0 : onBlur(event);
+        } catch (e) {
+        }
+      };
       const fieldKey = props.infoItem[props.labelField];
       const fieldItem = {
         ...field,
-        html_type: (_a = field.html_type) != null ? _a : "INPUT",
+        html_type: (_b = field.html_type) != null ? _b : "INPUT",
         val_key: fieldKey,
         decoratorProps: {
           showLabel: false,
           ...field.decoratorProps,
           style: {
-            marginBottom: "-12px"
-          }
+            marginBottom: "-12px",
+            ...(_c = field.decoratorProps) == null ? void 0 : _c.style
+          },
+          __infoHeader: fieldKey
         },
         componentProps: {
           size: "tiny",
           clearable: true,
           ...field.componentProps,
+          onBlur: bindOnBlur,
           style: {
-            fontWeight: ((_b = props.infoItem) == null ? void 0 : _b.bold) ? 700 : 500,
-            ...(_c = field.componentProps) == null ? void 0 : _c.style
-          },
-          async onBlur(event) {
-            var _a2;
-            if (!formModel || !formModel.value)
-              return;
-            try {
-              const fieldInstance = formModel.value.query(fieldKey).take();
-              await (fieldInstance && isField(fieldInstance) && fieldInstance.validate());
-              setEdit(false);
-              isFunction((_a2 = field.componentProps) == null ? void 0 : _a2.onBlur) && field.componentProps.onBlur(event);
-            } catch (e) {
-            }
+            fontWeight: ((_d = props.infoItem) == null ? void 0 : _d.bold) ? 700 : 500,
+            ...(_e = field.componentProps) == null ? void 0 : _e.style
           }
         }
       };
+      if (fieldItem.suffixConfig) {
+        castArray(field.suffixConfig).forEach((item) => {
+          item.componentProps = {
+            ...item.componentProps,
+            onBlur: bindOnBlur
+          };
+        });
+      }
       pauseTracking();
       fieldItem.default_val = props.infoItem[props.valueField];
       enableTracking();
@@ -117,10 +140,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return createObjSchema(fields);
     });
     watch(() => props.width, (width) => {
-      var _a;
+      var _a, _b;
       if (!width || !props.infoItem.formField)
         return;
-      (_a = formRenderRef.value) == null ? void 0 : _a.setFieldState(props.infoItem[props.labelField], (state) => {
+      const parentNode = (_a = formRenderRef.value) == null ? void 0 : _a.formModel.query(props.infoItem[props.labelField] + "-~").take();
+      if (parentNode) {
+        parentNode.componentProps.style = {
+          ...parentNode.componentProps.style,
+          maxWidth: width + "px"
+        };
+        return;
+      }
+      (_b = formRenderRef.value) == null ? void 0 : _b.setFieldState(props.infoItem[props.labelField], (state) => {
         if (!state.componentProps)
           return;
         state.componentProps.style = {
@@ -157,7 +188,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("section", {
         onDblclick: _cache[0] || (_cache[0] = ($event) => onItemDblclick(__props.infoItem)),
-        onClick: _cache[1] || (_cache[1] = ($event) => onItemClick(__props.infoItem))
+        onClick: _cache[1] || (_cache[1] = ($event) => onItemClick(__props.infoItem)),
+        style: {
+          "min-height": "20px"
+        }
       }, [__props.infoItem.slot ? (openBlock(), createBlock(unref(script), {
         key: 0,
         renderer: __props.infoItem.slot,

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

@@ -35,7 +35,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     encrypted: {
         type: BooleanConstructor;
-        required: true;
+        required: false;
     };
 }, {
     descriptionStyle: {
@@ -224,6 +224,7 @@ declare const _default: import("vue").DefineComponent<{
             feedbackType: "default" | "tooltip";
             fixMemoLeak: boolean;
             lazyRender: boolean;
+            linebreaksToTitle: boolean;
             dialogFn: any;
         }>) => Record<string, import("@formily/json-schema").Stringify<{
             [key: symbol]: any;
@@ -559,12 +560,13 @@ declare const _default: import("vue").DefineComponent<{
     };
     encrypted: {
         type: BooleanConstructor;
-        required: true;
+        required: false;
     };
 }>>, {
     infoList: unknown[];
     labelField: string;
     valueField: string;
+    encrypted: boolean;
     descriptionWidthList: unknown[];
     columnNum: number;
     inForm: boolean;

package/es/components/info-header/src/components/infoDescription/DescriptionList.vue2.js

@@ -55,7 +55,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               "root-slot": __props.rootSlot,
               "label-field": __props.labelField,
               "value-field": __props.valueField,
-              encrypted: __props.encrypted
+              encrypted: !!__props.encrypted
             }, null, 8, ["info-item", "width", "root-slot", "label-field", "value-field", "encrypted"]))]),
             _: 2
           }, 1032, ["label"]);