import { SGraphItem } from '@saga-web/graph/lib' import { SIconTextItem } from '@saga-web/big/lib/items/SIconTextItem' import { Legend } from '../types/Legend' import { ItemOrder, SItemStatus } from '@saga-web/big/lib'; import { SFont, SColor, SPainter, SRect } from '@saga-web/draw/lib'; /** * 图例节点Item(图标类型) * * * @author 张宇(taohuzy@163.com) */ export class SImageLegendItem extends SIconTextItem { /** 图例节点对象数据 */ data: Legend /** 图例数量 */ _num: number = 1 get num(): number { return this._num } set num(v: number) { if (v) { this._num = v this.data.Num = v } else { this._num = 1 this.data.Num = 1 } this.data.Properties.Num = this._num this.text = `${this.data.Name}${this.data.Num > 1 ? ` × ${this.data.Num}` : ''}` this.update() } /** 是否蒙版遮罩 */ _maskFlag: boolean = false; get maskFlag(): boolean { return this._maskFlag; } set maskFlag(v: boolean) { if (v === this._maskFlag) { return } this._maskFlag = v; this.update() } /** * 构造函数 * * @param parent 指向父对象 * @param data 图例节点对象数据 */ constructor(parent: SGraphItem | null, data: Legend) { super(parent, data.AnchorList) this.isTransform = false this.zOrder = ItemOrder.markOrder this.data = data this.id = data.ID this.name = data.Name this.moveTo(data.Pos.X, data.Pos.Y) if (data.Num) { this._num = data.Num } if (data.Size) { this.width = data.Size.Width this.height = data.Size.Height } if (data.Num) { this.text = `${data.Name}${data.Num > 1 ? ` × ${data.Num}` : ''}` } if (data.Properties && data.Properties.Url) { this.img.url = data.Properties.Url } if (data.Properties.ImgPos) { this.img.moveTo(data.Properties.ImgPos.X, data.Properties.ImgPos.Y) } if (data.Properties.TextPos) { this.textItem.moveTo(data.Properties.TextPos.X, data.Properties.TextPos.Y) } if (data.Properties && data.Properties.sWidth) { this.sWidth = data.Properties.sWidth } if (data.Properties && data.Properties.sHeight) { this.sHeight = data.Properties.sHeight } if (data.Properties && data.Properties.font) { this.font = new SFont('sans-serif', data.Properties.font) } if (data.Properties && data.Properties.color) { this.color = new SColor(data.Properties.color) } if (data.Properties && data.Properties.IsActive) { this.isActive = data.Properties.IsActive } if (data.AttachObjectIds && data.AttachObjectIds.length) { this.isActive = true } if (data.Properties && data.Properties.FrameColor) { this.activeColor = new SColor(data.Properties.FrameColor) } } toData(): Legend { this.data.Pos = { X: this.x, Y: this.y } this.data.Size = { Width: this.width, Height: this.height } this.data.Name = this.name this.data.Properties.Url = this.img.url this.data.Properties.TextPos = { X: this.textItem.x, Y: this.textItem.y } this.data.Properties.ImgPos = { X: this.img.x, Y: this.img.y } this.data.Properties.sWidth = this.sWidth this.data.Properties.sHeight = this.sHeight this.data.Properties.font = this.font.size this.data.Properties.color = this.color.value this.data.Properties.FrameColor = this.activeColor.value this.data.Properties.IsActive = this.isActive this.data.AnchorList = this.anchorList.map((t) => { return { ID: t.id, Pos: { X: t.x, Y: t.y, }, } }) return this.data } /** * Item绘制框架 * * @param painter painter对象 * @param rect 绘制区域 */ onPaint(painter: SPainter, rect: SRect): void { super.onPaint(painter, rect); if (this.maskFlag && this.status == SItemStatus.Normal) { painter.pen.color = SColor.Transparent; painter.brush.color = new SColor("#ffffffa1"); if (this.selected) { painter.drawCircle(this.img.x, this.img.y, (this.sWidth / 2.0) * 1.25); } else { painter.drawCircle(this.img.x, this.img.y, this.sWidth / 2.0); } } } // Function onPaint() } // Class SImageLegendItem