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

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

@@ -3,33 +3,15 @@ import { getTime, getRoundNumber, getFloorNumber } from '../utils/index.js';
 import { last } from 'lodash-es';
 
 function useCumputedPoint(propItems) {
-  const {
-    xScaleList,
-    xCellWidth,
-    yCellHeight,
-    left,
-    vitalSignsOriginY,
-    painOriginY,
-    canvasWidth
-  } = propItems;
+  const { xScaleList, xCellWidth, yCellHeight, left, vitalSignsOriginY, painOriginY, canvasWidth } = propItems;
   function computedYCell(type) {
     let yScaleCell = 0;
     const item = left.yScaleValue.find((v) => v.type === type);
-    const {
-      list = [],
-      sinkNumber = 0
-    } = item || {};
+    const { list = [], sinkNumber = 0 } = item || {};
     if (!list.length)
-      return {
-        yScaleCell,
-        list
-      };
+      return { yScaleCell, list };
     yScaleCell = yCellHeight / ((list[1] - list[0]) / item.spaceGridNumber);
-    return {
-      yScaleCell,
-      list,
-      sinkNumber
-    };
+    return { yScaleCell, list, sinkNumber };
   }
   function computedX(value, setAllCenter = false) {
     const time = getTime(value);
@@ -46,11 +28,7 @@ function useCumputedPoint(propItems) {
     }
   }
   function computedY(type, value) {
-    const {
-      yScaleCell,
-      list,
-      sinkNumber
-    } = computedYCell(type);
+    const { yScaleCell, list, sinkNumber } = computedYCell(type);
     const yCellUnit = +value - Math.min(...list);
     const newEndY = type === "pain" ? painOriginY.endY : vitalSignsOriginY.endY;
     return newEndY - (yScaleCell * yCellUnit - yCellHeight * sinkNumber);
@@ -66,11 +44,7 @@ function useCumputedPoint(propItems) {
     }
   }
   function getYValue(type, pointY) {
-    const {
-      yScaleCell,
-      list,
-      sinkNumber
-    } = computedYCell(type);
+    const { yScaleCell, list, sinkNumber } = computedYCell(type);
     const minVal = list.length ? Math.min(...list) : 0;
     const newEndY = type === "pain" ? painOriginY.endY : vitalSignsOriginY.endY;
     const y = (newEndY - pointY + yCellHeight * sinkNumber) / yScaleCell + minVal;
@@ -85,16 +59,7 @@ function useCumputedPoint(propItems) {
   };
 }
 function useBirthProcessCumputedPoint(propItems) {
-  const {
-    xAxis,
-    originX,
-    originY,
-    xCellWidth,
-    endY,
-    timeXCell,
-    startTime,
-    scaleValues
-  } = propItems;
+  const { xAxis, originX, originY, xCellWidth, endY, timeXCell, startTime, scaleValues } = propItems;
   function computedX(value) {
     const time = getTime(value);
     return (time - startTime) / timeXCell + originX;
@@ -109,9 +74,7 @@ function useBirthProcessCumputedPoint(propItems) {
   }
   function getYValue(key, pointY) {
     const item = scaleValues.find((item2) => [item2.key, item2.type || ""].includes(key));
-    const {
-      changeByInteger
-    } = item;
+    const { changeByInteger } = item;
     const [minValue] = (item == null ? void 0 : item.range) || [0];
     const y = (endY - pointY) / propItems[`${key}YCell`] + minValue;
     return changeByInteger ? getRoundNumber(y) : getFloorNumber(y);
@@ -124,17 +87,8 @@ function useBirthProcessCumputedPoint(propItems) {
   };
 }
 function useElectrocardiogramCumputedPoint(propItems) {
-  const {
-    config,
-    xCellWidth,
-    yCellHeight
-  } = propItems;
-  const {
-    hz,
-    mainXCellValue,
-    valueUnit,
-    mainYCellValue
-  } = config;
+  const { config, xCellWidth, yCellHeight } = propItems;
+  const { hz, mainXCellValue, valueUnit, mainYCellValue } = config;
   function computedX(index) {
     const currentSecond = index / hz;
     return currentSecond / mainXCellValue * xCellWidth;

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

@@ -81,15 +81,9 @@ function drawTextGroup(rectStyle, fontStyle, groupStyle, showRect = false) {
   const rect = new fabric.Rect({
     ...defaultRectStyle,
     ...rectStyle,
-    ...!showRect ? {
-      stroke: "transparent"
-    } : {}
+    ...!showRect ? { stroke: "transparent" } : {}
   });
-  const {
-    value = "\u6807\u9898",
-    textAlign = "center",
-    verticalAlign = "center"
-  } = fontStyle;
+  const { value = "\u6807\u9898", textAlign = "center", verticalAlign = "center" } = fontStyle;
   const textLeft = rectStyle.width / 2;
   const textTop = rectStyle.height / 2;
   const texts = new fabric.Text(String(value), {
@@ -202,32 +196,22 @@ function drawPoint(type = "circle", style) {
       return drawPoint("koumai", style);
     }
     case "cg": {
-      const {
-        left,
-        radius,
-        top,
-        stroke = "#000"
-      } = style;
-      const line = new fabric.Line([0, radius, radius * 2, radius], {
-        stroke,
-        objectCaching: false
-      });
+      const { left, radius, top, stroke = "#000" } = style;
+      const line = new fabric.Line([0, radius, radius * 2, radius], { stroke, objectCaching: false });
       const x = radius + 1;
       const radiusHalf = Math.round(radius / 2);
-      const arrow = new fabric.Polyline([{
-        x,
-        y: radiusHalf
-      }, {
-        x: radius * 2,
-        y: radius
-      }, {
-        x,
-        y: radius + radiusHalf
-      }], {
-        stroke,
-        fill: "transparent",
-        objectCaching: false
-      });
+      const arrow = new fabric.Polyline(
+        [
+          { x, y: radiusHalf },
+          { x: radius * 2, y: radius },
+          { x, y: radius + radiusHalf }
+        ],
+        {
+          stroke,
+          fill: "transparent",
+          objectCaching: false
+        }
+      );
       return new fabric.Group([createCircleBorder(style), line, arrow], {
         ...newStyle,
         left: Math.round(left),
@@ -235,22 +219,12 @@ function drawPoint(type = "circle", style) {
       });
     }
     case "qgcg": {
-      const {
-        radius,
-        stroke = "#000"
-      } = style;
-      const line = new fabric.Line([0, radius, radius * 4, radius], {
-        stroke,
-        objectCaching: false,
-        left: -radius
-      });
+      const { radius, stroke = "#000" } = style;
+      const line = new fabric.Line([0, radius, radius * 4, radius], { stroke, objectCaching: false, left: -radius });
       return new fabric.Group([createCircleBorder(style), line], newStyle);
     }
     case "zrhz": {
-      const {
-        radius,
-        stroke = "#000"
-      } = style;
+      const { radius, stroke = "#000" } = style;
       const smallRadius = radius / 3 * 2;
       const circle = new fabric.Circle({
         objectCaching: false,
@@ -260,76 +234,46 @@ function drawPoint(type = "circle", style) {
         top: radius - smallRadius,
         stroke
       });
-      const line = new fabric.Line([0, radius, radius * 4, radius], {
-        stroke,
-        objectCaching: false,
-        left: -radius
-      });
+      const line = new fabric.Line([0, radius, radius * 4, radius], { stroke, objectCaching: false, left: -radius });
       return new fabric.Group([createCircleBorder(style), circle, line], newStyle);
     }
     case "jxtq": {
-      const {
-        width = 14,
-        height = 8
-      } = style;
-      return new fabric.Polyline([{
-        x: 0,
-        y: height
-      }, {
-        x: width / 5,
-        y: 0
-      }, {
-        x: width / 5 * 2,
-        y: height
-      }, {
-        x: width / 5 * 3,
-        y: 0
-      }, {
-        x: width / 5 * 4,
-        y: height
-      }, {
-        x: width / 5 * 5,
-        y: 0
-      }], {
-        fill: "transparent",
-        ...omit(newStyle, ["width", "height"])
-      });
+      const { width = 14, height = 8 } = style;
+      return new fabric.Polyline(
+        [
+          { x: 0, y: height },
+          { x: width / 5, y: 0 },
+          { x: width / 5 * 2, y: height },
+          { x: width / 5 * 3, y: 0 },
+          { x: width / 5 * 4, y: height },
+          { x: width / 5 * 5, y: 0 }
+        ],
+        {
+          fill: "transparent",
+          ...omit(newStyle, ["width", "height"])
+        }
+      );
     }
     case "plus": {
       const _newStyle = omit(newStyle, ["big", "small"]);
-      const {
-        big,
-        small
-      } = style;
-      const bigIcon = drawPoint(big.type, {
-        fill: "#fff",
-        ..._newStyle,
-        ...big.style
-      });
-      const smallIcon = drawPoint(small.type, {
-        ..._newStyle,
-        ...small.style
-      });
+      const { big, small } = style;
+      const bigIcon = drawPoint(big.type, { fill: "#fff", ..._newStyle, ...big.style });
+      const smallIcon = drawPoint(small.type, { ..._newStyle, ...small.style });
       return new fabric.Group([bigIcon, smallIcon], _newStyle);
     }
     case "arrow": {
-      const {
-        width = 10,
-        height = 10
-      } = newStyle;
-      return new fabric.Polyline([{
-        x: 0,
-        y: 0
-      }, {
-        x: width / 2,
-        y: height
-      }, {
-        x: width,
-        y: 0
-      }], {
-        fill: "transparent",
-        ...omit(newStyle, ["width", "height"])
-      });
+      const { width = 10, height = 10 } = newStyle;
+      return new fabric.Polyline(
+        [
+          { x: 0, y: 0 },
+          { x: width / 2, y: height },
+          { x: width, y: 0 }
+        ],
+        {
+          fill: "transparent",
+          ...omit(newStyle, ["width", "height"])
+        }
+      );
     }
     default:
       style && Reflect.deleteProperty(style, "stroke");
@@ -353,12 +297,7 @@ function drawTextAndIconGroup(title, item, option, direction = "horizontal") {
     fontSize: 12,
     ...option.text
   });
-  const {
-    top,
-    topY,
-    left,
-    leftX
-  } = option.icon;
+  const { top, topY, left, leftX } = option.icon;
   const newTop = top != null ? top : direction === "horizontal" ? topY - (text.height || 30) / 2 - 1 : topY + text.height + 3;
   const newLeft = left != null ? left : leftX + text.width + 5;
   const icon = drawPoint(item.type, {
@@ -380,10 +319,7 @@ function drawTextAndIconGroup(title, item, option, direction = "horizontal") {
     left: newLeft,
     top: newTop
   });
-  return {
-    text,
-    icon
-  };
+  return { text, icon };
 }
 
 export { defaultBorderStyle, defaultLineStyle, defaultRectStyle, defaultStyle, defaultTextStyle, drawArrow, drawLine, drawPoint, drawText, drawTextAndIconGroup, drawTextGroup };

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

@@ -3,22 +3,9 @@ import { useEventBus } from '@vueuse/core';
 
 const bus = useEventBus("selection");
 function useCanvasEvent(canvas, propItems, emits) {
-  const {
-    originY,
-    originX,
-    endX,
-    endY,
-    iconsWidth,
-    selectionStyle,
-    topList
-  } = propItems;
+  const { originY, originX, endX, endY, iconsWidth, selectionStyle, topList } = propItems;
   function drawRect(options, key) {
-    const {
-      left,
-      top,
-      width,
-      height
-    } = options;
+    const { left, top, width, height } = options;
     const rect = new fabric.Rect({
       key,
       left: left != null ? left : 0,
@@ -40,12 +27,17 @@ function useCanvasEvent(canvas, propItems, emits) {
   let selections = [];
   function initSelection() {
     const selections2 = [];
-    selections2.push(drawRect({
-      left: iconsWidth,
-      top: originY + 1,
-      width: originX - iconsWidth,
-      height: endY - originY - 3
-    }, "left"));
+    selections2.push(
+      drawRect(
+        {
+          left: iconsWidth,
+          top: originY + 1,
+          width: originX - iconsWidth,
+          height: endY - originY - 3
+        },
+        "left"
+      )
+    );
     let topY = 0;
     topList.forEach((item, index) => {
       if (index > 0) {
@@ -55,36 +47,53 @@ function useCanvasEvent(canvas, propItems, emits) {
         top: topY + 1,
         height: propItems[`${item.key}Height`] - 1
       };
-      selections2.push(drawRect({
-        left: iconsWidth,
-        width: endX - iconsWidth,
-        ...commonOptions
-      }, item.key + "All"));
-      selections2.push(drawRect({
-        left: iconsWidth,
-        width: originX - iconsWidth,
-        ...commonOptions
-      }, item.key + "Title"));
-      selections2.push(drawRect({
-        left: originX,
-        width: endX - originX,
-        ...commonOptions
-      }, item.key));
+      selections2.push(
+        drawRect(
+          {
+            left: iconsWidth,
+            width: endX - iconsWidth,
+            ...commonOptions
+          },
+          item.key + "All"
+        )
+      );
+      selections2.push(
+        drawRect(
+          {
+            left: iconsWidth,
+            width: originX - iconsWidth,
+            ...commonOptions
+          },
+          item.key + "Title"
+        )
+      );
+      selections2.push(
+        drawRect(
+          {
+            left: originX,
+            width: endX - originX,
+            ...commonOptions
+          },
+          item.key
+        )
+      );
     });
-    selections2.push(drawRect({
-      left: originX,
-      top: originY + 1,
-      width: endX - originX,
-      height: endY - originY - 3
-    }, "grid"));
+    selections2.push(
+      drawRect(
+        {
+          left: originX,
+          top: originY + 1,
+          width: endX - originX,
+          height: endY - originY - 3
+        },
+        "grid"
+      )
+    );
     selections2.forEach((obj) => {
       if (obj.key.endsWith("All")) {
         obj.sendToBack();
         obj.on("mouseup", (event) => {
-          const {
-            button,
-            pointer
-          } = event;
+          const { button, pointer } = event;
           if (button == 1) {
             const _key = obj.key.replace("All", "");
             const key = (pointer == null ? void 0 : pointer.x) && (pointer == null ? void 0 : pointer.x) <= originX ? _key + "Title" : _key;
@@ -126,9 +135,7 @@ function useCanvasEvent(canvas, propItems, emits) {
     obj == null ? void 0 : obj.set("strokeWidth", (_a = selectionStyle.strokeWidth) != null ? _a : 2);
   }
   init();
-  return {
-    select
-  };
+  return { select };
 }
 
 export { bus, useCanvasEvent };

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

@@ -26,17 +26,11 @@ function useGrid(canvas, propItems) {
   const mainLineStyleY = ((_c = grid.mainLineStyle) == null ? void 0 : _c.y) || {};
   const subLineStyle = grid.subLineStyle || mainLineStyleX;
   const subSecondLineStyle = grid.subSecondLineStyle || {};
-  const {
-    originY: _originY = 0,
-    endY: _endY = 0
-  } = propItems.vitalSignsOriginY || {};
+  const { originY: _originY = 0, endY: _endY = 0 } = propItems.vitalSignsOriginY || {};
   const surplusCellBottom = Math.round((endY - _endY) / yCellHeight);
   for (let i = 0; i <= gridYNumber; i++) {
     const y = originY + ~~(yCellHeight * (gridYNumber - i));
-    const style = {
-      ...borderStyle,
-      ...subLineStyle
-    };
+    const style = { ...borderStyle, ...subLineStyle };
     const line = drawLine([originX, y, endX, y], style);
     if ((!isTemperature || config.mainLineStyleIncludePain) && (i - surplusCell[2]) % grid.subYCell === 0 && i <= gridYNumber - surplusCell[0]) {
       line.set(mainLineStyleX);
@@ -57,14 +51,9 @@ function useGrid(canvas, propItems) {
   }
   for (let i = 0; i <= gridXNumber; i++) {
     const x = originX + ~~(xCellWidth * i);
-    const style = {
-      ...borderStyle,
-      ...grid.subXCell ? subLineStyle : mainLineStyleY
-    };
+    const style = { ...borderStyle, ...grid.subXCell ? subLineStyle : mainLineStyleY };
     if (grid.subXCell && i % grid.subXCell === 0) {
-      Object.assign(style, {
-        ...i !== 0 && i !== gridXNumber ? mainLineStyleY : borderStyle
-      });
+      Object.assign(style, { ...i !== 0 && i !== gridXNumber ? mainLineStyleY : borderStyle });
     } else if (grid.subSecondXCell && i % grid.subSecondXCell === 0) {
       Object.assign(style, subSecondLineStyle);
     }

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

@@ -20,18 +20,10 @@ function getScaleInfo(position = "center", x, width) {
     lineXSub = [scaleLeft - subScaleWidth, scaleLeft];
     textLeft = lineXMain[0];
   }
-  return {
-    lineXMain,
-    lineXSub,
-    textLeft
-  };
+  return { lineXMain, lineXSub, textLeft };
 }
 function drawScaleNumber(text, item, left, top) {
-  const {
-    position,
-    style,
-    scaleNumberStyle
-  } = item;
+  const { position, style, scaleNumberStyle } = item;
   return new fabric.Text(String(text), {
     ...defaultTextStyle,
     originX: position == "left" ? "right" : position == "right" ? "left" : "center",

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

@@ -34,7 +34,12 @@ function useShadow() {
     getLinePoints(start, end).forEach((linePoint) => {
       let intersectionPoints = [];
       getShapeLinePoints(coordinates).forEach((shapeLinePoint) => {
-        const intersectionPoint = getIntersectionPoint(linePoint[0], linePoint[1], shapeLinePoint[0], shapeLinePoint[1]);
+        const intersectionPoint = getIntersectionPoint(
+          linePoint[0],
+          linePoint[1],
+          shapeLinePoint[0],
+          shapeLinePoint[1]
+        );
         intersectionPoint && intersectionPoints.push(intersectionPoint);
       });
       intersectionPoints = sortPoints(uniquePoints(intersectionPoints));
@@ -82,9 +87,7 @@ function useShadow() {
       });
     }
   }
-  return {
-    createShadowLines
-  };
+  return { createShadowLines };
   function sortPoints(points) {
     return points.sort((a, b) => a[1] - b[1]);
   }

package/es/components/fabric-chart/src/utils/index.js

@@ -68,24 +68,14 @@ function getScaleNumberList(range, spaceValue) {
   return list;
 }
 function getPointRange(target) {
-  const {
-    width,
-    height,
-    left,
-    top
-  } = target;
+  const { width, height, left, top } = target;
   const halfWidth = width / 2;
   const halfHeight = height / 2;
   const minLeft = left - halfWidth;
   const maxLeft = left + halfWidth;
   const minTop = top - halfHeight;
   const maxTop = top + halfHeight;
-  return {
-    minLeft,
-    maxLeft,
-    minTop,
-    maxTop
-  };
+  return { minLeft, maxLeft, minTop, maxTop };
 }
 function nearlyEqual(v1, v2) {
   return Math.abs(v1 - v2) <= 1e-4;