@pinnacle0/web-ui 0.2.92 → 0.2.100
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/util/CanvasUtil.d.ts +5 -1
- package/util/CanvasUtil.js +4 -3
- package/util/CanvasUtil.js.map +1 -1
package/package.json
CHANGED
package/util/CanvasUtil.d.ts
CHANGED
|
@@ -1,10 +1,14 @@
|
|
|
1
|
+
interface DrawPathOptions {
|
|
2
|
+
strokeColor: string;
|
|
3
|
+
lineWidth?: number;
|
|
4
|
+
}
|
|
1
5
|
/**
|
|
2
6
|
* This function draws line on canvas between the center of nodes.
|
|
3
7
|
*
|
|
4
8
|
* Attention:
|
|
5
9
|
* canvasContext must share the same offsetParent with the nodes.
|
|
6
10
|
*/
|
|
7
|
-
declare function drawPathBetweenNodes(nodes: NodeListOf<Element>, canvasContext: CanvasRenderingContext2D, strokeColor:
|
|
11
|
+
declare function drawPathBetweenNodes(nodes: NodeListOf<Element>, canvasContext: CanvasRenderingContext2D, { strokeColor, lineWidth }: DrawPathOptions): void;
|
|
8
12
|
export declare const CanvasUtil: Readonly<{
|
|
9
13
|
drawPathBetweenNodes: typeof drawPathBetweenNodes;
|
|
10
14
|
}>;
|
package/util/CanvasUtil.js
CHANGED
|
@@ -20,10 +20,11 @@ var __read = (this && this.__read) || function (o, n) {
|
|
|
20
20
|
* Attention:
|
|
21
21
|
* canvasContext must share the same offsetParent with the nodes.
|
|
22
22
|
*/
|
|
23
|
-
function drawPathBetweenNodes(nodes, canvasContext,
|
|
23
|
+
function drawPathBetweenNodes(nodes, canvasContext, _a) {
|
|
24
|
+
var strokeColor = _a.strokeColor, _b = _a.lineWidth, lineWidth = _b === void 0 ? 1 : _b;
|
|
24
25
|
canvasContext.save();
|
|
25
26
|
canvasContext.beginPath();
|
|
26
|
-
var
|
|
27
|
+
var _c = __read(Array.from(nodes).map(function (_) { return elementCenter(_, canvasContext.canvas.offsetParent); })), first = _c[0], rest = _c.slice(1);
|
|
27
28
|
if (first) {
|
|
28
29
|
canvasContext.moveTo(first.x, first.y);
|
|
29
30
|
rest.forEach(function (node) {
|
|
@@ -32,7 +33,7 @@ function drawPathBetweenNodes(nodes, canvasContext, strokeColor) {
|
|
|
32
33
|
}
|
|
33
34
|
});
|
|
34
35
|
}
|
|
35
|
-
canvasContext.lineWidth =
|
|
36
|
+
canvasContext.lineWidth = lineWidth;
|
|
36
37
|
canvasContext.strokeStyle = strokeColor;
|
|
37
38
|
canvasContext.stroke();
|
|
38
39
|
canvasContext.restore();
|
package/util/CanvasUtil.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CanvasUtil.js","sourceRoot":"","sources":["../../src/util/CanvasUtil.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"CanvasUtil.js","sourceRoot":"","sources":["../../src/util/CanvasUtil.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAIA;;;;;GAKG;AACH,SAAS,oBAAoB,CAAC,KAA0B,EAAE,aAAuC,EAAE,EAA6C;QAA5C,WAAW,iBAAA,EAAE,iBAAa,EAAb,SAAS,mBAAG,CAAC,KAAA;IAC1H,aAAa,CAAC,IAAI,EAAE,CAAC;IACrB,aAAa,CAAC,SAAS,EAAE,CAAC;IACpB,IAAA,KAAA,OAAmB,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,aAAa,CAAC,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,YAAY,CAAC,EAAnD,CAAmD,CAAC,CAAA,EAAjG,KAAK,QAAA,EAAK,IAAI,cAAmF,CAAC;IACzG,IAAI,KAAK,EAAE;QACP,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;QACvC,IAAI,CAAC,OAAO,CAAC,UAAA,IAAI;YACb,IAAI,IAAI,EAAE;gBACN,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;aACxC;QACL,CAAC,CAAC,CAAC;KACN;IACD,aAAa,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC,aAAa,CAAC,WAAW,GAAG,WAAW,CAAC;IACxC,aAAa,CAAC,MAAM,EAAE,CAAC;IACvB,aAAa,CAAC,OAAO,EAAE,CAAC;AAC5B,CAAC;AAED,SAAS,aAAa,CAAC,OAAuB,EAAE,mBAAmC;IAC/E,IAAI,OAAO,EAAE;QACT,IAAM,WAAW,GAAG,OAAsB,CAAC;QAC3C,IAAI,CAAC,GAAG,WAAW,CAAC,UAAU,GAAG,WAAW,CAAC,WAAW,GAAG,CAAC,CAAC;QAC7D,IAAI,CAAC,GAAG,WAAW,CAAC,SAAS,GAAG,WAAW,CAAC,YAAY,GAAG,CAAC,CAAC;QAC7D,IAAI,aAAa,GAAG,WAAW,CAAC,YAAkC,CAAC;QACnE,OAAO,aAAa,IAAI,mBAAmB,IAAI,aAAa,KAAK,mBAAmB,EAAE;YAClF,CAAC,GAAG,CAAC,GAAG,aAAa,CAAC,UAAU,CAAC;YACjC,CAAC,GAAG,CAAC,GAAG,aAAa,CAAC,SAAS,CAAC;YAChC,aAAa,GAAG,aAAa,CAAC,YAAkC,CAAC;SACpE;QACD,OAAO;YACH,CAAC,GAAA;YACD,CAAC,GAAA;SACJ,CAAC;KACL;SAAM;QACH,OAAO,IAAI,CAAC;KACf;AACL,CAAC;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC;IACpC,oBAAoB,sBAAA;CACvB,CAAC,CAAC"}
|