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

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

@@ -17,19 +17,9 @@ import '../../../../../shared/utils/index.js';
 
 const NEW_OTHER_MENU = filter(OTHER_MENU, (o) => o.type !== "add");
 function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveLimit, getContainPoints, showDialog, removeCurrentSelection) {
-  const {
-    computedX,
-    getXValue
-  } = useBirthProcessCumputedPoint(propItems);
-  const {
-    getEqualXTypes,
-    handleAddPrevent,
-    isGridLimit,
-    getPointEventProps
-  } = useCommon(canvas, emits, propItems);
-  const {
-    createShadowLines
-  } = useShadow();
+  const { computedX, getXValue } = useBirthProcessCumputedPoint(propItems);
+  const { getEqualXTypes, handleAddPrevent, isGridLimit, getPointEventProps } = useCommon(canvas, emits, propItems);
+  const { createShadowLines } = useShadow();
   const {
     canvasWidth,
     other,
@@ -54,34 +44,18 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
       return;
     const key = "horizontal";
     gridPointsMap.set(key, []);
-    const {
-      horizontal
-    } = otherValue;
+    const { horizontal } = otherValue;
     let y = originY + yCellHeight / 2;
     horizontal.forEach((horizontalItem, dataIndex) => {
-      const {
-        title,
-        type,
-        pointAttr = {},
-        textStyle = {},
-        data,
-        showIcon = true
-      } = horizontalItem;
+      const { title, type, pointAttr = {}, textStyle = {}, data, showIcon = true } = horizontalItem;
       let prevPoint = null;
       data.forEach((item, index) => {
-        const {
-          time,
-          value
-        } = item;
+        const { time, value } = item;
         const x = computedX(time);
         if (!isLimitX(x))
           return;
         const groups = [];
-        const icon = showIcon && drawPoint(type, {
-          ...pointAttr,
-          left: x,
-          top: y
-        });
+        const icon = showIcon && drawPoint(type, { ...pointAttr, left: x, top: y });
         icon && groups.push(icon);
         const textLeft = showIcon ? x + icon.width / 2 + 2 : x;
         const text = drawText([textLeft, y], {
@@ -109,10 +83,7 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
             data: item,
             title
           },
-          limitX: {
-            x1: originX,
-            x2: endX - group.width
-          }
+          limitX: { x1: originX, x2: endX - group.width }
         });
         if (prevPoint) {
           group.limitX.x1 = prevPoint.left;
@@ -133,31 +104,17 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
     if (!((_a = otherValue == null ? void 0 : otherValue.horizontal) == null ? void 0 : _a.length))
       return;
     otherListPointHeightRange = [];
-    const {
-      horizontal
-    } = otherValue;
+    const { horizontal } = otherValue;
     const titleLeft = originX - 5;
     let y = originY + yCellHeight / 2;
     horizontal.forEach((horizontalItem, dataIndex) => {
-      const {
-        title: _title,
-        titleStyle = {},
-        defaultAddValue,
-        data = []
-      } = horizontalItem;
+      const { title: _title, titleStyle = {}, defaultAddValue, data = [] } = horizontalItem;
       const title = _title && drawPoint(_title, {
         ...titleStyle,
         originX: "right",
         left: titleLeft,
         top: y,
-        origin: {
-          defaultAddValue,
-          dataIndex,
-          type: "other",
-          key: "horizontal",
-          title: _title,
-          isMenu: true
-        },
+        origin: { defaultAddValue, dataIndex, type: "other", key: "horizontal", title: _title, isMenu: true },
         originLeft: titleLeft,
         originTop: y
       });
@@ -188,7 +145,9 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
       pointTipProps.show = false;
       if (event2.e.button === 0) {
         if (isGridLimit(point)) {
-          const isRepeat = getEqualXTypes(gridPointsMap.get("horizontal"), point.left, "key", xCellWidth).includes(point.origin.key);
+          const isRepeat = getEqualXTypes(gridPointsMap.get("horizontal"), point.left, "key", xCellWidth).includes(
+            point.origin.key
+          );
           if (isRepeat) {
             handleAddPrevent("repeat");
             console.log("\u91CD\u590D\u8282\u70B9");
@@ -209,11 +168,7 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
     });
   }
   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 });
   }
   function drawVertical() {
     var _a;
@@ -221,23 +176,13 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
       return;
     const key = "vertical";
     gridPointsMap.set(key, []);
-    const {
-      vertical
-    } = otherValue;
+    const { vertical } = otherValue;
     vertical.forEach((verticalItem, dataIndex) => {
-      const {
-        show = true,
-        marginTop = 0,
-        textStyle = {},
-        data,
-        time
-      } = verticalItem;
+      const { show = true, marginTop = 0, textStyle = {}, data, time } = verticalItem;
       const x = computedX(time);
       if (!show || !isLimitX(x))
         return;
-      const {
-        lineHeight = yCellHeight
-      } = textStyle;
+      const { lineHeight = yCellHeight } = textStyle;
       let y = originY + marginTop + lineHeight / 2;
       data.forEach((item, index) => {
         const text = drawPoint(String(item.value), {
@@ -271,34 +216,18 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
     });
     canvas.value.add(...gridPointsMap.get(key));
   }
-  function clickMenu({
-    item,
-    target
-  }) {
+  function clickMenu({ item, target }) {
     if (!target)
       return;
-    const {
-      type,
-      _type
-    } = item;
-    const params = {
-      ...target.origin,
-      type: _type
-    };
+    const { type, _type } = item;
+    const params = { ...target.origin, type: _type };
     emits(type, params);
     if (type === "remove") {
       updateData(params, type);
     }
   }
   function updateData(params, mode = "add") {
-    const {
-      dataIndex,
-      data,
-      index,
-      key,
-      dataKey,
-      time
-    } = params;
+    const { dataIndex, data, index, key, dataKey, time } = params;
     const obj = otherValue[key];
     const item = !["mark", "extracorporealCirculation"].includes(key) ? obj[dataIndex] : obj.dataList[dataIndex];
     switch (mode) {
@@ -312,10 +241,7 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
           if (newItem) {
             newItem.list.push(data);
           } else {
-            obj.dataList.push({
-              time,
-              list: [data]
-            });
+            obj.dataList.push({ time, list: [data] });
             obj.dataList.sort((a, b) => {
               return Date.parse(a.time) - Date.parse(b.time);
             });
@@ -338,9 +264,7 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
   }
   function redrawPoints(params) {
     var _a;
-    const {
-      key
-    } = params;
+    const { key } = params;
     (_a = canvas.value) == null ? void 0 : _a.remove(...gridPointsMap.get(key));
     gridPointsMap.delete(key);
     switch (key) {
@@ -360,54 +284,32 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
   function drawMark() {
     if (!markHeight)
       return;
-    const {
-      title,
-      titleStyle,
-      pointAttr,
-      dataList
-    } = otherValue.mark || {};
+    const { title, titleStyle, pointAttr, dataList } = otherValue.mark || {};
     if (!(dataList == null ? void 0 : dataList.length))
       return;
     const key = "mark";
     gridPointsMap.set(key, []);
-    const titleObj = drawText([originX - 5, endY + markHeight / 2], {
-      value: title,
-      ...titleStyle,
-      originX: "right"
-    });
+    const titleObj = drawText([originX - 5, endY + markHeight / 2], { value: title, ...titleStyle, originX: "right" });
     canvas.value.add(titleObj);
     const limitY = endY + markHeight + extracorporealCirculationHeight;
     const _endY = endY + extracorporealCirculationHeight;
     let prevLeft = 0;
     const pointerObj = {};
     dataList.forEach((markItem, dataIndex) => {
-      const {
-        time,
-        list = []
-      } = markItem;
+      const { time, list = [] } = markItem;
       const x = computedX(time);
       if (!isLimitX(x))
         return;
       let startTop = _endY + 1;
       list.forEach((item, index) => {
         var _a;
-        const {
-          style
-        } = item;
+        const { style } = item;
         const point = drawPoint((style == null ? void 0 : style.type) || "circleAndText", {
           ...(style == null ? void 0 : style.pointAttr) || pointAttr,
-          ...item.text ? {
-            text: item.text
-          } : {},
+          ...item.text ? { text: item.text } : {},
           left: x,
           top: _endY + 10,
-          origin: {
-            data: item,
-            key: "mark",
-            type: "other",
-            dataIndex,
-            index
-          }
+          origin: { data: item, key: "mark", type: "other", dataIndex, index }
         });
         const pointHeight = point.height;
         if (prevLeft && x - prevLeft <= xCellWidth) {
@@ -423,11 +325,7 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
             }
           });
         }
-        const {
-          topObj,
-          startTop: _startTop,
-          oldStartTop
-        } = computedTop(startTop, pointHeight);
+        const { topObj, startTop: _startTop, oldStartTop } = computedTop(startTop, pointHeight);
         startTop = _startTop;
         if (!pointerObj[`x_${x}`])
           pointerObj[`x_${x}`] = [];
@@ -460,11 +358,7 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
         const _y = base - lineHeight;
         startTop = _y;
       }
-      return {
-        topObj,
-        startTop,
-        oldStartTop
-      };
+      return { topObj, startTop, oldStartTop };
     }
     addProps(gridPointsMap.get(key));
   }
@@ -502,9 +396,7 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
     }
     if (point.lockMovementX && point.lockMovementY)
       return;
-    const {
-      key
-    } = point.origin;
+    const { key } = point.origin;
     const isMarkOrHorizontal = ["mark", "horizontal"].includes(key);
     const isMarkOrVertical = ["mark", "vertical"].includes(key);
     const isisExtracorporealCirculationOrMark = ["mark", "extracorporealCirculation"].includes(key);
@@ -533,14 +425,7 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
         const time = getXValue((_a = point.originLeft) != null ? _a : point.left);
         const params = {
           ...point.origin,
-          ...isMarkOrVertical ? {
-            time
-          } : {
-            data: {
-              ...point.origin.data,
-              time
-            }
-          }
+          ...isMarkOrVertical ? { time } : { data: { ...point.origin.data, time } }
         };
         canvas.value.discardActiveObject();
         emits("change", params);
@@ -548,10 +433,7 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
           updateData(params, "change");
       }
       if (event2.button === 3 && ["horizontal", "vertical"].includes(key)) {
-        pointMenuProps.point = {
-          x: point.left,
-          y: point.top
-        };
+        pointMenuProps.point = { x: point.left, y: point.top };
         pointMenuProps.show = true;
         pointMenuProps.target = point;
         pointMenuProps.list = NEW_OTHER_MENU.map((item) => {
@@ -567,10 +449,7 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
   function setPopup(point) {
     pointTipProps.isTarget = true;
     pointTipProps.show = true;
-    const {
-      key,
-      data = {}
-    } = point.origin || {};
+    const { key, data = {} } = point.origin || {};
     let value = data.value;
     const isExtracorporealCirculation = key === "extracorporealCirculation";
     const isExtracorporealCirculationOrMark = isExtracorporealCirculation || key === "mark";
@@ -587,18 +466,17 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
       }
       pointTipProps.list.unshift(value + " ");
     }
-    pointTipProps.sourceData = [{
-      type: "other",
-      key,
-      time,
-      value
-    }];
+    pointTipProps.sourceData = [
+      {
+        type: "other",
+        key,
+        time,
+        value
+      }
+    ];
   }
   function updateShadowBox(optLine, direction) {
-    const {
-      shadowObjs,
-      params
-    } = optLine[`${direction}ShadowBox`] || {};
+    const { shadowObjs, params } = optLine[`${direction}ShadowBox`] || {};
     if (!shadowObjs || !params)
       return;
     shadowObjs.forEach((obj) => canvas.value.remove(obj));
@@ -612,26 +490,17 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
   }
   function extracorporealCirculationMoveLimit(point) {
     point.setCoords();
-    const {
-      left,
-      limitX
-    } = point;
+    const { left, limitX } = point;
     const currentTime = format(new Date(), "yyyy-MM-dd HH:mm");
     const currentTimeX = computedX(currentTime);
     if (limitX.isCurrentTime && limitX.x2 < currentTimeX && currentTimeX > 0 && currentTimeX < canvasWidth) {
       limitX.x2 = currentTimeX;
     }
     if (left < limitX.x1) {
-      point.set({
-        x1: limitX.x1,
-        x2: limitX.x1
-      });
+      point.set({ x1: limitX.x1, x2: limitX.x1 });
     }
     if (left > limitX.x2) {
-      point.set({
-        x1: limitX.x2,
-        x2: limitX.x2
-      });
+      point.set({ x1: limitX.x2, x2: limitX.x2 });
     }
     updateShadowBox(point, "left");
     updateShadowBox(point, "right");
@@ -661,13 +530,8 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
   function updateSiblingPoints(point) {
     const isOverstep = point.left + point.maxTextWidth > endX;
     const originX2 = isOverstep ? "right" : "left";
-    point.setCoords().set({
-      originX: originX2
-    });
-    point.siblingPoints.forEach((_point) => _point.setCoords().set({
-      originX: originX2,
-      left: point.left
-    }));
+    point.setCoords().set({ originX: originX2 });
+    point.siblingPoints.forEach((_point) => _point.setCoords().set({ originX: originX2, left: point.left }));
   }
   function updateLimitX(point) {
     var _a, _b;
@@ -699,9 +563,7 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
       if (containPoints.length > 0) {
         showDialog(() => {
           const params = doDeletePoints(containPoints);
-          redrawPoints({
-            key
-          });
+          redrawPoints({ key });
           emits("remove", params);
         });
       } else {
@@ -711,36 +573,28 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
   }
   function doDeletePoints(points) {
     const result = points.reduce((res, currentPoint) => {
-      const {
-        dataIndex
-      } = currentPoint.origin;
+      const { dataIndex } = currentPoint.origin;
       res[dataIndex] = res[dataIndex] ? res[dataIndex].concat(currentPoint.origin) : [currentPoint.origin];
       return res;
     }, {});
-    return flatten(Object.keys(result).map((dataIndex) => {
-      const datas = result[dataIndex];
-      otherValue["horizontal"][dataIndex].data.splice(datas[0].index, datas.length);
-      return datas;
-    }));
+    return flatten(
+      Object.keys(result).map((dataIndex) => {
+        const datas = result[dataIndex];
+        otherValue["horizontal"][dataIndex].data.splice(datas[0].index, datas.length);
+        return datas;
+      })
+    );
   }
   function drawLongLine() {
     if (!(other == null ? void 0 : other.longLine) || !other.longLine.time)
       return;
-    const {
-      time,
-      style
-    } = other.longLine;
+    const { time, style } = other.longLine;
     const x = computedX(time);
     const line = drawLine([x, 0, x, endY], style);
     canvas.value.add(line);
   }
   function getExtracorporealCirculationX(item) {
-    const {
-      extracorporealCirculationStart,
-      closeAscendAorta,
-      openAscendAorta,
-      extracorporealCirculationEnd
-    } = item;
+    const { extracorporealCirculationStart, closeAscendAorta, openAscendAorta, extracorporealCirculationEnd } = item;
     let x1, x2, x3, x4;
     if (extracorporealCirculationStart) {
       x1 = computedX(extracorporealCirculationStart.time);
@@ -758,23 +612,23 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
   }
   function drawShadowBox(...arg) {
     const [x1, x2, y2, __style] = arg;
-    const {
-      mode,
-      style
-    } = __style;
+    const { mode, style } = __style;
     const _style = omit(style, ["angle", "space"]);
-    const points = [[x1, endY], [x2, endY], [x2, y2], [x1, y2]];
-    const polygon = new fabric.Polygon(points.map((v) => ({
-      x: v[0],
-      y: v[1]
-    })), {
-      ...defaultLineStyle,
-      ..._style,
-      stroke: "transparent",
-      ...mode === "slash" ? {
-        fill: "transparent"
-      } : {}
-    });
+    const points = [
+      [x1, endY],
+      [x2, endY],
+      [x2, y2],
+      [x1, y2]
+    ];
+    const polygon = new fabric.Polygon(
+      points.map((v) => ({ x: v[0], y: v[1] })),
+      {
+        ...defaultLineStyle,
+        ..._style,
+        stroke: "transparent",
+        ...mode === "slash" ? { fill: "transparent" } : {}
+      }
+    );
     const shadowLines = [];
     if (["slash"].includes(mode)) {
       shadowLines.push(...createShadowLines(points, style.angle, style.space, _style));
@@ -802,11 +656,7 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
   function drawExtracorporealCirculation() {
     if (!extracorporealCirculationHeight)
       return;
-    const {
-      dataList,
-      ascendAortaStyle,
-      extracorporealCirculationStyle
-    } = otherValue.extracorporealCirculation || {};
+    const { dataList, ascendAortaStyle, extracorporealCirculationStyle } = otherValue.extracorporealCirculation || {};
     if (!(dataList == null ? void 0 : dataList.length))
       return;
     const key = "extracorporealCirculation";
@@ -852,12 +702,8 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
                 x2: x2 || limitX2,
                 isCurrentTime: !x2 && index === dataList.length - 1
               },
-              ...[1, 2, 3].includes(i) ? {
-                leftShadowBox: prevShadowBox
-              } : {},
-              ...[0, 1, 2].includes(i) ? {
-                rightShadowBox: shadowBox
-              } : {}
+              ...[1, 2, 3].includes(i) ? { leftShadowBox: prevShadowBox } : {},
+              ...[0, 1, 2].includes(i) ? { rightShadowBox: shadowBox } : {}
             });
             if (i === xList.length - 1) {
               prevEndX = x;
@@ -891,9 +737,7 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
     }
   }
   function handleKeydown(evt) {
-    const {
-      code
-    } = evt;
+    const { code } = evt;
     if (!inputObj || !code.includes("Enter") && !code.includes("Esc"))
       return;
     if (code.includes("Esc")) {
@@ -909,18 +753,9 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
     canvas.value.on("mouse:up", (event2) => {
       var _a, _b, _c, _d;
       if (event2.button === 1) {
-        const {
-          target,
-          pointer = {}
-        } = event2;
-        const {
-          x = 0,
-          y = 0
-        } = pointer;
-        if (!isGridLimit({
-          left: x,
-          top: y
-        }))
+        const { target, pointer = {} } = event2;
+        const { x = 0, y = 0 } = pointer;
+        if (!isGridLimit({ left: x, top: y }))
           return;
         if (!(otherListPointHeightRange == null ? void 0 : otherListPointHeightRange.length) || inputObj)
           return;
@@ -932,10 +767,7 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
             return;
           content = (_d = (_c = (_b = target.origin) == null ? void 0 : _b.data) == null ? void 0 : _c.value) == null ? void 0 : _d.toString();
         }
-        const item = otherListPointHeightRange.find(({
-          y1,
-          y2
-        }) => y >= y1 && y <= y2);
+        const item = otherListPointHeightRange.find(({ y1, y2 }) => y >= y1 && y <= y2);
         if (isNumber(item == null ? void 0 : item.dataIndex)) {
           inputObj = new fabric.Textbox(content, {
             left: x,
@@ -950,11 +782,7 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
             backgroundColor: "#fff",
             fontFamily: "\u5FAE\u8F6F\u96C5\u9ED1"
           });
-          inputObj.otherListPointHeightRangeItem = {
-            ...item,
-            left: x,
-            target
-          };
+          inputObj.otherListPointHeightRangeItem = { ...item, left: x, target };
           canvas.value.add(inputObj);
           canvas.value.setActiveObject(inputObj);
           inputObj.enterEditing();
@@ -964,35 +792,23 @@ function useOther(canvas, propItems, emits, pointTipProps, pointMenuProps, moveL
         }
       }
     });
-    canvas.value.on("selection:cleared", ({
-      deselected
-    }) => {
+    canvas.value.on("selection:cleared", ({ deselected }) => {
       var _a;
       if (deselected == null ? void 0 : deselected.find((obj) => obj.otherListPointHeightRangeItem)) {
-        let {
-          text
-        } = inputObj;
-        const {
-          otherListPointHeightRangeItem
-        } = inputObj;
+        let { text } = inputObj;
+        const { otherListPointHeightRangeItem } = inputObj;
         text = text.replace(/^\s+|\s+$/g, "");
         canvas.value.remove(inputObj);
         inputObj = null;
         if (!text)
           return;
-        const {
-          left,
-          target
-        } = otherListPointHeightRangeItem;
+        const { left, target } = otherListPointHeightRangeItem;
         if (target) {
           if (text == ((_a = target.origin) == null ? void 0 : _a.data.value))
             return;
           const params = {
             ...target.origin,
-            data: {
-              ...target.origin.data,
-              value: text
-            }
+            data: { ...target.origin.data, value: text }
           };
           emits("change", params);
           updateData(params, "change");