From f1c553847ea2ba9d43e65f928f552c9add6af33b Mon Sep 17 00:00:00 2001
From: Thanh <thanh@clgt.vn>
Date: Thu, 26 Dec 2024 16:50:08 -0700
Subject: [PATCH] Fix typo errors

---
 packages/core/ruler/ruler.ts | 18 +++++++++---------
 packages/core/ruler/utils.ts | 10 +++++-----
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/packages/core/ruler/ruler.ts b/packages/core/ruler/ruler.ts
index c188d8bd..c335431d 100644
--- a/packages/core/ruler/ruler.ts
+++ b/packages/core/ruler/ruler.ts
@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { Canvas, Point, IEvent } from 'fabric/fabric-impl';
 import { fabric } from 'fabric';
-import { getGap, mergeLines, darwRect, darwText, darwLine, drawMask } from './utils';
+import { getGap, mergeLines, drawRect, drawText, drawLine, drawMask } from './utils';
 import { throttle } from 'lodash-es';
 import { setupGuideLine } from './guideline';
 
@@ -276,7 +276,7 @@ class CanvasRuler {
 
     // 标尺背景
     const canvasSize = this.getSize();
-    darwRect(this.ctx, {
+    drawRect(this.ctx, {
       left: 0,
       top: 0,
       width: isHorizontal ? canvasSize.width : this.options.ruleSize,
@@ -298,7 +298,7 @@ class CanvasRuler {
       const textY = isHorizontal
         ? this.options.ruleSize / 2 - this.options.fontSize / 2 - 4
         : position + textLength;
-      darwText(this.ctx, {
+      drawText(this.ctx, {
         text: textValue,
         left: textX,
         top: textY,
@@ -314,7 +314,7 @@ class CanvasRuler {
       const top = isHorizontal ? this.options.ruleSize - 8 : position;
       const width = isHorizontal ? 0 : 8;
       const height = isHorizontal ? 8 : 0;
-      darwLine(this.ctx, {
+      drawLine(this.ctx, {
         left,
         top,
         width,
@@ -366,7 +366,7 @@ class CanvasRuler {
 
         // 高亮遮罩
         highlightColor.setAlpha(0.5);
-        darwRect(this.ctx, {
+        drawRect(this.ctx, {
           left: isHorizontal ? rect.left : this.options.ruleSize - 8,
           top: isHorizontal ? this.options.ruleSize - 8 : rect.top,
           width: isHorizontal ? rect.width : 8,
@@ -382,7 +382,7 @@ class CanvasRuler {
           angle: isHorizontal ? 0 : -90,
         };
 
-        darwText(this.ctx, {
+        drawText(this.ctx, {
           ...textOpt,
           text: leftTextVal,
           left: isHorizontal ? rect.left - 2 : pad,
@@ -391,7 +391,7 @@ class CanvasRuler {
         });
 
         if (!isSameText) {
-          darwText(this.ctx, {
+          drawText(this.ctx, {
             ...textOpt,
             text: rightTextVal,
             left: isHorizontal ? rect.left + rect.width + 2 : pad,
@@ -411,14 +411,14 @@ class CanvasRuler {
           stroke: highlightColor.toRgba(),
         };
 
-        darwLine(this.ctx, {
+        drawLine(this.ctx, {
           ...lineOpt,
           left: isHorizontal ? rect.left : this.options.ruleSize - lineSize,
           top: isHorizontal ? this.options.ruleSize - lineSize : rect.top,
         });
 
         if (!isSameText) {
-          darwLine(this.ctx, {
+          drawLine(this.ctx, {
             ...lineOpt,
             left: isHorizontal ? rect.left + rect.width : this.options.ruleSize - lineSize,
             top: isHorizontal ? this.options.ruleSize - lineSize : rect.top + rect.height,
diff --git a/packages/core/ruler/utils.ts b/packages/core/ruler/utils.ts
index 00a2a07c..185146ec 100644
--- a/packages/core/ruler/utils.ts
+++ b/packages/core/ruler/utils.ts
@@ -49,7 +49,7 @@ const mergeLines = (rect: Rect[], isHorizontal: boolean) => {
   return mergedLines;
 };
 
-const darwLine = (
+const drawLine = (
   ctx: CanvasRenderingContext2D,
   options: {
     left: number;
@@ -71,7 +71,7 @@ const darwLine = (
   ctx.restore();
 };
 
-const darwText = (
+const drawText = (
   ctx: CanvasRenderingContext2D,
   options: {
     left: number;
@@ -98,7 +98,7 @@ const darwText = (
   ctx.restore();
 };
 
-const darwRect = (
+const drawRect = (
   ctx: CanvasRenderingContext2D,
   options: {
     left: number;
@@ -147,7 +147,7 @@ const drawMask = (
   gradient.addColorStop(0.33, backgroundColor);
   gradient.addColorStop(0.67, backgroundColor);
   gradient.addColorStop(1, transparentColor.toRgba());
-  darwRect(ctx, {
+  drawRect(ctx, {
     left,
     top,
     width,
@@ -157,4 +157,4 @@ const drawMask = (
   ctx.restore();
 };
 
-export { getGap, mergeLines, darwRect, darwText, darwLine, drawMask };
+export { getGap, mergeLines, drawRect, drawText, drawLine, drawMask };