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

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

@@ -1,341 +0,0 @@
-import { ref, reactive, computed, onMounted, nextTick } from 'vue';
-import { defaultBorderStyle } from './useDraw.js';
-import { useCumputedPoint } from './useCumputedPoint.js';
-import { useTop } from './useTop.js';
-import { useLeft } from './useLeft.js';
-import { useRight } from './useRight.js';
-import { useCenter } from './useCenter.js';
-import { useBottom } from './useBottom.js';
-import { useOther } from './useOther.js';
-import { useEvent, useCanvasEvent } from './useEvent.js';
-import '../utils/index.js';
-import { setOtherType } from '../utils/utils.js';
-import 'lodash-es';
-import 'date-fns';
-import { useCommon } from './useCommon.js';
-
-function useTemperatureChart(canvas, props, emits, canvasRef) {
-  const defaultHeight = 15;
-  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 dateHeight = computed(() => {
-    const { top } = props.data;
-    return top.date.show && (top.date.height || defaultHeight) || 0;
-  });
-  const hospitalDaysHeight = computed(() => {
-    var _a;
-    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;
-    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 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 breathingHeight = computed(() => {
-    var _a;
-    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;
-    return grid.mainXCell * grid.subXCell + grid.surplusXCell;
-  });
-  const gridYNumber = computed(() => {
-    const { grid } = props.data;
-    return grid.mainYCell * grid.subYCell + grid.surplusYCell;
-  });
-  const endX = computed(() => {
-    var _a;
-    const { width, right = null, top } = props.data;
-    if (!right)
-      return width;
-    const endWidth = (_a = right.width) != null ? _a : 0;
-    return width - endWidth;
-  });
-  const endXLimit = computed(() => {
-    const { grid } = props.data;
-    return endX.value - grid.surplusXCell * xCellWidth.value;
-  });
-  const originX = computed(() => {
-    const { top, left } = props.data;
-    const originX2 = top.titleWidth + iconsWidth.value;
-    return originX2;
-  });
-  const endY = computed(() => {
-    const { bottom = null, height } = props.data;
-    if (!bottom)
-      return height;
-    const endHeight = bottom.height || 30;
-    return height - endHeight;
-  });
-  const originY = computed(() => {
-    var _a;
-    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;
-    return topHeight;
-  });
-  const originYLimit = computed(() => {
-    const { grid } = props.data;
-    return originY.value + grid.surplusYCell * yCellHeight.value;
-  });
-  const xCellWidth = computed(() => {
-    return (endX.value - originX.value) / gridXNumber.value;
-  });
-  const yCellHeight = computed(() => {
-    return (endY.value - originY.value) / gridYNumber.value;
-  });
-  const iconsWidth = computed(() => {
-    var _a, _b;
-    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(() => {
-    const { top } = props.data;
-    const dateList = top.date.list;
-    const times = top.xScalevalue.times;
-    let left = originX.value - xCellWidth.value;
-    function getDate(date) {
-      const [year = "2022", month = "01", day = "01"] = String(date).match(/\d+/g) || [];
-      return `20${year}`.slice(-4) + "-" + `00${month}`.slice(-2) + "-" + `00${day}`.slice(-2);
-    }
-    const timeList = dateList.map((item) => {
-      return times.map((v) => {
-        left += xCellWidth.value;
-        const start = new Date(`${getDate(item)} ${v.start}`).getTime();
-        const end = new Date(`${getDate(item)} ${v.end}`).getTime();
-        return {
-          start,
-          end,
-          left,
-          center: left + xCellWidth.value / 2,
-          scaleCell: (end - start) / xCellWidth.value
-        };
-      });
-    });
-    return timeList.flat();
-  });
-  const breatheYCell = computed(() => {
-    return computedYCell("breathe");
-  });
-  const pulseYCell = computed(() => {
-    return computedYCell("pulse");
-  });
-  const temperatureYCell = computed(() => {
-    return computedYCell("temperature");
-  });
-  const painYCell = computed(() => {
-    return computedYCell("pain");
-  });
-  const event = computed(() => {
-    var _a;
-    return ((_a = props.data.grid) == null ? void 0 : _a.event) || { selectable: true, evented: true, hovered: true };
-  });
-  const itemList = computed(() => {
-    const { left } = props.data;
-    return left.yScaleValue.map((item) => {
-      return item.dataList.filter((v) => v.show).map((v, dataIndex) => {
-        return {
-          ...v,
-          bigType: setOtherType(v.title, item.type),
-          unit: item.unit,
-          dataIndex
-        };
-      });
-    }).flat();
-  });
-  const painIndex = computed(() => {
-    const { left } = props.data;
-    return left.yScaleValue.findIndex((v) => v.type === "pain");
-  });
-  const painHeight = computed(() => {
-    const { grid } = props.data;
-    return painIndex.value === -1 ? 0 : yCellHeight.value * grid.subYCell;
-  });
-  const painOriginY = computed(() => {
-    const { left } = props.data;
-    const obj = {
-      originY: endY.value,
-      endY: endY.value
-    };
-    if (painIndex.value === 0 && left.yScaleValue.length > 1) {
-      obj.originY = originYLimit.value;
-      obj.endY = originYLimit.value + painHeight.value;
-    } else if (painIndex.value === left.yScaleValue.length - 1) {
-      obj.originY = endY.value - painHeight.value;
-      obj.endY = endY.value;
-    }
-    return obj;
-  });
-  const vitalSignsOriginY = computed(() => {
-    const { left } = props.data;
-    const obj = {
-      originY: originY.value,
-      endY: endY.value
-    };
-    if (painIndex.value === 0 && left.yScaleValue.length > 1) {
-      obj.originY = originYLimit.value + painHeight.value;
-      obj.endY = endY.value;
-    } else if (painIndex.value === left.yScaleValue.length - 1) {
-      obj.originY = originYLimit.value;
-      obj.endY = endY.value - painHeight.value;
-    }
-    return obj;
-  });
-  const topList = computed(() => {
-    const { top } = props.data;
-    const topList2 = [];
-    for (const i in top) {
-      if (top[i].show) {
-        topList2.push({
-          ...top[i],
-          key: i
-        });
-      }
-    }
-    return topList2.sort((a, b) => a.seq - b.seq);
-  });
-  const getRightInfo = computed(() => {
-    var _a;
-    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) {
-      Object.assign(yScaleValue, {
-        list: temperatureObj.list.map((v) => Math.floor((1.8 * v + 32) * 100) / 100),
-        spaceGridNumber: temperatureObj.spaceGridNumber
-      });
-    }
-    return yScaleValue;
-  });
-  const propItems = reactive({
-    canvasWidth: props.data.width,
-    canvasHeight: props.data.height,
-    borderStyle: props.data.borderStyle || defaultBorderStyle,
-    selectionStyle: props.data.selectionStyle || {},
-    dateHeight: dateHeight.value,
-    hospitalDaysHeight: hospitalDaysHeight.value,
-    operationDaysHeight: operationDaysHeight.value,
-    xScalevalueHeight: xScalevalueHeight.value,
-    topList: topList.value,
-    breathingHeight: breathingHeight.value,
-    hospitalizationDate: props.data.hospitalizationDate,
-    grid: props.data.grid,
-    top: props.data.top,
-    left: props.data.left,
-    right: props.data.right,
-    bottom: props.data.bottom,
-    other: props.data.other,
-    painIndex: painIndex.value,
-    painHeight: painHeight.value,
-    painOriginY: painOriginY.value,
-    vitalSignsOriginY: vitalSignsOriginY.value,
-    gridXNumber: gridXNumber.value,
-    gridYNumber: gridYNumber.value,
-    iconsWidth: iconsWidth.value,
-    originX: originX.value,
-    originY: originY.value,
-    originYLimit: originYLimit.value,
-    endX: endX.value,
-    endXLimit: endXLimit.value,
-    endY: endY.value,
-    xCellWidth: xCellWidth.value,
-    yCellHeight: yCellHeight.value,
-    xScaleList: xScaleList.value,
-    breatheYCell: breatheYCell.value,
-    pulseYCell: pulseYCell.value,
-    temperatureYCell: temperatureYCell.value,
-    painYCell: painYCell.value,
-    event: event.value,
-    itemList: itemList.value,
-    getRightInfo: getRightInfo.value,
-    config: props.data.config || {}
-  });
-  function computedYCell(type) {
-    const { yScaleValue } = props.data.left;
-    const item = yScaleValue.find((v) => v.type === type);
-    const list = (item == null ? void 0 : item.list) || [];
-    if (!list.length)
-      return 0;
-    return yCellHeight.value / ((list[1] - list[0]) / item.spaceGridNumber);
-  }
-  const { cumputedX, cumputedY, getXValue, getYValue } = useCumputedPoint(propItems);
-  const commonFunc = useCommon(canvas);
-  onMounted(() => {
-    nextTick(() => {
-      useTop(canvas, propItems);
-      const {
-        setPopup,
-        isAddPoint,
-        updateData,
-        redrawPoints: _redrawPoints,
-        clickMenu: _clickMenu
-      } = useCenter(
-        canvas,
-        propItems,
-        emits,
-        cumputedX,
-        cumputedY,
-        getXValue,
-        getYValue,
-        props.addRenderItem,
-        pointTipProps,
-        pointMenuProps,
-        commonFunc
-      );
-      redrawPoints.value = _redrawPoints;
-      clickMenu.value = _clickMenu;
-      const { drawScaleValue } = useLeft(
-        canvas,
-        propItems,
-        emits,
-        setPopup,
-        pointTipProps,
-        cumputedX,
-        cumputedY,
-        getXValue,
-        getYValue,
-        isAddPoint,
-        updateData,
-        commonFunc
-      );
-      useRight(canvas, propItems, drawScaleValue);
-      useBottom(canvas, propItems);
-      useOther(canvas, propItems, cumputedX);
-      useEvent(canvasRef.value);
-      const { select: _select } = useCanvasEvent(canvas, propItems, emits);
-      select.value = _select;
-    });
-  });
-  return {
-    propItems,
-    redrawPoints,
-    select,
-    pointTipProps,
-    pointMenuProps,
-    clickMenu
-  };
-}
-
-export { useTemperatureChart as default };

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

@@ -1,154 +0,0 @@
-import { fabric } from '../utils/index.js';
-import { defaultBorderStyle, defaultStyle, drawTextGroup, defaultTextStyle, defaultRectStyle } from './useDraw.js';
-
-function useTop(canvas, propItems) {
-  const {
-    grid,
-    originX,
-    xCellWidth,
-    gridXNumber,
-    top,
-    xScalevalueHeight,
-    iconsWidth,
-    topList,
-    endXLimit,
-    canvasWidth
-  } = propItems;
-  function drawTop() {
-    const list = [];
-    endXLimit && list.push(new fabric.Line([endXLimit, 0, canvasWidth, 0], defaultBorderStyle));
-    let topY = 0;
-    topList.forEach((item, index) => {
-      if (index > 0) {
-        topY += propItems[`${topList[index - 1].key}Height`];
-      }
-      if (item.key == "xScalevalue") {
-        drawDay(item, list, topY);
-        drawTime(item, list, topY);
-      } else {
-        propItems[`${item.key}Height`] && drawDate(item, list, topY);
-      }
-    });
-    const group = list.length > 0 ? new fabric.Group([...list], { ...defaultStyle }) : null;
-    group && group.sendToBack();
-    group && canvas.value.add(group);
-  }
-  function drawTime(item, list, topY) {
-    var _a;
-    const dayHeight = top.xScalevalue.show ? (_a = top.dayHeight) != null ? _a : 0 : 0;
-    const height = xScalevalueHeight - dayHeight;
-    const title = drawTextGroup(
-      {
-        width: originX - iconsWidth,
-        height: xScalevalueHeight,
-        ...defaultRectStyle
-      },
-      {
-        value: top.xScalevalue.title,
-        ...defaultTextStyle,
-        ...item.style || {},
-        ...item.titleStyle || {}
-      },
-      {
-        left: iconsWidth,
-        top: topY
-      }
-    );
-    list.push(title);
-    const timeList = [];
-    for (let j = 0; j < grid.mainXCell; j++) {
-      timeList.push(top.xScalevalue.list);
-    }
-    timeList.flat().forEach((v, i) => {
-      const left = originX + i * xCellWidth;
-      const textGroup = drawTextGroup(
-        {
-          width: xCellWidth,
-          height
-        },
-        {
-          value: v.value,
-          ...defaultTextStyle,
-          ...item.style || {},
-          ...v.style || {}
-        },
-        {
-          left,
-          top: topY + dayHeight
-        }
-      );
-      list.push(textGroup);
-    });
-  }
-  function drawDay(item, list, topY) {
-    if (!top.dayHeight)
-      return false;
-    const height = top.dayHeight;
-    const width = xCellWidth * grid.subSecondXCell;
-    const dayList = (gridXNumber - grid.surplusXCell) / grid.subSecondXCell;
-    for (let i = 0; i < dayList; i++) {
-      const left = originX + i * width;
-      const value = i % 2 === 0 ? "\u4E0A\u5348" : "\u4E0B\u5348";
-      const textGroup = drawTextGroup(
-        {
-          width,
-          height
-        },
-        {
-          value,
-          ...defaultTextStyle,
-          ...item.style || {}
-        },
-        {
-          left,
-          top: topY
-        }
-      );
-      list.push(textGroup);
-    }
-  }
-  function drawDate(item, list, topY) {
-    const height = propItems[`${item.key}Height`];
-    const title = drawTextGroup(
-      {
-        width: originX - iconsWidth,
-        height,
-        ...defaultRectStyle
-      },
-      {
-        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,
-          height
-        },
-        {
-          value: v,
-          ...defaultTextStyle,
-          ...(item == null ? void 0 : item.style) || {}
-        },
-        {
-          left,
-          top: topY
-        }
-      );
-      list.push(textGroup);
-    });
-  }
-  drawTop();
-}
-
-export { useTop };