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

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

@@ -18,16 +18,8 @@ import './useOther.js';
 import '../../../../../shared/utils/index.js';
 
 function useLeft(canvas, propItems, emits, pointTipProps, moveLimit, setPopup, updateData, getGridPoints) {
-  const {
-    getYValue,
-    getXValue,
-    computedX
-  } = useBirthProcessCumputedPoint(propItems);
-  const {
-    getEqualXTypes,
-    handleAddPrevent,
-    isGridLimit
-  } = useCommon(canvas, emits, propItems);
+  const { getYValue, getXValue, computedX } = useBirthProcessCumputedPoint(propItems);
+  const { getEqualXTypes, handleAddPrevent, isGridLimit } = useCommon(canvas, emits, propItems);
   const {
     originY,
     endY,
@@ -47,22 +39,23 @@ function useLeft(canvas, propItems, emits, pointTipProps, moveLimit, setPopup, u
   function drawTitle() {
     if (!left)
       return;
-    const {
-      title: text,
-      titleWidth,
-      titleStyle
-    } = left;
-    const title = drawTextGroup({
-      width: titleWidth,
-      height: endY - originY + markHeight + extracorporealCirculationHeight,
-      ...borderStyle
-    }, {
-      value: text.split("").join("\n"),
-      ...titleStyle || {}
-    }, {
-      left: 0,
-      top: originY
-    }, true);
+    const { title: text, titleWidth, titleStyle } = left;
+    const title = drawTextGroup(
+      {
+        width: titleWidth,
+        height: endY - originY + markHeight + extracorporealCirculationHeight,
+        ...borderStyle
+      },
+      {
+        value: text.split("").join("\n"),
+        ...titleStyle || {}
+      },
+      {
+        left: 0,
+        top: originY
+      },
+      true
+    );
     canvas.value.add(title);
   }
   function drawIcons() {
@@ -98,20 +91,14 @@ function useLeft(canvas, propItems, emits, pointTipProps, moveLimit, setPopup, u
       ...item,
       isExternal: true
     }));
-    const {
-      projectNameMargin = [5, 30],
-      titleWidth = 20
-    } = left;
+    const { projectNameMargin = [5, 30], titleWidth = 20 } = left;
     let topY = endY + markHeight + extracorporealCirculationHeight - projectNameMargin[0];
     const leftX = titleWidth + projectNameMargin[1];
     const iconList = [];
     externalIconList.concat(list.reverse()).forEach((item) => {
       topY -= 10;
       const title = item.title;
-      const {
-        text,
-        icon
-      } = drawTextAndIconGroup(title, item, {
+      const { text, icon } = drawTextAndIconGroup(title, item, {
         text: {
           left: leftX,
           top: topY
@@ -120,10 +107,7 @@ function useLeft(canvas, propItems, emits, pointTipProps, moveLimit, setPopup, u
           leftX,
           topY,
           originX: "center",
-          ...item.isExternal ? {
-            evented: false,
-            selectable: false
-          } : {},
+          ...item.isExternal ? { evented: false, selectable: false } : {},
           origin: {
             linkKey: item.linkKey,
             limitRight: item.limitRight
@@ -137,10 +121,7 @@ function useLeft(canvas, propItems, emits, pointTipProps, moveLimit, setPopup, u
       canvas.value.add(text, icon);
     });
     iconList.forEach((icon) => {
-      const {
-        linkKey,
-        key
-      } = icon.origin;
+      const { linkKey, key } = icon.origin;
       const linkPoints = iconList.filter((_icon) => {
         if (linkKey) {
           return _icon.origin.key === linkKey || _icon.origin.linkKey === linkKey;
@@ -175,9 +156,7 @@ function useLeft(canvas, propItems, emits, pointTipProps, moveLimit, setPopup, u
               data: {
                 time: getXValue(point.left),
                 value: getYValue(point.origin.type, point.top),
-                ...point.origin.linkKey ? {
-                  key: point.origin.key
-                } : {}
+                ...point.origin.linkKey ? { key: point.origin.key } : {}
               },
               ...point.origin
             };
@@ -186,10 +165,7 @@ function useLeft(canvas, propItems, emits, pointTipProps, moveLimit, setPopup, u
               _point.origin.limitRight = limitRight;
             });
             emits("add", omit(params, ["limitRight"]));
-            updateData({
-              ...params,
-              key
-            });
+            updateData({ ...params, key });
           }
         }
       }
@@ -197,11 +173,7 @@ function useLeft(canvas, propItems, emits, pointTipProps, moveLimit, setPopup, u
     });
   }
   function setRestore(point) {
-    point.setCoords().set({
-      originX: "left",
-      left: point.originLeft,
-      top: point.originTop
-    });
+    point.setCoords().set({ originX: "left", left: point.originLeft, top: point.originTop });
   }
   function drawYScale() {
     drawColumn(scaleValues);
@@ -229,21 +201,24 @@ function useLeft(canvas, propItems, emits, pointTipProps, moveLimit, setPopup, u
           const top = i === 0 ? endY - 5 : baseTop;
           const isMaxMinNumber = i === 0 || i === listLen - 1;
           if (showNumber && (!isMaxMinNumber || showMaxMinNumber)) {
-            textList.push(drawScaleNumber(String(num), {
-              ...item,
-              position: item.layout
-            }, textLeft, top));
+            textList.push(drawScaleNumber(String(num), { ...item, position: item.layout }, textLeft, top));
           }
         });
         const textAlign = item.layout === "left" ? "right" : "left";
-        const titleText = (title || unit) && drawText([item.layout === "left" ? originX - titleMargin[0] : endX + titleMargin[0], ((_b = (_a = last(textList)) == null ? void 0 : _a.top) != null ? _b : 330) - yCellHeight - titleMargin[1]], {
-          value: `${title}${unit ? "\n" + unit : ""}`,
-          ...defaultTextStyle,
-          ...titleStyle,
-          textAlign,
-          originX: textAlign,
-          originY: "bottom"
-        });
+        const titleText = (title || unit) && drawText(
+          [
+            item.layout === "left" ? originX - titleMargin[0] : endX + titleMargin[0],
+            ((_b = (_a = last(textList)) == null ? void 0 : _a.top) != null ? _b : 330) - yCellHeight - titleMargin[1]
+          ],
+          {
+            value: `${title}${unit ? "\n" + unit : ""}`,
+            ...defaultTextStyle,
+            ...titleStyle,
+            textAlign,
+            originX: textAlign,
+            originY: "bottom"
+          }
+        );
         const group = new fabric.Group([...textList, ...titleText ? [titleText] : []], {
           objectCaching: false,
           ...defaultStyle
@@ -254,14 +229,16 @@ function useLeft(canvas, propItems, emits, pointTipProps, moveLimit, setPopup, u
     }
   }
   function drawBorder() {
-    canvas.value.add(new fabric.Rect({
-      left: 0,
-      top: 0,
-      width: canvasWidth - borderStyle.strokeWidth,
-      height: canvasHeight - borderStyle.strokeWidth,
-      fill: "transparent",
-      ...borderStyle
-    }));
+    canvas.value.add(
+      new fabric.Rect({
+        left: 0,
+        top: 0,
+        width: canvasWidth - borderStyle.strokeWidth,
+        height: canvasHeight - borderStyle.strokeWidth,
+        fill: "transparent",
+        ...borderStyle
+      })
+    );
   }
   drawTitle();
   drawYScale();