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

package/es/components/fabric-chart/src/hooks/temperature/useTemperatureChart.js

@@ -29,9 +29,7 @@ function useTemperatureChart(canvas, props, emits, canvasRef, pointTipProps, poi
     clickMenu: null
   });
   const painSurplusCell = computed(() => {
-    const {
-      painSurplusCell: painSurplusCell2 = [0, 0]
-    } = props.data.grid || {};
+    const { painSurplusCell: painSurplusCell2 = [0, 0] } = props.data.grid || {};
     if (!~painIndex.value)
       return [0, 0];
     return painSurplusCell2;
@@ -55,70 +53,48 @@ function useTemperatureChart(canvas, props, emits, canvasRef, pointTipProps, poi
     return surplusCell.value;
   });
   const dateHeight = computed(() => {
-    const {
-      top
-    } = props.data;
+    const { top } = props.data;
     return top.date.show && (top.date.height || defaultHeight) || 0;
   });
   const hospitalDaysHeight = computed(() => {
     var _a;
-    const {
-      top
-    } = props.data;
+    const { top } = props.data;
     return ((_a = top.hospitalDays) == null ? void 0 : _a.show) && (top.hospitalDays.height || defaultHeight) || 0;
   });
   const operationDaysHeight = computed(() => {
     var _a;
-    const {
-      top
-    } = props.data;
+    const { top } = props.data;
     return ((_a = top.operationDays) == null ? void 0 : _a.show) && (top.operationDays.height || defaultHeight) || 0;
   });
   const xScalevalueHeight = computed(() => {
     var _a, _b, _c;
-    const {
-      top
-    } = props.data;
+    const { top } = props.data;
     const height = ((_a = top.xScalevalue) == null ? void 0 : _a.show) && (top.xScalevalue.height || defaultHeight) || 0;
     const dayHeight = ((_b = top.xScalevalue) == null ? void 0 : _b.show) ? (_c = top.dayHeight) != null ? _c : 0 : 0;
     return height + dayHeight;
   });
   const childbirthDaysHeight = computed(() => {
     var _a;
-    const {
-      top
-    } = props.data;
+    const { top } = props.data;
     return ((_a = top.childbirthDays) == null ? void 0 : _a.show) && (top.childbirthDays.height || defaultHeight) || 0;
   });
   const breathingHeight = computed(() => {
     var _a;
-    const {
-      bottom
-    } = props.data;
+    const { bottom } = props.data;
     return ((_a = bottom == null ? void 0 : bottom.breathing) == null ? void 0 : _a.show) && (bottom.breathing.height || defaultHeight * 2) || 0;
   });
   const gridXNumber = computed(() => {
-    const {
-      grid
-    } = props.data;
+    const { grid } = props.data;
     return grid.mainXCell * grid.subXCell + surplusCell.value[1] + surplusCell.value[3];
   });
   const gridYNumber = computed(() => {
-    const {
-      mainYCell,
-      subYCell,
-      painSubYCell = 5
-    } = props.data.grid;
+    const { mainYCell, subYCell, painSubYCell = 5 } = props.data.grid;
     const painSurplusCellNumber = painIndex.value > 0 ? painSurplusCell.value[1] : painSurplusCell.value[0];
     return (mainYCell - 1) * subYCell + painSubYCell + surplusCell.value[0] + surplusCell.value[2] + painSurplusCellNumber;
   });
   const endX = computed(() => {
     var _a;
-    const {
-      width,
-      right = null,
-      top
-    } = props.data;
+    const { width, right = null, top } = props.data;
     if (!right)
       return width;
     const endWidth = (_a = right.width) != null ? _a : 0;
@@ -128,18 +104,12 @@ function useTemperatureChart(canvas, props, emits, canvasRef, pointTipProps, poi
     return endX.value - surplusCell.value[1] * xCellWidth.value;
   });
   const originX = computed(() => {
-    const {
-      top,
-      left
-    } = props.data;
+    const { top, left } = props.data;
     const originX2 = top.titleWidth + iconsWidth.value;
     return originX2;
   });
   const endY = computed(() => {
-    const {
-      bottom = null,
-      height
-    } = props.data;
+    const { bottom = null, height } = props.data;
     if (!bottom)
       return height;
     const endHeight = bottom.height || 30;
@@ -147,9 +117,7 @@ function useTemperatureChart(canvas, props, emits, canvasRef, pointTipProps, poi
   });
   const originY = computed(() => {
     var _a;
-    const {
-      top
-    } = props.data;
+    const { top } = props.data;
     const dayHeight = top.xScalevalue.show && ((_a = top.dayHeight) != null ? _a : 0) || 0;
     const xScaleHeight = top.xScalevalue.show && (top.xScalevalue.height || defaultHeight) || 0;
     const topHeight = dateHeight.value + dayHeight + xScaleHeight + hospitalDaysHeight.value + operationDaysHeight.value + childbirthDaysHeight.value;
@@ -163,22 +131,20 @@ function useTemperatureChart(canvas, props, emits, canvasRef, pointTipProps, poi
   });
   const iconsWidth = computed(() => {
     var _a, _b;
-    const {
-      left
-    } = props.data;
+    const { left } = props.data;
     return ((_a = left.icons) == null ? void 0 : _a.show) && (((_b = left.icons) == null ? void 0 : _b.width) || 100) || 0;
   });
   const xScaleList = computed(() => {
     var _a, _b;
-    const {
-      top,
-      grid
-    } = props.data;
+    const { top, grid } = props.data;
     const dateList = ((_b = (_a = top.date.list) == null ? void 0 : _a.slice) == null ? void 0 : _b.call(_a, 0, grid.mainXCell)) || [];
     const times = top.xScalevalue.times;
     let left = originX.value - xCellWidth.value;
     const startDate = top.date.startDate || format(new Date(), "yyyy-MM-dd");
-    const newDateList = dateList.reduce((arr, item, index) => index === 0 ? arr.concat(startDate) : arr.concat(format(addDays(new Date(startDate.replace(/-/g, "/")), index), "yyyy-MM-dd")), []);
+    const newDateList = dateList.reduce(
+      (arr, item, index) => index === 0 ? arr.concat(startDate) : arr.concat(format(addDays(new Date(startDate.replace(/-/g, "/")), index), "yyyy-MM-dd")),
+      []
+    );
     const timeList = newDateList.map((item) => {
       return times.map((v) => {
         left += xCellWidth.value;
@@ -197,64 +163,47 @@ function useTemperatureChart(canvas, props, emits, canvasRef, pointTipProps, poi
   });
   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 itemList = computed(() => {
-    const {
-      left
-    } = props.data;
-    return flatten(left.yScaleValue.filter((v) => v.show).map((item) => {
-      return item.dataList.filter((v) => v.show).map((v, dataIndex) => {
-        return {
-          ...v,
-          bigType: setOtherType(v.key, item.type),
-          unit: item.unit,
-          dataIndex,
-          isOneLine: isOneLine(item)
-        };
-      });
-    }));
+    const { left } = props.data;
+    return flatten(
+      left.yScaleValue.filter((v) => v.show).map((item) => {
+        return item.dataList.filter((v) => v.show).map((v, dataIndex) => {
+          return {
+            ...v,
+            bigType: setOtherType(v.key, item.type),
+            unit: item.unit,
+            dataIndex,
+            isOneLine: isOneLine(item)
+          };
+        });
+      })
+    );
   });
   const painScalePositionSurplusHeight = computed(() => {
-    const {
-      left
-    } = props.data;
+    const { left } = props.data;
     const painItem = left.yScaleValue.find((v) => v.type === "pain");
     if (!painItem)
       return 0;
-    const {
-      numberVerticalPosition = "bottom",
-      spaceGridNumber = 1
-    } = painItem;
+    const { numberVerticalPosition = "bottom", spaceGridNumber = 1 } = painItem;
     return numberVerticalPosition === "center" ? yCellHeight.value * spaceGridNumber / 2 : 0;
   });
   const painIndex = computed(() => {
-    const {
-      left
-    } = props.data;
+    const { left } = props.data;
     const index = left.yScaleValue.findIndex((v) => v.type === "pain");
     return index > -1 && left.yScaleValue[index].show ? index : -1;
   });
   const painHeight = computed(() => {
-    const {
-      painSubYCell = 5
-    } = props.data.grid;
+    const { painSubYCell = 5 } = props.data.grid;
     return painIndex.value === -1 ? 0 : yCellHeight.value * painSubYCell;
   });
   const painBorderColor = computed(() => {
-    const {
-      left
-    } = props.data;
+    const { left } = props.data;
     return (left.yScaleValue.find((v) => v.type === "pain") || {}).borderColor;
   });
   const painOriginY = computed(() => {
-    const {
-      left
-    } = props.data;
+    const { left } = props.data;
     const obj = {
       originY: originY.value + painSurplusCell.value[0] * yCellHeight.value,
       endY: endY.value - painSurplusCell.value[1] * yCellHeight.value - painScalePositionSurplusHeight.value
@@ -267,9 +216,7 @@ function useTemperatureChart(canvas, props, emits, canvasRef, pointTipProps, poi
     return obj;
   });
   const vitalSignsOriginY = computed(() => {
-    const {
-      left
-    } = props.data;
+    const { left } = props.data;
     const obj = {
       originY: originY.value + surplusCell.value[0] * yCellHeight.value,
       endY: endY.value - surplusCell.value[2] * yCellHeight.value
@@ -283,10 +230,7 @@ function useTemperatureChart(canvas, props, emits, canvasRef, pointTipProps, poi
   });
   const topList = computed(() => {
     var _a, _b;
-    const {
-      top,
-      grid
-    } = props.data;
+    const { top, grid } = props.data;
     const topList2 = [];
     for (const i in top) {
       if (top[i].show) {
@@ -301,10 +245,7 @@ function useTemperatureChart(canvas, props, emits, canvasRef, pointTipProps, poi
   });
   const getRightInfo = computed(() => {
     var _a;
-    const {
-      left,
-      right
-    } = props.data;
+    const { left, right } = props.data;
     const temperatureObj = left.yScaleValue.find((v) => v.type === "temperature");
     const yScaleValue = (right == null ? void 0 : right.yScaleValue) || {};
     if ((_a = temperatureObj == null ? void 0 : temperatureObj.list) == null ? void 0 : _a.length) {
@@ -324,10 +265,7 @@ function useTemperatureChart(canvas, props, emits, canvasRef, pointTipProps, poi
   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 || {},
     dateHeight: dateHeight.value,
     hospitalDaysHeight: hospitalDaysHeight.value,
@@ -368,18 +306,17 @@ function useTemperatureChart(canvas, props, emits, canvasRef, pointTipProps, poi
     painScalePositionSurplusHeight: painScalePositionSurplusHeight.value,
     painBorderColor: painBorderColor.value
   });
-  const {
-    computedX,
-    computedY,
-    getXValue,
-    getYValue
-  } = useCumputedPoint(propItems);
-  watch(() => canvas.value, (value) => {
-    if (value)
-      init();
-  }, {
-    immediate: true
-  });
+  const { computedX, computedY, getXValue, getYValue } = useCumputedPoint(propItems);
+  watch(
+    () => canvas.value,
+    (value) => {
+      if (value)
+        init();
+    },
+    {
+      immediate: true
+    }
+  );
   function init() {
     try {
       useTop(canvas, propItems);
@@ -391,18 +328,38 @@ function useTemperatureChart(canvas, props, emits, canvasRef, pointTipProps, poi
         clickMenu: _clickMenu,
         gridPoints,
         fixedNoRisePoints
-      } = useCenter(canvas, propItems, emits, computedX, computedY, getXValue, getYValue, props.addRenderItem, pointTipProps, pointMenuProps);
+      } = useCenter(
+        canvas,
+        propItems,
+        emits,
+        computedX,
+        computedY,
+        getXValue,
+        getYValue,
+        props.addRenderItem,
+        pointTipProps,
+        pointMenuProps
+      );
       exposeMethods.redrawPoints = _redrawPoints;
       exposeMethods.clickMenu = _clickMenu;
-      const {
-        drawScaleValue
-      } = useLeft(canvas, propItems, emits, setPopup, pointTipProps, computedX, computedY, getXValue, getYValue, isAddPoint, updateData, gridPoints);
+      const { drawScaleValue } = useLeft(
+        canvas,
+        propItems,
+        emits,
+        setPopup,
+        pointTipProps,
+        computedX,
+        computedY,
+        getXValue,
+        getYValue,
+        isAddPoint,
+        updateData,
+        gridPoints
+      );
       useRight(canvas, propItems, drawScaleValue);
       useBottom(canvas, propItems);
       useOther(canvas, propItems, emits, computedX, computedY, fixedNoRisePoints, getXValue);
-      const {
-        select: _select
-      } = useCanvasEvent(canvas, propItems, emits);
+      const { select: _select } = useCanvasEvent(canvas, propItems, emits);
       exposeMethods.select = _select;
       setTimeout(() => {
         emits("ready", true);

package/es/components/fabric-chart/src/hooks/temperature/useTop.js

@@ -50,10 +50,7 @@ function useTop(canvas, propItems) {
         list.push(drawLine([originX, topY, originX, topY + currentHeight], borderStyle));
       }
     });
-    const group = list.length > 0 ? new fabric.Group([...list], {
-      ...defaultStyle,
-      objectCaching: false
-    }) : null;
+    const group = list.length > 0 ? new fabric.Group([...list], { ...defaultStyle, objectCaching: false }) : null;
     group && group.sendToBack();
     group && canvas.value.add(group);
   }
@@ -64,19 +61,23 @@ function useTop(canvas, propItems) {
     if (!height)
       return;
     list.push(drawLine([iconsWidth, topY + xScalevalueHeight, endX, topY + xScalevalueHeight], borderStyle));
-    const title = drawTextGroup({
-      width: originX - iconsWidth,
-      height: xScalevalueHeight,
-      ...borderStyle
-    }, {
-      value: top.xScalevalue.title,
-      ...defaultTextStyle,
-      ...item.style || {},
-      ...item.titleStyle || {}
-    }, {
-      left: iconsWidth,
-      top: topY
-    });
+    const title = drawTextGroup(
+      {
+        width: originX - iconsWidth,
+        height: xScalevalueHeight,
+        ...borderStyle
+      },
+      {
+        value: top.xScalevalue.title,
+        ...defaultTextStyle,
+        ...item.style || {},
+        ...item.titleStyle || {}
+      },
+      {
+        left: iconsWidth,
+        top: topY
+      }
+    );
     list.push(title);
     list.push(drawLine([originX, topY, originX, topY + xScalevalueHeight], borderStyle));
     const timeList = [];
@@ -85,21 +86,27 @@ function useTop(canvas, propItems) {
     }
     flatten(timeList).forEach((v, i) => {
       const left = originX + i * xCellWidth;
-      const textGroup = drawTextGroup({
-        width: xCellWidth,
-        height,
-        ...borderStyle
-      }, {
-        value: v.value,
-        ...defaultTextStyle,
-        ...item.style || {},
-        ...v.style || {}
-      }, {
-        left,
-        top: topY + dayHeight
-      });
+      const textGroup = drawTextGroup(
+        {
+          width: xCellWidth,
+          height,
+          ...borderStyle
+        },
+        {
+          value: v.value,
+          ...defaultTextStyle,
+          ...item.style || {},
+          ...v.style || {}
+        },
+        {
+          left,
+          top: topY + dayHeight
+        }
+      );
       list.push(textGroup);
-      list.push(drawLine([left + xCellWidth, topY + dayHeight, left + xCellWidth, topY + dayHeight + height], borderStyle));
+      list.push(
+        drawLine([left + xCellWidth, topY + dayHeight, left + xCellWidth, topY + dayHeight + height], borderStyle)
+      );
     });
   }
   function drawDay(item, list, topY) {
@@ -111,58 +118,67 @@ function useTop(canvas, propItems) {
     const dayList = (gridXNumber - surplusCell[1] - surplusCell[3]) / grid.subSecondXCell;
     for (let i = 0; i < dayList; i++) {
       const left = originX + i * width;
-      const {
-        am,
-        pm
-      } = top.xScalevalue || {};
+      const { am, pm } = top.xScalevalue || {};
       const value = i % 2 === 0 ? am : pm;
-      const textGroup = drawTextGroup({
-        width,
-        height,
-        ...borderStyle
-      }, {
-        value,
-        ...defaultTextStyle,
-        ...item.style || {}
-      }, {
-        left,
-        top: topY
-      });
+      const textGroup = drawTextGroup(
+        {
+          width,
+          height,
+          ...borderStyle
+        },
+        {
+          value,
+          ...defaultTextStyle,
+          ...item.style || {}
+        },
+        {
+          left,
+          top: topY
+        }
+      );
       list.push(textGroup);
       list.push(drawLine([left + width, topY, left + width, topY + height], borderStyle));
     }
   }
   function drawDate(item, list, topY) {
     const height = propItems[`${item.key}Height`];
-    const title = drawTextGroup({
-      width: originX - iconsWidth,
-      height,
-      ...borderStyle
-    }, {
-      value: item.title,
-      ...defaultTextStyle,
-      ...(item == null ? void 0 : item.style) || {},
-      ...item.titleStyle || {}
-    }, {
-      left: iconsWidth,
-      top: topY
-    });
-    list.push(title);
-    const width = xCellWidth * grid.subXCell;
-    item.list.forEach((v, i) => {
-      const left = originX + i * width;
-      const textGroup = drawTextGroup({
-        width,
+    const title = drawTextGroup(
+      {
+        width: originX - iconsWidth,
         height,
         ...borderStyle
-      }, {
-        value: v,
+      },
+      {
+        value: item.title,
         ...defaultTextStyle,
-        ...(item == null ? void 0 : item.style) || {}
-      }, {
-        left,
+        ...(item == null ? void 0 : item.style) || {},
+        ...item.titleStyle || {}
+      },
+      {
+        left: iconsWidth,
         top: topY
-      });
+      }
+    );
+    list.push(title);
+    const width = xCellWidth * grid.subXCell;
+    item.list.forEach((v, i) => {
+      const left = originX + i * width;
+      const textGroup = drawTextGroup(
+        {
+          width,
+          height,
+          ...borderStyle
+        },
+        {
+          value: v,
+          ...defaultTextStyle,
+          ...(item == null ? void 0 : item.style) || {}
+        },
+        {
+          left,
+          top: topY
+        }
+      );
       list.push(drawLine([left + width, topY, left + width, topY + height], borderStyle));
       list.push(textGroup);
     });

package/es/components/fabric-chart/src/hooks/useCommon.js

@@ -1,28 +1,9 @@
+import { i18n } from '../../../../_virtual/_virtual_i18n-methods.js';
+
 const messages = {
-  repeat: function() {
-    var _a, _b, _c;
-    try {
-      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.216")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.216")) || "\u8BE5\u65F6\u6BB5\u5DF2\u5B58\u5728\u6570\u503C\u4E0D\u80FD\u65B0\u589E";
-    } catch (e) {
-      return "\u8BE5\u65F6\u6BB5\u5DF2\u5B58\u5728\u6570\u503C\u4E0D\u80FD\u65B0\u589E";
-    }
-  }(),
-  exceedMax: function() {
-    var _a, _b, _c;
-    try {
-      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.217")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.217")) || "\u672A\u6765\u65F6\u95F4\u4E0D\u5141\u8BB8\u5F55\u5165";
-    } catch (e) {
-      return "\u672A\u6765\u65F6\u95F4\u4E0D\u5141\u8BB8\u5F55\u5165";
-    }
-  }(),
-  exceedMin: function() {
-    var _a, _b, _c;
-    try {
-      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.218")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.218")) || "\u4E0D\u5141\u8BB8\u5C0F\u4E8E\u5165\u9662\u65F6\u95F4";
-    } catch (e) {
-      return "\u4E0D\u5141\u8BB8\u5C0F\u4E8E\u5165\u9662\u65F6\u95F4";
-    }
-  }()
+  repeat: i18n("10010.1.216", "\u8BE5\u65F6\u6BB5\u5DF2\u5B58\u5728\u6570\u503C\u4E0D\u80FD\u65B0\u589E"),
+  exceedMax: i18n("10010.1.217", "\u672A\u6765\u65F6\u95F4\u4E0D\u5141\u8BB8\u5F55\u5165"),
+  exceedMin: i18n("10010.1.218", "\u4E0D\u5141\u8BB8\u5C0F\u4E8E\u5165\u9662\u65F6\u95F4")
 };
 function useCommon(canvas, emits, propItems) {
   function getEqualXTypes(points, pointX, field, range = propItems.xCellWidth) {