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

package/es/components/fabric-chart/src/hooks/birthProcess/useBirthProcessChart.d.ts

@@ -3,14 +3,14 @@ import { fabric } from '../../../../../shared/utils/fabricjs';
 import { AnyObject } from '../../../../../shared/types';
 import { IPointTipProps, IPointMenuProps } from '../../../../../components/fabric-chart/src/interface';
 export declare function useBirthProcessChart(canvas: Ref<fabric.Canvas>, props: AnyObject, emits: Function, canvasRef: Ref<HTMLCanvasElement | null>, pointTipProps: IPointTipProps, pointMenuProps: IPointMenuProps): {
-    select?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    redrawPoints?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    clickMenu?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    updatePolyline?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    useMeasureRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    useCaliper?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    useCaliperRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    useRectRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    redrawLinePoints?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    select?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    redrawPoints?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    clickMenu?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    updatePolyline?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    useMeasureRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    useCaliper?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    useCaliperRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    useRectRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    redrawLinePoints?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
     propItems: any;
 };

package/es/components/fabric-chart/src/hooks/electrocardiogram/useElectrocardiogramChart.d.ts

@@ -9,14 +9,14 @@ export declare function useElectrocardiogramChart(canvas: Ref<fabric.Canvas>, pr
         cellHeight: number;
         smallCellNumber: ECG;
     };
-    select?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    redrawPoints?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    clickMenu?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    updatePolyline?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    useMeasureRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    useCaliper?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    useCaliperRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    useRectRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    redrawLinePoints?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    select?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    redrawPoints?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    clickMenu?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    updatePolyline?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    useMeasureRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    useCaliper?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    useCaliperRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    useRectRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    redrawLinePoints?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
     propItems: any;
 };

package/es/components/fabric-chart/src/hooks/electrocardiogram/useMeasureInstrument.d.ts

@@ -2,7 +2,7 @@ import { type Ref } from 'vue';
 import { fabric } from '../../../../../shared/utils/fabricjs';
 import { AnyObject } from '../../../../../shared/types';
 export declare function useMeasureInstrument(canvas: Ref<fabric.Canvas>, propItems: AnyObject): {
-    flag: Ref<boolean>;
+    flag: Ref<boolean, boolean>;
     useMeasureRuler: () => void;
     useCaliper: () => void;
     useCaliperRuler: () => void;

package/es/components/fabric-chart/src/hooks/newBirthProcess/useNewBirthProcessChart.d.ts

@@ -4,5 +4,5 @@ import { AnyObject } from '../../../../../shared/types';
 import { IPointTipProps, IPointMenuProps } from '../../../../../components/fabric-chart/src/interface';
 export declare function useNewBirthProcessChart(canvas: Ref<fabric.Canvas>, props: AnyObject, emits: Function, canvasRef: Ref<HTMLCanvasElement | null>, pointTipProps: IPointTipProps, pointMenuProps: IPointMenuProps): {
     propItems: any;
-    redrawPoints: Ref<any>;
+    redrawPoints: Ref<any, any>;
 };

package/es/components/fabric-chart/src/hooks/surgicalAnesthesia/useSurgicalAnesthesiaChart.d.ts

@@ -3,14 +3,14 @@ import { fabric } from '../../../../../shared/utils/fabricjs';
 import { AnyObject } from '../../../../../shared/types';
 import { IPointTipProps, IPointMenuProps } from '../../../../../components/fabric-chart/src/interface';
 export declare function useSurgicalAnesthesiaChart(canvas: Ref<fabric.Canvas>, props: AnyObject, emits: Function, canvasRef: Ref<HTMLCanvasElement | null>, pointTipProps: IPointTipProps, pointMenuProps: IPointMenuProps, isPopupTipRender: boolean): {
-    select?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    redrawPoints?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    clickMenu?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    updatePolyline?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    useMeasureRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    useCaliper?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    useCaliperRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    useRectRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    redrawLinePoints?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    select?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    redrawPoints?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    clickMenu?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    updatePolyline?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    useMeasureRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    useCaliper?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    useCaliperRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    useRectRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    redrawLinePoints?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
     propItems: any;
 };

package/es/components/fabric-chart/src/hooks/temperature/useLeft.js

@@ -50,7 +50,8 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, computedX, c
   function drwaPainScaleValue(item) {
     const {
       list: listItem = [],
-      spaceGridNumber = 5,
+      spaceGridNumber = 1,
+      numberVerticalPosition = "bottom",
       showScale,
       showNumber,
       position,
@@ -84,7 +85,7 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, computedX, c
       const listLen = listItem.length;
       listItem.forEach((v, i) => {
         let top = painOriginY.endY - i * yCellHeight * spaceGridNumber;
-        if (i === 0 && painSurplusCell[1] === 0) {
+        if (i === 0 && painSurplusCell[1] === 0 && (spaceGridNumber == 1 || numberVerticalPosition === "bottom")) {
           top = endY - 5;
         }
         const isMaxMinNumber = i === 0 || i === listLen - 1;

package/es/components/fabric-chart/src/hooks/temperature/useOther.d.ts

@@ -1,4 +1,4 @@
 import { Ref } from 'vue';
 import { fabric } from '../../../../../shared/utils/fabricjs';
 import { IPropItems, IObject } from '../../../../../components/fabric-chart/src/interface';
-export declare function useOther(canvas: Ref<fabric.Canvas>, propItems: IPropItems, emits: Function, computedX: Function, computedY: Function, fixedNoRisePoints: Set<IObject>): void;
+export declare function useOther(canvas: Ref<fabric.Canvas>, propItems: IPropItems, emits: Function, computedX: Function, computedY: Function, fixedNoRisePoints: Set<IObject>, getXValue: Function): void;

package/es/components/fabric-chart/src/hooks/temperature/useOther.js

@@ -1,7 +1,7 @@
 import { fabric } from '../../../../../shared/utils/fabricjs/index.js';
 import { drawLine, defaultStyle } from '../useDraw.js';
-import 'date-fns';
-import { cloneDeep, last } from 'lodash-es';
+import { parse, isBefore, addDays, getDate } from 'date-fns';
+import { last, cloneDeep } from 'lodash-es';
 import '../useEvent.js';
 import '../useShadow.js';
 import '../useCommon.js';
@@ -14,14 +14,15 @@ import '@vueuse/core';
 import '../surgicalAnesthesia/useOther.js';
 import '../../../../../shared/utils/index.js';
 
-function useOther(canvas, propItems, emits, computedX, computedY, fixedNoRisePoints) {
+function useOther(canvas, propItems, emits, computedX, computedY, fixedNoRisePoints, getXValue) {
   const {
     left: leftObj,
     other,
     vitalSignsOriginY,
     xCellWidth,
     yCellHeight,
-    endX
+    endX,
+    originX
   } = propItems;
   const getYCellHeight = () => {
     const fontSize = Math.min(...((other == null ? void 0 : other.list) || []).map((item) => {
@@ -32,11 +33,35 @@ function useOther(canvas, propItems, emits, computedX, computedY, fixedNoRisePoi
   };
   const _yCellHeight = getYCellHeight();
   let textDiff = 0;
-  function drawOther() {
-    var _a, _b;
+  function handleCrossDayLayout(currentTime, itemLeft, lastLeft, eventList) {
+    const newLeft = itemLeft + xCellWidth;
+    const nextTime = getXValue(newLeft);
+    if (isCrossDay(currentTime, nextTime)) {
+      adjustEventsForCrossDay(eventList);
+      return itemLeft;
+    } else {
+      return lastLeft + xCellWidth;
+    }
+  }
+  function adjustEventsForCrossDay(eventList) {
+    const currentColumnEvents = [...eventList];
+    const sortedEvents = currentColumnEvents.sort((a, b) => (b.trueLeft || 0) - (a.trueLeft || 0));
+    for (let i = 0; i < sortedEvents.length; i++) {
+      const event = sortedEvents[i];
+      const nextEvent = sortedEvents[i + 1];
+      const prevLeft = event.trueLeft - xCellWidth;
+      if (prevLeft >= originX) {
+        event.set("left", prevLeft);
+        event.trueLeft = prevLeft;
+      }
+      if (nextEvent && (event.trueLeft || 0) - (nextEvent.trueLeft || 0) > xCellWidth + 1) {
+        break;
+      }
+    }
+  }
+  function createOtherList() {
     if (!(other == null ? void 0 : other.list))
-      return false;
-    const list = [];
+      return [];
     const otherList = [];
     cloneDeep(other.list).forEach((item, index) => {
       item.value = item.value || "";
@@ -44,19 +69,29 @@ function useOther(canvas, propItems, emits, computedX, computedY, fixedNoRisePoi
       const left = computedX(item.time, true);
       if (left > endX)
         return;
-      const obj = otherList.find((v) => v.left == left);
-      if (obj) {
-        obj[align].push(item);
+      const existingGroup = otherList.find((v) => v.left === left);
+      if (existingGroup) {
+        existingGroup[align].push(item);
       } else {
-        const initObj = {
+        const newGroup = {
           left,
           vertical: [],
           horizontal: []
         };
-        initObj[align].push(item);
-        otherList.push(initObj);
+        newGroup[align].push(item);
+        otherList.push(newGroup);
       }
     });
+    return otherList;
+  }
+  function drawOther() {
+    var _a, _b;
+    if (!(other == null ? void 0 : other.list))
+      return;
+    const list = [];
+    const otherList = createOtherList();
+    if (otherList.length === 0)
+      return false;
     const scaleList = (_b = (_a = leftObj.yScaleValue) == null ? void 0 : _a.find((item) => item.type === "temperature")) == null ? void 0 : _b.list;
     const fixedTop = (scaleList == null ? void 0 : scaleList.length) ? computedY("temperature", 35) : 0;
     const isFixed = (v) => v.fixed && fixedTop && (v.fixedValue || v.value);
@@ -99,7 +134,7 @@ function useOther(canvas, propItems, emits, computedX, computedY, fixedNoRisePoi
         fixedTopY = fixedTop;
         const lastLeft = ((_a2 = last(list)) == null ? void 0 : _a2.left) || 0;
         if (item.left <= lastLeft + 0.1) {
-          leftX = lastLeft + xCellWidth;
+          leftX = handleCrossDayLayout(v.time, item.left, lastLeft, list);
         }
         if (String(v.value).length) {
           list.push(drawEventText(v, leftX, topY2));
@@ -197,5 +232,13 @@ function useOther(canvas, propItems, emits, computedX, computedY, fixedNoRisePoi
   }
   drawOther();
 }
+function isCrossDay(dateStr1, dateStr2) {
+  const date1 = parse(dateStr1, "yyyy-MM-dd HH:mm", new Date());
+  const date2 = parse(dateStr2, "yyyy-MM-dd HH:mm", new Date());
+  const earlierDate = isBefore(date1, date2) ? date1 : date2;
+  const laterDate = isBefore(date1, date2) ? date2 : date1;
+  const earlierDatePlusOneDay = addDays(earlierDate, 1);
+  return getDate(earlierDatePlusOneDay) === getDate(laterDate);
+}
 
 export { useOther };

package/es/components/fabric-chart/src/hooks/temperature/useTemperatureChart.d.ts

@@ -3,14 +3,14 @@ import { fabric } from '../../../../../shared/utils/fabricjs';
 import { IPointTipProps, IPointMenuProps } from '../../../../../components/fabric-chart/src/interface';
 import { AnyObject } from '../../../../../shared/types';
 export declare function useTemperatureChart(canvas: Ref<fabric.Canvas>, props: AnyObject, emits: Function, canvasRef: Ref<HTMLCanvasElement | null>, pointTipProps: IPointTipProps, pointMenuProps: IPointMenuProps): {
-    select?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    redrawPoints?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    clickMenu?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    updatePolyline?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    useMeasureRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    useCaliper?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    useCaliperRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    useRectRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    redrawLinePoints?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    select?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    redrawPoints?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    clickMenu?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    updatePolyline?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    useMeasureRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    useCaliper?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    useCaliperRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    useRectRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    redrawLinePoints?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
     propItems: any;
 };

package/es/components/fabric-chart/src/hooks/temperature/useTemperatureChart.js

@@ -227,9 +227,10 @@ function useTemperatureChart(canvas, props, emits, canvasRef, pointTipProps, poi
     if (!painItem)
       return 0;
     const {
-      numberVerticalPosition = "bottom"
+      numberVerticalPosition = "bottom",
+      spaceGridNumber = 1
     } = painItem;
-    return numberVerticalPosition === "center" ? yCellHeight.value / 2 : 0;
+    return numberVerticalPosition === "center" ? yCellHeight.value * spaceGridNumber / 2 : 0;
   });
   const painIndex = computed(() => {
     const {
@@ -398,7 +399,7 @@ function useTemperatureChart(canvas, props, emits, canvasRef, pointTipProps, poi
       } = useLeft(canvas, propItems, emits, setPopup, pointTipProps, computedX, computedY, getXValue, getYValue, isAddPoint, updateData, gridPoints);
       useRight(canvas, propItems, drawScaleValue);
       useBottom(canvas, propItems);
-      useOther(canvas, propItems, emits, computedX, computedY, fixedNoRisePoints);
+      useOther(canvas, propItems, emits, computedX, computedY, fixedNoRisePoints, getXValue);
       const {
         select: _select
       } = useCanvasEvent(canvas, propItems, emits);

package/es/components/field-editor/index.d.ts

@@ -1,15 +1,15 @@
 import { SFCWithInstall } from '../../shared/types';
 export * from './src/types';
 declare const FieldEditor: SFCWithInstall<import("vue").DefineComponent<{}, {
-    key: import("vue").Ref<number>;
-    formRenderRef: import("vue").Ref<import("..").FormRenderExpose | undefined>;
-    fieldList: import("vue").ShallowRef<import("..").FieldItem[]>;
-    initialData: import("vue").ShallowRef<{}>;
+    key: import("vue").Ref<number, number>;
+    formRenderRef: import("vue").Ref<import("..").FormRenderExpose | undefined, import("..").FormRenderExpose | undefined>;
+    fieldList: import("vue").ShallowRef<import("..").FieldItem[], import("..").FieldItem[]>;
+    initialData: import("vue").ShallowRef<{}, {}>;
     getFieldListByType: (htmlType: import("./src/fields").HtmlType) => import("..").FieldItem[];
     initFieldListByHtmlType: (htmlType: import("./src/fields").HtmlType) => void;
     onFormChange: ({ fieldKey, value }: Pick<import("..").FormChangePayload, "value" | "fieldKey">) => Promise<void>;
     visitor: import("..").FieldVisitor;
-    FormRender: import("vue").DefineComponent<{
+    FormRender: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         fieldList: {
             type: import("vue").PropType<import("..").FieldItem[]>;
         };
@@ -103,7 +103,7 @@ declare const FieldEditor: SFCWithInstall<import("vue").DefineComponent<{}, {
             }>>;
         };
         components: {
-            type: import("vue").PropType<Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}>>>;
+            type: import("vue").PropType<Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}, any, {}>>>;
             default: () => {};
         };
         scope: {
@@ -188,11 +188,11 @@ declare const FieldEditor: SFCWithInstall<import("vue").DefineComponent<{}, {
             type: import("vue").PropType<string[]>;
         };
         linebarDirection: {
-            type: import("vue").PropType<"horizontal" | "vertical">;
+            type: import("vue").PropType<"vertical" | "horizontal">;
             default: string;
         };
         linebarTextDirection: {
-            type: import("vue").PropType<"horizontal" | "vertical">;
+            type: import("vue").PropType<"vertical" | "horizontal">;
             default: string;
         };
         linebarWidth: {
@@ -215,9 +215,10 @@ declare const FieldEditor: SFCWithInstall<import("vue").DefineComponent<{}, {
             type: BooleanConstructor;
         };
         lazyRender: BooleanConstructor;
+        linebreaksToTitle: BooleanConstructor;
         dialogFn: {};
-    }, {
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    }>, {
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
                 type: import("vue").PropType<import("..").FieldItem[]>;
             };
@@ -311,7 +312,7 @@ declare const FieldEditor: SFCWithInstall<import("vue").DefineComponent<{}, {
                 }>>;
             };
             components: {
-                type: import("vue").PropType<Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}>>>;
+                type: import("vue").PropType<Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}, any, {}>>>;
                 default: () => {};
             };
             scope: {
@@ -396,11 +397,11 @@ declare const FieldEditor: SFCWithInstall<import("vue").DefineComponent<{}, {
                 type: import("vue").PropType<string[]>;
             };
             linebarDirection: {
-                type: import("vue").PropType<"horizontal" | "vertical">;
+                type: import("vue").PropType<"vertical" | "horizontal">;
                 default: string;
             };
             linebarTextDirection: {
-                type: import("vue").PropType<"horizontal" | "vertical">;
+                type: import("vue").PropType<"vertical" | "horizontal">;
                 default: string;
             };
             linebarWidth: {
@@ -423,20 +424,21 @@ declare const FieldEditor: SFCWithInstall<import("vue").DefineComponent<{}, {
                 type: BooleanConstructor;
             };
             lazyRender: BooleanConstructor;
+            linebreaksToTitle: BooleanConstructor;
             dialogFn: {};
-        }>> & {
+        }>> & Readonly<{
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
             onAnnotationChange?: ((...args: any[]) => any) | undefined;
             "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
             onLinebarChange?: ((...args: any[]) => any) | undefined;
             onReady?: ((...args: any[]) => any) | undefined;
-        }>>;
+        }> & {}>;
         emit: (event: "scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange" | "ready", ...args: any[]) => void;
         cssVars: import("vue").ComputedRef<import("../../shared/types").AnyObject>;
         nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
-        formRenderRef: import("vue").Ref<HTMLElement | undefined>;
-        formWidth: import("vue").Ref<number>;
+        formRenderRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        formWidth: import("vue").Ref<number, number>;
         formHeight: import("vue").ComputedRef<string>;
         SchemaField: import("vue").DefineComponent<import("@formily/vue").ISchemaFieldProps>;
         businessCollector: import("..").BusinessCollector;
@@ -449,13 +451,21 @@ declare const FieldEditor: SFCWithInstall<import("vue").DefineComponent<{}, {
         formUUID: string;
         anchorBarRef: import("vue").Ref<{
             syncBarPosition: import("../../shared/types").AnyFn;
+        } | undefined, {
+            syncBarPosition: import("../../shared/types").AnyFn;
         } | undefined>;
-        currentAnchor: import("vue").WritableComputedRef<string>;
+        currentAnchor: import("vue").WritableComputedRef<string, string>;
         updateAnchorList: (field: import("@formily/core").GeneralField) => void;
         anchorIdList: import("vue").Ref<{
             name: string;
             title: string;
             index: number;
+        }[], (Record<"name" | "title", string> & {
+            index: number;
+        })[] | {
+            name: string;
+            title: string;
+            index: number;
         }[]>;
         onScroll: (scrollEvent: Event) => void;
         generateAnchorList: (formModel: import("@formily/core").Form<any>) => Promise<void>;
@@ -482,7 +492,7 @@ declare const FieldEditor: SFCWithInstall<import("vue").DefineComponent<{}, {
         setGraph: (field: import("@formily/core").GeneralField) => void;
         removeGraph: (field: import("@formily/core").GeneralField) => void;
         lowCodeEventTrigger: (field: import("@formily/core").GeneralField) => void;
-        emitFormChange: import("vue").Ref<boolean>;
+        emitFormChange: import("vue").Ref<boolean, boolean>;
         formModel: import("@formily/core").Form<{
             [x: string]: any;
         }>;
@@ -559,7 +569,7 @@ declare const FieldEditor: SFCWithInstall<import("vue").DefineComponent<{}, {
                 "x-read-pretty"?: boolean | undefined;
                 "x-compile-omitted"?: string[] | undefined;
             }>;
-            components: Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}>>;
+            components: Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}, any, {}>>;
             scope: import("../../shared/types").AnyObject;
             annotation: Record<string, import("../annotation-edit/src/type").AnnotationItem>;
             annotationShortcuts: (string | {
@@ -594,12 +604,13 @@ declare const FieldEditor: SFCWithInstall<import("vue").DefineComponent<{}, {
             selectMode: boolean;
             selectedFields: string[];
             linebarWidth: string | number;
-            linebarDirection: "horizontal" | "vertical";
-            linebarTextDirection: "horizontal" | "vertical";
+            linebarDirection: "vertical" | "horizontal";
+            linebarTextDirection: "vertical" | "horizontal";
             autoWidth: number | boolean;
             feedbackType: "default" | "tooltip";
             fixMemoLeak: boolean;
             lazyRender: boolean;
+            linebreaksToTitle: boolean;
             dialogFn: any;
         }>) => Record<string, import("@formily/json-schema").Stringify<{
             [key: symbol]: any;
@@ -777,16 +788,16 @@ declare const FieldEditor: SFCWithInstall<import("vue").DefineComponent<{}, {
         onKeydown: (event: KeyboardEvent) => Promise<void>;
         clearSpan: (uuid: string) => void;
         exposeEvent: Omit<import("..").FormRenderExpose, "updateAnchor" | "getFieldList" | "optionInited" | "formModel" | "reload">;
-        useVersion: typeof import("../../shared/hooks").useVersion;
-        FormConsumer: import("vue").DefineComponent<{}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-        FormProvider: import("vue").DefineComponent<Record<"form", any>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Record<"form", any>>>, {
+        readonly useVersion: typeof import("../../shared/hooks").useVersion;
+        readonly FormConsumer: import("vue").DefineComponent<{}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        readonly FormProvider: import("vue").DefineComponent<Record<"form", any>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Record<"form", any>>>, {
             form: any;
-        }>;
-        NConfigProvider: any;
-        NForm: any;
-        NTabPane: any;
-        NTabs: any;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange" | "ready")[], "scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange" | "ready", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        readonly NConfigProvider: any;
+        readonly NForm: any;
+        readonly NTabPane: any;
+        readonly NTabs: any;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange" | "ready")[], "scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange" | "ready", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         fieldList: {
             type: import("vue").PropType<import("..").FieldItem[]>;
         };
@@ -880,7 +891,7 @@ declare const FieldEditor: SFCWithInstall<import("vue").DefineComponent<{}, {
             }>>;
         };
         components: {
-            type: import("vue").PropType<Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}>>>;
+            type: import("vue").PropType<Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}, any, {}>>>;
             default: () => {};
         };
         scope: {
@@ -965,11 +976,11 @@ declare const FieldEditor: SFCWithInstall<import("vue").DefineComponent<{}, {
             type: import("vue").PropType<string[]>;
         };
         linebarDirection: {
-            type: import("vue").PropType<"horizontal" | "vertical">;
+            type: import("vue").PropType<"vertical" | "horizontal">;
             default: string;
         };
         linebarTextDirection: {
-            type: import("vue").PropType<"horizontal" | "vertical">;
+            type: import("vue").PropType<"vertical" | "horizontal">;
             default: string;
         };
         linebarWidth: {
@@ -992,19 +1003,20 @@ declare const FieldEditor: SFCWithInstall<import("vue").DefineComponent<{}, {
             type: BooleanConstructor;
         };
         lazyRender: BooleanConstructor;
+        linebreaksToTitle: BooleanConstructor;
         dialogFn: {};
-    }>> & {
+    }>> & Readonly<{
         onFormChange?: ((...args: any[]) => any) | undefined;
         onScroll?: ((...args: any[]) => any) | undefined;
         onAnnotationChange?: ((...args: any[]) => any) | undefined;
         "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
         onLinebarChange?: ((...args: any[]) => any) | undefined;
         onReady?: ((...args: any[]) => any) | undefined;
-    }, {
+    }>, {
+        maxHeight: string | number;
         anchor: boolean;
         column: number;
-        maxHeight: string | number;
-        components: Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}>>;
+        components: Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}, any, {}>>;
         initialData: import("../../shared/types").AnyObject;
         parallelism: number;
         scope: import("../../shared/types").AnyObject;
@@ -1020,15 +1032,16 @@ declare const FieldEditor: SFCWithInstall<import("vue").DefineComponent<{}, {
         wordSplitFilter: boolean;
         selectMode: boolean;
         linebarWidth: string | number;
-        linebarDirection: "horizontal" | "vertical";
-        linebarTextDirection: "horizontal" | "vertical";
+        linebarDirection: "vertical" | "horizontal";
+        linebarTextDirection: "vertical" | "horizontal";
         autoWidth: number | boolean;
         feedbackType: "default" | "tooltip";
         fixMemoLeak: boolean;
         lazyRender: boolean;
+        linebreaksToTitle: boolean;
         nominalAge: boolean;
         operationalFormInit: boolean;
         incrementalRender: boolean;
-    }>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default FieldEditor;