import { IPathCommandData, IPathCreator, IPathString, IPointData } from '@leafer/interface'
import { isString } from '@leafer/data'

import { PathCommandDataHelper } from './PathCommandDataHelper'
import { PathHelper } from './PathHelper'


const { moveTo, lineTo, quadraticCurveTo, bezierCurveTo, closePath, beginPath, rect, roundRect, ellipse, arc, arcTo, drawEllipse, drawArc, drawPoints } = PathCommandDataHelper

export class PathCreator implements IPathCreator { //  tip: rewrited Pen

    public set path(value: IPathCommandData) { this.__path = value }
    public get path() { return this.__path }

    public __path: IPathCommandData // 提供一个更安全的内部变量（比如覆盖给Pen时需要用到，避免与原有属性冲突）

    constructor(path?: IPathCommandData | IPathString) {
        this.set(path)
    }

    public set(path?: IPathCommandData | IPathString): PathCreator {
        this.__path = path ? (isString(path) ? PathHelper.parse(path) : path) : []
        return this
    }

    public beginPath(): PathCreator {
        beginPath(this.__path)
        this.paint()
        return this
    }

    // svg and canvas

    public moveTo(x: number, y: number): PathCreator {
        moveTo(this.__path, x, y)
        this.paint()
        return this
    }

    public lineTo(x: number, y: number): PathCreator {
        lineTo(this.__path, x, y)
        this.paint()
        return this
    }

    public bezierCurveTo(x1: number, y1: number, x2: number, y2: number, x: number, y: number): PathCreator {
        bezierCurveTo(this.__path, x1, y1, x2, y2, x, y)
        this.paint()
        return this
    }

    public quadraticCurveTo(x1: number, y1: number, x: number, y: number): PathCreator {
        quadraticCurveTo(this.__path, x1, y1, x, y)
        this.paint()
        return this
    }

    public closePath(): PathCreator {
        closePath(this.__path)
        this.paint()
        return this
    }

    // canvas

    public rect(x: number, y: number, width: number, height: number): PathCreator {
        rect(this.__path, x, y, width, height)
        this.paint()
        return this
    }

    public roundRect(x: number, y: number, width: number, height: number, cornerRadius: number | number[]): PathCreator {
        roundRect(this.__path, x, y, width, height, cornerRadius)
        this.paint()
        return this
    }

    public ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation?: number, startAngle?: number, endAngle?: number, anticlockwise?: boolean): PathCreator {
        ellipse(this.__path, x, y, radiusX, radiusY, rotation, startAngle, endAngle, anticlockwise)
        this.paint()
        return this
    }

    public arc(x: number, y: number, radius: number, startAngle?: number, endAngle?: number, anticlockwise?: boolean): PathCreator {
        arc(this.__path, x, y, radius, startAngle, endAngle, anticlockwise)
        this.paint()
        return this
    }

    public arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): PathCreator {
        arcTo(this.__path, x1, y1, x2, y2, radius)
        this.paint()
        return this
    }

    // moveTo, then draw

    public drawEllipse(x: number, y: number, radiusX: number, radiusY: number, rotation?: number, startAngle?: number, endAngle?: number, anticlockwise?: boolean): PathCreator {
        drawEllipse(this.__path, x, y, radiusX, radiusY, rotation, startAngle, endAngle, anticlockwise)
        this.paint()
        return this
    }

    public drawArc(x: number, y: number, radius: number, startAngle?: number, endAngle?: number, anticlockwise?: boolean): PathCreator {
        drawArc(this.__path, x, y, radius, startAngle, endAngle, anticlockwise)
        this.paint()
        return this
    }

    public drawPoints(points: number[] | IPointData[], curve?: boolean | number, close?: boolean): PathCreator {
        drawPoints(this.__path, points, curve, close)
        this.paint()
        return this
    }

    public clearPath(): PathCreator {
        return this.beginPath()
    }

    public paint(): void { }

}