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

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

@@ -1,331 +1 @@
-import { fabric } from '../utils/index.js';
-import { defaultBorderStyle, defaultTextStyle, defaultStyle, defaultRectStyle, drawPoint, drawTextGroup } from './useDraw.js';
-import { getType, isOneLine } from '../utils/utils.js';
-
-function useLeft(canvas, propItems, emits, setPopup, pointTipProps, cumputedX, cumputedY, getXValue, getYValue, isAddPoint, updateData, useCommon) {
-  var _a, _b;
-  const { getEqualXTypes, repeatTip } = useCommon;
-  const {
-    originY,
-    endY,
-    originX,
-    endX,
-    xCellWidth,
-    yCellHeight,
-    left,
-    vitalSignsOriginY,
-    painOriginY,
-    painHeight,
-    iconsWidth,
-    itemList,
-    painIndex,
-    right,
-    canvasWidth,
-    canvasHeight,
-    getRightInfo
-  } = propItems;
-  const mainScaleWidth = 9;
-  const subScaleWidth = 5;
-  function drawScaleNumber(text, item, left2, top) {
-    const { position } = item;
-    return new fabric.Text(String(text), {
-      ...defaultTextStyle,
-      originX: position == "left" ? "right" : position == "right" ? "left" : "center",
-      left: left2,
-      top,
-      ...item.style
-    });
-  }
-  function getScaleInfo(position = "center", x, width) {
-    let scaleLeft = x + width / 2;
-    let lineXMain = [scaleLeft - mainScaleWidth / 2, scaleLeft + mainScaleWidth / 2];
-    let lineXSub = [scaleLeft - subScaleWidth / 2, scaleLeft + subScaleWidth / 2];
-    let textLeft = scaleLeft;
-    if (position === "right") {
-      scaleLeft = x;
-      lineXMain = [scaleLeft, scaleLeft + mainScaleWidth];
-      lineXSub = [scaleLeft, scaleLeft + subScaleWidth];
-      textLeft = lineXMain[1];
-    }
-    if (position === "left") {
-      scaleLeft = x + width;
-      lineXMain = [scaleLeft - mainScaleWidth, scaleLeft];
-      lineXSub = [scaleLeft - subScaleWidth, scaleLeft];
-      textLeft = lineXMain[0];
-    }
-    return { lineXMain, lineXSub, textLeft };
-  }
-  function drwaPainScaleValue(item) {
-    const title = drawTextGroup(
-      {
-        width: originX - iconsWidth,
-        height: painHeight,
-        ...defaultRectStyle
-      },
-      {
-        value: `${item.title}`,
-        ...defaultTextStyle,
-        ...item.style || {}
-      },
-      {
-        left: iconsWidth,
-        top: painOriginY.originY
-      }
-    );
-    const list = [];
-    if (item.showScale || item.showNumber) {
-      const { lineXMain, textLeft } = getScaleInfo(item.position, iconsWidth, originX - iconsWidth);
-      const listLen = item.list.length;
-      item.list.forEach((v, i) => {
-        let top = painOriginY.endY - i * yCellHeight * item.spaceGridNumber;
-        if (i === 0) {
-          top = endY - 5;
-        }
-        const isMaxMinNumber = i === 0 || i === listLen - 1;
-        if (item.showNumber && (isMaxMinNumber ? item.showMaxMinNumber : true)) {
-          list.push(drawScaleNumber(v, item, textLeft, top));
-        }
-        if (item.showScale && i !== 0) {
-          const [x1, x2] = lineXMain;
-          const line = new fabric.Line([x1, top, x2, top], {
-            ...defaultBorderStyle,
-            ...item.style
-          });
-          list.push(line);
-        }
-      });
-    }
-    canvas.value.add(title, ...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;
-    yScaleValueList2.forEach((item, index) => {
-      var _a3, _b2;
-      if (item.type === "pain") {
-        drwaPainScaleValue(item);
-        return;
-      }
-      const list = [];
-      function createLine(points) {
-        const line2 = new fabric.Line(points, {
-          ...defaultBorderStyle,
-          ...item.style
-        });
-        list.push(line2);
-      }
-      const rectWidth = index === 0 ? firstColWidth : colWidth;
-      const rectLeft = index === 0 ? start : firstColWidth + start + (index - 1) * colWidth;
-      const line = index > 0 ? new fabric.Line([rectLeft, vitalSignsOriginY.originY, rectLeft, vitalSignsOriginY.endY], {
-        ...defaultBorderStyle
-      }) : null;
-      line && list.push(line);
-      const centerX = rectLeft + rectWidth / 2;
-      const spaceGridNumber = item.spaceGridNumber || 5;
-      if (item.showScale || item.showNumber) {
-        const spaceScale = spaceGridNumber * yCellHeight / 5;
-        const position = item.position || "center";
-        const { lineXMain, lineXSub, textLeft } = getScaleInfo(item.position, rectLeft, rectWidth);
-        const listLen = (_a3 = item.list) == null ? void 0 : _a3.length;
-        (_b2 = item == null ? void 0 : item.list) == null ? void 0 : _b2.forEach((v, i) => {
-          const top = vitalSignsOriginY.endY - i * yCellHeight * spaceGridNumber;
-          const isMaxMinNumber = i === 0 || i === listLen - 1;
-          if (item.showNumber && (isMaxMinNumber ? item.showMaxMinNumber : true)) {
-            const y = i == 0 ? 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);
-          }
-          if (item.showScale && i !== listLen - 1) {
-            for (let j = 0; j < 5; j++) {
-              if (j > 0 || !item.showNumber || position !== "center") {
-                const x1 = j == 0 ? lineXMain[0] : lineXSub[0];
-                const x2 = j == 0 ? lineXMain[1] : lineXSub[1];
-                const y = top - j * spaceScale;
-                if (y > vitalSignsOriginY.originY) {
-                  createLine([x1, y, x2, y]);
-                  if (i == listLen - 2 && j == 4) {
-                    createLine([lineXMain[0], y - spaceScale, lineXMain[1], y - spaceScale]);
-                  }
-                }
-              }
-            }
-          }
-        });
-      }
-      let title = item.title || "";
-      if (item.unit)
-        title += "\n" + item.unit;
-      title && list.push(
-        new fabric.Text(String(title), {
-          ...defaultTextStyle,
-          left: centerX,
-          top: vitalSignsOriginY.originY + yCellHeight * spaceGridNumber / 2,
-          textAlign: "center",
-          ...item.style
-        })
-      );
-      const group2 = new fabric.Group(list, defaultStyle);
-      groupList.push(group2);
-    });
-    groupList.push(
-      new fabric.Rect({
-        ...defaultRectStyle,
-        width: layout === "right" ? end - start - 1 : end - start,
-        height: layout === "right" ? endY - originY - 1 : endY - originY,
-        left: start,
-        top: originY,
-        originX: "left",
-        originY: "top"
-      })
-    );
-    const group = groupList.length > 0 ? new fabric.Group([...groupList], { ...defaultStyle }) : 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 = new fabric.Text(String(title), {
-        ...defaultStyle,
-        ...item.titleStyle || {},
-        originX: "right",
-        originY: "bottom",
-        left: leftX - (item.pointAttr.width || 10) - 5,
-        top: topY,
-        lineHeight: 1,
-        fontSize: 12
-      });
-      const icon = drawPoint(item.type, {
-        left: leftX,
-        top: topY - (text.height || 30) / 2 - 1,
-        ...item.pointAttr,
-        originY: "center",
-        originX: "right",
-        origin: {
-          title: item.title,
-          unit: item.unit,
-          type: getType(item.bigType),
-          _type: item.bigType,
-          dataIndex: item.dataIndex,
-          key: item.key,
-          isMenu: true
-        },
-        originLeft: leftX,
-        originTop: topY - (text.height || 30) / 2 - 1,
-        ...propItems.event
-      });
-      topY -= text.height || 30;
-      setPointEvent(icon);
-      canvas.value.add(text, icon);
-    });
-  }
-  function isLimit(point) {
-    return point.left >= originX && point.left < endX && point.top >= originY && point.top <= endY;
-  }
-  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 (isLimit(point)) {
-        setPopup(point);
-      } else {
-        pointTipProps.show = false;
-      }
-    });
-    point.on("mouseup:before", (event) => {
-      pointTipProps.show = false;
-      if (event.e.button === 0) {
-        if (isLimit(point)) {
-          const isRepeat = getEqualXTypes(point.left, "_type", xCellWidth).includes(point.origin._type);
-          const isLimitAdd = isAddPoint(point.left);
-          if (!isLimitAdd || isRepeat) {
-            isRepeat && isLimitAdd && repeatTip();
-          } else {
-            const params = {
-              data: {
-                time: getXValue(point.left),
-                value: getYValue(point.origin.type, point.top),
-                ...!isOneLine(point.origin.type) ? {} : { 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 });
-  }
-  function drawBorder() {
-    canvas.value.add(
-      new fabric.Rect({
-        left: iconsWidth,
-        top: 0,
-        width: canvasWidth - iconsWidth - 1,
-        height: canvasHeight - 1,
-        fill: "transparent",
-        ...defaultBorderStyle
-      })
-    );
-  }
-  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);
-  }
-  drawScaleValue(yScaleValueList);
-  drawBorder();
-  return {
-    drawScaleValue
-  };
-}
-
-export { useLeft };
+import{fabric as t}from"../utils/index.js";import{defaultBorderStyle as e,defaultTextStyle as i,defaultStyle as n,defaultRectStyle as o,drawPoint as l,drawTextGroup as r}from"./useDraw.js";import{getType as s,isOneLine as u}from"../utils/utils.js";function h(h,a,g,c,p,f,d,y,w,v,S,m){var Y,b;const{getEqualXTypes:x,repeatTip:X}=m,{originY:N,endY:T,originX:L,endX:M,xCellWidth:V,yCellHeight:k,left:E,vitalSignsOriginY:C,painOriginY:G,painHeight:H,iconsWidth:I,itemList:O,painIndex:R,right:W,canvasWidth:j,canvasHeight:A,getRightInfo:_}=a;function B(e,n,o,l){const{position:r}=n;return new t.Text(String(e),{...i,originX:"left"==r?"right":"right"==r?"left":"center",left:o,top:l,...n.style})}function J(t="center",e,i){let n=e+i/2,o=[n-4.5,n+4.5],l=[n-2.5,n+2.5],r=n;return"right"===t&&(n=e,o=[n,n+9],l=[n,n+5],r=o[1]),"left"===t&&(n=e+i,o=[n-9,n],l=[n-5,n],r=o[0]),{lineXMain:o,lineXSub:l,textLeft:r}}function $(l){var s;if(!(null==l?void 0:l.length))return;const{layout:u}=l[0];let a=I,g=L;"right"===u&&(a=M,g=M+(null!=(s=null==W?void 0:W.width)?s:0));const c=[],p=H&&"right"!==u?l.length-1:l.length,f=(g-a)/p,d=f+(g-a)%p;l.forEach(((l,s)=>{var u,g;if("pain"===l.type)return void function(n){const l=r({width:L-I,height:H,...o},{value:`${n.title}`,...i,...n.style||{}},{left:I,top:G.originY}),s=[];if(n.showScale||n.showNumber){const{lineXMain:i,textLeft:o}=J(n.position,I,L-I),l=n.list.length;n.list.forEach(((r,u)=>{let h=G.endY-u*k*n.spaceGridNumber;0===u&&(h=T-5);const a=0===u||u===l-1;if(!n.showNumber||a&&!n.showMaxMinNumber||s.push(B(r,n,o,h)),n.showScale&&0!==u){const[o,l]=i,r=new t.Line([o,h,l,h],{...e,...n.style});s.push(r)}}))}h.value.add(l,...s),l.sendToBack()}(l);const p=[];function y(i){const n=new t.Line(i,{...e,...l.style});p.push(n)}const w=0===s?d:f,v=0===s?a:d+a+(s-1)*f,S=s>0?new t.Line([v,C.originY,v,C.endY],{...e}):null;S&&p.push(S);const m=v+w/2,Y=l.spaceGridNumber||5;if(l.showScale||l.showNumber){const t=Y*k/5,e=l.position||"center",{lineXMain:i,lineXSub:n,textLeft:o}=J(l.position,v,w),r=null==(u=l.list)?void 0:u.length;null==(g=null==l?void 0:l.list)||g.forEach(((s,u)=>{const h=C.endY-u*k*Y,a=0===u||u===r-1;if(l.showNumber&&(!a||l.showMaxMinNumber)){const t=0==u?h-5:h,e=B(s,l,o,t),i=C.originY+e.height/2;t<i&&e.set({top:i}),p.push(e)}if(l.showScale&&u!==r-1)for(let o=0;o<5;o++)if(o>0||!l.showNumber||"center"!==e){const e=0==o?i[0]:n[0],l=0==o?i[1]:n[1],s=h-o*t;s>C.originY&&(y([e,s,l,s]),u==r-2&&4==o&&y([i[0],s-t,i[1],s-t]))}}))}let b=l.title||"";l.unit&&(b+="\n"+l.unit),b&&p.push(new t.Text(String(b),{...i,left:m,top:C.originY+k*Y/2,textAlign:"center",...l.style}));const x=new t.Group(p,n);c.push(x)})),c.push(new t.Rect({...o,width:"right"===u?g-a-1:g-a,height:"right"===u?T-N-1:T-N,left:a,top:N,originX:"left",originY:"top"}));const y=c.length>0?new t.Group([...c],{...n}):null;y&&h.value.add(y),y&&y.sendToBack()}function q(t){return t.left>=L&&t.left<M&&t.top>=N&&t.top<=T}I&&function(){const e=JSON.parse(JSON.stringify(O));let i=T;const o=I-E.icons.marginRight;e.reverse().forEach((e=>{i-=10;let r=e.title.replace(/(.{2})/g,"$1\n");r.endsWith("\n")&&(r=r.slice(0,r.length-1));const f=new t.Text(String(r),{...n,...e.titleStyle||{},originX:"right",originY:"bottom",left:o-(e.pointAttr.width||10)-5,top:i,lineHeight:1,fontSize:12}),d=l(e.type,{left:o,top:i-(f.height||30)/2-1,...e.pointAttr,originY:"center",originX:"right",origin:{title:e.title,unit:e.unit,type:s(e.bigType),_type:e.bigType,dataIndex:e.dataIndex,key:e.key,isMenu:!0},originLeft:o,originTop:i-(f.height||30)/2-1,...a.event});var m;i-=f.height||30,(m=d).on("moving",(()=>{m.set("originX","center"),function(t){if(t.left>=L&&t.left<=M){t.setCoords();const e="pain"===t.origin.type?G:C;t.top<e.originY&&t.set("top",e.originY),t.top>e.endY&&t.set("top",e.endY)}}(m),q(m)?c(m):p.show=!1})),m.on("mouseup:before",(t=>{if(p.show=!1,0===t.e.button&&q(m)){const t=x(m.left,"_type",V).includes(m.origin._type),e=v(m.left);if(!e||t)t&&e&&X();else{const t={data:{time:y(m.left),value:w(m.origin.type,m.top),...u(m.origin.type)?{key:m.origin.key}:{}},...m.origin};g("add",t),S(t)}}!function(t){t.setCoords().set({originX:"right",left:t.originLeft,top:t.originTop})}(m)})),h.value.add(f,d)}))}();const z=E.yScaleValue.filter((t=>"left"===t.layout&&"pain"!==t.type&&t.show));if((null==W?void 0:W.width)&&"left"===(null==(Y=null==W?void 0:W.yScaleValue)?void 0:Y.layout)&&(null==(b=null==W?void 0:W.yScaleValue)?void 0:b.show)&&z.push(_),R>0&&E.yScaleValue[R].show){const t=E.yScaleValue[R];0===R&&E.yScaleValue.length>1&&z.unshift(t),R==E.yScaleValue.length-1&&z.push(t)}return $(z),h.value.add(new t.Rect({left:I,top:0,width:j-I-1,height:A-1,fill:"transparent",...e})),{drawScaleValue:$}}export{h as useLeft};

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

@@ -1,95 +1 @@
-import { fabric } from '../utils/index.js';
-import { defaultStyle } from './useDraw.js';
-
-function useOther(canvas, propItems, cumputedX) {
-  const { other, vitalSignsOriginY, xCellWidth, yCellHeight } = propItems;
-  let textDiff = 0;
-  function drawOther() {
-    if (!(other == null ? void 0 : other.list))
-      return false;
-    const list = [];
-    const otherList = [];
-    other.list.forEach((item, index) => {
-      const align = index === 0 ? "vertical" : item.align || "vertical";
-      const left = cumputedX(item.time, true);
-      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);
-      }
-    });
-    otherList.forEach((item) => {
-      let topY = vitalSignsOriginY.originY;
-      let leftX = item.left;
-      item.vertical.forEach((v, i) => {
-        var _a, _b;
-        const baseTop = (v.baseTop || 0) * yCellHeight;
-        const lastLeft = ((_a = list.at(-1)) == null ? void 0 : _a.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;
-          const lastHeight = ((_b = list.at(-1)) == null ? void 0 : _b.trueHeight) || 0;
-          topY += lastHeight;
-          if (topY + valueHeight + baseTop > vitalSignsOriginY.endY) {
-            topY = vitalSignsOriginY.originY;
-            leftX += xCellWidth;
-          }
-        }
-        topY += baseTop;
-        if (String(v.value).length) {
-          list.push(getText(v, leftX, topY));
-        }
-      });
-      item.horizontal.forEach((v, i) => {
-        var _a;
-        const topY2 = vitalSignsOriginY.originY + (v.baseTop || 0) * yCellHeight;
-        const lastLeft = ((_a = list.at(-1)) == null ? void 0 : _a.left) || 0;
-        if (item.left <= lastLeft) {
-          leftX = lastLeft + xCellWidth;
-        }
-        if (String(v.value).length) {
-          list.push(getText(v, leftX, topY2));
-        }
-      });
-    });
-    const group = list.length > 0 ? new fabric.Group([...list], { ...defaultStyle }) : null;
-    group && canvas.value.add(group);
-  }
-  function getText(v, x, y) {
-    const texts = [];
-    String(v.value).split("").forEach((value, index) => {
-      const text = new fabric.Text(value, {
-        left: 0,
-        top: yCellHeight * index,
-        originX: "center",
-        ...defaultStyle,
-        ...v.style || {}
-      });
-      textDiff = (yCellHeight - (text.height || 0)) / 2;
-      texts.push(text);
-    });
-    const options = {
-      originX: "center",
-      left: x,
-      top: y + textDiff,
-      baseTop: (v.baseTop || 0) * yCellHeight,
-      trueLeft: x,
-      trueHeight: texts.length * yCellHeight
-    };
-    return new fabric.Group(texts, options);
-  }
-  drawOther();
-}
-
-export { useOther };
+import{fabric as t}from"../utils/index.js";import{defaultStyle as e}from"./useDraw.js";function n(n,l,i){const{other:o,vitalSignsOriginY:r,xCellWidth:s,yCellHeight:a}=l;let u=0;function f(n,l,i){const o=[];String(n.value).split("").forEach(((l,i)=>{const r=new t.Text(l,{left:0,top:a*i,originX:"center",...e,...n.style||{}});u=(a-(r.height||0))/2,o.push(r)}));const r={originX:"center",left:l,top:i+u,baseTop:(n.baseTop||0)*a,trueLeft:l,trueHeight:o.length*a};return new t.Group(o,r)}!function(){if(!(null==o?void 0:o.list))return!1;const l=[],u=[];o.list.forEach(((t,e)=>{const n=0===e?"vertical":t.align||"vertical",l=i(t.time,!0),o=u.find((t=>t.left==l));if(o)o[n].push(t);else{const e={left:l,vertical:[],horizontal:[]};e[n].push(t),u.push(e)}})),u.forEach((t=>{let e=r.originY,n=t.left;t.vertical.forEach(((i,o)=>{var u,h;const c=(i.baseTop||0)*a,g=(null==(u=l.at(-1))?void 0:u.left)||0;0===o&&t.left<=g&&(n=g+s);if(l.filter((t=>t.trueLeft===n)).length){const t=String(i.value).length*a,o=(null==(h=l.at(-1))?void 0:h.trueHeight)||0;e+=o,e+t+c>r.endY&&(e=r.originY,n+=s)}e+=c,String(i.value).length&&l.push(f(i,n,e))})),t.horizontal.forEach(((e,i)=>{var o;const u=r.originY+(e.baseTop||0)*a,h=(null==(o=l.at(-1))?void 0:o.left)||0;t.left<=h&&(n=h+s),String(e.value).length&&l.push(f(e,n,u))}))}));const h=l.length>0?new t.Group([...l],{...e}):null;h&&n.value.add(h)}()}export{n as useOther};

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

@@ -1,22 +1 @@
-import { fabric } from '../utils/index.js';
-import { defaultBorderStyle } from './useDraw.js';
-
-function useRight(canvas, propItems, drawScaleValue) {
-  var _a, _b;
-  const { left, right, getRightInfo, canvasWidth, endY, endX, originY } = 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);
-  }
-  if ((right == null ? void 0 : right.width) || yScaleValueList.length > 0) {
-    const rightBorderLine = new fabric.Line([canvasWidth - 1, 0, canvasWidth - 1, endY], defaultBorderStyle);
-    const rightBorderLine2 = new fabric.Line([endX + 1, originY, canvasWidth - 1, originY], {
-      ...defaultBorderStyle,
-      stroke: "#fff"
-    });
-    canvas.value.add(rightBorderLine, rightBorderLine2);
-  }
-  drawScaleValue(yScaleValueList);
-}
-
-export { useRight };
+import{fabric as l}from"../utils/index.js";import{defaultBorderStyle as i}from"./useDraw.js";function e(e,n,o){var t,u;const{left:a,right:d,getRightInfo:r,canvasWidth:h,endY:s,endX:f,originY:v}=n,c=a.yScaleValue.filter((l=>"right"===l.layout&&l.show));if((null==d?void 0:d.width)&&"right"===(null==(t=null==d?void 0:d.yScaleValue)?void 0:t.layout)&&(null==(u=null==d?void 0:d.yScaleValue)?void 0:u.show)&&c.push(r),(null==d?void 0:d.width)||c.length>0){const n=new l.Line([h-1,0,h-1,s],i),o=new l.Line([f+1,v,h-1,v],{...i,stroke:"#fff"});e.value.add(n,o)}o(c)}export{e as useRight};

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

@@ -1,132 +1 @@
-import { useMemoize } from '@vueuse/core';
-import { fabric } from '../utils/index.js';
-
-const getTangent = useMemoize((angle) => {
-  return +Math.tan(angle * Math.PI / 180);
-});
-function useShadow() {
-  function createShadowLines(coordinates, angle = 45, space = 10) {
-    const result = [];
-    angle = normalizeAngle(angle);
-    if (angle === 0)
-      return result;
-    const minX = Math.min(...coordinates.map(([x]) => x));
-    const maxX = Math.max(...coordinates.map(([x]) => x));
-    const minY = Math.min(...coordinates.map(([, y]) => y));
-    const maxY = Math.max(...coordinates.map(([, y]) => y));
-    const offsetX = (maxY - minY) / getTangent(angle);
-    const isLeanRight = angle > 0 && angle < 90 || angle > 180 && angle < 270;
-    let start = minX;
-    let end = maxX;
-    if (isLeanRight) {
-      end += offsetX;
-    } else {
-      start += offsetX;
-    }
-    getLinePoints(start, end).forEach((linePoint) => {
-      let intersectionPoints = [];
-      getShapeLinePoints(coordinates).forEach((shapeLinePoint) => {
-        const intersectionPoint = getIntersectionPoint(
-          linePoint[0],
-          linePoint[1],
-          shapeLinePoint[0],
-          shapeLinePoint[1]
-        );
-        intersectionPoint && intersectionPoints.push(intersectionPoint);
-      });
-      intersectionPoints = sortPoints(uniquePoints(intersectionPoints));
-      if (intersectionPoints.length >= 2) {
-        for (let i = 0; i < intersectionPoints.length; i++) {
-          if (intersectionPoints[i + 1] && isInnerLine(intersectionPoints[i], intersectionPoints[i + 1])) {
-            result.push(createLine(intersectionPoints[i], intersectionPoints[i + 1]));
-          }
-        }
-      }
-    });
-    return result;
-    function isInnerLine(point1, point2) {
-      return isInPolygon([(point1[0] + point2[0]) / 2, (point1[1] + point2[1]) / 2], coordinates);
-    }
-    function normalizeAngle(angle2) {
-      angle2 = angle2 % 360;
-      angle2 = angle2 < 0 ? 180 - angle2 : angle2;
-      angle2 = angle2 >= 180 ? angle2 - 180 : angle2;
-      return angle2;
-    }
-    function getLinePoints(start2, end2) {
-      const result2 = [completePoint([start2, minY])];
-      while (start2 < end2) {
-        start2 += space;
-        result2.push(completePoint([start2, minY]));
-      }
-      return result2;
-    }
-    function completePoint(point) {
-      const otherPoint = [point[0] - offsetX, maxY];
-      return [point, otherPoint];
-    }
-    function getShapeLinePoints(coordinates2) {
-      return coordinates2.reduce((res, c, idx) => {
-        const next = coordinates2[idx + 1] || coordinates2[0];
-        res.push([c, next]);
-        return res;
-      }, []);
-    }
-    function createLine(startPoint, endPoint) {
-      return new fabric.Line([startPoint[0], startPoint[1], endPoint[0], endPoint[1]]);
-    }
-  }
-  return { createShadowLines };
-  function sortPoints(points) {
-    return points.sort((a, b) => a[1] - b[1]);
-  }
-  function getIntersectionPoint(a, b, c, d) {
-    const denominator = (b[1] - a[1]) * (d[0] - c[0]) - (a[0] - b[0]) * (c[1] - d[1]);
-    if (denominator === 0) {
-      return false;
-    }
-    const x = ((b[0] - a[0]) * (d[0] - c[0]) * (c[1] - a[1]) + (b[1] - a[1]) * (d[0] - c[0]) * a[0] - (d[1] - c[1]) * (b[0] - a[0]) * c[0]) / denominator;
-    const y = -((b[1] - a[1]) * (d[1] - c[1]) * (c[0] - a[0]) + (b[0] - a[0]) * (d[1] - c[1]) * a[1] - (d[0] - c[0]) * (b[1] - a[1]) * c[1]) / denominator;
-    if (((x - a[0]) * (x - b[0]) < 0 || nearlyEqual(x, a[0]) || nearlyEqual(x, b[0])) && ((y - a[1]) * (y - b[1]) < 0 || nearlyEqual(y, a[1]) || nearlyEqual(y, b[1])) && ((x - c[0]) * (x - d[0]) < 0 || nearlyEqual(x, c[0]) || nearlyEqual(x, d[0])) && ((y - c[1]) * (y - d[1]) < 0 || nearlyEqual(y, c[1]) || nearlyEqual(y, d[1]))) {
-      return [x, y];
-    }
-    return false;
-  }
-  function uniquePoints(points) {
-    return points.reduce((fin, point) => {
-      if (!hasPoint(fin, point))
-        fin.push(point);
-      return fin;
-    }, []);
-    function hasPoint(points2, point) {
-      return points2.some((p) => nearlyEqual(p[0], point[0]) && nearlyEqual(p[1], point[1]));
-    }
-  }
-  function isInPolygon(checkPoint, polygonPoints) {
-    let counter = 0;
-    let xinters;
-    let p1, p2;
-    const pointCount = polygonPoints.length;
-    p1 = polygonPoints[0];
-    for (let i = 1; i <= pointCount; i++) {
-      p2 = polygonPoints[i % pointCount];
-      if (checkPoint[0] > Math.min(p1[0], p2[0]) && checkPoint[0] <= Math.max(p1[0], p2[0])) {
-        if (checkPoint[1] <= Math.max(p1[1], p2[1])) {
-          if (p1[0] != p2[0]) {
-            xinters = (checkPoint[0] - p1[0]) * (p2[1] - p1[1]) / (p2[0] - p1[0]) + p1[1];
-            if (p1[1] == p2[1] || checkPoint[1] <= xinters) {
-              counter++;
-            }
-          }
-        }
-      }
-      p1 = p2;
-    }
-    return counter % 2 !== 0;
-  }
-  function nearlyEqual(v1, v2) {
-    return Math.abs(v1 - v2) <= 1e-4;
-  }
-}
-
-export { useShadow };
+import{useMemoize as t}from"@vueuse/core";import{fabric as n}from"../utils/index.js";const r=t((t=>+Math.tan(t*Math.PI/180)));function e(){return{createShadowLines:function(e,o=45,u=10){const a=[];var c;if(c=o,0===(o=c=(c=(c%=360)<0?180-c:c)>=180?c-180:c))return a;const i=Math.min(...e.map((([t])=>t))),h=Math.max(...e.map((([t])=>t))),s=Math.min(...e.map((([,t])=>t))),f=Math.max(...e.map((([,t])=>t))),m=(f-s)/r(o);let p=i,M=h;return o>0&&o<90||o>180&&o<270?M+=m:p+=m,function(t,n){const r=[l([t,s])];for(;t<n;)t+=u,r.push(l([t,s]));return r}(p,M).forEach((r=>{let o=[];var u,c,i,h,s,f;if((u=e,u.reduce(((t,n,r)=>{const e=u[r+1]||u[0];return t.push([n,e]),t}),[])).forEach((n=>{const e=function(n,r,e,o){const u=(r[1]-n[1])*(o[0]-e[0])-(n[0]-r[0])*(e[1]-o[1]);if(0===u)return!1;const a=((r[0]-n[0])*(o[0]-e[0])*(e[1]-n[1])+(r[1]-n[1])*(o[0]-e[0])*n[0]-(o[1]-e[1])*(r[0]-n[0])*e[0])/u,c=-((r[1]-n[1])*(o[1]-e[1])*(e[0]-n[0])+(r[0]-n[0])*(o[1]-e[1])*n[1]-(o[0]-e[0])*(r[1]-n[1])*e[1])/u;if(((a-n[0])*(a-r[0])<0||t(a,n[0])||t(a,r[0]))&&((c-n[1])*(c-r[1])<0||t(c,n[1])||t(c,r[1]))&&((a-e[0])*(a-o[0])<0||t(a,e[0])||t(a,o[0]))&&((c-e[1])*(c-o[1])<0||t(c,e[1])||t(c,o[1])))return[a,c];return!1}(r[0],r[1],n[0],n[1]);e&&o.push(e)})),c=function(n){return n.reduce(((t,n)=>(r(t,n)||t.push(n),t)),[]);function r(n,r){return n.some((n=>t(n[0],r[0])&&t(n[1],r[1])))}}(o),o=c.sort(((t,n)=>t[1]-n[1])),o.length>=2)for(let t=0;t<o.length;t++)o[t+1]&&(s=o[t],f=o[t+1],function(t,n){let r,e,o,u=0;const a=n.length;e=n[0];for(let c=1;c<=a;c++)o=n[c%a],t[0]>Math.min(e[0],o[0])&&t[0]<=Math.max(e[0],o[0])&&t[1]<=Math.max(e[1],o[1])&&e[0]!=o[0]&&(r=(t[0]-e[0])*(o[1]-e[1])/(o[0]-e[0])+e[1],(e[1]==o[1]||t[1]<=r)&&u++),e=o;return u%2!=0}([(s[0]+f[0])/2,(s[1]+f[1])/2],e))&&a.push((i=o[t],h=o[t+1],new n.Line([i[0],i[1],h[0],h[1]])))})),a;function l(t){return[t,[t[0]-m,f]]}}};function t(t,n){return Math.abs(t-n)<=1e-4}}export{e as useShadow};