cnhis-design-vue 3.1.40-beta.12 → 3.1.40-beta.16

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

@@ -1,153 +1 @@
-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 };
+import{ref as e,reactive as a,computed as l,onMounted as t,nextTick as u}from"vue";import{defaultBorderStyle as r}from"./useDraw.js";import"date-fns";import"../utils/index.js";import"lodash-es";import"./useShadow.js";import{useEvent as i,useCanvasEvent as s}from"./useEvent.js";import{useBirthProcess as n}from"./useBirthProcess.js";import{useCommon as d}from"./useCommon.js";function o(o,v,c,h){const m=e(),p=e(),g=e(),f=a({show:!1,point:{x:0,y:0},list:[]}),x=a({show:!1,point:{x:0,y:0},list:[],target:null}),y=l((()=>v.data.scaleValues.filter((e=>"left"===e.layout)))),V=l((()=>v.data.scaleValues.filter((e=>"right"===e.layout)))),w=l((()=>{var e;return(null==(e=V.value)?void 0:e.length)?30:0})),C=l((()=>{var e;return 30+(null==(e=y.value)?void 0:e.reduce(((e,a)=>e+=a.width),0))})),A=l((()=>{var e;const{width:a}=v.data,l=null==(e=V.value)?void 0:e.reduce(((e,a)=>e+=a.width),0);return a-w.value-l})),Y=l((()=>v.data.grid.mainXCell)),j=l((()=>v.data.grid.mainYCell)),S=l((()=>(A.value-C.value)/Y.value)),b=l((()=>{const{xAxis:e,height:a}=v.data,l=Object.values(e).reduce(((e,a)=>(a.show&&e++,e)),0);return a/(j.value+l)})),k=l((()=>b.value)),P=l((()=>{const{scaleValues:e}=v.data,a=e.find((e=>"cervix"===e.key)),[,l]=(null==a?void 0:a.range)||[0,10],t=(null==a?void 0:a.spaceValue)||1;return X.value-l*t*b.value})),X=l((()=>{const{height:e}=v.data;return e-b.value})),H=l((()=>new Date(v.data.xAxis.time.startTime).getTime())),T=l((()=>36e5/S.value)),W=l((()=>{const{scaleValues:e}=v.data,a=e.find((e=>"cervix"===e.key));return((null==a?void 0:a.spaceValue)||1)/b.value})),M=l((()=>{const{scaleValues:e}=v.data,a=e.find((e=>"FHR"===e.key));return((null==a?void 0:a.spaceValue)||10)/b.value})),D=l((()=>{const{scaleValues:e}=v.data,a=e.find((e=>"fetalPresentation"===e.key));return((null==a?void 0:a.spaceValue)||1)/b.value})),F=l((()=>{var e;return(null==(e=v.data.grid)?void 0:e.event)||{selectable:!0,evented:!0,hovered:!0}})),N=a({canvasWidth:v.data.width,canvasHeight:v.data.height,borderStyle:{...r,...v.data.borderStyle},selectionStyle:v.data.selectionStyle||{},grid:v.data.grid,other:v.data.other,originX:C.value,endX:A.value,originY:k.value,endY:X.value,xCellWidth:S.value,yCellHeight:b.value,gridXNumber:Y.value,gridYNumber:j.value,xAxis:v.data.xAxis,leftScales:y.value,rightScales:V.value,leftAddAreaWidth:30,rightAddAreaWidth:w.value,startTime:H.value,timeXCell:T.value,cervixYCell:W.value,FHRYCell:M.value,fetalPresentationYCell:D.value,scaleValues:v.data.scaleValues,event:F.value,originYCervix:P.value}),R=d(o);return t((()=>{u((()=>{const{clickMenu:e}=n(o,N,c,f,x,R);g.value=e,i(h.value);const{select:a}=s(o,N,c);m.value=a}))})),{propItems:N,redrawPoints:p,select:m,pointTipProps:f,pointMenuProps:x,clickMenu:g}}export{o as default};

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

@@ -1,91 +1 @@
-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 };
+import{fabric as t}from"../utils/index.js";import{defaultBorderStyle as e,drawTextGroup as n,defaultTextStyle as i,defaultRectStyle as o,defaultStyle as l}from"./useDraw.js";function s(s,a){const{xScaleList:c,originX:h,endX:r,endY:d,xCellWidth:u,canvasWidth:g,canvasHeight:f,bottom:p,breathingHeight:v,iconsWidth:m}=a;!function(){var a,g,f;if(!v||!p){const n=new t.Line([m,d-1,r,d-1],{...e});return s.value.add(n),n.sendToBack(),!1}const b=v,w=(null==(a=p.breathing)?void 0:a.list)||[],x=[];let j=!0;c.forEach(((t,e)=>{const l=h+e*u;let s="";w.forEach(((e,n)=>{const i=new Date(e.time).getTime();i>=t&&i<+t+t.scaleCell&&(s=e.value)}));const a=j?{top:-(b/2-10)}:{top:b/2-10};s&&(j=!j);const c=n({width:u,height:b,...o},Object.assign({},{text:String(s),...i},s?a:{}),{left:l,top:d});x.push(c)}));const S=n({width:r,height:b,...o},{text:String((null==(g=p.breathing)?void 0:g.title)+(null==(f=p.breathing)?void 0:f.unit)),...i,left:-(r-h)/2},{left:0,top:d});x.push(S);const T=x.length>0?new t.Group([...x],{...l}):null;T&&T.sendToBack(),T&&s.value.add(T)}()}export{s as useBottom};