vue-visual-kit 1.0.202508011044 → 1.0.202509221013
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/README.md +2 -0
- package/esm/index.js +18 -1
- package/esm/index.js.map +1 -1
- package/package.json +2 -1
- package/patches/@cornerstonejs+core+3.31.13.patch +29 -0
- package/patches/@cornerstonejs+tools+3.31.13.patch +132 -132
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vue-visual-kit",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.202509221013",
|
|
4
4
|
"private": false,
|
|
5
5
|
"module": "esm/index.js",
|
|
6
6
|
"exports": {
|
|
@@ -36,6 +36,7 @@
|
|
|
36
36
|
"@vant/touch-emulator": "^1.4.0",
|
|
37
37
|
"amfe-flexible": "^2.2.1",
|
|
38
38
|
"axios": "^0.27.2",
|
|
39
|
+
"crypto-js": "^4.2.0",
|
|
39
40
|
"patch-package": "^8.0.0",
|
|
40
41
|
"postcss-pxtorem": "^6.0.0",
|
|
41
42
|
"vant": "^3.5.2",
|
|
@@ -89,6 +89,35 @@ index f866524..ad370a4 100644
|
|
|
89
89
|
{
|
|
90
90
|
name: 'CT-Bone',
|
|
91
91
|
gradientOpacity: '4 0 1 255 1',
|
|
92
|
+
diff --git a/node_modules/@cornerstonejs/core/dist/esm/loaders/cornerstoneMeshLoader.js b/node_modules/@cornerstonejs/core/dist/esm/loaders/cornerstoneMeshLoader.js
|
|
93
|
+
index 98eb07d..b86ae1b 100644
|
|
94
|
+
--- a/node_modules/@cornerstonejs/core/dist/esm/loaders/cornerstoneMeshLoader.js
|
|
95
|
+
+++ b/node_modules/@cornerstonejs/core/dist/esm/loaders/cornerstoneMeshLoader.js
|
|
96
|
+
@@ -16,14 +16,22 @@ function fetchArrayBuffer({ url, signal, onload, loaderOptions, }) {
|
|
97
|
+
}
|
|
98
|
+
xhr.setRequestHeader(key, headers[key]);
|
|
99
|
+
});
|
|
100
|
+
- const onLoadHandler = function (e) {
|
|
101
|
+
+ const onLoadHandler = async function (e) {
|
|
102
|
+
if (onload && typeof onload === 'function') {
|
|
103
|
+
onload();
|
|
104
|
+
}
|
|
105
|
+
if (signal) {
|
|
106
|
+
signal.removeEventListener('abort', onAbortHandler);
|
|
107
|
+
}
|
|
108
|
+
- resolve(xhr.response);
|
|
109
|
+
+ try {
|
|
110
|
+
+ let responseBuffer = xhr.response;
|
|
111
|
+
+ if (loaderOptions?.beforeProcessing) {
|
|
112
|
+
+ responseBuffer = await loaderOptions.beforeProcessing(responseBuffer);
|
|
113
|
+
+ }
|
|
114
|
+
+ resolve(responseBuffer);
|
|
115
|
+
+ } catch (err) {
|
|
116
|
+
+ reject(err);
|
|
117
|
+
+ }
|
|
118
|
+
};
|
|
119
|
+
const onAbortHandler = () => {
|
|
120
|
+
xhr.abort();
|
|
92
121
|
diff --git a/node_modules/@cornerstonejs/core/dist/esm/loaders/cornerstoneStreamingImageVolumeLoader.js b/node_modules/@cornerstonejs/core/dist/esm/loaders/cornerstoneStreamingImageVolumeLoader.js
|
|
93
122
|
index fb16294..aef45b1 100644
|
|
94
123
|
--- a/node_modules/@cornerstonejs/core/dist/esm/loaders/cornerstoneStreamingImageVolumeLoader.js
|
|
@@ -1,132 +1,132 @@
|
|
|
1
|
-
diff --git a/node_modules/@cornerstonejs/tools/dist/esm/drawingSvg/drawHandle.js b/node_modules/@cornerstonejs/tools/dist/esm/drawingSvg/drawHandle.js
|
|
2
|
-
index e4bfd9b..46105be 100644
|
|
3
|
-
--- a/node_modules/@cornerstonejs/tools/dist/esm/drawingSvg/drawHandle.js
|
|
4
|
-
+++ b/node_modules/@cornerstonejs/tools/dist/esm/drawingSvg/drawHandle.js
|
|
5
|
-
@@ -2,6 +2,7 @@ import _getHash from './_getHash';
|
|
6
|
-
import setNewAttributesIfValid from './setNewAttributesIfValid';
|
|
7
|
-
import setAttributesIfNecessary from './setAttributesIfNecessary';
|
|
8
|
-
function drawHandle(svgDrawingHelper, annotationUID, handleGroupUID, handle, options = {}, uniqueIndex) {
|
|
9
|
-
+ if(!handle) return
|
|
10
|
-
const { color, handleRadius, width, lineWidth, fill, type, opacity } = Object.assign({
|
|
11
|
-
color: 'rgb(0, 255, 0)',
|
|
12
|
-
handleRadius: '6',
|
|
13
|
-
diff --git a/node_modules/@cornerstonejs/tools/dist/esm/tools/CrosshairsTool.js b/node_modules/@cornerstonejs/tools/dist/esm/tools/CrosshairsTool.js
|
|
14
|
-
index 7c783cb..f23183b 100644
|
|
15
|
-
--- a/node_modules/@cornerstonejs/tools/dist/esm/tools/CrosshairsTool.js
|
|
16
|
-
+++ b/node_modules/@cornerstonejs/tools/dist/esm/tools/CrosshairsTool.js
|
|
17
|
-
@@ -36,6 +36,7 @@ class CrosshairsTool extends AnnotationTool {
|
|
18
|
-
constructor(toolProps = {}, defaultToolProps = {
|
|
19
|
-
supportedInteractionTypes: ['Mouse'],
|
|
20
|
-
configuration: {
|
|
21
|
-
+ rotatable: false,
|
|
22
|
-
shadow: true,
|
|
23
|
-
viewportIndicators: false,
|
|
24
|
-
viewportIndicatorsConfig: {
|
|
25
|
-
@@ -582,17 +583,18 @@ class CrosshairsTool extends AnnotationTool {
|
|
26
|
-
viewportDraggableRotatable &&
|
|
27
|
-
viewportSlabThicknessControlsOn) {
|
|
28
|
-
let handleUID = `${lineIndex}One`;
|
|
29
|
-
+ let opacity1 = this.configuration.rotatable?opacity:0
|
|
30
|
-
drawHandlesSvg(svgDrawingHelper, annotationUID, handleUID, rotationHandles, {
|
|
31
|
-
color,
|
|
32
|
-
handleRadius,
|
|
33
|
-
- opacity,
|
|
34
|
-
+ opacity: opacity1,
|
|
35
|
-
type: 'circle',
|
|
36
|
-
});
|
|
37
|
-
handleUID = `${lineIndex}Two`;
|
|
38
|
-
drawHandlesSvg(svgDrawingHelper, annotationUID, handleUID, slabThicknessHandles, {
|
|
39
|
-
color,
|
|
40
|
-
handleRadius,
|
|
41
|
-
- opacity,
|
|
42
|
-
+ opacity: opacity1,
|
|
43
|
-
type: 'rect',
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
@@ -601,10 +603,11 @@ class CrosshairsTool extends AnnotationTool {
|
|
47
|
-
!slabThicknessHandlesActive &&
|
|
48
|
-
viewportDraggableRotatable) {
|
|
49
|
-
const handleUID = `${lineIndex}`;
|
|
50
|
-
+ let opacity1 = this.configuration.rotatable?opacity:0
|
|
51
|
-
drawHandlesSvg(svgDrawingHelper, annotationUID, handleUID, rotationHandles, {
|
|
52
|
-
color,
|
|
53
|
-
handleRadius,
|
|
54
|
-
- opacity,
|
|
55
|
-
+ opacity: opacity1,
|
|
56
|
-
type: 'circle',
|
|
57
|
-
});
|
|
58
|
-
}
|
|
59
|
-
@@ -626,10 +629,12 @@ class CrosshairsTool extends AnnotationTool {
|
|
60
|
-
(this.configuration.enableHDPIHandles
|
|
61
|
-
? window.devicePixelRatio
|
|
62
|
-
: 1);
|
|
63
|
-
+ let opacity1 = this.configuration.rotatable?opacity:0
|
|
64
|
-
drawHandlesSvg(svgDrawingHelper, annotationUID, handleUID, rotationHandles, {
|
|
65
|
-
color,
|
|
66
|
-
handleRadius,
|
|
67
|
-
fill: color,
|
|
68
|
-
+ opacity: opacity1,
|
|
69
|
-
type: 'circle',
|
|
70
|
-
});
|
|
71
|
-
}
|
|
72
|
-
@@ -979,7 +984,11 @@ class CrosshairsTool extends AnnotationTool {
|
|
73
|
-
if (this._isClockWise(centerCanvas, originalPointCanvas, finalPointCanvas)) {
|
|
74
|
-
angle *= -1;
|
|
75
|
-
}
|
|
76
|
-
- angle = Math.round(angle * 100) / 100;
|
|
77
|
-
+ if(this.configuration.rotatable) {
|
|
78
|
-
+ angle = Math.round(angle * 100) / 100;
|
|
79
|
-
+ } else {
|
|
80
|
-
+ angle = 0
|
|
81
|
-
+ }
|
|
82
|
-
const rotationAxis = viewport.getCamera().viewPlaneNormal;
|
|
83
|
-
const { matrix } = vtkMatrixBuilder
|
|
84
|
-
.buildFromRadian()
|
|
85
|
-
diff --git a/node_modules/@cornerstonejs/tools/dist/esm/tools/annotation/RectangleROITool.js b/node_modules/@cornerstonejs/tools/dist/esm/tools/annotation/RectangleROITool.js
|
|
86
|
-
index df9ffed..f9848dd 100644
|
|
87
|
-
--- a/node_modules/@cornerstonejs/tools/dist/esm/tools/annotation/RectangleROITool.js
|
|
88
|
-
+++ b/node_modules/@cornerstonejs/tools/dist/esm/tools/annotation/RectangleROITool.js
|
|
89
|
-
@@ -24,6 +24,7 @@ class RectangleROITool extends AnnotationTool {
|
|
90
|
-
constructor(toolProps = {}, defaultToolProps = {
|
|
91
|
-
supportedInteractionTypes: ['Mouse', 'Touch'],
|
|
92
|
-
configuration: {
|
|
93
|
-
+ textBoxVisibility: true,
|
|
94
|
-
storePointData: false,
|
|
95
|
-
shadow: true,
|
|
96
|
-
preventHandleOutsideImage: false,
|
|
97
|
-
@@ -395,18 +396,24 @@ class RectangleROITool extends AnnotationTool {
|
|
98
|
-
}, dataId);
|
|
99
|
-
renderStatus = true;
|
|
100
|
-
const options = this.getLinkedTextBoxStyle(styleSpecifier, annotation);
|
|
101
|
-
- if (!options.visibility) {
|
|
102
|
-
- data.handles.textBox = {
|
|
103
|
-
- hasMoved: false,
|
|
104
|
-
- worldPosition: [0, 0, 0],
|
|
105
|
-
- worldBoundingBox: {
|
|
106
|
-
- topLeft: [0, 0, 0],
|
|
107
|
-
- topRight: [0, 0, 0],
|
|
108
|
-
- bottomLeft: [0, 0, 0],
|
|
109
|
-
- bottomRight: [0, 0, 0],
|
|
110
|
-
- },
|
|
111
|
-
- };
|
|
112
|
-
+ const textBoxGoneTmp = {
|
|
113
|
-
+ hasMoved: false,
|
|
114
|
-
+ worldPosition: [0, 0, 0],
|
|
115
|
-
+ worldBoundingBox: {
|
|
116
|
-
+ topLeft: [0, 0, 0],
|
|
117
|
-
+ topRight: [0, 0, 0],
|
|
118
|
-
+ bottomLeft: [0, 0, 0],
|
|
119
|
-
+ bottomRight: [0, 0, 0],
|
|
120
|
-
+ }
|
|
121
|
-
+ };
|
|
122
|
-
+ if(!this.configuration.textBoxVisibility) {
|
|
123
|
-
+ data.handles.textBox = textBoxGoneTmp;
|
|
124
|
-
continue;
|
|
125
|
-
+ } else {
|
|
126
|
-
+ if (!options.visibility) {
|
|
127
|
-
+ data.handles.textBox = textBoxGoneTmp;
|
|
128
|
-
+ continue;
|
|
129
|
-
+ }
|
|
130
|
-
}
|
|
131
|
-
const textLines = this.configuration.getTextLines(data, targetId);
|
|
132
|
-
if (!textLines || textLines.length === 0) {
|
|
1
|
+
diff --git a/node_modules/@cornerstonejs/tools/dist/esm/drawingSvg/drawHandle.js b/node_modules/@cornerstonejs/tools/dist/esm/drawingSvg/drawHandle.js
|
|
2
|
+
index e4bfd9b..46105be 100644
|
|
3
|
+
--- a/node_modules/@cornerstonejs/tools/dist/esm/drawingSvg/drawHandle.js
|
|
4
|
+
+++ b/node_modules/@cornerstonejs/tools/dist/esm/drawingSvg/drawHandle.js
|
|
5
|
+
@@ -2,6 +2,7 @@ import _getHash from './_getHash';
|
|
6
|
+
import setNewAttributesIfValid from './setNewAttributesIfValid';
|
|
7
|
+
import setAttributesIfNecessary from './setAttributesIfNecessary';
|
|
8
|
+
function drawHandle(svgDrawingHelper, annotationUID, handleGroupUID, handle, options = {}, uniqueIndex) {
|
|
9
|
+
+ if(!handle) return
|
|
10
|
+
const { color, handleRadius, width, lineWidth, fill, type, opacity } = Object.assign({
|
|
11
|
+
color: 'rgb(0, 255, 0)',
|
|
12
|
+
handleRadius: '6',
|
|
13
|
+
diff --git a/node_modules/@cornerstonejs/tools/dist/esm/tools/CrosshairsTool.js b/node_modules/@cornerstonejs/tools/dist/esm/tools/CrosshairsTool.js
|
|
14
|
+
index 7c783cb..f23183b 100644
|
|
15
|
+
--- a/node_modules/@cornerstonejs/tools/dist/esm/tools/CrosshairsTool.js
|
|
16
|
+
+++ b/node_modules/@cornerstonejs/tools/dist/esm/tools/CrosshairsTool.js
|
|
17
|
+
@@ -36,6 +36,7 @@ class CrosshairsTool extends AnnotationTool {
|
|
18
|
+
constructor(toolProps = {}, defaultToolProps = {
|
|
19
|
+
supportedInteractionTypes: ['Mouse'],
|
|
20
|
+
configuration: {
|
|
21
|
+
+ rotatable: false,
|
|
22
|
+
shadow: true,
|
|
23
|
+
viewportIndicators: false,
|
|
24
|
+
viewportIndicatorsConfig: {
|
|
25
|
+
@@ -582,17 +583,18 @@ class CrosshairsTool extends AnnotationTool {
|
|
26
|
+
viewportDraggableRotatable &&
|
|
27
|
+
viewportSlabThicknessControlsOn) {
|
|
28
|
+
let handleUID = `${lineIndex}One`;
|
|
29
|
+
+ let opacity1 = this.configuration.rotatable?opacity:0
|
|
30
|
+
drawHandlesSvg(svgDrawingHelper, annotationUID, handleUID, rotationHandles, {
|
|
31
|
+
color,
|
|
32
|
+
handleRadius,
|
|
33
|
+
- opacity,
|
|
34
|
+
+ opacity: opacity1,
|
|
35
|
+
type: 'circle',
|
|
36
|
+
});
|
|
37
|
+
handleUID = `${lineIndex}Two`;
|
|
38
|
+
drawHandlesSvg(svgDrawingHelper, annotationUID, handleUID, slabThicknessHandles, {
|
|
39
|
+
color,
|
|
40
|
+
handleRadius,
|
|
41
|
+
- opacity,
|
|
42
|
+
+ opacity: opacity1,
|
|
43
|
+
type: 'rect',
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
@@ -601,10 +603,11 @@ class CrosshairsTool extends AnnotationTool {
|
|
47
|
+
!slabThicknessHandlesActive &&
|
|
48
|
+
viewportDraggableRotatable) {
|
|
49
|
+
const handleUID = `${lineIndex}`;
|
|
50
|
+
+ let opacity1 = this.configuration.rotatable?opacity:0
|
|
51
|
+
drawHandlesSvg(svgDrawingHelper, annotationUID, handleUID, rotationHandles, {
|
|
52
|
+
color,
|
|
53
|
+
handleRadius,
|
|
54
|
+
- opacity,
|
|
55
|
+
+ opacity: opacity1,
|
|
56
|
+
type: 'circle',
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
@@ -626,10 +629,12 @@ class CrosshairsTool extends AnnotationTool {
|
|
60
|
+
(this.configuration.enableHDPIHandles
|
|
61
|
+
? window.devicePixelRatio
|
|
62
|
+
: 1);
|
|
63
|
+
+ let opacity1 = this.configuration.rotatable?opacity:0
|
|
64
|
+
drawHandlesSvg(svgDrawingHelper, annotationUID, handleUID, rotationHandles, {
|
|
65
|
+
color,
|
|
66
|
+
handleRadius,
|
|
67
|
+
fill: color,
|
|
68
|
+
+ opacity: opacity1,
|
|
69
|
+
type: 'circle',
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
@@ -979,7 +984,11 @@ class CrosshairsTool extends AnnotationTool {
|
|
73
|
+
if (this._isClockWise(centerCanvas, originalPointCanvas, finalPointCanvas)) {
|
|
74
|
+
angle *= -1;
|
|
75
|
+
}
|
|
76
|
+
- angle = Math.round(angle * 100) / 100;
|
|
77
|
+
+ if(this.configuration.rotatable) {
|
|
78
|
+
+ angle = Math.round(angle * 100) / 100;
|
|
79
|
+
+ } else {
|
|
80
|
+
+ angle = 0
|
|
81
|
+
+ }
|
|
82
|
+
const rotationAxis = viewport.getCamera().viewPlaneNormal;
|
|
83
|
+
const { matrix } = vtkMatrixBuilder
|
|
84
|
+
.buildFromRadian()
|
|
85
|
+
diff --git a/node_modules/@cornerstonejs/tools/dist/esm/tools/annotation/RectangleROITool.js b/node_modules/@cornerstonejs/tools/dist/esm/tools/annotation/RectangleROITool.js
|
|
86
|
+
index df9ffed..f9848dd 100644
|
|
87
|
+
--- a/node_modules/@cornerstonejs/tools/dist/esm/tools/annotation/RectangleROITool.js
|
|
88
|
+
+++ b/node_modules/@cornerstonejs/tools/dist/esm/tools/annotation/RectangleROITool.js
|
|
89
|
+
@@ -24,6 +24,7 @@ class RectangleROITool extends AnnotationTool {
|
|
90
|
+
constructor(toolProps = {}, defaultToolProps = {
|
|
91
|
+
supportedInteractionTypes: ['Mouse', 'Touch'],
|
|
92
|
+
configuration: {
|
|
93
|
+
+ textBoxVisibility: true,
|
|
94
|
+
storePointData: false,
|
|
95
|
+
shadow: true,
|
|
96
|
+
preventHandleOutsideImage: false,
|
|
97
|
+
@@ -395,18 +396,24 @@ class RectangleROITool extends AnnotationTool {
|
|
98
|
+
}, dataId);
|
|
99
|
+
renderStatus = true;
|
|
100
|
+
const options = this.getLinkedTextBoxStyle(styleSpecifier, annotation);
|
|
101
|
+
- if (!options.visibility) {
|
|
102
|
+
- data.handles.textBox = {
|
|
103
|
+
- hasMoved: false,
|
|
104
|
+
- worldPosition: [0, 0, 0],
|
|
105
|
+
- worldBoundingBox: {
|
|
106
|
+
- topLeft: [0, 0, 0],
|
|
107
|
+
- topRight: [0, 0, 0],
|
|
108
|
+
- bottomLeft: [0, 0, 0],
|
|
109
|
+
- bottomRight: [0, 0, 0],
|
|
110
|
+
- },
|
|
111
|
+
- };
|
|
112
|
+
+ const textBoxGoneTmp = {
|
|
113
|
+
+ hasMoved: false,
|
|
114
|
+
+ worldPosition: [0, 0, 0],
|
|
115
|
+
+ worldBoundingBox: {
|
|
116
|
+
+ topLeft: [0, 0, 0],
|
|
117
|
+
+ topRight: [0, 0, 0],
|
|
118
|
+
+ bottomLeft: [0, 0, 0],
|
|
119
|
+
+ bottomRight: [0, 0, 0],
|
|
120
|
+
+ }
|
|
121
|
+
+ };
|
|
122
|
+
+ if(!this.configuration.textBoxVisibility) {
|
|
123
|
+
+ data.handles.textBox = textBoxGoneTmp;
|
|
124
|
+
continue;
|
|
125
|
+
+ } else {
|
|
126
|
+
+ if (!options.visibility) {
|
|
127
|
+
+ data.handles.textBox = textBoxGoneTmp;
|
|
128
|
+
+ continue;
|
|
129
|
+
+ }
|
|
130
|
+
}
|
|
131
|
+
const textLines = this.configuration.getTextLines(data, targetId);
|
|
132
|
+
if (!textLines || textLines.length === 0) {
|