cnhis-design-vue 3.4.0-beta.7 → 3.4.0-beta.70

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

@@ -1,35 +1,25 @@
-import { i18n } from '../../../../../_virtual/_virtual_i18n-methods.js';
 import { fabric } from '../../../../../shared/utils/fabricjs/index.js';
 import { drawLine, defaultStyle, drawPoint, drawText, drawArrow } from '../useDraw.js';
 import { useGrid } from '../useGrid.js';
 import { format } from 'date-fns';
-import { getType, getTime, isOneLine, isOverlapPoint, getFloorNumber, isValidValue, setOtherType, isEffectiveNode, deleteProperty, getIndex } from '../../utils/index.js';
+import { getType, getTime, isOneLine, isOverlapPoint, getFloorNumber, isValidValue, setOtherType, isEffectiveNode, getIndex } from '../../utils/index.js';
 import { cloneDeep, omit, flatten, last } from 'lodash-es';
 import '../useEvent.js';
 import { useShadow } from '../useShadow.js';
 import { useCommon } from '../useCommon.js';
 import 'vue';
+import { TEMPERATURE_MENU, PAIN_MENU, TITLE_MENU_MAP, OVERLAP } from '../../constants/index.js';
 import 'naive-ui';
 import '../surgicalAnesthesia/useTop.js';
 import '@vueuse/core';
-import { TEMPERATURE_MENU, PAIN_MENU, OVERLAP } from '../../constants/index.js';
 import '../surgicalAnesthesia/useOther.js';
 import '../../../../../shared/utils/index.js';
 import { promiseTimeout } from '@vueuse/shared';
 
 function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, getYValue, addRenderItem, pointTipProps, pointMenuProps) {
-  useGrid(canvas, {
-    ...propItems,
-    isTemperature: true
-  });
-  const {
-    getEqualXTypes,
-    handleAddPrevent,
-    getPointEventProps
-  } = useCommon(canvas, emits, propItems);
-  const {
-    createShadowLines
-  } = useShadow();
+  useGrid(canvas, { ...propItems, isTemperature: true });
+  const { getEqualXTypes, handleAddPrevent, getPointEventProps } = useCommon(canvas, emits, propItems);
+  const { createShadowLines } = useShadow();
   const {
     left,
     xScaleList,
@@ -75,21 +65,20 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
   }
   function drawBorder() {
     const borderList = [];
-    borderList.push(new fabric.Rect({
-      left: iconsWidth,
-      top: 0,
-      width: canvasWidth - iconsWidth - borderStyle.strokeWidth,
-      height: canvasHeight - borderStyle.strokeWidth,
-      fill: "transparent",
-      ...borderStyle
-    }));
+    borderList.push(
+      new fabric.Rect({
+        left: iconsWidth,
+        top: 0,
+        width: canvasWidth - iconsWidth - borderStyle.strokeWidth,
+        height: canvasHeight - borderStyle.strokeWidth,
+        fill: "transparent",
+        ...borderStyle
+      })
+    );
     if (painBorderColor) {
       const painTop = painOriginY.originY - painSurplusCell[0] * yCellHeight;
       const painEndTop = painTop + painHeight + (painSurplusCell[0] + painSurplusCell[1]) * yCellHeight - 1;
-      const style = {
-        ...borderStyle,
-        stroke: painBorderColor
-      };
+      const style = { ...borderStyle, stroke: painBorderColor };
       const topLine = drawLine([iconsWidth, painTop, endX, painTop], style);
       const bottomLine = drawLine([iconsWidth, painEndTop, endX, painEndTop], style);
       borderList.push(topLine, bottomLine);
@@ -104,7 +93,9 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
         Array.from(gridPoints).forEach((point) => {
           var _a, _b;
           if (((_a = point == null ? void 0 : point.origin) == null ? void 0 : _a.type) === "pulse") {
-            if (pointerItem.find((pointer) => Math.abs(point.left - pointer[0]) <= 1 && Math.abs(point.top - pointer[1]) <= 1)) {
+            if (pointerItem.find(
+              (pointer) => Math.abs(point.left - pointer[0]) <= 1 && Math.abs(point.top - pointer[1]) <= 1
+            )) {
               if (((_b = point == null ? void 0 : point.origin) == null ? void 0 : _b.key) === SHADOWKEYS[0]) {
                 heartRatePoints.push(point);
               } else {
@@ -134,6 +125,33 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
     const line = drawLine([originX, y, endX, y], scaleValue.positionLine);
     canvas.value.add(line);
   }
+  function creatShaDowBorder(points, mode, style) {
+    const borderGroup = new fabric.Group();
+    const lines = [];
+    const drawnLines = /* @__PURE__ */ new Set();
+    for (let i = 0; i < points.length; i++) {
+      const nextIndex = (i + 1) % points.length;
+      const startPoint = points[i];
+      const endPoint = points[nextIndex];
+      const lineKey1 = `${startPoint.x},${startPoint.y},${endPoint.x},${endPoint.y}`;
+      const lineKey2 = `${endPoint.x},${endPoint.y},${startPoint.x},${startPoint.y}`;
+      if (drawnLines.has(lineKey1) || drawnLines.has(lineKey2)) {
+        continue;
+      }
+      if (startPoint.x === endPoint.x && startPoint.y === endPoint.y || mode === "line" && startPoint.x === endPoint.x) {
+        continue;
+      }
+      drawnLines.add(lineKey1);
+      const line = new fabric.Line([startPoint.x, startPoint.y, endPoint.x, endPoint.y], {
+        ...defaultStyle,
+        ...style,
+        strokeWidth: 1
+      });
+      lines.push(line);
+    }
+    borderGroup.add(...lines).addWithUpdate().set(defaultStyle);
+    return borderGroup;
+  }
   function drawShaDow(target) {
     var _a;
     const pulseObj = yScaleValue.find((item) => item.show && item.type === "pulse");
@@ -144,56 +162,42 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
     shadowLinesCache.clear();
     if (shadowPointCache.size > 1) {
       if (target) {
-        const {
-          type,
-          key
-        } = target.origin || {};
+        const { type, key } = target.origin || {};
         if (type === "pulse") {
           const list = shadowPointCache.get(key);
           const index = list == null ? void 0 : list.findIndex((point) => point.left === target.left);
-          list.splice(index, 1, {
-            ...list[index],
-            left: target.left,
-            top: target.top
-          });
+          list.splice(index, 1, { ...list[index], left: target.left, top: target.top });
         }
       }
-      const data = getShadowData();
+      const { data, otherLineData } = getShadowData();
       if (data.length > 0) {
         removePulsePointLine(data);
       }
-      const {
-        mode,
-        style = {}
-      } = pulseObj.shadow || {};
+      const { mode, style = {} } = pulseObj.shadow || {};
       data.forEach((item) => {
-        const points = item.map((v) => ({
-          x: v[0],
-          y: v[1]
-        }));
-        const polygon = new fabric.Polygon(points, {
+        const points = item.map((v) => ({ x: v[0], y: v[1] }));
+        const polygon = mode === "color" ? new fabric.Polygon(points, {
           ...defaultStyle,
           ...style,
           strokeWidth: 1
-        });
+        }) : creatShaDowBorder(points, mode, style);
         if (["slash", "line"].includes(mode)) {
-          polygon.set({
-            fill: "transparent",
-            stroke: style.stroke || "#f00"
-          });
           const shadowLines = [];
           if (["slash"].includes(mode)) {
             shadowLines.push(...createShadowLines(item, style._angle, style.space, omit(style, ["_angle", "space"])));
             shadowLines.forEach((l) => {
               shadowLinesCache.add(l);
             });
-          } else {
+          } else if (!style.onlyBorder) {
             const finalData = getLineData(item);
-            finalData.forEach((_item) => {
-              const l = drawLine([...flatten(_item)], {
-                ...style,
-                originX: "center"
+            if (finalData.length > 0) {
+              const otherFilters = otherLineData.filter(([[x1, _]]) => {
+                return item.some(([x]) => Math.trunc(x) === Math.trunc(x1));
               });
+              finalData.push(...otherFilters);
+            }
+            finalData.forEach((_item) => {
+              const l = drawLine([...flatten(_item)], { ...style, originX: "center" });
               shadowLines.push(l);
               shadowLinesCache.add(l);
             });
@@ -211,7 +215,9 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
       acc[key] = !acc[key] ? [cur] : acc[key].concat([cur]);
       return acc;
     }, {});
-    const finalResult = Object.values(result).filter((item) => item.length === 2 && Math.trunc(item[0][1]) !== Math.trunc(item[1][1]));
+    const finalResult = Object.values(result).filter(
+      (item) => item.length === 2 && Math.trunc(item[0][1]) !== Math.trunc(item[1][1])
+    );
     return finalResult;
   }
   function getXY(point) {
@@ -222,23 +228,36 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
   }
   function getShadowData() {
     const data = [];
+    const otherLineData = [];
     const pulsePoints = [];
     const sames = [];
     for (const item of shadowPointCache) {
       pulsePoints.push(item[1]);
       if (item[0] === SHADOWKEYS[0]) {
         item[1].forEach((_item) => {
-          const someIndex = (shadowPointCache.get(SHADOWKEYS[1]) || []).findIndex((v) => v.left === _item.left);
-          someIndex > -1 && sames.push(_item.left);
+          const someIndex = (shadowPointCache.get(SHADOWKEYS[1]) || []).findIndex(
+            (v) => v.left === _item.left || v.time === _item.time
+          );
+          someIndex > -1 && sames.push({ time: _item.time, left: _item.left });
         });
       }
     }
     const [points1, points2] = pulsePoints;
     let _arr1 = [];
     let _arr2 = [];
-    sames.forEach((left2) => {
-      const index1 = points1.findIndex((point) => point.left === left2);
-      const index2 = points2.findIndex((point) => point.left === left2);
+    const setData = () => {
+      const dataItem = [..._arr1, ..._arr2.reverse()];
+      const [firstPoint] = dataItem;
+      const lastPoint = last(dataItem);
+      if (firstPoint[0] === lastPoint[0] && firstPoint[1] === lastPoint[1])
+        dataItem.splice(-1, 1);
+      data.push(dataItem);
+      _arr1 = [];
+      _arr2 = [];
+    };
+    sames.forEach(({ time, left: left2 }) => {
+      const index1 = points1.findIndex((point) => point.left === left2 || point.time === time);
+      const index2 = points2.findIndex((point) => point.left === left2 || point.time === time);
       const currentPoint1 = points1[index1];
       const currentPoint2 = points2[index2];
       const prevPoint1 = getPointWidthRightLine(points1[index1 - 1]);
@@ -246,7 +265,7 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
       const prevPoint2 = getPointWidthRightLine(points2[index2 - 1]);
       const nextPoint2 = points2[index2 + 1];
       if (prevPoint1 && prevPoint2) {
-        if (prevPoint1.left !== prevPoint2.left) {
+        if (prevPoint1.left !== prevPoint2.left && prevPoint1.time !== prevPoint2.time) {
           const maxPoint = Math.max(prevPoint1.left, prevPoint2.left);
           _arr1.push(getXY([prevPoint1, prevPoint2].find((point) => point.left === maxPoint)));
         }
@@ -255,16 +274,6 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
       } else if (prevPoint2) {
         _arr2.push(getXY(prevPoint2));
       }
-      const setData = () => {
-        const dataItem = [..._arr1, ..._arr2.reverse()];
-        const [firstPoint] = dataItem;
-        const lastPoint = last(dataItem);
-        if (firstPoint[0] === lastPoint[0] && firstPoint[1] === lastPoint[1])
-          dataItem.splice(-1, 1);
-        data.push(dataItem);
-        _arr1 = [];
-        _arr2 = [];
-      };
       const minYPoint = Math.min(currentPoint1.top, currentPoint2.top);
       const maxYPoint = Math.max(currentPoint1.top, currentPoint2.top);
       _arr1.push(getXY([currentPoint1, currentPoint2].find((point) => point.top === minYPoint)));
@@ -274,7 +283,7 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
       }
       if (!currentPoint1.breakpoint && !currentPoint2.breakpoint) {
         if (nextPoint1 && nextPoint2) {
-          if (nextPoint1.left !== nextPoint2.left) {
+          if (nextPoint1.left !== nextPoint2.left && nextPoint1.time !== nextPoint2.time) {
             const minPoint = Math.min(nextPoint1.left, nextPoint2.left);
             _arr1.push(getXY([nextPoint1, nextPoint2].find((point) => point.left === minPoint)));
             setData();
@@ -289,32 +298,23 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
           setData();
         }
       }
+      if (currentPoint1.time === currentPoint2.time && currentPoint1.left != currentPoint2.left && currentPoint1.top != currentPoint2.top) {
+        otherLineData.push([getXY(currentPoint1), getXY(currentPoint2)]);
+      }
     });
-    return data;
+    return { data, otherLineData };
   }
   function setCanvasEvent() {
     canvas.value.on("mouse:up", (event2) => {
-      const {
-        button,
-        target,
-        pointer = {}
-      } = event2;
+      const { button, target, pointer = {} } = event2;
       if (button === 3) {
         if (!propItems.event.evented)
           return;
-        const {
-          x = 0,
-          y = 0
-        } = pointer;
+        const { x = 0, y = 0 } = pointer;
         if (x >= originX && x <= endX && y >= originY && y <= endY) {
-          pointMenuProps.point = {
-            x,
-            y
-          };
+          pointMenuProps.point = { x, y };
           pointMenuProps.show = true;
-          const {
-            type
-          } = (target == null ? void 0 : target.origin) || {};
+          const { type } = (target == null ? void 0 : target.origin) || {};
           if (target && ["temperature", "pain"].includes(type)) {
             if (type === "temperature") {
               pointMenuProps.list = [...TEMPERATURE_MENU];
@@ -325,7 +325,7 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
             pointMenuProps.target = target;
           } else {
             pointMenuProps.target = null;
-            pointMenuProps.list = [i18n("10010.1.219", "\u65B0\u589E\u8282\u70B9")];
+            pointMenuProps.list = [TITLE_MENU_MAP.add];
             itemList.forEach((v) => {
               if (!getEqualXTypes([...gridPoints], x, "_type").includes(v.bigType)) {
                 const newY = ["pain"].includes(v.bigType) ? painOriginY : vitalSignsOriginY;
@@ -340,7 +340,7 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
                       key: v.key,
                       isOneLine: v.isOneLine
                     },
-                    pointer
+                    key: v.key
                   });
                 }
               }
@@ -356,10 +356,7 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
       if (button === 1) {
         if (target)
           return;
-        const {
-          x = 0,
-          y = 0
-        } = pointer;
+        const { x = 0, y = 0 } = pointer;
         if (x >= originX && x <= endX && y > 0 && y < canvasHeight) {
           emits("click:grid", {
             x,
@@ -396,10 +393,12 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
               type = key;
             }
             const styleKey = overlapKey || key;
-            points.push(drawPoint(type, {
-              ...overlap[styleKey],
-              ...pointer
-            }));
+            points.push(
+              drawPoint(type, {
+                ...overlap[styleKey],
+                ...pointer
+              })
+            );
           }
         }
       });
@@ -429,10 +428,7 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
       dataList = [],
       list: scaleList = []
     } = scaleValue;
-    const {
-      type: nonePainPointType,
-      textStyle: nonePainPointTextStyle
-    } = nonePainPointStyle;
+    const { type: nonePainPointType, textStyle: nonePainPointTextStyle } = nonePainPointStyle;
     const pointList = [];
     const lineList = [];
     const otherList = [];
@@ -443,19 +439,11 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
     const _isOneLine = isOneLine(scaleValue);
     (_a = item.list) == null ? void 0 : _a.forEach((v, index) => {
       const _item = !_isOneLine ? item : dataList.find((_v) => _v.key === v.key);
-      const points = getPointer(isRespirator(v) ? {
-        ...v,
-        value: respiratorStyle.fixedValue
-      } : v, scaleValue);
+      const points = getPointer(isRespirator(v) ? { ...v, value: respiratorStyle.fixedValue } : v, scaleValue);
       const nextV = item.list[index + 1];
-      const nextPoint = nextV ? getPointer(isRespirator(nextV) ? {
-        ...nextV,
-        value: respiratorStyle.fixedValue
-      } : nextV, scaleValue) : void 0;
+      const nextPoint = nextV ? getPointer(isRespirator(nextV) ? { ...nextV, value: respiratorStyle.fixedValue } : nextV, scaleValue) : void 0;
       const nextItem = nextV ? !_isOneLine ? item : dataList.find((_v) => _v.key === nextV.key) : {};
-      const {
-        key = ""
-      } = _item;
+      const { key = "" } = _item;
       const mai = "mai";
       if (!(key === mai && nextItem.key !== mai || key !== mai && nextItem.key === mai) && points && nextPoint && getFloorNumber(points[0], 1) === getFloorNumber(nextPoint[0], 1)) {
         const pointOriginX = points[0] - xCellWidth / 2;
@@ -477,7 +465,7 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
       let nextDoublePointsX2 = null;
       const getData = (data) => {
         return data.map((point, index, arr) => {
-          var _a2, _b;
+          var _a2, _b, _c, _d;
           const nextPoint = arr[index + 1];
           if (nextPoint && getFloorNumber(point.left, 1) === getFloorNumber(nextPoint.left, 1)) {
             const pointOriginX = point.left - xCellWidth / 2;
@@ -492,11 +480,7 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
             }
             nextDoublePointsX2 = null;
           }
-          return {
-            left: point.left,
-            top: point.top,
-            breakpoint: !point.rightLine
-          };
+          return { time: (_d = (_c = point.origin) == null ? void 0 : _c.data) == null ? void 0 : _d.time, left: point.left, top: point.top, breakpoint: !point.rightLine };
         });
       };
       if (_isOneLine) {
@@ -509,9 +493,7 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
           shadowPointCache.set(key, getData(pulsePoints[key]));
         });
       } else {
-        const {
-          key
-        } = item;
+        const { key } = item;
         shadowPointCache.set(key, getData(pointList));
       }
     }
@@ -520,9 +502,7 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
     function drawValue(points, v, _item) {
       if (!(points == null ? void 0 : points.length) || !config.showValue)
         return;
-      const {
-        lineAttr = {}
-      } = _item;
+      const { lineAttr = {} } = _item;
       const y = points[1] <= vitalSignsOriginY.originY + yCellHeight ? points[1] + yCellHeight : points[1] - yCellHeight;
       const value = drawText([points[0], y], {
         value: isRespirator(v) ? respiratorStyle.fixedValue : v.value,
@@ -537,7 +517,7 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
       };
     }
     function drawOther(points, v, _item, otherObj) {
-      var _a2, _b, _c;
+      var _a2, _b, _c, _d;
       if (!["temperature", "pain", "breathe"].includes(type))
         return;
       if (!(points == null ? void 0 : points.length) && type === "temperature" && !isLimit(v.time))
@@ -546,13 +526,8 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
         return;
       if (!v.value && type === "breathe")
         return;
-      const {
-        lineAttr = {},
-        key
-      } = _item;
-      const {
-        value
-      } = otherObj;
+      const { lineAttr = {}, key } = _item;
+      const { value } = otherObj;
       const x = computedX(v.time);
       let reduceLine, reducePoint, noRise, riseText, verifiedText, respirator;
       if (v.noRise && noRiseStyle.show) {
@@ -567,9 +542,7 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
             gridPoints.add(noRise);
         } else if (v.value) {
           const top = y + yCellHeight * 2;
-          noRise = drawArrow([x, y, top], {
-            ...noRiseStyle.style
-          });
+          noRise = drawArrow([x, y, top], { ...noRiseStyle.style });
         }
         noRise && otherList.push(noRise);
         if (noRise && isFixed(noRiseStyle, v)) {
@@ -643,7 +616,7 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
         },
         verifiedText: {
           obj: verifiedText,
-          left: xCellWidth / 2,
+          left: ((_d = verifiedStyle == null ? void 0 : verifiedStyle.position) == null ? void 0 : _d[key]) === "top-right" ? xCellWidth / 2 : 0,
           top: (value ? -yCellHeight : 0) - 5
         },
         reducePoint: {
@@ -662,10 +635,7 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
       const maxValue = Math.max(...scaleList);
       const minValue = Math.min(...scaleList);
       let upArrow, limitValue, belowMinValue;
-      const {
-        upArrowShow = false,
-        limitValueShow = false
-      } = _item;
+      const { upArrowShow = false, limitValueShow = false } = _item;
       if (upArrowShow && +v.value > 180) {
         let top = points[1] - yCellHeight * 2.5;
         let yArr = [points[1] - yCellHeight / 2, top];
@@ -703,9 +673,7 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
           });
         } else {
           const top = y + yCellHeight * 2;
-          belowMinValue = drawArrow([points[0], y, top], {
-            ...belowMinValueStyle.style
-          });
+          belowMinValue = drawArrow([points[0], y, top], { ...belowMinValueStyle.style });
         }
         otherList.push(belowMinValue);
       }
@@ -727,14 +695,7 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
     function drawPointLine(points, nextPoint, v, index, _item, otherObj) {
       let point;
       let line;
-      const {
-        pointAttr = {},
-        lineAttr = {},
-        title = "",
-        key,
-        type: pointType = "circle",
-        overlapKey
-      } = _item;
+      const { pointAttr = {}, lineAttr = {}, title = "", key, type: pointType = "circle", overlapKey } = _item;
       const pointHalfHeight = pointAttr.height ? pointAttr.height / 2 : 5;
       const nextV = item.list[index + 1];
       let newPoints = cloneDeep(points);
@@ -776,9 +737,7 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
         line = drawLine([...newPoints, ...newNextPoint], {
           ...lineAttr
         });
-        const {
-          obj: reduceObj
-        } = (otherObj == null ? void 0 : otherObj.reducePoint) || {};
+        const { obj: reduceObj } = (otherObj == null ? void 0 : otherObj.reducePoint) || {};
         if (points && nextPoint && (reduceObj == null ? void 0 : reduceObj.top) < points[1] && (config == null ? void 0 : config.hypothermyViewCustom)) {
           const reduceRightLine = drawLine([reduceObj.left, reduceObj.top, ...nextPoint], {
             ...lineAttr
@@ -797,10 +756,7 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
       const previousLine = lineList[index - 1];
       const pointAttrNew = {
         origin: {
-          data: isRespirator(v) ? {
-            ...v,
-            value: respiratorStyle.fixedValue
-          } : v,
+          data: isRespirator(v) ? { ...v, value: respiratorStyle.fixedValue } : v,
           title,
           key: key || "",
           overlapKey,
@@ -817,11 +773,7 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
         ...v.pacemakerShow && type == "pulse" ? pacemaker.style : isRespirator(v) ? respiratorStyle.style : pointAttr,
         ...getPointEventProps(),
         lockMovementX: true,
-        ...isNonePain ? {
-          selectable: false,
-          evented: false,
-          ...nonePainPointType === "number" ? nonePainPointTextStyle : {}
-        } : {}
+        ...isNonePain ? { selectable: false, evented: false, ...nonePainPointType === "number" ? nonePainPointTextStyle : {} } : {}
       };
       if (points) {
         if (!previousLine) {
@@ -872,9 +824,7 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
     point.on("mouseup", (event2) => {
       pointTipProps.show = false;
       if (event2.button === 1) {
-        const {
-          type
-        } = point.origin;
+        const { type } = point.origin;
         const value = getYValue(type, point.top);
         const params = {
           ...point.origin,
@@ -890,12 +840,7 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
     });
   }
   function setPopup(point, status = "moving") {
-    const {
-      title,
-      unit,
-      type,
-      data
-    } = point.origin;
+    const { title, unit, type, data } = point.origin;
     pointTipProps.point = {
       x: point.left,
       y: point.top
@@ -904,10 +849,7 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
     pointTipProps.list = [getListValue(), timeText];
     pointTipProps.show = true;
     function getListValue() {
-      const {
-        drugReduce,
-        physicsReduce
-      } = data || {};
+      const { drugReduce, physicsReduce } = data || {};
       const value = status === "hover" ? data.value : getYValue(type, point.top);
       if (isValidValue(drugReduce)) {
         timeText += (data == null ? void 0 : data.changeTime) ? "\u2014>" + (data == null ? void 0 : data.changeTime.slice(-5)) : "";
@@ -932,37 +874,18 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
   }
   function updateLine(point) {
     var _a, _b;
-    (_a = point.leftLine) == null ? void 0 : _a.setCoords().set({
-      x2: point.left,
-      y2: point.top
-    });
-    (_b = point.rightLine) == null ? void 0 : _b.setCoords().set({
-      x1: point.left,
-      y1: point.top
-    });
+    (_a = point.leftLine) == null ? void 0 : _a.setCoords().set({ x2: point.left, y2: point.top });
+    (_b = point.rightLine) == null ? void 0 : _b.setCoords().set({ x1: point.left, y1: point.top });
     Object.values(point.otherObj).forEach((o) => {
-      const {
-        obj,
-        type = "",
-        top = 0,
-        isFixed: isFixed2,
-        moveHide = false,
-        left: left2 = 0
-      } = o || {};
+      const { obj, type = "", top = 0, isFixed: isFixed2, moveHide = false, left: left2 = 0 } = o || {};
       if (type === "reduce")
         return;
       if (obj) {
         if (type === "line") {
-          obj.setCoords().set({
-            x1: point.left,
-            y1: point.top
-          });
+          obj.setCoords().set({ x1: point.left, y1: point.top });
         } else {
           if (!isFixed2) {
-            obj.setCoords().set({
-              left: point.left + left2,
-              top: point.top + top
-            });
+            obj.setCoords().set({ left: point.left + left2, top: point.top + top });
           }
           if (moveHide) {
             canvas.value.remove(obj);
@@ -1005,33 +928,25 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
     }
     return true;
   }
-  function clickMenu({
-    item,
-    target
-  }) {
+  function clickMenu({ item, target, pointer }) {
     if (!target) {
       const params = {
         data: {
-          time: getXValue(item.pointer.x),
-          value: getYValue(item.origin.type, item.pointer.y),
-          ...!item.origin.isOneLine ? {} : {
-            key: item.origin.key
-          }
+          time: getXValue(pointer.x),
+          value: getYValue(item.origin.type, pointer.y),
+          ...item.origin.isOneLine && { key: item.origin.key }
         },
         ...item.origin
       };
       emits("add", params);
       updateData(params);
     } else {
-      const {
+      const { data, type, isOneLine: isOneLine2, dataIndex, index } = target.origin;
+      const _data = omit(
         data,
-        type,
-        isOneLine: isOneLine2,
-        dataIndex,
-        index
-      } = target.origin;
-      const _data = deleteProperty(data, [...TEMPERATURE_MENU, ...PAIN_MENU]);
-      _data[`${item.type}`] = item.value;
+        [...TEMPERATURE_MENU, ...PAIN_MENU].map((v) => v.key)
+      );
+      _data[`${item.key}`] = item.value;
       _data.changeTime = format(new Date(), "yyyy-MM-dd HH:mm");
       if (isOneLine2) {
         _data["key"] = target.origin.key;
@@ -1045,13 +960,7 @@ function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, ge
     }
   }
   function updateData(params, mode = "add") {
-    const {
-      type,
-      dataIndex,
-      index,
-      data,
-      key
-    } = params;
+    const { type, dataIndex, index, data, key } = params;
     const obj = yScaleValue.find((v) => v.type === type);
     if (mode === "add") {
       const dataList = !isOneLine(obj) ? obj.dataList[dataIndex] : obj.dataList.find((v) => v.enable);