cnhis-design-vue 3.1.34-beta.1 → 3.1.34-beta.11

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

@@ -4,12 +4,12 @@ import useGrid from './useGrid.js';
 import { drawLine, drawPoint, drawText, defaultTextStyle, defaultRectStyle } from './useDraw.js';
 import { fabric } from '../utils/index.js';
 import { getIndex, isEffectiveNode } from '../utils/utils.js';
-import useCommmon from './useCommon.js';
+import { useCommon } from './useCommon.js';
 import { cloneDeep } from 'lodash-es';
 
 function useBirthProcess(canvas, propItems, emits) {
   const { cumputedX, cumputedY, getXValue, getYValue } = useBirthProcessCumputedPoint(propItems);
-  const { getEqualXTypes } = useCommmon(canvas);
+  const { getEqualXTypes } = useCommon(canvas);
   const {
     xAxis,
     grid,

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

@@ -1,4 +1,3 @@
-import { onMounted, nextTick } from 'vue';
 import { fabric } from '../utils/index.js';
 import { defaultBorderStyle, drawTextGroup, defaultTextStyle, defaultRectStyle, defaultStyle } from './useDraw.js';
 
@@ -86,11 +85,7 @@ function useBottom(canvas, propItems) {
     group && group.sendToBack();
     group && canvas.value.add(group);
   }
-  onMounted(() => {
-    nextTick(() => {
-      drawBottom();
-    });
-  });
+  drawBottom();
 }
 
 export { useBottom };

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

@@ -1,24 +1,10 @@
 import { Ref } from 'vue';
 import { fabric } from '../utils';
 import { IPropItems } from '../interface';
-export declare function useCenter(canvas: Ref<fabric.Canvas>, propItems: IPropItems, emits: any, cumputedX: Function, cumputedY: Function, getXValue: Function, getYValue: Function, addRenderItem: Function | undefined): {
-    pointTipProps: {
-        show: boolean;
-        point: {
-            x: number;
-            y: number;
-        };
-        list: string[];
-    };
-    pointMenuProps: {
-        show: boolean;
-        point: {
-            x: number;
-            y: number;
-        };
-        list: any[];
-        target: any;
-    };
+import { AnyObject } from '../../../../../es/shared/types';
+export declare function useCenter(canvas: Ref<fabric.Canvas>, propItems: IPropItems, emits: any, cumputedX: Function, cumputedY: Function, getXValue: Function, getYValue: Function, addRenderItem: Function | undefined, pointTipProps: any, pointMenuProps: any, useCommon: AnyObject): {
+    pointTipProps: any;
+    pointMenuProps: any;
     clickMenu: ({ item, target }: {
         item: any;
         target: any;

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

@@ -1,16 +1,14 @@
-import { reactive, onMounted, nextTick } from 'vue';
 import { fabric } from '../utils/index.js';
 import { drawLine, defaultStyle, drawPoint, drawText, drawArrow } from './useDraw.js';
 import useGrid from './useGrid.js';
 import { useShadow } from './useShadow.js';
 import { TEMPERATURE_MENU, PAIN_MENU, OVERLAP } from './constant.js';
-import useCommmon from './useCommon.js';
 import { cloneDeep } from 'lodash-es';
 import { getPointArr, isEffectiveNode, getIndex, deleteProperty } from '../utils/utils.js';
 
-function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, getYValue, addRenderItem) {
+function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, getYValue, addRenderItem, pointTipProps, pointMenuProps, useCommon) {
   useGrid(canvas, propItems);
-  const { getEqualXTypes, repeatTip, maxLimitTip, minLimitTip } = useCommmon(canvas);
+  const { getEqualXTypes, repeatTip, maxLimitTip, minLimitTip } = useCommon;
   const {
     left,
     xScaleList,
@@ -27,17 +25,6 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
     hospitalizationDate,
     config
   } = propItems;
-  const pointTipProps = reactive({
-    show: false,
-    point: { x: 0, y: 0 },
-    list: []
-  });
-  const pointMenuProps = reactive({
-    show: false,
-    point: { x: 0, y: 0 },
-    list: [],
-    target: null
-  });
   const shadowLinesCache = /* @__PURE__ */ new Set();
   let shadowPointCache = [];
   const maiboPoints = /* @__PURE__ */ new Set();
@@ -45,11 +32,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
   const prevLines = /* @__PURE__ */ new Set();
   const gridPoints = /* @__PURE__ */ new Set();
   const yScaleValue = cloneDeep(left.yScaleValue);
-  onMounted(() => {
-    nextTick(() => {
-      init();
-    });
-  });
+  init();
   function init() {
     shadowPointCache = [];
     maiboPoints.clear();
@@ -230,6 +213,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
       pacemaker = {},
       upArrowStyle = {},
       limitValueStyle = {},
+      nonePainPointStyle = {},
       dataList = []
     } = scaleValue;
     const pointList = [];
@@ -444,7 +428,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
         lockMovementX: true,
         ...v.pacemakerShow && type == "pulse" ? pacemaker.style : pointAttr,
         ...propItems.event,
-        ...isNonePain ? { selectable: false, evented: false } : {}
+        ...isNonePain ? { selectable: false, evented: false, ...nonePainPointStyle } : {}
       };
       if (previousLine) {
         const y = previousLine.get("y2");

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

@@ -1,6 +1,6 @@
 import { Ref } from 'vue';
 import { fabric } from '../utils';
-export default function useCommmon(canvas: Ref<fabric.Canvas>): {
+export declare function useCommon(canvas: Ref<fabric.Canvas>): {
     getEqualXTypes: (pointX: number, field: string, range?: number) => string[];
     repeatTip: () => void;
     maxLimitTip: () => void;

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

@@ -1,6 +1,6 @@
 import { useMessage } from 'naive-ui';
 
-function useCommmon(canvas) {
+function useCommon(canvas) {
   const $message = useMessage();
   function getEqualXTypes(pointX, field, range = 6) {
     const types = [];
@@ -29,4 +29,4 @@ function useCommmon(canvas) {
   };
 }
 
-export { useCommmon as default };
+export { useCommon };

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

@@ -1,4 +1,3 @@
-import { onMounted, nextTick } from 'vue';
 import { fabric } from '../utils/index.js';
 import { drawLine, defaultBorderStyle } from './useDraw.js';
 
@@ -48,12 +47,8 @@ function useGrid(canvas, propItems, isBirthProcess = false) {
     evented: false,
     selectable: false
   });
-  onMounted(() => {
-    nextTick(() => {
-      canvas.value.add(group);
-      canvas.value.sendToBack(group);
-    });
-  });
+  canvas.value.add(group);
+  canvas.value.sendToBack(group);
 }
 
 export { useGrid as default };

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

@@ -1,6 +1,7 @@
 import { Ref } from 'vue';
 import { fabric } from '../utils';
 import { IPropItems } from '../interface';
-export declare function useLeft(canvas: Ref<fabric.Canvas>, propItems: IPropItems, emits: any, setPopup: Function, pointTipProps: any, cumputedX: Function, cumputedY: Function, getXValue: Function, getYValue: Function, isAddPoint: Function, updateData: Function): {
+import { AnyObject } from '../../../../../es/shared/types';
+export declare function useLeft(canvas: Ref<fabric.Canvas>, propItems: IPropItems, emits: any, setPopup: Function, pointTipProps: any, cumputedX: Function, cumputedY: Function, getXValue: Function, getYValue: Function, isAddPoint: Function, updateData: Function, useCommon: AnyObject): {
     drawScaleValue: (yScaleValueList: any[]) => void;
 };

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

@@ -1,10 +1,9 @@
-import { onMounted, nextTick } from 'vue';
 import { fabric } from '../utils/index.js';
 import { defaultBorderStyle, defaultTextStyle, defaultStyle, defaultRectStyle, drawPoint, drawTextGroup } from './useDraw.js';
-import useCommmon from './useCommon.js';
 
-function useLeft(canvas, propItems, emits, setPopup, pointTipProps, cumputedX, cumputedY, getXValue, getYValue, isAddPoint, updateData) {
-  const { getEqualXTypes, repeatTip } = useCommmon(canvas);
+function useLeft(canvas, propItems, emits, setPopup, pointTipProps, cumputedX, cumputedY, getXValue, getYValue, isAddPoint, updateData, useCommon) {
+  var _a, _b;
+  const { getEqualXTypes, repeatTip } = useCommon;
   const {
     originY,
     endY,
@@ -98,23 +97,23 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, cumputedX, c
     canvas.value.add(title, ...list);
     title.sendToBack();
   }
-  function drawScaleValue(yScaleValueList) {
-    var _a;
-    if (!(yScaleValueList == null ? void 0 : yScaleValueList.length))
+  function drawScaleValue(yScaleValueList2) {
+    var _a2;
+    if (!(yScaleValueList2 == null ? void 0 : yScaleValueList2.length))
       return;
-    const { layout } = yScaleValueList[0];
+    const { layout } = yScaleValueList2[0];
     let start = iconsWidth;
     let end = originX;
     if (layout === "right") {
       start = endX;
-      end = endX + ((_a = right == null ? void 0 : right.width) != null ? _a : 0);
+      end = endX + ((_a2 = right == null ? void 0 : right.width) != null ? _a2 : 0);
     }
     const groupList = [];
-    const column = !painHeight || layout === "right" ? yScaleValueList.length : yScaleValueList.length - 1;
+    const column = !painHeight || layout === "right" ? yScaleValueList2.length : yScaleValueList2.length - 1;
     const colWidth = (end - start) / column;
     const residue = (end - start) % column;
     const firstColWidth = colWidth + residue;
-    yScaleValueList.forEach((item, index) => {
+    yScaleValueList2.forEach((item, index) => {
       if (item.type === "pain") {
         drwaPainScaleValue(item);
         return;
@@ -309,23 +308,18 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, cumputedX, c
       })
     );
   }
-  onMounted(() => {
-    nextTick(() => {
-      var _a, _b;
-      iconsWidth && drawIcons();
-      const yScaleValueList = left.yScaleValue.filter((v) => v.layout === "left" && v.type !== "pain" && v.show);
-      if ((right == null ? void 0 : right.width) && ((_a = right == null ? void 0 : right.yScaleValue) == null ? void 0 : _a.layout) === "left" && ((_b = right == null ? void 0 : right.yScaleValue) == null ? void 0 : _b.show)) {
-        yScaleValueList.push(getRightInfo);
-      }
-      if (painIndex > 0 && left.yScaleValue[painIndex].show) {
-        const painObj = left.yScaleValue[painIndex];
-        painIndex === 0 && left.yScaleValue.length > 1 && yScaleValueList.unshift(painObj);
-        painIndex == left.yScaleValue.length - 1 && yScaleValueList.push(painObj);
-      }
-      drawScaleValue(yScaleValueList);
-      drawBorder();
-    });
-  });
+  iconsWidth && drawIcons();
+  const yScaleValueList = left.yScaleValue.filter((v) => v.layout === "left" && v.type !== "pain" && v.show);
+  if ((right == null ? void 0 : right.width) && ((_a = right == null ? void 0 : right.yScaleValue) == null ? void 0 : _a.layout) === "left" && ((_b = right == null ? void 0 : right.yScaleValue) == null ? void 0 : _b.show)) {
+    yScaleValueList.push(getRightInfo);
+  }
+  if (painIndex > 0 && left.yScaleValue[painIndex].show) {
+    const painObj = left.yScaleValue[painIndex];
+    painIndex === 0 && left.yScaleValue.length > 1 && yScaleValueList.unshift(painObj);
+    painIndex == left.yScaleValue.length - 1 && yScaleValueList.push(painObj);
+  }
+  drawScaleValue(yScaleValueList);
+  drawBorder();
   return {
     drawScaleValue
   };

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

@@ -1,4 +1,3 @@
-import { onMounted, nextTick } from 'vue';
 import { fabric } from '../utils/index.js';
 import { defaultStyle } from './useDraw.js';
 
@@ -89,11 +88,7 @@ function useOther(canvas, propItems, cumputedX) {
       trueHeight: texts.length * yCellHeight
     });
   }
-  onMounted(() => {
-    nextTick(() => {
-      drawOther();
-    });
-  });
+  drawOther();
 }
 
 export { useOther };

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

@@ -1,27 +1,22 @@
-import { onMounted, nextTick } from 'vue';
 import { fabric } from '../utils/index.js';
 import { defaultBorderStyle } from './useDraw.js';
 
 function useRight(canvas, propItems, drawScaleValue) {
+  var _a, _b;
   const { left, right, getRightInfo, canvasWidth, endY, endX, originY } = propItems;
-  onMounted(() => {
-    nextTick(() => {
-      var _a, _b;
-      const yScaleValueList = left.yScaleValue.filter((v) => v.layout === "right" && v.show);
-      if ((right == null ? void 0 : right.width) && ((_a = right == null ? void 0 : right.yScaleValue) == null ? void 0 : _a.layout) === "right" && ((_b = right == null ? void 0 : right.yScaleValue) == null ? void 0 : _b.show)) {
-        yScaleValueList.push(getRightInfo);
-      }
-      if ((right == null ? void 0 : right.width) || yScaleValueList.length > 0) {
-        const rightBorderLine = new fabric.Line([canvasWidth - 1, 0, canvasWidth - 1, endY], defaultBorderStyle);
-        const rightBorderLine2 = new fabric.Line([endX + 1, originY, canvasWidth - 1, originY], {
-          ...defaultBorderStyle,
-          stroke: "#fff"
-        });
-        canvas.value.add(rightBorderLine, rightBorderLine2);
-      }
-      drawScaleValue(yScaleValueList);
+  const yScaleValueList = left.yScaleValue.filter((v) => v.layout === "right" && v.show);
+  if ((right == null ? void 0 : right.width) && ((_a = right == null ? void 0 : right.yScaleValue) == null ? void 0 : _a.layout) === "right" && ((_b = right == null ? void 0 : right.yScaleValue) == null ? void 0 : _b.show)) {
+    yScaleValueList.push(getRightInfo);
+  }
+  if ((right == null ? void 0 : right.width) || yScaleValueList.length > 0) {
+    const rightBorderLine = new fabric.Line([canvasWidth - 1, 0, canvasWidth - 1, endY], defaultBorderStyle);
+    const rightBorderLine2 = new fabric.Line([endX + 1, originY, canvasWidth - 1, originY], {
+      ...defaultBorderStyle,
+      stroke: "#fff"
     });
-  });
+    canvas.value.add(rightBorderLine, rightBorderLine2);
+  }
+  drawScaleValue(yScaleValueList);
 }
 
 export { useRight };

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

@@ -0,0 +1,25 @@
+import { Ref } from 'vue';
+import { fabric } from '../utils';
+export default function useTemperatureChart(canvas: Ref<fabric.Canvas>, props: any, emits: any, canvasRef: Ref<any>): {
+    propItems: any;
+    redrawPoints: Ref<any>;
+    select: Ref<any>;
+    pointTipProps: {
+        show: boolean;
+        point: {
+            x: number;
+            y: number;
+        };
+        list: string[];
+    };
+    pointMenuProps: {
+        show: boolean;
+        point: {
+            x: number;
+            y: number;
+        };
+        list: any[];
+        target: any;
+    };
+    clickMenu: Ref<any>;
+};