hellfire 0.31.5 → 0.31.7

package/dist/index.js

@@ -52258,6 +52258,15 @@ var mergeProps$q = function mergeProps(propsFromState, propsFromDispatch, ownPro
         if (imageActiveIndex + 1 > imageCounts) {
           propsFromDispatch.setImageActiveIndex(imageCounts - 1);
         }
+      } else {
+        // 序列模式下需要把新序列自动加入预加载池中，initImageLoadManual和手动模式导致这边需要做这个逻辑
+        var loaded = propsFromState.loaded;
+        var loadedCount = loaded && loaded[selectSeries.seriesInstanceUID];
+        var totalCount = selectSeries && selectSeries.numberOfSeriesRelatedInstances;
+
+        if (!loadedCount || loadedCount <= totalCount) {
+          addTaskPool([selectSeries]);
+        }
       }
 
       propsFromDispatch.setCurrentSeries(selectSeries);
@@ -56699,12 +56708,13 @@ var DicomLayout = /*#__PURE__*/function (_Component) {
               col: col
             });
           }
+          var stack = series[index];
           return /*#__PURE__*/React__default.createElement(ConnectedDicomViewport // key={`viewport-${row}-${col}-${currentScrollLine}-${index}`}
           , {
-            key: "viewport-".concat(index),
+            key: "viewport-".concat(stack.seriesInstanceUID, "-").concat(index),
             scrollWidth: scrollWidth,
             scrollType: scrollType,
-            stack: series[index],
+            stack: stack,
             linkedIndexArr: linkedIndexArr,
             width: "".concat(100 / col, "%"),
             activeIndex: activeIndex,
@@ -71111,20 +71121,6 @@ var getTRAndTE$1 = function getTRAndTE(repetitionTime, echoTime) {
   }
 };
 
-var getADAndNEX$1 = function getADAndNEX(acquisitionDuration, numberOfAverages) {
-  var formatedAD = convertSecondsToMinAndSecond(acquisitionDuration);
-
-  if (formatedAD && numberOfAverages) {
-    return "AD/NEX: ".concat(formatedAD, "/").concat(numberOfAverages);
-  } else if (formatedAD) {
-    return "AD: ".concat(formatedAD);
-  } else if (numberOfAverages) {
-    return "NEX: ".concat(numberOfAverages);
-  } else {
-    return '';
-  }
-};
-
 var formatDicomInfo$1 = function formatDicomInfo(label, value) {
   var isNumber = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
   var formated = value;
@@ -71389,8 +71385,8 @@ var getFilmPrintImageData = /*#__PURE__*/function () {
             mergedCanvas.style.width = filmWidth + 'px';
             mergedCanvas.style.height = filmHeight + 'px';
             mergedCanvas.style.position = 'fixed'; // mergedCanvas.style.left = '-1400px';
-            // mergedCanvas.style.top = '-1600px';
-            // mergedCanvas.style.transform = 'scale(0.4)';
+            // mergedCanvas.style.top = '-2010px';
+            // mergedCanvas.style.transform = 'scale(0.15)';
 
             mergedCanvas.style.left = 0;
             mergedCanvas.style.top = 0;
@@ -71606,8 +71602,6 @@ var addDicomInfoOnCanvas = /*#__PURE__*/function () {
 
 var drawLeftTop = function drawLeftTop(dicom, ctx) {
   var institutionName = dicom.InstitutionName.toString();
-  var manufacturer = dicom.Manufacturer.toString();
-  var manufacturerModelName = dicom.ManufacturerModelName.toString();
   var patientName = dicom.PatientName.toString();
   var patientSex = dicom.PatientSex.toString();
   var patientAge = dicom.PatientAge.toString();
@@ -71624,12 +71618,9 @@ var drawLeftTop = function drawLeftTop(dicom, ctx) {
     contentY += spacing;
   }
 
-  if (manufacturer || manufacturerModelName) {
-    ctx.fillText("".concat(manufacturer || '', " ").concat(manufacturerModelName || ''), contentX, contentY);
-    contentY += spacing;
-  }
-
-  ctx.fillText("".concat(patientName || '', "/").concat(patientSex || '', "/").concat(patientAge || ''), contentX, contentY);
+  ctx.fillText("".concat(patientName || ''), contentX, contentY);
+  contentY += spacing;
+  ctx.fillText("".concat(patientSex || '', "/").concat(patientAge || ''), contentX, contentY);
   contentY += spacing;
 
   if (patientID) {
@@ -71661,13 +71652,10 @@ var drawLeftTop = function drawLeftTop(dicom, ctx) {
 var drawLeftBottom = function drawLeftBottom(dicom, ctx, height) {
   var patientOrientation = dicom.PatientOrientation.toString();
   var protocolName = dicom.ProtocolName.toString();
-  var sequenceName = dicom.SequenceName.toString();
   var repetitionTime = dicom.RepetitionTime.toString();
   var echoTime = dicom.EchoTime.toString();
   var inversionTime = dicom.InversionTime.toString();
   var flipAngle = dicom.FlipAngle.toString();
-  var acquisitionDuration = dicom.AcquisitionDuration.toString();
-  var numberOfAverages = dicom.NumberOfAverages.toString();
   var sliceThickness = dicom.SliceThickness.value; // 层厚
 
   var spacingBetweenSlices = dicom.SpacingBetweenSlices.value; // 两层中心点的层间距
@@ -71698,13 +71686,6 @@ var drawLeftBottom = function drawLeftBottom(dicom, ctx, height) {
     contentY -= spacing;
   }
 
-  var adAndNex = getADAndNEX$1(acquisitionDuration, numberOfAverages);
-
-  if (adAndNex) {
-    ctx.fillText(adAndNex, contentX, contentY);
-    contentY -= spacing;
-  }
-
   var _flipAngle = formatDicomInfo$1('FA', flipAngle);
 
   if (_flipAngle) {
@@ -71726,16 +71707,6 @@ var drawLeftBottom = function drawLeftBottom(dicom, ctx, height) {
     contentY -= spacing;
   }
 
-  if (sequenceName) {
-    ctx.fillText(sequenceName, contentX, contentY);
-    contentY -= spacing;
-  }
-
-  if (protocolName) {
-    ctx.fillText(protocolName, contentX, contentY);
-    contentY -= spacing;
-  }
-
   if (patientOrientation) {
     ctx.fillText(patientOrientation, contentX, contentY);
   }
@@ -71747,8 +71718,7 @@ var drawRightTop = function drawRightTop(dicom, ctx, width, stack) {
   var instanceCount = stack.instanceCount || '';
   var instanceNumber = stack.instanceNumber.toString() || '';
   var seriesCount = stack.seriesCount || '';
-  var seriesNumber = stack.seriesNumber.toString() || ''; // const compression = getCompression(dicom)
-
+  var seriesNumber = stack.seriesNumber.toString() || '';
   var inPlanePhaseEncodingDirection = dicom.InPlanePhaseEncodingDirection.toString();
   var contentX = width - dicomInfoPaddingX;
   var contentY = dicomInfoPaddingY;
@@ -71764,10 +71734,7 @@ var drawRightTop = function drawRightTop(dicom, ctx, width, stack) {
   ctx.fillText("Se: ".concat(seriesNumber, "/").concat(seriesCount), contentX, contentY);
   contentY += spacing;
   ctx.fillText("Im: ".concat(instanceNumber, "/").concat(instanceCount), contentX, contentY);
-  contentY += spacing; // if (compression) {
-  //     ctx.fillText(compression, contentX, contentY);
-  //     contentY += spacing;
-  // }
+  contentY += spacing;
 
   var _inPlanePhaseEncodingDirection = formatInPlanePhaseEncodingDirection$1(inPlanePhaseEncodingDirection);
 
@@ -72505,6 +72472,428 @@ styleInject$1(css_248z$M);
 function _createSuper$1T(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1T(); 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$1T() { 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) {
+  // 因为检查时间部分数据可能未传, 根据以下顺序进行获取
+  var fetchTagList = ['Acquisition', 'Content', 'Series', 'Study'];
+
+  for (var _i = 0, _fetchTagList = fetchTagList; _i < _fetchTagList.length; _i++) {
+    var tag = _fetchTagList[_i];
+    var dateTime = combineDateAndTimeToMoment(dicom, tag);
+
+    if (dateTime) {
+      return dateTime;
+    }
+  }
+};
+
+var formatInPlanePhaseEncodingDirection$2 = function formatInPlanePhaseEncodingDirection(inPlanePhaseEncodingDirection) {
+  switch (inPlanePhaseEncodingDirection) {
+    case 'ROW':
+      return '→';
+
+    case 'COL':
+      return '↓';
+
+    default:
+      return '';
+  }
+};
+
+var checkFloatFixed$1 = function checkFloatFixed(num) {
+  var decimalPart = num.toString().split('.')[1];
+
+  if (decimalPart && decimalPart.length > 2) {
+    return num.toFixed(2);
+  } else {
+    return num.toFixed(1);
+  }
+};
+
+var getActualSpacingBetweenSlices$2 = function getActualSpacingBetweenSlices(spacingBetweenSlices, sliceThickness) {
+  if (spacingBetweenSlices && sliceThickness) {
+    // 获取实际的层间距 减去上下层各 1/2的层厚
+    var actualSpacingBetweenSlices = parseFloat(spacingBetweenSlices) - parseFloat(sliceThickness);
+    return actualSpacingBetweenSlices && checkFloatFixed$1(actualSpacingBetweenSlices);
+  } else {
+    return '';
+  }
+};
+
+var formatThkText$1 = function formatThkText(sliceThickness, spacingBetweenSlices) {
+  var actualSpacingBetweenSlices = getActualSpacingBetweenSlices$2(sliceThickness, spacingBetweenSlices);
+  return actualSpacingBetweenSlices || sliceThickness ? "THK: ".concat(sliceThickness && checkFloatFixed$1(parseFloat(sliceThickness)), "/").concat(actualSpacingBetweenSlices) : '';
+};
+
+var getFov$1 = function getFov(dicom, imageId) {
+  var rows = dicom.Rows.value;
+  var columns = dicom.Columns.value;
+
+  var _getPixelSpacing = getPixelSpacing$9(imageId),
+      rowPixelSpacing = _getPixelSpacing.rowPixelSpacing,
+      colPixelSpacing = _getPixelSpacing.colPixelSpacing;
+
+  if (rowPixelSpacing && colPixelSpacing) {
+    var fovHeight = Math.round(rows[0] * rowPixelSpacing);
+    var fovWidth = Math.round(columns[0] * colPixelSpacing);
+    return "FOV: ".concat(fovHeight, "X").concat(fovWidth);
+  }
+
+  return '';
+};
+
+var getMat$2 = function getMat(acquisitionMatrix) {
+  if (acquisitionMatrix && acquisitionMatrix.length === 4) {
+    var acquisitionX = parseInt(Math.abs(acquisitionMatrix[3] - acquisitionMatrix[1]));
+    var acquisitionY = parseInt(Math.abs(acquisitionMatrix[2] - acquisitionMatrix[0]));
+
+    if (acquisitionX && acquisitionY) {
+      return "MAT: ".concat(acquisitionX, "X").concat(acquisitionY);
+    }
+  }
+
+  return '';
+};
+
+var getTRAndTE$2 = function getTRAndTE(repetitionTime, echoTime) {
+  if (repetitionTime && echoTime) {
+    return "TR/TE: ".concat(formatNumberPrecision(repetitionTime, 1), "/").concat(formatNumberPrecision(echoTime, 1));
+  } else if (repetitionTime) {
+    return "TR: ".concat(formatNumberPrecision(repetitionTime, 1));
+  } else if (echoTime) {
+    return "TE: ".concat(formatNumberPrecision(repetitionTime, 1));
+  } else {
+    return '';
+  }
+};
+
+var formatDicomInfo$2 = function formatDicomInfo(label, value) {
+  var isNumber = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  var formated = value;
+
+  if (isNumber) {
+    formated = formatNumberPrecision(value, 1);
+  }
+
+  return formated ? "".concat(label, ": ").concat(formated) : '';
+};
+
+var formatDRDXInfo$1 = function formatDRDXInfo(label, value) {
+  var text = '';
+
+  if (!value) {
+    return text;
+  }
+
+  var _v = Number(value);
+
+  if (!_v) {
+    return text;
+  }
+
+  text = formatNumberPrecision(value, 1);
+  return "".concat(label, ": ").concat(text);
+};
+
+var ViewportOverlay$1 = /*#__PURE__*/function (_PureComponent) {
+  inherits(ViewportOverlay, _PureComponent);
+
+  var _super = _createSuper$1T(ViewportOverlay);
+
+  function ViewportOverlay(props) {
+    var _this;
+
+    classCallCheck(this, ViewportOverlay);
+
+    _this = _super.call(this, props);
+
+    defineProperty(assertThisInitialized(_this), "getPatientNameData", function () {
+      var _this$state = _this.state,
+          dicom = _this$state.dicom,
+          basicInfoFrom = _this$state.basicInfoFrom;
+      var _this$props = _this.props,
+          basicInfoFromStudy = _this$props.basicInfoFromStudy,
+          originDicomInfo = _this$props.originDicomInfo;
+
+      if (basicInfoFrom && basicInfoFrom === 'study' && basicInfoFromStudy && basicInfoFromStudy.name) {
+        return basicInfoFromStudy.name;
+      } else {
+        if (originDicomInfo) {
+          return originDicomInfo.PatientName.toString();
+        }
+
+        return dicom.PatientName.toString();
+      }
+    });
+
+    defineProperty(assertThisInitialized(_this), "getPatientSexData", function () {
+      var _this$state2 = _this.state,
+          dicom = _this$state2.dicom,
+          basicInfoFrom = _this$state2.basicInfoFrom;
+      var _this$props2 = _this.props,
+          basicInfoFromStudy = _this$props2.basicInfoFromStudy,
+          originDicomInfo = _this$props2.originDicomInfo;
+
+      if (basicInfoFrom && basicInfoFrom === 'study' && basicInfoFromStudy && basicInfoFromStudy.patientSex) {
+        return basicInfoFromStudy.patientSex;
+      } else {
+        if (originDicomInfo) {
+          return originDicomInfo.PatientSex.toString();
+        }
+
+        return dicom.PatientSex.toString();
+      }
+    });
+
+    defineProperty(assertThisInitialized(_this), "getPatientAgeData", function () {
+      var _this$state3 = _this.state,
+          dicom = _this$state3.dicom,
+          basicInfoFrom = _this$state3.basicInfoFrom;
+      var _this$props3 = _this.props,
+          basicInfoFromStudy = _this$props3.basicInfoFromStudy,
+          originDicomInfo = _this$props3.originDicomInfo;
+
+      if (basicInfoFrom && basicInfoFrom === 'study' && basicInfoFromStudy && basicInfoFromStudy.patientAge) {
+        return basicInfoFromStudy.patientAge;
+      } else {
+        if (originDicomInfo) {
+          return originDicomInfo.PatientAge.toString();
+        }
+
+        return dicom.PatientAge.toString();
+      }
+    });
+
+    defineProperty(assertThisInitialized(_this), "getPatientIDData", function () {
+      var _this$state4 = _this.state,
+          dicom = _this$state4.dicom,
+          basicInfoFrom = _this$state4.basicInfoFrom;
+      var _this$props4 = _this.props,
+          basicInfoFromStudy = _this$props4.basicInfoFromStudy,
+          originDicomInfo = _this$props4.originDicomInfo;
+
+      if (basicInfoFrom && basicInfoFrom === 'study' && basicInfoFromStudy && basicInfoFromStudy.patientID) {
+        return basicInfoFromStudy.patientID;
+      } else {
+        if (originDicomInfo) {
+          return originDicomInfo.PatientID.toString();
+        }
+
+        return dicom.PatientID.toString();
+      }
+    });
+
+    var _basicInfoFrom = window.localStorage.getItem('hellfire-dicom-basic-info-from') || 'dicom';
+
+    _this.state = {
+      dicom: null,
+      fontSize: props.fontSize || 12,
+      basicInfoFrom: _basicInfoFrom
+    };
+    return _this;
+  }
+
+  createClass(ViewportOverlay, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      // hack:cpr生成的图像初始的时候没有内容
+      if (this.props.cpr && !this.props.stack.ready) {
+        return;
+      }
+
+      this.loadDicom(this.props.imageId);
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState, snapshot) {
+      if (prevProps.fontSize !== this.props.fontSize) {
+        this.setState({
+          fontSize: this.props.fontSize
+        });
+      }
+    }
+  }, {
+    key: "componentWillReceiveProps",
+    value: function () {
+      var _componentWillReceiveProps = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(nextProps, nextContext) {
+        return regenerator.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                this.loadDicom(nextProps.imageId);
+
+              case 1:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function componentWillReceiveProps(_x, _x2) {
+        return _componentWillReceiveProps.apply(this, arguments);
+      }
+
+      return componentWillReceiveProps;
+    }()
+  }, {
+    key: "loadDicom",
+    value: function () {
+      var _loadDicom = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(imageId) {
+        var _dicom;
+
+        return regenerator.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return loadAndCacheDicom(imageId);
+
+              case 2:
+                _dicom = _context2.sent;
+
+                if (_dicom) {
+                  this.setState({
+                    dicom: _dicom
+                  });
+                }
+
+              case 4:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this);
+      }));
+
+      function loadDicom(_x3) {
+        return _loadDicom.apply(this, arguments);
+      }
+
+      return loadDicom;
+    }() // originDicomInfo是mpr模式下的
+
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props5 = this.props,
+          imageId = _this$props5.imageId,
+          stack = _this$props5.stack,
+          viewport = _this$props5.viewport,
+          hide = _this$props5.hide;
+
+      if (!imageId || !stack) {
+        return null;
+      }
+
+      var _this$state5 = this.state,
+          dicom = _this$state5.dicom,
+          fontSize = _this$state5.fontSize;
+
+      if (!dicom) {
+        return null;
+      } // 获取四角信息
+      // 左上
+
+
+      var institutionName = dicom.InstitutionName.toString();
+      var patientName = this.getPatientNameData();
+      var patientSex = this.getPatientSexData();
+      var patientAge = this.getPatientAgeData();
+      var patientID = this.getPatientIDData();
+      var bodyPartExamined = dicom.BodyPartExamined.toString();
+      var laterality = dicom.Laterality.toString() || dicom.ImageLaterality.toString() || '';
+      var viewPosition = dicom.ViewPosition.toString() || ''; //左下
+
+      var patientOrientation = dicom.PatientOrientation.toString();
+      var protocolName = dicom.ProtocolName.toString();
+      var repetitionTime = dicom.RepetitionTime.toString();
+      var echoTime = dicom.EchoTime.toString();
+      var inversionTime = dicom.InversionTime.toString();
+      var flipAngle = dicom.FlipAngle.toString();
+      var sliceThickness = dicom.SliceThickness.value; // 层厚
+
+      var spacingBetweenSlices = dicom.SpacingBetweenSlices.value; // 两层中心点的层间距
+
+      var diffusionBValue = dicom.DiffusionBValue.toString();
+      var seriesDescription = dicom.SeriesDescription.toString();
+      var thk = formatThkText$1(sliceThickness, spacingBetweenSlices); // DX DR CR专属属性
+
+      var modality = dicom.Modality.toString();
+      var showDXDRCR = modality === 'DX' || modality === 'DR' || modality === 'CR';
+      var kvp = dicom.KVP.toString();
+      var exposureTime = dicom.ExposureTime.toString();
+      var xRayTubeCurrent = dicom.XRayTubeCurrent.toString();
+      var exposure = dicom.Exposure.toString(); // 右上
+
+      var studyDateTime = getStudyDateTime$2(dicom);
+      var seriesNumber = dicom.SeriesNumber.toString();
+      var instanceCount = stack.instanceCount || stack.imageIds.length; // 图像模式的数据才有stack.instanceCount
+      // 当前层数 多帧dicom的情况下取currentImageIdIndex
+
+      var instanceNumber = stack && stack.isMultiFrame ? stack.currentImageIdIndex + 1 : dicom.InstanceNumber.toString();
+      var seriesCount = stack.seriesCount ? stack.seriesCount : '';
+      var inPlanePhaseEncodingDirection = dicom.InPlanePhaseEncodingDirection.toString(); // 右下
+      // 从viewport里面动态获取
+
+      var zoom = viewport.scale.toFixed(2);
+      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);
+      return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
+        style: {
+          position: 'absolute',
+          top: 4,
+          left: 4,
+          textAlign: 'left',
+          fontSize: "".concat(fontSize, "px"),
+          display: "".concat(hide ? 'none' : 'block')
+        }
+      }, /*#__PURE__*/React__default.createElement("div", null, institutionName), /*#__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", {
+        style: {
+          position: 'absolute',
+          bottom: 4,
+          left: 4,
+          textAlign: 'left',
+          fontSize: "".concat(fontSize, "px"),
+          display: "".concat(hide ? 'none' : 'block')
+        }
+      }, showDXDRCR && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", null, formatDRDXInfo$1('kV', kvp)), /*#__PURE__*/React__default.createElement("div", null, formatDRDXInfo$1('mA', xRayTubeCurrent)), /*#__PURE__*/React__default.createElement("div", null, formatDRDXInfo$1('Time', exposureTime)), /*#__PURE__*/React__default.createElement("div", null, formatDRDXInfo$1('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)), /*#__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", {
+        style: {
+          position: 'absolute',
+          top: 4,
+          right: 4,
+          textAlign: 'right',
+          fontSize: "".concat(fontSize, "px"),
+          display: "".concat(hide ? 'none' : 'block')
+        }
+      }, /*#__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", {
+        style: {
+          position: 'absolute',
+          bottom: 4,
+          right: 4,
+          textAlign: 'right',
+          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)));
+    }
+  }]);
+
+  return ViewportOverlay;
+}(React.PureComponent);
+
+defineProperty(ViewportOverlay$1, "propTypes", {
+  viewport: PropTypes$1.object.isRequired,
+  imageId: PropTypes$1.string.isRequired,
+  stack: PropTypes$1.object.isRequired,
+  hide: PropTypes$1.bool
+});
+
+function _createSuper$1U(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1U(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+
+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 loadIndicatorDelay$2 = 300;
 
 function capitalizeFirstLetter$1(string) {
@@ -72536,7 +72925,7 @@ function initializeTools$1(cornerstoneTools, tools, element) {
 var FilmViewport = /*#__PURE__*/function (_Component) {
   inherits(FilmViewport, _Component);
 
-  var _super = _createSuper$1T(FilmViewport);
+  var _super = _createSuper$1U(FilmViewport);
 
   function FilmViewport(props) {
     var _this;
@@ -72852,7 +73241,7 @@ var FilmViewport = /*#__PURE__*/function (_Component) {
           position: 'absolute',
           color: 'transparent'
         }
-      }, "1"), /*#__PURE__*/React__default.createElement(ViewportOverlay, {
+      }, "1"), /*#__PURE__*/React__default.createElement(ViewportOverlay$1, {
         viewport: viewport,
         imageId: imageId,
         stack: stack,
@@ -72908,14 +73297,14 @@ var ConnectedFilmViewport = reactRedux.connect(mapStateToProps$C, {
   setSeriesCurrentIndex: setSeriesCurrentIndex
 })(FilmViewport);
 
-function _createSuper$1U(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1U(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1V(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$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; } }
+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 FilmView = /*#__PURE__*/function (_Component) {
   inherits(FilmView, _Component);
 
-  var _super = _createSuper$1U(FilmView);
+  var _super = _createSuper$1V(FilmView);
 
   function FilmView(props) {
     var _this;
@@ -73531,11 +73920,11 @@ function getCustomAvailableTools$1(data) {
   }];
 }
 
-function _createSuper$1V(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$1W(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 getStudyDateTime$2 = function getStudyDateTime(dicom) {
+var getStudyDateTime$3 = function getStudyDateTime(dicom) {
   // 因为检查时间部分数据可能未传, 根据以下顺序进行获取
   var fetchTagList = ['Content', 'Acquisition', 'Series', 'Study'];
 
@@ -73549,7 +73938,7 @@ var getStudyDateTime$2 = function getStudyDateTime(dicom) {
   }
 };
 
-var formatInPlanePhaseEncodingDirection$2 = function formatInPlanePhaseEncodingDirection(inPlanePhaseEncodingDirection) {
+var formatInPlanePhaseEncodingDirection$3 = function formatInPlanePhaseEncodingDirection(inPlanePhaseEncodingDirection) {
   switch (inPlanePhaseEncodingDirection) {
     case 'ROW':
       return '→';
@@ -73562,7 +73951,7 @@ var formatInPlanePhaseEncodingDirection$2 = function formatInPlanePhaseEncodingD
   }
 };
 
-var getActualSpacingBetweenSlices$2 = function getActualSpacingBetweenSlices(spacingBetweenSlices, sliceThickness) {
+var getActualSpacingBetweenSlices$3 = function getActualSpacingBetweenSlices(spacingBetweenSlices, sliceThickness) {
   if (spacingBetweenSlices && sliceThickness) {
     // 获取实际的层间距 减去上下层各 1/2的层厚
     var actualSpacingBetweenSlices = parseFloat(spacingBetweenSlices) - parseFloat(sliceThickness);
@@ -73572,7 +73961,7 @@ var getActualSpacingBetweenSlices$2 = function getActualSpacingBetweenSlices(spa
   }
 };
 
-var getTRAndTE$2 = function getTRAndTE(repetitionTime, echoTime) {
+var getTRAndTE$3 = function getTRAndTE(repetitionTime, echoTime) {
   if (repetitionTime && echoTime) {
     return "TR/TE: ".concat(formatNumberPrecision(repetitionTime, 1), "/").concat(formatNumberPrecision(echoTime, 1));
   } else if (repetitionTime) {
@@ -73584,7 +73973,7 @@ var getTRAndTE$2 = function getTRAndTE(repetitionTime, echoTime) {
   }
 };
 
-var getADAndNEX$2 = function getADAndNEX(acquisitionDuration, numberOfAverages) {
+var getADAndNEX$1 = function getADAndNEX(acquisitionDuration, numberOfAverages) {
   var formatedAD = convertSecondsToMinAndSecond(acquisitionDuration);
 
   if (formatedAD && numberOfAverages) {
@@ -73598,7 +73987,7 @@ var getADAndNEX$2 = function getADAndNEX(acquisitionDuration, numberOfAverages)
   }
 };
 
-var formatDicomInfo$2 = function formatDicomInfo(label, value) {
+var formatDicomInfo$3 = function formatDicomInfo(label, value) {
   var isNumber = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
   var formated = value;
 
@@ -73609,10 +73998,10 @@ var formatDicomInfo$2 = function formatDicomInfo(label, value) {
   return formated ? "".concat(label, ": ").concat(formated) : '';
 };
 
-var ViewportOverlay$1 = /*#__PURE__*/function (_PureComponent) {
+var ViewportOverlay$2 = /*#__PURE__*/function (_PureComponent) {
   inherits(ViewportOverlay, _PureComponent);
 
-  var _super = _createSuper$1V(ViewportOverlay);
+  var _super = _createSuper$1W(ViewportOverlay);
 
   function ViewportOverlay(props) {
     var _this;
@@ -73839,12 +74228,12 @@ var ViewportOverlay$1 = /*#__PURE__*/function (_PureComponent) {
 
       var diffusionBValue = dicom.DiffusionBValue.toString();
       var seriesDescription = dicom.SeriesDescription.toString();
-      var actualSpacingBetweenSlices = getActualSpacingBetweenSlices$2(sliceThickness, spacingBetweenSlices);
+      var actualSpacingBetweenSlices = getActualSpacingBetweenSlices$3(sliceThickness, spacingBetweenSlices);
       var thk = actualSpacingBetweenSlices || sliceThickness ? "THK: ".concat(sliceThickness && parseFloat(sliceThickness).toFixed(1), "/").concat(actualSpacingBetweenSlices) : ''; // 当长度大于20时，不显示
 
       var imageComments = dicom.ImageComments.toString(); // 右上
 
-      var studyDateTime = getStudyDateTime$2(dicom);
+      var studyDateTime = getStudyDateTime$3(dicom);
       var seriesNumber = dicom.SeriesNumber.toString();
       var instanceCount = stack.instanceCount || stack.imageIds.length; // 图像模式的数据才有stack.instanceCount
       // 当前层数 多帧dicom的情况下取currentImageIdIndex
@@ -73870,7 +74259,7 @@ var ViewportOverlay$1 = /*#__PURE__*/function (_PureComponent) {
           fontSize: "".concat(fontSize, "px"),
           display: "".concat(hide ? 'none' : 'block')
         }
-      }, /*#__PURE__*/React__default.createElement("div", null, patientOrientation), /*#__PURE__*/React__default.createElement("div", null, protocolName), /*#__PURE__*/React__default.createElement("div", null, sequenceName), /*#__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)), /*#__PURE__*/React__default.createElement("div", null, getADAndNEX$2(acquisitionDuration, numberOfAverages)), /*#__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), imageComments && imageComments.length < 20 && /*#__PURE__*/React__default.createElement("div", null, imageComments)), /*#__PURE__*/React__default.createElement("div", {
+      }, /*#__PURE__*/React__default.createElement("div", null, patientOrientation), /*#__PURE__*/React__default.createElement("div", null, protocolName), /*#__PURE__*/React__default.createElement("div", null, sequenceName), /*#__PURE__*/React__default.createElement("div", null, getTRAndTE$3(repetitionTime, echoTime)), /*#__PURE__*/React__default.createElement("div", null, formatDicomInfo$3('TI', inversionTime)), /*#__PURE__*/React__default.createElement("div", null, formatDicomInfo$3('FA', flipAngle)), /*#__PURE__*/React__default.createElement("div", null, getADAndNEX$1(acquisitionDuration, numberOfAverages)), /*#__PURE__*/React__default.createElement("div", null, thk), /*#__PURE__*/React__default.createElement("div", null, formatDicomInfo$3('B', diffusionBValue, false)), seriesDescription && seriesDescription !== protocolName && /*#__PURE__*/React__default.createElement("div", null, seriesDescription), imageComments && imageComments.length < 20 && /*#__PURE__*/React__default.createElement("div", null, imageComments)), /*#__PURE__*/React__default.createElement("div", {
         style: {
           position: 'absolute',
           top: 4,
@@ -73879,7 +74268,7 @@ var ViewportOverlay$1 = /*#__PURE__*/function (_PureComponent) {
           fontSize: "".concat(fontSize, "px"),
           display: "".concat(hide ? 'none' : 'block')
         }
-      }, /*#__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", {
+      }, /*#__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$3(inPlanePhaseEncodingDirection))), /*#__PURE__*/React__default.createElement("div", {
         style: {
           position: 'absolute',
           bottom: 4,
@@ -73895,7 +74284,7 @@ var ViewportOverlay$1 = /*#__PURE__*/function (_PureComponent) {
   return ViewportOverlay;
 }(React.PureComponent);
 
-defineProperty(ViewportOverlay$1, "propTypes", {
+defineProperty(ViewportOverlay$2, "propTypes", {
   viewport: PropTypes$1.object.isRequired,
   imageId: PropTypes$1.string.isRequired,
   stack: PropTypes$1.object.isRequired,
@@ -73905,9 +74294,9 @@ defineProperty(ViewportOverlay$1, "propTypes", {
 var css_248z$O = ".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$O);
 
-function _createSuper$1W(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 _createSuper$1X(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$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 _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 calculateSUV$3 = cornerstoneTools.importInternal('util/calculateSUV');
 var EVENT_RESIZE$1 = 'resize';
 var loadIndicatorDelay$3 = 300;
@@ -73942,7 +74331,7 @@ function initializeTools$2(cornerstoneTools, tools, element) {
 var FusionViewport = /*#__PURE__*/function (_Component) {
   inherits(FusionViewport, _Component);
 
-  var _super = _createSuper$1W(FusionViewport);
+  var _super = _createSuper$1X(FusionViewport);
 
   function FusionViewport(props) {
     var _this;
@@ -74443,7 +74832,7 @@ var FusionViewport = /*#__PURE__*/function (_Component) {
         stack: stack,
         basicInfoFromStudy: basicInfoFromStudy,
         sliceThickness: sliceThickness
-      }), showOverlayText && isFusionPet && /*#__PURE__*/React__default.createElement(ViewportOverlay$1, {
+      }), showOverlayText && isFusionPet && /*#__PURE__*/React__default.createElement(ViewportOverlay$2, {
         viewport: viewport,
         imageId: imageId,
         stack: stack,
@@ -74691,6 +75080,10 @@ var FusionViewport = /*#__PURE__*/function (_Component) {
 
 defineProperty(FusionViewport, "defaultProps", dicomToolDefaultProps$1);
 
+function ownKeys$1a(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; }
+
+function _objectSpread$1a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1a(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 var mapStateToProps$E = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.action,
       activeTool = _state$paladin$tools$.activeTool,
@@ -74722,20 +75115,32 @@ var mapStateToProps$E = function mapStateToProps(state) {
   };
 };
 
+var mergeProps$C = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  var _showOverlayText = propsFromState.showOverlayText;
+
+  if (ownProps.hasOwnProperty('showOverlayText') && !ownProps.showOverlayText) {
+    _showOverlayText = false;
+  }
+
+  return _objectSpread$1a(_objectSpread$1a(_objectSpread$1a({}, ownProps), propsFromState), {}, {
+    showOverlayText: _showOverlayText
+  });
+};
+
 var ConnectedFusionViewport = reactRedux.connect(mapStateToProps$E, {
   setActiveTool: setActiveTool,
   setSeriesCurrentIndex: setSeriesCurrentIndex,
   setFusionReduxValue: setFusionReduxValue
-})(FusionViewport);
+}, mergeProps$C)(FusionViewport);
 
-function _createSuper$1X(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$1Y(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 PETLayout = /*#__PURE__*/function (_Component) {
   inherits(PETLayout, _Component);
 
-  var _super = _createSuper$1X(PETLayout);
+  var _super = _createSuper$1Y(PETLayout);
 
   function PETLayout(props) {
     var _this;
@@ -74804,7 +75209,8 @@ var PETLayout = /*#__PURE__*/function (_Component) {
         scrollWidth: scrollWidth,
         showCustomScroll: true,
         onImageFirstRender: handleSyncAdd,
-        availableTools: this.availableTools
+        availableTools: this.availableTools,
+        showOverlayText: false
       })), /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-fusion-pet"
       }, /*#__PURE__*/React__default.createElement(ConnectedFusionViewport, {
@@ -74866,20 +75272,20 @@ var PETLayout = /*#__PURE__*/function (_Component) {
 
 defineProperty(PETLayout, "propTypes", {});
 
-function ownKeys$1a(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; }
+function ownKeys$1b(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; }
 
-function _objectSpread$1a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1a(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$1b(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; }
 
 var mapStateToProps$F = function mapStateToProps(state) {
-  return _objectSpread$1a({}, state.paladin.tools.fusion);
+  return _objectSpread$1b({}, state.paladin.tools.fusion);
 };
 
-var mergeProps$C = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$D = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var fusionScrollSynchronizer = propsFromState.fusionScrollSynchronizer,
       fusionSynchronizer = propsFromState.fusionSynchronizer,
       fusionCTWWWCSynchronizer = propsFromState.fusionCTWWWCSynchronizer,
       fusionPETWWWCSynchronizer = propsFromState.fusionPETWWWCSynchronizer;
-  return _objectSpread$1a(_objectSpread$1a(_objectSpread$1a({}, propsFromState), ownProps), {}, {
+  return _objectSpread$1b(_objectSpread$1b(_objectSpread$1b({}, propsFromState), ownProps), {}, {
     onViewPortCellClick: function onViewPortCellClick(value) {
       propsFromDispatch.setFusionActiveIndex(value);
     },
@@ -74915,7 +75321,7 @@ var mergeProps$C = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
 var ConnectedPETLayout = reactRedux.connect(mapStateToProps$F, {
   setFusionActiveIndex: setFusionActiveIndex
-}, mergeProps$C)(PETLayout);
+}, mergeProps$D)(PETLayout);
 
 function _createForOfIteratorHelper$h(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$j(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
@@ -74923,9 +75329,9 @@ function _unsupportedIterableToArray$j(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$j(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$1Y(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$1Z(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 DicomLayoutContainerWrap = function DicomLayoutContainerWrap(props) {
   return /*#__PURE__*/React__default.createElement("div", {
@@ -74949,7 +75355,7 @@ index$3.configure({
 var DicomView = /*#__PURE__*/function (_Component) {
   inherits(DicomView, _Component);
 
-  var _super = _createSuper$1Y(DicomView);
+  var _super = _createSuper$1Z(DicomView);
 
   function DicomView(props) {
     var _this;
@@ -75577,9 +75983,9 @@ function _unsupportedIterableToArray$k(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$k(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 ownKeys$1b(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; }
+function ownKeys$1c(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; }
 
-function _objectSpread$1b(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 _objectSpread$1c(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 throttle$9 = cornerstoneTools.importInternal('util/throttle');
 var NO_CHECK_MULTI_FRAME_MODALITIES = ['DR', 'CR', 'DX', 'MG'];
 
@@ -75667,7 +76073,7 @@ var mapStateToProps$G = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$D = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$E = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var activeIndex = propsFromState.activeIndex,
       imageActiveIndex = propsFromState.imageActiveIndex,
       MPR = propsFromState.MPR,
@@ -75765,7 +76171,7 @@ var mergeProps$D = function mergeProps(propsFromState, propsFromDispatch, ownPro
    * https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values
    */
 
-  return _objectSpread$1b(_objectSpread$1b(_objectSpread$1b({}, ownProps), propsFromState), {}, {
+  return _objectSpread$1c(_objectSpread$1c(_objectSpread$1c({}, ownProps), propsFromState), {}, {
     showDicomThumbnail: showDicomThumbnail,
     viewMode: viewMode,
     keyMap: {
@@ -76538,7 +76944,7 @@ var mergeProps$D = function mergeProps(propsFromState, propsFromDispatch, ownPro
                     imageIds.push(imageId);
                   }
 
-                  series[i] = _objectSpread$1b(_objectSpread$1b({}, item), {}, {
+                  series[i] = _objectSpread$1c(_objectSpread$1c({}, item), {}, {
                     imageIds: imageIds,
                     numberOfSeriesRelatedInstances: numFrames,
                     isMultiFrame: true
@@ -76615,7 +77021,7 @@ var mergeProps$D = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
                 callback && callback({
                   hasChange: hasMultiFrame,
-                  study: [_objectSpread$1b(_objectSpread$1b({}, _study[0]), {}, {
+                  study: [_objectSpread$1c(_objectSpread$1c({}, _study[0]), {}, {
                     series: series
                   })]
                 }); // 如果有frameTime的话设置fps
@@ -76740,6 +77146,7 @@ var mergeProps$D = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
       purgeDicomCache(); // 清除所有imageCache
 
+      cornerstone.imageCache.purgeCache();
       var cacheInfo = cornerstone.imageCache.getCacheInfo();
       var maximumSizeInBytes = cacheInfo.maximumSizeInBytes;
       cornerstone.imageCache.setMaximumSizeBytes(0);
@@ -76842,7 +77249,7 @@ var ConnectedDicomView = reactRedux.connect(mapStateToProps$G, {
   setReduxLanguage: setReduxLanguage,
   setActionStateByKey: setActionStateByKey,
   setMprLayout: setMprLayout
-}, mergeProps$D, withRef())(DicomView);
+}, mergeProps$E, withRef())(DicomView);
 
 function withRef() {
   var reactReduxVersion = package_json.version.split('.')[0];