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

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

@@ -1,3 +1,4 @@
+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';
@@ -464,14 +465,7 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
           pointMenuProps.show = true;
           if (!event2.target) {
             pointMenuProps.target = null;
-            pointMenuProps.list = [function() {
-              var _a, _b, _c;
-              try {
-                return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.219")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.219")) || "\u65B0\u589E\u8282\u70B9";
-              } catch (e) {
-                return "\u65B0\u589E\u8282\u70B9";
-              }
-            }()];
+            pointMenuProps.list = [i18n("10010.1.219", "\u65B0\u589E\u8282\u70B9")];
             yScaleValue.filter((item) => item.show).forEach((item) => {
               if (!getEqualXTypes([...gridPoints], x, "key").includes(item.key)) {
                 if (["cervix", "fetalPresentation"].includes(item.key) && y < originYCervix)
@@ -486,14 +480,7 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
             }
           } else {
             pointMenuProps.target = event2.target;
-            pointMenuProps.list = [function() {
-              var _a, _b, _c;
-              try {
-                return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.220")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.220")) || "\u5220\u9664\u8282\u70B9";
-              } catch (e) {
-                return "\u5220\u9664\u8282\u70B9";
-              }
-            }()];
+            pointMenuProps.list = [i18n("10010.1.220", "\u5220\u9664\u8282\u70B9")];
             [...gridPoints].forEach((obj) => {
               if (obj.origin && obj.left === event2.target.left && obj.top === event2.target.top) {
                 pointMenuProps.list.push({

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

@@ -22,26 +22,18 @@ function useBirthProcessChart(canvas, props, emits, canvasRef, pointTipProps, po
     redrawPoints: null,
     clickMenu: null
   });
-  const leftScales = computed(() => props.data.scaleValues.map((item) => {
-    var _a;
-    return {
-      ...item,
-      width: (_a = item.width) != null ? _a : 60
-    };
-  }).filter(({
-    layout = "left",
-    show = true
-  }) => layout === "left" && show));
-  const rightScales = computed(() => props.data.scaleValues.map((item) => {
-    var _a;
-    return {
-      ...item,
-      width: (_a = item.width) != null ? _a : 60
-    };
-  }).filter(({
-    layout = "left",
-    show = true
-  }) => layout === "right" && show));
+  const leftScales = computed(
+    () => props.data.scaleValues.map((item) => {
+      var _a;
+      return { ...item, width: (_a = item.width) != null ? _a : 60 };
+    }).filter(({ layout = "left", show = true }) => layout === "left" && show)
+  );
+  const rightScales = computed(
+    () => props.data.scaleValues.map((item) => {
+      var _a;
+      return { ...item, width: (_a = item.width) != null ? _a : 60 };
+    }).filter(({ layout = "left", show = true }) => layout === "right" && show)
+  );
   const leftAddAreaWidth = 30;
   const rightAddAreaWidth = computed(() => {
     var _a;
@@ -57,9 +49,7 @@ function useBirthProcessChart(canvas, props, emits, canvasRef, pointTipProps, po
   });
   const endX = computed(() => {
     var _a;
-    const {
-      width
-    } = props.data;
+    const { width } = props.data;
     const rightScalesWidth = (_a = rightScales.value) == null ? void 0 : _a.reduce((width2, item) => {
       width2 += item.width;
       return width2;
@@ -82,9 +72,7 @@ function useBirthProcessChart(canvas, props, emits, canvasRef, pointTipProps, po
     return [xAxisNumberTop ? 0 : p[0], xAxisNumberBottom ? 0 : p[1]];
   });
   const yCellHeight = computed(() => {
-    const {
-      height
-    } = props.data;
+    const { height } = props.data;
     const xAxisNumber = getxAxisNumber();
     return (height - padding.value.reduce((p1, p2) => p1 + p2, 0)) / (gridYNumber.value + xAxisNumber);
   });
@@ -94,9 +82,7 @@ function useBirthProcessChart(canvas, props, emits, canvasRef, pointTipProps, po
   });
   const originYCervix = computed(() => {
     var _a;
-    const {
-      scaleValues
-    } = props.data;
+    const { scaleValues } = props.data;
     const FHRisShow = (_a = scaleValues.find((item) => item.key === "FHR")) == null ? void 0 : _a.show;
     if (!FHRisShow && !originY.value)
       return originY.value;
@@ -106,47 +92,33 @@ function useBirthProcessChart(canvas, props, emits, canvasRef, pointTipProps, po
     return endY.value - padding.value[0] - max * spaceValue * yCellHeight.value;
   });
   const endY = computed(() => {
-    const {
-      height
-    } = props.data;
+    const { height } = props.data;
     const xAxisNumber = getxAxisNumber("bottom");
     return height - yCellHeight.value * xAxisNumber - padding.value[1];
   });
   const startTime = computed(() => getTime(props.data.xAxis.time.startTime));
   const timeXCell = computed(() => 1 * 60 * 60 * 1e3 / xCellWidth.value);
   const cervixYCell = computed(() => {
-    const {
-      scaleValues
-    } = props.data;
+    const { scaleValues } = props.data;
     const cervixItem = scaleValues.find((item) => item.key === "cervix");
     return yCellHeight.value / ((cervixItem == null ? void 0 : cervixItem.spaceValue) || 1);
   });
   const FHRYCell = computed(() => {
-    const {
-      scaleValues
-    } = props.data;
+    const { scaleValues } = props.data;
     const cervixItem = scaleValues.find((item) => item.key === "FHR");
     return yCellHeight.value / ((cervixItem == null ? void 0 : cervixItem.spaceValue) || 10);
   });
   const fetalPresentationYCell = computed(() => {
-    const {
-      scaleValues
-    } = props.data;
+    const { scaleValues } = props.data;
     const cervixItem = scaleValues.find((item) => item.key === "fetalPresentation");
     return yCellHeight.value / ((cervixItem == null ? void 0 : cervixItem.spaceValue) || 1);
   });
   const event = computed(() => {
     var _a;
-    return ((_a = props.data.grid) == null ? void 0 : _a.event) || {
-      selectable: true,
-      evented: true,
-      hovered: true
-    };
+    return ((_a = props.data.grid) == null ? void 0 : _a.event) || { selectable: true, evented: true, hovered: true };
   });
   function getxAxisNumber(position) {
-    const {
-      xAxis
-    } = props.data;
+    const { xAxis } = props.data;
     return Object.values(xAxis).reduce((num, item) => {
       if (item.show && (!position || position && item.position === position))
         num++;
@@ -156,10 +128,7 @@ function useBirthProcessChart(canvas, props, emits, canvasRef, pointTipProps, po
   const propItems = reactive({
     canvasWidth: props.data.width,
     canvasHeight: props.data.height,
-    borderStyle: {
-      ...defaultBorderStyle,
-      ...props.data.borderStyle || {}
-    },
+    borderStyle: { ...defaultBorderStyle, ...props.data.borderStyle || {} },
     selectionStyle: props.data.selectionStyle || {},
     grid: props.data.grid,
     other: props.data.other,
@@ -187,17 +156,24 @@ function useBirthProcessChart(canvas, props, emits, canvasRef, pointTipProps, po
     scalebarBorder: Reflect.has(props.data, "scalebarBorder") ? props.data.scalebarBorder : true,
     padding: padding.value
   });
-  watch(() => canvas.value, (value) => {
-    if (value)
-      init();
-  }, {
-    immediate: true
-  });
+  watch(
+    () => canvas.value,
+    (value) => {
+      if (value)
+        init();
+    },
+    {
+      immediate: true
+    }
+  );
   function init() {
-    const {
-      clickMenu: _clickMenu,
-      redrawPoints: _redrawPoints
-    } = useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps);
+    const { clickMenu: _clickMenu, redrawPoints: _redrawPoints } = useBirthProcess(
+      canvas,
+      propItems,
+      emits,
+      pointTipProps,
+      pointMenuProps
+    );
     exposeMethods.redrawPoints = _redrawPoints;
     exposeMethods.clickMenu = _clickMenu;
   }

package/es/components/fabric-chart/src/hooks/electrocardiogram/hooks/useDetailEvent.js

@@ -35,20 +35,10 @@ function useDetailEvent(polyline, options) {
     lineStartIndex,
     xCellWidth,
     yCellHeight,
-    grid: gridOptions = {
-      subLineStyle: {},
-      mainLineStyle: {
-        x: {},
-        y: {}
-      }
-    }
+    grid: gridOptions = { subLineStyle: {}, mainLineStyle: { x: {}, y: {} } }
   } = options;
   let detailGroup = null;
-  const {
-    computedX,
-    computedY,
-    getYValue
-  } = useElectrocardiogramCumputedPoint(options);
+  const { computedX, computedY, getYValue } = useElectrocardiogramCumputedPoint(options);
   function computedWidthByX(x) {
     return computedX(x) * scale;
   }
@@ -72,10 +62,7 @@ function useDetailEvent(polyline, options) {
     const target = event.target;
     if (!target.points)
       return;
-    const {
-      x: pointerX,
-      y: pointerY
-    } = event.pointer;
+    const { x: pointerX, y: pointerY } = event.pointer;
     const currentIdx = Math.floor((pointerX - target.left) / target.width * target.points.length) + lineStartIndex;
     let startIdx = currentIdx - detailRadius;
     let endIdx = currentIdx + detailRadius;
@@ -109,13 +96,13 @@ function useDetailEvent(polyline, options) {
     };
     clearDetailGroup();
     detailGroup = new fabric.Group();
-    const objects = [createWrapper(), createGrid(detailPoints, targetIdx), createMainLine(detailPoints.map(({
-      x,
-      y
-    }) => ({
-      x,
-      y: -y
-    }))), createSupportLines(detailPoints, targetIdx), createCurrentPoint(detailPoints, targetIdx)];
+    const objects = [
+      createWrapper(),
+      createGrid(detailPoints, targetIdx),
+      createMainLine(detailPoints.map(({ x, y }) => ({ x, y: -y }))),
+      createSupportLines(detailPoints, targetIdx),
+      createCurrentPoint(detailPoints, targetIdx)
+    ];
     showScaleText && objects.push(createScaleText());
     showNumberText && objects.push(createNumberText(detailPoints, targetIdx));
     detailGroup.add(...objects).addWithUpdate();
@@ -150,7 +137,10 @@ function useDetailEvent(polyline, options) {
           ...subLineOptions(idx)
         });
       }
-      const rowLineGroup = new fabric.Group([...range(yBottomCellNumber).map((idx) => createRowLine(idx * subLineSpace + zeroPointY, idx)), ...range(yTopCellNumber).map((idx) => createRowLine(-(idx * subLineSpace) + zeroPointY, idx))]);
+      const rowLineGroup = new fabric.Group([
+        ...range(yBottomCellNumber).map((idx) => createRowLine(idx * subLineSpace + zeroPointY, idx)),
+        ...range(yTopCellNumber).map((idx) => createRowLine(-(idx * subLineSpace) + zeroPointY, idx))
+      ]);
       const currentPointX = targetIdx2 / points2.length * renderWidth;
       const xLeftCellNumber = Math.ceil(currentPointX / subLineSpace);
       const xRightCellNumber = Math.ceil((renderWidth - currentPointX) / subLineSpace);
@@ -160,7 +150,10 @@ function useDetailEvent(polyline, options) {
           ...idx === 0 ? gridOptions.subLineStyle : subLineOptions(idx)
         });
       }
-      const columnLineGroup = new fabric.Group([...range(xRightCellNumber).map((idx) => createColumnLine(idx * subLineSpace + currentPointX, idx)), ...range(xLeftCellNumber).map((idx) => createColumnLine(-(idx * subLineSpace) + currentPointX, idx))]);
+      const columnLineGroup = new fabric.Group([
+        ...range(xRightCellNumber).map((idx) => createColumnLine(idx * subLineSpace + currentPointX, idx)),
+        ...range(xLeftCellNumber).map((idx) => createColumnLine(-(idx * subLineSpace) + currentPointX, idx))
+      ]);
       return new fabric.Group([columnLineGroup, rowLineGroup]);
     }
     function createMainLine(detailPoints2) {

package/es/components/fabric-chart/src/hooks/electrocardiogram/useElectrocardiogram.js

@@ -18,10 +18,7 @@ import '../surgicalAnesthesia/useOther.js';
 import '../../../../../shared/utils/index.js';
 
 function useElectrocardiogram(canvas, propItems, flag) {
-  const {
-    computedX,
-    computedY
-  } = useElectrocardiogramCumputedPoint(propItems);
+  const { computedX, computedY } = useElectrocardiogramCumputedPoint(propItems);
   const {
     borderStyle,
     originX,
@@ -68,17 +65,10 @@ function useElectrocardiogram(canvas, propItems, flag) {
     dataList.forEach((lineItem, idx) => {
       if (idx === dataList.length - 1 && arguments.length)
         return;
-      const {
-        x,
-        y,
-        rowIdx
-      } = lineItem.origin;
+      const { x, y, rowIdx } = lineItem.origin;
       const showLength = getShowLength(lineItem.data);
       const points = lineItem.data.reduce((res, value, _idx) => {
-        const _res = idx < ECG.MAXLINENUMBER - 1 && _idx >= startIdx && _idx <= startIdx + showLength || idx === ECG.MAXLINENUMBER - 1 ? [{
-          x: computedX(res.length + 1),
-          y: computedY(-+value) + y
-        }] : [];
+        const _res = idx < ECG.MAXLINENUMBER - 1 && _idx >= startIdx && _idx <= startIdx + showLength || idx === ECG.MAXLINENUMBER - 1 ? [{ x: computedX(res.length + 1), y: computedY(-+value) + y }] : [];
         return res.concat(_res);
       }, []);
       const polyline = new fabric.Polyline(points, {
@@ -114,10 +104,7 @@ function useElectrocardiogram(canvas, propItems, flag) {
       }
       if (arguments.length)
         return;
-      drawCalibrationLine({
-        x,
-        y
-      }, lineStyle);
+      drawCalibrationLine({ x, y }, lineStyle);
       const title = new fabric.Text(String(lineItem.title), {
         ...titleStyle,
         left: x + (columnNumber === 4 ? xCellWidth : xCellWidth / 2),
@@ -133,37 +120,38 @@ function useElectrocardiogram(canvas, propItems, flag) {
   function bindPointEvent(polyline, options) {
     useDetailEvent(polyline, options);
   }
-  function drawCalibrationLine({
-    x,
-    y
-  }, lineStyle2) {
+  function drawCalibrationLine({ x, y }, lineStyle2) {
     const originX2 = x - xCellWidth;
     const minCellWidth = xCellWidth / ECG.SMALLCELLNUMBER;
-    const line = new fabric.Polyline([{
-      x: originX2,
-      y
-    }, {
-      x: originX2 + minCellWidth,
-      y
-    }, {
-      x: originX2 + minCellWidth,
-      y: y - calibrationLineHeight
-    }, {
-      x: originX2 + minCellWidth * 3,
-      y: y - calibrationLineHeight
-    }, {
-      x: originX2 + minCellWidth * 3,
-      y
-    }, {
-      x: originX2 + minCellWidth * 4,
-      y
-    }], {
-      ...lineStyle2,
-      fill: "transparent",
-      strokeWidth: 1,
-      left: originX2,
-      ...defaultStyle
-    });
+    const line = new fabric.Polyline(
+      [
+        {
+          x: originX2,
+          y
+        },
+        {
+          x: originX2 + minCellWidth,
+          y
+        },
+        {
+          x: originX2 + minCellWidth,
+          y: y - calibrationLineHeight
+        },
+        {
+          x: originX2 + minCellWidth * 3,
+          y: y - calibrationLineHeight
+        },
+        {
+          x: originX2 + minCellWidth * 3,
+          y
+        },
+        {
+          x: originX2 + minCellWidth * 4,
+          y
+        }
+      ],
+      { ...lineStyle2, fill: "transparent", strokeWidth: 1, left: originX2, ...defaultStyle }
+    );
     fixedPointsCache.add(line);
   }
   function drawDivider() {
@@ -200,9 +188,7 @@ function useElectrocardiogram(canvas, propItems, flag) {
     });
   }, 150);
   function drawBorder() {
-    const {
-      strokeWidth
-    } = borderStyle;
+    const { strokeWidth } = borderStyle;
     const border = new fabric.Rect({
       ...borderStyle,
       width: canvasWidth - strokeWidth,

package/es/components/fabric-chart/src/hooks/electrocardiogram/useElectrocardiogramChart.js

@@ -28,10 +28,7 @@ function useElectrocardiogramChart(canvas, props, emits, canvasRef, pointTipProp
   const endX = computed(() => props.data.width);
   const endY = computed(() => props.data.height);
   const __dataList = computed(() => {
-    const {
-      dataList: dataList2 = [],
-      config = {}
-    } = props.data;
+    const { dataList: dataList2 = [], config = {} } = props.data;
     const __dataList2 = cloneDeep(dataList2);
     const matchItem = __dataList2.find((item) => config.lastDataKey && item.key === config.lastDataKey);
     if (matchItem) {
@@ -47,10 +44,7 @@ function useElectrocardiogramChart(canvas, props, emits, canvasRef, pointTipProp
   });
   const gridXNumber = computed(() => {
     var _a, _b, _c;
-    const {
-      config,
-      grid
-    } = props.data;
+    const { config, grid } = props.data;
     if (isNumber(grid.gridXNumber))
       return grid.gridXNumber;
     const totalLength = (_c = (_b = (_a = last(__dataList.value)) == null ? void 0 : _a.data) == null ? void 0 : _b.length) != null ? _c : 0;
@@ -58,10 +52,7 @@ function useElectrocardiogramChart(canvas, props, emits, canvasRef, pointTipProp
     return Math.ceil(totalSeconds / config.mainXCellValue);
   });
   const gridYNumber = computed(() => {
-    const {
-      config,
-      grid
-    } = props.data;
+    const { config, grid } = props.data;
     if (isNumber(grid.gridYNumber))
       return grid.gridYNumber;
     const totalLineLength = __dataList.value.length;
@@ -69,9 +60,7 @@ function useElectrocardiogramChart(canvas, props, emits, canvasRef, pointTipProp
   });
   const totalValueMV = computed(() => {
     var _a;
-    const {
-      config
-    } = props.data;
+    const { config } = props.data;
     const totalData = (_a = last(__dataList.value)) == null ? void 0 : _a.data;
     const maxValue = Math.max(...totalData);
     const minValue = Math.min(...totalData);
@@ -80,15 +69,10 @@ function useElectrocardiogramChart(canvas, props, emits, canvasRef, pointTipProp
   });
   const event = computed(() => {
     var _a;
-    return ((_a = props.data.grid) == null ? void 0 : _a.event) || {
-      selectable: true,
-      evented: true
-    };
+    return ((_a = props.data.grid) == null ? void 0 : _a.event) || { selectable: true, evented: true };
   });
   const layoutInfo = computed(() => {
-    const {
-      mode = "2-6"
-    } = props.data;
+    const { mode = "2-6" } = props.data;
     const [columnNumber, rowNumber] = mode.split("-").map((n) => +n);
     return {
       columnNumber,
@@ -96,22 +80,13 @@ function useElectrocardiogramChart(canvas, props, emits, canvasRef, pointTipProp
     };
   });
   const rowSpace = computed(() => {
-    const {
-      rowNumber
-    } = layoutInfo.value;
+    const { rowNumber } = layoutInfo.value;
     const totalLineLength = __dataList.value.length;
     return Math.round(gridYNumber.value / (rowNumber + (totalLineLength === ECG.MAXLINENUMBER ? 1 : 0)));
   });
   const dataList = computed(() => {
-    const {
-      width,
-      config,
-      grid
-    } = props.data;
-    const {
-      columnNumber,
-      rowNumber
-    } = layoutInfo.value;
+    const { width, config, grid } = props.data;
+    const { columnNumber, rowNumber } = layoutInfo.value;
     const columnWidth = width / columnNumber;
     const dataListLen = __dataList.value.length;
     const baseYCellNumber = Math.ceil(rowSpace.value / 2);
@@ -132,10 +107,7 @@ function useElectrocardiogramChart(canvas, props, emits, canvasRef, pointTipProp
       };
     });
     function getFirstRowLineMaxHeight() {
-      const {
-        valueUnit,
-        mainYCellValue
-      } = config;
+      const { valueUnit, mainYCellValue } = config;
       const data1 = __dataList.value[0].data;
       const data1Max = Math.max(...data1);
       const data1MaxHeight = computedY(data1Max);
@@ -154,10 +126,7 @@ function useElectrocardiogramChart(canvas, props, emits, canvasRef, pointTipProp
   });
   const calibrationLineHeight = computed(() => {
     var _a;
-    const {
-      calibrationLineGridYNumber,
-      mainYCellValue
-    } = ((_a = props.data) == null ? void 0 : _a.config) || {};
+    const { calibrationLineGridYNumber, mainYCellValue } = ((_a = props.data) == null ? void 0 : _a.config) || {};
     if (calibrationLineGridYNumber)
       return yCellHeight.value * calibrationLineGridYNumber;
     return mainYCellValue ? yCellHeight.value / mainYCellValue : yCellHeight.value;
@@ -165,26 +134,11 @@ function useElectrocardiogramChart(canvas, props, emits, canvasRef, pointTipProp
   const propItems = reactive({
     canvasWidth: props.data.width,
     canvasHeight: props.data.height,
-    borderStyle: {
-      ...defaultBorderStyle,
-      ...props.data.borderStyle
-    },
-    lineStyle: {
-      ...defaultLineStyle,
-      ...props.data.lineStyle
-    },
-    titleStyle: {
-      ...defaultTextStyle,
-      ...props.data.titleStyle
-    },
-    measureLineStyle: {
-      ...defaultLineStyle,
-      ...props.data.measureLineStyle
-    },
-    measureTextStyle: {
-      ...defaultTextStyle,
-      ...props.data.measureTextStyle
-    },
+    borderStyle: { ...defaultBorderStyle, ...props.data.borderStyle },
+    lineStyle: { ...defaultLineStyle, ...props.data.lineStyle },
+    titleStyle: { ...defaultTextStyle, ...props.data.titleStyle },
+    measureLineStyle: { ...defaultLineStyle, ...props.data.measureLineStyle },
+    measureTextStyle: { ...defaultTextStyle, ...props.data.measureTextStyle },
     grid: props.data.grid,
     originX,
     endX: endX.value,
@@ -208,12 +162,16 @@ function useElectrocardiogramChart(canvas, props, emits, canvasRef, pointTipProp
       smallCellNumber: ECG.SMALLCELLNUMBER
     };
   }
-  watch(() => canvas.value, (value) => {
-    if (value)
-      init();
-  }, {
-    immediate: true
-  });
+  watch(
+    () => canvas.value,
+    (value) => {
+      if (value)
+        init();
+    },
+    {
+      immediate: true
+    }
+  );
   function init() {
     const {
       useMeasureRuler: _useMeasureRuler,
@@ -222,9 +180,7 @@ function useElectrocardiogramChart(canvas, props, emits, canvasRef, pointTipProp
       useCaliperRuler: _useCaliperRuler,
       useRectRuler: _useRectRuler
     } = useMeasureInstrument(canvas, propItems);
-    const {
-      updatePolyline: _updatePolyline
-    } = useElectrocardiogram(canvas, propItems, flag);
+    const { updatePolyline: _updatePolyline } = useElectrocardiogram(canvas, propItems, flag);
     exposeMethods.useMeasureRuler = _useMeasureRuler;
     exposeMethods.useCaliper = _useCaliper;
     exposeMethods.useCaliperRuler = _useCaliperRuler;