123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173 |
- import { SItemStatus } from "@saga-web/big/lib/enums/SItemStatus";
- import { SGraphItem } from '@saga-web/graph/lib/SGraphItem';
- import { STextBaseLine } from '@saga-web/draw/lib';
- import { SMouseEvent } from '@saga-web/base/lib/SMouseEvent';
- import { SSize } from '@saga-web/draw/lib';
- import { SPainter } from '@saga-web/draw/lib';
- import { SColor } from '@saga-web/draw/lib';
- import { SRect } from '@saga-web/draw/lib';
- import { SObjectItem, SImageItem, STextItem, SAnchorItem } from '@saga-web/graph/lib';
- /**
- * 图例item icon
- *
- * */
- export class SImgTextItem extends SObjectItem {
- /** item状态 */
- _status: SItemStatus = SItemStatus.Normal;
- get status(): SItemStatus {
- return this._status;
- }
- set status(v: SItemStatus) {
- this._status = v;
- this.update();
- }
- /** 是否显示文字 */
- _showText: boolean = true;
- get showText(): boolean {
- return this._showText;
- }
- set showText(v: boolean) {
- if (v === this._showText) {
- return
- }
- this._showText = v;
- if (v) {
- this.textItem.show();
- } else {
- this.textItem.hide();
- }
- }
- /** X轴坐标 */
- get x(): number {
- return this.pos.x;
- } // Get x
- set x(v: number) {
- this.pos.x = v;
- this.$emit("changePos");
- this.update();
- } // Set x
- /** Y轴坐标 */
- get y(): number {
- return this.pos.y;
- } // Get y
- set y(v: number) {
- this.pos.y = v;
- this.$emit("changePos");
- this.update();
- } // Set y
- /** 是否显示锚点 */
- _showAnchor: boolean = false;
- get showAnchor(): boolean {
- return this._showAnchor;
- }
- set showAnchor(v: boolean) {
- this._showAnchor = v;
- this.anchorList.forEach(t => {
- t.visible = v;
- })
- }
- get text():string{
- return this.textItem.text;
- }
- set text(v:string){
- this.textItem.text = v;
- this.update();
- }
- /** img Item */
- img: SImageItem = new SImageItem(this);
- /** text item */
- textItem: STextItem = new STextItem(this);
- /**
- * 构造体
- *
- * */
- constructor(parent: SGraphItem | null) {
- super(parent);
- this.img.url = `http://adm.sagacloud.cn:8080/doc/assets/img/logo.png`;
- this.img.width = 32;
- this.img.height = 32;
- let anchorPoint = [{ x: 0, y: this.img.height / 2 }, { x: 0, y: -this.img.height / 2 }, { x: -this.img.width / 2, y: 0 }, { x: this.img.width / 2, y: 0 }];
- this.anchorList = anchorPoint.map(t => {
- let item = new SAnchorItem(this);
- item.moveTo(t.x, t.y);
- return item;
- });
- this.update();
- this.textItem.text = "请填写文本";
- this.textItem.moveTo(16, -6);
- this.moveable = true;
- this.selectable = true;
- this.isTransform = false;
- this.textItem.enabled = false;
- this.img.enabled = false;
- }
- /**
- * 鼠标按下事件
- *
- * */
- onMouseDown(event: SMouseEvent): boolean {
- console.log(this)
- if (this.status == SItemStatus.Normal) {
- return super.onMouseDown(event);
- } else if (this.status == SItemStatus.Edit) {
- return super.onMouseDown(event);
- }
- return true;
- } // Function onMouseDown()
- /**
- * 宽高发发生变化
- *
- * @param oldSize 改之前的大小
- * @param newSize 改之后大小
- * */
- onResize(oldSize: SSize, newSize: SSize) {
- console.log(arguments);
- } // Function onResize()
- /**
- * 鼠标双击事件
- *
- * @param event 鼠标事件
- * @return 是否处理事件
- * */
- onDoubleClick(event: SMouseEvent): boolean {
- this.status = SItemStatus.Edit;
- return true;
- } // Function onDoubleClick()
- /**
- * 宽高发生变化
- *
- * @return SRect 所有子对象的并集
- * */
- boundingRect(): SRect {
- let rect = this.img.boundingRect().adjusted(this.img.pos.x,this.img.pos.y,0,0);
- if (this.showText) {
- rect = rect.unioned(this.textItem.boundingRect().adjusted(this.textItem.pos.x,this.textItem.pos.y,0,0))
- }
- return rect;
- } // Function boundingRect()
- /**
- * Item绘制操作
- *
- * @param painter painter对象
- */
- onDraw(painter: SPainter): void {
- painter.pen.lineWidth = painter.toPx(1);
- painter.pen.color = new SColor("#00FF00");
- painter.brush.color = SColor.Transparent;
- painter.drawRect(this.boundingRect());
- } // Function onDraw()
- }
|