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

package/es/components/fabric-chart/src/hooks/temperature/useCenter.js

@@ -1 +1,1101 @@
-import{fabric as e}from"../../../../../shared/utils/fabricjs/index.js";import{drawLine as t,defaultStyle as i,drawPoint as n,drawText as o,drawArrow as l}from"../useDraw.js";import{useGrid as r}from"../useGrid.js";import{format as s}from"date-fns";import{getType as a,getTime as u,isOneLine as d,isOverlapPoint as c,getFloorNumber as p,isValidValue as f,setOtherType as h,isEffectiveNode as v,deleteProperty as g,getIndex as y}from"../../utils/index.js";import{cloneDeep as m,omit as w,flatten as x,last as b}from"lodash-es";import"../useEvent.js";import{useShadow as j}from"../useShadow.js";import{useCommon as L}from"../useCommon.js";import"vue";import"naive-ui";import"../surgicalAnesthesia/useTop.js";import"@vueuse/core";import{TEMPERATURE_MENU as k,PAIN_MENU as S,OVERLAP as Y}from"../../constants/index.js";import"../surgicalAnesthesia/useOther.js";import"../../../../../shared/utils/index.js";import{promiseTimeout as E}from"@vueuse/shared";function M(M,C,T,$,P,V,A,R,I,X){r(M,{...C,isTemperature:!0});const{getEqualXTypes:H,handleAddPrevent:B,getPointEventProps:D}=L(M,T,C),{createShadowLines:W}=j(),{left:z,xScaleList:F,xCellWidth:_,yCellHeight:K,originX:q,endX:G,originY:N,endY:J,itemList:Q,event:U,vitalSignsOriginY:Z,painOriginY:ee,hospitalizationDate:te,config:ie,canvasHeight:ne,painSurplusCell:oe,iconsWidth:le,canvasWidth:re,borderStyle:se,painScalePositionSurplusHeight:ae,painBorderColor:ue,painHeight:de}=C,ce=new Set,pe=["xinmai","mai"],fe=new Map,he=new Set,ve=new Set,ge=new Set,ye=m(z.yScaleValue),me=new Set;function we(n){var o;const l=ye.find((e=>e.show&&"pulse"===e.type));if(l&&(null==(o=l.dataList)?void 0:o.length)&&(ce.size&&M.value.remove(...ce),ce.clear(),fe.size>1)){if(n){const{type:e,key:t}=n.origin||{};if("pulse"===e){const e=fe.get(t),i=null==e?void 0:e.findIndex((e=>e[0]===n.left));e.splice(i,1,[n.left,n.top])}}const o=function(){const e=[],t=[],i=[];for(const e of fe)t.push(e[1]),e[0]===pe[0]&&e[1].forEach((e=>{(fe.get(pe[1])||[]).findIndex((t=>t[0]===e[0]))>-1&&i.push(e[0])}));const[n,o]=t;let l=[],r=[];return i.forEach((t=>{const i=n.findIndex((e=>e[0]===t)),s=o.findIndex((e=>e[0]===t)),a=n[i],u=o[s],d=n[i-1],c=n[i+1],p=o[s-1],f=o[s+1];if(d&&p){if(d[0]!==p[0]){const e=Math.max(d[0],p[0]);l.push([d,p].find((t=>t[0]===e)))}}else d?l.push(d):p&&r.push(p);const h=Math.min(a[1],u[1]);l.push([a,u].find((e=>e[1]===h)));const v=Math.max(a[1],u[1]);r.push([a,u].find((e=>e[1]===v)));const g=()=>{const t=[...l,...r.reverse()],[i]=t,n=b(t);i[0]===n[0]&&i[1]===n[1]&&t.splice(-1,1),e.push(t),l=[],r=[]};if(c&&f){if(c[0]!==f[0]){const e=Math.min(c[0],f[0]);l.push([c,f].find((t=>t[0]===e))),g()}}else c?(l.push(c),g()):f?(r.push(f),g()):g()})),e}();o.length>0&&function(e){E(0).then((()=>{e.forEach((e=>{const t=[],i=[];Array.from(ge).forEach((n=>{var o,l;"pulse"===(null==(o=null==n?void 0:n.origin)?void 0:o.type)&&e.find((e=>Math.abs(n.left-e[0])<=1&&Math.abs(n.top-e[1])<=1))&&((null==(l=null==n?void 0:n.origin)?void 0:l.key)===pe[0]?t.push(n):i.push(n))})),[t,i].forEach((e=>{1!==(null==e?void 0:e.length)&&e.sort(((e,t)=>e.left-t.left)).forEach(((e,t)=>{0==t?e.rightLine&&M.value.remove(e.rightLine):e.leftLine&&M.value.remove(e.leftLine)}))}))}))}))}(o);const{mode:r,style:s={}}=l.shadow||{};o.forEach((n=>{const o=n.map((e=>({x:e[0],y:e[1]}))),l=new e.Polygon(o,{...i,...s,strokeWidth:1});if(["slash","line"].includes(r)){l.set({fill:"transparent",stroke:s.stroke||"#f00"});const e=[];if(["slash"].includes(r))e.push(...W(n,s._angle,s.space,w(s,["_angle","space"]))),e.forEach((e=>{ce.add(e)}));else{const i=function(e){const t=e.reduce(((e,t)=>{const i=Math.trunc(t[0]);return e[i]=e[i]?e[i].concat([t]):[t],e}),{}),i=Object.values(t).filter((e=>2===e.length&&Math.trunc(e[0][1])!==Math.trunc(e[1][1])));return i}(n);i.forEach((i=>{const n=t([...x(i)],{...s,originX:"center"});e.push(n),ce.add(n)}))}M.value.add(...e)}ce.add(l),M.value.add(l)}))}}function xe(e,r,s){var a;const{type:u,riseStyle:c={},noRiseStyle:v={},verifiedStyle:g={},reduceStyle:y={},pacemaker:w={},upArrowStyle:x={},limitValueStyle:b={},nonePainPointStyle:j={},belowMinValueStyle:L={},respiratorStyle:k={},dataList:S=[],list:Y=[]}=s,{type:E,textStyle:C}=j,V=[],R=[],X=[];let H=null;const B=e=>"breathe"==u&&e.respirator&&k.type&&k.fixedValue&&!e.value&&Le(e.time),W=d(s);if(null==(a=e.list)||a.forEach(((a,d)=>{var j,z,F,q;const G=W?S.find((e=>e.key===a.key)):e,N=ke(B(a)?{...a,value:k.fixedValue}:a,s),J=e.list[d+1],Q=J?ke(B(J)?{...J,value:k.fixedValue}:J,s):void 0,te=J?W?S.find((e=>e.key===J.key)):e:{},{title:le=""}=G;if(le===((null==(j=window.getLanguageByCode)?void 0:j.call(window,"10010.1.235"))||"脉搏")&&te.title!==((null==(z=window.getLanguageByCode)?void 0:z.call(window,"10010.1.235"))||"脉搏")||le!==((null==(F=window.getLanguageByCode)?void 0:F.call(window,"10010.1.235"))||"脉搏")&&te.title===((null==(q=window.getLanguageByCode)?void 0:q.call(window,"10010.1.235"))||"脉搏")||!N||!Q||p(N[0],1)!==p(Q[0],1))N&&H&&(N[0]=H),H=null;else{const e=N[0]-_/2;N[0]=e+_/4,Q[0]=H=N[0]+_/2}const re={};re.value=function(e,t,i){if(!(null==e?void 0:e.length)||!ie.showValue)return;const{lineAttr:n={}}=i,l=e[1]<=Z.originY+K?e[1]+K:e[1]-K,r=o([e[0],l],{value:B(t)?k.fixedValue:t.value,originX:"center",originY:"center",fill:n.stroke||"#000"});return X.push(r),{obj:r,top:-K}}(N,a,G),function(e,r,s,a){var d,p,h;if(!["temperature","pain","breathe"].includes(u))return;if(!(null==e?void 0:e.length)&&"temperature"===u&&!Le(r.time))return;if(!(null==e?void 0:e.length)&&"pain"===u)return;if(!r.value&&"breathe"===u)return;const{lineAttr:m={},key:w}=s,{value:x}=a,b=$(r.time);let j,L,S,Y,E,M;if(r.noRise&&v.show){const t=O(v,r)?P(u,35):(null==e?void 0:e[1])||0;if(v.text)S=o([b,O(v,r)?t:t+5],{value:v.text.split("").join("\n"),originY:"top",...v.style}),r.value||ge.add(S);else if(r.value){S=l([b,t,t+2*K],{...v.style})}S&&X.push(S),S&&O(v,r)&&me.add(S)}if(null==e?void 0:e[1]){if(r.rise&&c.show&&c.text&&(Y=o([b,e[1]-(x?K:0)-5],{value:c.text.split("").join("\n"),originY:"bottom",...c.style}),X.push(Y)),r.verified){const t=(null==(d=null==g?void 0:g.position)?void 0:d[w])||"top";E=o(["top-right"===t?b+_/2:b,e[1]-(x?K:0)-5],{value:"v",originX:"center",originY:"bottom",...g}),X.push(E)}if(f(r.physicsReduce)||f(r.drugReduce)){const o=P(u,null!=(p=r.physicsReduce)?p:r.drugReduce),l=o<e[1]&&(null==ie?void 0:ie.hypothermyViewCustom)?b+_/2:b;j=t([...e,l,o],{...m,...y.line,...i}),L=n((null==(h=null==y?void 0:y.point)?void 0:h.type)||"circle",{left:l,top:o,...y.point,...i,originY:o===ne?"bottom":"center"}),j&&X.push(j),L&&X.push(L)}r.respirator&&(M=n(k.type,{left:b,top:e[1]-(x?K:0)-5,originX:"center",originY:"bottom",...k.style}),X.push(M))}Object.assign(a,{reduceLine:{obj:j,type:"line"},noRiseText:{obj:S,top:v.text?5:2*K,isFixed:O(v,r)},riseText:{obj:Y,top:(x?-K:0)-5},verifiedText:{obj:E,left:_/2,top:(x?-K:0)-5},reducePoint:{obj:L,type:"reduce"},respirator:{obj:M,top:(x?-K:0)-5}})}(N,a,G,re),function(e,t,i,n){if(!(null==e?void 0:e.length)||!["pulse"].includes(u))return;const r=Math.max(...Y),s=Math.min(...Y);let a,d,c;const{upArrowShow:p=!1,limitValueShow:f=!1}=i;if(p&&+t.value>180){let t=e[1]-2.5*K,i=[e[1]-K/2,t];t<Z.originY&&(t=e[1]+2.5*K,i=[t,e[1]+K/2]),a=l([e[0],i[0],i[1]],x,"up"),X.push(a)}if(f){const i={value:t.value,originX:"center",originY:"center",...b};if(+t.value>r){const t=a?e[1]+K/2+a.height:e[1]+K;d=o([e[0],t],i),X.push(d)}+t.value<s&&(d=o([e[0],e[1]-K],i),X.push(d))}if(L.show&&+t.value<s){const t=e[1];if(L.text)c=o([e[0],e[1]+5],{value:L.text.split("").join("\n"),originY:"top",...L.style});else{const i=t+2*K;c=l([e[0],t,i],{...L.style})}X.push(c)}Object.assign(n,{upArrow:{obj:a},limitValue:{obj:d,top:-K},belowMinValue:{obj:c,top:L.text?5:2*K,moveHide:!0}})}(N,a,G,re),function(i,o,l,a,d,c){let p,f;const{pointAttr:g={},lineAttr:y={},title:x="",key:b,type:j="circle",overlapKey:L}=d,S=g.height?g.height/2:5,Y=e.list[a+1];let O=m(i),H=m(o);const z=be(u,e.list[a].value),F=()=>"pulse"==u&&l.pacemakerShow?w.value:B(l)?k.type:z&&"number"===E?0:j,_=e=>e&&v.show&&v.fixed&&Le(e.time)&&e.noRise&&!e.value&&0!==e.value;if((()=>{if(l.breakpoint)return!1;if("temperature"===u&&(i||_(l))&&(o||_(Y))){const e=P(u,35);return i||(O=[$(l.time),e]),o||(H=[$(Y.time),e]),!0}return!!i&&!!o})()){O&&H&&z&&be(u,Y.value)&&!oe[1]&&!ae&&"icon"===E&&(O[1]=O[1]-S,H[1]=H[1]-S),f=t([...O,...H],{...y});const{obj:e}=(null==c?void 0:c.reducePoint)||{};if(i&&o&&(null==e?void 0:e.top)<i[1]&&(null==ie?void 0:ie.hypothermyViewCustom)){const i=t([e.left,e.top,...o],{...y});X.unshift(i),Object.assign(c,{reduceRightLine:{obj:i,type:"reduce"}}),f.set("stroke","transparent")}}const K=F(),q=R[a-1],G={origin:{data:B(l)?{...l,value:k.fixedValue}:l,title:x,key:b||"",overlapKey:L,unit:s.unit,type:u,_type:h(x,u),dataIndex:r,index:a,isOneLine:W},leftLine:q,rightLine:f,otherObj:c,...l.pacemakerShow&&"pulse"==u?w.style:B(l)?k.style:g,...D(),lockMovementX:!0,...z?{selectable:!1,evented:!1,..."number"===E?C:{}}:{}};i&&(q?G.leftLine.set("x2",i[0]):G.leftLine=null,p=n(K,{left:i[0],top:!z||oe[1]||ae?i[1]:i[1]-S,...G}));R.push(f),p&&(b===pe[1]?he.add(p):B(l)||ve.add(p),function(e){U.hovered&&(e.on("mouseover",(()=>{je(e,"hover")})),e.on("mouseout",(()=>{I.show=!1})));if(e.lockMovementX&&e.lockMovementY)return;e.on("moving",(()=>{!function(e){e.setCoords();const t="pain"===e.origin.type?ee:Z;e.top<t.originY&&e.set("top",t.originY);e.top>t.endY&&e.set("top",t.endY)}(e),function(e){var t,i;null==(t=e.leftLine)||t.setCoords().set({x2:e.left,y2:e.top}),null==(i=e.rightLine)||i.setCoords().set({x1:e.left,y1:e.top}),Object.values(e.otherObj).forEach((t=>{const{obj:i,type:n="",top:o=0,isFixed:l,moveHide:r=!1,left:s=0}=t||{};"reduce"!==n&&i&&("line"===n?i.setCoords().set({x1:e.left,y1:e.top}):(l||i.setCoords().set({left:e.left+s,top:e.top+o}),r&&(M.value.remove(i),delete e.otherObj.obj)))})),we(e)}(e),U.hovered&&je(e)})),e.on("mouseup",(t=>{if(I.show=!1,1===t.button){const{type:t}=e.origin,i=A(t,e.top),n={...e.origin,data:{...e.origin.data,value:i}};M.value.discardActiveObject(),T("change",n),Ye(n,"change")}}))}(p),V.push(p),ge.add(p))}(N,Q,a,d,G,re)})),"pulse"===u){let t=null;const i=e=>e.map(((e,i,n)=>{var o,l;const r=n[i+1];if(r&&p(e.left,1)===p(r.left,1)){const i=e.left-_/2;e.set("left",i+_/4),null==(o=e.rightLine)||o.set("x1",e.left),t=e.left+_/2,r.set("left",t)}else t&&(null==(l=e.leftLine)||l.set("x2",t),e.set("left",t)),t=null;return[e.left,e.top]}));if(W){const e={};pe.forEach((t=>{e[t]=V.filter((e=>{var i;return(null==(i=e.origin)?void 0:i.key)===t})),fe.set(t,i(e[t]))}))}else{const{key:t}=e;fe.set(t,i(V))}}const z=R.filter((e=>e));M.value.add(...z,...V,...X)}function be(e,t){return"pain"===e&&0==t}function je(e,t="moving"){const{title:i,unit:n,type:o,data:l}=e.origin;I.point={x:e.left,y:e.top};let r=`时间 ${((null==l?void 0:l.time)||V(e.left)).slice(-5)}`;I.list=[function(){const{drugReduce:s,physicsReduce:a}=l||{},u="hover"===t?l.value:A(o,e.top);if(f(s))return r+=(null==l?void 0:l.changeTime)?"—>"+(null==l?void 0:l.changeTime.slice(-5)):"",`药物降${"pain"==o?"痛":"温"} ${u}—>${s}${n||""}`;if(f(a))return r+=(null==l?void 0:l.changeTime)?"—>"+(null==l?void 0:l.changeTime.slice(-5)):"",`物理降${"pain"==o?"痛":"温"} ${u}—>${a}${n||""}`;return`${i} ${u}${n||""}`}(),r],I.show=!0}function Le(e){const[t]=F,i=b(F),n=t.start,o=i.end,l=u(e);return l>=n&&l<=o}function ke(e,t){const i="pain"===t.type?ee:Z;if(!v(e)||!Le(e.time))return;const n=$(e.time),o=P(t.type,e.value);return[n,o<i.originY?i.originY:o>i.endY?i.endY:o]}function Se(e){const t=new Date,i=String(t.getMonth()+1).padStart(2,"0"),n=String(t.getDate()).padStart(2,"0"),o=u(`${t.getFullYear()}-${i}-${n} 23:59:59`),l=u(`${V(e)}:00`);return te&&l<u(te)?(B("exceedMin"),!1):!(l>o)||(B("exceedMax"),!1)}function Ye(e,t="add"){const{type:i,dataIndex:n,index:o,data:l,key:r}=e,s=ye.find((e=>e.type===i));if("add"===t){const e=d(s)?s.dataList.find((e=>e.enable)):s.dataList[n],t=y(l.time,e.list);e.list.splice(t,0,l)}else s.dataList[n].list[o]=l;Ee()}function Ee(){var e;ge.size&&(null==(e=M.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),Object.values((null==e?void 0:e.otherObj)||{}).forEach((e=>{(null==e?void 0:e.obj)&&t.push(null==e?void 0:e.obj)}))})),t}([...ge]))),ge.clear(),Me()}function Me(e){fe.clear(),ge.clear(),he.clear(),me.clear(),ve.clear(),ye.forEach((t=>{t.show&&(null==e||e(t),t.dataList.forEach(((e,i)=>{!e.show||d(t)&&!e.enable||xe(e,i,t)})))})),we(),[...ge].forEach((e=>{null==e||e.bringToFront()})),function(){var e;const t=ye.find((e=>e.show&&"pulse"===e.type));if(!t||!(null==(e=t.dataList)?void 0:e.length))return;if(!t.dataList.some((e=>{var t;return e.title.includes((null==(t=window.getLanguageByCode)?void 0:t.call(window,"10010.1.235"))||"脉搏")})))return;const o=Object.assign({},Y,z.overlap||{}),l=[];he.size&&[...he].forEach((e=>{[...ve].forEach((t=>{if(t.origin&&c(e,t)){const e=t.origin.key,r=t.origin.overlapKey;if(e){const s={left:t.left,top:t.top,...i,hoverCursor:"default"};let a=r||"koumai";"yemai"===e&&(a=e);const u=r||e;l.push(n(a,{...o[u],...s}))}}}))})),setTimeout((()=>{M.value.add(...l),l.forEach((e=>{null==e||e.bringToFront(),ge.add(e)}))}))}()}return function(){const i=[];if(i.push(new e.Rect({left:le,top:0,width:re-le-se.strokeWidth,height:ne-se.strokeWidth,fill:"transparent",...se})),ue){const e=ee.originY-oe[0]*K,n=e+de+(oe[0]+oe[1])*K-1,o={...se,stroke:ue},l=t([le,e,G,e],o),r=t([le,n,G,n],o);i.push(l,r)}M.value.add(...i)}(),Me((e=>function(e){if("temperature"!==e.type||!e.positionLine)return;const i=P(e.type,e.positionLine.value),n=t([q,i,G,i],e.positionLine);M.value.add(n)}(e))),M.value.on("mouse:up",(e=>{var t;const{button:i,target:n,pointer:o={}}=e;if(3===i){if(!C.event.evented)return;const{x:e=0,y:i=0}=o;if(e>=q&&e<=G&&i>=N&&i<=J){X.point={x:e,y:i},X.show=!0;const{type:l}=(null==n?void 0:n.origin)||{};if(n&&["temperature","pain"].includes(l))"temperature"===l&&(X.list=[...k]),"pain"===l&&(X.list=[...S]),X.target=n;else{X.target=null,X.list=[(null==(t=window.getLanguageByCode)?void 0:t.call(window,"10010.1.219"))||"新增节点"],Q.forEach((t=>{if(!H([...ge],e,"_type").includes(t.bigType)){const e=["pain"].includes(t.bigType)?ee:Z;i>=e.originY&&i<=e.endY&&X.list.push({renderItem:R?R(t):()=>t.title,origin:{title:t.title,unit:t.unit,type:a(t.bigType),dataIndex:t.dataIndex,key:t.key,isOneLine:t.isOneLine},pointer:o})}}));const n=Se(e);n&&1!==X.list.length||(X.show=!1,1===X.list.length&&n&&B("repeat"))}}}if(1===i){if(n)return;const{x:e=0,y:t=0}=o;e>=q&&e<=G&&t>0&&t<ne&&T("click:grid",{x:e,y:t,time:V(e)})}})),{clickMenu:function({item:e,target:t}){if(t){const{data:i,type:n,isOneLine:o,dataIndex:l,index:r}=t.origin,a=g(i,[...k,...S]);a[`${e.type}`]=e.value,a.changeTime=s(new Date,"yyyy-MM-dd HH:mm"),o&&(a.key=t.origin.key);const u={...t.origin,data:a};T("change",u),Ye(u,"change")}else{const t={data:{time:V(e.pointer.x),value:A(e.origin.type,e.pointer.y),...e.origin.isOneLine?{key:e.origin.key}:{}},...e.origin};T("add",t),Ye(t)}},setPopup:je,isAddPoint:Se,updateData:Ye,redrawPoints:Ee,gridPoints:ge,fixedNoRisePoints:me}}function O(e,t){return e.fixed||!t.value&&0!==t.value}export{M as useCenter};
+import { fabric } from '../../../../../shared/utils/fabricjs/index.js';
+import { drawLine, defaultStyle, drawPoint, drawText, drawArrow } from '../useDraw.js';
+import { useGrid } from '../useGrid.js';
+import { format } from 'date-fns';
+import { getType, getTime, isOneLine, isOverlapPoint, getFloorNumber, isValidValue, setOtherType, isEffectiveNode, deleteProperty, getIndex } from '../../utils/index.js';
+import { cloneDeep, omit, flatten, last } from 'lodash-es';
+import '../useEvent.js';
+import { useShadow } from '../useShadow.js';
+import { useCommon } from '../useCommon.js';
+import 'vue';
+import 'naive-ui';
+import '../surgicalAnesthesia/useTop.js';
+import '@vueuse/core';
+import { TEMPERATURE_MENU, PAIN_MENU, OVERLAP } from '../../constants/index.js';
+import '../surgicalAnesthesia/useOther.js';
+import '../../../../../shared/utils/index.js';
+import { promiseTimeout } from '@vueuse/shared';
+
+function useCenter(canvas, propItems, emits, computedX, computedY, getXValue, getYValue, addRenderItem, pointTipProps, pointMenuProps) {
+  useGrid(canvas, {
+    ...propItems,
+    isTemperature: true
+  });
+  const {
+    getEqualXTypes,
+    handleAddPrevent,
+    getPointEventProps
+  } = useCommon(canvas, emits, propItems);
+  const {
+    createShadowLines
+  } = useShadow();
+  const {
+    left,
+    xScaleList,
+    xCellWidth,
+    yCellHeight,
+    originX,
+    endX,
+    originY,
+    endY,
+    itemList,
+    event,
+    vitalSignsOriginY,
+    painOriginY,
+    hospitalizationDate,
+    config,
+    canvasHeight,
+    painSurplusCell,
+    iconsWidth,
+    canvasWidth,
+    borderStyle,
+    painScalePositionSurplusHeight,
+    painBorderColor,
+    painHeight
+  } = propItems;
+  const shadowLinesCache = /* @__PURE__ */ new Set();
+  const SHADOWKEYS = ["xinmai", "mai"];
+  const shadowPointCache = /* @__PURE__ */ new Map();
+  const maiboPoints = /* @__PURE__ */ new Set();
+  const otherPoints = /* @__PURE__ */ new Set();
+  const gridPoints = /* @__PURE__ */ new Set();
+  const yScaleValue = cloneDeep(left.yScaleValue);
+  const fixedNoRisePoints = /* @__PURE__ */ new Set();
+  init();
+  function init() {
+    drawBorder();
+    drawPoints((scaleValue) => drawPositionLine(scaleValue));
+    setCanvasEvent();
+  }
+  function bringToFront() {
+    [...gridPoints].forEach((point) => {
+      point == null ? void 0 : point.bringToFront();
+    });
+  }
+  function drawBorder() {
+    const borderList = [];
+    borderList.push(new fabric.Rect({
+      left: iconsWidth,
+      top: 0,
+      width: canvasWidth - iconsWidth - borderStyle.strokeWidth,
+      height: canvasHeight - borderStyle.strokeWidth,
+      fill: "transparent",
+      ...borderStyle
+    }));
+    if (painBorderColor) {
+      const painTop = painOriginY.originY - painSurplusCell[0] * yCellHeight;
+      const painEndTop = painTop + painHeight + (painSurplusCell[0] + painSurplusCell[1]) * yCellHeight - 1;
+      const style = {
+        ...borderStyle,
+        stroke: painBorderColor
+      };
+      const topLine = drawLine([iconsWidth, painTop, endX, painTop], style);
+      const bottomLine = drawLine([iconsWidth, painEndTop, endX, painEndTop], style);
+      borderList.push(topLine, bottomLine);
+    }
+    canvas.value.add(...borderList);
+  }
+  function removePulsePointLine(data) {
+    promiseTimeout(0).then(() => {
+      data.forEach((pointerItem) => {
+        const heartRatePoints = [];
+        const pulsePoints = [];
+        Array.from(gridPoints).forEach((point) => {
+          var _a, _b;
+          if (((_a = point == null ? void 0 : point.origin) == null ? void 0 : _a.type) === "pulse") {
+            if (pointerItem.find((pointer) => Math.abs(point.left - pointer[0]) <= 1 && Math.abs(point.top - pointer[1]) <= 1)) {
+              if (((_b = point == null ? void 0 : point.origin) == null ? void 0 : _b.key) === SHADOWKEYS[0]) {
+                heartRatePoints.push(point);
+              } else {
+                pulsePoints.push(point);
+              }
+            }
+          }
+        });
+        [heartRatePoints, pulsePoints].forEach((points) => {
+          if ((points == null ? void 0 : points.length) === 1)
+            return;
+          points.sort((point1, point2) => point1.left - point2.left).forEach((point, idx) => {
+            if (idx == 0) {
+              point.rightLine && canvas.value.remove(point.rightLine);
+            } else {
+              point.leftLine && canvas.value.remove(point.leftLine);
+            }
+          });
+        });
+      });
+    });
+  }
+  function drawPositionLine(scaleValue) {
+    if (scaleValue.type !== "temperature" || !scaleValue.positionLine)
+      return;
+    const y = computedY(scaleValue.type, scaleValue.positionLine.value);
+    const line = drawLine([originX, y, endX, y], scaleValue.positionLine);
+    canvas.value.add(line);
+  }
+  function drawShaDow(target) {
+    var _a;
+    const pulseObj = yScaleValue.find((item) => item.show && item.type === "pulse");
+    if (!pulseObj || !((_a = pulseObj.dataList) == null ? void 0 : _a.length))
+      return;
+    if (shadowLinesCache.size)
+      canvas.value.remove(...shadowLinesCache);
+    shadowLinesCache.clear();
+    if (shadowPointCache.size > 1) {
+      if (target) {
+        const {
+          type,
+          key
+        } = target.origin || {};
+        if (type === "pulse") {
+          const list = shadowPointCache.get(key);
+          const index = list == null ? void 0 : list.findIndex((point) => point[0] === target.left);
+          list.splice(index, 1, [target.left, target.top]);
+        }
+      }
+      const data = getShadowData();
+      if (data.length > 0) {
+        removePulsePointLine(data);
+      }
+      const {
+        mode,
+        style = {}
+      } = pulseObj.shadow || {};
+      data.forEach((item) => {
+        const points = item.map((v) => ({
+          x: v[0],
+          y: v[1]
+        }));
+        const polygon = new fabric.Polygon(points, {
+          ...defaultStyle,
+          ...style,
+          strokeWidth: 1
+        });
+        if (["slash", "line"].includes(mode)) {
+          polygon.set({
+            fill: "transparent",
+            stroke: style.stroke || "#f00"
+          });
+          const shadowLines = [];
+          if (["slash"].includes(mode)) {
+            shadowLines.push(...createShadowLines(item, style._angle, style.space, omit(style, ["_angle", "space"])));
+            shadowLines.forEach((l) => {
+              shadowLinesCache.add(l);
+            });
+          } else {
+            const finalData = getLineData(item);
+            finalData.forEach((_item) => {
+              const l = drawLine([...flatten(_item)], {
+                ...style,
+                originX: "center"
+              });
+              shadowLines.push(l);
+              shadowLinesCache.add(l);
+            });
+          }
+          canvas.value.add(...shadowLines);
+        }
+        shadowLinesCache.add(polygon);
+        canvas.value.add(polygon);
+      });
+    }
+  }
+  function getLineData(data) {
+    const result = data.reduce((acc, cur) => {
+      const key = Math.trunc(cur[0]);
+      acc[key] = !acc[key] ? [cur] : acc[key].concat([cur]);
+      return acc;
+    }, {});
+    const finalResult = Object.values(result).filter((item) => item.length === 2 && Math.trunc(item[0][1]) !== Math.trunc(item[1][1]));
+    return finalResult;
+  }
+  function getShadowData() {
+    const data = [];
+    const pulsePoints = [];
+    const sames = [];
+    for (const item of shadowPointCache) {
+      pulsePoints.push(item[1]);
+      if (item[0] === SHADOWKEYS[0]) {
+        item[1].forEach((_item) => {
+          const someIndex = (shadowPointCache.get(SHADOWKEYS[1]) || []).findIndex((v) => v[0] === _item[0]);
+          someIndex > -1 && sames.push(_item[0]);
+        });
+      }
+    }
+    const [points1, points2] = pulsePoints;
+    let _arr1 = [];
+    let _arr2 = [];
+    sames.forEach((left2) => {
+      const index1 = points1.findIndex((point) => point[0] === left2);
+      const index2 = points2.findIndex((point) => point[0] === left2);
+      const currentPoint1 = points1[index1];
+      const currentPoint2 = points2[index2];
+      const prevPoint1 = points1[index1 - 1];
+      const nextPoint1 = points1[index1 + 1];
+      const prevPoint2 = points2[index2 - 1];
+      const nextPoint2 = points2[index2 + 1];
+      if (prevPoint1 && prevPoint2) {
+        if (prevPoint1[0] !== prevPoint2[0]) {
+          const maxPoint = Math.max(prevPoint1[0], prevPoint2[0]);
+          _arr1.push([prevPoint1, prevPoint2].find((point) => point[0] === maxPoint));
+        }
+      } else if (prevPoint1) {
+        _arr1.push(prevPoint1);
+      } else if (prevPoint2) {
+        _arr2.push(prevPoint2);
+      }
+      const minYPoint = Math.min(currentPoint1[1], currentPoint2[1]);
+      _arr1.push([currentPoint1, currentPoint2].find((point) => point[1] === minYPoint));
+      const maxYPoint = Math.max(currentPoint1[1], currentPoint2[1]);
+      _arr2.push([currentPoint1, currentPoint2].find((point) => point[1] === maxYPoint));
+      const setData = () => {
+        const dataItem = [..._arr1, ..._arr2.reverse()];
+        const [firstPoint] = dataItem;
+        const lastPoint = last(dataItem);
+        if (firstPoint[0] === lastPoint[0] && firstPoint[1] === lastPoint[1])
+          dataItem.splice(-1, 1);
+        data.push(dataItem);
+        _arr1 = [];
+        _arr2 = [];
+      };
+      if (nextPoint1 && nextPoint2) {
+        if (nextPoint1[0] !== nextPoint2[0]) {
+          const minPoint = Math.min(nextPoint1[0], nextPoint2[0]);
+          _arr1.push([nextPoint1, nextPoint2].find((point) => point[0] === minPoint));
+          setData();
+        }
+      } else if (nextPoint1) {
+        _arr1.push(nextPoint1);
+        setData();
+      } else if (nextPoint2) {
+        _arr2.push(nextPoint2);
+        setData();
+      } else {
+        setData();
+      }
+    });
+    return data;
+  }
+  function setCanvasEvent() {
+    canvas.value.on("mouse:up", (event2) => {
+      var _a;
+      const {
+        button,
+        target,
+        pointer = {}
+      } = event2;
+      if (button === 3) {
+        if (!propItems.event.evented)
+          return;
+        const {
+          x = 0,
+          y = 0
+        } = pointer;
+        if (x >= originX && x <= endX && y >= originY && y <= endY) {
+          pointMenuProps.point = {
+            x,
+            y
+          };
+          pointMenuProps.show = true;
+          const {
+            type
+          } = (target == null ? void 0 : target.origin) || {};
+          if (target && ["temperature", "pain"].includes(type)) {
+            if (type === "temperature") {
+              pointMenuProps.list = [...TEMPERATURE_MENU];
+            }
+            if (type === "pain") {
+              pointMenuProps.list = [...PAIN_MENU];
+            }
+            pointMenuProps.target = target;
+          } else {
+            pointMenuProps.target = null;
+            pointMenuProps.list = [((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.219")) || "\u65B0\u589E\u8282\u70B9"];
+            itemList.forEach((v) => {
+              if (!getEqualXTypes([...gridPoints], x, "_type").includes(v.bigType)) {
+                const newY = ["pain"].includes(v.bigType) ? painOriginY : vitalSignsOriginY;
+                if (y >= newY.originY && y <= newY.endY) {
+                  pointMenuProps.list.push({
+                    renderItem: addRenderItem ? addRenderItem(v) : () => v.title,
+                    origin: {
+                      title: v.title,
+                      unit: v.unit,
+                      type: getType(v.bigType),
+                      dataIndex: v.dataIndex,
+                      key: v.key,
+                      isOneLine: v.isOneLine
+                    },
+                    pointer
+                  });
+                }
+              }
+            });
+            const isLimitAdd = isAddPoint(x);
+            if (!isLimitAdd || pointMenuProps.list.length === 1) {
+              pointMenuProps.show = false;
+              pointMenuProps.list.length === 1 && isLimitAdd && handleAddPrevent("repeat");
+            }
+          }
+        }
+      }
+      if (button === 1) {
+        if (target)
+          return;
+        const {
+          x = 0,
+          y = 0
+        } = pointer;
+        if (x >= originX && x <= endX && y > 0 && y < canvasHeight) {
+          emits("click:grid", {
+            x,
+            y,
+            time: getXValue(x)
+          });
+        }
+      }
+    });
+  }
+  function drawOverlapPoint() {
+    var _a;
+    const pulseObj = yScaleValue.find((item) => item.show && item.type === "pulse");
+    if (!pulseObj || !((_a = pulseObj.dataList) == null ? void 0 : _a.length))
+      return;
+    if (!pulseObj.dataList.some((item) => {
+      var _a2;
+      return item.title.includes(((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.235")) || "\u8109\u640F");
+    }))
+      return;
+    const overlap = Object.assign({}, OVERLAP, left.overlap || {});
+    const points = [];
+    maiboPoints.size && [...maiboPoints].forEach((item) => {
+      [...otherPoints].forEach((obj) => {
+        if (obj.origin && isOverlapPoint(item, obj)) {
+          const key = obj.origin.key;
+          const overlapKey = obj.origin.overlapKey;
+          if (key) {
+            const pointer = {
+              left: obj.left,
+              top: obj.top,
+              ...defaultStyle,
+              hoverCursor: "default"
+            };
+            let type = overlapKey || "koumai";
+            if (key === "yemai") {
+              type = key;
+            }
+            const styleKey = overlapKey || key;
+            points.push(drawPoint(type, {
+              ...overlap[styleKey],
+              ...pointer
+            }));
+          }
+        }
+      });
+    });
+    setTimeout(() => {
+      canvas.value.add(...points);
+      points.forEach((v) => {
+        v == null ? void 0 : v.bringToFront();
+        gridPoints.add(v);
+      });
+    });
+  }
+  function drawPolyLine(item, dataIndex, scaleValue) {
+    var _a;
+    const {
+      type,
+      riseStyle = {},
+      noRiseStyle = {},
+      verifiedStyle = {},
+      reduceStyle = {},
+      pacemaker = {},
+      upArrowStyle = {},
+      limitValueStyle = {},
+      nonePainPointStyle = {},
+      belowMinValueStyle = {},
+      respiratorStyle = {},
+      dataList = [],
+      list: scaleList = []
+    } = scaleValue;
+    const {
+      type: nonePainPointType,
+      textStyle: nonePainPointTextStyle
+    } = nonePainPointStyle;
+    const pointList = [];
+    const lineList = [];
+    const otherList = [];
+    let nextDoublePointsX = null;
+    const isRespirator = (_v) => {
+      return type == "breathe" && _v.respirator && respiratorStyle.type && respiratorStyle.fixedValue && !_v.value && isLimit(_v.time);
+    };
+    const _isOneLine = isOneLine(scaleValue);
+    (_a = item.list) == null ? void 0 : _a.forEach((v, index) => {
+      var _a2, _b, _c, _d;
+      const _item = !_isOneLine ? item : dataList.find((_v) => _v.key === v.key);
+      const points = getPointer(isRespirator(v) ? {
+        ...v,
+        value: respiratorStyle.fixedValue
+      } : v, scaleValue);
+      const nextV = item.list[index + 1];
+      const nextPoint = nextV ? getPointer(isRespirator(nextV) ? {
+        ...nextV,
+        value: respiratorStyle.fixedValue
+      } : nextV, scaleValue) : void 0;
+      const nextItem = nextV ? !_isOneLine ? item : dataList.find((_v) => _v.key === nextV.key) : {};
+      const {
+        title = ""
+      } = _item;
+      if (!(title === (((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.235")) || "\u8109\u640F") && nextItem.title !== (((_b = window.getLanguageByCode) == null ? void 0 : _b.call(window, "10010.1.235")) || "\u8109\u640F") || title !== (((_c = window.getLanguageByCode) == null ? void 0 : _c.call(window, "10010.1.235")) || "\u8109\u640F") && nextItem.title === (((_d = window.getLanguageByCode) == null ? void 0 : _d.call(window, "10010.1.235")) || "\u8109\u640F")) && points && nextPoint && getFloorNumber(points[0], 1) === getFloorNumber(nextPoint[0], 1)) {
+        const pointOriginX = points[0] - xCellWidth / 2;
+        points[0] = pointOriginX + xCellWidth / 4;
+        nextPoint[0] = nextDoublePointsX = points[0] + xCellWidth / 2;
+      } else {
+        if (points && nextDoublePointsX) {
+          points[0] = nextDoublePointsX;
+        }
+        nextDoublePointsX = null;
+      }
+      const otherObj = {};
+      otherObj.value = drawValue(points, v, _item);
+      drawOther(points, v, _item, otherObj);
+      drawPulseOther(points, v, _item, otherObj);
+      drawPointLine(points, nextPoint, v, index, _item, otherObj);
+    });
+    if (type === "pulse") {
+      let nextDoublePointsX2 = null;
+      const getData = (data) => {
+        return data.map((point, index, arr) => {
+          var _a2, _b;
+          const nextPoint = arr[index + 1];
+          if (nextPoint && getFloorNumber(point.left, 1) === getFloorNumber(nextPoint.left, 1)) {
+            const pointOriginX = point.left - xCellWidth / 2;
+            point.set("left", pointOriginX + xCellWidth / 4);
+            (_a2 = point.rightLine) == null ? void 0 : _a2.set("x1", point.left);
+            nextDoublePointsX2 = point.left + xCellWidth / 2;
+            nextPoint.set("left", nextDoublePointsX2);
+          } else {
+            if (nextDoublePointsX2) {
+              (_b = point.leftLine) == null ? void 0 : _b.set("x2", nextDoublePointsX2);
+              point.set("left", nextDoublePointsX2);
+            }
+            nextDoublePointsX2 = null;
+          }
+          return [point.left, point.top];
+        });
+      };
+      if (_isOneLine) {
+        const pulsePoints = {};
+        SHADOWKEYS.forEach((key) => {
+          pulsePoints[key] = pointList.filter((point) => {
+            var _a2;
+            return ((_a2 = point.origin) == null ? void 0 : _a2.key) === key;
+          });
+          shadowPointCache.set(key, getData(pulsePoints[key]));
+        });
+      } else {
+        const {
+          key
+        } = item;
+        shadowPointCache.set(key, getData(pointList));
+      }
+    }
+    const lineListFilter = lineList.filter((v) => v);
+    canvas.value.add(...lineListFilter, ...pointList, ...otherList);
+    function drawValue(points, v, _item) {
+      if (!(points == null ? void 0 : points.length) || !config.showValue)
+        return;
+      const {
+        lineAttr = {}
+      } = _item;
+      const y = points[1] <= vitalSignsOriginY.originY + yCellHeight ? points[1] + yCellHeight : points[1] - yCellHeight;
+      const value = drawText([points[0], y], {
+        value: isRespirator(v) ? respiratorStyle.fixedValue : v.value,
+        originX: "center",
+        originY: "center",
+        fill: lineAttr.stroke || "#000"
+      });
+      otherList.push(value);
+      return {
+        obj: value,
+        top: -yCellHeight
+      };
+    }
+    function drawOther(points, v, _item, otherObj) {
+      var _a2, _b, _c;
+      if (!["temperature", "pain", "breathe"].includes(type))
+        return;
+      if (!(points == null ? void 0 : points.length) && type === "temperature" && !isLimit(v.time))
+        return;
+      if (!(points == null ? void 0 : points.length) && type === "pain")
+        return;
+      if (!v.value && type === "breathe")
+        return;
+      const {
+        lineAttr = {},
+        key
+      } = _item;
+      const {
+        value
+      } = otherObj;
+      const x = computedX(v.time);
+      let reduceLine, reducePoint, noRise, riseText, verifiedText, respirator;
+      if (v.noRise && noRiseStyle.show) {
+        const y = isFixed(noRiseStyle, v) ? computedY(type, 35) : (points == null ? void 0 : points[1]) || 0;
+        if (noRiseStyle.text) {
+          noRise = drawText([x, isFixed(noRiseStyle, v) ? y : y + 5], {
+            value: noRiseStyle.text.split("").join("\n"),
+            originY: "top",
+            ...noRiseStyle.style
+          });
+          if (!v.value)
+            gridPoints.add(noRise);
+        } else if (v.value) {
+          const top = y + yCellHeight * 2;
+          noRise = drawArrow([x, y, top], {
+            ...noRiseStyle.style
+          });
+        }
+        noRise && otherList.push(noRise);
+        if (noRise && isFixed(noRiseStyle, v)) {
+          fixedNoRisePoints.add(noRise);
+        }
+      }
+      if (points == null ? void 0 : points[1]) {
+        if (v.rise && riseStyle.show) {
+          if (riseStyle.text) {
+            riseText = drawText([x, points[1] - (value ? yCellHeight : 0) - 5], {
+              value: riseStyle.text.split("").join("\n"),
+              originY: "bottom",
+              ...riseStyle.style
+            });
+            otherList.push(riseText);
+          }
+        }
+        if (v.verified) {
+          const position = ((_a2 = verifiedStyle == null ? void 0 : verifiedStyle.position) == null ? void 0 : _a2[key]) || "top";
+          const _x = position === "top-right" ? x + xCellWidth / 2 : x;
+          verifiedText = drawText([_x, points[1] - (value ? yCellHeight : 0) - 5], {
+            value: "v",
+            originX: "center",
+            originY: "bottom",
+            ...verifiedStyle
+          });
+          otherList.push(verifiedText);
+        }
+        if (isValidValue(v.physicsReduce) || isValidValue(v.drugReduce)) {
+          const reduceY = computedY(type, (_b = v.physicsReduce) != null ? _b : v.drugReduce);
+          const reduceX = reduceY < points[1] && (config == null ? void 0 : config.hypothermyViewCustom) ? x + xCellWidth / 2 : x;
+          reduceLine = drawLine([...points, reduceX, reduceY], {
+            ...lineAttr,
+            ...reduceStyle.line,
+            ...defaultStyle
+          });
+          reducePoint = drawPoint(((_c = reduceStyle == null ? void 0 : reduceStyle.point) == null ? void 0 : _c.type) || "circle", {
+            left: reduceX,
+            top: reduceY,
+            ...reduceStyle.point,
+            ...defaultStyle,
+            originY: reduceY === canvasHeight ? "bottom" : "center"
+          });
+          reduceLine && otherList.push(reduceLine);
+          reducePoint && otherList.push(reducePoint);
+        }
+        if (v.respirator) {
+          respirator = drawPoint(respiratorStyle.type, {
+            left: x,
+            top: points[1] - (value ? yCellHeight : 0) - 5,
+            originX: "center",
+            originY: "bottom",
+            ...respiratorStyle.style
+          });
+          otherList.push(respirator);
+        }
+      }
+      Object.assign(otherObj, {
+        reduceLine: {
+          obj: reduceLine,
+          type: "line"
+        },
+        noRiseText: {
+          obj: noRise,
+          top: noRiseStyle.text ? 5 : yCellHeight * 2,
+          isFixed: isFixed(noRiseStyle, v)
+        },
+        riseText: {
+          obj: riseText,
+          top: (value ? -yCellHeight : 0) - 5
+        },
+        verifiedText: {
+          obj: verifiedText,
+          left: xCellWidth / 2,
+          top: (value ? -yCellHeight : 0) - 5
+        },
+        reducePoint: {
+          obj: reducePoint,
+          type: "reduce"
+        },
+        respirator: {
+          obj: respirator,
+          top: (value ? -yCellHeight : 0) - 5
+        }
+      });
+    }
+    function drawPulseOther(points, v, _item, otherObj) {
+      if (!(points == null ? void 0 : points.length) || !["pulse"].includes(type))
+        return;
+      const maxValue = Math.max(...scaleList);
+      const minValue = Math.min(...scaleList);
+      let upArrow, limitValue, belowMinValue;
+      const {
+        upArrowShow = false,
+        limitValueShow = false
+      } = _item;
+      if (upArrowShow && +v.value > 180) {
+        let top = points[1] - yCellHeight * 2.5;
+        let yArr = [points[1] - yCellHeight / 2, top];
+        if (top < vitalSignsOriginY.originY) {
+          top = points[1] + yCellHeight * 2.5;
+          yArr = [top, points[1] + yCellHeight / 2];
+        }
+        upArrow = drawArrow([points[0], yArr[0], yArr[1]], upArrowStyle, "up");
+        otherList.push(upArrow);
+      }
+      if (limitValueShow) {
+        const commonOptions = {
+          value: v.value,
+          originX: "center",
+          originY: "center",
+          ...limitValueStyle
+        };
+        if (+v.value > maxValue) {
+          const top = upArrow ? points[1] + yCellHeight / 2 + upArrow.height : points[1] + yCellHeight;
+          limitValue = drawText([points[0], top], commonOptions);
+          otherList.push(limitValue);
+        }
+        if (+v.value < minValue) {
+          limitValue = drawText([points[0], points[1] - yCellHeight], commonOptions);
+          otherList.push(limitValue);
+        }
+      }
+      if (belowMinValueStyle.show && +v.value < minValue) {
+        const y = points[1];
+        if (belowMinValueStyle.text) {
+          belowMinValue = drawText([points[0], points[1] + 5], {
+            value: belowMinValueStyle.text.split("").join("\n"),
+            originY: "top",
+            ...belowMinValueStyle.style
+          });
+        } else {
+          const top = y + yCellHeight * 2;
+          belowMinValue = drawArrow([points[0], y, top], {
+            ...belowMinValueStyle.style
+          });
+        }
+        otherList.push(belowMinValue);
+      }
+      Object.assign(otherObj, {
+        upArrow: {
+          obj: upArrow
+        },
+        limitValue: {
+          obj: limitValue,
+          top: -yCellHeight
+        },
+        belowMinValue: {
+          obj: belowMinValue,
+          top: belowMinValueStyle.text ? 5 : yCellHeight * 2,
+          moveHide: true
+        }
+      });
+    }
+    function drawPointLine(points, nextPoint, v, index, _item, otherObj) {
+      let point;
+      let line;
+      const {
+        pointAttr = {},
+        lineAttr = {},
+        title = "",
+        key,
+        type: pointType = "circle",
+        overlapKey
+      } = _item;
+      const pointHalfHeight = pointAttr.height ? pointAttr.height / 2 : 5;
+      const nextV = item.list[index + 1];
+      let newPoints = cloneDeep(points);
+      let newNextPoint = cloneDeep(nextPoint);
+      const isNonePain = isNoneValuePain(type, item.list[index].value);
+      const getCurrentPointType = () => {
+        if (type == "pulse" && v.pacemakerShow)
+          return pacemaker.value;
+        if (isRespirator(v))
+          return respiratorStyle.type;
+        if (isNonePain && nonePainPointType === "number")
+          return 0;
+        return pointType;
+      };
+      const isNoRiseValue = (_v) => _v && noRiseStyle.show && noRiseStyle.fixed && isLimit(_v.time) && _v.noRise && !_v.value && _v.value !== 0;
+      const _hasLine = () => {
+        if (v.breakpoint)
+          return false;
+        if (type === "temperature") {
+          if ((!!points || isNoRiseValue(v)) && (!!nextPoint || isNoRiseValue(nextV))) {
+            const fixedValue = computedY(type, 35);
+            if (!points) {
+              newPoints = [computedX(v.time), fixedValue];
+            }
+            if (!nextPoint) {
+              newNextPoint = [computedX(nextV.time), fixedValue];
+            }
+            return true;
+          }
+        }
+        return !!points && !!nextPoint;
+      };
+      const hasLine = _hasLine();
+      if (hasLine) {
+        if (newPoints && newNextPoint && isNonePain && isNoneValuePain(type, nextV.value) && !painSurplusCell[1] && !painScalePositionSurplusHeight && nonePainPointType === "icon") {
+          newPoints[1] = newPoints[1] - pointHalfHeight;
+          newNextPoint[1] = newNextPoint[1] - pointHalfHeight;
+        }
+        line = drawLine([...newPoints, ...newNextPoint], {
+          ...lineAttr
+        });
+        const {
+          obj: reduceObj
+        } = (otherObj == null ? void 0 : otherObj.reducePoint) || {};
+        if (points && nextPoint && (reduceObj == null ? void 0 : reduceObj.top) < points[1] && (config == null ? void 0 : config.hypothermyViewCustom)) {
+          const reduceRightLine = drawLine([reduceObj.left, reduceObj.top, ...nextPoint], {
+            ...lineAttr
+          });
+          otherList.unshift(reduceRightLine);
+          Object.assign(otherObj, {
+            reduceRightLine: {
+              obj: reduceRightLine,
+              type: "reduce"
+            }
+          });
+          line.set("stroke", "transparent");
+        }
+      }
+      const currentPointType = getCurrentPointType();
+      const previousLine = lineList[index - 1];
+      const pointAttrNew = {
+        origin: {
+          data: isRespirator(v) ? {
+            ...v,
+            value: respiratorStyle.fixedValue
+          } : v,
+          title,
+          key: key || "",
+          overlapKey,
+          unit: scaleValue.unit,
+          type,
+          _type: setOtherType(title, type),
+          dataIndex,
+          index,
+          isOneLine: _isOneLine
+        },
+        leftLine: previousLine,
+        rightLine: line,
+        otherObj,
+        ...v.pacemakerShow && type == "pulse" ? pacemaker.style : isRespirator(v) ? respiratorStyle.style : pointAttr,
+        ...getPointEventProps(),
+        lockMovementX: true,
+        ...isNonePain ? {
+          selectable: false,
+          evented: false,
+          ...nonePainPointType === "number" ? nonePainPointTextStyle : {}
+        } : {}
+      };
+      if (points) {
+        if (!previousLine) {
+          pointAttrNew.leftLine = null;
+        } else {
+          pointAttrNew.leftLine.set("x2", points[0]);
+        }
+        point = drawPoint(currentPointType, {
+          left: points[0],
+          top: isNonePain && !painSurplusCell[1] && !painScalePositionSurplusHeight ? points[1] - pointHalfHeight : points[1],
+          ...pointAttrNew
+        });
+      }
+      lineList.push(line);
+      if (point) {
+        if (key === SHADOWKEYS[1]) {
+          maiboPoints.add(point);
+        } else {
+          if (!isRespirator(v)) {
+            otherPoints.add(point);
+          }
+        }
+        setPointEvent(point);
+        pointList.push(point);
+        gridPoints.add(point);
+      }
+    }
+  }
+  function isNoneValuePain(type, value) {
+    return type === "pain" && value == 0;
+  }
+  function setPointEvent(point) {
+    if (event.hovered) {
+      point.on("mouseover", () => {
+        setPopup(point, "hover");
+      });
+      point.on("mouseout", () => {
+        pointTipProps.show = false;
+      });
+    }
+    if (point.lockMovementX && point.lockMovementY)
+      return;
+    point.on("moving", () => {
+      moveLimit(point);
+      updateLine(point);
+      event.hovered && setPopup(point);
+    });
+    point.on("mouseup", (event2) => {
+      pointTipProps.show = false;
+      if (event2.button === 1) {
+        const {
+          type
+        } = point.origin;
+        const value = getYValue(type, point.top);
+        const params = {
+          ...point.origin,
+          data: {
+            ...point.origin.data,
+            value
+          }
+        };
+        canvas.value.discardActiveObject();
+        emits("change", params);
+        updateData(params, "change");
+      }
+    });
+  }
+  function setPopup(point, status = "moving") {
+    const {
+      title,
+      unit,
+      type,
+      data
+    } = point.origin;
+    pointTipProps.point = {
+      x: point.left,
+      y: point.top
+    };
+    let timeText = `\u65F6\u95F4 ${((data == null ? void 0 : data.time) || getXValue(point.left)).slice(-5)}`;
+    pointTipProps.list = [getListValue(), timeText];
+    pointTipProps.show = true;
+    function getListValue() {
+      const {
+        drugReduce,
+        physicsReduce
+      } = data || {};
+      const value = status === "hover" ? data.value : getYValue(type, point.top);
+      if (isValidValue(drugReduce)) {
+        timeText += (data == null ? void 0 : data.changeTime) ? "\u2014>" + (data == null ? void 0 : data.changeTime.slice(-5)) : "";
+        return `\u836F\u7269\u964D${type == "pain" ? "\u75DB" : "\u6E29"} ${value}\u2014>${drugReduce}${unit || ""}`;
+      }
+      if (isValidValue(physicsReduce)) {
+        timeText += (data == null ? void 0 : data.changeTime) ? "\u2014>" + (data == null ? void 0 : data.changeTime.slice(-5)) : "";
+        return `\u7269\u7406\u964D${type == "pain" ? "\u75DB" : "\u6E29"} ${value}\u2014>${physicsReduce}${unit || ""}`;
+      }
+      return `${title} ${value}${unit || ""}`;
+    }
+  }
+  function moveLimit(point) {
+    point.setCoords();
+    const newY = point.origin.type === "pain" ? painOriginY : vitalSignsOriginY;
+    if (point.top < newY.originY) {
+      point.set("top", newY.originY);
+    }
+    if (point.top > newY.endY) {
+      point.set("top", newY.endY);
+    }
+  }
+  function updateLine(point) {
+    var _a, _b;
+    (_a = point.leftLine) == null ? void 0 : _a.setCoords().set({
+      x2: point.left,
+      y2: point.top
+    });
+    (_b = point.rightLine) == null ? void 0 : _b.setCoords().set({
+      x1: point.left,
+      y1: point.top
+    });
+    Object.values(point.otherObj).forEach((o) => {
+      const {
+        obj,
+        type = "",
+        top = 0,
+        isFixed: isFixed2,
+        moveHide = false,
+        left: left2 = 0
+      } = o || {};
+      if (type === "reduce")
+        return;
+      if (obj) {
+        if (type === "line") {
+          obj.setCoords().set({
+            x1: point.left,
+            y1: point.top
+          });
+        } else {
+          if (!isFixed2) {
+            obj.setCoords().set({
+              left: point.left + left2,
+              top: point.top + top
+            });
+          }
+          if (moveHide) {
+            canvas.value.remove(obj);
+            delete point.otherObj.obj;
+          }
+        }
+      }
+    });
+    drawShaDow(point);
+  }
+  function isLimit(time) {
+    const [minScale] = xScaleList;
+    const maxScale = last(xScaleList);
+    const minMinute = minScale.start;
+    const maxMinute = maxScale.end;
+    const _time = getTime(time);
+    return _time >= minMinute && _time <= maxMinute;
+  }
+  function getPointer(v, scaleValue) {
+    const objOriginY = scaleValue.type === "pain" ? painOriginY : vitalSignsOriginY;
+    if (!isEffectiveNode(v) || !isLimit(v.time))
+      return;
+    const x = computedX(v.time);
+    const y = computedY(scaleValue.type, v.value);
+    return [x, y < objOriginY.originY ? objOriginY.originY : y > objOriginY.endY ? objOriginY.endY : y];
+  }
+  function isAddPoint(x) {
+    const d = new Date();
+    const month = String(d.getMonth() + 1).padStart(2, "0");
+    const day = String(d.getDate()).padStart(2, "0");
+    const todayTime = getTime(`${d.getFullYear()}-${month}-${day} 23:59:59`);
+    const pointTime = getTime(`${getXValue(x)}:00`);
+    if (hospitalizationDate && pointTime < getTime(hospitalizationDate)) {
+      handleAddPrevent("exceedMin");
+      return false;
+    }
+    if (pointTime > todayTime) {
+      handleAddPrevent("exceedMax");
+      return false;
+    }
+    return true;
+  }
+  function clickMenu({
+    item,
+    target
+  }) {
+    if (!target) {
+      const params = {
+        data: {
+          time: getXValue(item.pointer.x),
+          value: getYValue(item.origin.type, item.pointer.y),
+          ...!item.origin.isOneLine ? {} : {
+            key: item.origin.key
+          }
+        },
+        ...item.origin
+      };
+      emits("add", params);
+      updateData(params);
+    } else {
+      const {
+        data,
+        type,
+        isOneLine: isOneLine2,
+        dataIndex,
+        index
+      } = target.origin;
+      const _data = deleteProperty(data, [...TEMPERATURE_MENU, ...PAIN_MENU]);
+      _data[`${item.type}`] = item.value;
+      _data.changeTime = format(new Date(), "yyyy-MM-dd HH:mm");
+      if (isOneLine2) {
+        _data["key"] = target.origin.key;
+      }
+      const params = {
+        ...target.origin,
+        data: _data
+      };
+      emits("change", params);
+      updateData(params, "change");
+    }
+  }
+  function updateData(params, mode = "add") {
+    const {
+      type,
+      dataIndex,
+      index,
+      data,
+      key
+    } = params;
+    const obj = yScaleValue.find((v) => v.type === type);
+    if (mode === "add") {
+      const dataList = !isOneLine(obj) ? obj.dataList[dataIndex] : obj.dataList.find((v) => v.enable);
+      const index2 = getIndex(data.time, dataList.list);
+      dataList.list.splice(index2, 0, data);
+    } else {
+      obj.dataList[dataIndex].list[index] = data;
+    }
+    redrawPoints();
+  }
+  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);
+      Object.values((point == null ? void 0 : point.otherObj) || {}).forEach((o) => {
+        (o == null ? void 0 : o.obj) && removePoints.push(o == null ? void 0 : o.obj);
+      });
+    });
+    return removePoints;
+  }
+  function redrawPoints() {
+    var _a;
+    gridPoints.size && ((_a = canvas.value) == null ? void 0 : _a.remove(...doRemovePoints([...gridPoints])));
+    gridPoints.clear();
+    drawPoints();
+  }
+  function drawPoints(handle) {
+    shadowPointCache.clear();
+    gridPoints.clear();
+    maiboPoints.clear();
+    fixedNoRisePoints.clear();
+    otherPoints.clear();
+    yScaleValue.forEach((scaleValue) => {
+      if (!scaleValue.show)
+        return;
+      handle == null ? void 0 : handle(scaleValue);
+      scaleValue.dataList.forEach((item, dataIndex) => {
+        if (item.show && (!isOneLine(scaleValue) || item.enable)) {
+          drawPolyLine(item, dataIndex, scaleValue);
+        }
+      });
+    });
+    drawShaDow();
+    bringToFront();
+    drawOverlapPoint();
+  }
+  return {
+    clickMenu,
+    setPopup,
+    isAddPoint,
+    updateData,
+    redrawPoints,
+    gridPoints,
+    fixedNoRisePoints
+  };
+}
+function isFixed(obj, v) {
+  return obj.fixed || !v.value && v.value !== 0;
+}
+
+export { useCenter };