@leafer-ui/display 2.1.9 → 2.1.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leafer-ui/display",
-  "version": "2.1.9",
+  "version": "2.1.11",
   "description": "@leafer-ui/display",
   "author": "Chao (Leafer) Wan",
   "license": "MIT",
@@ -22,14 +22,14 @@
     "leaferjs"
   ],
   "dependencies": {
-    "@leafer/core": "2.1.9",
-    "@leafer-ui/data": "2.1.9",
-    "@leafer-ui/display-module": "2.1.9",
-    "@leafer-ui/decorator": "2.1.9",
-    "@leafer-ui/external": "2.1.9"
+    "@leafer/core": "2.1.11",
+    "@leafer-ui/data": "2.1.11",
+    "@leafer-ui/display-module": "2.1.11",
+    "@leafer-ui/decorator": "2.1.11",
+    "@leafer-ui/external": "2.1.11"
   },
   "devDependencies": {
-    "@leafer/interface": "2.1.9",
-    "@leafer-ui/interface": "2.1.9"
+    "@leafer/interface": "2.1.11",
+    "@leafer-ui/interface": "2.1.11"
   }
 }

package/src/Line.ts

@@ -34,6 +34,8 @@ export class Line<TInputData = ILineInputData> extends UI<TInputData> implements
     @pathType(false)
     declare public closed?: boolean
 
+    public get isPointsMode(): boolean { return this.points && !this.pathInputed }
+
     public get toPoint(): IPointData {
         const { width, rotation } = this.__
         const to: IPointData = getPointData()

package/src/Polygon.ts

@@ -31,6 +31,7 @@ export class Polygon<TInputData = IPolygonInputData> extends UI<TInputData> impl
     @pathType(0)
     public curve?: boolean | number
 
+    public get isPointsMode(): boolean { return this.points && !this.pathInputed }
 
     public __updatePath(): void {
 

package/src/UI.ts

@@ -1,7 +1,7 @@
 import { ILeaferCanvas, IRenderOptions, IPathDrawer, IPathCommandData, IHitType, INumber, IBoolean, IString, IPathString, IExportFileType, IPointData, ICursorType, IMaskType, IEraserType, IWindingRule, IPathCreator, IFourNumber, IBoundsData, IFlowType, IGap, IFlowWrap, IAxis, IConstraint, IAutoBoxData, IFlowBoxType, IPointGap, IFlowAlign, IFlowAxisAlign, IFindCondition, IAutoSize, IRangeSize, IAlign, IUnitPointData, IObject, IScaleData, IUnitData, IPathCommandObject, ITransition, IFilter, IScaleFixed, IDragBoundsType, IPathCommandNode } from '@leafer/interface'
 import { Leaf, PathDrawer, surfaceType, dimType, dataType, positionType, scrollType, boundsType, pathType, scaleType, rotationType, opacityType, visibleType, sortType, maskType, dataProcessor, registerUI, useModule, rewriteAble, UICreator, PathCorner, hitType, strokeType, PathConvert, eraserType, cursorType, autoLayoutType, pen, naturalBoundsType, pathInputType, MathHelper, Plugin, DataHelper, affectRenderBoundsType, isString, isNumber } from '@leafer/core'
 
-import { IUI, IShadowEffect, IBlurEffect, IStrokeAlign, IStrokeJoin, IStrokeCap, IBlendMode, IDashPatternString, IShadowString, IGrayscaleEffect, IUIData, IGroup, IStrokeWidthString, ICornerRadiusString, IUIInputData, IExportOptions, IExportResult, IFill, IStroke, IArrowStyle, IFindUIMethod, ILeafer, IEditorConfig, IEditorConfigFunction, IEditToolFunction, IKeyframe, IAnimation, IAnimate, IStates, IStateName, IAnimateType, IStateStyle, IColorString, IAnimateList, ILeafPaint, ILinker, IPathCommandDataWithRadius } from '@leafer-ui/interface'
+import { IUI, IShadowEffect, IBlurEffect, IStrokeAlign, IStrokeJoin, IStrokeCap, IBlendMode, IDashPatternString, IShadowString, IGrayscaleEffect, IUIData, IGroup, IStrokeWidthString, ICornerRadiusString, IUIInputData, IExportOptions, IExportResult, IFill, IStroke, IArrowStyle, IFindUIMethod, ILeafer, IEditorConfig, IEditorConfigFunction, IEditToolFunction, IKeyframe, IAnimation, IAnimate, IStates, IStateName, IAnimateType, IStateStyle, IColorString, IAnimateList, ILeafPaint, ILinker, IPathCommandDataWithRadius, ILineData } from '@leafer-ui/interface'
 import { effectType, zoomLayerType } from '@leafer-ui/decorator'
 
 import { UIData } from '@leafer-ui/data'
@@ -487,8 +487,9 @@ export class UI<TInputData = IUIInputData> extends Leaf<TInputData> implements I
     }
 
     public __drawPath(canvas: ILeaferCanvas): void {
+        const data = this.__ as ILineData
         canvas.beginPath()
-        this.__drawPathByData(canvas, this.__.path, true)
+        data.__usePointsMode ? PathDrawer.drawPathByPoints(canvas, data.points, data.closed) : this.__drawPathByData(canvas, data.path, true)
     }
 
     public __drawPathByData(drawer: IPathDrawer, data: IPathCommandData, ignoreCornerRadius?: boolean): void {

package/types/index.d.ts

@@ -352,6 +352,7 @@ declare class Polygon<TInputData = IPolygonInputData> extends UI<TInputData> imp
     startAngle?: INumber;
     points?: number[] | IPointData[];
     curve?: boolean | number;
+    get isPointsMode(): boolean;
     __updatePath(): void;
 }
 
@@ -372,6 +373,7 @@ declare class Line<TInputData = ILineInputData> extends UI<TInputData> implement
     points?: number[] | IPointData[];
     curve?: boolean | number;
     closed?: boolean;
+    get isPointsMode(): boolean;
     get toPoint(): IPointData;
     set toPoint(value: IPointData);
     __updatePath(): void;