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

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

@@ -1,4 +1,3 @@
-import { i18n } from '../../../../../_virtual/_virtual_i18n-methods.js';
 import { fabric } from '../../../../../shared/utils/fabricjs/index.js';
 import { drawLine, drawArrow, drawPoint, defaultStyle, drawText, defaultTextStyle, drawTextAndIconGroup, defaultRectStyle } from '../useDraw.js';
 import { useGrid } from '../useGrid.js';
@@ -10,7 +9,7 @@ import { useCommon } from '../useCommon.js';
 import 'vue';
 import { getIndex, isEffectiveNode, getTime, getScaleNumberList } from '../../utils/index.js';
 import { cloneDeep, isString, last, range } from 'lodash-es';
-import '../../constants/index.js';
+import { TITLE_MENU_MAP } from '../../constants/index.js';
 import '@vueuse/shared';
 import { format, getHours, getMinutes } from 'date-fns';
 import 'naive-ui';
@@ -29,19 +28,12 @@ function isStartTimeHalfOrLater(startTime) {
   return getMinutes(startTimeDate) >= 30;
 }
 function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps) {
-  const {
-    computedX,
-    computedY,
-    getXValue,
-    getYValue
-  } = useBirthProcessCumputedPoint(propItems);
-  const {
-    getEqualXTypes,
-    handleAddPrevent,
-    isGridLimit,
-    setPrevAndNextPoint,
-    getPointEventProps
-  } = useCommon(canvas, emits, propItems);
+  const { computedX, computedY, getXValue, getYValue } = useBirthProcessCumputedPoint(propItems);
+  const { getEqualXTypes, handleAddPrevent, isGridLimit, setPrevAndNextPoint, getPointEventProps } = useCommon(
+    canvas,
+    emits,
+    propItems
+  );
   const {
     xAxis,
     grid,
@@ -80,9 +72,7 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
     drawIcons();
   }
   function drawPolyLine() {
-    yScaleValue.filter(({
-      showData = true
-    }) => showData).forEach((item, dataIndex) => {
+    yScaleValue.filter(({ showData = true }) => showData).forEach((item, dataIndex) => {
       var _a;
       const pointList = [];
       const lineList = [];
@@ -103,9 +93,7 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
       canvas.value.add(...lineList, ...otherList, ...pointList);
       pointList.forEach((point) => {
         point == null ? void 0 : point.bringToFront();
-        const {
-          childbirthIcon
-        } = point.otherObj || {};
+        const { childbirthIcon } = point.otherObj || {};
         if ((childbirthIcon == null ? void 0 : childbirthIcon.obj) && (childbirthIcon == null ? void 0 : childbirthIcon.type) !== "arrow") {
           childbirthIcon.obj.bringToFront();
         }
@@ -130,11 +118,7 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
           let childbirthIcon;
           let childbirthText;
           if (v.childbirth) {
-            const {
-              type = "arrow",
-              style = {},
-              textStyle = {}
-            } = childbirthStyle;
+            const { type = "arrow", style = {}, textStyle = {} } = childbirthStyle;
             if (type === "arrow") {
               const top = points[1] + yCellHeight;
               childbirthIcon = drawArrow([points[0], points[1], top], style);
@@ -180,10 +164,7 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
           }
         }
         if (v.mark) {
-          const {
-            type = "triangle",
-            style = {}
-          } = v.markStyle || {};
+          const { type = "triangle", style = {} } = v.markStyle || {};
           const y = otherObj.childbirthIcon ? otherObj.childbirthIcon.obj._bottomY + 5 : points[1] + 10;
           const markObj = isString(v.mark) ? drawText([points[0], y], {
             value: String(v.mark),
@@ -244,11 +225,7 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
       }
       function drawFetalPresentationOther(points, v, k, otherObj) {
         if (v[k]) {
-          const {
-            type = "circle",
-            style = {},
-            arrowStyle = {}
-          } = item[k + "Style"];
+          const { type = "circle", style = {}, arrowStyle = {} } = item[k + "Style"];
           const x = computedX(v[k]);
           const line = drawLine([...points, x, points[1]], {
             ...lineAttr,
@@ -310,9 +287,7 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
     point.on("mouseup", (event2) => {
       pointTipProps.show = false;
       if (event2.button === 1) {
-        const {
-          key
-        } = point.origin;
+        const { key } = point.origin;
         const params = {
           ...point.origin,
           data: {
@@ -334,12 +309,7 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
     });
   }
   function updateData(params, mode = "add") {
-    const {
-      dataIndex,
-      data,
-      index,
-      key
-    } = params;
+    const { dataIndex, data, index, key } = params;
     const item = yScaleValue.find((v) => v.key === key);
     switch (mode) {
       case "remove":
@@ -376,35 +346,15 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
   }
   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,
-        top = 0,
-        left = 0,
-        type = "",
-        moveHide
-      } = o || {};
+      const { obj, top = 0, left = 0, type = "", moveHide } = o || {};
       if (obj) {
         if (type === "line") {
-          obj.setCoords().set({
-            x1: point.left,
-            y1: point.top,
-            x2: point.left + left,
-            y2: point.top
-          });
+          obj.setCoords().set({ x1: point.left, y1: point.top, x2: point.left + left, y2: point.top });
         } else {
-          obj.setCoords().set({
-            left: point.left + left,
-            top: point.top + top
-          });
+          obj.setCoords().set({ left: point.left + left, top: point.top + top });
         }
         if (moveHide) {
           canvas.value.remove(obj);
@@ -424,16 +374,15 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
     point.left > limitRight && point.set("left", limitRight);
   }
   function setPopup(point, status = "moving") {
-    const {
-      title,
-      key,
-      data
-    } = point.origin;
+    const { title, key, data } = point.origin;
     pointTipProps.point = {
       x: point.left,
       y: point.top
     };
-    pointTipProps.list = [`${title} ${status === "hover" ? data.value : getYValue(key, point.top)}`, `\u65F6\u95F4 ${getXValue(point.left).slice(-5)}`];
+    pointTipProps.list = [
+      `${title} ${status === "hover" ? data.value : getYValue(key, point.top)}`,
+      `\u65F6\u95F4 ${getXValue(point.left).slice(-5)}`
+    ];
     pointTipProps.show = true;
   }
   function getPointer(v, item) {
@@ -453,19 +402,13 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
       return;
     canvas.value.on("mouse:up", (event2) => {
       if (event2.button === 3) {
-        const {
-          x = 0,
-          y = 0
-        } = event2.pointer || {};
+        const { x = 0, y = 0 } = event2.pointer || {};
         if (x >= originX && x <= endX && y >= originY && y <= endY) {
-          pointMenuProps.point = {
-            x,
-            y
-          };
+          pointMenuProps.point = { x, y };
           pointMenuProps.show = true;
           if (!event2.target) {
             pointMenuProps.target = null;
-            pointMenuProps.list = [i18n("10010.1.219", "\u65B0\u589E\u8282\u70B9")];
+            pointMenuProps.list = [TITLE_MENU_MAP.add];
             yScaleValue.filter((item) => item.show).forEach((item) => {
               if (!getEqualXTypes([...gridPoints], x, "key").includes(item.key)) {
                 if (["cervix", "fetalPresentation"].includes(item.key) && y < originYCervix)
@@ -480,16 +423,14 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
             }
           } else {
             pointMenuProps.target = event2.target;
-            pointMenuProps.list = [i18n("10010.1.220", "\u5220\u9664\u8282\u70B9")];
+            pointMenuProps.list = [TITLE_MENU_MAP.remove];
             [...gridPoints].forEach((obj) => {
               if (obj.origin && obj.left === event2.target.left && obj.top === event2.target.top) {
                 pointMenuProps.list.push({
-                  renderItem: () => obj.origin.title,
-                  origin: {
-                    ...obj.origin
-                  },
+                  label: obj.origin.title,
+                  origin: { ...obj.origin },
                   mode: "remove",
-                  pointer: event2.pointer
+                  key: obj.origin.key
                 });
               }
             });
@@ -500,21 +441,19 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
     function getPointMenuList(item, pointer) {
       const dataIndex = yScaleValue.findIndex((_item) => _item.key === item.key);
       return {
-        renderItem: () => item.title,
+        label: item.title,
         origin: {
           title: item.title,
           unit: item.unit,
           dataIndex,
           key: item.key
         },
-        pointer
+        key: item.key,
+        mode: "add"
       };
     }
   }
-  function clickMenu({
-    item,
-    target
-  }) {
+  function clickMenu({ item, pointer, target }) {
     const params = {
       ...item.origin
     };
@@ -524,8 +463,8 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
     } else {
       Object.assign(params, {
         data: {
-          time: getXValue(item.pointer.x),
-          value: getYValue(item.origin.key, item.pointer.y)
+          time: getXValue(pointer.x),
+          value: getYValue(item.origin.key, pointer.y)
         }
       });
       emits("add", params);
@@ -542,43 +481,42 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
     lineData.forEach((line) => {
       if (!line.show)
         return;
-      const {
-        key
-      } = line;
+      const { key } = line;
       switch (key) {
         case "fetalPresentation": {
-          const {
-            range: range2,
-            show
-          } = yScaleValue.find((item) => item.key === key);
+          const { range: range2, show } = yScaleValue.find((item) => item.key === key);
           if (show) {
             const y = computedY(key, range2, 0);
-            lines.push(drawLine([originX, y, endX, y], {
-              ...line
-            }));
+            lines.push(
+              drawLine([originX, y, endX, y], {
+                ...line
+              })
+            );
           }
           break;
         }
         case "alert": {
           if (alertStartPoint) {
-            const {
-              key: key2,
-              range: range2
-            } = alertItem || {};
+            const { key: key2, range: range2 } = alertItem || {};
             const _time = 6 * 60 * 60 * 1e3;
             const endPoint = {
               time: format(new Date(getTime(alertStartPoint.time) + _time), "yyyy-MM-dd HH:mm"),
               value: 10
             };
-            const [x1, y1] = [computedX(alertStartPoint.time) - originX, endY - computedY(key2, range2, alertStartPoint.value)];
+            const [x1, y1] = [
+              computedX(alertStartPoint.time) - originX,
+              endY - computedY(key2, range2, alertStartPoint.value)
+            ];
             const [x2, y2] = [computedX(endPoint.time) - originX, endY - computedY(key2, range2, endPoint.value)];
             const k = (y2 - y1) / (x2 - x1);
             const b = y1 - x1 * k;
             const pointer = computePointer(k, b);
             if (pointer.length > 0) {
-              lines.push(drawLine(pointer, {
-                ...line
-              }));
+              lines.push(
+                drawLine(pointer, {
+                  ...line
+                })
+              );
               Object.assign(alertData, {
                 k,
                 b
@@ -589,19 +527,18 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
         }
         case "handling": {
           if (alertStartPoint) {
-            const {
-              k,
-              b
-            } = alertData;
+            const { k, b } = alertData;
             const _time = 4 * 60 * 60 * 1e3;
             const endTime = computedX(format(new Date(getTime(alertStartPoint.time) + _time), "yyyy-MM-dd HH:mm"));
             const a = endTime - computedX(alertStartPoint.time);
             const _b = b - a * k;
             const pointer = computePointer(k, _b);
             if (pointer.length > 0) {
-              lines.push(drawLine(pointer, {
-                ...line
-              }));
+              lines.push(
+                drawLine(pointer, {
+                  ...line
+                })
+              );
             }
           }
           break;
@@ -609,10 +546,7 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
       }
     });
     function computePointer(k, b) {
-      const {
-        key,
-        range: range2
-      } = alertItem || {};
+      const { key, range: range2 } = alertItem || {};
       const _originY = computedY(key, range2, 10);
       const startPointer1 = [0, b];
       const startPointer2 = [-(b / k), 0];
@@ -660,28 +594,30 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
         const title = (item.alias || item.title).split("").join("\n");
         const dataIndex = scaleValues.findIndex((_item) => _item.key === item.key);
         if (!item.alias) {
-          const {
-            text,
-            icon
-          } = drawTextAndIconGroup(title, item, {
-            text: {
-              originX: "center",
-              originY: "top",
-              left,
-              top: topY
-            },
-            icon: {
-              left,
-              topY,
-              originX: "center",
-              originY: "top",
-              origin: {
-                type: item.type,
-                dataIndex
+          const { text, icon } = drawTextAndIconGroup(
+            title,
+            item,
+            {
+              text: {
+                originX: "center",
+                originY: "top",
+                left,
+                top: topY
               },
-              ...propItems.event
-            }
-          }, "vertical");
+              icon: {
+                left,
+                topY,
+                originX: "center",
+                originY: "top",
+                origin: {
+                  type: item.type,
+                  dataIndex
+                },
+                ...propItems.event
+              }
+            },
+            "vertical"
+          );
           topY += text.height + icon.height + 15;
           setIconEvent(icon);
           objs.push(text, icon);
@@ -748,20 +684,10 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
     });
   }
   function setRestore(point) {
-    point.setCoords().set({
-      originY: "top",
-      left: point.originLeft,
-      top: point.originTop
-    });
+    point.setCoords().set({ originY: "top", left: point.originLeft, top: point.originTop });
   }
   function drawXScale() {
-    const {
-      show,
-      startTime: startTime2,
-      range: timeRange = [0, 23],
-      position = "top",
-      style
-    } = xAxis.time;
+    const { show, startTime: startTime2, range: timeRange = [0, 23], position = "top", style } = xAxis.time;
     const {
       show: processTimeShow,
       range: processTimeRange = [0, 23],
@@ -777,47 +703,51 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
       const halfYCellHeight = yCellHeight / 2;
       for (let i = 0; i < grid.mainXCell; i++) {
         if (show) {
-          const {
-            textAlign = "center"
-          } = style;
+          const { textAlign = "center" } = style;
           const baseLeft = originX + (textAlign === "center" ? xCellWidth / 2 : 0);
           const left = i === 0 && textAlign !== "center" ? baseLeft + 5 : baseLeft;
           const currentTime = i === 0 ? isStartTimeHalfOrLater(startTime2) && textAlign === "center" ? firstTime + 1 : firstTime : getCurrentTime(last(timeList), timeRange);
           timeList.push(currentTime);
           const top = position === "top" ? originY - halfYCellHeight : endY + halfYCellHeight;
-          timeTextList.push(drawText([left + i * xCellWidth, top], {
-            value: String(currentTime),
-            ...defaultTextStyle,
-            ...style
-          }));
-          if (i === grid.mainXCell - 1 && textAlign !== "center") {
-            timeTextList.push(drawText([endX - 1, top], {
-              value: String(getCurrentTime(last(timeList), timeRange)),
+          timeTextList.push(
+            drawText([left + i * xCellWidth, top], {
+              value: String(currentTime),
               ...defaultTextStyle,
-              ...style,
-              originX: textAlign !== "center" ? "right" : "center"
-            }));
+              ...style
+            })
+          );
+          if (i === grid.mainXCell - 1 && textAlign !== "center") {
+            timeTextList.push(
+              drawText([endX - 1, top], {
+                value: String(getCurrentTime(last(timeList), timeRange)),
+                ...defaultTextStyle,
+                ...style,
+                originX: textAlign !== "center" ? "right" : "center"
+              })
+            );
           }
         }
         if (processTimeShow && i <= processTimeList.length) {
-          const {
-            textAlign = "center"
-          } = processTimeStyle;
+          const { textAlign = "center" } = processTimeStyle;
           const baseLeft = originX + (textAlign === "center" ? xCellWidth / 2 : 0);
           const left = i === 0 && textAlign !== "center" ? baseLeft + 5 : baseLeft;
           const top = processPosition === "top" ? halfYCellHeight : canvasHeight - halfYCellHeight;
-          processTimeTextList.push(drawText([left + i * xCellWidth, top], {
-            value: String(processTimeList[i]),
-            ...defaultTextStyle,
-            ...processTimeStyle
-          }));
-          if (i === grid.mainXCell - 1 && textAlign !== "center") {
-            processTimeTextList.push(drawText([endX - 1, top], {
-              value: String(last(processTimeList)),
+          processTimeTextList.push(
+            drawText([left + i * xCellWidth, top], {
+              value: String(processTimeList[i]),
               ...defaultTextStyle,
-              ...style,
-              originX: textAlign !== "center" ? "right" : "center"
-            }));
+              ...processTimeStyle
+            })
+          );
+          if (i === grid.mainXCell - 1 && textAlign !== "center") {
+            processTimeTextList.push(
+              drawText([endX - 1, top], {
+                value: String(last(processTimeList)),
+                ...defaultTextStyle,
+                ...style,
+                originX: textAlign !== "center" ? "right" : "center"
+              })
+            );
           }
         }
       }
@@ -854,11 +784,7 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
         const left = baseLeft + width / 2;
         const list = getScaleNumberList(range2, spaceValue);
         const listLen = list.length;
-        const {
-          lineXMain,
-          lineXSub,
-          textLeft
-        } = getScaleInfo(position, baseLeft, width);
+        const { lineXMain, lineXSub, textLeft } = getScaleInfo(position, baseLeft, width);
         list.forEach((num, i) => {
           const baseTop = endY - i * yCellHeight * spaceGridNumber;
           const top = i === 0 ? endY - 8 : i === list.length - 1 && padding[0] && (!originYCervix || key === "FHR") ? originY + 8 : baseTop;

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

@@ -3,14 +3,14 @@ import { fabric } from '../../../../../shared/utils/fabricjs';
 import { AnyObject } from '../../../../../shared/types';
 import { IPointTipProps, IPointMenuProps } from '../../../../../components/fabric-chart/src/interface';
 export declare function useBirthProcessChart(canvas: Ref<fabric.Canvas>, props: AnyObject, emits: Function, canvasRef: Ref<HTMLCanvasElement | null>, pointTipProps: IPointTipProps, pointMenuProps: IPointMenuProps): {
-    select?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    redrawPoints?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    clickMenu?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    updatePolyline?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    useMeasureRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    useCaliper?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    useCaliperRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    useRectRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
-    redrawLinePoints?: Ref<import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    select?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    redrawPoints?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    clickMenu?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    updatePolyline?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    useMeasureRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    useCaliper?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    useCaliperRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    useRectRuler?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
+    redrawLinePoints?: Ref<import("../../../../../shared/types").AnyFn | null | undefined, import("../../../../../shared/types").AnyFn | null | undefined> | undefined;
     propItems: any;
 };