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

package/es/components/fabric-chart/src/hooks/newBirthProcess/useNewBirthProcessChart.js

@@ -18,20 +18,24 @@ import { useNewBirthProcess } from './useNewBirthProcess.js';
 
 function useNewBirthProcessChart(canvas, props, emits, canvasRef, pointTipProps, pointMenuProps) {
   const redrawPoints = ref();
-  const leftScales = computed(() => props.data.scaleValues.filter((item) => item.layout === "left" && item.show));
-  const rightScales = computed(() => props.data.scaleValues.filter((item) => item.layout === "right" && item.show));
-  const originX = computed(() => {
-    var _a;
-    return (_a = leftScales.value) == null ? void 0 : _a.reduce((width, item) => {
-      width += item.width;
-      return width;
-    }, 0);
-  });
+  const leftScales = computed(
+    () => props.data.scaleValues.filter((item) => item.layout === "left" && item.show)
+  );
+  const rightScales = computed(
+    () => props.data.scaleValues.filter((item) => item.layout === "right" && item.show)
+  );
+  const originX = computed(
+    () => {
+      var _a;
+      return (_a = leftScales.value) == null ? void 0 : _a.reduce((width, item) => {
+        width += item.width;
+        return width;
+      }, 0);
+    }
+  );
   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;
@@ -45,11 +49,7 @@ function useNewBirthProcessChart(canvas, props, emits, canvasRef, pointTipProps,
   });
   const yCellHeight = computed(() => {
     var _a;
-    const {
-      xAxis,
-      height,
-      other
-    } = props.data;
+    const { xAxis, height, other } = props.data;
     const xAxisNumber = Object.values(xAxis).reduce((num, item) => {
       if (item.show)
         num++;
@@ -60,10 +60,7 @@ function useNewBirthProcessChart(canvas, props, emits, canvasRef, pointTipProps,
   });
   const originY = computed(() => {
     var _a;
-    const {
-      xAxis,
-      other
-    } = props.data;
+    const { xAxis, other } = props.data;
     const xAxisNumber = Object.values(xAxis).reduce((num, item) => {
       if (item.show && item.position === "top")
         num++;
@@ -73,10 +70,7 @@ function useNewBirthProcessChart(canvas, props, emits, canvasRef, pointTipProps,
     return yCellHeight.value * (xAxisNumber || hasAlertLine ? 1 : 0);
   });
   const endY = computed(() => {
-    const {
-      xAxis,
-      height
-    } = props.data;
+    const { xAxis, height } = props.data;
     const xAxisNumber = Object.values(xAxis).reduce((num, item) => {
       if (item.show && item.position === "bottom")
         num++;
@@ -90,10 +84,7 @@ function useNewBirthProcessChart(canvas, props, emits, canvasRef, pointTipProps,
   });
   const startTime = computed(() => getTime(props.data.xAxis.time.startTime));
   const timeXCell = computed(() => {
-    const {
-      spaceValue,
-      spaceGridNumber
-    } = props.data.xAxis.time || {};
+    const { spaceValue, spaceGridNumber } = props.data.xAxis.time || {};
     return spaceValue * 60 * 60 * 1e3 / (xCellWidth.value * spaceGridNumber);
   });
   const extraTimeXAxisList = computed(() => {
@@ -102,34 +93,28 @@ function useNewBirthProcessChart(canvas, props, emits, canvasRef, pointTipProps,
     const min = Math.min(...scalesTimeList);
     let max = Math.min(Math.max(...scalesTimeList));
     const timesXCell = timeXCell.value * xCellWidth.value;
-    const xCellTimeList = range(1, gridXNumber.value + 1).reduce((timeList, cur, next) => timeList.concat(startTime.value + cur * timesXCell), [startTime.value]);
+    const xCellTimeList = range(1, gridXNumber.value + 1).reduce(
+      (timeList, cur, next) => timeList.concat(startTime.value + cur * timesXCell),
+      [startTime.value]
+    );
     max = Math.min(max, last(xCellTimeList));
     const startIndx = xCellTimeList.findIndex((time) => Math.abs(time - min) < timesXCell);
     const endIndx = xCellTimeList.findIndex((time) => Math.abs(time - max) < timesXCell) + 1;
     return xCellTimeList.filter((time, idx) => idx >= startIndx && idx <= endIndx).map((time) => format(new Date(time), "yyyy-MM-dd HH:mm:ss"));
   });
   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 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 };
   });
   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,
@@ -152,16 +137,18 @@ function useNewBirthProcessChart(canvas, props, emits, canvasRef, pointTipProps,
     extraTimeXAxisList: extraTimeXAxisList.value,
     event: event.value
   });
-  watch(() => canvas.value, (value) => {
-    if (value)
-      init();
-  }, {
-    immediate: true
-  });
+  watch(
+    () => canvas.value,
+    (value) => {
+      if (value)
+        init();
+    },
+    {
+      immediate: true
+    }
+  );
   function init() {
-    const {
-      redrawPoints: _redrawPoints
-    } = useNewBirthProcess(canvas, propItems, emits, pointTipProps);
+    const { redrawPoints: _redrawPoints } = useNewBirthProcess(canvas, propItems, emits, pointTipProps);
     redrawPoints.value = _redrawPoints;
   }
   return {

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

@@ -1,3 +1,4 @@
+import { i18n } from '../../../../../_virtual/_virtual_i18n-methods.js';
 import { fabric } from '../../../../../shared/utils/fabricjs/index.js';
 import { defaultStyle, drawLine, drawPoint } from '../useDraw.js';
 import { useGrid } from '../useGrid.js';
@@ -214,38 +215,10 @@ function useCenter(canvas, propItems, emits, pointTipProps, pointMenuProps, isPo
     dialog.warning({
       maskClosable: false,
       closeOnEsc: false,
-      title: function() {
-        var _a, _b, _c;
-        try {
-          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.228")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.228")) || "\u8B66\u544A";
-        } catch (e) {
-          return "\u8B66\u544A";
-        }
-      }(),
-      content: function() {
-        var _a, _b, _c;
-        try {
-          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.229")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.229")) || "\u786E\u8BA4\u5220\u9664\u5F53\u524D\u9009\u4E2D\u7684\u8282\u70B9\uFF1F";
-        } catch (e) {
-          return "\u786E\u8BA4\u5220\u9664\u5F53\u524D\u9009\u4E2D\u7684\u8282\u70B9\uFF1F";
-        }
-      }(),
-      positiveText: function() {
-        var _a, _b, _c;
-        try {
-          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.27")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.27")) || "\u786E\u5B9A";
-        } catch (e) {
-          return "\u786E\u5B9A";
-        }
-      }(),
-      negativeText: function() {
-        var _a, _b, _c;
-        try {
-          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.28")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.28")) || "\u53D6\u6D88";
-        } catch (e) {
-          return "\u53D6\u6D88";
-        }
-      }(),
+      title: i18n("10010.1.228", "\u8B66\u544A"),
+      content: i18n("10010.1.229", "\u786E\u8BA4\u5220\u9664\u5F53\u524D\u9009\u4E2D\u7684\u8282\u70B9\uFF1F"),
+      positiveText: i18n("10010.1.27", "\u786E\u5B9A"),
+      negativeText: i18n("10010.1.28", "\u53D6\u6D88"),
       onPositiveClick: () => {
         callback();
         removeCurrentSelection();

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();