@nasser-sw/fabric 7.0.0-beta1

package/dist/src/util/typeAssertions.min.mjs

@@ -0,0 +1,2 @@
+const t=t=>!!t&&void 0!==t.toLive,o=t=>!!t&&"function"==typeof t.toObject,e=t=>!!t&&void 0!==t.offsetX&&"source"in t,n=t=>!!t&&"function"==typeof t._renderText,i=t=>!!t&&"function"==typeof t._renderPathCommands,c=t=>!!t&&"multiSelectionStacking"in t;export{c as isActiveSelection,t as isFiller,i as isPath,e as isPattern,o as isSerializableFiller,n as isTextObject};
+//# sourceMappingURL=typeAssertions.min.mjs.map

package/dist/src/util/typeAssertions.min.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"typeAssertions.min.mjs","sources":["../../../src/util/typeAssertions.ts"],"sourcesContent":["import type { FabricObject } from '../shapes/Object/Object';\nimport type { TFiller } from '../typedefs';\nimport type { FabricText } from '../shapes/Text/Text';\nimport type { Pattern } from '../Pattern';\nimport type { Path } from '../shapes/Path';\nimport type { ActiveSelection } from '../shapes/ActiveSelection';\n\nexport const isFiller = (\n  filler: TFiller | string | null,\n): filler is TFiller => {\n  return !!filler && (filler as TFiller).toLive !== undefined;\n};\n\nexport const isSerializableFiller = (\n  filler: TFiller | string | null,\n): filler is TFiller => {\n  return !!filler && typeof (filler as TFiller).toObject === 'function';\n};\n\nexport const isPattern = (filler: TFiller): filler is Pattern => {\n  return (\n    !!filler && (filler as Pattern).offsetX !== undefined && 'source' in filler\n  );\n};\n\nexport const isTextObject = (\n  fabricObject?: FabricObject,\n): fabricObject is FabricText => {\n  return (\n    !!fabricObject &&\n    typeof (fabricObject as FabricText)._renderText === 'function'\n  );\n};\n\nexport const isPath = (fabricObject?: FabricObject): fabricObject is Path => {\n  // we could use instanceof but that would mean pulling in Text code for a simple check\n  // @todo discuss what to do and how to do\n  return (\n    !!fabricObject &&\n    typeof (fabricObject as Path)._renderPathCommands === 'function'\n  );\n};\n\nexport const isActiveSelection = (\n  fabricObject?: FabricObject,\n): fabricObject is ActiveSelection =>\n  !!fabricObject && 'multiSelectionStacking' in fabricObject;\n"],"names":["isFiller","filler","undefined","toLive","isSerializableFiller","toObject","isPattern","offsetX","isTextObject","fabricObject","_renderText","isPath","_renderPathCommands","isActiveSelection"],"mappings":"AAOO,MAAMA,EACXC,KAESA,QAAyCC,IAA9BD,EAAmBE,OAG5BC,EACXH,KAESA,GAAkD,mBAAhCA,EAAmBI,SAGnCC,EAAaL,KAEpBA,QAA0CC,IAA/BD,EAAmBM,SAAyB,WAAYN,EAI5DO,EACXC,KAGIA,GACkD,mBAA5CA,EAA4BC,YAI3BC,EAAUF,KAIjBA,GACoD,mBAA9CA,EAAsBG,oBAIrBC,EACXJ,KAEEA,GAAgB,2BAA4BA"}

package/dist/src/util/typeAssertions.mjs

@@ -0,0 +1,21 @@
+const isFiller = filler => {
+  return !!filler && filler.toLive !== undefined;
+};
+const isSerializableFiller = filler => {
+  return !!filler && typeof filler.toObject === 'function';
+};
+const isPattern = filler => {
+  return !!filler && filler.offsetX !== undefined && 'source' in filler;
+};
+const isTextObject = fabricObject => {
+  return !!fabricObject && typeof fabricObject._renderText === 'function';
+};
+const isPath = fabricObject => {
+  // we could use instanceof but that would mean pulling in Text code for a simple check
+  // @todo discuss what to do and how to do
+  return !!fabricObject && typeof fabricObject._renderPathCommands === 'function';
+};
+const isActiveSelection = fabricObject => !!fabricObject && 'multiSelectionStacking' in fabricObject;
+
+export { isActiveSelection, isFiller, isPath, isPattern, isSerializableFiller, isTextObject };
+//# sourceMappingURL=typeAssertions.mjs.map

package/dist/src/util/typeAssertions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"typeAssertions.mjs","sources":["../../../src/util/typeAssertions.ts"],"sourcesContent":["import type { FabricObject } from '../shapes/Object/Object';\nimport type { TFiller } from '../typedefs';\nimport type { FabricText } from '../shapes/Text/Text';\nimport type { Pattern } from '../Pattern';\nimport type { Path } from '../shapes/Path';\nimport type { ActiveSelection } from '../shapes/ActiveSelection';\n\nexport const isFiller = (\n  filler: TFiller | string | null,\n): filler is TFiller => {\n  return !!filler && (filler as TFiller).toLive !== undefined;\n};\n\nexport const isSerializableFiller = (\n  filler: TFiller | string | null,\n): filler is TFiller => {\n  return !!filler && typeof (filler as TFiller).toObject === 'function';\n};\n\nexport const isPattern = (filler: TFiller): filler is Pattern => {\n  return (\n    !!filler && (filler as Pattern).offsetX !== undefined && 'source' in filler\n  );\n};\n\nexport const isTextObject = (\n  fabricObject?: FabricObject,\n): fabricObject is FabricText => {\n  return (\n    !!fabricObject &&\n    typeof (fabricObject as FabricText)._renderText === 'function'\n  );\n};\n\nexport const isPath = (fabricObject?: FabricObject): fabricObject is Path => {\n  // we could use instanceof but that would mean pulling in Text code for a simple check\n  // @todo discuss what to do and how to do\n  return (\n    !!fabricObject &&\n    typeof (fabricObject as Path)._renderPathCommands === 'function'\n  );\n};\n\nexport const isActiveSelection = (\n  fabricObject?: FabricObject,\n): fabricObject is ActiveSelection =>\n  !!fabricObject && 'multiSelectionStacking' in fabricObject;\n"],"names":["isFiller","filler","toLive","undefined","isSerializableFiller","toObject","isPattern","offsetX","isTextObject","fabricObject","_renderText","isPath","_renderPathCommands","isActiveSelection"],"mappings":"AAOO,MAAMA,QAAQ,GACnBC,MAA+B,IACT;EACtB,OAAO,CAAC,CAACA,MAAM,IAAKA,MAAM,CAAaC,MAAM,KAAKC,SAAS;AAC7D;AAEO,MAAMC,oBAAoB,GAC/BH,MAA+B,IACT;EACtB,OAAO,CAAC,CAACA,MAAM,IAAI,OAAQA,MAAM,CAAaI,QAAQ,KAAK,UAAU;AACvE;AAEO,MAAMC,SAAS,GAAIL,MAAe,IAAwB;AAC/D,EAAA,OACE,CAAC,CAACA,MAAM,IAAKA,MAAM,CAAaM,OAAO,KAAKJ,SAAS,IAAI,QAAQ,IAAIF,MAAM;AAE/E;AAEO,MAAMO,YAAY,GACvBC,YAA2B,IACI;EAC/B,OACE,CAAC,CAACA,YAAY,IACd,OAAQA,YAAY,CAAgBC,WAAW,KAAK,UAAU;AAElE;AAEO,MAAMC,MAAM,GAAIF,YAA2B,IAA2B;AAC3E;AACA;EACA,OACE,CAAC,CAACA,YAAY,IACd,OAAQA,YAAY,CAAUG,mBAAmB,KAAK,UAAU;AAEpE;AAEO,MAAMC,iBAAiB,GAC5BJ,YAA2B,IAE3B,CAAC,CAACA,YAAY,IAAI,wBAAwB,IAAIA;;;;"}

package/dist-extensions/aligning_guidelines/constant.mjs

@@ -0,0 +1,11 @@
+const aligningLineConfig = {
+  /** At what distance from the shape does alignment begin? */
+  margin: 4,
+  /** Aligning line dimensions */
+  width: 1,
+  /** Aligning line color */
+  color: 'rgb(255,0,0,0.9)'
+};
+
+export { aligningLineConfig };
+//# sourceMappingURL=constant.mjs.map

package/dist-extensions/aligning_guidelines/constant.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constant.mjs","sources":["../../extensions/aligning_guidelines/constant.ts"],"sourcesContent":["import type { AligningLineConfig } from './typedefs';\n\nexport const aligningLineConfig: AligningLineConfig = {\n  /** At what distance from the shape does alignment begin? */\n  margin: 4,\n  /** Aligning line dimensions */\n  width: 1,\n  /** Aligning line color */\n  color: 'rgb(255,0,0,0.9)',\n};\n"],"names":["aligningLineConfig","margin","width","color"],"mappings":"AAEO,MAAMA,kBAAsC,GAAG;AACpD;AACAC,EAAAA,MAAM,EAAE,CAAC;AACT;AACAC,EAAAA,KAAK,EAAE,CAAC;AACR;AACAC,EAAAA,KAAK,EAAE;AACT;;;;"}

package/dist-extensions/aligning_guidelines/index.mjs

@@ -0,0 +1,130 @@
+import { Point, util } from 'fabric';
+import { collectVerticalPoint, collectHorizontalPoint } from './util/collect-point.mjs';
+import { drawPointList, drawVerticalLine, drawHorizontalLine } from './util/draw.mjs';
+import { getObjectsByTarget } from './util/get-objects-by-target.mjs';
+import { collectLine } from './util/collect-line.mjs';
+import { aligningLineConfig } from './constant.mjs';
+
+function initAligningGuidelines(canvas) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  Object.assign(aligningLineConfig, options);
+  const horizontalLines = new Set();
+  const verticalLines = new Set();
+  let onlyDrawPoint = false;
+  const cacheMap = new Map();
+  const getCaCheMapValue = object => {
+    const cacheKey = [object.calcTransformMatrix().toString(), object.width, object.height].join();
+    const cacheValue = cacheMap.get(cacheKey);
+    if (cacheValue) return cacheValue;
+    const coords = object.getCoords();
+    const rect = util.makeBoundingBoxFromPoints(coords);
+    const value = [rect, coords];
+    cacheMap.set(cacheKey, value);
+    return value;
+  };
+  function moving(e) {
+    const activeObject = e.target;
+    activeObject.setCoords();
+    onlyDrawPoint = false;
+    verticalLines.clear();
+    horizontalLines.clear();
+    const objects = getObjectsByTarget(activeObject);
+    const activeObjectRect = activeObject.getBoundingRect();
+    for (const object of objects) {
+      const objectRect = getCaCheMapValue(object)[0];
+      const {
+        vLines,
+        hLines
+      } = collectLine({
+        activeObject,
+        activeObjectRect,
+        objectRect
+      });
+      vLines.forEach(o => {
+        verticalLines.add(JSON.stringify(o));
+      });
+      hLines.forEach(o => {
+        horizontalLines.add(JSON.stringify(o));
+      });
+    }
+  }
+  function scalingOrResizing(e) {
+    // br bl tr tl mb ml mt mr
+    const activeObject = e.target;
+    activeObject.setCoords();
+    const isScale = String(e.transform.action).startsWith('scale');
+    verticalLines.clear();
+    horizontalLines.clear();
+    const objects = getObjectsByTarget(activeObject);
+    let corner = e.transform.corner;
+    if (activeObject.flipX) corner = corner.replace('l', 'r').replace('r', 'l');
+    if (activeObject.flipY) corner = corner.replace('t', 'b').replace('b', 't');
+    let index = ['tl', 'tr', 'br', 'bl', 'mt', 'mr', 'mb', 'ml'].indexOf(corner);
+    if (index == -1) return;
+    onlyDrawPoint = index > 3;
+    if (onlyDrawPoint) {
+      const angle = activeObject.getTotalAngle();
+      if (angle % 90 != 0) return;
+      index -= 4;
+    }
+    let point = activeObject.getCoords()[index];
+    for (const object of objects) {
+      const [rect, coords] = getCaCheMapValue(object);
+      const center = new Point(rect.left + rect.width / 2, rect.top + rect.height / 2);
+      const list = [...coords, center];
+      const props = {
+        activeObject,
+        point,
+        list,
+        isScale,
+        index
+      };
+      const vLines = collectVerticalPoint(props);
+      const hLines = collectHorizontalPoint(props);
+      vLines.forEach(o => {
+        verticalLines.add(JSON.stringify(o));
+      });
+      hLines.forEach(o => {
+        horizontalLines.add(JSON.stringify(o));
+      });
+      if (vLines.length || hLines.length) point = activeObject.getCoords()[index];
+    }
+  }
+  function beforeRender() {
+    canvas.clearContext(canvas.contextTop);
+  }
+  function afterRender() {
+    if (onlyDrawPoint) {
+      const list = [];
+      for (const v of verticalLines) list.push(JSON.parse(v));
+      for (const h of horizontalLines) list.push(JSON.parse(h));
+      drawPointList(canvas, list);
+    } else {
+      for (const v of verticalLines) drawVerticalLine(canvas, JSON.parse(v));
+      for (const h of horizontalLines) drawHorizontalLine(canvas, JSON.parse(h));
+    }
+  }
+  function mouseUp() {
+    verticalLines.clear();
+    horizontalLines.clear();
+    cacheMap.clear();
+    canvas.requestRenderAll();
+  }
+  canvas.on('object:resizing', scalingOrResizing);
+  canvas.on('object:scaling', scalingOrResizing);
+  canvas.on('object:moving', moving);
+  canvas.on('before:render', beforeRender);
+  canvas.on('after:render', afterRender);
+  canvas.on('mouse:up', mouseUp);
+  return () => {
+    canvas.off('object:resizing', scalingOrResizing);
+    canvas.off('object:scaling', scalingOrResizing);
+    canvas.off('object:moving', moving);
+    canvas.off('before:render', beforeRender);
+    canvas.off('after:render', afterRender);
+    canvas.off('mouse:up', mouseUp);
+  };
+}
+
+export { initAligningGuidelines };
+//# sourceMappingURL=index.mjs.map

package/dist-extensions/aligning_guidelines/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../extensions/aligning_guidelines/index.ts"],"sourcesContent":["import type {\n  BasicTransformEvent,\n  Canvas,\n  FabricObject,\n  TBBox,\n  TPointerEvent,\n} from 'fabric';\nimport { Point, util } from 'fabric';\nimport {\n  collectHorizontalPoint,\n  collectVerticalPoint,\n} from './util/collect-point';\nimport {\n  drawHorizontalLine,\n  drawPointList,\n  drawVerticalLine,\n} from './util/draw';\nimport { getObjectsByTarget } from './util/get-objects-by-target';\nimport { collectLine } from './util/collect-line';\nimport type {\n  AligningLineConfig,\n  HorizontalLine,\n  VerticalLine,\n} from './typedefs';\nimport { aligningLineConfig } from './constant';\n\ntype TransformEvent = BasicTransformEvent<TPointerEvent> & {\n  target: FabricObject;\n};\n\nexport type { AligningLineConfig } from './typedefs';\n\nexport function initAligningGuidelines(\n  canvas: Canvas,\n  options: Partial<AligningLineConfig> = {},\n) {\n  Object.assign(aligningLineConfig, options);\n\n  const horizontalLines = new Set<string>();\n  const verticalLines = new Set<string>();\n  let onlyDrawPoint = false;\n  const cacheMap = new Map<string, [TBBox, Point[]]>();\n\n  const getCaCheMapValue = (object: FabricObject) => {\n    const cacheKey = [\n      object.calcTransformMatrix().toString(),\n      object.width,\n      object.height,\n    ].join();\n    const cacheValue = cacheMap.get(cacheKey);\n    if (cacheValue) return cacheValue;\n    const coords = object.getCoords();\n    const rect = util.makeBoundingBoxFromPoints(coords);\n    const value: [TBBox, Point[]] = [rect, coords];\n    cacheMap.set(cacheKey, value);\n    return value;\n  };\n\n  function moving(e: TransformEvent) {\n    const activeObject = e.target;\n    activeObject.setCoords();\n    onlyDrawPoint = false;\n    verticalLines.clear();\n    horizontalLines.clear();\n\n    const objects = getObjectsByTarget(activeObject);\n    const activeObjectRect = activeObject.getBoundingRect();\n\n    for (const object of objects) {\n      const objectRect = getCaCheMapValue(object)[0];\n      const { vLines, hLines } = collectLine({\n        activeObject,\n        activeObjectRect,\n        objectRect,\n      });\n      vLines.forEach((o) => {\n        verticalLines.add(JSON.stringify(o));\n      });\n      hLines.forEach((o) => {\n        horizontalLines.add(JSON.stringify(o));\n      });\n    }\n  }\n\n  function scalingOrResizing(e: TransformEvent) {\n    // br bl tr tl mb ml mt mr\n    const activeObject = e.target;\n    activeObject.setCoords();\n    const isScale = String(e.transform.action).startsWith('scale');\n    verticalLines.clear();\n    horizontalLines.clear();\n\n    const objects = getObjectsByTarget(activeObject);\n    let corner = e.transform.corner;\n    if (activeObject.flipX) corner = corner.replace('l', 'r').replace('r', 'l');\n    if (activeObject.flipY) corner = corner.replace('t', 'b').replace('b', 't');\n    let index = ['tl', 'tr', 'br', 'bl', 'mt', 'mr', 'mb', 'ml'].indexOf(\n      corner,\n    );\n    if (index == -1) return;\n    onlyDrawPoint = index > 3;\n    if (onlyDrawPoint) {\n      const angle = activeObject.getTotalAngle();\n      if (angle % 90 != 0) return;\n      index -= 4;\n    }\n    let point = activeObject.getCoords()[index];\n    for (const object of objects) {\n      const [rect, coords] = getCaCheMapValue(object);\n      const center = new Point(\n        rect.left + rect.width / 2,\n        rect.top + rect.height / 2,\n      );\n      const list = [...coords, center];\n      const props = { activeObject, point, list, isScale, index };\n      const vLines = collectVerticalPoint(props);\n      const hLines = collectHorizontalPoint(props);\n      vLines.forEach((o) => {\n        verticalLines.add(JSON.stringify(o));\n      });\n      hLines.forEach((o) => {\n        horizontalLines.add(JSON.stringify(o));\n      });\n      if (vLines.length || hLines.length)\n        point = activeObject.getCoords()[index];\n    }\n  }\n\n  function beforeRender() {\n    canvas.clearContext(canvas.contextTop);\n  }\n  function afterRender() {\n    if (onlyDrawPoint) {\n      const list: Array<VerticalLine | HorizontalLine> = [];\n      for (const v of verticalLines) list.push(JSON.parse(v));\n      for (const h of horizontalLines) list.push(JSON.parse(h));\n      drawPointList(canvas, list);\n    } else {\n      for (const v of verticalLines) drawVerticalLine(canvas, JSON.parse(v));\n      for (const h of horizontalLines)\n        drawHorizontalLine(canvas, JSON.parse(h));\n    }\n  }\n  function mouseUp() {\n    verticalLines.clear();\n    horizontalLines.clear();\n    cacheMap.clear();\n    canvas.requestRenderAll();\n  }\n\n  canvas.on('object:resizing', scalingOrResizing);\n  canvas.on('object:scaling', scalingOrResizing);\n  canvas.on('object:moving', moving);\n  canvas.on('before:render', beforeRender);\n  canvas.on('after:render', afterRender);\n  canvas.on('mouse:up', mouseUp);\n\n  return () => {\n    canvas.off('object:resizing', scalingOrResizing);\n    canvas.off('object:scaling', scalingOrResizing);\n    canvas.off('object:moving', moving);\n    canvas.off('before:render', beforeRender);\n    canvas.off('after:render', afterRender);\n    canvas.off('mouse:up', mouseUp);\n  };\n}\n"],"names":["initAligningGuidelines","canvas","options","arguments","length","undefined","Object","assign","aligningLineConfig","horizontalLines","Set","verticalLines","onlyDrawPoint","cacheMap","Map","getCaCheMapValue","object","cacheKey","calcTransformMatrix","toString","width","height","join","cacheValue","get","coords","getCoords","rect","util","makeBoundingBoxFromPoints","value","set","moving","e","activeObject","target","setCoords","clear","objects","getObjectsByTarget","activeObjectRect","getBoundingRect","objectRect","vLines","hLines","collectLine","forEach","o","add","JSON","stringify","scalingOrResizing","isScale","String","transform","action","startsWith","corner","flipX","replace","flipY","index","indexOf","angle","getTotalAngle","point","center","Point","left","top","list","props","collectVerticalPoint","collectHorizontalPoint","beforeRender","clearContext","contextTop","afterRender","v","push","parse","h","drawPointList","drawVerticalLine","drawHorizontalLine","mouseUp","requestRenderAll","on","off"],"mappings":"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"}

package/dist-extensions/aligning_guidelines/util/basic.mjs

@@ -0,0 +1,11 @@
+function getDistance(a, b) {
+  return Math.abs(a - b);
+}
+function setPositionDir(target, pos, dir) {
+  const center = target.translateToCenterPoint(pos, 'center', 'center');
+  const position = target.translateToOriginPoint(center, target.originX, target.originY);
+  if (dir == 'x') target.setX(position.x);else target.setY(position.y);
+}
+
+export { getDistance, setPositionDir };
+//# sourceMappingURL=basic.mjs.map

package/dist-extensions/aligning_guidelines/util/basic.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"basic.mjs","sources":["../../../extensions/aligning_guidelines/util/basic.ts"],"sourcesContent":["import type { FabricObject, Point } from 'fabric';\n\nexport function getDistance(a: number, b: number) {\n  return Math.abs(a - b);\n}\n\nexport function setPositionDir(\n  target: FabricObject,\n  pos: Point,\n  dir: 'x' | 'y',\n) {\n  const center = target.translateToCenterPoint(pos, 'center', 'center');\n  const position = target.translateToOriginPoint(\n    center,\n    target.originX,\n    target.originY,\n  );\n  if (dir == 'x') target.setX(position.x);\n  else target.setY(position.y);\n}\n"],"names":["getDistance","a","b","Math","abs","setPositionDir","target","pos","dir","center","translateToCenterPoint","position","translateToOriginPoint","originX","originY","setX","x","setY","y"],"mappings":"AAEO,SAASA,WAAWA,CAACC,CAAS,EAAEC,CAAS,EAAE;AAChD,EAAA,OAAOC,IAAI,CAACC,GAAG,CAACH,CAAC,GAAGC,CAAC,CAAC;AACxB;AAEO,SAASG,cAAcA,CAC5BC,MAAoB,EACpBC,GAAU,EACVC,GAAc,EACd;EACA,MAAMC,MAAM,GAAGH,MAAM,CAACI,sBAAsB,CAACH,GAAG,EAAE,QAAQ,EAAE,QAAQ,CAAC;AACrE,EAAA,MAAMI,QAAQ,GAAGL,MAAM,CAACM,sBAAsB,CAC5CH,MAAM,EACNH,MAAM,CAACO,OAAO,EACdP,MAAM,CAACQ,OACT,CAAC;EACD,IAAIN,GAAG,IAAI,GAAG,EAAEF,MAAM,CAACS,IAAI,CAACJ,QAAQ,CAACK,CAAC,CAAC,CAAC,KACnCV,MAAM,CAACW,IAAI,CAACN,QAAQ,CAACO,CAAC,CAAC;AAC9B;;;;"}

package/dist-extensions/aligning_guidelines/util/collect-line.mjs

@@ -0,0 +1,193 @@
+import { Point } from 'fabric';
+import { aligningLineConfig } from '../constant.mjs';
+import { getDistance, setPositionDir } from './basic.mjs';
+
+function collectLine(props) {
+  var _activeObject$canvas$, _activeObject$canvas;
+  const aligningLineMargin = aligningLineConfig.margin;
+  const {
+    activeObject,
+    activeObjectRect,
+    objectRect
+  } = props;
+  const list = makeLineByRect(objectRect);
+  const aList = makeLineByRect(activeObjectRect);
+  const margin = aligningLineMargin / ((_activeObject$canvas$ = (_activeObject$canvas = activeObject.canvas) === null || _activeObject$canvas === void 0 ? void 0 : _activeObject$canvas.getZoom()) !== null && _activeObject$canvas$ !== void 0 ? _activeObject$canvas$ : 1);
+  const opts = {
+    target: activeObject,
+    list,
+    aList,
+    margin
+  };
+  const vLines = collectVerticalLine(opts);
+  const hLines = collectHorizontalLine(opts);
+  return {
+    vLines,
+    hLines
+  };
+}
+function collectVerticalLine(props) {
+  const {
+    target,
+    list,
+    aList,
+    margin
+  } = props;
+  const arr = aList.map(x => getDistanceLine(x, list, 'x'));
+  const min = Math.min(...arr.map(x => x.dis));
+  if (min > margin) return [];
+  const lines = [];
+  const width = aList[0].x2 - aList[0].x;
+  const height = aList[0].y2 - aList[0].y;
+  let b = false;
+  for (let i = 0; i < arr.length; i++) {
+    const item = arr[i];
+    if (min == item.dis) {
+      const line = list[item.index];
+      const aLine = aList[item.index];
+      const x = line.x;
+      const y = aLine.y;
+      const y1 = Math.min(line.y, line.y2, y, aLine.y2);
+      const y2 = Math.max(line.y, line.y2, y, aLine.y2);
+      // 参考线可画多条
+      lines.push({
+        x,
+        y1,
+        y2
+      });
+      if (b) continue;
+      b = true;
+      // 对齐只进行一次
+      setPos({
+        target,
+        x,
+        y,
+        centerX: i - 1,
+        centerY: item.index - 1,
+        width,
+        height,
+        dir: 'x'
+      });
+      const dis = min * item.dir;
+      aList.forEach(x => x.x -= dis);
+    }
+  }
+  return lines;
+}
+function collectHorizontalLine(props) {
+  const {
+    target,
+    list,
+    aList,
+    margin
+  } = props;
+  const arr = aList.map(x => getDistanceLine(x, list, 'y'));
+  const min = Math.min(...arr.map(x => x.dis));
+  if (min > margin) return [];
+  const lines = [];
+  const width = aList[0].x2 - aList[0].x;
+  const height = aList[0].y2 - aList[0].y;
+  let b = false;
+  for (let i = 0; i < arr.length; i++) {
+    const item = arr[i];
+    if (min == item.dis) {
+      const line = list[item.index];
+      const aLine = aList[item.index];
+      const y = line.y;
+      const x = aLine.x;
+      const x1 = Math.min(line.x, line.x2, x, aLine.x2);
+      const x2 = Math.max(line.x, line.x2, x, aLine.x2);
+      // 参考线可画多条
+      lines.push({
+        y,
+        x1,
+        x2
+      });
+      if (b) continue;
+      b = true;
+      // 对齐只进行一次
+      setPos({
+        target,
+        x,
+        y,
+        centerX: item.index - 1,
+        centerY: i - 1,
+        width,
+        height,
+        dir: 'y'
+      });
+      const dis = min * item.dir;
+      aList.forEach(x => x.y -= dis);
+    }
+  }
+  return lines;
+}
+function getDistanceLine(target, list, type) {
+  let dis = Infinity;
+  let index = -1;
+  /** 1正值 -1负值 */
+  let dir = 1;
+  for (let i = 0; i < list.length; i++) {
+    const v = getDistance(target[type], list[i][type]);
+    if (dis > v) {
+      index = i;
+      dis = v;
+      dir = target[type] > list[i][type] ? 1 : -1;
+    }
+  }
+  return {
+    dis,
+    index,
+    dir
+  };
+}
+function makeLineByRect(rect) {
+  const {
+    left,
+    top,
+    width,
+    height
+  } = rect;
+  const a = {
+    x: left,
+    y: top,
+    x2: left + width,
+    y2: top + height
+  };
+  const x = left + width / 2;
+  const y = top + height / 2;
+  const b = {
+    x,
+    y,
+    x2: x,
+    y2: y
+  };
+  const c = {
+    x: left + width,
+    x2: left,
+    y: top + height,
+    y2: top
+  };
+  return [a, b, c];
+}
+function setPos(props) {
+  const {
+    target,
+    centerX,
+    centerY,
+    width,
+    height,
+    dir
+  } = props;
+  let {
+    x,
+    y
+  } = props;
+  x -= centerX * width / 2;
+  y -= centerY * height / 2;
+  setPositionDir(target, new Point(x, y), dir);
+  target.setCoords();
+}
+
+export { collectLine };
+//# sourceMappingURL=collect-line.mjs.map

package/dist-extensions/aligning_guidelines/util/collect-line.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"collect-line.mjs","sources":["../../../extensions/aligning_guidelines/util/collect-line.ts"],"sourcesContent":["import type { FabricObject, TBBox } from 'fabric';\nimport { Point } from 'fabric';\nimport type { HorizontalLine, VerticalLine } from '../typedefs';\nimport { aligningLineConfig } from '../constant';\nimport { getDistance, setPositionDir } from './basic';\n\ntype CollectLineProps = {\n  activeObject: FabricObject;\n  activeObjectRect: TBBox;\n  objectRect: TBBox;\n};\n\nexport function collectLine(props: CollectLineProps) {\n  const aligningLineMargin = aligningLineConfig.margin;\n  const { activeObject, activeObjectRect, objectRect } = props;\n  const list = makeLineByRect(objectRect);\n  const aList = makeLineByRect(activeObjectRect);\n  const margin = aligningLineMargin / (activeObject.canvas?.getZoom() ?? 1);\n  const opts = { target: activeObject, list, aList, margin };\n  const vLines = collectVerticalLine(opts);\n  const hLines = collectHorizontalLine(opts);\n\n  return { vLines, hLines };\n}\n\ntype CollectItemLineProps = {\n  target: FabricObject;\n  list: LineProps[];\n  aList: LineProps[];\n  margin: number;\n};\nfunction collectVerticalLine(props: CollectItemLineProps) {\n  const { target, list, aList, margin } = props;\n\n  const arr = aList.map((x) => getDistanceLine(x, list, 'x'));\n  const min = Math.min(...arr.map((x) => x.dis));\n  if (min > margin) return [];\n  const lines: VerticalLine[] = [];\n  const width = aList[0].x2 - aList[0].x;\n  const height = aList[0].y2 - aList[0].y;\n  let b = false;\n  for (let i = 0; i < arr.length; i++) {\n    const item = arr[i];\n    if (min == item.dis) {\n      const line = list[item.index];\n      const aLine = aList[item.index];\n      const x = line.x;\n      const y = aLine.y;\n\n      const y1 = Math.min(line.y, line.y2, y, aLine.y2);\n      const y2 = Math.max(line.y, line.y2, y, aLine.y2);\n      // 参考线可画多条\n      lines.push({ x, y1, y2 });\n      if (b) continue;\n      b = true;\n      // 对齐只进行一次\n      setPos({\n        target,\n        x,\n        y,\n        centerX: i - 1,\n        centerY: item.index - 1,\n        width,\n        height,\n        dir: 'x',\n      });\n      const dis = min * item.dir;\n      aList.forEach((x) => (x.x -= dis));\n    }\n  }\n  return lines;\n}\n\nfunction collectHorizontalLine(props: CollectItemLineProps) {\n  const { target, list, aList, margin } = props;\n\n  const arr = aList.map((x) => getDistanceLine(x, list, 'y'));\n  const min = Math.min(...arr.map((x) => x.dis));\n  if (min > margin) return [];\n  const lines: HorizontalLine[] = [];\n  const width = aList[0].x2 - aList[0].x;\n  const height = aList[0].y2 - aList[0].y;\n  let b = false;\n  for (let i = 0; i < arr.length; i++) {\n    const item = arr[i];\n    if (min == item.dis) {\n      const line = list[item.index];\n      const aLine = aList[item.index];\n      const y = line.y;\n      const x = aLine.x;\n\n      const x1 = Math.min(line.x, line.x2, x, aLine.x2);\n      const x2 = Math.max(line.x, line.x2, x, aLine.x2);\n      // 参考线可画多条\n      lines.push({ y, x1, x2 });\n      if (b) continue;\n      b = true;\n      // 对齐只进行一次\n      setPos({\n        target,\n        x,\n        y,\n        centerX: item.index - 1,\n        centerY: i - 1,\n        width,\n        height,\n        dir: 'y',\n      });\n      const dis = min * item.dir;\n      aList.forEach((x) => (x.y -= dis));\n    }\n  }\n  return lines;\n}\n\ntype LineProps = {\n  x: number;\n  y: number;\n  x2: number;\n  y2: number;\n};\nfunction getDistanceLine(\n  target: LineProps,\n  list: LineProps[],\n  type: 'x' | 'y',\n) {\n  let dis = Infinity;\n  let index = -1;\n  /** 1正值 -1负值 */\n  let dir = 1;\n  for (let i = 0; i < list.length; i++) {\n    const v = getDistance(target[type], list[i][type]);\n    if (dis > v) {\n      index = i;\n      dis = v;\n      dir = target[type] > list[i][type] ? 1 : -1;\n    }\n  }\n  return { dis, index, dir };\n}\n\nfunction makeLineByRect(rect: TBBox) {\n  const { left, top, width, height } = rect;\n  const a = { x: left, y: top, x2: left + width, y2: top + height };\n  const x = left + width / 2;\n  const y = top + height / 2;\n  const b = { x, y, x2: x, y2: y };\n  const c = { x: left + width, x2: left, y: top + height, y2: top };\n\n  return [a, b, c];\n}\n\ntype SnapToPixelProps = {\n  target: FabricObject;\n  x: number;\n  y: number;\n  /** -1 0 1 */\n  centerX: number;\n  /** -1 0 1 */\n  centerY: number;\n  width: number;\n  height: number;\n  dir: 'x' | 'y';\n};\nfunction setPos(props: SnapToPixelProps) {\n  const { target, centerX, centerY, width, height, dir } = props;\n  let { x, y } = props;\n  x -= (centerX * width) / 2;\n  y -= (centerY * height) / 2;\n  setPositionDir(target, new Point(x, y), dir);\n  target.setCoords();\n}\n"],"names":["collectLine","props","_activeObject$canvas$","_activeObject$canvas","aligningLineMargin","aligningLineConfig","margin","activeObject","activeObjectRect","objectRect","list","makeLineByRect","aList","canvas","getZoom","opts","target","vLines","collectVerticalLine","hLines","collectHorizontalLine","arr","map","x","getDistanceLine","min","Math","dis","lines","width","x2","height","y2","y","b","i","length","item","line","index","aLine","y1","max","push","setPos","centerX","centerY","dir","forEach","x1","type","Infinity","v","getDistance","rect","left","top","a","c","setPositionDir","Point","setCoords"],"mappings":"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"}

package/dist-extensions/aligning_guidelines/util/collect-point.mjs

@@ -0,0 +1,102 @@
+import { aligningLineConfig } from '../constant.mjs';
+import { getDistance } from './basic.mjs';
+
+const originXArr = ['left', 'center', 'right'];
+const originYArr = ['top', 'center', 'bottom'];
+function collectVerticalPoint(props) {
+  var _activeObject$canvas$, _activeObject$canvas;
+  const aligningLineMargin = aligningLineConfig.margin;
+  const {
+    activeObject,
+    isScale,
+    index,
+    point,
+    list
+  } = props;
+  const {
+    dis,
+    arr
+  } = getDistanceList(point, list, 'x');
+  const margin = aligningLineMargin / ((_activeObject$canvas$ = (_activeObject$canvas = activeObject.canvas) === null || _activeObject$canvas === void 0 ? void 0 : _activeObject$canvas.getZoom()) !== null && _activeObject$canvas$ !== void 0 ? _activeObject$canvas$ : 1);
+  if (dis > margin) return [];
+  let v = arr[arr.length - 1].x - point.x;
+  const dir = index == 0 || index == 3 ? -1 : 1;
+  v *= dir;
+  const {
+    width,
+    scaleX,
+    left
+  } = activeObject;
+  const dim = activeObject._getTransformedDimensions();
+  const sx = (v + dim.x) / dim.x;
+  if (isScale) activeObject.set('scaleX', scaleX * sx);else activeObject.set('width', width * sx);
+  const dArr = [0, v / 2 * dir, v * dir];
+  if (dir < 0) dArr.reverse();
+  const d = dArr[originXArr.indexOf(activeObject.originX)];
+  activeObject.set('left', left + d);
+  activeObject.setCoords();
+  return arr.map(item => ({
+    x: item.x,
+    y1: item.y,
+    y2: point.y
+  }));
+}
+function collectHorizontalPoint(props) {
+  var _activeObject$canvas$2, _activeObject$canvas2;
+  const aligningLineMargin = aligningLineConfig.margin;
+  const {
+    activeObject,
+    isScale,
+    index,
+    point,
+    list
+  } = props;
+  const {
+    dis,
+    arr
+  } = getDistanceList(point, list, 'y');
+  const margin = aligningLineMargin / ((_activeObject$canvas$2 = (_activeObject$canvas2 = activeObject.canvas) === null || _activeObject$canvas2 === void 0 ? void 0 : _activeObject$canvas2.getZoom()) !== null && _activeObject$canvas$2 !== void 0 ? _activeObject$canvas$2 : 1);
+  if (dis > margin) return [];
+  let v = arr[arr.length - 1].y - point.y;
+  const dir = index < 2 ? -1 : 1;
+  v *= dir;
+  const {
+    height,
+    scaleY,
+    top
+  } = activeObject;
+  const dim = activeObject._getTransformedDimensions();
+  const sy = (v + dim.y) / dim.y;
+  if (isScale) activeObject.set('scaleY', scaleY * sy);else activeObject.set('height', height * sy);
+  const dArr = [0, v / 2 * dir, v * dir];
+  if (dir < 0) dArr.reverse();
+  const d = dArr[originYArr.indexOf(activeObject.originY)];
+  activeObject.set('top', top + d);
+  activeObject.setCoords();
+  return arr.map(item => ({
+    y: item.y,
+    x1: item.x,
+    x2: point.x
+  }));
+}
+function getDistanceList(point, list, type) {
+  let dis = Infinity;
+  let arr = [];
+  for (const item of list) {
+    const v = getDistance(point[type], item[type]);
+    if (dis > v) {
+      arr = [];
+      dis = v;
+    }
+    if (dis == v) {
+      arr.push(item);
+    }
+  }
+  return {
+    dis,
+    arr
+  };
+}
+
+export { collectHorizontalPoint, collectVerticalPoint };
+//# sourceMappingURL=collect-point.mjs.map

package/dist-extensions/aligning_guidelines/util/collect-point.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"collect-point.mjs","sources":["../../../extensions/aligning_guidelines/util/collect-point.ts"],"sourcesContent":["import type { FabricObject, Point, TOriginX, TOriginY } from 'fabric';\nimport { aligningLineConfig } from '../constant';\nimport { getDistance } from './basic';\n\ntype CollectPointProps = {\n  activeObject: FabricObject;\n  point: Point;\n  list: Point[];\n  isScale: boolean;\n  index: number;\n};\nconst originXArr: TOriginX[] = ['left', 'center', 'right'];\nconst originYArr: TOriginY[] = ['top', 'center', 'bottom'];\n\nexport function collectVerticalPoint(props: CollectPointProps) {\n  const aligningLineMargin = aligningLineConfig.margin;\n  const { activeObject, isScale, index, point, list } = props;\n  const { dis, arr } = getDistanceList(point, list, 'x');\n  const margin = aligningLineMargin / (activeObject.canvas?.getZoom() ?? 1);\n  if (dis > margin) return [];\n  let v = arr[arr.length - 1].x - point.x;\n  const dir = index == 0 || index == 3 ? -1 : 1;\n  v *= dir;\n\n  const { width, scaleX, left } = activeObject;\n  const dim = activeObject._getTransformedDimensions();\n  const sx = (v + dim.x) / dim.x;\n  if (isScale) activeObject.set('scaleX', scaleX * sx);\n  else activeObject.set('width', width * sx);\n  const dArr = [0, (v / 2) * dir, v * dir];\n  if (dir < 0) dArr.reverse();\n  const d = dArr[originXArr.indexOf(activeObject.originX)];\n  activeObject.set('left', left + d);\n  activeObject.setCoords();\n  return arr.map((item) => ({\n    x: item.x,\n    y1: item.y,\n    y2: point.y,\n  }));\n}\n\nexport function collectHorizontalPoint(props: CollectPointProps) {\n  const aligningLineMargin = aligningLineConfig.margin;\n  const { activeObject, isScale, index, point, list } = props;\n  const { dis, arr } = getDistanceList(point, list, 'y');\n  const margin = aligningLineMargin / (activeObject.canvas?.getZoom() ?? 1);\n  if (dis > margin) return [];\n  let v = arr[arr.length - 1].y - point.y;\n  const dir = index < 2 ? -1 : 1;\n  v *= dir;\n\n  const { height, scaleY, top } = activeObject;\n  const dim = activeObject._getTransformedDimensions();\n  const sy = (v + dim.y) / dim.y;\n  if (isScale) activeObject.set('scaleY', scaleY * sy);\n  else activeObject.set('height', height * sy);\n  const dArr = [0, (v / 2) * dir, v * dir];\n  if (dir < 0) dArr.reverse();\n  const d = dArr[originYArr.indexOf(activeObject.originY)];\n  activeObject.set('top', top + d);\n  activeObject.setCoords();\n  return arr.map((item) => ({\n    y: item.y,\n    x1: item.x,\n    x2: point.x,\n  }));\n}\n\nfunction getDistanceList(point: Point, list: Point[], type: 'x' | 'y') {\n  let dis = Infinity;\n  let arr: Point[] = [];\n  for (const item of list) {\n    const v = getDistance(point[type], item[type]);\n    if (dis > v) {\n      arr = [];\n      dis = v;\n    }\n    if (dis == v) {\n      arr.push(item);\n    }\n  }\n  return { dis, arr };\n}\n"],"names":["originXArr","originYArr","collectVerticalPoint","props","_activeObject$canvas$","_activeObject$canvas","aligningLineMargin","aligningLineConfig","margin","activeObject","isScale","index","point","list","dis","arr","getDistanceList","canvas","getZoom","v","length","x","dir","width","scaleX","left","dim","_getTransformedDimensions","sx","set","dArr","reverse","d","indexOf","originX","setCoords","map","item","y1","y","y2","collectHorizontalPoint","_activeObject$canvas$2","_activeObject$canvas2","height","scaleY","top","sy","originY","x1","x2","type","Infinity","getDistance","push"],"mappings":"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"}

package/dist-extensions/aligning_guidelines/util/draw.mjs

@@ -0,0 +1,75 @@
+import { Point } from 'fabric';
+import { aligningLineConfig } from '../constant.mjs';
+
+function drawLine(canvas, origin, target) {
+  const {
+    width,
+    color
+  } = aligningLineConfig;
+  const ctx = canvas.getSelectionContext();
+  const viewportTransform = canvas.viewportTransform;
+  const zoom = canvas.getZoom();
+  ctx.save();
+  ctx.transform(...viewportTransform);
+  ctx.lineWidth = width / zoom;
+  ctx.strokeStyle = color;
+  ctx.beginPath();
+  ctx.moveTo(origin.x, origin.y);
+  ctx.lineTo(target.x, target.y);
+  ctx.stroke();
+  drawX(ctx, zoom, origin);
+  drawX(ctx, zoom, target);
+  ctx.restore();
+}
+const xSize = 2.4;
+function drawX(ctx, zoom, point) {
+  const size = xSize / zoom;
+  ctx.save();
+  ctx.translate(point.x, point.y);
+  ctx.beginPath();
+  ctx.moveTo(-size, -size);
+  ctx.lineTo(size, size);
+  ctx.moveTo(size, -size);
+  ctx.lineTo(-size, size);
+  ctx.stroke();
+  ctx.restore();
+}
+function drawPoint(canvas, arr) {
+  const {
+    width,
+    color
+  } = aligningLineConfig;
+  const ctx = canvas.getSelectionContext();
+  const viewportTransform = canvas.viewportTransform;
+  const zoom = canvas.getZoom();
+  ctx.save();
+  ctx.transform(...viewportTransform);
+  ctx.lineWidth = width / zoom;
+  ctx.strokeStyle = color;
+  for (const item of arr) drawX(ctx, zoom, item);
+  ctx.restore();
+}
+function drawPointList(canvas, list) {
+  const arr = list.map(item => {
+    const isVertical = 'y2' in item;
+    const x = isVertical ? item.x : item.x1;
+    const y = isVertical ? item.y1 : item.y;
+    return new Point(x, y);
+  });
+  drawPoint(canvas, arr);
+}
+function drawVerticalLine(canvas, coords) {
+  const x = coords.x;
+  const origin = new Point(x, coords.y1);
+  const target = new Point(x, coords.y2);
+  drawLine(canvas, origin, target);
+}
+function drawHorizontalLine(canvas, coords) {
+  const y = coords.y;
+  const origin = new Point(coords.x1, y);
+  const target = new Point(coords.x2, y);
+  drawLine(canvas, origin, target);
+}
+
+export { drawHorizontalLine, drawPointList, drawVerticalLine };
+//# sourceMappingURL=draw.mjs.map