cnhis-design-vue 3.4.0-beta.4 → 3.4.0-beta.40

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

@@ -18,11 +18,7 @@ import '../../../../../shared/utils/index.js';
 
 function useLeft(canvas, propItems, emits, setPopup, pointTipProps, computedX, computedY, getXValue, getYValue, isAddPoint, updateData, gridPoints) {
   var _a, _b;
-  const {
-    getEqualXTypes,
-    handleAddPrevent,
-    isGridLimit
-  } = useCommon(canvas, emits, propItems);
+  const { getEqualXTypes, handleAddPrevent, isGridLimit } = useCommon(canvas, emits, propItems);
   const {
     originY,
     endY,
@@ -61,27 +57,28 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, computedX, c
     } = item;
     const titleList = [];
     const painTop = painOriginY.originY - painSurplusCell[0] * yCellHeight;
-    const title = drawTextGroup({
-      width: originX - iconsWidth,
-      height: painHeight + (painSurplusCell[0] + painSurplusCell[1]) * yCellHeight,
-      ...borderStyle
-    }, {
-      value: `${titleText}`,
-      ...defaultTextStyle,
-      ...style || {}
-    }, {
-      left: iconsWidth,
-      top: painTop
-    });
+    const title = drawTextGroup(
+      {
+        width: originX - iconsWidth,
+        height: painHeight + (painSurplusCell[0] + painSurplusCell[1]) * yCellHeight,
+        ...borderStyle
+      },
+      {
+        value: `${titleText}`,
+        ...defaultTextStyle,
+        ...style || {}
+      },
+      {
+        left: iconsWidth,
+        top: painTop
+      }
+    );
     titleList.push(title);
     const topLine = !painBorderColor ? drawLine([iconsWidth, painTop, originX, painTop], borderStyle) : null;
     topLine && titleList.push(topLine);
     const list = [];
     if (showScale || showNumber) {
-      const {
-        lineXMain,
-        textLeft
-      } = getScaleInfo(position, iconsWidth, originX - iconsWidth);
+      const { lineXMain, textLeft } = getScaleInfo(position, iconsWidth, originX - iconsWidth);
       const listLen = listItem.length;
       listItem.forEach((v, i) => {
         let top = painOriginY.endY - i * yCellHeight * spaceGridNumber;
@@ -109,9 +106,7 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, computedX, c
     var _a2;
     if (!(yScaleValueList2 == null ? void 0 : yScaleValueList2.length))
       return;
-    const {
-      layout
-    } = yScaleValueList2[0];
+    const { layout } = yScaleValueList2[0];
     let start = iconsWidth;
     let end = originX;
     if (layout === "right") {
@@ -160,11 +155,7 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, computedX, c
         sinkNumber = 0
       } = item;
       if (showScale || showNumber) {
-        const {
-          lineXMain,
-          lineXSub,
-          textLeft
-        } = getScaleInfo(position, rectLeft, rectWidth);
+        const { lineXMain, lineXSub, textLeft } = getScaleInfo(position, rectLeft, rectWidth);
         const spaceValue = (listItem[1] - listItem[0]) / 2;
         const currentList = showdetailedScale && !detailedList.length ? listItem.reduce((res, n, i) => {
           const lastItem = res[res.length - 1];
@@ -194,7 +185,18 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, computedX, c
             }
             list.push(scaleNumber);
           }
-          list.push(...drawScaleLine(item, i, lineXMain, lineXSub, top, yCellHeight, vitalSignsOriginY.originY, currentList.findIndex((n) => n == endRangeValue) + 1));
+          list.push(
+            ...drawScaleLine(
+              item,
+              i,
+              lineXMain,
+              lineXSub,
+              top,
+              yCellHeight,
+              vitalSignsOriginY.originY,
+              currentList.findIndex((n) => n == endRangeValue) + 1
+            )
+          );
         });
       }
       let title = item.title || "";
@@ -214,24 +216,21 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, computedX, c
           obj.setCoords().set({
             top: yCellHeight > 12 ? vitalSignsTop + 1 : vitalSignsTop
           });
-          const border = drawLine([rectLeft, vitalSignsTop + yCellHeight, rectLeft + rectWidth, vitalSignsTop + yCellHeight], {
-            objectCaching: false,
-            ...borderStyle
-          });
+          const border = drawLine(
+            [rectLeft, vitalSignsTop + yCellHeight, rectLeft + rectWidth, vitalSignsTop + yCellHeight],
+            {
+              objectCaching: false,
+              ...borderStyle
+            }
+          );
           list.push(border);
         }
         list.push(obj);
       }
-      const group2 = new fabric.Group(list, {
-        ...defaultStyle,
-        objectCaching: false
-      });
+      const group2 = new fabric.Group(list, { ...defaultStyle, objectCaching: false });
       groupList.push(group2);
     });
-    const group = groupList.length > 0 ? new fabric.Group([...groupList], {
-      ...defaultStyle,
-      objectCaching: false
-    }) : null;
+    const group = groupList.length > 0 ? new fabric.Group([...groupList], { ...defaultStyle, objectCaching: false }) : null;
     group && canvas.value.add(group);
     group && group.sendToBack();
   }
@@ -245,10 +244,7 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, computedX, c
       if (title.endsWith("\n")) {
         title = title.slice(0, title.length - 1);
       }
-      const {
-        text,
-        icon
-      } = drawTextAndIconGroup(title, item, {
+      const { text, icon } = drawTextAndIconGroup(title, item, {
         text: {
           left: leftX - (item.pointAttr.width || 10) - 5,
           top: topY,
@@ -307,9 +303,7 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, computedX, c
               data: {
                 time: getXValue(point.left),
                 value: getYValue(point.origin.type, point.top),
-                ...!point.origin.isOneLine ? {} : {
-                  key: point.origin.key
-                }
+                ...!point.origin.isOneLine ? {} : { key: point.origin.key }
               },
               ...point.origin
             };
@@ -322,11 +316,7 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, computedX, c
     });
   }
   function setRestore(point) {
-    point.setCoords().set({
-      originX: "right",
-      left: point.originLeft,
-      top: point.originTop
-    });
+    point.setCoords().set({ originX: "right", left: point.originLeft, top: point.originTop });
   }
   iconsWidth && drawIcons();
   const yScaleValueList = left.yScaleValue.filter((v) => v.layout === "left" && v.type !== "pain" && v.show);
@@ -340,10 +330,7 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, computedX, c
   }
   const pulseIdx = yScaleValueList.findIndex((v) => v.type === "pulse" && v.show && v.doubleShow);
   const pulseItem = yScaleValueList[pulseIdx];
-  pulseIdx > -1 && yScaleValueList.splice(pulseIdx, 0, {
-    ...pulseItem,
-    title: (pulseItem == null ? void 0 : pulseItem.doubleTitle) || (pulseItem == null ? void 0 : pulseItem.title)
-  });
+  pulseIdx > -1 && yScaleValueList.splice(pulseIdx, 0, { ...pulseItem, title: (pulseItem == null ? void 0 : pulseItem.doubleTitle) || (pulseItem == null ? void 0 : pulseItem.title) });
   drawScaleValue(yScaleValueList);
   return {
     drawScaleValue

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

@@ -1,6 +1,6 @@
 import { fabric } from '../../../../../shared/utils/fabricjs/index.js';
 import { drawLine, defaultStyle } from '../useDraw.js';
-import { parse, isBefore, addDays, getDate } from 'date-fns';
+import { parse } from 'date-fns';
 import { last, cloneDeep } from 'lodash-es';
 import '../useEvent.js';
 import '../useShadow.js';
@@ -15,15 +15,7 @@ import '../surgicalAnesthesia/useOther.js';
 import '../../../../../shared/utils/index.js';
 
 function useOther(canvas, propItems, emits, computedX, computedY, fixedNoRisePoints, getXValue) {
-  const {
-    left: leftObj,
-    other,
-    vitalSignsOriginY,
-    xCellWidth,
-    yCellHeight,
-    endX,
-    originX
-  } = propItems;
+  const { left: leftObj, other, vitalSignsOriginY, xCellWidth, yCellHeight, endX, originX } = propItems;
   const getYCellHeight = () => {
     const fontSize = Math.min(...((other == null ? void 0 : other.list) || []).map((item) => {
       var _a, _b;
@@ -33,12 +25,12 @@ function useOther(canvas, propItems, emits, computedX, computedY, fixedNoRisePoi
   };
   const _yCellHeight = getYCellHeight();
   let textDiff = 0;
-  function handleCrossDayLayout(currentTime, itemLeft, lastLeft, eventList) {
-    const newLeft = itemLeft + xCellWidth;
+  function handleCrossDayLayout(currentTime, lastLeft, eventList) {
+    const newLeft = lastLeft + xCellWidth;
     const nextTime = getXValue(newLeft);
-    if (isCrossDay(currentTime, nextTime)) {
+    if (!(other == null ? void 0 : other.allowCrossDay) && isCrossDay(currentTime, nextTime)) {
       adjustEventsForCrossDay(eventList);
-      return itemLeft;
+      return lastLeft;
     } else {
       return lastLeft + xCellWidth;
     }
@@ -104,7 +96,7 @@ function useOther(canvas, propItems, emits, computedX, computedY, fixedNoRisePoi
       item.vertical.forEach((v, i) => {
         var _a2, _b2, _c, _d, _e;
         const baseTop = (v.baseTop || 0) * yCellHeight;
-        const lastLeft = ((_a2 = last(list)) == null ? void 0 : _a2.left) || 0;
+        const lastLeft = ((_a2 = last(list)) == null ? void 0 : _a2.trueLeft) || 0;
         if (i === 0 && item.left <= lastLeft) {
           leftX = lastLeft + xCellWidth;
         }
@@ -132,9 +124,9 @@ function useOther(canvas, propItems, emits, computedX, computedY, fixedNoRisePoi
         var _a2, _b2;
         const topY2 = vitalSignsOriginY.originY + (v.baseTop || 0) * yCellHeight;
         fixedTopY = fixedTop;
-        const lastLeft = ((_a2 = last(list)) == null ? void 0 : _a2.left) || 0;
+        const lastLeft = ((_a2 = last(list)) == null ? void 0 : _a2.trueLeft) || 0;
         if (item.left <= lastLeft + 0.1) {
-          leftX = handleCrossDayLayout(v.time, item.left, lastLeft, list);
+          leftX = handleCrossDayLayout(v.time, lastLeft, list);
         }
         if (String(v.value).length) {
           list.push(drawEventText(v, leftX, topY2));
@@ -192,9 +184,7 @@ function useOther(canvas, propItems, emits, computedX, computedY, fixedNoRisePoi
       originX: "center",
       ...defaultStyle
     });
-    const {
-      eventHighlight = false
-    } = other || {};
+    const { eventHighlight = false } = other || {};
     const options = {
       originX: "center",
       left: x,
@@ -215,9 +205,7 @@ function useOther(canvas, propItems, emits, computedX, computedY, fixedNoRisePoi
     return group;
   }
   function setEvent(point) {
-    const {
-      highlightColor = "#ffff00"
-    } = other || {};
+    const { highlightColor = "#ffff00" } = other || {};
     point.on("mouseover", () => {
       point.highlightObject.set("fill", highlightColor);
       canvas.value.requestRenderAll();
@@ -235,10 +223,9 @@ function useOther(canvas, propItems, emits, computedX, computedY, fixedNoRisePoi
 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);
+  const date1String = `${date1.getFullYear()}-${date1.getMonth()}-${date1.getDate()}`;
+  const date2String = `${date2.getFullYear()}-${date2.getMonth()}-${date2.getDate()}`;
+  return date1String !== date2String;
 }
 
 export { useOther };

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

@@ -1,20 +1,13 @@
 function useRight(canvas, propItems, drawScaleValue) {
   var _a, _b;
-  const {
-    left,
-    right,
-    getRightInfo
-  } = propItems;
+  const { left, right, getRightInfo } = propItems;
   const yScaleValueList = left.yScaleValue.filter((v) => v.layout === "right" && v.show);
   if ((right == null ? void 0 : right.width) && ((_a = right == null ? void 0 : right.yScaleValue) == null ? void 0 : _a.layout) === "right" && ((_b = right == null ? void 0 : right.yScaleValue) == null ? void 0 : _b.show)) {
     yScaleValueList.push(getRightInfo);
   }
   const pulseIdx = yScaleValueList.findIndex((v) => v.type === "pulse" && v.show && v.doubleShow);
   const pulseItem = yScaleValueList[pulseIdx];
-  pulseIdx > -1 && yScaleValueList.splice(pulseIdx, 0, {
-    ...pulseItem,
-    title: (pulseItem == null ? void 0 : pulseItem.doubleTitle) || (pulseItem == null ? void 0 : pulseItem.title)
-  });
+  pulseIdx > -1 && yScaleValueList.splice(pulseIdx, 0, { ...pulseItem, title: (pulseItem == null ? void 0 : pulseItem.doubleTitle) || (pulseItem == null ? void 0 : pulseItem.title) });
   drawScaleValue(yScaleValueList);
 }
 

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

@@ -29,9 +29,7 @@ function useTemperatureChart(canvas, props, emits, canvasRef, pointTipProps, poi
     clickMenu: null
   });
   const painSurplusCell = computed(() => {
-    const {
-      painSurplusCell: painSurplusCell2 = [0, 0]
-    } = props.data.grid || {};
+    const { painSurplusCell: painSurplusCell2 = [0, 0] } = props.data.grid || {};
     if (!~painIndex.value)
       return [0, 0];
     return painSurplusCell2;
@@ -55,70 +53,48 @@ function useTemperatureChart(canvas, props, emits, canvasRef, pointTipProps, poi
     return surplusCell.value;
   });
   const dateHeight = computed(() => {
-    const {
-      top
-    } = props.data;
+    const { top } = props.data;
     return top.date.show && (top.date.height || defaultHeight) || 0;
   });
   const hospitalDaysHeight = computed(() => {
     var _a;
-    const {
-      top
-    } = props.data;
+    const { top } = props.data;
     return ((_a = top.hospitalDays) == null ? void 0 : _a.show) && (top.hospitalDays.height || defaultHeight) || 0;
   });
   const operationDaysHeight = computed(() => {
     var _a;
-    const {
-      top
-    } = props.data;
+    const { top } = props.data;
     return ((_a = top.operationDays) == null ? void 0 : _a.show) && (top.operationDays.height || defaultHeight) || 0;
   });
   const xScalevalueHeight = computed(() => {
     var _a, _b, _c;
-    const {
-      top
-    } = props.data;
+    const { top } = props.data;
     const height = ((_a = top.xScalevalue) == null ? void 0 : _a.show) && (top.xScalevalue.height || defaultHeight) || 0;
     const dayHeight = ((_b = top.xScalevalue) == null ? void 0 : _b.show) ? (_c = top.dayHeight) != null ? _c : 0 : 0;
     return height + dayHeight;
   });
   const childbirthDaysHeight = computed(() => {
     var _a;
-    const {
-      top
-    } = props.data;
+    const { top } = props.data;
     return ((_a = top.childbirthDays) == null ? void 0 : _a.show) && (top.childbirthDays.height || defaultHeight) || 0;
   });
   const breathingHeight = computed(() => {
     var _a;
-    const {
-      bottom
-    } = props.data;
+    const { bottom } = props.data;
     return ((_a = bottom == null ? void 0 : bottom.breathing) == null ? void 0 : _a.show) && (bottom.breathing.height || defaultHeight * 2) || 0;
   });
   const gridXNumber = computed(() => {
-    const {
-      grid
-    } = props.data;
+    const { grid } = props.data;
     return grid.mainXCell * grid.subXCell + surplusCell.value[1] + surplusCell.value[3];
   });
   const gridYNumber = computed(() => {
-    const {
-      mainYCell,
-      subYCell,
-      painSubYCell = 5
-    } = props.data.grid;
+    const { mainYCell, subYCell, painSubYCell = 5 } = props.data.grid;
     const painSurplusCellNumber = painIndex.value > 0 ? painSurplusCell.value[1] : painSurplusCell.value[0];
     return (mainYCell - 1) * subYCell + painSubYCell + surplusCell.value[0] + surplusCell.value[2] + painSurplusCellNumber;
   });
   const endX = computed(() => {
     var _a;
-    const {
-      width,
-      right = null,
-      top
-    } = props.data;
+    const { width, right = null, top } = props.data;
     if (!right)
       return width;
     const endWidth = (_a = right.width) != null ? _a : 0;
@@ -128,18 +104,12 @@ function useTemperatureChart(canvas, props, emits, canvasRef, pointTipProps, poi
     return endX.value - surplusCell.value[1] * xCellWidth.value;
   });
   const originX = computed(() => {
-    const {
-      top,
-      left
-    } = props.data;
+    const { top, left } = props.data;
     const originX2 = top.titleWidth + iconsWidth.value;
     return originX2;
   });
   const endY = computed(() => {
-    const {
-      bottom = null,
-      height
-    } = props.data;
+    const { bottom = null, height } = props.data;
     if (!bottom)
       return height;
     const endHeight = bottom.height || 30;
@@ -147,9 +117,7 @@ function useTemperatureChart(canvas, props, emits, canvasRef, pointTipProps, poi
   });
   const originY = computed(() => {
     var _a;
-    const {
-      top
-    } = props.data;
+    const { top } = props.data;
     const dayHeight = top.xScalevalue.show && ((_a = top.dayHeight) != null ? _a : 0) || 0;
     const xScaleHeight = top.xScalevalue.show && (top.xScalevalue.height || defaultHeight) || 0;
     const topHeight = dateHeight.value + dayHeight + xScaleHeight + hospitalDaysHeight.value + operationDaysHeight.value + childbirthDaysHeight.value;
@@ -163,22 +131,20 @@ function useTemperatureChart(canvas, props, emits, canvasRef, pointTipProps, poi
   });
   const iconsWidth = computed(() => {
     var _a, _b;
-    const {
-      left
-    } = props.data;
+    const { left } = props.data;
     return ((_a = left.icons) == null ? void 0 : _a.show) && (((_b = left.icons) == null ? void 0 : _b.width) || 100) || 0;
   });
   const xScaleList = computed(() => {
     var _a, _b;
-    const {
-      top,
-      grid
-    } = props.data;
+    const { top, grid } = props.data;
     const dateList = ((_b = (_a = top.date.list) == null ? void 0 : _a.slice) == null ? void 0 : _b.call(_a, 0, grid.mainXCell)) || [];
     const times = top.xScalevalue.times;
     let left = originX.value - xCellWidth.value;
     const startDate = top.date.startDate || format(new Date(), "yyyy-MM-dd");
-    const newDateList = dateList.reduce((arr, item, index) => index === 0 ? arr.concat(startDate) : arr.concat(format(addDays(new Date(startDate.replace(/-/g, "/")), index), "yyyy-MM-dd")), []);
+    const newDateList = dateList.reduce(
+      (arr, item, index) => index === 0 ? arr.concat(startDate) : arr.concat(format(addDays(new Date(startDate.replace(/-/g, "/")), index), "yyyy-MM-dd")),
+      []
+    );
     const timeList = newDateList.map((item) => {
       return times.map((v) => {
         left += xCellWidth.value;
@@ -197,64 +163,47 @@ function useTemperatureChart(canvas, props, emits, canvasRef, pointTipProps, poi
   });
   const event = computed(() => {
     var _a;
-    return ((_a = props.data.grid) == null ? void 0 : _a.event) || {
-      selectable: true,
-      evented: true,
-      hovered: true
-    };
+    return ((_a = props.data.grid) == null ? void 0 : _a.event) || { selectable: true, evented: true, hovered: true };
   });
   const itemList = computed(() => {
-    const {
-      left
-    } = props.data;
-    return flatten(left.yScaleValue.filter((v) => v.show).map((item) => {
-      return item.dataList.filter((v) => v.show).map((v, dataIndex) => {
-        return {
-          ...v,
-          bigType: setOtherType(v.key, item.type),
-          unit: item.unit,
-          dataIndex,
-          isOneLine: isOneLine(item)
-        };
-      });
-    }));
+    const { left } = props.data;
+    return flatten(
+      left.yScaleValue.filter((v) => v.show).map((item) => {
+        return item.dataList.filter((v) => v.show).map((v, dataIndex) => {
+          return {
+            ...v,
+            bigType: setOtherType(v.key, item.type),
+            unit: item.unit,
+            dataIndex,
+            isOneLine: isOneLine(item)
+          };
+        });
+      })
+    );
   });
   const painScalePositionSurplusHeight = computed(() => {
-    const {
-      left
-    } = props.data;
+    const { left } = props.data;
     const painItem = left.yScaleValue.find((v) => v.type === "pain");
     if (!painItem)
       return 0;
-    const {
-      numberVerticalPosition = "bottom",
-      spaceGridNumber = 1
-    } = painItem;
+    const { numberVerticalPosition = "bottom", spaceGridNumber = 1 } = painItem;
     return numberVerticalPosition === "center" ? yCellHeight.value * spaceGridNumber / 2 : 0;
   });
   const painIndex = computed(() => {
-    const {
-      left
-    } = props.data;
+    const { left } = props.data;
     const index = left.yScaleValue.findIndex((v) => v.type === "pain");
     return index > -1 && left.yScaleValue[index].show ? index : -1;
   });
   const painHeight = computed(() => {
-    const {
-      painSubYCell = 5
-    } = props.data.grid;
+    const { painSubYCell = 5 } = props.data.grid;
     return painIndex.value === -1 ? 0 : yCellHeight.value * painSubYCell;
   });
   const painBorderColor = computed(() => {
-    const {
-      left
-    } = props.data;
+    const { left } = props.data;
     return (left.yScaleValue.find((v) => v.type === "pain") || {}).borderColor;
   });
   const painOriginY = computed(() => {
-    const {
-      left
-    } = props.data;
+    const { left } = props.data;
     const obj = {
       originY: originY.value + painSurplusCell.value[0] * yCellHeight.value,
       endY: endY.value - painSurplusCell.value[1] * yCellHeight.value - painScalePositionSurplusHeight.value
@@ -267,9 +216,7 @@ function useTemperatureChart(canvas, props, emits, canvasRef, pointTipProps, poi
     return obj;
   });
   const vitalSignsOriginY = computed(() => {
-    const {
-      left
-    } = props.data;
+    const { left } = props.data;
     const obj = {
       originY: originY.value + surplusCell.value[0] * yCellHeight.value,
       endY: endY.value - surplusCell.value[2] * yCellHeight.value
@@ -283,10 +230,7 @@ function useTemperatureChart(canvas, props, emits, canvasRef, pointTipProps, poi
   });
   const topList = computed(() => {
     var _a, _b;
-    const {
-      top,
-      grid
-    } = props.data;
+    const { top, grid } = props.data;
     const topList2 = [];
     for (const i in top) {
       if (top[i].show) {
@@ -301,10 +245,7 @@ function useTemperatureChart(canvas, props, emits, canvasRef, pointTipProps, poi
   });
   const getRightInfo = computed(() => {
     var _a;
-    const {
-      left,
-      right
-    } = props.data;
+    const { left, right } = props.data;
     const temperatureObj = left.yScaleValue.find((v) => v.type === "temperature");
     const yScaleValue = (right == null ? void 0 : right.yScaleValue) || {};
     if ((_a = temperatureObj == null ? void 0 : temperatureObj.list) == null ? void 0 : _a.length) {
@@ -324,10 +265,7 @@ function useTemperatureChart(canvas, props, emits, canvasRef, pointTipProps, poi
   const propItems = reactive({
     canvasWidth: props.data.width,
     canvasHeight: props.data.height,
-    borderStyle: {
-      ...defaultBorderStyle,
-      ...props.data.borderStyle || {}
-    },
+    borderStyle: { ...defaultBorderStyle, ...props.data.borderStyle || {} },
     selectionStyle: props.data.selectionStyle || {},
     dateHeight: dateHeight.value,
     hospitalDaysHeight: hospitalDaysHeight.value,
@@ -368,18 +306,17 @@ function useTemperatureChart(canvas, props, emits, canvasRef, pointTipProps, poi
     painScalePositionSurplusHeight: painScalePositionSurplusHeight.value,
     painBorderColor: painBorderColor.value
   });
-  const {
-    computedX,
-    computedY,
-    getXValue,
-    getYValue
-  } = useCumputedPoint(propItems);
-  watch(() => canvas.value, (value) => {
-    if (value)
-      init();
-  }, {
-    immediate: true
-  });
+  const { computedX, computedY, getXValue, getYValue } = useCumputedPoint(propItems);
+  watch(
+    () => canvas.value,
+    (value) => {
+      if (value)
+        init();
+    },
+    {
+      immediate: true
+    }
+  );
   function init() {
     try {
       useTop(canvas, propItems);
@@ -391,18 +328,38 @@ function useTemperatureChart(canvas, props, emits, canvasRef, pointTipProps, poi
         clickMenu: _clickMenu,
         gridPoints,
         fixedNoRisePoints
-      } = useCenter(canvas, propItems, emits, computedX, computedY, getXValue, getYValue, props.addRenderItem, pointTipProps, pointMenuProps);
+      } = useCenter(
+        canvas,
+        propItems,
+        emits,
+        computedX,
+        computedY,
+        getXValue,
+        getYValue,
+        props.addRenderItem,
+        pointTipProps,
+        pointMenuProps
+      );
       exposeMethods.redrawPoints = _redrawPoints;
       exposeMethods.clickMenu = _clickMenu;
-      const {
-        drawScaleValue
-      } = useLeft(canvas, propItems, emits, setPopup, pointTipProps, computedX, computedY, getXValue, getYValue, isAddPoint, updateData, gridPoints);
+      const { drawScaleValue } = 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, getXValue);
-      const {
-        select: _select
-      } = useCanvasEvent(canvas, propItems, emits);
+      const { select: _select } = useCanvasEvent(canvas, propItems, emits);
       exposeMethods.select = _select;
       setTimeout(() => {
         emits("ready", true);