cnhis-design-vue 3.3.1-beta.7 → 3.3.1-release.4

package/es/components/fabric-chart/src/hooks/newBirthProcess/useNewBirthProcess.js

@@ -1 +1,384 @@
-import{fabric as e}from"../../../../../shared/utils/fabricjs/index.js";import{drawText as t,defaultTextStyle as i,defaultStyle as n,drawPoint as o}from"../useDraw.js";import{useGrid as r}from"../useGrid.js";import{useBirthProcessCumputedPoint as l}from"../useCumputedPoint.js";import"../useEvent.js";import"../useShadow.js";import{getScaleInfo as s,drawScaleNumber as a,drawScaleLine as u}from"../useScaleColumn.js";import{useCommon as c}from"../useCommon.js";import"vue";import{isEffectiveNode as d,getTime as h,getScaleNumberList as f}from"../../utils/index.js";import{cloneDeep as p,last as m}from"lodash-es";import"date-fns";import"../../constants/index.js";import"@vueuse/shared";import"naive-ui";import"../surgicalAnesthesia/useTop.js";import"@vueuse/core";import"../surgicalAnesthesia/useOther.js";import"../../../../../shared/utils/index.js";function v(v,g,x,w,y){const{computedX:b,computedY:j,getXValue:L,getYValue:S}=l(g),{getEqualXTypes:E,handleAddPrevent:k,isGridLimit:X,setPrevAndNextPoint:A,getPointEventProps:P}=c(v,x,g),{xAxis:C,grid:T,originX:G,originY:Y,xCellWidth:N,endY:V,startTime:B,leftScales:H,rightScales:M,yCellHeight:$,endX:W,scaleValues:q,canvasWidth:z,borderStyle:D,event:F,other:I,timeXAxisHeight:O,canvasHeight:R,extraTimeXAxisList:J}=g,K=p(q),Q=new Set;function U(){K.filter((e=>e.show)).forEach(((e,r)=>{var l;const s=[],a=[],u=[];null==(l=e.data)||l.forEach(((l,c)=>{!function(l,c,d){if(!l&&!c.childbirth||!(null==c?void 0:c.time)||!ee(c.time))return;let h,f;const{pointAttr:v={},lineAttr:g={},title:x="",key:y,type:j="circle",childbirthStyle:E={}}=e,k=p(e.data[d+1]);k&&!k.value&&k.childbirth&&(k.value=c.value);const X=_(k,e);l&&X&&!c.breakpoint&&(f=Z([...l,...X],g));if(c.childbirth){const e=l?l[0]:b(c.time),n=l?l[1]:m(s).top,o=n+$/2,r=Z([e,n,e,o],g);u.push(r);const a=t([e,o],{value:String(c.childbirth),...i,...E,backgroundColor:"#fff"});u.push(a)}const A=a[d-1],C={origin:{data:c,title:x,key:y||"",dataIndex:r,index:d},leftLine:A,rightLine:f,...v,...P(),...n};l&&(A||(C.leftLine=null),h=o(j,{left:l[0],top:l[1],...C}));f&&a.push(f),h&&(!function(e){F.hovered&&(e.on("mouseover",(()=>{!function(e,t="moving"){const{title:i,key:n,data:o}=e.origin;w.point={x:e.left,y:e.top},w.list=[`${i} ${"hover"===t?o.value:S(n,e.top)}`,`时间 ${L(e.left).slice(-5)}`],w.show=!0}(e,"hover")})),e.on("mouseout",(()=>{w.show=!1})))}(h),s.push(h),Q.add(h))}(_(l,e),l,c)})),Promise.all(s).then((e=>{A(e),Promise.all(u).then((t=>{v.value.add(...a,...e,...t),e.forEach((e=>{null==e||e.bringToFront()}))}))}))}))}function Z([t,i,o,r],l){return new e.Polyline([{x:t,y:i},{x:o,y:i},{x:o,y:r}],{...l,fill:"transparent",...n})}function _(e,t){if(d(e)&&ee(e.time)){const i=b(e.time),n=j(t.key,t.range,e.value);return[i,n<Y?Y:n>V?V:n]}}function ee(e){var t,i;const n=(null==(i=null==(t=null==C?void 0:C.time)?void 0:t.range)?void 0:i[1])||20,o=B+60*n*60*1e3,r=h(e);return r>=B&&r<=o}return r(v,g),function(){const t=new e.Rect({...D,width:W-G,height:V-Y,left:G,top:Y,fill:"transparent"});v.value.add(t)}(),function(){function o(o,r="left"){const l=10;let c="left"===r?0:W;o.forEach(((o,r)=>{const{range:d,spaceValue:h,width:p,title:m,titleStyle:g,unit:x,key:w,position:y="center",spaceGridNumber:b=1,showNumber:j,showMaxMinNumber:L}=o,S=[],E=[],k=f(d,h),X=k.length,{lineXMain:A,lineXSub:P,textLeft:C}=s(y,c,p);k.forEach(((e,t)=>{const i=V-t*$*b;!j||(0===t||t===X-1)&&!L||S.push(a(String(e),o,C,i)),E.push(...u(o,t,A,P,i,$,Y,X,1))}));const T=t([c+l,Y+(V-Y)/2],{value:String(m+"（"+x+"）"),...i,originX:"center",angle:-90,...g}),G=new e.Group([...E,...S,...T?[T]:[]],{objectCaching:!1,...n});v.value.add(G),G.sendToBack(),c+=p}))}o(H),o(M,"right")}(),function(){const{show:o,range:r=[0,20],position:l="top",style:s,spaceGridNumber:a=2,spaceValue:u=2}=C.time;if(o){const o=[],c=$/2;f(r,u).forEach(((e,n)=>{const r="top"===l?Y-c:V+O+c;o.push(t([G+n*N*a,r],{value:0===n?"Admission":String(e),...i,...s}))}));const d=new e.Group(o,{objectCaching:!1,...n});v.value.add(d),v.value.sendToBack(d)}!function(){if((null==J?void 0:J.length)>0){const e=[];J.forEach((n=>{const o=b(n),r=V+O;e.push(t([o,r],{value:String(n.slice(11,16)),...i,originY:"bottom"}))})),v.value.add(...e)}}()}(),function(){var e;const{alertLineList:n=[],alertLineTitle:o=(null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.227"))||"入院时宫颈扩张不同情况"}=I;if(n.length<1)return;const r=t([W,0],{value:o,...i,originX:"right",originY:"top"});v.value.add(r),n.forEach((e=>{const{style:i,data:n=[]}=e;if(n.length<1)return;const o=[],r=K.find((e=>"cervix"===e.key));n.map((e=>({...e,time:B+60*e.time*60*1e3}))).forEach(((e,n,l)=>{const s=_(e,r),a=_(l[n+1],r);s&&!a&&o.push(t([s[0],Y-10],{value:l[0].value+(r.unit||"cm"),fill:i.stroke||"#000"})),s&&a&&o.push(Z([...s,...a],i))})),v.value.add(...o)}))}(),U(),{redrawPoints:function(){var e;Q.size&&(null==(e=v.value)||e.remove(...function(e){const t=[];return e.forEach((e=>{e&&t.push(e),(null==e?void 0:e.leftLine)&&t.push(null==e?void 0:e.leftLine),(null==e?void 0:e.rightLine)&&t.push(null==e?void 0:e.rightLine)})),t}([...Q]))),Q.clear(),U()}}}export{v as useNewBirthProcess};
+import { fabric } from '../../../../../shared/utils/fabricjs/index.js';
+import { drawText, defaultTextStyle, defaultStyle, drawPoint } from '../useDraw.js';
+import { useGrid } from '../useGrid.js';
+import { useBirthProcessCumputedPoint } from '../useCumputedPoint.js';
+import '../useEvent.js';
+import '../useShadow.js';
+import { getScaleInfo, drawScaleNumber, drawScaleLine } from '../useScaleColumn.js';
+import { useCommon } from '../useCommon.js';
+import 'vue';
+import { isEffectiveNode, getTime, getScaleNumberList } from '../../utils/index.js';
+import { cloneDeep, last } from 'lodash-es';
+import 'date-fns';
+import '../../constants/index.js';
+import '@vueuse/shared';
+import 'naive-ui';
+import '../surgicalAnesthesia/useTop.js';
+import '@vueuse/core';
+import '../surgicalAnesthesia/useOther.js';
+import '../../../../../shared/utils/index.js';
+
+function useNewBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps) {
+  const {
+    computedX,
+    computedY,
+    getXValue,
+    getYValue
+  } = useBirthProcessCumputedPoint(propItems);
+  const {
+    getEqualXTypes,
+    handleAddPrevent,
+    isGridLimit,
+    setPrevAndNextPoint,
+    getPointEventProps
+  } = useCommon(canvas, emits, propItems);
+  const {
+    xAxis,
+    grid,
+    originX,
+    originY,
+    xCellWidth,
+    endY,
+    startTime,
+    leftScales,
+    rightScales,
+    yCellHeight,
+    endX,
+    scaleValues,
+    canvasWidth,
+    borderStyle,
+    event,
+    other,
+    timeXAxisHeight,
+    canvasHeight,
+    extraTimeXAxisList
+  } = propItems;
+  const yScaleValue = cloneDeep(scaleValues);
+  const gridPoints = /* @__PURE__ */ new Set();
+  useGrid(canvas, propItems);
+  init();
+  function init() {
+    drawBorder();
+    drawYScale();
+    drawXScale();
+    drawOther();
+    createPolyLine();
+  }
+  function createPolyLine() {
+    yScaleValue.filter((item) => item.show).forEach((item, dataIndex) => {
+      var _a;
+      const pointList = [];
+      const lineList = [];
+      const otherList = [];
+      (_a = item.data) == null ? void 0 : _a.forEach((v, index) => {
+        const points = getPointer(v, item);
+        drawPointLine(points, v, index);
+      });
+      Promise.all(pointList).then((res) => {
+        setPrevAndNextPoint(res);
+        Promise.all(otherList).then((r) => {
+          canvas.value.add(...lineList, ...res, ...r);
+          res.forEach((point) => {
+            point == null ? void 0 : point.bringToFront();
+          });
+        });
+      });
+      function drawPointLine(points, v, index) {
+        if (!points && !v.childbirth || !(v == null ? void 0 : v.time) || !isLimit(v.time))
+          return;
+        let point;
+        let line;
+        const {
+          pointAttr = {},
+          lineAttr = {},
+          title = "",
+          key,
+          type: pointType = "circle",
+          childbirthStyle = {}
+        } = item;
+        const nextV = cloneDeep(item.data[index + 1]);
+        if (nextV && !nextV.value && nextV.childbirth) {
+          nextV.value = v.value;
+        }
+        const nextPoint = getPointer(nextV, item);
+        if (points && nextPoint && !v.breakpoint) {
+          line = drawPolyline([...points, ...nextPoint], lineAttr);
+        }
+        if (v.childbirth) {
+          const x1 = points ? points[0] : computedX(v.time);
+          const y1 = points ? points[1] : last(pointList).top;
+          const y2 = y1 + yCellHeight / 2;
+          const polyline = drawPolyline([x1, y1, x1, y2], lineAttr);
+          otherList.push(polyline);
+          const text = drawText([x1, y2], {
+            value: String(v.childbirth),
+            ...defaultTextStyle,
+            ...childbirthStyle,
+            backgroundColor: "#fff"
+          });
+          otherList.push(text);
+        }
+        const previousLine = lineList[index - 1];
+        const pointAttrNew = {
+          origin: {
+            data: v,
+            title,
+            key: key || "",
+            dataIndex,
+            index
+          },
+          leftLine: previousLine,
+          rightLine: line,
+          ...pointAttr,
+          ...getPointEventProps(),
+          ...defaultStyle
+        };
+        if (points) {
+          if (!previousLine) {
+            pointAttrNew.leftLine = null;
+          }
+          point = drawPoint(pointType, {
+            left: points[0],
+            top: points[1],
+            ...pointAttrNew
+          });
+        }
+        line && lineList.push(line);
+        if (point) {
+          setPointEvent(point);
+          pointList.push(point);
+          gridPoints.add(point);
+        }
+      }
+    });
+  }
+  function drawPolyline([x1, y1, x2, y2], lineAttr) {
+    return new fabric.Polyline([{
+      x: x1,
+      y: y1
+    }, {
+      x: x2,
+      y: y1
+    }, {
+      x: x2,
+      y: y2
+    }], {
+      ...lineAttr,
+      fill: "transparent",
+      ...defaultStyle
+    });
+  }
+  function setPointEvent(point) {
+    if (event.hovered) {
+      point.on("mouseover", () => {
+        setPopup(point, "hover");
+      });
+      point.on("mouseout", () => {
+        pointTipProps.show = false;
+      });
+    }
+  }
+  function doRemovePoints(points) {
+    const removePoints = [];
+    points.forEach((point) => {
+      point && removePoints.push(point);
+      (point == null ? void 0 : point.leftLine) && removePoints.push(point == null ? void 0 : point.leftLine);
+      (point == null ? void 0 : point.rightLine) && removePoints.push(point == null ? void 0 : point.rightLine);
+    });
+    return removePoints;
+  }
+  function redrawPoints() {
+    var _a;
+    gridPoints.size && ((_a = canvas.value) == null ? void 0 : _a.remove(...doRemovePoints([...gridPoints])));
+    gridPoints.clear();
+    createPolyLine();
+  }
+  function setPopup(point, status = "moving") {
+    const {
+      title,
+      key,
+      data
+    } = point.origin;
+    pointTipProps.point = {
+      x: point.left,
+      y: point.top
+    };
+    pointTipProps.list = [`${title} ${status === "hover" ? data.value : getYValue(key, point.top)}`, `\u65F6\u95F4 ${getXValue(point.left).slice(-5)}`];
+    pointTipProps.show = true;
+  }
+  function getPointer(v, item) {
+    if (isEffectiveNode(v) && isLimit(v.time)) {
+      const x = computedX(v.time);
+      const y = computedY(item.key, item.range, v.value);
+      return [x, y < originY ? originY : y > endY ? endY : y];
+    }
+  }
+  function isLimit(time) {
+    var _a, _b;
+    const _maxTime = ((_b = (_a = xAxis == null ? void 0 : xAxis.time) == null ? void 0 : _a.range) == null ? void 0 : _b[1]) || 20;
+    const maxTime = startTime + _maxTime * 60 * 60 * 1e3;
+    const _time = getTime(time);
+    return _time >= startTime && _time <= maxTime;
+  }
+  function drawOther() {
+    var _a;
+    const {
+      alertLineList = [],
+      alertLineTitle = ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.227")) || "\u5165\u9662\u65F6\u5BAB\u9888\u6269\u5F20\u4E0D\u540C\u60C5\u51B5"
+    } = other;
+    if (alertLineList.length < 1)
+      return;
+    const title = drawText([endX, 0], {
+      value: alertLineTitle,
+      ...defaultTextStyle,
+      originX: "right",
+      originY: "top"
+    });
+    canvas.value.add(title);
+    alertLineList.forEach((item) => {
+      const {
+        style,
+        data = []
+      } = item;
+      if (data.length < 1)
+        return;
+      const lineList = [];
+      const cervixItem = yScaleValue.find((item2) => item2.key === "cervix");
+      data.map((v) => {
+        return {
+          ...v,
+          time: startTime + v.time * 60 * 60 * 1e3
+        };
+      }).forEach((v, index, arr) => {
+        const points = getPointer(v, cervixItem);
+        const nextV = arr[index + 1];
+        const nextPoint = getPointer(nextV, cervixItem);
+        if (points && !nextPoint) {
+          lineList.push(drawText([points[0], originY - 10], {
+            value: arr[0].value + (cervixItem.unit || "cm"),
+            fill: style.stroke || "#000"
+          }));
+        }
+        if (!points || !nextPoint)
+          return;
+        lineList.push(drawPolyline([...points, ...nextPoint], style));
+      });
+      canvas.value.add(...lineList);
+    });
+  }
+  function drawXScale() {
+    const {
+      show,
+      range = [0, 20],
+      position = "top",
+      style,
+      spaceGridNumber = 2,
+      spaceValue = 2
+    } = xAxis.time;
+    if (show) {
+      const processTimeTextList = [];
+      const halfYCellHeight = yCellHeight / 2;
+      const list = getScaleNumberList(range, spaceValue);
+      list.forEach((num, i) => {
+        const top = position === "top" ? originY - halfYCellHeight : endY + timeXAxisHeight + halfYCellHeight;
+        processTimeTextList.push(drawText([originX + i * xCellWidth * spaceGridNumber, top], {
+          value: i === 0 ? "Admission" : String(num),
+          ...defaultTextStyle,
+          ...style
+        }));
+      });
+      const group = new fabric.Group(processTimeTextList, {
+        objectCaching: false,
+        ...defaultStyle
+      });
+      canvas.value.add(group);
+      canvas.value.sendToBack(group);
+    }
+    drawExtraTimeXAxis();
+  }
+  function drawExtraTimeXAxis() {
+    if ((extraTimeXAxisList == null ? void 0 : extraTimeXAxisList.length) > 0) {
+      const list = [];
+      extraTimeXAxisList.forEach((time) => {
+        const x = computedX(time);
+        const y = endY + timeXAxisHeight;
+        list.push(drawText([x, y], {
+          value: String(time.slice(11, 16)),
+          ...defaultTextStyle,
+          originY: "bottom"
+        }));
+      });
+      canvas.value.add(...list);
+    }
+  }
+  function drawYScale() {
+    drawColumn(leftScales);
+    drawColumn(rightScales, "right");
+    function drawColumn(scales, layout = "left") {
+      const margin = 10;
+      let baseLeft = layout === "left" ? 0 : endX;
+      scales.forEach((item, index) => {
+        const {
+          range,
+          spaceValue,
+          width,
+          title,
+          titleStyle,
+          unit,
+          key,
+          position = "center",
+          spaceGridNumber = 1,
+          showNumber,
+          showMaxMinNumber
+        } = item;
+        const textList = [];
+        const lineList = [];
+        const list = getScaleNumberList(range, spaceValue);
+        const listLen = list.length;
+        const {
+          lineXMain,
+          lineXSub,
+          textLeft
+        } = getScaleInfo(position, baseLeft, width);
+        list.forEach((num, i) => {
+          const top = endY - i * yCellHeight * spaceGridNumber;
+          const isMaxMinNumber = i === 0 || i === listLen - 1;
+          if (showNumber && (!isMaxMinNumber || showMaxMinNumber)) {
+            textList.push(drawScaleNumber(String(num), item, textLeft, top));
+          }
+          lineList.push(...drawScaleLine(item, i, lineXMain, lineXSub, top, yCellHeight, originY, listLen, 1));
+        });
+        const titleText = drawText([baseLeft + margin, originY + (endY - originY) / 2], {
+          value: String(title + "\uFF08" + unit + "\uFF09"),
+          ...defaultTextStyle,
+          originX: "center",
+          angle: -90,
+          ...titleStyle
+        });
+        const group = new fabric.Group([...lineList, ...textList, ...titleText ? [titleText] : []], {
+          objectCaching: false,
+          ...defaultStyle
+        });
+        canvas.value.add(group);
+        group.sendToBack();
+        baseLeft += width;
+      });
+    }
+  }
+  function drawBorder() {
+    const border = new fabric.Rect({
+      ...borderStyle,
+      width: endX - originX,
+      height: endY - originY,
+      left: originX,
+      top: originY,
+      fill: "transparent"
+    });
+    canvas.value.add(border);
+  }
+  return {
+    redrawPoints
+  };
+}
+
+export { useNewBirthProcess };

package/es/components/fabric-chart/src/hooks/newBirthProcess/useNewBirthProcessChart.js

@@ -1 +1,173 @@
-import{ref as e,computed as a,reactive as t,watch as l}from"vue";import{defaultBorderStyle as i}from"../useDraw.js";import"../../../../../shared/utils/fabricjs/index.js";import{format as r}from"date-fns";import{getTime as s}from"../../utils/index.js";import{range as u,last as o}from"lodash-es";import"../useEvent.js";import"../useShadow.js";import"../useCommon.js";import"../../constants/index.js";import"@vueuse/shared";import"naive-ui";import"../surgicalAnesthesia/useTop.js";import"@vueuse/core";import"../surgicalAnesthesia/useOther.js";import"../../../../../shared/utils/index.js";import{useNewBirthProcess as n}from"./useNewBirthProcess.js";function d(d,v,c,m,h,p){const x=e(),g=a((()=>v.data.scaleValues.filter((e=>"left"===e.layout&&e.show)))),f=a((()=>v.data.scaleValues.filter((e=>"right"===e.layout&&e.show)))),j=a((()=>{var e;return null==(e=g.value)?void 0:e.reduce(((e,a)=>e+=a.width),0)})),w=a((()=>{var e;const{width:a}=v.data;return a-((null==(e=f.value)?void 0:e.reduce(((e,a)=>e+=a.width),0))||15)})),b=a((()=>v.data.grid.mainXCell||20)),y=a((()=>v.data.grid.mainYCell||8)),A=a((()=>(w.value-j.value)/b.value)),M=a((()=>{var e;const{xAxis:a,height:t,other:l}=v.data,i=Object.values(a).reduce(((e,a)=>(a.show&&e++,e)),0),r=(null!=(e=null==l?void 0:l.alertLineList.length)?e:0)>0;return(t-V.value)/(y.value+i+(r?1:0))})),C=a((()=>{var e;const{xAxis:a,other:t}=v.data,l=Object.values(a).reduce(((e,a)=>(a.show&&"top"===a.position&&e++,e)),0),i=(null!=(e=null==t?void 0:t.alertLineList.length)?e:0)>0;return M.value*(l||i?1:0)})),S=a((()=>{const{xAxis:e,height:a}=v.data,t=Object.values(e).reduce(((e,a)=>(a.show&&"bottom"===a.position&&e++,e)),0);return a-M.value*t-V.value})),V=a((()=>{const e=g.value.concat(f.value);return(null==e?void 0:e.length)>0?20:0})),X=a((()=>s(v.data.xAxis.time.startTime))),H=a((()=>{const{spaceValue:e,spaceGridNumber:a}=v.data.xAxis.time||{};return 60*e*60*1e3/(A.value*a)})),L=a((()=>{var e,a,t;const l=null==(t=null==(a=null==(e=g.value.concat(f.value))?void 0:e[0])?void 0:a.data)?void 0:t.map((e=>s(e.time))),i=Math.min(...l);let n=Math.min(Math.max(...l));const d=H.value*A.value,v=u(1,b.value+1).reduce(((e,a,t)=>e.concat(X.value+a*d)),[X.value]);n=Math.min(n,o(v));const c=v.findIndex((e=>Math.abs(e-i)<d)),m=v.findIndex((e=>Math.abs(e-n)<d))+1;return v.filter(((e,a)=>a>=c&&a<=m)).map((e=>r(new Date(e),"yyyy-MM-dd HH:mm:ss")))})),Y=a((()=>{const{scaleValues:e}=v.data,a=e.find((e=>"cervix"===e.key));return M.value/((null==a?void 0:a.spaceValue)||1)})),N=a((()=>{var e;return(null==(e=v.data.grid)?void 0:e.event)||{selectable:!0,evented:!0,hovered:!0}})),O=t({canvasWidth:v.data.width,canvasHeight:v.data.height,borderStyle:{...i,...v.data.borderStyle||{}},selectionStyle:v.data.selectionStyle||{},grid:v.data.grid,other:v.data.other,originX:j.value,endX:w.value,originY:C.value,endY:S.value,xCellWidth:A.value,yCellHeight:M.value,gridXNumber:b.value,gridYNumber:y.value,xAxis:v.data.xAxis,leftScales:g.value,rightScales:f.value,startTime:X.value,timeXCell:H.value,cervixYCell:Y.value,scaleValues:v.data.scaleValues,timeXAxisHeight:V.value,extraTimeXAxisList:L.value,event:N.value});return l((()=>d.value),(e=>{e&&function(){const{redrawPoints:e}=n(d,O,c,h);x.value=e}()}),{immediate:!0}),{propItems:O,redrawPoints:x}}export{d as useNewBirthProcessChart};
+import { ref, computed, reactive, watch } from 'vue';
+import { defaultBorderStyle } from '../useDraw.js';
+import '../../../../../shared/utils/fabricjs/index.js';
+import { format } from 'date-fns';
+import { getTime } from '../../utils/index.js';
+import { range, last } from 'lodash-es';
+import '../useEvent.js';
+import '../useShadow.js';
+import '../useCommon.js';
+import '../../constants/index.js';
+import '@vueuse/shared';
+import 'naive-ui';
+import '../surgicalAnesthesia/useTop.js';
+import '@vueuse/core';
+import '../surgicalAnesthesia/useOther.js';
+import '../../../../../shared/utils/index.js';
+import { useNewBirthProcess } from './useNewBirthProcess.js';
+
+function useNewBirthProcessChart(canvas, props, emits, canvasRef, pointTipProps, pointMenuProps) {
+  const redrawPoints = ref();
+  const leftScales = computed(() => props.data.scaleValues.filter((item) => item.layout === "left" && item.show));
+  const rightScales = computed(() => props.data.scaleValues.filter((item) => item.layout === "right" && item.show));
+  const originX = computed(() => {
+    var _a;
+    return (_a = leftScales.value) == null ? void 0 : _a.reduce((width, item) => {
+      width += item.width;
+      return width;
+    }, 0);
+  });
+  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 - (rightScalesWidth || 15);
+  });
+  const gridXNumber = computed(() => props.data.grid.mainXCell || 20);
+  const gridYNumber = computed(() => props.data.grid.mainYCell || 8);
+  const xCellWidth = computed(() => {
+    return (endX.value - originX.value) / gridXNumber.value;
+  });
+  const yCellHeight = computed(() => {
+    var _a;
+    const {
+      xAxis,
+      height,
+      other
+    } = props.data;
+    const xAxisNumber = Object.values(xAxis).reduce((num, item) => {
+      if (item.show)
+        num++;
+      return num;
+    }, 0);
+    const hasAlertLine = ((_a = other == null ? void 0 : other.alertLineList.length) != null ? _a : 0) > 0;
+    return (height - timeXAxisHeight.value) / (gridYNumber.value + xAxisNumber + (hasAlertLine ? 1 : 0));
+  });
+  const originY = computed(() => {
+    var _a;
+    const {
+      xAxis,
+      other
+    } = props.data;
+    const xAxisNumber = Object.values(xAxis).reduce((num, item) => {
+      if (item.show && item.position === "top")
+        num++;
+      return num;
+    }, 0);
+    const hasAlertLine = ((_a = other == null ? void 0 : other.alertLineList.length) != null ? _a : 0) > 0;
+    return yCellHeight.value * (xAxisNumber || hasAlertLine ? 1 : 0);
+  });
+  const endY = computed(() => {
+    const {
+      xAxis,
+      height
+    } = props.data;
+    const xAxisNumber = Object.values(xAxis).reduce((num, item) => {
+      if (item.show && item.position === "bottom")
+        num++;
+      return num;
+    }, 0);
+    return height - yCellHeight.value * xAxisNumber - timeXAxisHeight.value;
+  });
+  const timeXAxisHeight = computed(() => {
+    const scalesList = leftScales.value.concat(rightScales.value);
+    return (scalesList == null ? void 0 : scalesList.length) > 0 ? 20 : 0;
+  });
+  const startTime = computed(() => getTime(props.data.xAxis.time.startTime));
+  const timeXCell = computed(() => {
+    const {
+      spaceValue,
+      spaceGridNumber
+    } = props.data.xAxis.time || {};
+    return spaceValue * 60 * 60 * 1e3 / (xCellWidth.value * spaceGridNumber);
+  });
+  const extraTimeXAxisList = computed(() => {
+    var _a, _b, _c;
+    const scalesTimeList = (_c = (_b = (_a = leftScales.value.concat(rightScales.value)) == null ? void 0 : _a[0]) == null ? void 0 : _b.data) == null ? void 0 : _c.map((item) => getTime(item.time));
+    const min = Math.min(...scalesTimeList);
+    let max = Math.min(Math.max(...scalesTimeList));
+    const timesXCell = timeXCell.value * xCellWidth.value;
+    const xCellTimeList = range(1, gridXNumber.value + 1).reduce((timeList, cur, next) => timeList.concat(startTime.value + cur * timesXCell), [startTime.value]);
+    max = Math.min(max, last(xCellTimeList));
+    const startIndx = xCellTimeList.findIndex((time) => Math.abs(time - min) < timesXCell);
+    const endIndx = xCellTimeList.findIndex((time) => Math.abs(time - max) < timesXCell) + 1;
+    return xCellTimeList.filter((time, idx) => idx >= startIndx && idx <= endIndx).map((time) => format(new Date(time), "yyyy-MM-dd HH:mm:ss"));
+  });
+  const cervixYCell = computed(() => {
+    const {
+      scaleValues
+    } = props.data;
+    const cervixItem = scaleValues.find((item) => item.key === "cervix");
+    return yCellHeight.value / ((cervixItem == null ? void 0 : cervixItem.spaceValue) || 1);
+  });
+  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,
+    startTime: startTime.value,
+    timeXCell: timeXCell.value,
+    cervixYCell: cervixYCell.value,
+    scaleValues: props.data.scaleValues,
+    timeXAxisHeight: timeXAxisHeight.value,
+    extraTimeXAxisList: extraTimeXAxisList.value,
+    event: event.value
+  });
+  watch(() => canvas.value, (value) => {
+    if (value)
+      init();
+  }, {
+    immediate: true
+  });
+  function init() {
+    const {
+      redrawPoints: _redrawPoints
+    } = useNewBirthProcess(canvas, propItems, emits, pointTipProps);
+    redrawPoints.value = _redrawPoints;
+  }
+  return {
+    propItems,
+    redrawPoints
+  };
+}
+
+export { useNewBirthProcessChart };

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

@@ -1 +1,4 @@
-export{useTop}from"./useTop.js";export{useLeft}from"./useLeft.js";export{useCenter}from"./useCenter.js";export{useOther}from"./useOther.js";
+export { useTop } from './useTop.js';
+export { useLeft } from './useLeft.js';
+export { useCenter } from './useCenter.js';
+export { useOther } from './useOther.js';