cnhis-design-vue 3.4.0-beta.9 → 3.4.0-release.3

package/es/components/classification/src/components/search-filter/index.vue.d.ts

@@ -355,6 +355,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         default: string;
                     };
+                    updateValueOnClose: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
                     isDateDisabled: {
                         type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
                     };
@@ -390,6 +394,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: StringConstructor;
                             default: string;
                         };
+                        updateValueOnClose: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
                         isDateDisabled: {
                             type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
                         };
@@ -445,6 +453,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         default: string;
                     };
+                    updateValueOnClose: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
                     isDateDisabled: {
                         type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
                     };
@@ -455,6 +467,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     updateUnchangedValue: boolean;
                     to: string | false | HTMLElement;
                     holidays: Date[];
+                    updateValueOnClose: boolean;
                 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
                 readonly NSelect: any;
                 DateOption: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -1195,6 +1208,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         default: string;
                     };
+                    updateValueOnClose: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
                     isDateDisabled: {
                         type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
                     };
@@ -1230,6 +1247,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: StringConstructor;
                             default: string;
                         };
+                        updateValueOnClose: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
                         isDateDisabled: {
                             type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
                         };
@@ -1285,6 +1306,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         default: string;
                     };
+                    updateValueOnClose: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
                     isDateDisabled: {
                         type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
                     };
@@ -1295,6 +1320,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     updateUnchangedValue: boolean;
                     to: string | false | HTMLElement;
                     holidays: Date[];
+                    updateValueOnClose: boolean;
                 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
                 DateOption: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                     filterType: {
@@ -1882,6 +1908,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         default: string;
                     };
+                    updateValueOnClose: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
                     isDateDisabled: {
                         type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
                     };
@@ -1917,6 +1947,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: StringConstructor;
                             default: string;
                         };
+                        updateValueOnClose: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
                         isDateDisabled: {
                             type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
                         };
@@ -1972,6 +2006,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         default: string;
                     };
+                    updateValueOnClose: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
                     isDateDisabled: {
                         type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
                     };
@@ -1982,6 +2020,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     updateUnchangedValue: boolean;
                     to: string | false | HTMLElement;
                     holidays: Date[];
+                    updateValueOnClose: boolean;
                 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 componentCfg: {

package/es/components/classification/src/components/set-classification/index.vue.d.ts

@@ -649,6 +649,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: StringConstructor;
                             default: string;
                         };
+                        updateValueOnClose: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
                         isDateDisabled: {
                             type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
                         };
@@ -684,6 +688,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 type: StringConstructor;
                                 default: string;
                             };
+                            updateValueOnClose: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
                             isDateDisabled: {
                                 type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
                             };
@@ -739,6 +747,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: StringConstructor;
                             default: string;
                         };
+                        updateValueOnClose: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
                         isDateDisabled: {
                             type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
                         };
@@ -749,6 +761,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         updateUnchangedValue: boolean;
                         to: string | false | HTMLElement;
                         holidays: Date[];
+                        updateValueOnClose: boolean;
                     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
                     readonly NSelect: any;
                     DateOption: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -1489,6 +1502,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: StringConstructor;
                             default: string;
                         };
+                        updateValueOnClose: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
                         isDateDisabled: {
                             type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
                         };
@@ -1524,6 +1541,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 type: StringConstructor;
                                 default: string;
                             };
+                            updateValueOnClose: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
                             isDateDisabled: {
                                 type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
                             };
@@ -1579,6 +1600,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: StringConstructor;
                             default: string;
                         };
+                        updateValueOnClose: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
                         isDateDisabled: {
                             type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
                         };
@@ -1589,6 +1614,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         updateUnchangedValue: boolean;
                         to: string | false | HTMLElement;
                         holidays: Date[];
+                        updateValueOnClose: boolean;
                     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
                     DateOption: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                         filterType: {
@@ -2176,6 +2202,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: StringConstructor;
                             default: string;
                         };
+                        updateValueOnClose: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
                         isDateDisabled: {
                             type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
                         };
@@ -2211,6 +2241,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 type: StringConstructor;
                                 default: string;
                             };
+                            updateValueOnClose: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
                             isDateDisabled: {
                                 type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
                             };
@@ -2266,6 +2300,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: StringConstructor;
                             default: string;
                         };
+                        updateValueOnClose: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
                         isDateDisabled: {
                             type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
                         };
@@ -2276,6 +2314,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         updateUnchangedValue: boolean;
                         to: string | false | HTMLElement;
                         holidays: Date[];
+                        updateValueOnClose: boolean;
                     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     componentCfg: {

package/es/components/classification/src/index.vue.d.ts

@@ -959,6 +959,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 type: StringConstructor;
                                 default: string;
                             };
+                            updateValueOnClose: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
                             isDateDisabled: {
                                 type: PropType<(current: number, ...arg: any[]) => boolean>;
                             };
@@ -994,6 +998,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     type: StringConstructor;
                                     default: string;
                                 };
+                                updateValueOnClose: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
                                 isDateDisabled: {
                                     type: PropType<(current: number, ...arg: any[]) => boolean>;
                                 };
@@ -1049,6 +1057,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 type: StringConstructor;
                                 default: string;
                             };
+                            updateValueOnClose: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
                             isDateDisabled: {
                                 type: PropType<(current: number, ...arg: any[]) => boolean>;
                             };
@@ -1059,6 +1071,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             updateUnchangedValue: boolean;
                             to: string | false | HTMLElement;
                             holidays: Date[];
+                            updateValueOnClose: boolean;
                         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
                         readonly NSelect: any;
                         DateOption: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -1799,6 +1812,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 type: StringConstructor;
                                 default: string;
                             };
+                            updateValueOnClose: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
                             isDateDisabled: {
                                 type: PropType<(current: number, ...arg: any[]) => boolean>;
                             };
@@ -1834,6 +1851,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     type: StringConstructor;
                                     default: string;
                                 };
+                                updateValueOnClose: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
                                 isDateDisabled: {
                                     type: PropType<(current: number, ...arg: any[]) => boolean>;
                                 };
@@ -1889,6 +1910,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 type: StringConstructor;
                                 default: string;
                             };
+                            updateValueOnClose: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
                             isDateDisabled: {
                                 type: PropType<(current: number, ...arg: any[]) => boolean>;
                             };
@@ -1899,6 +1924,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             updateUnchangedValue: boolean;
                             to: string | false | HTMLElement;
                             holidays: Date[];
+                            updateValueOnClose: boolean;
                         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
                         DateOption: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                             filterType: {
@@ -2486,6 +2512,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 type: StringConstructor;
                                 default: string;
                             };
+                            updateValueOnClose: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
                             isDateDisabled: {
                                 type: PropType<(current: number, ...arg: any[]) => boolean>;
                             };
@@ -2521,6 +2551,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     type: StringConstructor;
                                     default: string;
                                 };
+                                updateValueOnClose: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
                                 isDateDisabled: {
                                     type: PropType<(current: number, ...arg: any[]) => boolean>;
                                 };
@@ -2576,6 +2610,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 type: StringConstructor;
                                 default: string;
                             };
+                            updateValueOnClose: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
                             isDateDisabled: {
                                 type: PropType<(current: number, ...arg: any[]) => boolean>;
                             };
@@ -2586,6 +2624,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             updateUnchangedValue: boolean;
                             to: string | false | HTMLElement;
                             holidays: Date[];
+                            updateValueOnClose: boolean;
                         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         componentCfg: {

package/es/components/date-picker/index.d.ts

@@ -27,6 +27,10 @@ declare const DatePicker: SFCWithInstall<import("vue").DefineComponent<import("v
         type: StringConstructor;
         default: string;
     };
+    updateValueOnClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     isDateDisabled: {
         type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
     };
@@ -62,6 +66,10 @@ declare const DatePicker: SFCWithInstall<import("vue").DefineComponent<import("v
             type: StringConstructor;
             default: string;
         };
+        updateValueOnClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         isDateDisabled: {
             type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
         };
@@ -117,6 +125,10 @@ declare const DatePicker: SFCWithInstall<import("vue").DefineComponent<import("v
         type: StringConstructor;
         default: string;
     };
+    updateValueOnClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     isDateDisabled: {
         type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
     };
@@ -127,5 +139,6 @@ declare const DatePicker: SFCWithInstall<import("vue").DefineComponent<import("v
     updateUnchangedValue: boolean;
     to: string | false | HTMLElement;
     holidays: Date[];
+    updateValueOnClose: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default DatePicker;

package/es/components/date-picker/src/DatePicker.vue.d.ts

@@ -29,6 +29,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    updateValueOnClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     isDateDisabled: {
         type: PropType<(current: number, ...arg: any[]) => boolean>;
     };
@@ -64,6 +68,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: StringConstructor;
             default: string;
         };
+        updateValueOnClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         isDateDisabled: {
             type: PropType<(current: number, ...arg: any[]) => boolean>;
         };
@@ -119,6 +127,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    updateValueOnClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     isDateDisabled: {
         type: PropType<(current: number, ...arg: any[]) => boolean>;
     };
@@ -129,5 +141,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     updateUnchangedValue: boolean;
     to: string | false | HTMLElement;
     holidays: Date[];
+    updateValueOnClose: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/components/date-picker/src/DatePicker.vue2.js

@@ -41,6 +41,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       type: String,
       default: "date"
     },
+    updateValueOnClose: {
+      type: Boolean,
+      default: false
+    },
     isDateDisabled: {
       type: Function
     }
@@ -200,9 +204,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         (_e = props.onConfirm) == null ? void 0 : _e.call(props, ...args);
       } else {
         await nextTick();
-        target.focus();
+        !props.updateValueOnClose && target.focus();
         handleConfirm(target);
-        target.blur();
+        !props.updateValueOnClose && target.blur();
         (_f = props.onConfirm) == null ? void 0 : _f.call(props, Date.parse(target.value), target.value);
       }
       if (!(target == null ? void 0 : target.value) || !props.updateUnchangedValue || props.type.includes("range"))
@@ -259,6 +263,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         placeholder: placeholderRef.value,
         to: __props.to,
         type: __props.type,
+        "update-value-on-close": __props.updateValueOnClose,
         "formatted-value": currentFormattedValue.value,
         "onUpdate:formattedValue": _cache[0] || (_cache[0] = ($event) => currentFormattedValue.value = $event),
         "is-date-disabled": _isDateDisabled.value
@@ -269,7 +274,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           name: k,
           fn: withCtx(() => [renderSlot(_ctx.$slots, k)])
         };
-      })]), 1032, ["placeholder", "to", "type", "formatted-value", "is-date-disabled"]);
+      })]), 1032, ["placeholder", "to", "type", "update-value-on-close", "formatted-value", "is-date-disabled"]);
     };
   }
 });

package/es/components/fabric-chart/src/hooks/electrocardiogram/hooks/useDetailEvent.js

@@ -210,6 +210,7 @@ function useDetailEvent(polyline, options) {
     function createScaleText() {
       return new fabric.Text(`x${scale}`, {
         ...defaultStyle,
+        objectCaching: false,
         fill: "black",
         fontSize: 20,
         left: offset.x + 10,
@@ -218,6 +219,7 @@ function useDetailEvent(polyline, options) {
     }
     function createNumberText(points2, targetIdx2) {
       const defaultTextOptions = {
+        objectCaching: false,
         fontSize: 16,
         left: offset.x + renderWidth / 2 + 10
       };
@@ -240,7 +242,7 @@ function useDetailEvent(polyline, options) {
         fill: CURRENT_COLOR,
         top: offset.y + renderHeight - SPACE * 3
       });
-      return new fabric.Group([maxText, minText, currentText]);
+      return new fabric.Group([maxText, minText, currentText], { objectCaching: false });
     }
   });
   polyline.on("mouseup", async (event) => {

package/es/components/fabric-chart/src/hooks/electrocardiogram/useElectrocardiogram.js

@@ -34,6 +34,7 @@ function useElectrocardiogram(canvas, propItems, flag) {
     rowNumber,
     lineStyle,
     titleStyle,
+    titleOffset,
     config,
     calibrationLineHeight
   } = propItems;
@@ -65,10 +66,15 @@ function useElectrocardiogram(canvas, propItems, flag) {
     dataList.forEach((lineItem, idx) => {
       if (idx === dataList.length - 1 && arguments.length)
         return;
-      const { x, y, rowIdx } = lineItem.origin;
+      const { x, y, rowIdx, limitX } = lineItem.origin;
       const showLength = getShowLength(lineItem.data);
       const points = lineItem.data.reduce((res, value, _idx) => {
-        const _res = idx < ECG.MAXLINENUMBER - 1 && _idx >= startIdx && _idx <= startIdx + showLength || idx === ECG.MAXLINENUMBER - 1 ? [{ x: computedX(res.length + 1), y: computedY(-+value) + y }] : [];
+        let _res = idx < ECG.MAXLINENUMBER - 1 && _idx >= startIdx && _idx <= startIdx + showLength || idx === ECG.MAXLINENUMBER - 1 ? [{ x: computedX(res.length + 1), y: computedY(-+value) + y }] : [];
+        if (_res.length) {
+          if (idx < ECG.MAXLINENUMBER - 1 && _res[0].x > limitX) {
+            _res = [];
+          }
+        }
         return res.concat(_res);
       }, []);
       const polyline = new fabric.Polyline(points, {
@@ -81,7 +87,7 @@ function useElectrocardiogram(canvas, propItems, flag) {
         hoverCursor: "default",
         lockMovementX: true,
         lockMovementY: true,
-        objectCaching: true,
+        objectCaching: false,
         evented: true,
         selectable: true
       });
@@ -105,18 +111,28 @@ function useElectrocardiogram(canvas, propItems, flag) {
       if (arguments.length)
         return;
       drawCalibrationLine({ x, y }, lineStyle);
-      const title = new fabric.Text(String(lineItem.title), {
-        ...titleStyle,
-        left: x + (columnNumber === 4 ? xCellWidth : xCellWidth / 2),
-        top: y,
-        originX: "left",
-        originY: "bottom"
-      });
-      fixedPointsCache.add(title);
+      drawTitle(lineItem, x, y);
     });
     const renderObjects = arguments.length ? [...gridPoints] : [...gridPoints, ...fixedPointsCache];
     canvas.value.add(...renderObjects);
   }
+  function drawTitle(lineItem, x, y) {
+    var _a, _b;
+    if (!lineItem.title)
+      return;
+    const titleOriginX = x + (columnNumber === 4 ? xCellWidth : xCellWidth / 2);
+    const titleX = titleOriginX + ((_a = titleOffset == null ? void 0 : titleOffset.x) != null ? _a : 0);
+    const titleY = y + ((_b = titleOffset == null ? void 0 : titleOffset.y) != null ? _b : 0);
+    const title = new fabric.Text(String(lineItem.title), {
+      ...titleStyle,
+      left: titleX,
+      top: titleY,
+      originX: "left",
+      originY: "bottom",
+      objectCaching: false
+    });
+    fixedPointsCache.add(title);
+  }
   function bindPointEvent(polyline, options) {
     useDetailEvent(polyline, options);
   }

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

@@ -102,7 +102,8 @@ function useElectrocardiogramChart(canvas, props, emits, canvasRef, pointTipProp
         origin: {
           x: itemColumnIdx * columnWidth + baseX,
           y: itemRowIdx * (yCellHeight.value * rowSpace.value) + baseY,
-          rowIdx: itemRowIdx
+          rowIdx: itemRowIdx,
+          limitX: columnWidth - baseX
         }
       };
     });
@@ -137,6 +138,7 @@ function useElectrocardiogramChart(canvas, props, emits, canvasRef, pointTipProp
     borderStyle: { ...defaultBorderStyle, ...props.data.borderStyle },
     lineStyle: { ...defaultLineStyle, ...props.data.lineStyle },
     titleStyle: { ...defaultTextStyle, ...props.data.titleStyle },
+    titleOffset: props.data.titleOffset,
     measureLineStyle: { ...defaultLineStyle, ...props.data.measureLineStyle },
     measureTextStyle: { ...defaultTextStyle, ...props.data.measureTextStyle },
     grid: props.data.grid,

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

@@ -295,11 +295,14 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
     const _endY = endY + extracorporealCirculationHeight;
     let prevLeft = 0;
     const pointerObj = {};
+    const xList = [];
     dataList.forEach((markItem, dataIndex) => {
       const { time, list = [] } = markItem;
       const x = computedX(time);
       if (!isLimitX(x))
         return;
+      pointerObj[`x_${x}`] = [];
+      pointerObj[`originx_${x}`] = [];
       let startTop = _endY + 1;
       list.forEach((item, index) => {
         var _a;
@@ -327,8 +330,12 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
         }
         const { topObj, startTop: _startTop, oldStartTop } = computedTop(startTop, pointHeight);
         startTop = _startTop;
-        if (!pointerObj[`x_${x}`])
-          pointerObj[`x_${x}`] = [];
+        xList.forEach((_x) => {
+          if (x - _x < xCellWidth) {
+            pointerObj[`x_${x}`].push(...pointerObj[`originx_${_x}`]);
+          }
+        });
+        pointerObj[`originx_${x}`].push([oldStartTop, startTop]);
         pointerObj[`x_${x}`].push([oldStartTop, startTop]);
         point.set("top", topObj.y2);
         gridPointsMap.get(key).push(point);
@@ -336,6 +343,7 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
         canvas.value.add(point);
       });
       prevLeft = x;
+      xList.push(x);
     });
     function computedTop(startTop, lineHeight) {
       const topObj = {};
@@ -368,7 +376,7 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
       return (_b = (_a = point.origin) == null ? void 0 : _a.data) == null ? void 0 : _b.isStart;
     };
     const startPoint = __arr.find((point) => isStart(point));
-    const firstPoint = __arr.find((point) => !isStart(point) && point.left > startPoint.left);
+    const firstPoint = __arr.find((point) => !isStart(point) && point.left > (startPoint == null ? void 0 : startPoint.left));
     const otherPoints = __arr.filter((point) => !isStart(point));
     __arr.forEach((point) => {
       const limitX = {
@@ -376,10 +384,10 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
         x2: endX
       };
       if (isStart(point)) {
-        limitX.x2 = firstPoint.left;
+        limitX.x2 = firstPoint == null ? void 0 : firstPoint.left;
         point.otherPoints = otherPoints;
       } else {
-        limitX.x1 = startPoint.left;
+        limitX.x1 = startPoint == null ? void 0 : startPoint.left;
         point.startPoint = startPoint;
       }
       point.limitX = limitX;
@@ -541,8 +549,8 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
         point.otherPoints.forEach((_point) => {
           _point.limitX.x1 = point.left;
         });
-      } else {
-        const otherPointsLeft = point.startPoint.otherPoints.map((_point) => _point.left);
+      } else if (point.startPoint) {
+        const otherPointsLeft = point.startPoint.otherPoints.map((_point) => _point.left) || [];
         const minLeft = Math.min(...otherPointsLeft);
         point.startPoint.limitX.x2 = minLeft;
       }