persagy-web-doc/docs/.vuepress/components/tDInsert/addPictrueClass/MarkItem.ts

/*
 * *********************************************************************************************************************
 *
 *          !!
 *        .F88X
 *        X8888Y
 *      .}888888N;
 *        i888888N;        .:!              .I$WI:
 *          R888888I      .'N88~            i8}+8Y&8"l8i$8>8W~'>W8}8]KW+8IIN"8&
 *          .R888888I    .;N8888~          .X8'  "8I.!,/8"  !%NY8`"8I8~~8>,88I
 *            +888888N;  .8888888Y                                  "&&8Y.}8,
 *            ./888888N;  .R888888Y        .'}~    .>}'.`+>  i}!    "i'  +/'  .'i~  !11,.:">,  .~]!  .i}i
 *              ~888888%:  .I888888l      .]88~`1/iY88Ii+1'.R$8$8]"888888888>  Y8$  W8E  X8E  W8888'188Il}Y88$*
 *              18888888    E8888881    .]W%8$`R8X'&8%++N8i,8N%N8+l8%`  .}8N:.R$RE%N88N%N$K$R  188,FE$8%~Y88I
 *            .E888888I  .i8888888'      .:$8I;88+`E8R:/8N,.>881.`$8E/1/]N8X.Y8N`"KF&&FK!'88*."88K./$88%RN888+~
 *            8888888I  .,N888888~        ~88i"8W,!N8*.I88.}888%F,i$88"F88"  888:E8X.>88!i88>`888*.}Fl1]*}1YKi'
 *          i888888N'      I888Y          ]88;/EX*IFKFK88X  K8R  .l8W  88Y  ~88}'88E&%8W.X8N``]88!.$8K  .:W8I
 *        .i888888N;        I8Y          .&8$  .X88!  i881.:%888>I88  ;88]  +88+.';;;;:.Y88X  18N.,88l  .+88/
 *      .:R888888I
 *      .&888888I                                          Copyright (c) 2009-2020.  博锐尚格科技股份有限公司
 *        ~8888'
 *        .!88~                                                                     All rights reserved.
 *
 * *********************************************************************************************************************
 */

import { SImageItem, SGraphItem } from "@persagy-web/graph"
import { SPainter, SColor } from "@persagy-web/draw";
import { SMouseEvent } from "@persagy-web/base/";
export class MarkItem extends SImageItem {
    /** 图标数据 */
    data: any;

    /**
     * 构造函数
     */
    constructor(parent: SGraphItem | null, data: any) {
        super(parent);
        this.data = data;
        this.width = this.data.width;
        this.height = this.data.height;
        // 将原点置为图的中心
        this.origin.x = (this.data.width / 2);
        this.origin.y = (this.data.height / 2)
        this.zOrder = 1000;
        // 是否随放大缩小移动；
        this.isTransform = false;
        this.url = data.url;
        this.moveTo(this.data.x, this.data.y);
    }


    /**
     * 绘制
     *
     * @param painter 画笔
     */
    onDraw(painter: SPainter) {
        // 根据状态设置url
        // 修改原点；避免放大缩小出现位置错位的问题
        if (this.isLoadOver && this.img) {
            painter.translate(-this.origin.x, -this.origin.y);
            if (this.isLoadOver) {
                // @ts-ignore
                painter.drawImage(this.img, 0, 0, this.imgWidth, this.imgHeight);
            }
            // 是否选中
            if (this.selected) {
                painter.shadow.shadowBlur = 10;
                painter.shadow.shadowColor = new SColor(`#00000033`);
                painter.shadow.shadowOffsetX = 5;
                painter.shadow.shadowOffsetY = 5;
            } else {
                painter.shadow.shadowColor = SColor.Transparent;
            }
            painter.pen.lineWidth = this.lineWidth;
            painter.pen.color = this.strokeColor;
            painter.brush.color = SColor.Transparent;
            painter.drawRect(0, 0, this.width, this.height);
        };
    }

    /**
     * 鼠标移入事件
     *
     * @param event 鼠标事件
     */
    onMouseEnter(event: SMouseEvent): boolean {
        super.onMouseEnter(event)
        this.$emit("onMouseEnter", event);
        return true
    }

    /**
     * 鼠标移出事件
     *
     * @param event 鼠标事件
     */
    onMouseLeave(event: SMouseEvent): boolean {
        super.onMouseLeave(event);
        this.$emit("onMouseLeave", event);
        return true
    }
    /**
     * 点击事件
     */
    onMouseDown(event: SMouseEvent) {
        this.$emit("click", event);
        this.$emit('onMouseDown', event)
        return true;
    }
}