hellfire 0.33.1 → 0.33.2

package/dist/index.js

@@ -30920,6 +30920,55 @@ var SET_FILM_ACTIVE_INDEX = 'FILM/SET_FILM_ACTIVE_INDEX';
 var CLEAR_FILMS = 'FILM/CLEAR_FILMS';
 var SET_FILM_RELATIVE_INDEX = 'FILM/SET_FILM_RELATIVE_INDEX';
 var SET_FILM_RELATIVE_INDEX_MULTI = 'FILM/SET_FILM_RELATIVE_INDEX_MULTI';
+var SET_FILM_OVERLAY_CONFIG = 'FILM/SET_FILM_OVERLAY_CONFIG'; // 从localStorage加载overlayConfig
+
+var loadOverlayConfigFromLocalStorage = function loadOverlayConfigFromLocalStorage() {
+  try {
+    var savedConfig = localStorage.getItem('hellfire-film-overlay-config');
+
+    if (savedConfig) {
+      return JSON.parse(savedConfig);
+    }
+  } catch (error) {
+    console.error('Failed to load overlay config from localStorage:', error);
+  }
+
+  return {
+    topLeft: {
+      patientName: true,
+      patientSexAge: true,
+      patientID: true,
+      bodyPartExamined: true,
+      lateralityViewPosition: true
+    },
+    bottomLeft: {
+      dxDrCrInfo: true,
+      patientOrientation: true,
+      trTe: true,
+      ti: true,
+      fa: true,
+      thk: true,
+      bValue: true,
+      seriesDescription: true
+    },
+    topRight: {
+      institutionName: true,
+      studyDateTime: true,
+      seriesNumber: true,
+      instanceNumber: true,
+      inPlanePhaseEncodingDirection: true
+    },
+    bottomRight: {
+      windowWidth: true,
+      windowCenter: true,
+      zoom: true,
+      fov: true,
+      mat: true,
+      sliceLocation: true
+    }
+  };
+};
+
 var initialState$4 = {
   // 胶片添加模式 image or series
   filmAddType: 'series',
@@ -30935,6 +30984,7 @@ var initialState$4 = {
   filmActiveIndex: -1,
   filmRelativeIndexes: [],
   filmPrinterSettings: [],
+  filmOverlayConfig: loadOverlayConfigFromLocalStorage(),
   // 胶片区激活态的工具
   filmActiveTool: 'Select',
   filmSynchronizer: filmSynchronizer
@@ -31090,6 +31140,13 @@ var film = (function () {
         });
       }
 
+    case SET_FILM_OVERLAY_CONFIG:
+      {
+        return _objectSpread$d(_objectSpread$d({}, state), {}, {
+          filmOverlayConfig: action.payload
+        });
+      }
+
     case SET_FILM_ACTIVE_INDEX:
       {
         var _action$payload2 = action.payload,
@@ -31195,6 +31252,12 @@ function clearFilms() {
     type: CLEAR_FILMS
   };
 }
+function setFilmOverlayConfig(config) {
+  return {
+    type: SET_FILM_OVERLAY_CONFIG,
+    payload: config
+  };
+}
 
 function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
@@ -96951,7 +97014,8 @@ var FilmToolVerticalMode = /*#__PURE__*/function (_Component) {
           filmSizeType = _this$props.filmSizeType,
           toolsMap = _this$props.toolsMap,
           onSelectOrientation = _this$props.onSelectOrientation,
-          filmOrientation = _this$props.filmOrientation;
+          filmOrientation = _this$props.filmOrientation,
+          openPrintInfoConfigModal = _this$props.openPrintInfoConfigModal;
       var viewportTools = ['Select', 'Wwwc', 'Zoom', 'Pan', 'Reset', 'Clear'];
 
       var MenuElement = function MenuElement(_props) {
@@ -97043,6 +97107,12 @@ var FilmToolVerticalMode = /*#__PURE__*/function (_Component) {
         },
         onClick: handlePrintConfig
       }, /*#__PURE__*/React__default.createElement(SvgPrintSetting, null), "\u6253\u5370\u673A\u8BBE\u7F6E"), /*#__PURE__*/React__default.createElement("div", {
+        className: 'film-full-button',
+        style: {
+          marginTop: '10px'
+        },
+        onClick: openPrintInfoConfigModal
+      }, /*#__PURE__*/React__default.createElement(SvgCog, null), "\u56FE\u50CF\u4FE1\u606F\u8BBE\u7F6E"), /*#__PURE__*/React__default.createElement("div", {
         className: 'film-full-button',
         style: {
           marginTop: '10px'
@@ -97337,14 +97407,249 @@ var FilmPrintModal = /*#__PURE__*/function (_Component) {
   return FilmPrintModal;
 }(React.Component);
 
+var css_248z$N = ".film-overlay-config-modal {\n  padding: 20px;\n}\n.film-overlay-config-modal .config-header {\n  margin-bottom: 20px;\n}\n.film-overlay-config-modal .config-header .paladin-btn {\n  background: #007bff;\n  border-color: #007bff;\n  color: #fff;\n}\n.film-overlay-config-modal .film-simulation {\n  background: #1a1a1a;\n  border-radius: 12px;\n  padding: 20px;\n  margin-bottom: 20px;\n  border: 2px solid #333;\n  position: relative;\n  min-height: 600px;\n}\n.film-overlay-config-modal .film-simulation .film-corner {\n  position: absolute;\n  background: rgba(51, 51, 51, 0.9);\n  border: 1px solid #555;\n  border-radius: 6px;\n  padding: 12px;\n  min-width: 180px;\n  transition: all 0.3s ease;\n}\n.film-overlay-config-modal .film-simulation .film-corner.top-left {\n  top: 20px;\n  left: 20px;\n}\n.film-overlay-config-modal .film-simulation .film-corner.top-right {\n  top: 20px;\n  right: 20px;\n}\n.film-overlay-config-modal .film-simulation .film-corner.bottom-left {\n  bottom: 20px;\n  left: 20px;\n}\n.film-overlay-config-modal .film-simulation .film-corner.bottom-right {\n  bottom: 20px;\n  right: 20px;\n}\n.film-overlay-config-modal .film-simulation .film-corner h4 {\n  color: #007bff;\n  font-size: 12px;\n  margin: 0 0 10px 0;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  font-weight: bold;\n}\n.film-overlay-config-modal .film-simulation .film-corner .corner-items {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.film-overlay-config-modal .film-simulation .film-corner .corner-items .config-item {\n  background: rgba(68, 68, 68, 0.8);\n  border: 1px solid #666;\n  border-radius: 4px;\n  padding: 6px 10px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 12px;\n}\n.film-overlay-config-modal .film-simulation .film-corner .corner-items .config-item:hover {\n  background: rgba(85, 85, 85, 0.9);\n  border-color: #888;\n  transform: translateY(-1px);\n}\n.film-overlay-config-modal .film-simulation .film-corner .corner-items .config-item.visible {\n  background: rgba(0, 86, 179, 0.8);\n  border-color: #007bff;\n}\n.film-overlay-config-modal .film-simulation .film-corner .corner-items .config-item.visible:hover {\n  background: rgba(0, 123, 255, 0.9);\n  border-color: #0096ff;\n  transform: translateY(-1px);\n}\n.film-overlay-config-modal .film-simulation .film-corner .corner-items .config-item.hidden {\n  background: rgba(85, 85, 85, 0.8);\n  border-color: #777;\n}\n.film-overlay-config-modal .film-simulation .film-corner .corner-items .config-item.hidden:hover {\n  background: rgba(102, 102, 102, 0.9);\n  border-color: #999;\n}\n.film-overlay-config-modal .film-simulation .film-corner .corner-items .config-item .item-name {\n  color: #fff;\n  font-weight: 500;\n}\n.film-overlay-config-modal .film-simulation .film-corner .corner-items .config-item .item-status {\n  font-size: 11px;\n  opacity: 0.8;\n}\n.film-overlay-config-modal .film-simulation .film-title {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  color: #666;\n  font-size: 16px;\n  font-weight: bold;\n  text-align: center;\n  pointer-events: none;\n  text-transform: uppercase;\n  letter-spacing: 3px;\n}\n.film-overlay-config-modal .config-actions {\n  display: flex;\n  justify-content: center;\n  gap: 15px;\n}\n.film-overlay-config-modal .config-actions .ant-btn {\n  min-width: 120px;\n  height: 36px;\n  font-size: 14px;\n}\n@media (max-width: 768px) {\n  .film-overlay-config-modal .film-simulation {\n    min-height: 200px;\n    padding: 15px;\n  }\n  .film-overlay-config-modal .film-simulation .film-corner {\n    position: static;\n    margin-bottom: 15px;\n    min-width: auto;\n  }\n  .film-overlay-config-modal .film-simulation .film-corner.top-left,\n  .film-overlay-config-modal .film-simulation .film-corner.top-right,\n  .film-overlay-config-modal .film-simulation .film-corner.bottom-left,\n  .film-overlay-config-modal .film-simulation .film-corner.bottom-right {\n    position: static;\n    margin-bottom: 10px;\n  }\n  .film-overlay-config-modal .film-simulation .film-title {\n    display: none;\n  }\n  .film-overlay-config-modal .config-list {\n    grid-template-columns: 1fr;\n  }\n}\n";
+styleInject$1(css_248z$N);
+
 function _createSuper$1T(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); }; }
 
 function _isNativeReflectConstruct$1U() { 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 FilmOverlayConfigModal = /*#__PURE__*/function (_Component) {
+  inherits(FilmOverlayConfigModal, _Component);
+
+  var _super = _createSuper$1T(FilmOverlayConfigModal);
+
+  function FilmOverlayConfigModal(props) {
+    var _this;
+
+    classCallCheck(this, FilmOverlayConfigModal);
+
+    _this = _super.call(this, props);
+
+    defineProperty(assertThisInitialized(_this), "getDefaultConfig", function () {
+      return {
+        topLeft: {
+          patientName: true,
+          patientSexAge: true,
+          patientID: true,
+          bodyPartExamined: true,
+          lateralityViewPosition: true
+        },
+        bottomLeft: {
+          dxDrCrInfo: true,
+          patientOrientation: true,
+          trTe: true,
+          ti: true,
+          fa: true,
+          thk: true,
+          bValue: true,
+          seriesDescription: true
+        },
+        topRight: {
+          institutionName: true,
+          studyDateTime: true,
+          seriesNumber: true,
+          instanceNumber: true,
+          inPlanePhaseEncodingDirection: true
+        },
+        bottomRight: {
+          windowWidth: true,
+          windowCenter: true,
+          zoom: true,
+          fov: true,
+          mat: true,
+          sliceLocation: true
+        }
+      };
+    });
+
+    defineProperty(assertThisInitialized(_this), "toggleCornerItem", function (corner, item) {
+      var newConfig = lodash$1.cloneDeep(_this.state.config);
+      newConfig[corner][item] = !newConfig[corner][item];
+
+      _this.setState({
+        config: newConfig
+      });
+    });
+
+    defineProperty(assertThisInitialized(_this), "applyConfig", function () {
+      var setFilmOverlayConfig = _this.props.setFilmOverlayConfig;
+      var config = _this.state.config; // 保存到Redux
+
+      setFilmOverlayConfig(config); // 保存到localStorage
+
+      localStorage.setItem('hellfire-film-overlay-config', JSON.stringify(config)); // 关闭模态框
+
+      _this.props.onClose();
+    });
+
+    defineProperty(assertThisInitialized(_this), "resetToDefault", function () {
+      var defaultConfig = _this.getDefaultConfig();
+
+      _this.setState({
+        config: defaultConfig
+      });
+    });
+
+    defineProperty(assertThisInitialized(_this), "getCornerConfig", function (corner, items) {
+      var config = _this.state.config;
+      return /*#__PURE__*/React__default.createElement("div", {
+        className: "corner-items"
+      }, items.map(function (item) {
+        return /*#__PURE__*/React__default.createElement("div", {
+          key: item.id,
+          className: "config-item ".concat(config[corner][item.id] ? 'visible' : 'hidden'),
+          onClick: function onClick() {
+            return _this.toggleCornerItem(corner, item.id);
+          }
+        }, /*#__PURE__*/React__default.createElement("span", {
+          className: "item-name"
+        }, item.name), /*#__PURE__*/React__default.createElement("span", {
+          className: "item-status"
+        }, config[corner][item.id] ? '显示' : '隐藏'));
+      }));
+    });
+
+    _this.state = {
+      config: lodash$1.cloneDeep(props.filmOverlayConfig || _this.getDefaultConfig())
+    };
+    return _this;
+  }
+
+  createClass(FilmOverlayConfigModal, [{
+    key: "render",
+    value: function render() {
+      var visible = this.props.visible;
+
+      if (!visible) {
+        return null;
+      }
+
+      var topLeftItems = [{
+        id: 'patientName',
+        name: '患者姓名'
+      }, {
+        id: 'patientSexAge',
+        name: '性别/年龄'
+      }, {
+        id: 'patientID',
+        name: '患者ID'
+      }, {
+        id: 'bodyPartExamined',
+        name: '检查部位'
+      }, {
+        id: 'lateralityViewPosition',
+        name: '体位'
+      }];
+      var bottomLeftItems = [{
+        id: 'dxDrCrInfo',
+        name: '曝光参数'
+      }, {
+        id: 'patientOrientation',
+        name: '患者方向'
+      }, {
+        id: 'trTe',
+        name: 'TR/TE'
+      }, {
+        id: 'ti',
+        name: 'TI'
+      }, {
+        id: 'fa',
+        name: 'FA'
+      }, {
+        id: 'thk',
+        name: '层厚'
+      }, {
+        id: 'bValue',
+        name: 'B值'
+      }, {
+        id: 'seriesDescription',
+        name: '序列描述'
+      }];
+      var topRightItems = [{
+        id: 'institutionName',
+        name: '医院名称'
+      }, {
+        id: 'studyDateTime',
+        name: '检查时间'
+      }, {
+        id: 'seriesNumber',
+        name: 'SeriesNumber'
+      }, {
+        id: 'instanceNumber',
+        name: 'InstanceNumber'
+      }, {
+        id: 'inPlanePhaseEncodingDirection',
+        name: '相位编码方向'
+      }];
+      var bottomRightItems = [{
+        id: 'windowWidth',
+        name: '窗宽'
+      }, {
+        id: 'windowCenter',
+        name: '窗位'
+      }, {
+        id: 'zoom',
+        name: '缩放倍率'
+      }, {
+        id: 'fov',
+        name: 'FOV'
+      }, {
+        id: 'mat',
+        name: 'MAT'
+      }, {
+        id: 'sliceLocation',
+        name: '切片位置'
+      }];
+      return /*#__PURE__*/React__default.createElement("div", {
+        className: "film-overlay-config-modal"
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "config-header"
+      }, /*#__PURE__*/React__default.createElement(Button, {
+        type: "default",
+        onClick: this.resetToDefault
+      }, "\u91CD\u7F6E\u9ED8\u8BA4")), /*#__PURE__*/React__default.createElement("div", {
+        className: "film-simulation"
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "film-corner top-left"
+      }, /*#__PURE__*/React__default.createElement("h4", null, "\u5DE6\u4E0A\u89D2"), this.getCornerConfig('topLeft', topLeftItems)), /*#__PURE__*/React__default.createElement("div", {
+        className: "film-corner top-right"
+      }, /*#__PURE__*/React__default.createElement("h4", null, "\u53F3\u4E0A\u89D2"), this.getCornerConfig('topRight', topRightItems)), /*#__PURE__*/React__default.createElement("div", {
+        className: "film-corner bottom-left"
+      }, /*#__PURE__*/React__default.createElement("h4", null, "\u5DE6\u4E0B\u89D2"), this.getCornerConfig('bottomLeft', bottomLeftItems)), /*#__PURE__*/React__default.createElement("div", {
+        className: "film-corner bottom-right"
+      }, /*#__PURE__*/React__default.createElement("h4", null, "\u53F3\u4E0B\u89D2"), this.getCornerConfig('bottomRight', bottomRightItems)), /*#__PURE__*/React__default.createElement("div", {
+        className: "film-title"
+      }, "\u56FE\u50CF\u9884\u89C8")), /*#__PURE__*/React__default.createElement("div", {
+        className: "config-actions"
+      }, /*#__PURE__*/React__default.createElement(Button, {
+        type: "primary",
+        onClick: this.applyConfig
+      }, "\u5E94\u7528\u914D\u7F6E")));
+    }
+  }]);
+
+  return FilmOverlayConfigModal;
+}(React.Component);
+
+var mapStateToProps$B = function mapStateToProps(state) {
+  return {
+    filmOverlayConfig: state.paladin.tools.film.filmOverlayConfig
+  };
+};
+
+var FilmOverlayConfigModal$1 = reactRedux.connect(mapStateToProps$B, {
+  setFilmOverlayConfig: setFilmOverlayConfig
+})(FilmOverlayConfigModal);
+
+function _createSuper$1U(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1V(); 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$1V() { 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 FilmTool = /*#__PURE__*/function (_Component) {
   inherits(FilmTool, _Component);
 
-  var _super = _createSuper$1T(FilmTool);
+  var _super = _createSuper$1U(FilmTool);
 
   function FilmTool(props) {
     var _this;
@@ -97353,7 +97658,8 @@ var FilmTool = /*#__PURE__*/function (_Component) {
 
     _this = _super.call(this, props);
     _this.state = {
-      visible: false
+      visible: false,
+      printInfoVisible: false
     };
     _this.toolsMap = {
       Select: {
@@ -97421,7 +97727,9 @@ var FilmTool = /*#__PURE__*/function (_Component) {
           operateFilmPrinterSetting = _this$props.operateFilmPrinterSetting,
           filmPrinterMethods = _this$props.filmPrinterMethods,
           filmPrinterSettings = _this$props.filmPrinterSettings;
-      var visible = this.state.visible;
+      var _this$state = this.state,
+          visible = _this$state.visible,
+          printInfoVisible = _this$state.printInfoVisible;
       var ToolLayout = FilmToolVerticalMode; // if (windowLayoutType) {
       //     // 竖屏
       //     if (windowLayoutType === 'vertical') ToolLayout = FilmToolHorizontalMode;
@@ -97438,6 +97746,11 @@ var FilmTool = /*#__PURE__*/function (_Component) {
           _this2.setState({
             visible: true
           });
+        },
+        openPrintInfoConfigModal: function openPrintInfoConfigModal() {
+          _this2.setState({
+            printInfoVisible: true
+          });
         }
       })), /*#__PURE__*/React__default.createElement(Modal, {
         title: "\u6253\u5370\u673A\u8BBE\u7F6E",
@@ -97473,6 +97786,33 @@ var FilmTool = /*#__PURE__*/function (_Component) {
         testFilmPrinterEcho: function testFilmPrinterEcho(data) {
           filmPrinterMethods && filmPrinterMethods('echo', data);
         }
+      })), /*#__PURE__*/React__default.createElement(Modal, {
+        title: "\u56FE\u50CF\u4FE1\u606F\u8BBE\u7F6E",
+        wrapperClassName: 'paladin-film-print-modal-wrapper',
+        maskClosable: false,
+        cancelButtonProps: {
+          show: false
+        },
+        footer: null,
+        style: {
+          width: '800px',
+          background: '#2A2A2B',
+          color: '#fff',
+          fontSize: '15px'
+        },
+        visible: printInfoVisible,
+        onCancel: function onCancel() {
+          _this2.setState({
+            printInfoVisible: false
+          });
+        }
+      }, /*#__PURE__*/React__default.createElement(FilmOverlayConfigModal$1, {
+        visible: printInfoVisible,
+        onClose: function onClose() {
+          _this2.setState({
+            printInfoVisible: false
+          });
+        }
       })));
     }
   }]);
@@ -98003,7 +98343,7 @@ var getEmptyImageBitmap = function getEmptyImageBitmap(width, height) {
 
 var addDicomInfoOnCanvas = /*#__PURE__*/function () {
   var _ref4 = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee4(enableElement) {
-    var canvas, image, viewport, ctx, dicom, width, height, stackImageInfo;
+    var canvas, image, viewport, ctx, dicom, width, height, stackImageInfo, filmOverlayConfigLocalData, filmOverlayConfig;
     return regenerator.wrap(function _callee4$(_context4) {
       while (1) {
         switch (_context4.prev = _context4.next) {
@@ -98032,14 +98372,16 @@ var addDicomInfoOnCanvas = /*#__PURE__*/function () {
             ctx.setTransform(1, 0, 0, 1, 0, 0);
             ctx.textAlign = 'left';
             ctx.font = dicomInfoFontSize + 'px Arial';
-            drawLeftTop(dicom, ctx);
-            drawLeftBottom(dicom, ctx, height);
+            filmOverlayConfigLocalData = localStorage.getItem('hellfire-film-overlay-config');
+            filmOverlayConfig = JSON.parse(filmOverlayConfigLocalData);
+            drawLeftTop(dicom, ctx, filmOverlayConfig.topLeft);
+            drawLeftBottom(dicom, ctx, filmOverlayConfig.bottomLeft, height);
             ctx.textAlign = 'right';
-            drawRightTop(dicom, ctx, width, stackImageInfo);
-            drawRightBottom(dicom, ctx, width, height, viewport, image);
+            drawRightTop(dicom, ctx, filmOverlayConfig.topRight, width, stackImageInfo);
+            drawRightBottom(dicom, ctx, filmOverlayConfig.bottomRight, width, height, viewport, image);
             ctx.textAlign = 'left';
 
-          case 21:
+          case 23:
           case "end":
             return _context4.stop();
         }
@@ -98053,7 +98395,7 @@ var addDicomInfoOnCanvas = /*#__PURE__*/function () {
 }(); // 左上
 
 
-var drawLeftTop = function drawLeftTop(dicom, ctx) {
+var drawLeftTop = function drawLeftTop(dicom, ctx, filmOverlayConfig) {
   var patientName = dicom.PatientName.toString();
   var patientSex = dicom.PatientSex.toString();
   var patientAge = dicom.PatientAge.toString();
@@ -98064,38 +98406,46 @@ var drawLeftTop = function drawLeftTop(dicom, ctx) {
   var contentX = dicomInfoPaddingX;
   var contentY = dicomInfoPaddingY;
   var spacing = dicomInfoSpacing;
-  ctx.fillText("".concat(patientName || ''), contentX, contentY);
-  contentY += spacing;
-  ctx.fillText("".concat(patientSex || '', "/").concat(patientAge || ''), contentX, contentY);
-  contentY += spacing;
 
-  if (patientID) {
+  if (filmOverlayConfig.patientName) {
+    ctx.fillText("".concat(patientName || ''), contentX, contentY);
+    contentY += spacing;
+  }
+
+  if (filmOverlayConfig.patientSexAge) {
+    ctx.fillText("".concat(patientSex || '', "/").concat(patientAge || ''), contentX, contentY);
+    contentY += spacing;
+  }
+
+  if (filmOverlayConfig.patientID && patientID) {
     ctx.fillText(patientID, contentX, contentY);
     contentY += spacing;
   }
 
-  if (bodyPartExamined) {
+  if (filmOverlayConfig.bodyPartExamined && bodyPartExamined) {
     ctx.fillText(bodyPartExamined, contentX, contentY);
     contentY += spacing;
   }
 
-  if (laterality || viewPosition) {
-    var _text = '';
+  if (filmOverlayConfig.lateralityViewPosition) {
+    if (laterality || viewPosition) {
+      var _text = '';
 
-    if (laterality && viewPosition) {
-      _text = "".concat(laterality, " ").concat(viewPosition);
-    } else if (laterality) {
-      _text = laterality;
-    } else {
-      _text = viewPosition;
-    }
+      if (laterality && viewPosition) {
+        _text = "".concat(laterality, " ").concat(viewPosition);
+      } else if (laterality) {
+        _text = laterality;
+      } else {
+        _text = viewPosition;
+      }
 
-    ctx.fillText(_text, contentX, contentY);
+      ctx.fillText(_text, contentX, contentY);
+    }
   }
 }; // 左下
 
 
-var drawLeftBottom = function drawLeftBottom(dicom, ctx, height) {
+var drawLeftBottom = function drawLeftBottom(dicom, ctx, filmOverlayConfig, height) {
   var modality = dicom.Modality.toString();
   var showDXDRCR = modality === 'DX' || modality === 'DR' || modality === 'CR';
   var showCT = modality === 'CT';
@@ -98122,24 +98472,28 @@ var drawLeftBottom = function drawLeftBottom(dicom, ctx, height) {
   var contentY = height - dicomInfoPaddingX;
   var spacing = dicomInfoSpacing;
 
-  if (seriesDescription && seriesDescription !== protocolName) {
-    ctx.fillText(seriesDescription, contentX, contentY);
-    contentY -= spacing;
+  if (filmOverlayConfig.seriesDescription) {
+    if (seriesDescription && seriesDescription !== protocolName) {
+      ctx.fillText(seriesDescription, contentX, contentY);
+      contentY -= spacing;
+    }
   }
 
-  var _diffusionBValue = formatDicomInfo$1('B', diffusionBValue, false);
+  if (filmOverlayConfig.bValue) {
+    var _diffusionBValue = formatDicomInfo$1('B', diffusionBValue, false);
 
-  if (_diffusionBValue) {
-    ctx.fillText(_diffusionBValue, contentX, contentY);
-    contentY -= spacing;
+    if (_diffusionBValue) {
+      ctx.fillText(_diffusionBValue, contentX, contentY);
+      contentY -= spacing;
+    }
   }
 
-  if (thk) {
+  if (filmOverlayConfig.thk && thk) {
     ctx.fillText(thk, contentX, contentY);
     contentY -= spacing;
   }
 
-  if (showCT) {
+  if (filmOverlayConfig.dxDrCrInfo && showCT) {
     if (kvp) {
       ctx.fillText(formatDRDXInfo$1('kV', kvp), contentX, contentY);
       contentY -= spacing;
@@ -98153,31 +98507,31 @@ var drawLeftBottom = function drawLeftBottom(dicom, ctx, height) {
 
   var _flipAngle = formatDicomInfo$1('FA', flipAngle);
 
-  if (_flipAngle) {
+  if (filmOverlayConfig.fa && _flipAngle) {
     ctx.fillText(_flipAngle, contentX, contentY);
     contentY -= spacing;
   }
 
   var _inversionTime = formatDicomInfo$1('TI', inversionTime);
 
-  if (_inversionTime) {
+  if (filmOverlayConfig.ti && _inversionTime) {
     ctx.fillText(_inversionTime, contentX, contentY);
     contentY -= spacing;
   }
 
   var trAndTe = getTRAndTE$1(repetitionTime, echoTime);
 
-  if (trAndTe) {
+  if (filmOverlayConfig.trTe && trAndTe) {
     ctx.fillText(trAndTe, contentX, contentY);
     contentY -= spacing;
   }
 
-  if (patientOrientation) {
+  if (filmOverlayConfig.patientOrientation && patientOrientation) {
     ctx.fillText(patientOrientation, contentX, contentY);
     contentY -= spacing;
   }
 
-  if (showDXDRCR) {
+  if (filmOverlayConfig.dxDrCrInfo && showDXDRCR) {
     if (kvp) {
       ctx.fillText(formatDRDXInfo$1('kV', kvp), contentX, contentY);
       contentY -= spacing;
@@ -98200,7 +98554,7 @@ var drawLeftBottom = function drawLeftBottom(dicom, ctx, height) {
 }; // 右上
 
 
-var drawRightTop = function drawRightTop(dicom, ctx, width, stack) {
+var drawRightTop = function drawRightTop(dicom, ctx, filmOverlayConfig, width, stack) {
   var institutionName = dicom.InstitutionName.toString();
   var studyDateTime = getStudyDateTime$1(dicom);
   var instanceCount = stack.instanceCount || '';
@@ -98212,32 +98566,37 @@ var drawRightTop = function drawRightTop(dicom, ctx, width, stack) {
   var contentY = dicomInfoPaddingY;
   var spacing = dicomInfoSpacing;
 
-  if (institutionName) {
+  if (filmOverlayConfig.institutionName && institutionName) {
     ctx.fillText(institutionName, contentX, contentY);
     contentY += spacing;
   }
 
-  if (studyDateTime) {
+  if (filmOverlayConfig.studyDateTime && studyDateTime) {
     var _v = studyDateTime.format('YYYY-MM-DD HH:mm:ss');
 
     ctx.fillText(_v, contentX, contentY);
     contentY += spacing;
   }
 
-  ctx.fillText("Se: ".concat(seriesNumber, "/").concat(seriesCount), contentX, contentY);
-  contentY += spacing;
-  ctx.fillText("Im: ".concat(instanceNumber, "/").concat(instanceCount), contentX, contentY);
-  contentY += spacing;
+  if (filmOverlayConfig.seriesNumber) {
+    ctx.fillText("Se: ".concat(seriesNumber, "/").concat(seriesCount), contentX, contentY);
+    contentY += spacing;
+  }
+
+  if (filmOverlayConfig.instanceNumber) {
+    ctx.fillText("Im: ".concat(instanceNumber, "/").concat(instanceCount), contentX, contentY);
+    contentY += spacing;
+  }
 
   var _inPlanePhaseEncodingDirection = formatInPlanePhaseEncodingDirection$1(inPlanePhaseEncodingDirection);
 
-  if (_inPlanePhaseEncodingDirection) {
+  if (filmOverlayConfig.inPlanePhaseEncodingDirection && _inPlanePhaseEncodingDirection) {
     ctx.fillText(_inPlanePhaseEncodingDirection, contentX, contentY);
   }
 }; // 右下
 
 
-var drawRightBottom = function drawRightBottom(dicom, ctx, width, height, viewport, image) {
+var drawRightBottom = function drawRightBottom(dicom, ctx, filmOverlayConfig, width, height, viewport, image) {
   var zoom = viewport.scale.toFixed(2);
   var windowWidth = parseFloat(viewport.voi.windowWidth) || 0;
   var windowCenter = parseFloat(viewport.voi.windowCenter) || 0;
@@ -98247,30 +98606,38 @@ var drawRightBottom = function drawRightBottom(dicom, ctx, width, height, viewpo
   var contentY = height - dicomInfoPaddingX;
   var spacing = dicomInfoSpacing;
 
-  if (sliceLocation || sliceLocation === 0) {
+  if (filmOverlayConfig.sliceLocation && (sliceLocation || sliceLocation === 0)) {
     ctx.fillText("Location: ".concat(sliceLocation), contentX, contentY);
     contentY -= spacing;
   }
 
   var mat = getMat$1(acquisitionMatrix);
 
-  if (mat) {
+  if (filmOverlayConfig.mat && mat) {
     ctx.fillText(mat, contentX, contentY);
     contentY -= spacing;
   }
 
   var fov = getFovV2(dicom, image);
 
-  if (fov) {
+  if (filmOverlayConfig.fov && fov) {
     ctx.fillText(fov, contentX, contentY);
     contentY -= spacing;
   }
 
-  ctx.fillText("".concat(zoom, "X"), contentX, contentY);
-  contentY -= spacing;
-  ctx.fillText("C: ".concat(windowCenter.toFixed(0)), contentX, contentY);
-  contentY -= spacing;
-  ctx.fillText("W: ".concat(windowWidth.toFixed(0)), contentX, contentY);
+  if (filmOverlayConfig.zoom) {
+    ctx.fillText("".concat(zoom, "X"), contentX, contentY);
+    contentY -= spacing;
+  }
+
+  if (filmOverlayConfig.windowCenter) {
+    ctx.fillText("C: ".concat(windowCenter.toFixed(0)), contentX, contentY);
+    contentY -= spacing;
+  }
+
+  if (filmOverlayConfig.windowWidth) {
+    ctx.fillText("W: ".concat(windowWidth.toFixed(0)), contentX, contentY);
+  }
 };
 
 function _extends$1G() { _extends$1G = 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$1G.apply(this, arguments); }
@@ -98291,14 +98658,14 @@ function ownKeys$1b(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$1a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1b(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$1U(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1V(); 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 _createSuper$1V(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1W(); 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$1V() { 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; } }
+function _isNativeReflectConstruct$1W() { 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 FilmPrintModal$1 = /*#__PURE__*/function (_Component) {
   inherits(FilmPrintModal, _Component);
 
-  var _super = _createSuper$1U(FilmPrintModal);
+  var _super = _createSuper$1V(FilmPrintModal);
 
   function FilmPrintModal(props) {
     var _this;
@@ -98606,7 +98973,7 @@ function ownKeys$1c(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$1b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1c(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$B = function mapStateToProps(state) {
+var mapStateToProps$C = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.film,
       films = _state$paladin$tools$.films,
       filmSizeType = _state$paladin$tools$.filmSizeType,
@@ -98947,7 +99314,7 @@ var mergeProps$A = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedFilmTool = reactRedux.connect(mapStateToProps$B, {
+var ConnectedFilmTool = reactRedux.connect(mapStateToProps$C, {
   setFilmLayout: setFilmLayout,
   setFilmSizeType: setFilmSizeType,
   activeDicomFunction: activeDicomFunction,
@@ -98956,15 +99323,15 @@ var ConnectedFilmTool = reactRedux.connect(mapStateToProps$B, {
   setFilmOrientation: setFilmOrientation
 }, mergeProps$A)(FilmTool);
 
-var css_248z$N = ".paladin-film-view-wrapper {\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  position: relative;\n}\n.paladin-film-view-wrapper .paladin-film-slide-ctrl {\n  height: 40px;\n  width: 100%;\n  margin: 20px auto 0 auto;\n  color: #d2d2d2;\n  background: #353535;\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n.paladin-film-view-wrapper .paladin-film-slide-ctrl svg {\n  width: 18px;\n  height: 18px;\n}\n.paladin-film-view-wrapper .paladin-film-slide-ctrl div {\n  display: flex;\n  flex: none;\n  margin-left: 15px;\n}\n.paladin-film-view-wrapper .paladin-film-slide-ctrl .paladin-film-slide-ctrl-delete {\n  margin-left: 0;\n  position: absolute;\n  right: 10px;\n}\n.paladin-film-view-wrapper .paladin-film-view-content {\n  box-sizing: border-box;\n  position: absolute;\n  left: 50%;\n}\n.paladin-film-view-wrapper .paladin-film-view-col {\n  box-sizing: border-box;\n  border: 2px solid #353535;\n}\n.paladin-film-view-wrapper .paladin-film-view-row {\n  box-sizing: border-box;\n  display: flex;\n  width: 100%;\n}\n";
-styleInject$1(css_248z$N);
-
-var css_248z$O = ".paladin-film-viewport-wrapper {\n  width: 100%;\n  height: 100%;\n  color: #fff;\n}\n.cornerstone-canvas-container {\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n";
+var css_248z$O = ".paladin-film-view-wrapper {\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  position: relative;\n}\n.paladin-film-view-wrapper .paladin-film-slide-ctrl {\n  height: 40px;\n  width: 100%;\n  margin: 20px auto 0 auto;\n  color: #d2d2d2;\n  background: #353535;\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n.paladin-film-view-wrapper .paladin-film-slide-ctrl svg {\n  width: 18px;\n  height: 18px;\n}\n.paladin-film-view-wrapper .paladin-film-slide-ctrl div {\n  display: flex;\n  flex: none;\n  margin-left: 15px;\n}\n.paladin-film-view-wrapper .paladin-film-slide-ctrl .paladin-film-slide-ctrl-delete {\n  margin-left: 0;\n  position: absolute;\n  right: 10px;\n}\n.paladin-film-view-wrapper .paladin-film-view-content {\n  box-sizing: border-box;\n  position: absolute;\n  left: 50%;\n}\n.paladin-film-view-wrapper .paladin-film-view-col {\n  box-sizing: border-box;\n  border: 2px solid #353535;\n}\n.paladin-film-view-wrapper .paladin-film-view-row {\n  box-sizing: border-box;\n  display: flex;\n  width: 100%;\n}\n";
 styleInject$1(css_248z$O);
 
-function _createSuper$1V(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1W(); 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); }; }
+var css_248z$P = ".paladin-film-viewport-wrapper {\n  width: 100%;\n  height: 100%;\n  color: #fff;\n}\n.cornerstone-canvas-container {\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n";
+styleInject$1(css_248z$P);
 
-function _isNativeReflectConstruct$1W() { 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; } }
+function _createSuper$1W(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1X(); 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$1X() { 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 getStudyDateTime$2 = function getStudyDateTime(dicom) {
   // 因为检查时间部分数据可能未传, 根据以下顺序进行获取
@@ -99091,7 +99458,7 @@ var formatDRDXInfo$2 = function formatDRDXInfo(label, value) {
 var ViewportOverlay$1 = /*#__PURE__*/function (_PureComponent) {
   inherits(ViewportOverlay, _PureComponent);
 
-  var _super = _createSuper$1V(ViewportOverlay);
+  var _super = _createSuper$1W(ViewportOverlay);
 
   function ViewportOverlay(props) {
     var _this;
@@ -99273,7 +99640,8 @@ var ViewportOverlay$1 = /*#__PURE__*/function (_PureComponent) {
           imageId = _this$props5.imageId,
           stack = _this$props5.stack,
           viewport = _this$props5.viewport,
-          hide = _this$props5.hide;
+          hide = _this$props5.hide,
+          filmOverlayConfig = _this$props5.filmOverlayConfig;
 
       if (!imageId || !stack) {
         return null;
@@ -99334,7 +99702,43 @@ var ViewportOverlay$1 = /*#__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); // 从配置中获取左上角的显示状态
+
+      var topLeftConfig = (filmOverlayConfig === null || filmOverlayConfig === void 0 ? void 0 : filmOverlayConfig.topLeft) || {
+        patientName: true,
+        patientSexAge: true,
+        patientID: true,
+        bodyPartExamined: true,
+        lateralityViewPosition: true
+      }; // 从配置中获取左下角的显示状态
+
+      var bottomLeftConfig = (filmOverlayConfig === null || filmOverlayConfig === void 0 ? void 0 : filmOverlayConfig.bottomLeft) || {
+        dxDrCrInfo: true,
+        patientOrientation: true,
+        trTe: true,
+        ti: true,
+        fa: true,
+        thk: true,
+        bValue: true,
+        seriesDescription: true
+      }; // 从配置中获取右上角的显示状态
+
+      var topRightConfig = (filmOverlayConfig === null || filmOverlayConfig === void 0 ? void 0 : filmOverlayConfig.topRight) || {
+        institutionName: true,
+        studyDateTime: true,
+        seriesNumber: true,
+        instanceNumber: true,
+        inPlanePhaseEncodingDirection: true
+      }; // 从配置中获取右下角的显示状态
+
+      var bottomRightConfig = (filmOverlayConfig === null || filmOverlayConfig === void 0 ? void 0 : filmOverlayConfig.bottomRight) || {
+        windowWidth: true,
+        windowCenter: true,
+        zoom: true,
+        fov: true,
+        mat: true,
+        sliceLocation: true
+      };
       return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
         style: {
           position: 'absolute',
@@ -99344,7 +99748,7 @@ var ViewportOverlay$1 = /*#__PURE__*/function (_PureComponent) {
           fontSize: "".concat(fontSize, "px"),
           display: "".concat(hide ? 'none' : 'block')
         }
-      }, /*#__PURE__*/React__default.createElement("div", null, patientName), /*#__PURE__*/React__default.createElement("div", null, patientSex, "/", patientAge), /*#__PURE__*/React__default.createElement("div", null, patientID), /*#__PURE__*/React__default.createElement("div", null, bodyPartExamined), /*#__PURE__*/React__default.createElement("div", null, laterality, " ", viewPosition)), /*#__PURE__*/React__default.createElement("div", {
+      }, topLeftConfig.patientName && /*#__PURE__*/React__default.createElement("div", null, patientName), topLeftConfig.patientSexAge && /*#__PURE__*/React__default.createElement("div", null, patientSex, "/", patientAge), topLeftConfig.patientID && /*#__PURE__*/React__default.createElement("div", null, patientID), topLeftConfig.bodyPartExamined && /*#__PURE__*/React__default.createElement("div", null, bodyPartExamined), topLeftConfig.lateralityViewPosition && /*#__PURE__*/React__default.createElement("div", null, laterality, " ", viewPosition)), /*#__PURE__*/React__default.createElement("div", {
         style: {
           position: 'absolute',
           bottom: 4,
@@ -99353,7 +99757,7 @@ var ViewportOverlay$1 = /*#__PURE__*/function (_PureComponent) {
           fontSize: "".concat(fontSize, "px"),
           display: "".concat(hide ? 'none' : 'block')
         }
-      }, showDXDRCR && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", null, formatDRDXInfo$2('kV', kvp)), /*#__PURE__*/React__default.createElement("div", null, formatDRDXInfo$2('mA', xRayTubeCurrent)), /*#__PURE__*/React__default.createElement("div", null, formatDRDXInfo$2('Time', exposureTime)), /*#__PURE__*/React__default.createElement("div", null, formatDRDXInfo$2('mAs', exposure))), /*#__PURE__*/React__default.createElement("div", null, patientOrientation), /*#__PURE__*/React__default.createElement("div", null, getTRAndTE$2(repetitionTime, echoTime)), /*#__PURE__*/React__default.createElement("div", null, formatDicomInfo$2('TI', inversionTime)), /*#__PURE__*/React__default.createElement("div", null, formatDicomInfo$2('FA', flipAngle)), showCT && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", null, formatDRDXInfo$2('kV', kvp)), /*#__PURE__*/React__default.createElement("div", null, formatDRDXInfo$2('mAs', exposure))), /*#__PURE__*/React__default.createElement("div", null, thk), /*#__PURE__*/React__default.createElement("div", null, formatDicomInfo$2('B', diffusionBValue, false)), seriesDescription && seriesDescription !== protocolName && /*#__PURE__*/React__default.createElement("div", null, seriesDescription)), /*#__PURE__*/React__default.createElement("div", {
+      }, showDXDRCR && bottomLeftConfig.dxDrCrInfo && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", null, formatDRDXInfo$2('kV', kvp)), /*#__PURE__*/React__default.createElement("div", null, formatDRDXInfo$2('mA', xRayTubeCurrent)), /*#__PURE__*/React__default.createElement("div", null, formatDRDXInfo$2('Time', exposureTime)), /*#__PURE__*/React__default.createElement("div", null, formatDRDXInfo$2('mAs', exposure))), bottomLeftConfig.patientOrientation && /*#__PURE__*/React__default.createElement("div", null, patientOrientation), bottomLeftConfig.trTe && /*#__PURE__*/React__default.createElement("div", null, getTRAndTE$2(repetitionTime, echoTime)), bottomLeftConfig.ti && /*#__PURE__*/React__default.createElement("div", null, formatDicomInfo$2('TI', inversionTime)), bottomLeftConfig.fa && /*#__PURE__*/React__default.createElement("div", null, formatDicomInfo$2('FA', flipAngle)), showCT && bottomLeftConfig.dxDrCrInfo && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", null, formatDRDXInfo$2('kV', kvp)), /*#__PURE__*/React__default.createElement("div", null, formatDRDXInfo$2('mAs', exposure))), bottomLeftConfig.thk && /*#__PURE__*/React__default.createElement("div", null, thk), bottomLeftConfig.bValue && /*#__PURE__*/React__default.createElement("div", null, formatDicomInfo$2('B', diffusionBValue, false)), seriesDescription && seriesDescription !== protocolName && bottomLeftConfig.seriesDescription && /*#__PURE__*/React__default.createElement("div", null, seriesDescription)), /*#__PURE__*/React__default.createElement("div", {
         style: {
           position: 'absolute',
           top: 4,
@@ -99362,7 +99766,7 @@ var ViewportOverlay$1 = /*#__PURE__*/function (_PureComponent) {
           fontSize: "".concat(fontSize, "px"),
           display: "".concat(hide ? 'none' : 'block')
         }
-      }, /*#__PURE__*/React__default.createElement("div", null, institutionName), /*#__PURE__*/React__default.createElement("div", null, studyDateTime && studyDateTime.format('YYYY-MM-DD HH:mm:ss')), /*#__PURE__*/React__default.createElement("div", null, "Se: ", seriesNumber, "/", seriesCount), /*#__PURE__*/React__default.createElement("div", null, "Im: ", instanceNumber, "/", instanceCount), /*#__PURE__*/React__default.createElement("div", null, formatInPlanePhaseEncodingDirection$2(inPlanePhaseEncodingDirection))), /*#__PURE__*/React__default.createElement("div", {
+      }, topRightConfig.institutionName && /*#__PURE__*/React__default.createElement("div", null, institutionName), topRightConfig.studyDateTime && /*#__PURE__*/React__default.createElement("div", null, studyDateTime && studyDateTime.format('YYYY-MM-DD HH:mm:ss')), topRightConfig.seriesNumber && /*#__PURE__*/React__default.createElement("div", null, "Se: ", seriesNumber, "/", seriesCount), topRightConfig.instanceNumber && /*#__PURE__*/React__default.createElement("div", null, "Im: ", instanceNumber, "/", instanceCount), topRightConfig.inPlanePhaseEncodingDirection && /*#__PURE__*/React__default.createElement("div", null, formatInPlanePhaseEncodingDirection$2(inPlanePhaseEncodingDirection))), /*#__PURE__*/React__default.createElement("div", {
         style: {
           position: 'absolute',
           bottom: 4,
@@ -99371,7 +99775,7 @@ var ViewportOverlay$1 = /*#__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$1(dicom, imageId)), /*#__PURE__*/React__default.createElement("div", null, getMat$2(acquisitionMatrix)), (sliceLocation || sliceLocation === 0) && /*#__PURE__*/React__default.createElement("div", null, "Location: ", sliceLocation)));
+      }, bottomRightConfig.windowWidth && /*#__PURE__*/React__default.createElement("div", null, "W: ", windowWidth.toFixed(0)), bottomRightConfig.windowCenter && /*#__PURE__*/React__default.createElement("div", null, "C: ", windowCenter.toFixed(0)), bottomRightConfig.zoom && /*#__PURE__*/React__default.createElement("div", null, zoom, "X"), bottomRightConfig.fov && /*#__PURE__*/React__default.createElement("div", null, getFov$1(dicom, imageId)), bottomRightConfig.mat && /*#__PURE__*/React__default.createElement("div", null, getMat$2(acquisitionMatrix)), (sliceLocation || sliceLocation === 0) && bottomRightConfig.sliceLocation && /*#__PURE__*/React__default.createElement("div", null, "Location: ", sliceLocation)));
     }
   }]);
 
@@ -99382,12 +99786,13 @@ defineProperty(ViewportOverlay$1, "propTypes", {
   viewport: PropTypes$1.object.isRequired,
   imageId: PropTypes$1.string.isRequired,
   stack: PropTypes$1.object.isRequired,
-  hide: PropTypes$1.bool
+  hide: PropTypes$1.bool,
+  filmOverlayConfig: PropTypes$1.object
 });
 
-function _createSuper$1W(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1X(); 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 _createSuper$1X(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1Y(); 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$1X() { 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; } }
+function _isNativeReflectConstruct$1Y() { 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$1(string) {
@@ -99419,7 +99824,7 @@ function initializeTools$1(cornerstoneTools, tools, element) {
 var FilmViewport = /*#__PURE__*/function (_Component) {
   inherits(FilmViewport, _Component);
 
-  var _super = _createSuper$1W(FilmViewport);
+  var _super = _createSuper$1X(FilmViewport);
 
   function FilmViewport(props) {
     var _this;
@@ -99714,7 +100119,8 @@ var FilmViewport = /*#__PURE__*/function (_Component) {
       var _this$props3 = this.props,
           index = _this$props3.index,
           onClick = _this$props3.onClick,
-          overlayFontSize = _this$props3.overlayFontSize;
+          overlayFontSize = _this$props3.overlayFontSize,
+          filmOverlayConfig = _this$props3.filmOverlayConfig;
       var imageId = stack && stack.imageIds[0];
       return /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-film-viewport-wrapper"
@@ -99739,7 +100145,8 @@ var FilmViewport = /*#__PURE__*/function (_Component) {
         viewport: viewport,
         imageId: imageId,
         stack: stack,
-        fontSize: overlayFontSize
+        fontSize: overlayFontSize,
+        filmOverlayConfig: filmOverlayConfig
       })));
     }
   }]);
@@ -99774,31 +100181,33 @@ defineProperty(FilmViewport, "defaultProps", {
   }]
 });
 
-var mapStateToProps$C = function mapStateToProps(state) {
+var mapStateToProps$D = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.film,
       filmActiveTool = _state$paladin$tools$.filmActiveTool,
       filmRelativeIndexes = _state$paladin$tools$.filmRelativeIndexes,
-      filmSynchronizer = _state$paladin$tools$.filmSynchronizer;
+      filmSynchronizer = _state$paladin$tools$.filmSynchronizer,
+      filmOverlayConfig = _state$paladin$tools$.filmOverlayConfig;
   return {
     filmActiveTool: filmActiveTool,
     filmRelativeIndexes: filmRelativeIndexes,
-    filmSynchronizer: filmSynchronizer
+    filmSynchronizer: filmSynchronizer,
+    filmOverlayConfig: filmOverlayConfig
   };
 };
 
-var ConnectedFilmViewport = reactRedux.connect(mapStateToProps$C, {
+var ConnectedFilmViewport = reactRedux.connect(mapStateToProps$D, {
   setActiveTool: setActiveTool,
   setSeriesCurrentIndex: setSeriesCurrentIndex
 })(FilmViewport);
 
-function _createSuper$1X(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1Y(); 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 _createSuper$1Y(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1Z(); 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$1Y() { 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; } }
+function _isNativeReflectConstruct$1Z() { 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 FilmView = /*#__PURE__*/function (_Component) {
   inherits(FilmView, _Component);
 
-  var _super = _createSuper$1X(FilmView);
+  var _super = _createSuper$1Y(FilmView);
 
   function FilmView(props) {
     var _this;
@@ -100067,7 +100476,7 @@ function ownKeys$1d(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$1c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1d(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$D = function mapStateToProps(state) {
+var mapStateToProps$E = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.film,
       films = _state$paladin$tools$.films,
       filmLayoutRow = _state$paladin$tools$.filmLayoutRow,
@@ -100193,7 +100602,7 @@ var mergeProps$B = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedFilmView = reactRedux.connect(mapStateToProps$D, {
+var ConnectedFilmView = reactRedux.connect(mapStateToProps$E, {
   setActiveTool: setActiveTool,
   exchangeFilm: exchangeFilm,
   removeFilm: removeFilm,
@@ -100204,8 +100613,8 @@ var ConnectedFilmView = reactRedux.connect(mapStateToProps$D, {
   setFilmRelativeIndexMulti: setFilmRelativeIndexMulti
 }, mergeProps$B)(FilmView);
 
-var css_248z$P = ".paladin-fusion-wrapper {\n  width: 100%;\n  height: 100%;\n  color: white;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.paladin-fusion-wrapper .paladin-fusion-item-fusion {\n  display: flex;\n  flex-direction: column;\n  width: 60%;\n  height: 100%;\n  position: relative;\n  z-index: 1;\n  flex: none;\n}\n.paladin-fusion-wrapper .paladin-fusion-origin {\n  display: flex;\n  flex-direction: column;\n  width: 40%;\n  height: 100%;\n  position: relative;\n  z-index: 1;\n  flex: none;\n}\n.paladin-fusion-wrapper .paladin-fusion-item {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  height: 50%;\n  position: relative;\n  z-index: 1;\n  flex: none;\n}\n.paladin-fusion-wrapper .paladin-fusion-ct,\n.paladin-fusion-wrapper .paladin-fusion-pet {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n.paladin-fusion-wrapper .paladin-fusion-ct {\n  z-index: 2;\n}\n.paladin-fusion-wrapper .paladin-fusion-pet {\n  z-index: 3;\n}\n";
-styleInject$1(css_248z$P);
+var css_248z$Q = ".paladin-fusion-wrapper {\n  width: 100%;\n  height: 100%;\n  color: white;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.paladin-fusion-wrapper .paladin-fusion-item-fusion {\n  display: flex;\n  flex-direction: column;\n  width: 60%;\n  height: 100%;\n  position: relative;\n  z-index: 1;\n  flex: none;\n}\n.paladin-fusion-wrapper .paladin-fusion-origin {\n  display: flex;\n  flex-direction: column;\n  width: 40%;\n  height: 100%;\n  position: relative;\n  z-index: 1;\n  flex: none;\n}\n.paladin-fusion-wrapper .paladin-fusion-item {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  height: 50%;\n  position: relative;\n  z-index: 1;\n  flex: none;\n}\n.paladin-fusion-wrapper .paladin-fusion-ct,\n.paladin-fusion-wrapper .paladin-fusion-pet {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n.paladin-fusion-wrapper .paladin-fusion-ct {\n  z-index: 2;\n}\n.paladin-fusion-wrapper .paladin-fusion-pet {\n  z-index: 3;\n}\n";
+styleInject$1(css_248z$Q);
 
 var dicomToolDefaultProps$1 = {
   activeTool: 'Wwwc',
@@ -100520,12 +100929,12 @@ function getPETCustomAvailableTools(data) {
   }];
 }
 
-var css_248z$Q = ".paladin-mpr-direaction-tip {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  width: 10px;\n  height: 10px;\n}\n.paladin-mpr-direaction-toggle-box {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  cursor: pointer;\n}\n.paladin-mpr-direaction-toggle-box span {\n  display: inline-block;\n  padding: 3px;\n  font-size: 12px;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle {\n  border: 1px solid #999;\n  background: #000;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle:last-child {\n  border-left: none;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle-active {\n  background: #0d5075;\n}\n.rc-slider {\n  background-color: transparent !important;\n}\n.paladin-viewport-wrapper {\n  overflow: hidden;\n  color: white;\n  height: 100%;\n  position: relative;\n}\n.cornerstone-canvas-container {\n  box-sizing: border-box;\n  width: 100%;\n  position: relative;\n}\n.paladin-viewport-scroll-wrappper {\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n}\n.paladin-viewport-scroll-inner {\n  width: 40%;\n  margin: 5px auto auto;\n}\n.paladin-viewport-scroll-mpr-wrappper {\n  width: 100%;\n  position: relative;\n  z-index: 1;\n}\n.paladin-key-image-tip {\n  position: absolute;\n  top: 9px;\n  left: 50%;\n  font-size: 12px;\n  transform: translateX(20px);\n}\n.paladin-key-image-tip svg {\n  display: inline-block;\n  width: 12px !important;\n  height: 12px !important;\n  margin-right: 3px;\n}\n";
-styleInject$1(css_248z$Q);
+var css_248z$R = ".paladin-mpr-direaction-tip {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  width: 10px;\n  height: 10px;\n}\n.paladin-mpr-direaction-toggle-box {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  cursor: pointer;\n}\n.paladin-mpr-direaction-toggle-box span {\n  display: inline-block;\n  padding: 3px;\n  font-size: 12px;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle {\n  border: 1px solid #999;\n  background: #000;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle:last-child {\n  border-left: none;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle-active {\n  background: #0d5075;\n}\n.rc-slider {\n  background-color: transparent !important;\n}\n.paladin-viewport-wrapper {\n  overflow: hidden;\n  color: white;\n  height: 100%;\n  position: relative;\n}\n.cornerstone-canvas-container {\n  box-sizing: border-box;\n  width: 100%;\n  position: relative;\n}\n.paladin-viewport-scroll-wrappper {\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n}\n.paladin-viewport-scroll-inner {\n  width: 40%;\n  margin: 5px auto auto;\n}\n.paladin-viewport-scroll-mpr-wrappper {\n  width: 100%;\n  position: relative;\n  z-index: 1;\n}\n.paladin-key-image-tip {\n  position: absolute;\n  top: 9px;\n  left: 50%;\n  font-size: 12px;\n  transform: translateX(20px);\n}\n.paladin-key-image-tip svg {\n  display: inline-block;\n  width: 12px !important;\n  height: 12px !important;\n  margin-right: 3px;\n}\n";
+styleInject$1(css_248z$R);
 
-function _createSuper$1Y(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1Z(); 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 _createSuper$1Z(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1_(); 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$1Z() { 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; } }
+function _isNativeReflectConstruct$1_() { 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 calculateSUV$3 = cornerstoneTools.importInternal('util/calculateSUV');
 var EVENT_RESIZE$1 = 'resize';
 var loadIndicatorDelay$3 = 300;
@@ -100560,7 +100969,7 @@ function initializeTools$2(cornerstoneTools, tools, element) {
 var FusionViewport = /*#__PURE__*/function (_Component) {
   inherits(FusionViewport, _Component);
 
-  var _super = _createSuper$1Y(FusionViewport);
+  var _super = _createSuper$1Z(FusionViewport);
 
   function FusionViewport(props) {
     var _this;
@@ -101312,7 +101721,7 @@ function ownKeys$1e(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$1d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1e(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$E = function mapStateToProps(state) {
+var mapStateToProps$F = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.action,
       activeTool = _state$paladin$tools$.activeTool,
       originActiveTool = _state$paladin$tools$.originActiveTool,
@@ -101355,15 +101764,15 @@ var mergeProps$C = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedFusionViewport = reactRedux.connect(mapStateToProps$E, {
+var ConnectedFusionViewport = reactRedux.connect(mapStateToProps$F, {
   setActiveTool: setActiveTool,
   setSeriesCurrentIndex: setSeriesCurrentIndex,
   setFusionReduxValue: setFusionReduxValue
 }, mergeProps$C)(FusionViewport);
 
-function _createSuper$1Z(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1_(); 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 _createSuper$1_(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1$(); 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$1_() { 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; } }
+function _isNativeReflectConstruct$1$() { 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 getStudyDateTime$3 = function getStudyDateTime(dicom) {
   // 因为检查时间部分数据可能未传, 根据以下顺序进行获取
@@ -101429,7 +101838,7 @@ var formatDicomInfo$3 = function formatDicomInfo(label, value) {
 var FusionOverlay = /*#__PURE__*/function (_PureComponent) {
   inherits(FusionOverlay, _PureComponent);
 
-  var _super = _createSuper$1Z(FusionOverlay);
+  var _super = _createSuper$1_(FusionOverlay);
 
   function FusionOverlay(props) {
     var _this;
@@ -101685,9 +102094,9 @@ defineProperty(FusionOverlay, "propTypes", {
   hide: PropTypes$1.bool
 });
 
-function _createSuper$1_(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1$(); 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 _createSuper$1$(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$20(); 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$1$() { 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; } }
+function _isNativeReflectConstruct$20() { 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 EVENT_RESIZE$2 = 'resize';
 var loadIndicatorDelay$4 = 300;
 var loadHandlerManager$3 = cornerstoneTools.loadHandlerManager;
@@ -101721,7 +102130,7 @@ function initializeTools$3(cornerstoneTools, tools, element) {
 var FusionViewport$1 = /*#__PURE__*/function (_Component) {
   inherits(FusionViewport, _Component);
 
-  var _super = _createSuper$1_(FusionViewport);
+  var _super = _createSuper$1$(FusionViewport);
 
   function FusionViewport(props) {
     var _this;
@@ -102426,7 +102835,7 @@ function ownKeys$1f(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$1e(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1f(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$F = function mapStateToProps(state) {
+var mapStateToProps$G = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.action,
       activeTool = _state$paladin$tools$.activeTool,
       originActiveTool = _state$paladin$tools$.originActiveTool,
@@ -102469,20 +102878,20 @@ var mergeProps$D = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedFusionViewport$1 = reactRedux.connect(mapStateToProps$F, {
+var ConnectedFusionViewport$1 = reactRedux.connect(mapStateToProps$G, {
   setActiveTool: setActiveTool,
   setSeriesCurrentIndex: setSeriesCurrentIndex,
   setFusionReduxValue: setFusionReduxValue
 }, mergeProps$D)(FusionViewport$1);
 
-function _createSuper$1$(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$20(); 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 _createSuper$20(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$21(); 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$20() { 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; } }
+function _isNativeReflectConstruct$21() { 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 PETLayout = /*#__PURE__*/function (_Component) {
   inherits(PETLayout, _Component);
 
-  var _super = _createSuper$1$(PETLayout);
+  var _super = _createSuper$20(PETLayout);
 
   function PETLayout(props) {
     var _this;
@@ -102619,7 +103028,7 @@ function ownKeys$1g(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$1f(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1g(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$G = function mapStateToProps(state) {
+var mapStateToProps$H = function mapStateToProps(state) {
   return _objectSpread$1f({}, state.paladin.tools.fusion);
 };
 
@@ -102661,7 +103070,7 @@ var mergeProps$E = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedPETLayout = reactRedux.connect(mapStateToProps$G, {
+var ConnectedPETLayout = reactRedux.connect(mapStateToProps$H, {
   setFusionActiveIndex: setFusionActiveIndex
 }, mergeProps$E)(PETLayout);
 
@@ -102671,9 +103080,9 @@ function _unsupportedIterableToArray$m(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$m(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _createSuper$20(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$21(); 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 _createSuper$21(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$22(); 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$21() { 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; } }
+function _isNativeReflectConstruct$22() { 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 DicomLayoutContainerWrap = function DicomLayoutContainerWrap(props) {
   return /*#__PURE__*/React__default.createElement("div", {
@@ -102697,7 +103106,7 @@ index$3.configure({
 var DicomView = /*#__PURE__*/function (_Component) {
   inherits(DicomView, _Component);
 
-  var _super = _createSuper$20(DicomView);
+  var _super = _createSuper$21(DicomView);
 
   function DicomView(props) {
     var _this;
@@ -103331,7 +103740,7 @@ function _objectSpread$1g(target) { for (var i = 1; i < arguments.length; i++) {
 var throttle$9 = cornerstoneTools.importInternal('util/throttle');
 var NO_CHECK_MULTI_FRAME_MODALITIES = ['DR', 'CR', 'DX', 'MG'];
 
-var mapStateToProps$H = function mapStateToProps(state) {
+var mapStateToProps$I = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       activeIndex = _state$paladin$viewpo.activeIndex,
       imageActiveIndex = _state$paladin$viewpo.imageActiveIndex,
@@ -104586,7 +104995,7 @@ var mergeProps$F = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomView = reactRedux.connect(mapStateToProps$H, {
+var ConnectedDicomView = reactRedux.connect(mapStateToProps$I, {
   initSeries: initSeries,
   addSeries: addSeries,
   setCurrentSeries: setCurrentSeries,