hellfire 0.28.11 → 0.28.13

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [0.28.13](http://10.16.100.57/diffusion/115/paladin/compare/v0.28.12...v0.28.13) (2024-12-30)
+
+
+
+## [0.28.12](http://10.16.100.57/diffusion/115/paladin/compare/v0.28.11...v0.28.12) (2024-12-23)
+
+
+
 ## [0.28.11](http://10.16.100.57/diffusion/115/paladin/compare/v0.28.10...v0.28.11) (2024-12-19)
 
 

package/dist/index.js

@@ -908,7 +908,9 @@ var SET_IO_OFF = 'SET_IO_OFF';
 var SET_VIEW_MODE = 'SET_VIEW_MODE';
 var SET_MIP_ACTIVE_TOOL = 'SET_MIP_ACTIVE_TOOL';
 var SET_ACTION_STATE_KEY = 'SET_ACTION_STATE_KEY';
-var SET_KEY_IMAGE = 'SET_KEY_IMAGE'; // ---------- Reducers ----------
+var SET_KEY_IMAGE = 'SET_KEY_IMAGE';
+var TOGGLE_DISPLAY_SHUTTER = 'TOGGLE_DISPLAY_SHUTTER';
+var SET_DISPLAY_SHUTTER = 'SET_DISPLAY_SHUTTER'; // ---------- Reducers ----------
 
 var isMobile = ua.isDeviceTypeMobile();
 var initActiveTool = isMobile ? 'StackScroll' : 'Wwwc';
@@ -953,7 +955,9 @@ var initialState$1 = {
   // 每个序列单独管理自己是否锐化的状态
   keyImages: [],
   // 关键图像数据
-  Film: false
+  Film: false,
+  displayShutter: true // 开启、关闭遮罩，默认开启
+
 };
 var action = (function () {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState$1;
@@ -1010,6 +1014,30 @@ var action = (function () {
         });
       }
 
+    case TOGGLE_DISPLAY_SHUTTER:
+      {
+        var _next = !state.displayShutter;
+
+        var _nextStorageValue = _next ? 'open' : 'close';
+
+        window.localStorage.setItem('hellfire-shutter-default-state', _nextStorageValue);
+        return _objectSpread$1(_objectSpread$1({}, state), {}, {
+          displayShutter: _next
+        });
+      }
+
+    case SET_DISPLAY_SHUTTER:
+      {
+        var _next2 = action.payload.value;
+
+        var _nextStorageValue2 = _next2 ? 'open' : 'close';
+
+        window.localStorage.setItem('hellfire-shutter-default-state', _nextStorageValue2);
+        return _objectSpread$1(_objectSpread$1({}, state), {}, {
+          displayShutter: _next2
+        });
+      }
+
     case ACTIVE_DICOM_FUNCTION:
       {
         var _action$payload = action.payload,
@@ -1060,14 +1088,14 @@ var action = (function () {
 
     case TOGGLE_MEASURE:
       {
-        var _next = !state.continuousMeasure; // 记忆连续测量的值
+        var _next3 = !state.continuousMeasure; // 记忆连续测量的值
 
 
-        var _nextStorageValue = _next ? 'open' : 'close';
+        var _nextStorageValue3 = _next3 ? 'open' : 'close';
 
-        window.localStorage.setItem('hellfire-continuous-measure-default-state', _nextStorageValue);
+        window.localStorage.setItem('hellfire-continuous-measure-default-state', _nextStorageValue3);
         return _objectSpread$1(_objectSpread$1({}, state), {}, {
-          continuousMeasure: _next
+          continuousMeasure: _next3
         });
       }
 
@@ -1164,6 +1192,23 @@ function toggleOverlayText() {
     type: TOGGLE_OVERLAY_TEXT
   };
 }
+/**
+ * 开启关闭遮罩
+ */
+
+function toggleDisplayShutter(value) {
+  return {
+    type: TOGGLE_DISPLAY_SHUTTER
+  };
+}
+function setDisplayShutter(value) {
+  return {
+    type: SET_DISPLAY_SHUTTER,
+    payload: {
+      value: value
+    }
+  };
+}
 /**
  * 工具栏中单个触发的开关
  * 如：全屏、自动联动等
@@ -28261,8 +28306,8 @@ function _createSuper$J(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 function _isNativeReflectConstruct$J() { 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 BaseTool$c = cornerstoneTools.importInternal('base/BaseTool');
-var fillOutsideRect = cornerstoneTools.importInternal('drawing/fillOutsideRect');
 var getNewContext$i = cornerstoneTools.importInternal('drawing/getNewContext');
+var path$2 = cornerstoneTools.importInternal('drawing/path');
 var external$t = cornerstoneTools.external;
 /**
  * 工具：遮罩
@@ -28304,14 +28349,11 @@ var ShutterShapeTool = /*#__PURE__*/function (_BaseTool) {
         external$t.cornerstone.updateImage(element);
       }
     }
-  }, {
-    key: "drawShape",
-    value: function drawShape(canvas, rowHeightInCanvas, rulerSpace) {}
   }, {
     key: "renderToolData",
     value: function () {
       var _renderToolData = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(evt) {
-        var eventData, canvas, image, element, context, imagePlane, ShutterLeftVerticalEdge, ShutterRightVerticalEdge, ShutterUpperHorizontalEdge, ShutterLowerHorizontalEdge, _ShutterLeftVerticalEdge, _ShutterRightVerticalEdge, _ShutterUpperHorizontalEdge, _ShutterLowerHorizontalEdge, start, end;
+        var eventData, canvas, image, element, context, imagePlane, rows, columns, ShutterLeftVerticalEdge, ShutterRightVerticalEdge, ShutterUpperHorizontalEdge, ShutterLowerHorizontalEdge, _ShutterLeftVerticalEdge, _ShutterRightVerticalEdge, _ShutterUpperHorizontalEdge, _ShutterLowerHorizontalEdge, start, end, corner1, corner2, left, top, width, height, devicePixelRatio;
 
         return regenerator.wrap(function _callee$(_context) {
           while (1) {
@@ -28331,32 +28373,50 @@ var ShutterShapeTool = /*#__PURE__*/function (_BaseTool) {
                 return _context.abrupt("return");
 
               case 7:
+                rows = imagePlane.rows;
+                columns = imagePlane.columns;
                 ShutterLeftVerticalEdge = imagePlane.shutterLeftVerticalEdge;
                 ShutterRightVerticalEdge = imagePlane.shutterRightVerticalEdge;
                 ShutterUpperHorizontalEdge = imagePlane.shutterUpperHorizontalEdge;
                 ShutterLowerHorizontalEdge = imagePlane.shutterLowerHorizontalEdge;
 
                 if (!(!ShutterLeftVerticalEdge || !ShutterRightVerticalEdge || !ShutterUpperHorizontalEdge || !ShutterLowerHorizontalEdge)) {
-                  _context.next = 13;
+                  _context.next = 15;
                   break;
                 }
 
                 return _context.abrupt("return");
 
-              case 13:
+              case 15:
                 _ShutterLeftVerticalEdge = lodash$1.toNumber(ShutterLeftVerticalEdge);
                 _ShutterRightVerticalEdge = lodash$1.toNumber(ShutterRightVerticalEdge);
                 _ShutterUpperHorizontalEdge = lodash$1.toNumber(ShutterUpperHorizontalEdge);
                 _ShutterLowerHorizontalEdge = lodash$1.toNumber(ShutterLowerHorizontalEdge);
 
                 if (!(lodash$1.isNaN(_ShutterLeftVerticalEdge) || lodash$1.isNaN(_ShutterRightVerticalEdge) || lodash$1.isNaN(_ShutterUpperHorizontalEdge) || lodash$1.isNaN(_ShutterLowerHorizontalEdge))) {
-                  _context.next = 19;
+                  _context.next = 21;
                   break;
                 }
 
                 return _context.abrupt("return");
 
-              case 19:
+              case 21:
+                if (!(_ShutterLeftVerticalEdge < 0 || _ShutterRightVerticalEdge < 0 || _ShutterUpperHorizontalEdge < 0 || _ShutterLowerHorizontalEdge < 0)) {
+                  _context.next = 23;
+                  break;
+                }
+
+                return _context.abrupt("return");
+
+              case 23:
+                if (!(_ShutterLeftVerticalEdge > rows || _ShutterRightVerticalEdge > rows || _ShutterUpperHorizontalEdge > columns || _ShutterLowerHorizontalEdge > columns)) {
+                  _context.next = 25;
+                  break;
+                }
+
+                return _context.abrupt("return");
+
+              case 25:
                 start = {
                   x: _ShutterLeftVerticalEdge,
                   y: _ShutterUpperHorizontalEdge
@@ -28365,13 +28425,23 @@ var ShutterShapeTool = /*#__PURE__*/function (_BaseTool) {
                   x: _ShutterRightVerticalEdge,
                   y: _ShutterLowerHorizontalEdge
                 };
-                fillOutsideRect(context, element, start, end, {
+                corner1 = external$t.cornerstone.pixelToCanvas(element, start);
+                corner2 = external$t.cornerstone.pixelToCanvas(element, end);
+                left = Math.min(corner1.x, corner2.x);
+                top = Math.min(corner1.y, corner2.y);
+                width = Math.abs(corner1.x - corner2.x);
+                height = Math.abs(corner1.y - corner2.y);
+                devicePixelRatio = getDevicePixelRatio();
+                path$2(context, {
                   color: '#000',
                   fillStyle: '#000'
+                }, function (context) {
+                  context.rect(0, 0, context.canvas.clientWidth * devicePixelRatio, context.canvas.clientHeight * devicePixelRatio);
+                  context.rect(left + width, top, -width, height);
                 });
                 return _context.abrupt("return");
 
-              case 23:
+              case 36:
               case "end":
                 return _context.stop();
             }
@@ -28388,7 +28458,7 @@ var ShutterShapeTool = /*#__PURE__*/function (_BaseTool) {
   }]);
 
   return ShutterShapeTool;
-}(BaseTool$c); //
+}(BaseTool$c);
 
 var getToolState$g = cornerstoneTools.getToolState;
 function getImagesLength (element) {
@@ -33910,7 +33980,7 @@ var ImageTool = /*#__PURE__*/function (_Component) {
           icon: /*#__PURE__*/React__default.createElement(SvgQrcode, null)
         }, {
           key: 'openDicomModal',
-          text: 'DICOM信息',
+          text: '图像信息',
           icon: /*#__PURE__*/React__default.createElement(SvgFileTextAlt, null),
           value: 'dicomInfo',
           onClick: function onClick() {
@@ -43772,7 +43842,8 @@ var DicomToolFlattenMode = /*#__PURE__*/function (_Component) {
           MIP = _this$props2.MIP,
           CPR = _this$props2.CPR,
           films = _this$props2.films,
-          allowFilmPrint = _this$props2.allowFilmPrint;
+          allowFilmPrint = _this$props2.allowFilmPrint,
+          displayShutter = _this$props2.displayShutter;
       var _this$props3 = this.props,
           start3D = _this$props3.start3D,
           exit3D = _this$props3.exit3D,
@@ -43784,7 +43855,8 @@ var DicomToolFlattenMode = /*#__PURE__*/function (_Component) {
           openDicomModal = _this$props3.openDicomModal,
           operateKeyImages = _this$props3.operateKeyImages,
           openSettingModal = _this$props3.openSettingModal,
-          handleFilmPrint = _this$props3.handleFilmPrint;
+          handleFilmPrint = _this$props3.handleFilmPrint,
+          toggleDisplayShutter = _this$props3.toggleDisplayShutter;
       var isThree = MPR || VR || Surgery || MIP || CPR; // 非同屏互通模式下
 
       var IODisconnect = !IO;
@@ -43990,12 +44062,15 @@ var DicomToolFlattenMode = /*#__PURE__*/function (_Component) {
           e.stopPropagation();
           openDicomModal('dicomInfo', 'DICOM详情信息');
         }
-      }, "DICOM\u4FE1\u606F"), /*#__PURE__*/React__default.createElement(LargeToolItem, {
+      }, "\u56FE\u50CF\u4FE1\u606F"), /*#__PURE__*/React__default.createElement(LargeToolItem, {
         onClick: function onClick(e) {
           e.stopPropagation();
           openDicomModal('scanInfo', '扫描参数');
         }
-      }, "\u626B\u63CF\u4FE1\u606F")), !MIP && /*#__PURE__*/React__default.createElement("div", {
+      }, "\u626B\u63CF\u4FE1\u606F"), /*#__PURE__*/React__default.createElement(LargeToolItem, {
+        active: displayShutter,
+        onClick: toggleDisplayShutter
+      }, "\u906E\u7F69")), !MIP && /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-flex-row"
       }, /*#__PURE__*/React__default.createElement(LargeToolItem, {
         active: Fullscreen,
@@ -44096,7 +44171,8 @@ var DicomToolFlattenMode$1 = /*#__PURE__*/function (_Component) {
           MIP = _this$props2.MIP,
           CPR = _this$props2.CPR,
           films = _this$props2.films,
-          allowFilmPrint = _this$props2.allowFilmPrint;
+          allowFilmPrint = _this$props2.allowFilmPrint,
+          displayShutter = _this$props2.displayShutter;
       var _this$props3 = this.props,
           start3D = _this$props3.start3D,
           exit3D = _this$props3.exit3D,
@@ -44108,7 +44184,8 @@ var DicomToolFlattenMode$1 = /*#__PURE__*/function (_Component) {
           setCustomWindowLayoutType = _this$props3.setCustomWindowLayoutType,
           operateKeyImages = _this$props3.operateKeyImages,
           openSettingModal = _this$props3.openSettingModal,
-          handleFilmPrint = _this$props3.handleFilmPrint;
+          handleFilmPrint = _this$props3.handleFilmPrint,
+          toggleDisplayShutter = _this$props3.toggleDisplayShutter;
       var isThree = MPR || VR || Surgery || MIP;
       var IODisconnect = !IO;
       var commonTools = ['Layout', 'StackScroll', 'Wwwc', 'Zoom', 'Pan', 'Rotate', 'ReverseColor', 'Sharpen', 'Cine', 'FalseColor', 'Link', 'ReferencePosition', 'Reset']; // 只有传入了关键图像操作的方法 才显示这个按钮
@@ -44329,7 +44406,7 @@ var DicomToolFlattenMode$1 = /*#__PURE__*/function (_Component) {
           e.stopPropagation();
           openDicomModal('dicomInfo', 'DICOM详情信息');
         }
-      }, "DICOM\u4FE1\u606F"), /*#__PURE__*/React__default.createElement(LargeToolItem$1, {
+      }, "\u56FE\u50CF\u4FE1\u606F"), /*#__PURE__*/React__default.createElement(LargeToolItem$1, {
         onClick: function onClick(e) {
           e.stopPropagation();
           openDicomModal('scanInfo', '扫描参数');
@@ -44360,7 +44437,10 @@ var DicomToolFlattenMode$1 = /*#__PURE__*/function (_Component) {
           e.stopPropagation();
           openSettingModal();
         }
-      }, "\u529F\u80FD\u8BBE\u7F6E")), !isThree && allowFilmPrint && /*#__PURE__*/React__default.createElement("div", {
+      }, "\u529F\u80FD\u8BBE\u7F6E"), /*#__PURE__*/React__default.createElement(LargeToolItem$1, {
+        active: displayShutter,
+        onClick: toggleDisplayShutter
+      }, "\u906E\u7F69")), !isThree && allowFilmPrint && /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-flex-row"
       }, /*#__PURE__*/React__default.createElement(ConnectedFilmPrintAddTool, null), /*#__PURE__*/React__default.createElement(LargeToolItem$1, {
         onClick: function onClick(e) {
@@ -47256,7 +47336,8 @@ var mapStateToProps$k = function mapStateToProps(state) {
       MIP = _state$paladin$tools$3.MIP,
       CPR = _state$paladin$tools$3.CPR,
       Sharpen = _state$paladin$tools$3.Sharpen,
-      keyImages = _state$paladin$tools$3.keyImages;
+      keyImages = _state$paladin$tools$3.keyImages,
+      displayShutter = _state$paladin$tools$3.displayShutter;
   var isMobile = ua.isDeviceTypeMobile();
   var _state$paladin$viewpo = state.paladin.viewport,
       activeIndex = _state$paladin$viewpo.activeIndex,
@@ -47369,7 +47450,8 @@ var mapStateToProps$k = function mapStateToProps(state) {
     CPR: CPR,
     Sharpen: Sharpen,
     keyImages: keyImages,
-    films: films
+    films: films,
+    displayShutter: displayShutter
   };
 };
 
@@ -48431,7 +48513,8 @@ var ConnectedDicomTool = reactRedux.connect(mapStateToProps$k, {
   setLayout: setLayout,
   setLastLayout: setLastLayout,
   openGlobalLoading: openGlobalLoading,
-  closeGlobalLoading: closeGlobalLoading
+  closeGlobalLoading: closeGlobalLoading,
+  toggleDisplayShutter: toggleDisplayShutter
 }, 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.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";
@@ -49407,7 +49490,9 @@ var ViewportOverlay = /*#__PURE__*/function (_PureComponent) {
       var windowWidth = parseFloat(viewport.voi.windowWidth) || 0;
       var windowCenter = parseFloat(viewport.voi.windowCenter) || 0;
       var acquisitionMatrix = dicom.AcquisitionMatrix.value;
-      var sliceLocation = dicom.SliceLocation.value && parseFloat(dicom.SliceLocation.value).toFixed(2);
+      var sliceLocation = dicom.SliceLocation.value && parseFloat(dicom.SliceLocation.value).toFixed(2); // 当长度大于20时，不显示
+
+      var imageComments = dicom.ImageComments.toString();
       return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
         style: {
           position: 'absolute',
@@ -49444,7 +49529,7 @@ var ViewportOverlay = /*#__PURE__*/function (_PureComponent) {
           fontSize: "".concat(fontSize, "px"),
           display: "".concat(hide ? 'none' : 'block')
         }
-      }, /*#__PURE__*/React__default.createElement("div", null, "W: ", windowWidth.toFixed(0)), /*#__PURE__*/React__default.createElement("div", null, "C: ", windowCenter.toFixed(0)), /*#__PURE__*/React__default.createElement("div", null, zoom, "X"), /*#__PURE__*/React__default.createElement("div", null, getFov(dicom, imageId)), /*#__PURE__*/React__default.createElement("div", null, getMat(acquisitionMatrix)), (sliceLocation || sliceLocation === 0) && /*#__PURE__*/React__default.createElement("div", null, "Location: ", sliceLocation)));
+      }, /*#__PURE__*/React__default.createElement("div", null, "W: ", windowWidth.toFixed(0)), /*#__PURE__*/React__default.createElement("div", null, "C: ", windowCenter.toFixed(0)), /*#__PURE__*/React__default.createElement("div", null, zoom, "X"), /*#__PURE__*/React__default.createElement("div", null, getFov(dicom, imageId)), /*#__PURE__*/React__default.createElement("div", null, getMat(acquisitionMatrix)), (sliceLocation || sliceLocation === 0) && /*#__PURE__*/React__default.createElement("div", null, "Location: ", sliceLocation), imageComments && imageComments.length < 20 && /*#__PURE__*/React__default.createElement("div", null, imageComments)));
     }
   }]);
 
@@ -50419,8 +50504,9 @@ var dicomToolDefaultProps = {
   }, {
     name: 'Wwwc',
     mouseButtonMasks: [1]
-  }, // {name: 'ShutterShape'},
-  {
+  }, {
+    name: 'ShutterShape'
+  }, {
     name: 'Length',
     mouseButtonMasks: [1]
   }, {
@@ -50558,8 +50644,9 @@ function getCustomAvailableTools(data) {
       }
     },
     mouseButtonMasks: stackScrollMask
-  }, // {name: 'ShutterShape'},
-  {
+  }, {
+    name: 'ShutterShape'
+  }, {
     name: 'Length',
     mouseButtonMasks: [1]
   }, {
@@ -51100,8 +51187,12 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
       _this.initReferencePosition(); // 处理sync的初始化
 
 
-      _this.initSync(); // 开启方位
-      // cornerstoneTools.setToolActiveForElement(this.element, 'ShutterShape');
+      _this.initSync(); // 开启遮罩
+
+
+      if (_this.props.displayShutter) {
+        cornerstoneTools.setToolActiveForElement(_this.element, 'ShutterShape');
+      } // 开启方位
 
 
       cornerstoneTools.setToolActiveForElement(_this.element, 'OrientationMarkers');
@@ -51211,8 +51302,11 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
 
 
         _this.initSync(); // 遮罩
-        // cornerstoneTools.setToolActiveForElement(this.element, 'ShutterShape');
-        // 开启方位
+
+
+        if (_this.props.displayShutter) {
+          cornerstoneTools.setToolActiveForElement(_this.element, 'ShutterShape');
+        } // 开启方位
 
 
         cornerstoneTools.setToolActiveForElement(_this.element, 'OrientationMarkers');
@@ -52219,6 +52313,17 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
         case prevProps.onePickMode !== this.props.onePickMode:
           cornerstone.resize(this.element);
           break;
+
+        case prevProps.displayShutter !== this.props.displayShutter:
+          // 遮罩开关
+          if (this.props.displayShutter) {
+            cornerstoneTools.setToolEnabledForElement(this.element, 'ShutterShape');
+            cornerstoneTools.setToolActiveForElement(this.element, 'ShutterShape');
+          } else {
+            cornerstoneTools.setToolDisabledForElement(this.element, 'ShutterShape');
+          }
+
+          break;
       }
     }
   }, {
@@ -52370,7 +52475,8 @@ var mapStateToProps$m = function mapStateToProps(state) {
       ReferencePosition = _state$paladin$tools$.ReferencePosition,
       CPR = _state$paladin$tools$.CPR,
       referenceLineType = _state$paladin$tools$.referenceLineType,
-      keyImages = _state$paladin$tools$.keyImages;
+      keyImages = _state$paladin$tools$.keyImages,
+      displayShutter = _state$paladin$tools$.displayShutter;
   var _state$paladin$tools$2 = state.paladin.tools.layout,
       col = _state$paladin$tools$2.col,
       currentScrollLine = _state$paladin$tools$2.currentScrollLine,
@@ -52406,7 +52512,8 @@ var mapStateToProps$m = function mapStateToProps(state) {
     CPR: CPR,
     referenceLineType: referenceLineType,
     keyImages: keyImages,
-    originStudy: originStudy
+    originStudy: originStudy,
+    displayShutter: displayShutter
   };
 };
 
@@ -70018,7 +70125,7 @@ var mergeProps$x = function mergeProps(propsFromState, propsFromDispatch, ownPro
     },
     initSeries: function () {
       var _initSeries2 = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(changeStudy, callback) {
-        var data, resetToolMergeState, synchronizer, linkSynchronizer, linkImageModeSynchronizer, linkScrollSynchronizer, options, _study, series, needCheckMultiFrame, hasMultiFrame, modalitiesInStudy, i, item, wado, url, dataSet, numFrames, imageIds, _i, imageId, seriesCurrentIndex, firstReady, maxRequest, retry, clearCacheEveryLoad, dicom, frameTime, linkToolLocalDefaultState, realActiveIndex, continuousMeasureLocalDefaultState, referenceLineLocalDefaultState;
+        var data, resetToolMergeState, synchronizer, linkSynchronizer, linkImageModeSynchronizer, linkScrollSynchronizer, options, _study, series, needCheckMultiFrame, hasMultiFrame, modalitiesInStudy, i, item, wado, url, dataSet, numFrames, imageIds, _i, imageId, seriesCurrentIndex, firstReady, maxRequest, retry, clearCacheEveryLoad, dicom, frameTime, linkToolLocalDefaultState, realActiveIndex, continuousMeasureLocalDefaultState, referenceLineLocalDefaultState, shutterLocalDefaultState;
 
         return regenerator.wrap(function _callee$(_context) {
           while (1) {
@@ -70252,7 +70359,7 @@ var mergeProps$x = function mergeProps(propsFromState, propsFromDispatch, ownPro
                 if (dicom && dicom.FrameTime && dicom.FrameTime.value) {
                   frameTime = dicom.FrameTime.value;
                   propsFromDispatch.setCineFps(lodash$1.round(1000 / frameTime, 3) || 3);
-                } // 初始化本地存储的工具初始状态（目前包含：自动联动、连续测量、定位线）
+                } // 初始化本地存储的工具初始状态（目前包含：自动联动、连续测量、定位线、遮罩）
 
 
                 linkToolLocalDefaultState = window.localStorage.getItem('hellfire-link-tool-default-state');
@@ -70286,7 +70393,13 @@ var mergeProps$x = function mergeProps(propsFromState, propsFromDispatch, ownPro
                   propsFromDispatch.activeDicomFunction("ReferenceLines");
                 }
 
-              case 70:
+                shutterLocalDefaultState = window.localStorage.getItem('hellfire-shutter-default-state');
+
+                if (shutterLocalDefaultState && shutterLocalDefaultState === 'close') {
+                  propsFromDispatch.setDisplayShutter(false);
+                }
+
+              case 72:
               case "end":
                 return _context.stop();
             }
@@ -70398,7 +70511,8 @@ var ConnectedDicomView = reactRedux.connect(mapStateToProps$z, {
   toggleOverlayText: toggleOverlayText,
   setFilmPrinterSettings: setFilmPrinterSettings,
   clearFilms: clearFilms,
-  removeFilm: removeFilm
+  removeFilm: removeFilm,
+  setDisplayShutter: setDisplayShutter
 }, mergeProps$x, withRef())(DicomView);
 
 function withRef() {