import { isArrayHasData, isNumber } from '../../../core/util';
import { loadGeoSymbol, isFunctionDefinition, interpolated, } from '../../../core/mapbox';
import Symbolizer from './Symbolizer';
import Canvas from '../../../core/Canvas';
import { ResourceCache } from '../../../core/ResourceCacheManager';
import { MapStateCache } from '../../../map/MapStateCache';

/**
 *所有基于 HTML5 Canvas2D 的symbolizer类
 *
 * @english
 * @classdesc
 * Base symbolizer class for all the symbolizers base on HTML5 Canvas2D
 * @abstract
 * @class
 * @private
 * @memberOf symbolizer
 * @name CanvasSymbolizer
 * @extends {Symbolizer}
 */
abstract class CanvasSymbolizer extends Symbolizer {
    symbol: any;
    //@internal
    _opacityFn: any;
    //@internal
    _prepareContext(ctx: CanvasRenderingContext2D): void {
        if (isFunctionDefinition(this.symbol['opacity'])) {
            if (!this._opacityFn) {
                this._opacityFn = interpolated(this.symbol['opacity']);
            }
        } else {
            delete this._opacityFn;
        }
        if (isNumber(this.symbol['opacity'])) {
            if (ctx.globalAlpha !== this.symbol['opacity']) {
                ctx.globalAlpha = this.symbol['opacity'];
            }
        } else if (this._opacityFn) {
            const map = this.getMap();
            const cache = MapStateCache[map.id];
            const zoom = cache ? cache.zoom : map.getZoom();
            ctx.globalAlpha = this._opacityFn(zoom);
        } else if (ctx.globalAlpha !== 1) {
            ctx.globalAlpha = 1;
        }
    }

    prepareCanvas(ctx: CanvasRenderingContext2D, style: any, resources?: ResourceCache): void {
        if (ctx.setLineDash && isArrayHasData(style['lineDasharray'])) {
            ctx.setLineDash(style['lineDasharray']);
        }
        const isHitTesting = this.getPainter().isHitTesting();
        Canvas.prepareCanvas(ctx, style, resources, isHitTesting);
    }

    remove(): void { }

    setZIndex(): void { }

    show(): void { }

    hide(): void { }

    //@internal
    _defineStyle(style: any): any {
        if (this.symbol) {
            style.visible = this.symbol.visible;
            style.opacity = this.symbol.opacity;
        }
        return loadGeoSymbol(style, this.geometry);
    }
}

export default CanvasSymbolizer;