cnhis-design-vue 3.1.23-beta.8 → 3.1.23

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

@@ -1 +1,78 @@
-export { OVERLAP, PAIN_MENU, TEMPERATURE_MENU } from './constant2.js';
+const TEMPERATURE_MENU = [
+  {
+    label: "\u5347\u6E29",
+    value: true,
+    type: "rise"
+  },
+  {
+    label: "\u836F\u7269\u964D\u6E29",
+    value: void 0,
+    type: "drugReduce"
+  },
+  {
+    label: "\u7269\u7406\u964D\u6E29",
+    value: void 0,
+    type: "physicsReduce"
+  },
+  {
+    label: "\u4E0D\u5347",
+    value: false,
+    type: "noRise"
+  }
+];
+const PAIN_MENU = [
+  {
+    label: "\u836F\u7269\u964D\u75DB",
+    value: void 0,
+    type: "drugReduce"
+  },
+  {
+    label: "\u7269\u7406\u964D\u75DB",
+    value: void 0,
+    type: "physicsReduce"
+  }
+];
+const BLUE = "#2563F4";
+const RED = "#FF1818";
+const OVERLAP = {
+  yemai: {
+    stroke: RED,
+    strokeX: BLUE,
+    strokeWidth: 1,
+    strokeWidthX: 1,
+    radius: 6,
+    angle: 45
+  },
+  koumai: {
+    stroke: RED,
+    strokeWidth: 1,
+    radius: 6,
+    radiusCircle: 3,
+    fillCircle: BLUE
+  },
+  gangmai: {
+    radius: 6,
+    radiusCircle: 3,
+    stroke: BLUE,
+    fillCircle: RED
+  },
+  xinmai: {
+    radius: 6,
+    radiusCircle: 3,
+    stroke: RED,
+    fillCircle: RED
+  },
+  humai: {
+    radius: 6,
+    fill: "green"
+  },
+  ermai: {
+    stroke: RED,
+    strokeWidth: 1,
+    radius: 6,
+    radiusCircle: 3,
+    fillCircle: BLUE
+  }
+};
+
+export { OVERLAP, PAIN_MENU, TEMPERATURE_MENU };

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

@@ -1,9 +1,9 @@
-export { defaultBorderStyle, defaultLineStyle, defaultRectStyle, defaultStyle, defaultTextStyle, drawArrow, drawLine, drawPoint, drawText, drawTextGroup } from './useDraw2.js';
-export { useCumputedPoint } from './useCumputedPoint2.js';
-export { useTop } from './useTop2.js';
-export { useLeft } from './useLeft2.js';
-export { useRight } from './useRight2.js';
-export { useCenter } from './useCenter2.js';
-export { useBottom } from './useBottom2.js';
-export { useOther } from './useOther2.js';
-export { useCanvasEvent, useEvent } from './useEvent2.js';
+export { defaultBorderStyle, defaultLineStyle, defaultRectStyle, defaultStyle, defaultTextStyle, drawArrow, drawLine, drawPoint, drawText, drawTextGroup } from './useDraw.js';
+export { useCumputedPoint } from './useCumputedPoint.js';
+export { useTop } from './useTop.js';
+export { useLeft } from './useLeft.js';
+export { useRight } from './useRight.js';
+export { useCenter } from './useCenter.js';
+export { useBottom } from './useBottom.js';
+export { useOther } from './useOther.js';
+export { useCanvasEvent, useEvent } from './useEvent.js';

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

@@ -1 +1,97 @@
-export { useBottom } from './useBottom2.js';
+import { onMounted, nextTick } from 'vue';
+import { fabric } from '../utils/index.js';
+import { defaultBorderStyle, drawTextGroup, defaultTextStyle, defaultRectStyle, defaultStyle } from './useDraw.js';
+
+function useBottom(canvas, propItems) {
+  const {
+    xScaleList,
+    originX,
+    endX,
+    endY,
+    xCellWidth,
+    canvasWidth,
+    canvasHeight,
+    bottom,
+    breathingHeight,
+    iconsWidth
+  } = propItems;
+  function drawBottom() {
+    var _a, _b, _c;
+    if (!breathingHeight || !bottom) {
+      const bottomBorder = new fabric.Line([iconsWidth, endY - 1, endX, endY - 1], {
+        ...defaultBorderStyle
+      });
+      canvas.value.add(bottomBorder);
+      bottomBorder.sendToBack();
+      return false;
+    }
+    const height = breathingHeight;
+    const bottomBreathingList = ((_a = bottom.breathing) == null ? void 0 : _a.list) || [];
+    const list = [];
+    let flag = true;
+    xScaleList.forEach((item, index) => {
+      const left = originX + index * xCellWidth;
+      let text = "";
+      bottomBreathingList.forEach((v, i) => {
+        const time = new Date(v.time).getTime();
+        if (time >= item && time < +item + item.scaleCell)
+          text = v.value;
+      });
+      const style = flag ? {
+        top: -(height / 2 - 10)
+      } : {
+        top: height / 2 - 10
+      };
+      if (text)
+        flag = !flag;
+      const group2 = drawTextGroup(
+        {
+          width: xCellWidth,
+          height,
+          ...defaultRectStyle
+        },
+        Object.assign(
+          {},
+          {
+            text: String(text),
+            ...defaultTextStyle
+          },
+          text ? style : {}
+        ),
+        {
+          left,
+          top: endY
+        }
+      );
+      list.push(group2);
+    });
+    const titleGroup = drawTextGroup(
+      {
+        width: endX,
+        height,
+        ...defaultRectStyle
+      },
+      {
+        text: String(((_b = bottom.breathing) == null ? void 0 : _b.title) + ((_c = bottom.breathing) == null ? void 0 : _c.unit)),
+        ...defaultTextStyle,
+        left: -((endX - originX) / 2)
+      },
+      {
+        left: 0,
+        top: endY
+      }
+    );
+    list.push(titleGroup);
+    const group = list.length > 0 ? new fabric.Group([...list], { ...defaultStyle }) : null;
+    group && group.sendToBack();
+    group && canvas.value.add(group);
+  }
+  onMounted(() => {
+    nextTick(() => {
+      drawBottom();
+      canvas.value.renderAll();
+    });
+  });
+}
+
+export { useBottom };