@meta2d/core 1.0.61 → 1.0.63
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/canvas/canvas.d.ts +4 -3
- package/src/canvas/canvas.js +52 -24
- package/src/canvas/canvas.js.map +1 -1
- package/src/core.d.ts +10 -4
- package/src/core.js +192 -11
- package/src/core.js.map +1 -1
- package/src/event/event.d.ts +7 -1
- package/src/event/event.js +1 -0
- package/src/event/event.js.map +1 -1
- package/src/message/index.d.ts +1 -0
- package/src/message/index.js +2 -0
- package/src/message/index.js.map +1 -0
- package/src/message/message.d.ts +28 -0
- package/src/message/message.js +162 -0
- package/src/message/message.js.map +1 -0
- package/src/pen/model.d.ts +10 -0
- package/src/pen/model.js.map +1 -1
- package/src/pen/render.d.ts +1 -0
- package/src/pen/render.js +41 -3
- package/src/pen/render.js.map +1 -1
- package/src/popconfirm/index.d.ts +1 -0
- package/src/popconfirm/index.js +2 -0
- package/src/popconfirm/index.js.map +1 -0
- package/src/popconfirm/popconfirm.d.ts +21 -0
- package/src/popconfirm/popconfirm.js +135 -0
- package/src/popconfirm/popconfirm.js.map +1 -0
- package/src/store/store.d.ts +1 -1
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { Pen } from '../pen';
|
|
2
|
+
import { Point } from '../point';
|
|
3
|
+
import { Meta2dStore } from '../store';
|
|
4
|
+
export declare class Popconfirm {
|
|
5
|
+
parentElement: HTMLElement;
|
|
6
|
+
private store;
|
|
7
|
+
box: HTMLElement;
|
|
8
|
+
text: HTMLElement;
|
|
9
|
+
arrowUp: HTMLElement;
|
|
10
|
+
arrowDown: HTMLElement;
|
|
11
|
+
icon: HTMLElement;
|
|
12
|
+
confirm: HTMLElement;
|
|
13
|
+
cancel: HTMLElement;
|
|
14
|
+
x: number;
|
|
15
|
+
y: number;
|
|
16
|
+
constructor(parentElement: HTMLElement, store: Meta2dStore);
|
|
17
|
+
show(pen: Pen, pos: Point): void;
|
|
18
|
+
hide(): void;
|
|
19
|
+
showModal(pen: Pen, pos: Point, title?: string): Promise<boolean>;
|
|
20
|
+
destroy(): void;
|
|
21
|
+
}
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
const status = {
|
|
2
|
+
'success': {},
|
|
3
|
+
'info': {
|
|
4
|
+
icon: '<svg fill="none" viewBox="0 0 24 24"><path fill="#0052d9" d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"></path></svg>',
|
|
5
|
+
},
|
|
6
|
+
'warning': {},
|
|
7
|
+
'error': {}
|
|
8
|
+
};
|
|
9
|
+
export class Popconfirm {
|
|
10
|
+
parentElement;
|
|
11
|
+
store;
|
|
12
|
+
box;
|
|
13
|
+
text;
|
|
14
|
+
arrowUp;
|
|
15
|
+
arrowDown;
|
|
16
|
+
icon;
|
|
17
|
+
confirm;
|
|
18
|
+
cancel;
|
|
19
|
+
x;
|
|
20
|
+
y;
|
|
21
|
+
constructor(parentElement, store) {
|
|
22
|
+
this.parentElement = parentElement;
|
|
23
|
+
this.store = store;
|
|
24
|
+
this.box = document.createElement('div');
|
|
25
|
+
this.text = document.createElement('div');
|
|
26
|
+
this.arrowUp = document.createElement('div');
|
|
27
|
+
this.arrowDown = document.createElement('div');
|
|
28
|
+
this.icon = document.createElement('div');
|
|
29
|
+
this.confirm = document.createElement('button');
|
|
30
|
+
this.cancel = document.createElement('button');
|
|
31
|
+
this.box.className = 'meta2d-popconfirm';
|
|
32
|
+
this.text.className = 'text';
|
|
33
|
+
this.arrowUp.className = 'arrow';
|
|
34
|
+
this.arrowDown.className = 'arrow down';
|
|
35
|
+
this.icon.className = 'icon';
|
|
36
|
+
this.confirm.className = 'confirm';
|
|
37
|
+
this.cancel.className = 'cancel';
|
|
38
|
+
this.confirm.innerHTML = '确定';
|
|
39
|
+
this.cancel.innerHTML = '取消';
|
|
40
|
+
this.icon.innerHTML = status.info.icon;
|
|
41
|
+
this.box.appendChild(this.text);
|
|
42
|
+
this.box.appendChild(this.arrowUp);
|
|
43
|
+
this.box.appendChild(this.arrowDown);
|
|
44
|
+
this.box.appendChild(this.confirm);
|
|
45
|
+
this.box.appendChild(this.cancel);
|
|
46
|
+
this.box.appendChild(this.icon);
|
|
47
|
+
parentElement.appendChild(this.box);
|
|
48
|
+
// this.box.onmouseleave = () => {
|
|
49
|
+
// this.hide();
|
|
50
|
+
// this.store.lastHover = undefined;
|
|
51
|
+
// };
|
|
52
|
+
let sheet;
|
|
53
|
+
for (let i = 0; i < document.styleSheets.length; i++) {
|
|
54
|
+
if (document.styleSheets[i].title === 'le5le.com/popconfirm') {
|
|
55
|
+
sheet = document.styleSheets[i];
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
if (!sheet) {
|
|
59
|
+
let style = document.createElement('style');
|
|
60
|
+
style.type = 'text/css';
|
|
61
|
+
style.title = 'le5le.com/popconfirm';
|
|
62
|
+
document.head.appendChild(style);
|
|
63
|
+
style = document.createElement('style');
|
|
64
|
+
style.type = 'text/css';
|
|
65
|
+
document.head.appendChild(style);
|
|
66
|
+
sheet = style.sheet;
|
|
67
|
+
sheet.insertRule('.meta2d-popconfirm{position:absolute;z-index:999;left: -9999px;top: -9999px;padding:16px;max-width:400px;background:#fff;border-radius:6px;box-shadow:0 3px 14px 2px rgba(0, 0, 0, .05),0 8px 10px 1px rgba(0, 0, 0, 6%),0 5px 5px -3px rgba(0, 0, 0, 10%);}');
|
|
68
|
+
sheet.insertRule('.meta2d-popconfirm .text{outline:none;padding:0px 0px 40px 28px;border-radius:4px;color:rgba(0, 0, 0, 0.9);overflow-y:auto;line-height:22px;font-size:13px;}');
|
|
69
|
+
sheet.insertRule('.meta2d-popconfirm .arrow{position:absolute;border:10px solid transparent;background:transparent;top:-18px;left:50%;transform:translateX(-50%)}');
|
|
70
|
+
sheet.insertRule('.meta2d-popconfirm .arrow.down{top:initial;bottom: -18px;}');
|
|
71
|
+
sheet.insertRule('.meta2d-popconfirm .icon{position:absolute;width:22px;height:22px;left:16px;top:16px;}');
|
|
72
|
+
sheet.insertRule('.meta2d-popconfirm .confirm{position:absolute;right:16px;bottom:16px;width:40px;height:24px;text-align:center;background:#4582e6;color:#fff;border-radius:3px;border-color:transparent}');
|
|
73
|
+
sheet.insertRule('.meta2d-popconfirm .confirm:hover{background:#003cab;}');
|
|
74
|
+
sheet.insertRule('.meta2d-popconfirm .cancel{position:absolute;right:64px;bottom:16px;width:40px;height:24px;text-align:center;background:#dcdcdc;color:rgba(0, 0, 0, 0.9);border-radius:3px;border-color:transparent}');
|
|
75
|
+
sheet.insertRule('.meta2d-popconfirm .cancel:hover{background:#a6a6a6;}');
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
show(pen, pos) {
|
|
79
|
+
if (!pen) {
|
|
80
|
+
return;
|
|
81
|
+
}
|
|
82
|
+
const elemRect = this.box.getBoundingClientRect();
|
|
83
|
+
const rect = pen.calculative.worldRect;
|
|
84
|
+
let x = pen.calculative.canvas.store.data.x + pos.x - elemRect.width / 2;
|
|
85
|
+
let y = pen.calculative.canvas.store.data.y + pos.y - elemRect.height - 20;
|
|
86
|
+
if (!pen.type) {
|
|
87
|
+
x =
|
|
88
|
+
pen.calculative.canvas.store.data.x +
|
|
89
|
+
rect.x -
|
|
90
|
+
(elemRect.width - rect.width) / 2;
|
|
91
|
+
y =
|
|
92
|
+
pen.calculative.canvas.store.data.y +
|
|
93
|
+
rect.ey -
|
|
94
|
+
elemRect.height -
|
|
95
|
+
rect.height;
|
|
96
|
+
}
|
|
97
|
+
if (y > 0) {
|
|
98
|
+
this.arrowUp.style.borderBottomColor = 'transparent';
|
|
99
|
+
this.arrowDown.style.borderTopColor = '#fff';
|
|
100
|
+
y -= 10;
|
|
101
|
+
}
|
|
102
|
+
else {
|
|
103
|
+
y += elemRect.height + rect.height + 5;
|
|
104
|
+
y += 10;
|
|
105
|
+
this.arrowUp.style.borderBottomColor = '#fff';
|
|
106
|
+
this.arrowDown.style.borderTopColor = 'transparent';
|
|
107
|
+
}
|
|
108
|
+
this.x = x;
|
|
109
|
+
this.y = y;
|
|
110
|
+
this.box.style.left = this.x + 'px';
|
|
111
|
+
this.box.style.top = this.y + 'px';
|
|
112
|
+
}
|
|
113
|
+
hide() {
|
|
114
|
+
this.x = -9999;
|
|
115
|
+
this.box.style.left = '-9999px';
|
|
116
|
+
}
|
|
117
|
+
showModal(pen, pos, title) {
|
|
118
|
+
return new Promise((resolve) => {
|
|
119
|
+
this.text.innerHTML = title || '确认执行操作吗?';
|
|
120
|
+
this.show(pen, pos);
|
|
121
|
+
this.confirm.onclick = () => {
|
|
122
|
+
resolve(true);
|
|
123
|
+
this.hide();
|
|
124
|
+
};
|
|
125
|
+
this.cancel.onclick = () => {
|
|
126
|
+
resolve(false);
|
|
127
|
+
this.hide();
|
|
128
|
+
};
|
|
129
|
+
});
|
|
130
|
+
}
|
|
131
|
+
destroy() {
|
|
132
|
+
this.box = null;
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
//# sourceMappingURL=popconfirm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popconfirm.js","sourceRoot":"","sources":["../../../../packages/core/src/popconfirm/popconfirm.ts"],"names":[],"mappings":"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"}
|
package/src/store/store.d.ts
CHANGED
|
@@ -105,7 +105,7 @@ export interface DataMock {
|
|
|
105
105
|
}
|
|
106
106
|
export interface Network {
|
|
107
107
|
name?: string;
|
|
108
|
-
protocol?: 'mqtt' | 'websocket' | 'http' | 'iot' | 'sql';
|
|
108
|
+
protocol?: 'mqtt' | 'websocket' | 'http' | 'iot' | 'sql' | 'jetLinks';
|
|
109
109
|
type?: string;
|
|
110
110
|
url?: string;
|
|
111
111
|
protocols?: string;
|