fix(canvaslabel): circular import fix

Author: farfromrefug

src/ui-canvaslabel/canvaslabel.android.ts

@@ -1,8 +1,5 @@
-import { Paint } from '@nativescript-community/ui-canvas';
-import { Color, getTransformedText, profile } from '@nativescript/core';
-import { FontWeight, FontWeightType } from '@nativescript/core/ui/styling/font';
-import { CanvasLabel as CanvasLabelBase, Group as GroupBase, SpanBase, paintFontCache } from './canvaslabel.common';
-import { createNativeAttributedString, createSpannable, typefaceCache } from '@nativescript-community/text';
+import { createNativeAttributedString, createSpannable } from '@nativescript-community/text';
+import { CanvasLabel as CanvasLabelBase, Group as GroupBase, SpanBase } from './canvaslabel.common';
 
 export class Span extends SpanBase {
     _ssb: android.text.SpannableStringBuilder;
@@ -53,4 +50,8 @@ export class Group extends GroupBase {
     }
 }
 
-export class CanvasLabel extends CanvasLabelBase {}
+export class CanvasLabel extends CanvasLabelBase {
+    createSpan() {
+        return new Span();
+    }
+}

src/ui-canvaslabel/canvaslabel.common.ts

@@ -19,7 +19,6 @@ import {
     profile
 } from '@nativescript/core';
 import { FontStyleType, FontWeightType } from '@nativescript/core/ui/styling/font';
-import { Span } from './canvaslabel';
 
 const toDpi = Utils.layout.toDeviceIndependentPixels;
 export const paintCache: { [k: string]: Paint } = {};
@@ -531,7 +530,7 @@ declare module '@nativescript/core/ui/core/view' {
 }
 
 @CSSType('CanvasLabel')
-export class CanvasLabel extends CanvasView {
+export abstract class CanvasLabel extends CanvasView {
     // fontSize: number;
     mText: string | any;
     // fontStyle: FontStyle;
@@ -553,6 +552,8 @@ export class CanvasLabel extends CanvasView {
 
     private mTextSpan: SpanBase;
 
+    abstract createSpan(): SpanBase;
+
     handlePropertyChange() {
         this.shapes?.forEach((s) => s instanceof SpanBase && s.reset());
         this.invalidate();
@@ -647,7 +648,7 @@ export class CanvasLabel extends CanvasView {
     set text(value) {
         if (value) {
             if (!this.mTextSpan) {
-                this.mTextSpan = new Span();
+                this.mTextSpan = this.createSpan();
                 this.addShape(this.mTextSpan);
             } else {
                 this.mTextSpan.visibility = 'visible';

src/ui-canvaslabel/canvaslabel.ios.ts

@@ -38,4 +38,8 @@ export class Group extends GroupBase {
     }
 }
 
-export class CanvasLabel extends CanvasLabelBase {}
+export class CanvasLabel extends CanvasLabelBase {
+    createSpan(): Span {
+        return new Span();
+    }
+}