import Text from 'zrender/src/graphic/Text';
import Group from 'zrender/src/container/Group';
import { isShowThePrdType } from '../utils/handlePath';

export default class Text2 extends Group {
    constructor(model, style) {
        super();
        this._code = model.code;
        this._type = model._type;
        this.name = model.code;
        this.zlevel = model.zlevel;
        this.model = model;
        this.style = style;
        this.z = 6;
        if (isShowThePrdType(model.prdType, model.showConditions) || model.previewOrMapDraw) {
            this.create();
            this.setState(model);
        }
        if (model.previewOrMapDraw) {
            this.setShowMode();
        }
    }

    create() {
        var model = this.model;
        var [direction, content] = model.content.split('::');
        if (direction == 'V') {
            content = content.split('').join('\n');
        } else if (direction != 'H') {
            content = model.content;
        }

        this.text = new Text({
            zlevel: this.zlevel,
            z: this.z,
            style: {
                x: model.position.x,
                y: model.position.y,
                text: content,
                textFont: model.font,
                textFill: model.fontColor,
                textAlign: 'middle'
            }
        });
        this.add(this.text);
    }

    setState(model) {
    }
    setShowMode() {
        const showMode = this.model.showMode;
        const showConditions = this.model.showCondition;
        if (!showConditions || showConditions === '01' || showMode === showConditions) {
            this.text.show();
        } else {
            this.text.hide();
        }
    }
}