cnhis-design-vue 3.1.40-release.5 → 3.1.40

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

@@ -1,153 +0,0 @@
-import { ref, reactive, computed, onMounted, nextTick } from 'vue';
-import { defaultBorderStyle } from './useDraw.js';
-import 'date-fns';
-import '../utils/index.js';
-import 'lodash-es';
-import './useShadow.js';
-import { useEvent, useCanvasEvent } from './useEvent.js';
-import { useBirthProcess } from './useBirthProcess.js';
-import { useCommon } from './useCommon.js';
-
-function useBirthProcessChart(canvas, props, emits, canvasRef) {
-  const select = ref();
-  const redrawPoints = ref();
-  const clickMenu = ref();
-  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 leftScales = computed(() => props.data.scaleValues.filter((item) => item.layout === "left"));
-  const rightScales = computed(() => props.data.scaleValues.filter((item) => item.layout === "right"));
-  const leftAddAreaWidth = 30;
-  const rightAddAreaWidth = computed(() => {
-    var _a;
-    return !((_a = rightScales.value) == null ? void 0 : _a.length) ? 0 : 30;
-  });
-  const originX = computed(() => {
-    var _a;
-    const leftScalesWidth = (_a = leftScales.value) == null ? void 0 : _a.reduce((width, item) => {
-      width += item.width;
-      return width;
-    }, 0);
-    return leftAddAreaWidth + leftScalesWidth;
-  });
-  const endX = computed(() => {
-    var _a;
-    const { width } = props.data;
-    const rightScalesWidth = (_a = rightScales.value) == null ? void 0 : _a.reduce((width2, item) => {
-      width2 += item.width;
-      return width2;
-    }, 0);
-    return width - rightAddAreaWidth.value - rightScalesWidth;
-  });
-  const gridXNumber = computed(() => props.data.grid.mainXCell);
-  const gridYNumber = computed(() => props.data.grid.mainYCell);
-  const xCellWidth = computed(() => {
-    return (endX.value - originX.value) / gridXNumber.value;
-  });
-  const yCellHeight = computed(() => {
-    const { xAxis, height } = props.data;
-    const xAxisNumber = Object.values(xAxis).reduce((num, item) => {
-      if (item.show)
-        num++;
-      return num;
-    }, 0);
-    return height / (gridYNumber.value + xAxisNumber);
-  });
-  const originY = computed(() => yCellHeight.value);
-  const originYCervix = computed(() => {
-    const { scaleValues } = props.data;
-    const cervixItem = scaleValues.find((item) => item.key === "cervix");
-    const [, max] = (cervixItem == null ? void 0 : cervixItem.range) || [0, 10];
-    const spaceValue = (cervixItem == null ? void 0 : cervixItem.spaceValue) || 1;
-    return endY.value - max * spaceValue * yCellHeight.value;
-  });
-  const endY = computed(() => {
-    const { height } = props.data;
-    return height - yCellHeight.value;
-  });
-  const startTime = computed(() => new Date(props.data.xAxis.time.startTime).getTime());
-  const timeXCell = computed(() => 1 * 60 * 60 * 1e3 / xCellWidth.value);
-  const cervixYCell = computed(() => {
-    const { scaleValues } = props.data;
-    const cervixItem = scaleValues.find((item) => item.key === "cervix");
-    return ((cervixItem == null ? void 0 : cervixItem.spaceValue) || 1) / yCellHeight.value;
-  });
-  const FHRYCell = computed(() => {
-    const { scaleValues } = props.data;
-    const cervixItem = scaleValues.find((item) => item.key === "FHR");
-    return ((cervixItem == null ? void 0 : cervixItem.spaceValue) || 10) / yCellHeight.value;
-  });
-  const fetalPresentationYCell = computed(() => {
-    const { scaleValues } = props.data;
-    const cervixItem = scaleValues.find((item) => item.key === "fetalPresentation");
-    return ((cervixItem == null ? void 0 : cervixItem.spaceValue) || 1) / yCellHeight.value;
-  });
-  const event = computed(() => {
-    var _a;
-    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 },
-    selectionStyle: props.data.selectionStyle || {},
-    grid: props.data.grid,
-    other: props.data.other,
-    originX: originX.value,
-    endX: endX.value,
-    originY: originY.value,
-    endY: endY.value,
-    xCellWidth: xCellWidth.value,
-    yCellHeight: yCellHeight.value,
-    gridXNumber: gridXNumber.value,
-    gridYNumber: gridYNumber.value,
-    xAxis: props.data.xAxis,
-    leftScales: leftScales.value,
-    rightScales: rightScales.value,
-    leftAddAreaWidth,
-    rightAddAreaWidth: rightAddAreaWidth.value,
-    startTime: startTime.value,
-    timeXCell: timeXCell.value,
-    cervixYCell: cervixYCell.value,
-    FHRYCell: FHRYCell.value,
-    fetalPresentationYCell: fetalPresentationYCell.value,
-    scaleValues: props.data.scaleValues,
-    event: event.value,
-    originYCervix: originYCervix.value
-  });
-  const commonFunc = useCommon(canvas);
-  onMounted(() => {
-    nextTick(() => {
-      const { clickMenu: _clickMenu } = useBirthProcess(
-        canvas,
-        propItems,
-        emits,
-        pointTipProps,
-        pointMenuProps,
-        commonFunc
-      );
-      clickMenu.value = _clickMenu;
-      useEvent(canvasRef.value);
-      const { select: _select } = useCanvasEvent(canvas, propItems, emits);
-      select.value = _select;
-    });
-  });
-  return {
-    propItems,
-    redrawPoints,
-    select,
-    pointTipProps,
-    pointMenuProps,
-    clickMenu
-  };
-}
-
-export { useBirthProcessChart as default };

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

@@ -1,91 +0,0 @@
-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);
-  }
-  drawBottom();
-}
-
-export { useBottom };