123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144 |
- 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
|