cnhis-design-vue 3.3.1-beta.9 → 3.3.1-release.5

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

@@ -1 +1,352 @@
-import{fabric as e}from"../../../../../shared/utils/fabricjs/index.js";import{drawLine as t,defaultTextStyle as i,defaultStyle as n,drawTextAndIconGroup as o,drawTextGroup as s}from"../useDraw.js";import"date-fns";import{getType as l}from"../../utils/index.js";import{last as r}from"lodash-es";import"../useEvent.js";import"../useShadow.js";import{getScaleInfo as u,drawScaleNumber as a,drawScaleLine as c}from"../useScaleColumn.js";import{useCommon as h}from"../useCommon.js";import"vue";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 p(p,d,g,f,m,y,v,w,S,b,x,Y){var j,C;const{getEqualXTypes:T,handleAddPrevent:L,isGridLimit:X}=h(p,g,d),{originY:N,endY:O,originX:V,endX:k,xCellWidth:E,yCellHeight:M,left:A,vitalSignsOriginY:B,painOriginY:G,painHeight:I,iconsWidth:H,itemList:R,painIndex:W,right:_,grid:J,canvasHeight:$,getRightInfo:q,borderStyle:D,surplusCell:P,painSurplusCell:z,painBorderColor:F,config:K}=d;function Q(o){var l;if(!(null==o?void 0:o.length))return;const{layout:h}=o[0];let d=H,g=V;"right"===h&&(d=k,g=k+(null!=(l=null==_?void 0:_.width)?l:0));const f=[],m=I&&"right"!==h?o.length-1:o.length,y=(g-d)/m,v=y+(g-d)%m,w=J.surplusCell||[0,0,0,0],S=B.originY-w[0]*M;o.forEach(((o,l)=>{if("pain"===o.type)return void function(n){const{list:o=[],spaceGridNumber:l=5,showScale:r,showNumber:c,position:h,showMaxMinNumber:d,style:g,title:f}=n,m=[],y=G.originY-z[0]*M,v=s({width:V-H,height:I+(z[0]+z[1])*M,...D},{value:`${f}`,...i,...g||{}},{left:H,top:y});m.push(v);const w=F?null:t([H,y,V,y],D);w&&m.push(w);const S=[];if(r||c){const{lineXMain:t,textLeft:i}=u(h,H,V-H),s=o.length;o.forEach(((o,u)=>{let h=G.endY-u*M*l;if(0===u&&0===z[1]&&(h=O-5),c&&(!(0===u||u===s-1)||d||0===u&&z[1]>0||u===s-1&&z[0]>0)&&S.push(a(o,n,i,h)),r&&(0!==u||z[1]>0)){const[i,n]=t,o=new e.Line([i,h,n,h],{...D,...g});S.push(o)}}))}p.value.add(...m,...S),v.sendToBack()}(o);const g=[],m=0===l?v:y,w=0===l?d:v+d+(l-1)*y;let b=0;"right"!==h&&(b=S,K.scaleTitleBorder&&(b+=M));const x="right"===h?$:B.endY,Y=l>0?t([w,b,w,x],{objectCaching:!1,...D}):null;Y&&g.push(Y);const j=w+m/2,{list:C=[],spaceGridNumber:T=5,showScale:L,showNumber:X,position:N,showMaxMinNumber:k,detailedList:E=[],showdetailedScale:A,showRange:R=[]}=o;if(L||X){const{lineXMain:e,lineXSub:t,textLeft:i}=u(N,w,m),n=(C[1]-C[0])/2,s=A&&!E.length?C.reduce(((e,t,i)=>{const o=e[e.length-1];return 0===i?[t]:e.concat([o+n,o+2*n])}),[]):A&&(null==E?void 0:E.length)?E:C,[l=s[0],h=r(s)]=R;s.forEach(((n,r)=>{if(l&&+n<+l)return;if(h&&+n>+h)return;const u=B.endY-r*M*(A?T/2:T),p=[l,h].includes(n);if(X&&(!p||k)){const e=0==r?u-5:u,t=a(n,o,i,e),s=B.originY+t.height/2;e<s&&t.set({top:s}),g.push(t)}g.push(...c(o,r,e,t,u,M,B.originY,s.findIndex((e=>e==h))+1))}))}let W=o.title||"";o.unit&&(W+="\n"+o.unit);const _=S+2;if(W){const n=new e.Text(String(W),{...i,originY:"top",left:j,top:_,textAlign:"center",...o.style});if(K.scaleTitleBorder){n.setCoords().set({top:M>12?S+1:S});const e=t([w,S+M,w+m,S+M],{objectCaching:!1,...D});g.push(e)}g.push(n)}const J=new e.Group(g,{...n,objectCaching:!1});f.push(J)}));const b=f.length>0?new e.Group([...f],{...n,objectCaching:!1}):null;b&&p.value.add(b),b&&b.sendToBack()}H&&function(){const e=JSON.parse(JSON.stringify(R));let t=O;const i=H-A.icons.marginRight;e.reverse().forEach((e=>{t-=10;let n=e.title.replace(/(.{2})/g,"$1\n");n.endsWith("\n")&&(n=n.slice(0,n.length-1));const{text:s,icon:r}=o(n,e,{text:{left:i-(e.pointAttr.width||10)-5,top:t,originX:"right"},icon:{originX:"right",left:i,topY:t,origin:{key:e.key,type:l(e.bigType),_type:e.bigType,isOneLine:e.isOneLine},...d.event}});var u;t-=s.height||30,(u=r).on("moving",(()=>{u.set("originX","center"),function(e){if(e.left>=V&&e.left<=k){e.setCoords();const t="pain"===e.origin.type?G:B;e.top<t.originY&&e.set("top",t.originY),e.top>t.endY&&e.set("top",t.endY)}}(u),X(u)?f(u):m.show=!1})),u.on("mouseup:before",(e=>{if(m.show=!1,0===e.e.button&&X(u)){const e=T([...Y],u.left,"_type").includes(u.origin._type),t=b(u.left);if(!t||e)e&&t&&L("repeat");else{const e={data:{time:w(u.left),value:S(u.origin.type,u.top),...u.origin.isOneLine?{key:u.origin.key}:{}},...u.origin};g("add",e),x(e)}}!function(e){e.setCoords().set({originX:"right",left:e.originLeft,top:e.originTop})}(u)})),p.value.add(s,r)}))}();const U=A.yScaleValue.filter((e=>"left"===e.layout&&"pain"!==e.type&&e.show));if((null==_?void 0:_.width)&&"left"===(null==(j=null==_?void 0:_.yScaleValue)?void 0:j.layout)&&(null==(C=null==_?void 0:_.yScaleValue)?void 0:C.show)&&U.push(q),W>0&&A.yScaleValue[W].show){const e=A.yScaleValue[W];0===W&&A.yScaleValue.length>1&&U.unshift(e),W==A.yScaleValue.length-1&&U.push(e)}const Z=U.findIndex((e=>"pulse"===e.type&&e.show&&e.doubleShow)),ee=U[Z];return Z>-1&&U.splice(Z,0,{...ee,title:(null==ee?void 0:ee.doubleTitle)||(null==ee?void 0:ee.title)}),Q(U),{drawScaleValue:Q}}export{p as useLeft};
+import { fabric } from '../../../../../shared/utils/fabricjs/index.js';
+import { drawLine, defaultTextStyle, defaultStyle, drawTextAndIconGroup, drawTextGroup } from '../useDraw.js';
+import 'date-fns';
+import { getType } from '../../utils/index.js';
+import { last } from 'lodash-es';
+import '../useEvent.js';
+import '../useShadow.js';
+import { getScaleInfo, drawScaleNumber, drawScaleLine } from '../useScaleColumn.js';
+import { useCommon } from '../useCommon.js';
+import 'vue';
+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 useLeft(canvas, propItems, emits, setPopup, pointTipProps, computedX, computedY, getXValue, getYValue, isAddPoint, updateData, gridPoints) {
+  var _a, _b;
+  const {
+    getEqualXTypes,
+    handleAddPrevent,
+    isGridLimit
+  } = useCommon(canvas, emits, propItems);
+  const {
+    originY,
+    endY,
+    originX,
+    endX,
+    xCellWidth,
+    yCellHeight,
+    left,
+    vitalSignsOriginY,
+    painOriginY,
+    painHeight,
+    iconsWidth,
+    itemList,
+    painIndex,
+    right,
+    grid,
+    canvasHeight,
+    getRightInfo,
+    borderStyle,
+    surplusCell,
+    painSurplusCell,
+    painBorderColor,
+    config
+  } = propItems;
+  function drwaPainScaleValue(item) {
+    const {
+      list: listItem = [],
+      spaceGridNumber = 5,
+      showScale,
+      showNumber,
+      position,
+      showMaxMinNumber,
+      style,
+      title: titleText
+    } = item;
+    const titleList = [];
+    const painTop = painOriginY.originY - painSurplusCell[0] * yCellHeight;
+    const title = drawTextGroup({
+      width: originX - iconsWidth,
+      height: painHeight + (painSurplusCell[0] + painSurplusCell[1]) * yCellHeight,
+      ...borderStyle
+    }, {
+      value: `${titleText}`,
+      ...defaultTextStyle,
+      ...style || {}
+    }, {
+      left: iconsWidth,
+      top: painTop
+    });
+    titleList.push(title);
+    const topLine = !painBorderColor ? drawLine([iconsWidth, painTop, originX, painTop], borderStyle) : null;
+    topLine && titleList.push(topLine);
+    const list = [];
+    if (showScale || showNumber) {
+      const {
+        lineXMain,
+        textLeft
+      } = getScaleInfo(position, iconsWidth, originX - iconsWidth);
+      const listLen = listItem.length;
+      listItem.forEach((v, i) => {
+        let top = painOriginY.endY - i * yCellHeight * spaceGridNumber;
+        if (i === 0 && painSurplusCell[1] === 0) {
+          top = endY - 5;
+        }
+        const isMaxMinNumber = i === 0 || i === listLen - 1;
+        if (showNumber && (!isMaxMinNumber || showMaxMinNumber || i === 0 && painSurplusCell[1] > 0 || i === listLen - 1 && painSurplusCell[0] > 0)) {
+          list.push(drawScaleNumber(v, item, textLeft, top));
+        }
+        if (showScale && (i !== 0 || painSurplusCell[1] > 0)) {
+          const [x1, x2] = lineXMain;
+          const line = new fabric.Line([x1, top, x2, top], {
+            ...borderStyle,
+            ...style
+          });
+          list.push(line);
+        }
+      });
+    }
+    canvas.value.add(...titleList, ...list);
+    title.sendToBack();
+  }
+  function drawScaleValue(yScaleValueList2) {
+    var _a2;
+    if (!(yScaleValueList2 == null ? void 0 : yScaleValueList2.length))
+      return;
+    const {
+      layout
+    } = yScaleValueList2[0];
+    let start = iconsWidth;
+    let end = originX;
+    if (layout === "right") {
+      start = endX;
+      end = endX + ((_a2 = right == null ? void 0 : right.width) != null ? _a2 : 0);
+    }
+    const groupList = [];
+    const column = !painHeight || layout === "right" ? yScaleValueList2.length : yScaleValueList2.length - 1;
+    const colWidth = (end - start) / column;
+    const residue = (end - start) % column;
+    const firstColWidth = colWidth + residue;
+    const _surplusCell = grid.surplusCell || [0, 0, 0, 0];
+    const vitalSignsTop = vitalSignsOriginY.originY - _surplusCell[0] * yCellHeight;
+    yScaleValueList2.forEach((item, index) => {
+      if (item.type === "pain") {
+        drwaPainScaleValue(item);
+        return;
+      }
+      const list = [];
+      const rectWidth = index === 0 ? firstColWidth : colWidth;
+      const rectLeft = index === 0 ? start : firstColWidth + start + (index - 1) * colWidth;
+      let lineOriginY = 0;
+      if (layout !== "right") {
+        lineOriginY = vitalSignsTop;
+        if (config.scaleTitleBorder) {
+          lineOriginY += yCellHeight;
+        }
+      }
+      const lineEndY = layout === "right" ? canvasHeight : vitalSignsOriginY.endY;
+      const line = index > 0 ? drawLine([rectLeft, lineOriginY, rectLeft, lineEndY], {
+        objectCaching: false,
+        ...borderStyle
+      }) : null;
+      line && list.push(line);
+      const centerX = rectLeft + rectWidth / 2;
+      const {
+        list: listItem = [],
+        spaceGridNumber = 5,
+        showScale,
+        showNumber,
+        position,
+        showMaxMinNumber,
+        detailedList = [],
+        showdetailedScale,
+        showRange = [],
+        sinkNumber = 0
+      } = item;
+      if (showScale || showNumber) {
+        const {
+          lineXMain,
+          lineXSub,
+          textLeft
+        } = getScaleInfo(position, rectLeft, rectWidth);
+        const spaceValue = (listItem[1] - listItem[0]) / 2;
+        const currentList = showdetailedScale && !detailedList.length ? listItem.reduce((res, n, i) => {
+          const lastItem = res[res.length - 1];
+          return i === 0 ? [n] : res.concat([lastItem + spaceValue, lastItem + spaceValue * 2]);
+        }, []) : showdetailedScale && (detailedList == null ? void 0 : detailedList.length) ? detailedList : listItem;
+        const [startRangeValue = currentList[0], endRangeValue = last(currentList)] = showRange;
+        currentList.forEach((v, i) => {
+          if (startRangeValue && +v < +startRangeValue)
+            return;
+          if (endRangeValue && +v > +endRangeValue)
+            return;
+          if (i < sinkNumber)
+            return;
+          let top = vitalSignsOriginY.endY - i * yCellHeight * (showdetailedScale ? spaceGridNumber / 2 : spaceGridNumber);
+          if (sinkNumber) {
+            top = top + sinkNumber * yCellHeight;
+          }
+          const isMaxMinNumber = [startRangeValue, endRangeValue].includes(v);
+          if (showNumber && (!isMaxMinNumber || showMaxMinNumber)) {
+            const y = i === sinkNumber ? top - 5 : top;
+            const scaleNumber = drawScaleNumber(v, item, textLeft, y);
+            const limitY = vitalSignsOriginY.originY + scaleNumber.height / 2;
+            if (y < limitY) {
+              scaleNumber.set({
+                top: limitY
+              });
+            }
+            list.push(scaleNumber);
+          }
+          list.push(...drawScaleLine(item, i, lineXMain, lineXSub, top, yCellHeight, vitalSignsOriginY.originY, currentList.findIndex((n) => n == endRangeValue) + 1));
+        });
+      }
+      let title = item.title || "";
+      if (item.unit)
+        title += "\n" + item.unit;
+      const titleTop = vitalSignsTop + 2;
+      if (title) {
+        const obj = new fabric.Text(String(title), {
+          ...defaultTextStyle,
+          originY: "top",
+          left: centerX,
+          top: titleTop,
+          textAlign: "center",
+          ...item.style
+        });
+        if (config.scaleTitleBorder) {
+          obj.setCoords().set({
+            top: yCellHeight > 12 ? vitalSignsTop + 1 : vitalSignsTop
+          });
+          const border = drawLine([rectLeft, vitalSignsTop + yCellHeight, rectLeft + rectWidth, vitalSignsTop + yCellHeight], {
+            objectCaching: false,
+            ...borderStyle
+          });
+          list.push(border);
+        }
+        list.push(obj);
+      }
+      const group2 = new fabric.Group(list, {
+        ...defaultStyle,
+        objectCaching: false
+      });
+      groupList.push(group2);
+    });
+    const group = groupList.length > 0 ? new fabric.Group([...groupList], {
+      ...defaultStyle,
+      objectCaching: false
+    }) : null;
+    group && canvas.value.add(group);
+    group && group.sendToBack();
+  }
+  function drawIcons() {
+    const list = JSON.parse(JSON.stringify(itemList));
+    let topY = endY;
+    const leftX = iconsWidth - left.icons.marginRight;
+    list.reverse().forEach((item) => {
+      topY -= 10;
+      let title = item.title.replace(/(.{2})/g, "$1\n");
+      if (title.endsWith("\n")) {
+        title = title.slice(0, title.length - 1);
+      }
+      const {
+        text,
+        icon
+      } = drawTextAndIconGroup(title, item, {
+        text: {
+          left: leftX - (item.pointAttr.width || 10) - 5,
+          top: topY,
+          originX: "right"
+        },
+        icon: {
+          originX: "right",
+          left: leftX,
+          topY,
+          origin: {
+            key: item.key,
+            type: getType(item.bigType),
+            _type: item.bigType,
+            isOneLine: item.isOneLine
+          },
+          ...propItems.event
+        }
+      });
+      topY -= text.height || 30;
+      setPointEvent(icon);
+      canvas.value.add(text, icon);
+    });
+  }
+  function moveLimit(point) {
+    if (point.left >= originX && point.left <= endX) {
+      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 setPointEvent(point) {
+    point.on("moving", () => {
+      point.set("originX", "center");
+      moveLimit(point);
+      if (isGridLimit(point)) {
+        setPopup(point);
+      } else {
+        pointTipProps.show = false;
+      }
+    });
+    point.on("mouseup:before", (event) => {
+      pointTipProps.show = false;
+      if (event.e.button === 0) {
+        if (isGridLimit(point)) {
+          const isRepeat = getEqualXTypes([...gridPoints], point.left, "_type").includes(point.origin._type);
+          const isLimitAdd = isAddPoint(point.left);
+          if (!isLimitAdd || isRepeat) {
+            isRepeat && isLimitAdd && handleAddPrevent("repeat");
+          } else {
+            const params = {
+              data: {
+                time: getXValue(point.left),
+                value: getYValue(point.origin.type, point.top),
+                ...!point.origin.isOneLine ? {} : {
+                  key: point.origin.key
+                }
+              },
+              ...point.origin
+            };
+            emits("add", params);
+            updateData(params);
+          }
+        }
+      }
+      setRestore(point);
+    });
+  }
+  function setRestore(point) {
+    point.setCoords().set({
+      originX: "right",
+      left: point.originLeft,
+      top: point.originTop
+    });
+  }
+  iconsWidth && drawIcons();
+  const yScaleValueList = left.yScaleValue.filter((v) => v.layout === "left" && v.type !== "pain" && v.show);
+  if ((right == null ? void 0 : right.width) && ((_a = right == null ? void 0 : right.yScaleValue) == null ? void 0 : _a.layout) === "left" && ((_b = right == null ? void 0 : right.yScaleValue) == null ? void 0 : _b.show)) {
+    yScaleValueList.push(getRightInfo);
+  }
+  if (painIndex > 0 && left.yScaleValue[painIndex].show) {
+    const painObj = left.yScaleValue[painIndex];
+    painIndex === 0 && left.yScaleValue.length > 1 && yScaleValueList.unshift(painObj);
+    painIndex == left.yScaleValue.length - 1 && yScaleValueList.push(painObj);
+  }
+  const pulseIdx = yScaleValueList.findIndex((v) => v.type === "pulse" && v.show && v.doubleShow);
+  const pulseItem = yScaleValueList[pulseIdx];
+  pulseIdx > -1 && yScaleValueList.splice(pulseIdx, 0, {
+    ...pulseItem,
+    title: (pulseItem == null ? void 0 : pulseItem.doubleTitle) || (pulseItem == null ? void 0 : pulseItem.title)
+  });
+  drawScaleValue(yScaleValueList);
+  return {
+    drawScaleValue
+  };
+}
+
+export { useLeft };

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

@@ -1 +1,201 @@
-import{fabric as e}from"../../../../../shared/utils/fabricjs/index.js";import{defaultStyle as t}from"../useDraw.js";import"date-fns";import{cloneDeep as i,last as n}from"lodash-es";import"../useEvent.js";import"../useShadow.js";import"../useCommon.js";import"vue";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 l(l,o,r,s,u,a){const{left:h,other:f,vitalSignsOriginY:c,xCellWidth:g,yCellHeight:p,endX:v}=o,d=(()=>{const e=Math.min(...((null==f?void 0:f.list)||[]).map((e=>{var t,i;return null!=(i=null==(t=e.style)?void 0:t.fontSize)?i:12})));return p<11?e:p})();let m=0;function j(i,n,o,s=!1){const u=[],a=s&&i.fixed&&i.fixedValue?i.fixedValue:i.value;String(a).split("").forEach(((n,l)=>{const o=new e.Text(n,{left:0,top:d*l,originX:"center",...t,objectCaching:!1,...i.style||{}});m=(d-(o.height||0))/2,u.push(o)}));const h=new e.Rect({left:0,top:0,width:g,height:d*u.length,fill:"transparent",originX:"center",...t}),{eventHighlight:c=!1}=f||{},v={originX:"center",left:n,top:o+m,baseTop:(i.baseTop||0)*p,trueLeft:n,trueHeight:u.length*d,objectCaching:!1,hoverCursor:"pointer",highlightObject:h,originData:i,selectable:!1,evented:c},j=new e.Group([h,...u],v);return function(e){const{highlightColor:t="#ffff00"}=f||{};e.on("mouseover",(()=>{e.highlightObject.set("fill",t),l.value.requestRenderAll()})),e.on("mouseout",(()=>{e.highlightObject.set("fill","transparent"),l.value.requestRenderAll()})),e.on("mousedown",(function(){r("eventClick",e.originData)}))}(j),l.value.add(j),j}!function(){var e,t;if(!(null==f?void 0:f.list))return!1;const l=[],o=[];i(f.list).forEach(((e,t)=>{e.value=e.value||"";const i=0===t?"vertical":e.align||"vertical",n=s(e.time,!0);if(n>v)return;const l=o.find((e=>e.left==n));if(l)l[i].push(e);else{const t={left:n,vertical:[],horizontal:[]};t[i].push(e),o.push(t)}}));const r=null==(t=null==(e=h.yScaleValue)?void 0:e.find((e=>"temperature"===e.type)))?void 0:t.list,m=(null==r?void 0:r.length)?u("temperature",35):0,b=e=>e.fixed&&m&&(e.fixedValue||e.value);o.forEach((e=>{let t=c.originY,i=e.left,o=0,r=m,s=i;function u(e,t){if(b(e)){const n=[...a].find((e=>Math.abs(e.left-i)<1));n&&(t||Math.abs(i-s)>1)&&(r=n.top+n.height),s=i,l.push(j(e,i,r,!0))}}e.vertical.forEach(((s,a)=>{var h,f,v,m,x;const C=(s.baseTop||0)*p,S=(null==(h=n(l))?void 0:h.left)||0;0===a&&e.left<=S&&(i=S+g);if(l.filter((e=>e.trueLeft===i)).length){const e=String(s.value).length;t+=o,t+e*d+C>c.endY&&(t=c.originY,i+=g)}t+=C,String(s.value).length&&(l.push(j(s,i,t)),o=null!=(v=null==(f=n(l))?void 0:f.trueHeight)?v:0),u(s,0===a),b(s)&&(r+=null!=(x=null==(m=n(l))?void 0:m.trueHeight)?x:0)})),e.horizontal.forEach(((t,o)=>{var s,a;const h=c.originY+(t.baseTop||0)*p;r=m;const f=(null==(s=n(l))?void 0:s.left)||0;e.left<=f+.1&&(i=f+g),String(t.value).length&&l.push(j(t,i,h)),u(t,0===(null==(a=e.vertical)?void 0:a.length)&&0===o)}))}))}()}export{l as useOther};
+import { fabric } from '../../../../../shared/utils/fabricjs/index.js';
+import { drawLine, defaultStyle } from '../useDraw.js';
+import 'date-fns';
+import { cloneDeep, last } from 'lodash-es';
+import '../useEvent.js';
+import '../useShadow.js';
+import '../useCommon.js';
+import 'vue';
+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 useOther(canvas, propItems, emits, computedX, computedY, fixedNoRisePoints) {
+  const {
+    left: leftObj,
+    other,
+    vitalSignsOriginY,
+    xCellWidth,
+    yCellHeight,
+    endX
+  } = propItems;
+  const getYCellHeight = () => {
+    const fontSize = Math.min(...((other == null ? void 0 : other.list) || []).map((item) => {
+      var _a, _b;
+      return (_b = (_a = item.style) == null ? void 0 : _a.fontSize) != null ? _b : 12;
+    }));
+    return yCellHeight < 11 ? fontSize : yCellHeight;
+  };
+  const _yCellHeight = getYCellHeight();
+  let textDiff = 0;
+  function drawOther() {
+    var _a, _b;
+    if (!(other == null ? void 0 : other.list))
+      return false;
+    const list = [];
+    const otherList = [];
+    cloneDeep(other.list).forEach((item, index) => {
+      item.value = item.value || "";
+      const align = index === 0 ? "vertical" : item.align || "vertical";
+      const left = computedX(item.time, true);
+      if (left > endX)
+        return;
+      const obj = otherList.find((v) => v.left == left);
+      if (obj) {
+        obj[align].push(item);
+      } else {
+        const initObj = {
+          left,
+          vertical: [],
+          horizontal: []
+        };
+        initObj[align].push(item);
+        otherList.push(initObj);
+      }
+    });
+    const scaleList = (_b = (_a = leftObj.yScaleValue) == null ? void 0 : _a.find((item) => item.type === "temperature")) == null ? void 0 : _b.list;
+    const fixedTop = (scaleList == null ? void 0 : scaleList.length) ? computedY("temperature", 35) : 0;
+    const isFixed = (v) => v.fixed && fixedTop && (v.fixedValue || v.value);
+    otherList.forEach((item) => {
+      let topY = vitalSignsOriginY.originY;
+      let leftX = item.left;
+      let lastTrueHeight = 0;
+      let fixedTopY = fixedTop;
+      let prevFixedLeftX = leftX;
+      item.vertical.forEach((v, i) => {
+        var _a2, _b2, _c, _d, _e;
+        const baseTop = (v.baseTop || 0) * yCellHeight;
+        const lastLeft = ((_a2 = last(list)) == null ? void 0 : _a2.left) || 0;
+        if (i === 0 && item.left <= lastLeft) {
+          leftX = lastLeft + xCellWidth;
+        }
+        const leftList = list.filter((v2) => v2.trueLeft === leftX);
+        if (leftList.length) {
+          const valueLenght = String(v.value).length;
+          const valueHeight = valueLenght * _yCellHeight;
+          topY += lastTrueHeight;
+          if (topY + valueHeight + baseTop > vitalSignsOriginY.endY) {
+            topY = vitalSignsOriginY.originY;
+            leftX += xCellWidth;
+          }
+        }
+        topY += baseTop;
+        if (String(v.value).length) {
+          list.push(drawEventText(v, leftX, topY));
+          lastTrueHeight = (_c = (_b2 = last(list)) == null ? void 0 : _b2.trueHeight) != null ? _c : 0;
+        }
+        drawFixedText(v, i === 0);
+        if (isFixed(v)) {
+          fixedTopY += (_e = (_d = last(list)) == null ? void 0 : _d.trueHeight) != null ? _e : 0;
+        }
+      });
+      item.horizontal.forEach((v, i) => {
+        var _a2, _b2;
+        const topY2 = vitalSignsOriginY.originY + (v.baseTop || 0) * yCellHeight;
+        fixedTopY = fixedTop;
+        const lastLeft = ((_a2 = last(list)) == null ? void 0 : _a2.left) || 0;
+        if (item.left <= lastLeft + 0.1) {
+          leftX = lastLeft + xCellWidth;
+        }
+        if (String(v.value).length) {
+          list.push(drawEventText(v, leftX, topY2));
+        }
+        drawFixedText(v, ((_b2 = item.vertical) == null ? void 0 : _b2.length) === 0 && i === 0);
+      });
+      function drawFixedText(v, allowable) {
+        if (isFixed(v)) {
+          const currentFixedPoint = [...fixedNoRisePoints].find((o) => Math.abs(o.left - leftX) < 1);
+          if (currentFixedPoint && (allowable || Math.abs(leftX - prevFixedLeftX) > 1)) {
+            fixedTopY = currentFixedPoint.top + currentFixedPoint.height;
+          }
+          prevFixedLeftX = leftX;
+          list.push(drawEventText(v, leftX, fixedTopY, true));
+        }
+      }
+    });
+  }
+  function drawEventText(v, x, y, isFixed = false) {
+    const texts = [];
+    const lines = [];
+    const _value = isFixed && v.fixed && v.fixedValue ? v.fixedValue : v.value;
+    const splitLineNumber = (other == null ? void 0 : other.splitLineNumber) || 1;
+    const splitStr = "|";
+    const str = String(_value).replace(splitStr, splitStr.repeat(splitLineNumber));
+    str.split("").forEach((value, index, arr) => {
+      var _a;
+      const currentTop = _yCellHeight * index;
+      if (splitLineNumber > 1 && value === splitStr && arr.slice().splice(index, splitLineNumber).join("") === splitStr.repeat(splitLineNumber)) {
+        const line = drawLine([0, currentTop, 0, currentTop + _yCellHeight * splitLineNumber], {
+          stroke: ((_a = v.style) == null ? void 0 : _a.fill) || "#000"
+        });
+        lines.push(line);
+      }
+      const text = new fabric.Text(value, {
+        left: 0,
+        top: currentTop,
+        originX: "center",
+        ...defaultStyle,
+        objectCaching: false,
+        ...v.style || {}
+      });
+      if (splitLineNumber > 1 && value === splitStr) {
+        text.set("fill", "transparent");
+      }
+      textDiff = (_yCellHeight - (text.height || 0)) / 2;
+      texts.push(text);
+    });
+    const bgRect = new fabric.Rect({
+      left: 0,
+      top: 0,
+      width: xCellWidth,
+      height: _yCellHeight * texts.length,
+      fill: "transparent",
+      originX: "center",
+      ...defaultStyle
+    });
+    const {
+      eventHighlight = false
+    } = other || {};
+    const options = {
+      originX: "center",
+      left: x,
+      top: y + textDiff,
+      baseTop: (v.baseTop || 0) * yCellHeight,
+      trueLeft: x,
+      trueHeight: texts.length * _yCellHeight,
+      objectCaching: false,
+      hoverCursor: "pointer",
+      highlightObject: bgRect,
+      originData: v,
+      selectable: false,
+      evented: eventHighlight
+    };
+    const group = new fabric.Group([bgRect, ...texts, ...lines], options);
+    setEvent(group);
+    canvas.value.add(group);
+    return group;
+  }
+  function setEvent(point) {
+    const {
+      highlightColor = "#ffff00"
+    } = other || {};
+    point.on("mouseover", () => {
+      point.highlightObject.set("fill", highlightColor);
+      canvas.value.requestRenderAll();
+    });
+    point.on("mouseout", () => {
+      point.highlightObject.set("fill", "transparent");
+      canvas.value.requestRenderAll();
+    });
+    point.on("mousedown", function() {
+      emits("eventClick", point.originData);
+    });
+  }
+  drawOther();
+}
+
+export { useOther };

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

@@ -1 +1,21 @@
-function l(l,o,t){var e,i;const{left:u,right:n,getRightInfo:d}=o,h=u.yScaleValue.filter((l=>"right"===l.layout&&l.show));(null==n?void 0:n.width)&&"right"===(null==(e=null==n?void 0:n.yScaleValue)?void 0:e.layout)&&(null==(i=null==n?void 0:n.yScaleValue)?void 0:i.show)&&h.push(d);const a=h.findIndex((l=>"pulse"===l.type&&l.show&&l.doubleShow)),s=h[a];a>-1&&h.splice(a,0,{...s,title:(null==s?void 0:s.doubleTitle)||(null==s?void 0:s.title)}),t(h)}export{l as useRight};
+function useRight(canvas, propItems, drawScaleValue) {
+  var _a, _b;
+  const {
+    left,
+    right,
+    getRightInfo
+  } = propItems;
+  const yScaleValueList = left.yScaleValue.filter((v) => v.layout === "right" && v.show);
+  if ((right == null ? void 0 : right.width) && ((_a = right == null ? void 0 : right.yScaleValue) == null ? void 0 : _a.layout) === "right" && ((_b = right == null ? void 0 : right.yScaleValue) == null ? void 0 : _b.show)) {
+    yScaleValueList.push(getRightInfo);
+  }
+  const pulseIdx = yScaleValueList.findIndex((v) => v.type === "pulse" && v.show && v.doubleShow);
+  const pulseItem = yScaleValueList[pulseIdx];
+  pulseIdx > -1 && yScaleValueList.splice(pulseIdx, 0, {
+    ...pulseItem,
+    title: (pulseItem == null ? void 0 : pulseItem.doubleTitle) || (pulseItem == null ? void 0 : pulseItem.title)
+  });
+  drawScaleValue(yScaleValueList);
+}
+
+export { useRight };