cnhis-design-vue 3.1.34-beta.6 → 3.1.34-beta.7

package/es/components/fabric-chart/src/hooks/useBirthProcess.js

@@ -4,12 +4,12 @@ import useGrid from './useGrid.js';
 import { drawLine, drawPoint, drawText, defaultTextStyle, defaultRectStyle } from './useDraw.js';
 import { fabric } from '../utils/index.js';
 import { getIndex, isEffectiveNode } from '../utils/utils.js';
-import useCommmon from './useCommon.js';
+import { useCommon } from './useCommon.js';
 import { cloneDeep } from 'lodash-es';
 
 function useBirthProcess(canvas, propItems, emits) {
   const { cumputedX, cumputedY, getXValue, getYValue } = useBirthProcessCumputedPoint(propItems);
-  const { getEqualXTypes } = useCommmon(canvas);
+  const { getEqualXTypes } = useCommon(canvas);
   const {
     xAxis,
     grid,

package/es/components/fabric-chart/src/hooks/useBottom.js

@@ -1,4 +1,3 @@
-import { onMounted, nextTick } from 'vue';
 import { fabric } from '../utils/index.js';
 import { defaultBorderStyle, drawTextGroup, defaultTextStyle, defaultRectStyle, defaultStyle } from './useDraw.js';
 
@@ -86,11 +85,7 @@ function useBottom(canvas, propItems) {
     group && group.sendToBack();
     group && canvas.value.add(group);
   }
-  onMounted(() => {
-    nextTick(() => {
-      drawBottom();
-    });
-  });
+  drawBottom();
 }
 
 export { useBottom };

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

@@ -1,24 +1,10 @@
 import { Ref } from 'vue';
 import { fabric } from '../utils';
 import { IPropItems } from '../interface';
-export declare function useCenter(canvas: Ref<fabric.Canvas>, propItems: IPropItems, emits: any, cumputedX: Function, cumputedY: Function, getXValue: Function, getYValue: Function, addRenderItem: Function | undefined): {
-    pointTipProps: {
-        show: boolean;
-        point: {
-            x: number;
-            y: number;
-        };
-        list: string[];
-    };
-    pointMenuProps: {
-        show: boolean;
-        point: {
-            x: number;
-            y: number;
-        };
-        list: any[];
-        target: any;
-    };
+import { AnyObject } from '../../../../../es/shared/types';
+export declare function useCenter(canvas: Ref<fabric.Canvas>, propItems: IPropItems, emits: any, cumputedX: Function, cumputedY: Function, getXValue: Function, getYValue: Function, addRenderItem: Function | undefined, pointTipProps: any, pointMenuProps: any, useCommon: AnyObject): {
+    pointTipProps: any;
+    pointMenuProps: any;
     clickMenu: ({ item, target }: {
         item: any;
         target: any;

package/es/components/fabric-chart/src/hooks/useCenter.js

@@ -1,16 +1,14 @@
-import { reactive, onMounted, nextTick } from 'vue';
 import { fabric } from '../utils/index.js';
 import { drawLine, defaultStyle, drawPoint, drawText, drawArrow } from './useDraw.js';
 import useGrid from './useGrid.js';
 import { useShadow } from './useShadow.js';
 import { TEMPERATURE_MENU, PAIN_MENU, OVERLAP } from './constant.js';
-import useCommmon from './useCommon.js';
 import { cloneDeep } from 'lodash-es';
 import { getPointArr, isEffectiveNode, getIndex, deleteProperty } from '../utils/utils.js';
 
-function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, getYValue, addRenderItem) {
+function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, getYValue, addRenderItem, pointTipProps, pointMenuProps, useCommon) {
   useGrid(canvas, propItems);
-  const { getEqualXTypes, repeatTip, maxLimitTip, minLimitTip } = useCommmon(canvas);
+  const { getEqualXTypes, repeatTip, maxLimitTip, minLimitTip } = useCommon;
   const {
     left,
     xScaleList,
@@ -27,17 +25,6 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
     hospitalizationDate,
     config
   } = propItems;
-  const pointTipProps = reactive({
-    show: false,
-    point: { x: 0, y: 0 },
-    list: []
-  });
-  const pointMenuProps = reactive({
-    show: false,
-    point: { x: 0, y: 0 },
-    list: [],
-    target: null
-  });
   const shadowLinesCache = /* @__PURE__ */ new Set();
   let shadowPointCache = [];
   const maiboPoints = /* @__PURE__ */ new Set();
@@ -45,11 +32,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
   const prevLines = /* @__PURE__ */ new Set();
   const gridPoints = /* @__PURE__ */ new Set();
   const yScaleValue = cloneDeep(left.yScaleValue);
-  onMounted(() => {
-    nextTick(() => {
-      init();
-    });
-  });
+  init();
   function init() {
     shadowPointCache = [];
     maiboPoints.clear();

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

@@ -1,6 +1,6 @@
 import { Ref } from 'vue';
 import { fabric } from '../utils';
-export default function useCommmon(canvas: Ref<fabric.Canvas>): {
+export declare function useCommon(canvas: Ref<fabric.Canvas>): {
     getEqualXTypes: (pointX: number, field: string, range?: number) => string[];
     repeatTip: () => void;
     maxLimitTip: () => void;

package/es/components/fabric-chart/src/hooks/useCommon.js

@@ -1,6 +1,6 @@
 import { useMessage } from 'naive-ui';
 
-function useCommmon(canvas) {
+function useCommon(canvas) {
   const $message = useMessage();
   function getEqualXTypes(pointX, field, range = 6) {
     const types = [];
@@ -29,4 +29,4 @@ function useCommmon(canvas) {
   };
 }
 
-export { useCommmon as default };
+export { useCommon };

package/es/components/fabric-chart/src/hooks/useGrid.js

@@ -1,4 +1,3 @@
-import { onMounted, nextTick } from 'vue';
 import { fabric } from '../utils/index.js';
 import { drawLine, defaultBorderStyle } from './useDraw.js';
 
@@ -48,12 +47,8 @@ function useGrid(canvas, propItems, isBirthProcess = false) {
     evented: false,
     selectable: false
   });
-  onMounted(() => {
-    nextTick(() => {
-      canvas.value.add(group);
-      canvas.value.sendToBack(group);
-    });
-  });
+  canvas.value.add(group);
+  canvas.value.sendToBack(group);
 }
 
 export { useGrid as default };

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

@@ -1,6 +1,7 @@
 import { Ref } from 'vue';
 import { fabric } from '../utils';
 import { IPropItems } from '../interface';
-export declare function useLeft(canvas: Ref<fabric.Canvas>, propItems: IPropItems, emits: any, setPopup: Function, pointTipProps: any, cumputedX: Function, cumputedY: Function, getXValue: Function, getYValue: Function, isAddPoint: Function, updateData: Function): {
+import { AnyObject } from '../../../../../es/shared/types';
+export declare function useLeft(canvas: Ref<fabric.Canvas>, propItems: IPropItems, emits: any, setPopup: Function, pointTipProps: any, cumputedX: Function, cumputedY: Function, getXValue: Function, getYValue: Function, isAddPoint: Function, updateData: Function, useCommon: AnyObject): {
     drawScaleValue: (yScaleValueList: any[]) => void;
 };

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

@@ -1,10 +1,9 @@
-import { onMounted, nextTick } from 'vue';
 import { fabric } from '../utils/index.js';
 import { defaultBorderStyle, defaultTextStyle, defaultStyle, defaultRectStyle, drawPoint, drawTextGroup } from './useDraw.js';
-import useCommmon from './useCommon.js';
 
-function useLeft(canvas, propItems, emits, setPopup, pointTipProps, cumputedX, cumputedY, getXValue, getYValue, isAddPoint, updateData) {
-  const { getEqualXTypes, repeatTip } = useCommmon(canvas);
+function useLeft(canvas, propItems, emits, setPopup, pointTipProps, cumputedX, cumputedY, getXValue, getYValue, isAddPoint, updateData, useCommon) {
+  var _a, _b;
+  const { getEqualXTypes, repeatTip } = useCommon;
   const {
     originY,
     endY,
@@ -98,23 +97,23 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, cumputedX, c
     canvas.value.add(title, ...list);
     title.sendToBack();
   }
-  function drawScaleValue(yScaleValueList) {
-    var _a;
-    if (!(yScaleValueList == null ? void 0 : yScaleValueList.length))
+  function drawScaleValue(yScaleValueList2) {
+    var _a2;
+    if (!(yScaleValueList2 == null ? void 0 : yScaleValueList2.length))
       return;
-    const { layout } = yScaleValueList[0];
+    const { layout } = yScaleValueList2[0];
     let start = iconsWidth;
     let end = originX;
     if (layout === "right") {
       start = endX;
-      end = endX + ((_a = right == null ? void 0 : right.width) != null ? _a : 0);
+      end = endX + ((_a2 = right == null ? void 0 : right.width) != null ? _a2 : 0);
     }
     const groupList = [];
-    const column = !painHeight || layout === "right" ? yScaleValueList.length : yScaleValueList.length - 1;
+    const column = !painHeight || layout === "right" ? yScaleValueList2.length : yScaleValueList2.length - 1;
     const colWidth = (end - start) / column;
     const residue = (end - start) % column;
     const firstColWidth = colWidth + residue;
-    yScaleValueList.forEach((item, index) => {
+    yScaleValueList2.forEach((item, index) => {
       if (item.type === "pain") {
         drwaPainScaleValue(item);
         return;
@@ -309,23 +308,18 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, cumputedX, c
       })
     );
   }
-  onMounted(() => {
-    nextTick(() => {
-      var _a, _b;
-      iconsWidth && drawIcons();
-      const yScaleValueList = left.yScaleValue.filter((v) => v.layout === "left" && v.type !== "pain" && v.show);
-      if ((right == null ? void 0 : right.width) && ((_a = right == null ? void 0 : right.yScaleValue) == null ? void 0 : _a.layout) === "left" && ((_b = right == null ? void 0 : right.yScaleValue) == null ? void 0 : _b.show)) {
-        yScaleValueList.push(getRightInfo);
-      }
-      if (painIndex > 0 && left.yScaleValue[painIndex].show) {
-        const painObj = left.yScaleValue[painIndex];
-        painIndex === 0 && left.yScaleValue.length > 1 && yScaleValueList.unshift(painObj);
-        painIndex == left.yScaleValue.length - 1 && yScaleValueList.push(painObj);
-      }
-      drawScaleValue(yScaleValueList);
-      drawBorder();
-    });
-  });
+  iconsWidth && drawIcons();
+  const yScaleValueList = left.yScaleValue.filter((v) => v.layout === "left" && v.type !== "pain" && v.show);
+  if ((right == null ? void 0 : right.width) && ((_a = right == null ? void 0 : right.yScaleValue) == null ? void 0 : _a.layout) === "left" && ((_b = right == null ? void 0 : right.yScaleValue) == null ? void 0 : _b.show)) {
+    yScaleValueList.push(getRightInfo);
+  }
+  if (painIndex > 0 && left.yScaleValue[painIndex].show) {
+    const painObj = left.yScaleValue[painIndex];
+    painIndex === 0 && left.yScaleValue.length > 1 && yScaleValueList.unshift(painObj);
+    painIndex == left.yScaleValue.length - 1 && yScaleValueList.push(painObj);
+  }
+  drawScaleValue(yScaleValueList);
+  drawBorder();
   return {
     drawScaleValue
   };

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

@@ -1,4 +1,3 @@
-import { onMounted, nextTick } from 'vue';
 import { fabric } from '../utils/index.js';
 import { defaultStyle } from './useDraw.js';
 
@@ -89,11 +88,7 @@ function useOther(canvas, propItems, cumputedX) {
       trueHeight: texts.length * yCellHeight
     });
   }
-  onMounted(() => {
-    nextTick(() => {
-      drawOther();
-    });
-  });
+  drawOther();
 }
 
 export { useOther };

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

@@ -1,27 +1,22 @@
-import { onMounted, nextTick } from 'vue';
 import { fabric } from '../utils/index.js';
 import { defaultBorderStyle } from './useDraw.js';
 
 function useRight(canvas, propItems, drawScaleValue) {
+  var _a, _b;
   const { left, right, getRightInfo, canvasWidth, endY, endX, originY } = propItems;
-  onMounted(() => {
-    nextTick(() => {
-      var _a, _b;
-      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);
-      }
-      if ((right == null ? void 0 : right.width) || yScaleValueList.length > 0) {
-        const rightBorderLine = new fabric.Line([canvasWidth - 1, 0, canvasWidth - 1, endY], defaultBorderStyle);
-        const rightBorderLine2 = new fabric.Line([endX + 1, originY, canvasWidth - 1, originY], {
-          ...defaultBorderStyle,
-          stroke: "#fff"
-        });
-        canvas.value.add(rightBorderLine, rightBorderLine2);
-      }
-      drawScaleValue(yScaleValueList);
+  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);
+  }
+  if ((right == null ? void 0 : right.width) || yScaleValueList.length > 0) {
+    const rightBorderLine = new fabric.Line([canvasWidth - 1, 0, canvasWidth - 1, endY], defaultBorderStyle);
+    const rightBorderLine2 = new fabric.Line([endX + 1, originY, canvasWidth - 1, originY], {
+      ...defaultBorderStyle,
+      stroke: "#fff"
     });
-  });
+    canvas.value.add(rightBorderLine, rightBorderLine2);
+  }
+  drawScaleValue(yScaleValueList);
 }
 
 export { useRight };

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

@@ -0,0 +1,25 @@
+import { Ref } from 'vue';
+import { fabric } from '../utils';
+export default function useTemperatureChart(canvas: Ref<fabric.Canvas>, props: any, emits: any, canvasRef: Ref<any>): {
+    propItems: any;
+    redrawPoints: Ref<any>;
+    select: Ref<any>;
+    pointTipProps: {
+        show: boolean;
+        point: {
+            x: number;
+            y: number;
+        };
+        list: string[];
+    };
+    pointMenuProps: {
+        show: boolean;
+        point: {
+            x: number;
+            y: number;
+        };
+        list: any[];
+        target: any;
+    };
+    clickMenu: Ref<any>;
+};

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

@@ -0,0 +1,339 @@
+import { ref, reactive, computed, onMounted, nextTick } from 'vue';
+import { defaultBorderStyle } from './useDraw.js';
+import { useCumputedPoint } from './useCumputedPoint.js';
+import { useTop } from './useTop.js';
+import { useLeft } from './useLeft.js';
+import { useRight } from './useRight.js';
+import { useCenter } from './useCenter.js';
+import { useBottom } from './useBottom.js';
+import { useOther } from './useOther.js';
+import { useEvent, useCanvasEvent } from './useEvent.js';
+import '../utils/index.js';
+import { useCommon } from './useCommon.js';
+import 'lodash-es';
+
+function useTemperatureChart(canvas, props, emits, canvasRef) {
+  const defaultHeight = 15;
+  const select = ref();
+  const redrawPoints = ref();
+  const clickMenu = ref();
+  const pointTipProps = reactive({
+    show: false,
+    point: { x: 0, y: 0 },
+    list: []
+  });
+  const pointMenuProps = reactive({
+    show: false,
+    point: { x: 0, y: 0 },
+    list: [],
+    target: null
+  });
+  const dateHeight = computed(() => {
+    const { top } = props.data;
+    return top.date.show && (top.date.height || defaultHeight) || 0;
+  });
+  const hospitalDaysHeight = computed(() => {
+    var _a;
+    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;
+    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 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 breathingHeight = computed(() => {
+    var _a;
+    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;
+    return grid.mainXCell * grid.subXCell + grid.surplusXCell;
+  });
+  const gridYNumber = computed(() => {
+    const { grid } = props.data;
+    return grid.mainYCell * grid.subYCell + grid.surplusYCell;
+  });
+  const endX = computed(() => {
+    var _a;
+    const { width, right = null, top } = props.data;
+    if (!right)
+      return width;
+    const endWidth = (_a = right.width) != null ? _a : 0;
+    return width - endWidth;
+  });
+  const endXLimit = computed(() => {
+    const { grid } = props.data;
+    return endX.value - grid.surplusXCell * xCellWidth.value;
+  });
+  const originX = computed(() => {
+    const { top, left } = props.data;
+    const originX2 = top.titleWidth + iconsWidth.value;
+    return originX2;
+  });
+  const endY = computed(() => {
+    const { bottom = null, height } = props.data;
+    if (!bottom)
+      return height;
+    const endHeight = bottom.height || 30;
+    return height - endHeight;
+  });
+  const originY = computed(() => {
+    var _a;
+    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;
+    return topHeight;
+  });
+  const originYLimit = computed(() => {
+    const { grid } = props.data;
+    return originY.value + grid.surplusYCell * yCellHeight.value;
+  });
+  const xCellWidth = computed(() => {
+    return (endX.value - originX.value) / gridXNumber.value;
+  });
+  const yCellHeight = computed(() => {
+    return (endY.value - originY.value) / gridYNumber.value;
+  });
+  const iconsWidth = computed(() => {
+    var _a, _b;
+    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(() => {
+    const { top } = props.data;
+    const dateList = top.date.list;
+    const times = top.xScalevalue.times;
+    let left = originX.value - xCellWidth.value;
+    function getDate(date) {
+      const [year = "2022", month = "01", day = "01"] = String(date).match(/\d+/g) || [];
+      return `20${year}`.slice(-4) + "-" + `00${month}`.slice(-2) + "-" + `00${day}`.slice(-2);
+    }
+    const timeList = dateList.map((item) => {
+      return times.map((v) => {
+        left += xCellWidth.value;
+        const start = new Date(`${getDate(item)} ${v.start}`).getTime();
+        const end = new Date(`${getDate(item)} ${v.end}`).getTime();
+        return {
+          start,
+          end,
+          left,
+          center: left + xCellWidth.value / 2,
+          scaleCell: (end - start) / xCellWidth.value
+        };
+      });
+    });
+    return timeList.flat();
+  });
+  const breatheYCell = computed(() => {
+    return computedYCell("breathe");
+  });
+  const pulseYCell = computed(() => {
+    return computedYCell("pulse");
+  });
+  const temperatureYCell = computed(() => {
+    return computedYCell("temperature");
+  });
+  const painYCell = computed(() => {
+    return computedYCell("pain");
+  });
+  const event = computed(() => {
+    var _a;
+    return ((_a = props.data.grid) == null ? void 0 : _a.event) || { selectable: true, evented: true, hovered: true };
+  });
+  const itemList = computed(() => {
+    const { left } = props.data;
+    return left.yScaleValue.map((item) => {
+      return item.dataList.map((v, dataIndex) => {
+        return {
+          ...v,
+          bigType: item.type,
+          unit: item.unit,
+          dataIndex
+        };
+      });
+    }).flat();
+  });
+  const painIndex = computed(() => {
+    const { left } = props.data;
+    return left.yScaleValue.findIndex((v) => v.type === "pain");
+  });
+  const painHeight = computed(() => {
+    const { grid } = props.data;
+    return painIndex.value === -1 ? 0 : yCellHeight.value * grid.subYCell;
+  });
+  const painOriginY = computed(() => {
+    const { left } = props.data;
+    const obj = {
+      originY: endY.value,
+      endY: endY.value
+    };
+    if (painIndex.value === 0 && left.yScaleValue.length > 1) {
+      obj.originY = originYLimit.value;
+      obj.endY = originYLimit.value + painHeight.value;
+    } else if (painIndex.value === left.yScaleValue.length - 1) {
+      obj.originY = endY.value - painHeight.value;
+      obj.endY = endY.value;
+    }
+    return obj;
+  });
+  const vitalSignsOriginY = computed(() => {
+    const { left } = props.data;
+    const obj = {
+      originY: originY.value,
+      endY: endY.value
+    };
+    if (painIndex.value === 0 && left.yScaleValue.length > 1) {
+      obj.originY = originYLimit.value + painHeight.value;
+      obj.endY = endY.value;
+    } else if (painIndex.value === left.yScaleValue.length - 1) {
+      obj.originY = originYLimit.value;
+      obj.endY = endY.value - painHeight.value;
+    }
+    return obj;
+  });
+  const topList = computed(() => {
+    const { top } = props.data;
+    const topList2 = [];
+    for (const i in top) {
+      if (top[i].show) {
+        topList2.push({
+          ...top[i],
+          key: i
+        });
+      }
+    }
+    return topList2.sort((a, b) => a.seq - b.seq);
+  });
+  const getRightInfo = computed(() => {
+    var _a;
+    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) {
+      Object.assign(yScaleValue, {
+        list: temperatureObj.list.map((v) => Math.floor((1.8 * v + 32) * 100) / 100),
+        spaceGridNumber: temperatureObj.spaceGridNumber
+      });
+    }
+    return yScaleValue;
+  });
+  const propItems = reactive({
+    canvasWidth: props.data.width,
+    canvasHeight: props.data.height,
+    borderStyle: props.data.borderStyle || defaultBorderStyle,
+    selectionStyle: props.data.selectionStyle || {},
+    dateHeight: dateHeight.value,
+    hospitalDaysHeight: hospitalDaysHeight.value,
+    operationDaysHeight: operationDaysHeight.value,
+    xScalevalueHeight: xScalevalueHeight.value,
+    topList: topList.value,
+    breathingHeight: breathingHeight.value,
+    hospitalizationDate: props.data.hospitalizationDate,
+    grid: props.data.grid,
+    top: props.data.top,
+    left: props.data.left,
+    right: props.data.right,
+    bottom: props.data.bottom,
+    other: props.data.other,
+    painIndex: painIndex.value,
+    painHeight: painHeight.value,
+    painOriginY: painOriginY.value,
+    vitalSignsOriginY: vitalSignsOriginY.value,
+    gridXNumber: gridXNumber.value,
+    gridYNumber: gridYNumber.value,
+    iconsWidth: iconsWidth.value,
+    originX: originX.value,
+    originY: originY.value,
+    originYLimit: originYLimit.value,
+    endX: endX.value,
+    endXLimit: endXLimit.value,
+    endY: endY.value,
+    xCellWidth: xCellWidth.value,
+    yCellHeight: yCellHeight.value,
+    xScaleList: xScaleList.value,
+    breatheYCell: breatheYCell.value,
+    pulseYCell: pulseYCell.value,
+    temperatureYCell: temperatureYCell.value,
+    painYCell: painYCell.value,
+    event: event.value,
+    itemList: itemList.value,
+    getRightInfo: getRightInfo.value,
+    config: props.data.config || {}
+  });
+  function computedYCell(type) {
+    const { yScaleValue } = props.data.left;
+    const item = yScaleValue.find((v) => v.type === type);
+    const list = (item == null ? void 0 : item.list) || [];
+    if (!list.length)
+      return 0;
+    return yCellHeight.value / ((list[1] - list[0]) / item.spaceGridNumber);
+  }
+  const { cumputedX, cumputedY, getXValue, getYValue } = useCumputedPoint(propItems);
+  const commonFunc = useCommon(canvas);
+  onMounted(() => {
+    nextTick(() => {
+      useTop(canvas, propItems);
+      const {
+        setPopup,
+        isAddPoint,
+        updateData,
+        redrawPoints: _redrawPoints,
+        clickMenu: _clickMenu
+      } = useCenter(
+        canvas,
+        propItems,
+        emits,
+        cumputedX,
+        cumputedY,
+        getXValue,
+        getYValue,
+        props.addRenderItem,
+        pointTipProps,
+        pointMenuProps,
+        commonFunc
+      );
+      redrawPoints.value = _redrawPoints;
+      clickMenu.value = _clickMenu;
+      const { drawScaleValue } = useLeft(
+        canvas,
+        propItems,
+        emits,
+        setPopup,
+        pointTipProps,
+        cumputedX,
+        cumputedY,
+        getXValue,
+        getYValue,
+        isAddPoint,
+        updateData,
+        commonFunc
+      );
+      useRight(canvas, propItems, drawScaleValue);
+      useBottom(canvas, propItems);
+      useOther(canvas, propItems, cumputedX);
+      useEvent(canvasRef.value);
+      const { select: _select } = useCanvasEvent(canvas, propItems, emits);
+      select.value = _select;
+    });
+  });
+  return {
+    propItems,
+    redrawPoints,
+    select,
+    pointTipProps,
+    pointMenuProps,
+    clickMenu
+  };
+}
+
+export { useTemperatureChart as default };