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

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

@@ -1 +1,420 @@
-import{reactive as e,computed as a,watch as t,toRefs as l}from"vue";import{defaultBorderStyle as u}from"../useDraw.js";import"../../../../../shared/utils/fabricjs/index.js";import{useCumputedPoint as i}from"../useCumputedPoint.js";import{useCanvasEvent as n}from"../useEvent.js";import"../useShadow.js";import"../useCommon.js";import{setOtherType as r,isOneLine as o,getFloorNumber as s}from"../../utils/index.js";import{flatten as v}from"lodash-es";import{format as d,addDays as c}from"date-fns";import"naive-ui";import"../surgicalAnesthesia/useTop.js";import"@vueuse/core";import"../../constants/index.js";import"../surgicalAnesthesia/useOther.js";import"../../../../../shared/utils/index.js";import{useTop as h}from"./useTop.js";import{useLeft as p}from"./useLeft.js";import{useRight as g}from"./useRight.js";import{useCenter as m}from"./useCenter.js";import{useBottom as f}from"./useBottom.js";import{useOther as y}from"./useOther.js";function S(S,b,w,Y,C,j){const x=15,D=e({select:null,redrawPoints:null,clickMenu:null}),V=a((()=>{const{painSurplusCell:e=[0,0]}=b.data.grid||{};return~Q.value?e:[0,0]})),H=a((()=>{var e,a;const t=(null==(a=null==(e=b.data.grid)?void 0:e.surplusCell)?void 0:a.slice())||[0,0,0,0];return 0===Q.value?t[0]=t[0]+V.value[1]:Q.value>0&&(t[2]=t[2]+V.value[0]),t})),P=a((()=>0===Q.value?[V.value[0],H.value[1],H.value[2],H.value[3]]:Q.value>0?[H.value[0],H.value[1],V.value[1],H.value[3]]:H.value)),X=a((()=>{const{top:e}=b.data;return e.date.show&&(e.date.height||x)||0})),L=a((()=>{var e;const{top:a}=b.data;return(null==(e=a.hospitalDays)?void 0:e.show)&&(a.hospitalDays.height||x)||0})),M=a((()=>{var e;const{top:a}=b.data;return(null==(e=a.operationDays)?void 0:e.show)&&(a.operationDays.height||x)||0})),I=a((()=>{var e,a,t;const{top:l}=b.data;return((null==(e=l.xScalevalue)?void 0:e.show)&&(l.xScalevalue.height||x)||0)+((null==(a=l.xScalevalue)?void 0:a.show)&&null!=(t=l.dayHeight)?t:0)})),O=a((()=>{var e;const{top:a}=b.data;return(null==(e=a.childbirthDays)?void 0:e.show)&&(a.childbirthDays.height||x)||0})),N=a((()=>{var e;const{bottom:a}=b.data;return(null==(e=null==a?void 0:a.breathing)?void 0:e.show)&&(a.breathing.height||30)||0})),k=a((()=>{const{grid:e}=b.data;return e.mainXCell*e.subXCell+H.value[1]+H.value[3]})),R=a((()=>{const{mainYCell:e,subYCell:a,painSubYCell:t=5}=b.data.grid,l=Q.value>0?V.value[1]:V.value[0];return(e-1)*a+t+H.value[0]+H.value[2]+l})),W=a((()=>{var e;const{width:a,right:t=null,top:l}=b.data;if(!t)return a;return a-(null!=(e=t.width)?e:0)})),$=a((()=>W.value-H.value[1]*z.value)),A=a((()=>{const{top:e,left:a}=b.data;return e.titleWidth+G.value})),T=a((()=>{const{bottom:e=null,height:a}=b.data;if(!e)return a;return a-(e.height||30)})),q=a((()=>{var e;const{top:a}=b.data,t=a.xScalevalue.show&&(null!=(e=a.dayHeight)?e:0)||0,l=a.xScalevalue.show&&(a.xScalevalue.height||x)||0;return X.value+t+l+L.value+M.value+O.value})),z=a((()=>(W.value-A.value)/k.value)),B=a((()=>(T.value-q.value)/R.value)),G=a((()=>{var e,a;const{left:t}=b.data;return(null==(e=t.icons)?void 0:e.show)&&((null==(a=t.icons)?void 0:a.width)||100)||0})),E=a((()=>{var e,a;const{top:t,grid:l}=b.data,u=(null==(a=null==(e=t.date.list)?void 0:e.slice)?void 0:a.call(e,0,l.mainXCell))||[],i=t.xScalevalue.times;let n=A.value-z.value;const r=t.date.startDate||d(new Date,"yyyy-MM-dd"),o=u.reduce(((e,a,t)=>0===t?e.concat(r):e.concat(d(c(new Date(r.replace(/-/g,"/")),t),"yyyy-MM-dd"))),[]).map((e=>i.map((a=>{n+=z.value;const t=Date.parse(`${e} ${a.start}`),l=Date.parse(`${e} ${a.end}`);return{start:t,end:l,left:n,center:n+z.value/2,scaleCell:(l-t)/z.value}}))));return v(o)})),F=a((()=>{var e;return(null==(e=b.data.grid)?void 0:e.event)||{selectable:!0,evented:!0,hovered:!0}})),J=a((()=>{const{left:e}=b.data;return v(e.yScaleValue.filter((e=>e.show)).map((e=>e.dataList.filter((e=>e.show)).map(((a,t)=>({...a,bigType:r(a.title,e.type),unit:e.unit,dataIndex:t,isOneLine:o(e)}))))))})),K=a((()=>{const{left:e}=b.data,a=e.yScaleValue.find((e=>"pain"===e.type));if(!a)return 0;const{numberVerticalPosition:t="bottom"}=a;return"center"===t?B.value/2:0})),Q=a((()=>{const{left:e}=b.data,a=e.yScaleValue.findIndex((e=>"pain"===e.type));return a>-1&&e.yScaleValue[a].show?a:-1})),U=a((()=>{const{painSubYCell:e=5}=b.data.grid;return-1===Q.value?0:B.value*e})),Z=a((()=>{const{left:e}=b.data;return(e.yScaleValue.find((e=>"pain"===e.type))||{}).borderColor})),_=a((()=>{const{left:e}=b.data,a={originY:q.value+V.value[0]*B.value,endY:T.value-V.value[1]*B.value-K.value};return 0===Q.value&&e.yScaleValue.length>1?a.endY=a.originY+U.value-K.value:Q.value===e.yScaleValue.length-1&&(a.originY=a.endY-U.value+K.value),a})),ee=a((()=>{const{left:e}=b.data,a={originY:q.value+H.value[0]*B.value,endY:T.value-H.value[2]*B.value};return 0===Q.value&&e.yScaleValue.length>1?a.originY=_.value.endY+K.value+H.value[0]*B.value:Q.value===e.yScaleValue.length-1&&(a.endY=_.value.originY-H.value[2]*B.value),a})),ae=a((()=>{var e,a;const{top:t,grid:l}=b.data,u=[];for(const i in t)t[i].show&&u.push({...t[i],list:(null==(a=null==(e=t[i].list)?void 0:e.slice)?void 0:a.call(e,0,l.mainXCell))||[],key:i});return u.sort(((e,a)=>e.seq-a.seq))})),te=a((()=>{var e;const{left:a,right:t}=b.data,l=a.yScaleValue.find((e=>"temperature"===e.type)),u=(null==t?void 0:t.yScaleValue)||{};if(null==(e=null==l?void 0:l.list)?void 0:e.length){const e=(null==u?void 0:u.showdetailedScale)?l.list.reduce((e=>{const a=e[e.length-1];return a?e.concat([a+1,a+2]):e.concat([92])}),[]):[],a=l.list.map((e=>s(1.8*e+32)));Object.assign(u,{list:a,detailedList:e,spaceGridNumber:l.spaceGridNumber})}return u})),le=e({canvasWidth:b.data.width,canvasHeight:b.data.height,borderStyle:{...u,...b.data.borderStyle||{}},selectionStyle:b.data.selectionStyle||{},dateHeight:X.value,hospitalDaysHeight:L.value,operationDaysHeight:M.value,xScalevalueHeight:I.value,childbirthDaysHeight:O.value,topList:ae.value,breathingHeight:N.value,hospitalizationDate:b.data.hospitalizationDate,grid:b.data.grid,top:b.data.top,left:b.data.left,right:b.data.right,bottom:b.data.bottom,other:b.data.other,painIndex:Q.value,painHeight:U.value,painOriginY:_.value,vitalSignsOriginY:ee.value,gridXNumber:k.value,gridYNumber:R.value,iconsWidth:G.value,originX:A.value,originY:q.value,endX:W.value,endXLimit:$.value,endY:T.value,xCellWidth:z.value,yCellHeight:B.value,xScaleList:E.value,event:F.value,itemList:J.value,getRightInfo:te.value,config:b.data.config||{},surplusCell:H.value,painSurplusCell:V.value,mainSurplusCell:P.value,painScalePositionSurplusHeight:K.value,painBorderColor:Z.value}),{computedX:ue,computedY:ie,getXValue:ne,getYValue:re}=i(le);return t((()=>S.value),(e=>{e&&function(){h(S,le);const{setPopup:e,isAddPoint:a,updateData:t,redrawPoints:l,clickMenu:u,gridPoints:i,fixedNoRisePoints:r}=m(S,le,w,ue,ie,ne,re,b.addRenderItem,C,j);D.redrawPoints=l,D.clickMenu=u;const{drawScaleValue:o}=p(S,le,w,e,C,ue,ie,ne,re,a,t,i);g(S,le,o),f(S,le),y(S,le,w,ue,ie,r);const{select:s}=n(S,le,w);D.select=s}()}),{immediate:!0}),{propItems:le,...l(D)}}export{S as useTemperatureChart};
+import { reactive, computed, watch, toRefs } from 'vue';
+import { defaultBorderStyle } from '../useDraw.js';
+import '../../../../../shared/utils/fabricjs/index.js';
+import { useCumputedPoint } from '../useCumputedPoint.js';
+import { useCanvasEvent } from '../useEvent.js';
+import '../useShadow.js';
+import '../useCommon.js';
+import { setOtherType, isOneLine, getFloorNumber } from '../../utils/index.js';
+import { flatten } from 'lodash-es';
+import { format, addDays } from 'date-fns';
+import 'naive-ui';
+import '../surgicalAnesthesia/useTop.js';
+import '@vueuse/core';
+import '../../constants/index.js';
+import '../surgicalAnesthesia/useOther.js';
+import '../../../../../shared/utils/index.js';
+import { useTop } from './useTop.js';
+import { useLeft } from './useLeft.js';
+import { useRight } from './useRight.js';
+import { useCenter } from './useCenter.js';
+import { useBottom } from './useBottom.js';
+import { useOther } from './useOther.js';
+
+function useTemperatureChart(canvas, props, emits, canvasRef, pointTipProps, pointMenuProps) {
+  const defaultHeight = 15;
+  const exposeMethods = reactive({
+    select: null,
+    redrawPoints: null,
+    clickMenu: null
+  });
+  const painSurplusCell = computed(() => {
+    const {
+      painSurplusCell: painSurplusCell2 = [0, 0]
+    } = props.data.grid || {};
+    if (!~painIndex.value)
+      return [0, 0];
+    return painSurplusCell2;
+  });
+  const surplusCell = computed(() => {
+    var _a, _b;
+    const surplusCell2 = ((_b = (_a = props.data.grid) == null ? void 0 : _a.surplusCell) == null ? void 0 : _b.slice()) || [0, 0, 0, 0];
+    if (painIndex.value === 0) {
+      surplusCell2[0] = surplusCell2[0] + painSurplusCell.value[1];
+    } else if (painIndex.value > 0) {
+      surplusCell2[2] = surplusCell2[2] + painSurplusCell.value[0];
+    }
+    return surplusCell2;
+  });
+  const mainSurplusCell = computed(() => {
+    if (painIndex.value === 0) {
+      return [painSurplusCell.value[0], surplusCell.value[1], surplusCell.value[2], surplusCell.value[3]];
+    } else if (painIndex.value > 0) {
+      return [surplusCell.value[0], surplusCell.value[1], painSurplusCell.value[1], surplusCell.value[3]];
+    }
+    return surplusCell.value;
+  });
+  const dateHeight = computed(() => {
+    const {
+      top
+    } = props.data;
+    return top.date.show && (top.date.height || defaultHeight) || 0;
+  });
+  const hospitalDaysHeight = computed(() => {
+    var _a;
+    const {
+      top
+    } = props.data;
+    return ((_a = top.hospitalDays) == null ? void 0 : _a.show) && (top.hospitalDays.height || defaultHeight) || 0;
+  });
+  const operationDaysHeight = computed(() => {
+    var _a;
+    const {
+      top
+    } = props.data;
+    return ((_a = top.operationDays) == null ? void 0 : _a.show) && (top.operationDays.height || defaultHeight) || 0;
+  });
+  const xScalevalueHeight = computed(() => {
+    var _a, _b, _c;
+    const {
+      top
+    } = props.data;
+    const height = ((_a = top.xScalevalue) == null ? void 0 : _a.show) && (top.xScalevalue.height || defaultHeight) || 0;
+    const dayHeight = ((_b = top.xScalevalue) == null ? void 0 : _b.show) ? (_c = top.dayHeight) != null ? _c : 0 : 0;
+    return height + dayHeight;
+  });
+  const childbirthDaysHeight = computed(() => {
+    var _a;
+    const {
+      top
+    } = props.data;
+    return ((_a = top.childbirthDays) == null ? void 0 : _a.show) && (top.childbirthDays.height || defaultHeight) || 0;
+  });
+  const breathingHeight = computed(() => {
+    var _a;
+    const {
+      bottom
+    } = props.data;
+    return ((_a = bottom == null ? void 0 : bottom.breathing) == null ? void 0 : _a.show) && (bottom.breathing.height || defaultHeight * 2) || 0;
+  });
+  const gridXNumber = computed(() => {
+    const {
+      grid
+    } = props.data;
+    return grid.mainXCell * grid.subXCell + surplusCell.value[1] + surplusCell.value[3];
+  });
+  const gridYNumber = computed(() => {
+    const {
+      mainYCell,
+      subYCell,
+      painSubYCell = 5
+    } = props.data.grid;
+    const painSurplusCellNumber = painIndex.value > 0 ? painSurplusCell.value[1] : painSurplusCell.value[0];
+    return (mainYCell - 1) * subYCell + painSubYCell + surplusCell.value[0] + surplusCell.value[2] + painSurplusCellNumber;
+  });
+  const endX = computed(() => {
+    var _a;
+    const {
+      width,
+      right = null,
+      top
+    } = props.data;
+    if (!right)
+      return width;
+    const endWidth = (_a = right.width) != null ? _a : 0;
+    return width - endWidth;
+  });
+  const endXLimit = computed(() => {
+    return endX.value - surplusCell.value[1] * xCellWidth.value;
+  });
+  const originX = computed(() => {
+    const {
+      top,
+      left
+    } = props.data;
+    const originX2 = top.titleWidth + iconsWidth.value;
+    return originX2;
+  });
+  const endY = computed(() => {
+    const {
+      bottom = null,
+      height
+    } = props.data;
+    if (!bottom)
+      return height;
+    const endHeight = bottom.height || 30;
+    return height - endHeight;
+  });
+  const originY = computed(() => {
+    var _a;
+    const {
+      top
+    } = props.data;
+    const dayHeight = top.xScalevalue.show && ((_a = top.dayHeight) != null ? _a : 0) || 0;
+    const xScaleHeight = top.xScalevalue.show && (top.xScalevalue.height || defaultHeight) || 0;
+    const topHeight = dateHeight.value + dayHeight + xScaleHeight + hospitalDaysHeight.value + operationDaysHeight.value + childbirthDaysHeight.value;
+    return topHeight;
+  });
+  const xCellWidth = computed(() => {
+    return (endX.value - originX.value) / gridXNumber.value;
+  });
+  const yCellHeight = computed(() => {
+    return (endY.value - originY.value) / gridYNumber.value;
+  });
+  const iconsWidth = computed(() => {
+    var _a, _b;
+    const {
+      left
+    } = props.data;
+    return ((_a = left.icons) == null ? void 0 : _a.show) && (((_b = left.icons) == null ? void 0 : _b.width) || 100) || 0;
+  });
+  const xScaleList = computed(() => {
+    var _a, _b;
+    const {
+      top,
+      grid
+    } = props.data;
+    const dateList = ((_b = (_a = top.date.list) == null ? void 0 : _a.slice) == null ? void 0 : _b.call(_a, 0, grid.mainXCell)) || [];
+    const times = top.xScalevalue.times;
+    let left = originX.value - xCellWidth.value;
+    const startDate = top.date.startDate || format(new Date(), "yyyy-MM-dd");
+    const newDateList = dateList.reduce((arr, item, index) => index === 0 ? arr.concat(startDate) : arr.concat(format(addDays(new Date(startDate.replace(/-/g, "/")), index), "yyyy-MM-dd")), []);
+    const timeList = newDateList.map((item) => {
+      return times.map((v) => {
+        left += xCellWidth.value;
+        const start = Date.parse(`${item} ${v.start}`);
+        const end = Date.parse(`${item} ${v.end}`);
+        return {
+          start,
+          end,
+          left,
+          center: left + xCellWidth.value / 2,
+          scaleCell: (end - start) / xCellWidth.value
+        };
+      });
+    });
+    return flatten(timeList);
+  });
+  const event = computed(() => {
+    var _a;
+    return ((_a = props.data.grid) == null ? void 0 : _a.event) || {
+      selectable: true,
+      evented: true,
+      hovered: true
+    };
+  });
+  const itemList = computed(() => {
+    const {
+      left
+    } = props.data;
+    return flatten(left.yScaleValue.filter((v) => v.show).map((item) => {
+      return item.dataList.filter((v) => v.show).map((v, dataIndex) => {
+        return {
+          ...v,
+          bigType: setOtherType(v.title, item.type),
+          unit: item.unit,
+          dataIndex,
+          isOneLine: isOneLine(item)
+        };
+      });
+    }));
+  });
+  const painScalePositionSurplusHeight = computed(() => {
+    const {
+      left
+    } = props.data;
+    const painItem = left.yScaleValue.find((v) => v.type === "pain");
+    if (!painItem)
+      return 0;
+    const {
+      numberVerticalPosition = "bottom"
+    } = painItem;
+    return numberVerticalPosition === "center" ? yCellHeight.value / 2 : 0;
+  });
+  const painIndex = computed(() => {
+    const {
+      left
+    } = props.data;
+    const index = left.yScaleValue.findIndex((v) => v.type === "pain");
+    return index > -1 && left.yScaleValue[index].show ? index : -1;
+  });
+  const painHeight = computed(() => {
+    const {
+      painSubYCell = 5
+    } = props.data.grid;
+    return painIndex.value === -1 ? 0 : yCellHeight.value * painSubYCell;
+  });
+  const painBorderColor = computed(() => {
+    const {
+      left
+    } = props.data;
+    return (left.yScaleValue.find((v) => v.type === "pain") || {}).borderColor;
+  });
+  const painOriginY = computed(() => {
+    const {
+      left
+    } = props.data;
+    const obj = {
+      originY: originY.value + painSurplusCell.value[0] * yCellHeight.value,
+      endY: endY.value - painSurplusCell.value[1] * yCellHeight.value - painScalePositionSurplusHeight.value
+    };
+    if (painIndex.value === 0 && left.yScaleValue.length > 1) {
+      obj.endY = obj.originY + painHeight.value - painScalePositionSurplusHeight.value;
+    } else if (painIndex.value === left.yScaleValue.length - 1) {
+      obj.originY = obj.endY - painHeight.value + painScalePositionSurplusHeight.value;
+    }
+    return obj;
+  });
+  const vitalSignsOriginY = computed(() => {
+    const {
+      left
+    } = props.data;
+    const obj = {
+      originY: originY.value + surplusCell.value[0] * yCellHeight.value,
+      endY: endY.value - surplusCell.value[2] * yCellHeight.value
+    };
+    if (painIndex.value === 0 && left.yScaleValue.length > 1) {
+      obj.originY = painOriginY.value.endY + painScalePositionSurplusHeight.value + surplusCell.value[0] * yCellHeight.value;
+    } else if (painIndex.value === left.yScaleValue.length - 1) {
+      obj.endY = painOriginY.value.originY - surplusCell.value[2] * yCellHeight.value;
+    }
+    return obj;
+  });
+  const topList = computed(() => {
+    var _a, _b;
+    const {
+      top,
+      grid
+    } = props.data;
+    const topList2 = [];
+    for (const i in top) {
+      if (top[i].show) {
+        topList2.push({
+          ...top[i],
+          list: ((_b = (_a = top[i].list) == null ? void 0 : _a.slice) == null ? void 0 : _b.call(_a, 0, grid.mainXCell)) || [],
+          key: i
+        });
+      }
+    }
+    return topList2.sort((a, b) => a.seq - b.seq);
+  });
+  const getRightInfo = computed(() => {
+    var _a;
+    const {
+      left,
+      right
+    } = props.data;
+    const temperatureObj = left.yScaleValue.find((v) => v.type === "temperature");
+    const yScaleValue = (right == null ? void 0 : right.yScaleValue) || {};
+    if ((_a = temperatureObj == null ? void 0 : temperatureObj.list) == null ? void 0 : _a.length) {
+      const detailedList = (yScaleValue == null ? void 0 : yScaleValue.showdetailedScale) ? temperatureObj.list.reduce((res) => {
+        const lastItem = res[res.length - 1];
+        return lastItem ? res.concat([lastItem + 1, lastItem + 2]) : res.concat([92]);
+      }, []) : [];
+      const list = temperatureObj.list.map((v) => getFloorNumber(1.8 * v + 32));
+      Object.assign(yScaleValue, {
+        list,
+        detailedList,
+        spaceGridNumber: temperatureObj.spaceGridNumber
+      });
+    }
+    return yScaleValue;
+  });
+  const propItems = reactive({
+    canvasWidth: props.data.width,
+    canvasHeight: props.data.height,
+    borderStyle: {
+      ...defaultBorderStyle,
+      ...props.data.borderStyle || {}
+    },
+    selectionStyle: props.data.selectionStyle || {},
+    dateHeight: dateHeight.value,
+    hospitalDaysHeight: hospitalDaysHeight.value,
+    operationDaysHeight: operationDaysHeight.value,
+    xScalevalueHeight: xScalevalueHeight.value,
+    childbirthDaysHeight: childbirthDaysHeight.value,
+    topList: topList.value,
+    breathingHeight: breathingHeight.value,
+    hospitalizationDate: props.data.hospitalizationDate,
+    grid: props.data.grid,
+    top: props.data.top,
+    left: props.data.left,
+    right: props.data.right,
+    bottom: props.data.bottom,
+    other: props.data.other,
+    painIndex: painIndex.value,
+    painHeight: painHeight.value,
+    painOriginY: painOriginY.value,
+    vitalSignsOriginY: vitalSignsOriginY.value,
+    gridXNumber: gridXNumber.value,
+    gridYNumber: gridYNumber.value,
+    iconsWidth: iconsWidth.value,
+    originX: originX.value,
+    originY: originY.value,
+    endX: endX.value,
+    endXLimit: endXLimit.value,
+    endY: endY.value,
+    xCellWidth: xCellWidth.value,
+    yCellHeight: yCellHeight.value,
+    xScaleList: xScaleList.value,
+    event: event.value,
+    itemList: itemList.value,
+    getRightInfo: getRightInfo.value,
+    config: props.data.config || {},
+    surplusCell: surplusCell.value,
+    painSurplusCell: painSurplusCell.value,
+    mainSurplusCell: mainSurplusCell.value,
+    painScalePositionSurplusHeight: painScalePositionSurplusHeight.value,
+    painBorderColor: painBorderColor.value
+  });
+  const {
+    computedX,
+    computedY,
+    getXValue,
+    getYValue
+  } = useCumputedPoint(propItems);
+  watch(() => canvas.value, (value) => {
+    if (value)
+      init();
+  }, {
+    immediate: true
+  });
+  function init() {
+    try {
+      useTop(canvas, propItems);
+      const {
+        setPopup,
+        isAddPoint,
+        updateData,
+        redrawPoints: _redrawPoints,
+        clickMenu: _clickMenu,
+        gridPoints,
+        fixedNoRisePoints
+      } = useCenter(canvas, propItems, emits, computedX, computedY, getXValue, getYValue, props.addRenderItem, pointTipProps, pointMenuProps);
+      exposeMethods.redrawPoints = _redrawPoints;
+      exposeMethods.clickMenu = _clickMenu;
+      const {
+        drawScaleValue
+      } = useLeft(canvas, propItems, emits, setPopup, pointTipProps, computedX, computedY, getXValue, getYValue, isAddPoint, updateData, gridPoints);
+      useRight(canvas, propItems, drawScaleValue);
+      useBottom(canvas, propItems);
+      useOther(canvas, propItems, emits, computedX, computedY, fixedNoRisePoints);
+      const {
+        select: _select
+      } = useCanvasEvent(canvas, propItems, emits);
+      exposeMethods.select = _select;
+      setTimeout(() => {
+        emits("ready", true);
+      }, 10);
+    } catch (error) {
+      console.log("error ==>", error);
+      emits("error", error);
+    }
+  }
+  return {
+    propItems,
+    ...toRefs(exposeMethods)
+  };
+}
+
+export { useTemperatureChart };

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

@@ -1 +1,169 @@
-import{fabric as e}from"../../../../../shared/utils/fabricjs/index.js";import{drawLine as t,defaultStyle as s,drawTextGroup as i,defaultTextStyle as l}from"../useDraw.js";import"date-fns";import{flatten as o}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 u(u,n){const{grid:h,originX:r,endX:a,xCellWidth:p,gridXNumber:c,top:d,xScalevalueHeight:f,iconsWidth:m,topList:v,endXLimit:g,canvasWidth:y,borderStyle:j,surplusCell:S}=n;!function(){const w=[];g&&w.push(new e.Line([g,0,y,0],j));let x=0;v.forEach(((e,s)=>{if(s>0&&(x+=n[`${v[s-1].key}Height`]),"xScalevalue"==e.key)!function(e,s,o){const u=d.dayHeight;if(!u)return;s.push(t([r,o+u,a,o+u],j));const n=p*h.subSecondXCell,f=(c-S[1]-S[3])/h.subSecondXCell;for(let h=0;h<f;h++){const a=r+h*n,p=h%2==0?"上午":"下午",c=i({width:n,height:u,...j},{value:p,...l,...e.style||{}},{left:a,top:o});s.push(c),s.push(t([a+n,o,a+n,o+u],j))}}(e,w,x),function(e,s,u){var n;const c=d.xScalevalue.show&&null!=(n=d.dayHeight)?n:0,v=f-c;if(!v)return;s.push(t([m,u+f,a,u+f],j));const g=i({width:r-m,height:f,...j},{value:d.xScalevalue.title,...l,...e.style||{},...e.titleStyle||{}},{left:m,top:u});s.push(g),s.push(t([r,u,r,u+f],j));const y=[];for(let e=0;e<h.mainXCell;e++)y.push(d.xScalevalue.list);o(y).forEach(((o,n)=>{const h=r+n*p,a=i({width:p,height:v,...j},{value:o.value,...l,...e.style||{},...o.style||{}},{left:h,top:u+c});s.push(a),s.push(t([h+p,u+c,h+p,u+c+v],j))}))}(e,w,x);else{if(!n[`${e.key}Height`])return;const o=n[`${v[s].key}Height`];!function(e,s,o){const u=n[`${e.key}Height`],a=i({width:r-m,height:u,...j},{value:e.title,...l,...(null==e?void 0:e.style)||{},...e.titleStyle||{}},{left:m,top:o});s.push(a);const c=p*h.subXCell;e.list.forEach(((n,h)=>{const a=r+h*c,p=i({width:c,height:u,...j},{value:n,...l,...(null==e?void 0:e.style)||{}},{left:a,top:o});s.push(t([a+c,o,a+c,o+u],j)),s.push(p)}))}(e,w,x),w.push(t([m,x+o,a,x+o],j)),w.push(t([r,x,r,x+o],j))}}));const C=w.length>0?new e.Group([...w],{...s,objectCaching:!1}):null;C&&C.sendToBack(),C&&u.value.add(C)}()}export{u as useTop};
+import { fabric } from '../../../../../shared/utils/fabricjs/index.js';
+import { drawLine, defaultStyle, drawTextGroup, defaultTextStyle } from '../useDraw.js';
+import 'date-fns';
+import { flatten } 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 useTop(canvas, propItems) {
+  const {
+    grid,
+    originX,
+    endX,
+    xCellWidth,
+    gridXNumber,
+    top,
+    xScalevalueHeight,
+    iconsWidth,
+    topList,
+    endXLimit,
+    canvasWidth,
+    borderStyle,
+    surplusCell
+  } = propItems;
+  function drawTop() {
+    const list = [];
+    endXLimit && list.push(new fabric.Line([endXLimit, 0, canvasWidth, 0], borderStyle));
+    let topY = 0;
+    topList.forEach((item, index) => {
+      if (index > 0) {
+        topY += propItems[`${topList[index - 1].key}Height`];
+      }
+      if (item.key == "xScalevalue") {
+        drawDay(item, list, topY);
+        drawTime(item, list, topY);
+      } else {
+        if (!propItems[`${item.key}Height`])
+          return;
+        const currentHeight = propItems[`${topList[index].key}Height`];
+        drawDate(item, list, topY);
+        list.push(drawLine([iconsWidth, topY + currentHeight, endX, topY + currentHeight], borderStyle));
+        list.push(drawLine([originX, topY, originX, topY + currentHeight], borderStyle));
+      }
+    });
+    const group = list.length > 0 ? new fabric.Group([...list], {
+      ...defaultStyle,
+      objectCaching: false
+    }) : null;
+    group && group.sendToBack();
+    group && canvas.value.add(group);
+  }
+  function drawTime(item, list, topY) {
+    var _a;
+    const dayHeight = top.xScalevalue.show ? (_a = top.dayHeight) != null ? _a : 0 : 0;
+    const height = xScalevalueHeight - dayHeight;
+    if (!height)
+      return;
+    list.push(drawLine([iconsWidth, topY + xScalevalueHeight, endX, topY + xScalevalueHeight], borderStyle));
+    const title = drawTextGroup({
+      width: originX - iconsWidth,
+      height: xScalevalueHeight,
+      ...borderStyle
+    }, {
+      value: top.xScalevalue.title,
+      ...defaultTextStyle,
+      ...item.style || {},
+      ...item.titleStyle || {}
+    }, {
+      left: iconsWidth,
+      top: topY
+    });
+    list.push(title);
+    list.push(drawLine([originX, topY, originX, topY + xScalevalueHeight], borderStyle));
+    const timeList = [];
+    for (let j = 0; j < grid.mainXCell; j++) {
+      timeList.push(top.xScalevalue.list);
+    }
+    flatten(timeList).forEach((v, i) => {
+      const left = originX + i * xCellWidth;
+      const textGroup = drawTextGroup({
+        width: xCellWidth,
+        height,
+        ...borderStyle
+      }, {
+        value: v.value,
+        ...defaultTextStyle,
+        ...item.style || {},
+        ...v.style || {}
+      }, {
+        left,
+        top: topY + dayHeight
+      });
+      list.push(textGroup);
+      list.push(drawLine([left + xCellWidth, topY + dayHeight, left + xCellWidth, topY + dayHeight + height], borderStyle));
+    });
+  }
+  function drawDay(item, list, topY) {
+    const height = top.dayHeight;
+    if (!height)
+      return;
+    list.push(drawLine([originX, topY + height, endX, topY + height], borderStyle));
+    const width = xCellWidth * grid.subSecondXCell;
+    const dayList = (gridXNumber - surplusCell[1] - surplusCell[3]) / grid.subSecondXCell;
+    for (let i = 0; i < dayList; i++) {
+      const left = originX + i * width;
+      const value = i % 2 === 0 ? "\u4E0A\u5348" : "\u4E0B\u5348";
+      const textGroup = drawTextGroup({
+        width,
+        height,
+        ...borderStyle
+      }, {
+        value,
+        ...defaultTextStyle,
+        ...item.style || {}
+      }, {
+        left,
+        top: topY
+      });
+      list.push(textGroup);
+      list.push(drawLine([left + width, topY, left + width, topY + height], borderStyle));
+    }
+  }
+  function drawDate(item, list, topY) {
+    const height = propItems[`${item.key}Height`];
+    const title = drawTextGroup({
+      width: originX - iconsWidth,
+      height,
+      ...borderStyle
+    }, {
+      value: item.title,
+      ...defaultTextStyle,
+      ...(item == null ? void 0 : item.style) || {},
+      ...item.titleStyle || {}
+    }, {
+      left: iconsWidth,
+      top: topY
+    });
+    list.push(title);
+    const width = xCellWidth * grid.subXCell;
+    item.list.forEach((v, i) => {
+      const left = originX + i * width;
+      const textGroup = drawTextGroup({
+        width,
+        height,
+        ...borderStyle
+      }, {
+        value: v,
+        ...defaultTextStyle,
+        ...(item == null ? void 0 : item.style) || {}
+      }, {
+        left,
+        top: topY
+      });
+      list.push(drawLine([left + width, topY, left + width, topY + height], borderStyle));
+      list.push(textGroup);
+    });
+  }
+  drawTop();
+}
+
+export { useTop };

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

@@ -1 +1,70 @@
-var e,n,t;const o={repeat:(null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.216"))||"该时段已存在数值不能新增",exceedMax:(null==(n=window.getLanguageByCode)?void 0:n.call(window,"10010.1.217"))||"未来时间不允许录入",exceedMin:(null==(t=window.getLanguageByCode)?void 0:t.call(window,"10010.1.218"))||"不允许小于入院时间"};function i(e,n,t){return{getEqualXTypes:function(e,n,o,i=t.xCellWidth){const l=[],d=i/2;return e.forEach((e=>{e.origin&&!e.origin.isMenu&&Math.abs(n-e.left)<=d&&l.push(e.origin[o])})),[...new Set(l)]},handleAddPrevent:function(e){n("add:prevent",{type:e,message:o[e]})},isGridLimit:function(e){const{left:n,top:o}=e,{originX:i,endX:l,originY:d,endY:c}=t;return n>=i&&n<=l&&o>=d&&o<=c},setPrevAndNextPoint:function(e){e.reduce(((e,n)=>e&&n?(n.prevPoint=e,e.nextPoint=n,n):n||e),null)},getPointEventProps:function(){const{hovered:e,evented:n}=t.event;return e?n?{selectable:!0,lockMovementX:!!Reflect.has(t.event,"lockMovementX")&&t.event.lockMovementX}:{selectable:!0,lockMovementX:!0,lockMovementY:!0}:t.event}}}export{i as useCommon};
+var _a, _b, _c;
+const messages = {
+  repeat: ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.216")) || "\u8BE5\u65F6\u6BB5\u5DF2\u5B58\u5728\u6570\u503C\u4E0D\u80FD\u65B0\u589E",
+  exceedMax: ((_b = window.getLanguageByCode) == null ? void 0 : _b.call(window, "10010.1.217")) || "\u672A\u6765\u65F6\u95F4\u4E0D\u5141\u8BB8\u5F55\u5165",
+  exceedMin: ((_c = window.getLanguageByCode) == null ? void 0 : _c.call(window, "10010.1.218")) || "\u4E0D\u5141\u8BB8\u5C0F\u4E8E\u5165\u9662\u65F6\u95F4"
+};
+function useCommon(canvas, emits, propItems) {
+  function getEqualXTypes(points, pointX, field, range = propItems.xCellWidth) {
+    const types = [];
+    const half = range / 2;
+    points.forEach((obj) => {
+      if (obj.origin && !obj.origin.isMenu && Math.abs(pointX - obj.left) <= half) {
+        types.push(obj.origin[field]);
+      }
+    });
+    return [...new Set(types)];
+  }
+  function handleAddPrevent(type) {
+    emits("add:prevent", {
+      type,
+      message: messages[type]
+    });
+  }
+  function isGridLimit(point) {
+    const {
+      left,
+      top
+    } = point;
+    const {
+      originX,
+      endX,
+      originY,
+      endY
+    } = propItems;
+    return left >= originX && left <= endX && top >= originY && top <= endY;
+  }
+  function setPrevAndNextPoint(pointList) {
+    pointList.reduce((prevPoint, currentPoint) => {
+      if (prevPoint && currentPoint) {
+        currentPoint.prevPoint = prevPoint;
+        prevPoint.nextPoint = currentPoint;
+        return currentPoint;
+      }
+      return currentPoint || prevPoint;
+    }, null);
+  }
+  function getPointEventProps() {
+    const {
+      hovered,
+      evented
+    } = propItems.event;
+    return hovered ? !evented ? {
+      selectable: true,
+      lockMovementX: true,
+      lockMovementY: true
+    } : {
+      selectable: true,
+      lockMovementX: Reflect.has(propItems.event, "lockMovementX") ? propItems.event.lockMovementX : false
+    } : propItems.event;
+  }
+  return {
+    getEqualXTypes,
+    handleAddPrevent,
+    isGridLimit,
+    setPrevAndNextPoint,
+    getPointEventProps
+  };
+}
+
+export { useCommon };