hellfire 0.28.6 → 0.28.8

package/dist/index.js

@@ -29348,16 +29348,22 @@ var viewport = (function () {
           // 重置
           nextPerspective = ImagePlanDirection.Transverse;
         } else {
-          if (currentPerspective === ImagePlanDirection.Transverse) {
-            nextPerspective = ImagePlanDirection.Coronal;
-          }
+          if (action.nextValue) {
+            // 设置某个视角
+            nextPerspective = action.nextValue;
+          } else {
+            // 自动切换
+            if (currentPerspective === ImagePlanDirection.Transverse) {
+              nextPerspective = ImagePlanDirection.Coronal;
+            }
 
-          if (currentPerspective === ImagePlanDirection.Coronal) {
-            nextPerspective = ImagePlanDirection.Sagittal;
-          }
+            if (currentPerspective === ImagePlanDirection.Coronal) {
+              nextPerspective = ImagePlanDirection.Sagittal;
+            }
 
-          if (currentPerspective === ImagePlanDirection.Sagittal) {
-            nextPerspective = ImagePlanDirection.Transverse;
+            if (currentPerspective === ImagePlanDirection.Sagittal) {
+              nextPerspective = ImagePlanDirection.Transverse;
+            }
           }
         }
 
@@ -29473,10 +29479,11 @@ function resetViewPort() {
     type: RESER_VIEWPORT
   };
 }
-function switchMprPerspective(reset) {
+function switchMprPerspective(reset, nextValue) {
   return {
     type: SWITCH_MPR_PERSPECTIVE,
-    reset: reset
+    reset: reset,
+    nextValue: nextValue
   };
 }
 function setOriginStudyData(data) {
@@ -46516,6 +46523,7 @@ var dicomBasicInfoFrom = window.localStorage.getItem('hellfire-dicom-basic-info-
 var customDicomSetting = {
   leftMouseTool: 'Wwwc',
   rightMouseTool: 'Zoom',
+  middleMouseTool: 'Pan',
   hotKeyIsOpen: hotKeyIsOpen,
   dicomBasicInfoFrom: dicomBasicInfoFrom
 };
@@ -46571,12 +46579,14 @@ var UserSettingModal = /*#__PURE__*/function (_Component) {
       if (dicomSettingChange) {
         dicomSettingChange && dicomSettingChange({
           leftMouseTool: _this.state.leftMouseTool,
-          rightMouseTool: _this.state.rightMouseTool
+          rightMouseTool: _this.state.rightMouseTool,
+          middleMouseTool: _this.state.middleMouseTool
         });
       } else {
         // 没有接口层面的记忆，就直接本地存储
         window.localStorage.setItem('hellfire-left-mouse-tool', _this.state.leftMouseTool);
         window.localStorage.setItem('hellfire-right-mouse-tool', _this.state.rightMouseTool);
+        window.localStorage.setItem('hellfire-middle-mouse-tool', _this.state.middleMouseTool);
         window.location.reload();
       }
     });
@@ -46593,6 +46603,7 @@ var UserSettingModal = /*#__PURE__*/function (_Component) {
       var _this$state = this.state,
           leftMouseTool = _this$state.leftMouseTool,
           rightMouseTool = _this$state.rightMouseTool,
+          middleMouseTool = _this$state.middleMouseTool,
           hotKeyIsOpen = _this$state.hotKeyIsOpen,
           dicomBasicInfoFrom = _this$state.dicomBasicInfoFrom;
       var close = this.props.close;
@@ -46635,6 +46646,26 @@ var UserSettingModal = /*#__PURE__*/function (_Component) {
             });
           }
         }), /*#__PURE__*/React__default.createElement("span", null, item.label));
+      })), /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-setting-radio',
+        style: {
+          marginTop: '10px'
+        }
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-setting-radio-label'
+      }, "\u4E2D\u952E\uFF1A"), dicomSettingRightMouseToolsDic && dicomSettingRightMouseToolsDic.map(function (item, index) {
+        return /*#__PURE__*/React__default.createElement("div", {
+          className: 'paladin-setting-radio-item',
+          key: "setting-middle-mouse-".concat(index)
+        }, /*#__PURE__*/React__default.createElement(Input$1, {
+          type: "radio",
+          checked: middleMouseTool === item.value,
+          onChange: function onChange(e) {
+            _this2.setState({
+              middleMouseTool: item.value
+            });
+          }
+        }), /*#__PURE__*/React__default.createElement("span", null, item.label));
       })), /*#__PURE__*/React__default.createElement("p", {
         style: {
           marginTop: '30px'
@@ -47958,7 +47989,7 @@ var ConnectedDicomTool = reactRedux.connect(mapStateToProps$k, {
   closeGlobalLoading: closeGlobalLoading
 }, mergeProps$k)(DicomTool);
 
-var css_248z$t = ".paladin-thumb-content {\n  position: relative;\n  height: 66px;\n  width: 66px;\n  border-width: 1px;\n  border-style: solid;\n  cursor: pointer;\n}\n.paladin-thumb-content .paladin-thumb-bottom {\n  white-space: nowrap;\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  color: #faa80a;\n  text-align: center;\n  font-size: 14px;\n  z-index: 2;\n}\n.paladin-thumb-content .paladin-thumb-bottom-mobile {\n  font-size: 10px;\n}\n.paladin-thumb-content .paladin-thumb-mask {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n.paladin-thumb-content .paladin-thumb-process {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  height: 4px;\n  width: 100%;\n  background: #ffffff;\n  overflow: hidden;\n}\n.paladin-thumb-content .paladin-thumb-process .paladin-thumb-process-inner {\n  background: #faa80a;\n  height: 100%;\n}\n.mobile-thumb {\n  width: 50px;\n  height: 50px;\n}\n.paladin-thumb-svg {\n  cursor: pointer;\n  justify-content: center;\n}\n.paladin-thumb-svg svg {\n  fill: #fff;\n}\n.paladin-thumb-svg:hover {\n  background-color: #616772;\n}\n.paladin-thumb-button {\n  cursor: pointer;\n  justify-content: center;\n  padding: 0 15px;\n}\n.paladin-thumb-button svg {\n  fill: #fff;\n}\n.paladin-thumb-button:hover {\n  background-color: #616772;\n}\n.paladin-thumb-button svg {\n  width: 11px !important;\n}\n.paladin-fresh-button {\n  cursor: pointer;\n  justify-content: center;\n  padding: 0 25px;\n}\n.paladin-fresh-button svg {\n  fill: #fff;\n}\n.paladin-fresh-button:hover {\n  background-color: #616772;\n}\n.paladin-fresh-button svg {\n  width: 15px !important;\n}\n.paladin-thumb-study {\n  cursor: pointer;\n  font-size: 14px;\n  line-height: 40px;\n  padding: 0 12px;\n  color: #ffffff;\n}\n.paladin-thumb-viewport {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n}\n.paladin-thumb-viewport h4,\n.paladin-thumb-viewport p {\n  font-size: 10px;\n}\n.paladin-thumb-study-wrapper {\n  border-bottom: 1px solid #727882;\n}\n.paladin-thumb-context-wrapper {\n  padding: 4px 2px;\n}\n";
+var css_248z$t = ".paladin-thumb-content {\n  position: relative;\n  height: 66px;\n  width: 66px;\n  border-width: 1px;\n  border-style: solid;\n  cursor: pointer;\n}\n.paladin-thumb-content .paladin-thumb-bottom {\n  white-space: nowrap;\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  color: #faa80a;\n  text-align: center;\n  font-size: 14px;\n  z-index: 2;\n}\n.paladin-thumb-content .paladin-thumb-bottom-mobile,\n.paladin-thumb-content .paladin-thumb-top-mobile {\n  font-size: 10px;\n}\n.paladin-thumb-content .paladin-thumb-top {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  color: yellow;\n  font-size: 14px;\n  z-index: 2;\n}\n.paladin-thumb-content .paladin-thumb-mask {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n.paladin-thumb-content .paladin-thumb-process {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  height: 4px;\n  width: 100%;\n  background: #ffffff;\n  overflow: hidden;\n}\n.paladin-thumb-content .paladin-thumb-process .paladin-thumb-process-inner {\n  background: #faa80a;\n  height: 100%;\n}\n.mobile-thumb {\n  width: 50px;\n  height: 50px;\n}\n.paladin-thumb-svg {\n  cursor: pointer;\n  justify-content: center;\n}\n.paladin-thumb-svg svg {\n  fill: #fff;\n}\n.paladin-thumb-svg:hover {\n  background-color: #616772;\n}\n.paladin-thumb-button {\n  cursor: pointer;\n  justify-content: center;\n  padding: 0 15px;\n}\n.paladin-thumb-button svg {\n  fill: #fff;\n}\n.paladin-thumb-button:hover {\n  background-color: #616772;\n}\n.paladin-thumb-button svg {\n  width: 11px !important;\n}\n.paladin-fresh-button {\n  cursor: pointer;\n  justify-content: center;\n  padding: 0 25px;\n}\n.paladin-fresh-button svg {\n  fill: #fff;\n}\n.paladin-fresh-button:hover {\n  background-color: #616772;\n}\n.paladin-fresh-button svg {\n  width: 15px !important;\n}\n.paladin-thumb-study {\n  cursor: pointer;\n  font-size: 14px;\n  line-height: 40px;\n  padding: 0 12px;\n  color: #ffffff;\n}\n.paladin-thumb-viewport {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n}\n.paladin-thumb-viewport h4,\n.paladin-thumb-viewport p {\n  font-size: 10px;\n}\n.paladin-thumb-study-wrapper {\n  border-bottom: 1px solid #727882;\n}\n.paladin-thumb-context-wrapper {\n  padding: 4px 2px;\n}\n";
 styleInject$1(css_248z$t);
 
 function _extends$1p() { _extends$1p = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1p.apply(this, arguments); }
@@ -48056,26 +48087,6 @@ function _isNativeReflectConstruct$1p() { if (typeof Reflect === "undefined" ||
 var loadIndicatorDelay = 300;
 var isMobile$2 = ua.isDeviceTypeMobile();
 
-function capitalizeFirstLetter(string) {
-  return string.charAt(0).toUpperCase() + string.slice(1);
-}
-
-function initializeTools(cornerstoneTools, tools, element) {
-  Array.from(tools).forEach(function (tool) {
-    var apiTool = cornerstoneTools["".concat(tool.name, "Tool")] || tool.apiTool;
-
-    if (apiTool) {
-      cornerstoneTools.addToolForElement(element, apiTool, tool.props);
-    } else {
-      throw new Error("Tool not found: ".concat(tool.name, "Tool"));
-    }
-
-    if (tool.mode) {
-      cornerstoneTools["setTool".concat(capitalizeFirstLetter(tool.mode), "ForElement")](element, tool.name);
-    }
-  });
-}
-
 var ThumbnailViewport = /*#__PURE__*/function (_Component) {
   inherits(ThumbnailViewport, _Component);
 
@@ -48129,7 +48140,6 @@ var ThumbnailViewport = /*#__PURE__*/function (_Component) {
 
         if (_this.element) {
           cornerstone.displayImage(_this.element, image);
-          cornerstoneTools.setToolActiveForElement(_this.element, 'OrientationMarkers');
         }
       }, function (error) {
         _this.clearLoadHandler();
@@ -48160,9 +48170,7 @@ var ThumbnailViewport = /*#__PURE__*/function (_Component) {
       cornerstone.getEnabledElement(this.element).canvas.width = size;
       cornerstone.getEnabledElement(this.element).canvas.height = size;
       this.addEventListener();
-      unusedSynchronizer.add(this.element); // 初始化工具
-
-      initializeTools(cornerstoneTools, this.props.availableTools, this.element);
+      unusedSynchronizer.add(this.element);
       this.loadImage();
     }
   }, {
@@ -48222,20 +48230,6 @@ var ThumbnailViewport = /*#__PURE__*/function (_Component) {
   return ThumbnailViewport;
 }(React.Component);
 
-defineProperty(ThumbnailViewport, "defaultProps", {
-  availableTools: [{
-    name: 'OrientationMarkers',
-    props: {
-      color: "yellow",
-      paddingRight: isMobile$2 ? 5 : 3,
-      paddingLeft: isMobile$2 ? 2 : 1,
-      paddingBottom: isMobile$2 ? 6 : 2,
-      paddingTop: 0,
-      fontSize: isMobile$2 ? 9 : 11
-    }
-  }]
-});
-
 function _createSuper$1q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1q(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct$1q() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
@@ -48243,7 +48237,8 @@ var isMobile$3 = ua.isDeviceTypeMobile();
 
 var ThumbContent = function ThumbContent(props) {
   var series = props.series,
-      loaded = props.loaded;
+      loaded = props.loaded,
+      hasAI = props.hasAI;
   var loadedCount = loaded && loaded[series.seriesInstanceUID];
   var totalCount = series && series.numberOfSeriesRelatedInstances;
   var width = 0;
@@ -48271,7 +48266,9 @@ var ThumbContent = function ThumbContent(props) {
     style: {
       'width': "".concat(width * 100, "%")
     }
-  })), /*#__PURE__*/React__default.createElement(ThumbnailViewport, {
+  })), hasAI && /*#__PURE__*/React__default.createElement("div", {
+    className: isMobile$3 ? "paladin-thumb-top paladin-thumb-top-mobile" : "paladin-thumb-top"
+  }, "AI"), /*#__PURE__*/React__default.createElement(ThumbnailViewport, {
     imageId: series.imageIds[0]
   }), /*#__PURE__*/React__default.createElement("div", {
     className: isMobile$3 ? "paladin-thumb-bottom paladin-thumb-bottom-mobile" : "paladin-thumb-bottom"
@@ -48357,7 +48354,8 @@ var DicomThumbnailLayout = /*#__PURE__*/function (_Component) {
       var _this$props = this.props,
           currentSeriesUID = _this$props.currentSeriesUID,
           study = _this$props.study,
-          loaded = _this$props.loaded;
+          loaded = _this$props.loaded,
+          aiResult = _this$props.aiResult;
       var _this$state2 = this.state,
           currentStudy = _this$state2.currentStudy,
           thumbnailLoaded = _this$state2.thumbnailLoaded;
@@ -48403,6 +48401,12 @@ var DicomThumbnailLayout = /*#__PURE__*/function (_Component) {
         }, /*#__PURE__*/React__default.createElement("div", {
           className: "paladin-flex"
         }, studyItem.series && studyItem.series.map(function (series, i) {
+          var hasAI = false;
+
+          if (aiResult && aiResult.seriesUID === series.seriesInstanceUID) {
+            hasAI = true;
+          }
+
           return /*#__PURE__*/React__default.createElement("div", {
             className: "paladin-thumb-context-wrapper",
             style: {
@@ -48422,7 +48426,8 @@ var DicomThumbnailLayout = /*#__PURE__*/function (_Component) {
           }, /*#__PURE__*/React__default.createElement(ThumbContent, {
             series: series,
             loaded: loaded,
-            currentSeriesUID: currentSeriesUID
+            currentSeriesUID: currentSeriesUID,
+            hasAI: hasAI
           })));
         })))), /*#__PURE__*/React__default.createElement("div", {
           className: "paladin-fresh-button paladin-flex-col",
@@ -49719,7 +49724,7 @@ function processCentesisPath(imageId) {
   }
 }
 
-var css_248z$z = ".paladin-thickness-container {\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 90px;\n  height: 16px;\n  background-color: #505050;\n  color: #888;\n  font-size: 13px;\n}\n.paladin-thickness-selecter {\n  padding: 5px 0;\n  background-color: #333;\n  color: #c8c8c8;\n  font-size: 12px;\n}\n.paladin-thickness-selecter .paladin-thickness-select-item {\n  padding: 3px 20px;\n  cursor: pointer;\n}\n.paladin-thickness-selecter .paladin-thickness-select-item:hover {\n  background-color: #fff;\n  color: #000;\n}\n.paladin-thickness-selecter .paladin-thickness-select-mpr {\n  border-bottom: 1px solid #ffffff;\n  padding: 3px 20px 8px 20px;\n}\n";
+var css_248z$z = ".paladin-thickness-container {\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100px;\n  height: 16px;\n  background-color: #505050;\n  color: #888;\n  font-size: 13px;\n}\n.paladin-thickness-selecter {\n  padding: 5px 0;\n  background-color: #333;\n  color: #c8c8c8;\n  font-size: 12px;\n}\n.paladin-thickness-selecter .paladin-thickness-select-item {\n  padding: 3px 20px;\n  cursor: pointer;\n}\n.paladin-thickness-selecter .paladin-thickness-select-item:hover {\n  background-color: #fff;\n  color: #000;\n}\n.paladin-thickness-selecter .paladin-thickness-select-mpr {\n  border-bottom: 1px solid #ffffff;\n  padding: 3px 20px 8px 20px;\n}\n";
 styleInject$1(css_248z$z);
 
 function _createSuper$1u(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1u(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
@@ -49788,7 +49793,7 @@ var ThicknessSelectMain = /*#__PURE__*/function (_Component) {
               value: 1
             });
           }
-        }, "MPR"), _this2.selectOptions && _this2.selectOptions.map(function (item) {
+        }, "MPR\u5C42\u539A\u590D\u539F"), _this2.selectOptions && _this2.selectOptions.map(function (item) {
           return /*#__PURE__*/React__default.createElement("div", {
             className: "paladin-thickness-select-item",
             key: "thickness-".concat(item.value),
@@ -49807,7 +49812,9 @@ var ThicknessSelectMain = /*#__PURE__*/function (_Component) {
         popoverPlacement: 'top'
       }, /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-thickness-container"
-      }, value === 1 ? 'MPR' : (spaceBetweenSlice * value).toFixed(1) + 'mm-MIP'));
+      }, value === 1 ? '层厚选择' : (spaceBetweenSlice * value).toFixed(1) + 'mm-MIP', /*#__PURE__*/React__default.createElement("span", {
+        className: "paladin-dicom-tool-tab-more"
+      }, /*#__PURE__*/React__default.createElement(SvgCaretDown, null))));
     }
   }]);
 
@@ -50037,25 +50044,44 @@ var dicomToolDefaultProps = {
     mouseButtonMasks: [1]
   }]
 };
+/**
+ * 1 左键
+ * 2 右键
+ * 4 中键
+ */
 
 function getCustomAvailableTools(data) {
-  var panMask = [1, 4];
+  var panMask = [1];
   var zoomMask = [1];
   var wwwcMask = [1];
   var stackScrollMask = [1];
 
   if (data && data.rightMouseTool) {
     if (data.rightMouseTool === 'Pan') {
-      panMask = [1, 2, 4];
+      panMask.push(2);
     } else if (data.rightMouseTool === 'Wwwc') {
-      wwwcMask = [1, 2];
+      wwwcMask.push(2);
     } else if (data.rightMouseTool === 'StackScroll') {
-      stackScrollMask = [1, 2];
+      stackScrollMask.push(2);
     } else {
-      zoomMask = [1, 2];
+      zoomMask.push(2);
     }
   } else {
-    zoomMask = [1, 2];
+    zoomMask.push(2);
+  }
+
+  if (data && data.middleMouseTool) {
+    if (data.middleMouseTool === 'Zoom') {
+      zoomMask.push(4);
+    } else if (data.middleMouseTool === 'Wwwc') {
+      wwwcMask.push(4);
+    } else if (data.middleMouseTool === 'StackScroll') {
+      stackScrollMask.push(4);
+    } else {
+      panMask.push(4);
+    }
+  } else {
+    panMask.push(4);
   }
 
   return [{
@@ -50162,11 +50188,11 @@ function setToolsPassiveForElement(cornerstoneTools, tools, element) {
   });
 }
 
-function capitalizeFirstLetter$1(string) {
+function capitalizeFirstLetter(string) {
   return string.charAt(0).toUpperCase() + string.slice(1);
 }
 
-function initializeTools$1(cornerstoneTools, tools, element) {
+function initializeTools(cornerstoneTools, tools, element) {
   Array.from(tools).forEach(function (tool) {
     var apiTool = cornerstoneTools["".concat(tool.name, "Tool")] || tool.apiTool;
 
@@ -50177,7 +50203,7 @@ function initializeTools$1(cornerstoneTools, tools, element) {
     }
 
     if (tool.mode) {
-      cornerstoneTools["setTool".concat(capitalizeFirstLetter$1(tool.mode), "ForElement")](element, tool.name);
+      cornerstoneTools["setTool".concat(capitalizeFirstLetter(tool.mode), "ForElement")](element, tool.name);
     }
   });
 }
@@ -51061,7 +51087,8 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
           direction = _this$props4.direction,
           CPR = _this$props4.CPR,
           onClickDomErrorReRenderButton = _this$props4.onClickDomErrorReRenderButton,
-          keyImages = _this$props4.keyImages;
+          keyImages = _this$props4.keyImages,
+          onDoubleClick = _this$props4.onDoubleClick;
       var active = activeIndex === index;
 
       var linked = lodash$1.includes(linkedIndexArr, index);
@@ -51088,6 +51115,7 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
         onDrop: this.onDrop,
         onDragOver: this.onDragOver,
         onClick: onClick,
+        onDoubleClick: onDoubleClick,
         onTouchStart: onClick,
         onContextMenu: this.onContextMenu,
         className: mpr ? "cornerstone-canvas-container cornerstone-mpr-".concat(mpr) : 'cornerstone-canvas-container',
@@ -51152,7 +51180,7 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
         className: "paladin-flex paladin-flex-row paladin-viewport-scroll-mpr-wrappper"
       }, /*#__PURE__*/React__default.createElement("div", {
         style: {
-          width: 'calc(100% - 90px)'
+          width: 'calc(100% - 100px)'
         }
       }, /*#__PURE__*/React__default.createElement(CustomScroll, {
         step: imageCount,
@@ -51616,7 +51644,7 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
 
       this.addEventListener(); // 初始化工具
 
-      initializeTools$1(cornerstoneTools, this.availableTools, element);
+      initializeTools(cornerstoneTools, this.availableTools, element);
 
       if (this.props.mpr && this.props.mpr === ImagePlanDirection.CPR) {
         return;
@@ -54212,7 +54240,8 @@ var ThreeDLayout = /*#__PURE__*/function (_Component) {
           handleViewportState = _this$props.handleViewportState,
           getCacheViewport = _this$props.getCacheViewport,
           onSyncOpen = _this$props.onSyncOpen,
-          VR = _this$props.VR;
+          VR = _this$props.VR,
+          onViewPortCellDoubleClick = _this$props.onViewPortCellDoubleClick;
       var transverseIndex = mprPerspective === ImagePlanDirection.Transverse ? 0 : mprPerspective === ImagePlanDirection.Sagittal ? 2 : 1;
       var sagittalIndex = mprPerspective === ImagePlanDirection.Transverse ? 1 : mprPerspective === ImagePlanDirection.Sagittal ? 0 : 2;
       var coronalIndex = mprPerspective === ImagePlanDirection.Transverse ? 2 : mprPerspective === ImagePlanDirection.Sagittal ? 1 : 0; // 横断面
@@ -54227,6 +54256,9 @@ var ThreeDLayout = /*#__PURE__*/function (_Component) {
         onClick: function onClick() {
           onViewPortCellClick(transverseIndex);
         },
+        onDoubleClick: function onDoubleClick() {
+          onViewPortCellDoubleClick(ImagePlanDirection.Transverse);
+        },
         setViewportState: handleViewportState,
         getCacheViewport: getCacheViewport,
         onSyncOpen: onSyncOpen,
@@ -54243,6 +54275,9 @@ var ThreeDLayout = /*#__PURE__*/function (_Component) {
         onClick: function onClick() {
           onViewPortCellClick(sagittalIndex);
         },
+        onDoubleClick: function onDoubleClick() {
+          onViewPortCellDoubleClick(ImagePlanDirection.Sagittal);
+        },
         setViewportState: handleViewportState,
         getCacheViewport: getCacheViewport,
         onSyncOpen: onSyncOpen,
@@ -54259,6 +54294,9 @@ var ThreeDLayout = /*#__PURE__*/function (_Component) {
         onClick: function onClick() {
           onViewPortCellClick(coronalIndex);
         },
+        onDoubleClick: function onDoubleClick() {
+          onViewPortCellDoubleClick(ImagePlanDirection.Coronal);
+        },
         setViewportState: handleViewportState,
         getCacheViewport: getCacheViewport,
         onSyncOpen: onSyncOpen,
@@ -54363,12 +54401,16 @@ var mergeProps$q = function mergeProps(propsFromState, propsFromDispatch, ownPro
     },
     onSyncOpen: function onSyncOpen(element) {
       propsFromState.mprSynchronizer.add(element);
+    },
+    onViewPortCellDoubleClick: function onViewPortCellDoubleClick(mpr) {
+      propsFromDispatch.switchMprPerspective(false, mpr);
     }
   });
 };
 
 var ConnectedMPRLayout = reactRedux.connect(mapStateToProps$r, {
-  setMprActiveIndex: setMprActiveIndex
+  setMprActiveIndex: setMprActiveIndex,
+  switchMprPerspective: switchMprPerspective
 }, mergeProps$q)(ThreeDLayout);
 
 function _createForOfIteratorHelper$d(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$f(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
@@ -65628,7 +65670,7 @@ var FilmToolVerticalMode = /*#__PURE__*/function (_Component) {
   return FilmToolVerticalMode;
 }(React.Component);
 
-var css_248z$H = ".paladin-film-print-modal table {\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n  border: 1px solid #525253;\n  border-bottom: none;\n}\n.paladin-film-print-modal table svg {\n  width: 20px;\n}\n.paladin-film-print-modal table tr {\n  height: 54px;\n  margin-left: 30px;\n  border-bottom: 1px solid #525253;\n}\n.paladin-film-print-modal table tr .th-1 {\n  width: 3%;\n}\n.paladin-film-print-modal table tr .th-2 {\n  width: 18%;\n}\n.paladin-film-print-modal table tr .th-3 {\n  width: 13%;\n}\n.paladin-film-print-modal table tr .th-4 {\n  width: 19%;\n}\n.paladin-film-print-modal table tr .th-5 {\n  width: 15%;\n}\n.paladin-film-print-modal table tr .th-6 {\n  width: 12%;\n}\n.paladin-film-print-modal table tr .th-7 {\n  width: 16%;\n}\n.paladin-film-print-modal table tr th {\n  background: #404041;\n}\n.paladin-film-print-modal table tr th,\n.paladin-film-print-modal table tr td {\n  text-align: left;\n  font-weight: normal;\n  font-size: 14px;\n  word-wrap: break-word;\n  word-break: break-all;\n}\n.paladin-film-print-modal table tr th button,\n.paladin-film-print-modal table tr td button {\n  border: none;\n  background: transparent;\n  color: #3C7EFF;\n}\n.paladin-film-print-modal .print-modal-top {\n  margin-bottom: 24px;\n  margin-top: 5px;\n}\n.paladin-film-print-modal .print-modal-top button {\n  background: #3C7EFF;\n}\n.paladin-film-print-modal .printer-config-add-title {\n  color: #3C7EFF;\n  margin-left: 30px;\n}\n.paladin-film-print-modal .printer-config-form {\n  margin-top: 20px;\n}\n.paladin-film-print-modal .printer-config-form .paladin-ipt {\n  color: #ccc;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n}\n.paladin-film-print-modal .printer-config-form .paladin-row {\n  margin-bottom: 18px;\n}\n.paladin-film-print-modal .printer-config-form .paladin-col {\n  padding-right: 20px;\n}\n.paladin-film-print-modal .printer-config-form .paladin-col-xs-2 {\n  justify-content: center;\n  align-items: end;\n}\n.paladin-film-print-modal .printer-config-form .printer-config-form-radio .paladin-ipt {\n  width: 20px;\n}\n.paladin-film-print-modal .film-box {\n  display: flex;\n  align-items: center;\n}\n.paladin-film-print-modal .film-box span {\n  display: flex;\n  flex: none;\n  width: 100px;\n}\n.paladin-film-print-modal .film-box .film-select {\n  cursor: pointer;\n  width: 200px;\n  height: 40px;\n  display: flex;\n  position: relative;\n  align-items: center;\n  justify-content: center;\n  background: #1f1f1f;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n}\n.paladin-film-print-modal .film-box button {\n  border: none;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  background: #1f1f1f;\n  color: #c0c0c0;\n  font-size: 15px;\n}\n.paladin-film-print-modal .film-box svg {\n  width: 20px;\n  position: absolute;\n  right: 5px;\n  top: 0;\n}\n.paladin-film-print-modal .film-printer-info {\n  margin-left: 100px;\n  color: #A4A4A4;\n}\n.paladin-film-print-modal .film-printer-info p {\n  margin-top: 15px;\n}\n.paladin-film-print-modal .paladin-menu-custom {\n  width: 200px;\n  background: #000000;\n  color: #c0c0c0;\n  padding: 0;\n  margin: 0;\n}\n.paladin-film-print-modal .paladin-menu-custom li {\n  text-align: center;\n  list-style: none;\n  border-bottom: 1px solid #4D4D4D;\n  padding: 6px 0;\n  cursor: pointer;\n}\n.paladin-film-print-modal .paladin-menu-custom li:last-child {\n  border-bottom: none;\n}\n.paladin-film-print-modal .film-button-select {\n  height: 36px;\n}\n.paladin-film-print-modal .film-button-select .paladin-col {\n  justify-content: center;\n}\n.paladin-film-print-modal .film-button-select-item {\n  cursor: pointer;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  height: 36px;\n  border: 1px solid #555555;\n  border-right: none;\n}\n.paladin-film-print-modal .film-button-select-item:last-child {\n  border-right: 1px solid #555555;\n}\n.paladin-film-print-modal .film-button-select-item-active {\n  background: #3C7EFF;\n  color: #fff;\n}\n.paladin-film-print-modal .print-modal-bottom {\n  margin-top: 30px;\n  text-align: right;\n}\n.paladin-film-print-modal .print-modal-bottom .paladin-default {\n  background: #454545;\n  border: 1px solid #707070;\n  color: rgba(255, 255, 255, 0.9);\n}\n.paladin-film-print-modal .print-modal-bottom .paladin-primary {\n  background: #3C7EFF;\n}\n";
+var css_248z$H = ".paladin-film-print-modal table {\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n  border: 1px solid #525253;\n  border-bottom: none;\n}\n.paladin-film-print-modal table svg {\n  width: 20px;\n}\n.paladin-film-print-modal table tr {\n  height: 54px;\n  margin-left: 30px;\n  border-bottom: 1px solid #525253;\n}\n.paladin-film-print-modal table tr .th-1 {\n  width: 3%;\n}\n.paladin-film-print-modal table tr .th-2 {\n  width: 18%;\n}\n.paladin-film-print-modal table tr .th-3 {\n  width: 13%;\n}\n.paladin-film-print-modal table tr .th-4 {\n  width: 19%;\n}\n.paladin-film-print-modal table tr .th-5 {\n  width: 15%;\n}\n.paladin-film-print-modal table tr .th-6 {\n  width: 12%;\n}\n.paladin-film-print-modal table tr .th-7 {\n  width: 16%;\n}\n.paladin-film-print-modal table tr th {\n  background: #404041;\n}\n.paladin-film-print-modal table tr th,\n.paladin-film-print-modal table tr td {\n  text-align: left;\n  font-weight: normal;\n  font-size: 14px;\n  word-wrap: break-word;\n  word-break: break-all;\n}\n.paladin-film-print-modal table tr th button,\n.paladin-film-print-modal table tr td button {\n  border: none;\n  background: transparent;\n  color: #3C7EFF;\n}\n.paladin-film-print-modal .print-modal-top {\n  margin-bottom: 24px;\n  margin-top: 5px;\n}\n.paladin-film-print-modal .print-modal-top button {\n  background: #3C7EFF;\n}\n.paladin-film-print-modal .printer-config-add-title {\n  color: #3C7EFF;\n  margin-left: 30px;\n}\n.paladin-film-print-modal .printer-config-form {\n  margin-top: 20px;\n}\n.paladin-film-print-modal .printer-config-form .paladin-ipt {\n  color: #ccc;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n}\n.paladin-film-print-modal .printer-config-form .paladin-row {\n  margin-bottom: 18px;\n}\n.paladin-film-print-modal .printer-config-form .paladin-col {\n  padding-right: 20px;\n}\n.paladin-film-print-modal .printer-config-form .paladin-col-xs-2 {\n  justify-content: center;\n  align-items: end;\n}\n.paladin-film-print-modal .printer-config-form .printer-config-form-radio .paladin-ipt {\n  width: 20px;\n}\n.paladin-film-print-modal .film-box {\n  display: flex;\n  align-items: center;\n}\n.paladin-film-print-modal .film-box span {\n  display: flex;\n  flex: none;\n  width: 100px;\n}\n.paladin-film-print-modal .film-box .film-select {\n  cursor: pointer;\n  width: 200px;\n  height: 40px;\n  display: flex;\n  position: relative;\n  align-items: center;\n  justify-content: center;\n  background: #1f1f1f;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n}\n.paladin-film-print-modal .film-box button {\n  border: none;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  background: #1f1f1f;\n  color: #c0c0c0;\n  font-size: 15px;\n}\n.paladin-film-print-modal .film-box svg {\n  width: 20px;\n  position: absolute;\n  right: 5px;\n  top: 0;\n}\n.paladin-film-print-modal .film-printer-info {\n  margin-left: 100px;\n  color: #A4A4A4;\n}\n.paladin-film-print-modal .film-printer-info p {\n  margin-top: 15px;\n}\n.paladin-film-print-modal .paladin-menu-custom {\n  width: 200px;\n  background: #000000;\n  color: #c0c0c0;\n  padding: 0;\n  margin: 0;\n}\n.paladin-film-print-modal .paladin-menu-custom li {\n  text-align: center;\n  list-style: none;\n  border-bottom: 1px solid #4D4D4D;\n  padding: 6px 0;\n  cursor: pointer;\n}\n.paladin-film-print-modal .paladin-menu-custom li:last-child {\n  border-bottom: none;\n}\n.paladin-film-print-modal .film-button-select {\n  height: 36px;\n}\n.paladin-film-print-modal .film-button-select .paladin-col {\n  justify-content: center;\n}\n.paladin-film-print-modal .film-button-select .paladin-ipt {\n  color: #fff;\n  border-color: #4D4D4D;\n}\n.paladin-film-print-modal .film-button-select-item {\n  cursor: pointer;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  height: 36px;\n  border: 1px solid #555555;\n  border-right: none;\n}\n.paladin-film-print-modal .film-button-select-item:last-child {\n  border-right: 1px solid #555555;\n}\n.paladin-film-print-modal .film-button-select-item-active {\n  background: #3C7EFF;\n  color: #fff;\n}\n.paladin-film-print-modal .print-modal-bottom {\n  margin-top: 30px;\n  text-align: right;\n}\n.paladin-film-print-modal .print-modal-bottom .paladin-default {\n  background: #454545;\n  border: 1px solid #707070;\n  color: rgba(255, 255, 255, 0.9);\n}\n.paladin-film-print-modal .print-modal-bottom .paladin-primary {\n  background: #3C7EFF;\n}\n";
 styleInject$1(css_248z$H);
 
 function _extends$1z() { _extends$1z = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1z.apply(this, arguments); }
@@ -66246,7 +66288,7 @@ function calcImageFontSize(width, height) {
 
 var getFilmPrintImageData = /*#__PURE__*/function () {
   var _ref = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(films, options) {
-    var sizeType, row, col, viewFilmItemWidth, filmSize, filmWidth, filmHeight, filmItemWidth, filmItemHeight, filmPrintOriginImageData, id, element, canvas, firstLoad, _iterator, _step, film, bitmap, mockDom, mergedCanvas, mergedCtx, i, item, x, y, imageData, pixelData;
+    var sizeType, row, col, viewFilmItemWidth, filmSize, filmWidth, filmHeight, filmItemWidth, filmItemHeight, filmPrintOriginImageData, id, element, canvas, firstLoad, _iterator, _step, film, bitmap, _imageId, mockDom, mergedCanvas, mergedCtx, i, item, x, y, imageData, pixelData;
 
     return regenerator.wrap(function _callee$(_context) {
       while (1) {
@@ -66344,7 +66386,7 @@ var getFilmPrintImageData = /*#__PURE__*/function () {
 
           case 22:
             if ((_step = _iterator.n()).done) {
-              _context.next = 39;
+              _context.next = 40;
               break;
             }
 
@@ -66352,62 +66394,62 @@ var getFilmPrintImageData = /*#__PURE__*/function () {
             bitmap = void 0;
 
             if (!(film && film.imageIds)) {
-              _context.next = 33;
+              _context.next = 34;
               break;
             }
 
+            _imageId = film.imageIds[0];
             currentImageLoad = {
-              wadouri: film.imageIds[0],
+              wadouri: _imageId,
               resolve: null
-            }; // 影像数据
-
-            _context.next = 29;
-            return getImage(film.imageIds[0], element, canvas, firstLoad);
+            };
+            _context.next = 30;
+            return getImage(_imageId, element, canvas, firstLoad);
 
-          case 29:
+          case 30:
             bitmap = _context.sent;
 
             if (firstLoad) {
               firstLoad = false;
             }
 
-            _context.next = 36;
+            _context.next = 37;
             break;
 
-          case 33:
-            _context.next = 35;
+          case 34:
+            _context.next = 36;
             return getEmptyImageBitmap(filmItemWidth, filmItemHeight);
 
-          case 35:
+          case 36:
             bitmap = _context.sent;
 
-          case 36:
+          case 37:
             filmPrintOriginImageData.push(_objectSpread$Z(_objectSpread$Z({}, film), {}, {
               bitmap: bitmap
             }));
 
-          case 37:
+          case 38:
             _context.next = 22;
             break;
 
-          case 39:
-            _context.next = 44;
+          case 40:
+            _context.next = 45;
             break;
 
-          case 41:
-            _context.prev = 41;
+          case 42:
+            _context.prev = 42;
             _context.t0 = _context["catch"](20);
 
             _iterator.e(_context.t0);
 
-          case 44:
-            _context.prev = 44;
+          case 45:
+            _context.prev = 45;
 
             _iterator.f();
 
-            return _context.finish(44);
+            return _context.finish(45);
 
-          case 47:
+          case 48:
             element.removeEventListener(cornerstone.EVENTS.IMAGE_RENDERED, onImageRendered);
             mockDom = document.getElementById(id);
 
@@ -66451,12 +66493,12 @@ var getFilmPrintImageData = /*#__PURE__*/function () {
               height: filmHeight
             });
 
-          case 69:
+          case 70:
           case "end":
             return _context.stop();
         }
       }
-    }, _callee, null, [[20, 41, 44, 47]]);
+    }, _callee, null, [[20, 42, 45, 48]]);
   }));
 
   return function getFilmPrintImageData(_x, _x2) {
@@ -66585,25 +66627,26 @@ var addDicomInfoOnCanvas = /*#__PURE__*/function () {
             ctx = canvas.getContext('2d');
             ctx.fillStyle = '#c0c0c0';
             ctx.strokeStyle = '#000';
-            ctx.font = dicomInfoFontSize + 'px Arial';
-            _context4.next = 7;
+            _context4.next = 6;
             return loadAndCacheDicom(image.imageId);
 
-          case 7:
+          case 6:
             dicom = _context4.sent;
 
             if (dicom) {
-              _context4.next = 10;
+              _context4.next = 9;
               break;
             }
 
             return _context4.abrupt("return");
 
-          case 10:
+          case 9:
             width = canvas.width;
             height = canvas.height;
             stackImageInfo = currentFilms[image.imageId] || {};
+            ctx.setTransform(1, 0, 0, 1, 0, 0);
             ctx.textAlign = 'left';
+            ctx.font = dicomInfoFontSize + 'px Arial';
             drawLeftTop(dicom, ctx);
             drawLeftBottom(dicom, ctx, height);
             ctx.textAlign = 'right';
@@ -66611,7 +66654,7 @@ var addDicomInfoOnCanvas = /*#__PURE__*/function () {
             drawRightBottom(dicom, ctx, width, height, viewport, image);
             ctx.textAlign = 'left';
 
-          case 20:
+          case 21:
           case "end":
             return _context4.stop();
         }
@@ -66896,10 +66939,12 @@ var FilmPrintModal$1 = /*#__PURE__*/function (_Component) {
           currentPrinter = _this$state.currentPrinter,
           filmMedium = _this$state.filmMedium,
           filmSize = _this$state.filmSize,
-          filmPageType = _this$state.filmPageType;
+          filmPageType = _this$state.filmPageType,
+          maxDensity = _this$state.maxDensity,
+          minDensity = _this$state.minDensity;
       var onFilmPrint = _this.props.onFilmPrint;
 
-      if (!onFilmPrint || !currentPrinter || !filmMedium || !filmSize) {
+      if (!onFilmPrint || !currentPrinter || !filmMedium || !filmSize || !filmPageType || !maxDensity && maxDensity !== 0 || !minDensity && minDensity !== 0) {
         message.error('请选择打印配置');
         return;
       }
@@ -66907,7 +66952,9 @@ var FilmPrintModal$1 = /*#__PURE__*/function (_Component) {
       var printOptions = _objectSpread$_(_objectSpread$_({}, currentPrinter), {}, {
         filmMedium: filmMedium,
         filmSize: filmSize,
-        filmPageType: filmPageType
+        filmPageType: filmPageType,
+        maxDensity: maxDensity,
+        minDensity: minDensity
       });
 
       if (filmPageType === 'ALL_PAGE') {
@@ -66959,7 +67006,9 @@ var FilmPrintModal$1 = /*#__PURE__*/function (_Component) {
       currentPrinter: _currentPrinter,
       filmSize: _this.props.filmSizeType || '1417',
       filmMedium: 'BLUE FILM',
-      filmPageType: 'CURRENT_PAGE'
+      filmPageType: 'CURRENT_PAGE',
+      maxDensity: 300,
+      minDensity: 20
     };
     return _this;
   }
@@ -66976,7 +67025,9 @@ var FilmPrintModal$1 = /*#__PURE__*/function (_Component) {
           currentPrinter = _this$state2.currentPrinter,
           filmMedium = _this$state2.filmMedium,
           filmSize = _this$state2.filmSize,
-          filmPageType = _this$state2.filmPageType;
+          filmPageType = _this$state2.filmPageType,
+          maxDensity = _this$state2.maxDensity,
+          minDensity = _this$state2.minDensity;
       var printerConfigList = this.props.printerConfigList;
 
       var MenuElement = function MenuElement(_props) {
@@ -67058,6 +67109,40 @@ var FilmPrintModal$1 = /*#__PURE__*/function (_Component) {
             _this2.handleSelectFilmPage(v);
           }
         }, v.label);
+      })))), /*#__PURE__*/React__default.createElement(Row, {
+        className: 'film-button-select',
+        style: {
+          marginTop: '20px'
+        }
+      }, /*#__PURE__*/React__default.createElement(Col, {
+        sm: 4
+      }, "\u6700\u5927\u611F\u5149\u5EA6"), /*#__PURE__*/React__default.createElement(Col, {
+        sm: 8
+      }, /*#__PURE__*/React__default.createElement(Row, null, /*#__PURE__*/React__default.createElement(Input$1, {
+        type: "number",
+        value: maxDensity,
+        onChange: function onChange(e) {
+          _this2.setState({
+            maxDensity: e.target.value
+          });
+        }
+      })))), /*#__PURE__*/React__default.createElement(Row, {
+        className: 'film-button-select',
+        style: {
+          marginTop: '20px'
+        }
+      }, /*#__PURE__*/React__default.createElement(Col, {
+        sm: 4
+      }, "\u6700\u5C0F\u611F\u5149\u5EA6"), /*#__PURE__*/React__default.createElement(Col, {
+        sm: 8
+      }, /*#__PURE__*/React__default.createElement(Row, null, /*#__PURE__*/React__default.createElement(Input$1, {
+        type: "number",
+        value: minDensity,
+        onChange: function onChange(e) {
+          _this2.setState({
+            minDensity: e.target.value
+          });
+        }
       })))))), /*#__PURE__*/React__default.createElement("div", {
         className: 'print-modal-bottom'
       }, /*#__PURE__*/React__default.createElement(Button, {
@@ -67410,7 +67495,7 @@ function _createSuper$1K(Derived) { var hasNativeReflectConstruct = _isNativeRef
 function _isNativeReflectConstruct$1K() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 var loadIndicatorDelay$2 = 300;
 
-function capitalizeFirstLetter$2(string) {
+function capitalizeFirstLetter$1(string) {
   return string.charAt(0).toUpperCase() + string.slice(1);
 }
 
@@ -67420,7 +67505,7 @@ function setToolsPassiveForElement$1(cornerstoneTools, tools, element) {
   });
 }
 
-function initializeTools$2(cornerstoneTools, tools, element) {
+function initializeTools$1(cornerstoneTools, tools, element) {
   Array.from(tools).forEach(function (tool) {
     var apiTool = cornerstoneTools["".concat(tool.name, "Tool")] || tool.apiTool;
 
@@ -67431,7 +67516,7 @@ function initializeTools$2(cornerstoneTools, tools, element) {
     }
 
     if (tool.mode) {
-      cornerstoneTools["setTool".concat(capitalizeFirstLetter$2(tool.mode), "ForElement")](element, tool.name);
+      cornerstoneTools["setTool".concat(capitalizeFirstLetter$1(tool.mode), "ForElement")](element, tool.name);
     }
   });
 }
@@ -67638,7 +67723,7 @@ var FilmViewport = /*#__PURE__*/function (_Component) {
       var element = this.element;
       cornerstone.enable(element, {});
       this.addEventListener();
-      initializeTools$2(cornerstoneTools, this.props.availableTools, element);
+      initializeTools$1(cornerstoneTools, this.props.availableTools, element);
       this.loadImage();
       unusedSynchronizer.add(this.element);
     }
@@ -68325,9 +68410,11 @@ var DicomView = /*#__PURE__*/function (_Component) {
       } else {
         var leftMouseTool = window.localStorage.getItem('hellfire-left-mouse-tool');
         var rightMouseTool = window.localStorage.getItem('hellfire-right-mouse-tool');
+        var middleMouseTool = window.localStorage.getItem('hellfire-middle-mouse-tool');
         saveCustomDicomSetting({
           leftMouseTool: leftMouseTool,
-          rightMouseTool: rightMouseTool
+          rightMouseTool: rightMouseTool,
+          middleMouseTool: middleMouseTool
         });
       }
     }
@@ -68762,7 +68849,8 @@ var DicomView = /*#__PURE__*/function (_Component) {
         className: "paladin-dicomView-dicomThumbnailWrapper"
       }, /*#__PURE__*/React__default.createElement(ConnectedDicomThumbnail, {
         study: originStudy,
-        onRefresh: onRefresh
+        onRefresh: onRefresh,
+        aiResult: this.props.aiResult
       }));
       var GlobalLoading = /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-global-loading"