hellfire 0.21.1 → 0.21.4

package/dist/index.js

@@ -859,7 +859,12 @@ var MessagerKeys = {
    * 完成裁剪操作
    * 消息参数类型: null
    */
-  MipFinishClipPathExport: "2001"
+  MipFinishClipPathExport: "2001",
+
+  /**
+   * 调窗操作
+   */
+  MipWwwcChange: "2002"
 };
 var _default$1 = {
   MessagerKeys: MessagerKeys
@@ -21228,8 +21233,6 @@ var MipImageProcessorWorkerImpl = /*#__PURE__*/function (_ImageProcessorWorker)
 
         last = aSegment.endPixel;
       });
-      this.opacityTransformFunction.addPoint(ImageProcessorWorkerBase.ctValueToImageValue(last + 0.5, this.rescaleSlop, this.rescaleIntercept), //last+0.5,
-      1);
       if (this._canRender) this.renderWindow.render();
     }
   }, {
@@ -21416,8 +21419,14 @@ var MipImageProcessorWorkerImpl = /*#__PURE__*/function (_ImageProcessorWorker)
         var maxValue = this.windowMaxPixel; //  mip 在窗宽范围内线性变化
 
         if (this.actionParameter.reconstructMethodType === ReconstructMethodType.MIP) {
-          colorSegments = [new MipPixelSegment(minValue, 0x5A5A5A, maxValue, 0xFFFFFF)];
-          opacitySegments = [new MipPixelSegment(minValue, 0.02, maxValue, 0.99)];
+          colorSegments = [new MipPixelSegment(minValue, 0xFFFFFF, maxValue, 0xFFFFFF)];
+          var range = maxValue - minValue;
+          opacitySegments = [new MipPixelSegment(Math.floor(minValue), 0.01, Math.floor(minValue + range * 0.15), 0.1), new MipPixelSegment(Math.floor(minValue + range * 0.15), 0.25, Math.floor(minValue + range * 0.75), 0.97), new MipPixelSegment(Math.floor(minValue + range * 0.75), 0.97, Math.floor(maxValue), 1)]; // colorSegments = [
+          //     new MipPixelSegment(minValue, 0x5A5A5A, maxValue, 0xFFFFFF),
+          // ];
+          // opacitySegments = [
+          //     new MipPixelSegment(minValue, 0.02, maxValue, 0.99),
+          // ];
         } else {
           colorSegments = [new MipPixelSegment(minValue, 0x555555, minValue + (maxValue - minValue) * 0.3, 0x888888), new MipPixelSegment(minValue + (maxValue - minValue) * 0.3, 0xBFAE96, minValue + (maxValue - minValue) * 2, 0xBFAE96), new MipPixelSegment(minValue + (maxValue - minValue) * 2, 0xBFAE96, minValue + (maxValue - minValue) * 100, 0xffffff)];
           opacitySegments = [new MipPixelSegment(minValue, 0, minValue + (maxValue - minValue) * 0.3, 0.1), new MipPixelSegment(minValue + (maxValue - minValue) * 2, 0.6, minValue + (maxValue - minValue) * 100, 0.99)];
@@ -21429,7 +21438,10 @@ var MipImageProcessorWorkerImpl = /*#__PURE__*/function (_ImageProcessorWorker)
         this.actionParameter.addTailOpacityTransformSegments(opacitySegments);
         this.updateColorFunction();
         this.updateOpacityTransform();
-      }
+      } // 窗宽窗值
+
+
+      Messager.Instance.call(_default$1.MessagerKeys.MipWwwcChange, this.messageGroupId, this.volumeWindowLevel);
     }
   }, {
     key: "releaseVTKComponent",
@@ -30488,243 +30500,10 @@ function _createImage$1() {
   enterModule && enterModule(module);
 })();
 
-function ownKeys$d(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$d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$d(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
 var __signature__$1Z = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
-function wadoUriMetaDataProvider(type, imageId) {
-  if (imageId.split(':')[0] !== 'wadouri') {
-    return;
-  }
-
-  var _cornerstoneWADOImage = cornerstoneWADOImageLoader.wadouri,
-      parseImageId = _cornerstoneWADOImage.parseImageId,
-      dataSetCacheManager = _cornerstoneWADOImage.dataSetCacheManager,
-      metaData = _cornerstoneWADOImage.metaData;
-  var parsedImageId = parseImageId(imageId);
-  var dataSet = dataSetCacheManager.get(parsedImageId.url);
-  var getNumberValues = metaData.getNumberValues;
-
-  if (!dataSet) {
-    return;
-  }
-
-  if (type === 'dicomInfo') {
-    return new DicomInfo(dataSet);
-  }
-
-  if (type === 'imagePlaneModule') {
-    var imageOrientationPatient = getNumberValues(dataSet, 'x00200037', 6);
-    var imagePositionPatient = getNumberValues(dataSet, 'x00200032', 3);
-    var pixelSpacing = getNumberValues(dataSet, 'x00280030', 2);
-    var imagePixelSpacing = getNumberValues(dataSet, 'x00181164', 2);
-
-    var _getPixelSpacing = getPixelSpacing$8(pixelSpacing, imagePixelSpacing),
-        rowPixelSpacing = _getPixelSpacing.rowPixelSpacing,
-        columnPixelSpacing = _getPixelSpacing.columnPixelSpacing;
-
-    var _getCosines = getCosines(imageOrientationPatient),
-        rowCosines = _getCosines.rowCosines,
-        columnCosines = _getCosines.columnCosines;
-
-    return {
-      frameOfReferenceUID: dataSet.string('x00200052'),
-      rows: dataSet.uint16('x00280010'),
-      columns: dataSet.uint16('x00280011'),
-      imageOrientationPatient: imageOrientationPatient,
-      rowCosines: rowCosines,
-      columnCosines: columnCosines,
-      imagePositionPatient: imagePositionPatient,
-      sliceThickness: dataSet.floatString('x00180050'),
-      sliceLocation: dataSet.floatString('x00201041'),
-      pixelSpacing: pixelSpacing,
-      rowPixelSpacing: rowPixelSpacing,
-      columnPixelSpacing: columnPixelSpacing
-    };
-  }
-}
-
-function mprMetaDataProvider(type, imageId) {
-  if (imageId.split(':')[0] !== 'mpr') {
-    return;
-  }
-
-  var _imageId$split = imageId.split(':'),
-      _imageId$split2 = slicedToArray(_imageId$split, 4),
-      scheme = _imageId$split2[0],
-      seriesNumber = _imageId$split2[1],
-      imageOrientationPatient = _imageId$split2[2],
-      imagePositionPatient = _imageId$split2[3];
-
-  var mprWorker;
-  mprWorker = _default$s.getWorkerFromCache(seriesNumber, ImageProcessType.MPR);
-
-  if (!mprWorker) {
-    return;
-  }
-
-  var images = mprWorker.imageResultDatasMap;
-  var mprImage = images[imageOrientationPatient];
-  var image = mprImage.CornerStoneImage;
-
-  if (type === 'dicomInfo') {
-    return {
-      Rows: {
-        value: [image.rows]
-      },
-      Columns: {
-        value: [image.columns]
-      }
-    };
-  }
-
-  if (type === 'imagePlaneModule') {
-    var imageOrientation = mprImage.imageOrientation,
-        scoutLine = mprImage.scoutLine,
-        imagePosition = mprImage.imagePosition;
-    var rowPixelSpacing = image.rowPixelSpacing,
-        columnPixelSpacing = image.columnPixelSpacing;
-
-    var _getCosines2 = getCosines(imageOrientation),
-        rowCosines = _getCosines2.rowCosines,
-        columnCosines = _getCosines2.columnCosines;
-
-    return _objectSpread$d({
-      rowCosines: rowCosines,
-      columnCosines: columnCosines,
-      rowPixelSpacing: rowPixelSpacing,
-      columnPixelSpacing: columnPixelSpacing,
-      imagePositionPatient: imagePosition,
-      scoutLine: scoutLine
-    }, mprImage);
-  }
-}
-
-function centesisMetaDataProvider(type, imageId) {
-  if (imageId.split(':')[0] !== 'centesis') {
-    return;
-  }
-
-  var _imageId$split3 = imageId.split(':'),
-      _imageId$split4 = slicedToArray(_imageId$split3, 4),
-      scheme = _imageId$split4[0],
-      seriesNumber = _imageId$split4[1],
-      imageOrientationPatient = _imageId$split4[2],
-      imagePositionPatient = _imageId$split4[3];
-
-  var mprWorker;
-  mprWorker = _default$s.getWorkerFromCache(seriesNumber, ImageProcessType.Centesis);
-
-  if (!mprWorker) {
-    return;
-  }
-
-  var images = mprWorker.imageResultDatasMap;
-  var mprImage = images[imageOrientationPatient];
-  var image = mprImage.CornerStoneImage;
-
-  if (type === 'dicomInfo') {
-    return {
-      Rows: {
-        value: [image.rows]
-      },
-      Columns: {
-        value: [image.columns]
-      }
-    };
-  }
-
-  if (type === 'imagePlaneModule') {
-    var imageOrientation = mprImage.imageOrientation,
-        imagePosition = mprImage.imagePosition,
-        centesisPaths = mprImage.centesisPaths;
-    var rowPixelSpacing = image.rowPixelSpacing,
-        columnPixelSpacing = image.columnPixelSpacing;
-
-    var _getCosines3 = getCosines(imageOrientation),
-        rowCosines = _getCosines3.rowCosines,
-        columnCosines = _getCosines3.columnCosines;
-
-    return _objectSpread$d({
-      rowCosines: rowCosines,
-      columnCosines: columnCosines,
-      rowPixelSpacing: rowPixelSpacing,
-      columnPixelSpacing: columnPixelSpacing,
-      imagePositionPatient: imagePosition,
-      centesisPaths: centesisPaths
-    }, mprImage);
-  }
-}
-
-function getPixelSpacing$8(pixelSpacing, imagePixelSpacing) {
-  var columnPixelSpacing = null;
-  var rowPixelSpacing = null;
-
-  if (pixelSpacing) {
-    rowPixelSpacing = pixelSpacing[0];
-    columnPixelSpacing = pixelSpacing[1];
-  } else if (imagePixelSpacing) {
-    rowPixelSpacing = imagePixelSpacing[0];
-    columnPixelSpacing = imagePixelSpacing[1];
-  }
-
-  return {
-    rowPixelSpacing: rowPixelSpacing,
-    columnPixelSpacing: columnPixelSpacing
-  };
-}
-
-function getCosines(imageOrientation) {
-  var rowCosines = null;
-  var columnCosines = null;
-
-  if (imageOrientation) {
-    rowCosines = [parseFloat(imageOrientation[0]), parseFloat(imageOrientation[1]), parseFloat(imageOrientation[2])];
-    columnCosines = [parseFloat(imageOrientation[3]), parseFloat(imageOrientation[4]), parseFloat(imageOrientation[5])];
-  }
-
-  return {
-    rowCosines: rowCosines,
-    columnCosines: columnCosines
-  };
-}
-
-cornerstone.metaData.addProvider(wadoUriMetaDataProvider);
-cornerstone.metaData.addProvider(mprMetaDataProvider);
-cornerstone.metaData.addProvider(centesisMetaDataProvider);
-
-(function () {
-  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(wadoUriMetaDataProvider, "wadoUriMetaDataProvider", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/metadataProvider.js");
-  reactHotLoader.register(mprMetaDataProvider, "mprMetaDataProvider", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/metadataProvider.js");
-  reactHotLoader.register(centesisMetaDataProvider, "centesisMetaDataProvider", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/metadataProvider.js");
-  reactHotLoader.register(getPixelSpacing$8, "getPixelSpacing", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/metadataProvider.js");
-  reactHotLoader.register(getCosines, "getCosines", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/metadataProvider.js");
-})();
-
-(function () {
-  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
-  leaveModule && leaveModule(module);
-})();
-
-(function () {
-  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
-  enterModule && enterModule(module);
-})();
-
-var __signature__$1_ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
-
 var isMobileTablet = _default$3.isDeviceTypeMobileOrTablet();
 
 if (!isMobileTablet) {
@@ -30850,11 +30629,11 @@ cornerstone.registerImageLoader('centesis', _default$G);
   enterModule && enterModule(module);
 })();
 
-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; }
+function ownKeys$d(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$e(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$e(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$d(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$1$ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1_ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -30922,42 +30701,42 @@ var _default$H = function _default() {
   switch (action.type) {
     case SET_ACTIVE_INDEX:
       {
-        return _objectSpread$e(_objectSpread$e({}, state), {}, {
+        return _objectSpread$d(_objectSpread$d({}, state), {}, {
           activeIndex: action.payload
         });
       }
 
     case SET_LAST_ACTIVE_INDEX:
       {
-        return _objectSpread$e(_objectSpread$e({}, state), {}, {
+        return _objectSpread$d(_objectSpread$d({}, state), {}, {
           lastActiveIndex: action.payload
         });
       }
 
     case SET_IMAGE_ACTIVE_INDEX:
       {
-        return _objectSpread$e(_objectSpread$e({}, state), {}, {
+        return _objectSpread$d(_objectSpread$d({}, state), {}, {
           imageActiveIndex: action.payload
         });
       }
 
     case SET_MPR_ACTIVE_INDEX:
       {
-        return _objectSpread$e(_objectSpread$e({}, state), {}, {
+        return _objectSpread$d(_objectSpread$d({}, state), {}, {
           mprActiveIndex: action.payload
         });
       }
 
     case SET_SURGERY_ACTIVE_INDEX:
       {
-        return _objectSpread$e(_objectSpread$e({}, state), {}, {
+        return _objectSpread$d(_objectSpread$d({}, state), {}, {
           surgeryActiveIndex: action.payload
         });
       }
 
     case INIT_SERIES:
       {
-        return _objectSpread$e(_objectSpread$e({}, state), {}, {
+        return _objectSpread$d(_objectSpread$d({}, state), {}, {
           series: action.payload.series
         });
       }
@@ -30966,7 +30745,7 @@ var _default$H = function _default() {
       {
         var _series = lodash$1.concat(state.series, action.payload);
 
-        return _objectSpread$e(_objectSpread$e({}, state), {}, {
+        return _objectSpread$d(_objectSpread$d({}, state), {}, {
           series: _series
         });
       }
@@ -30976,7 +30755,7 @@ var _default$H = function _default() {
         var _series2 = lodash$1.clone(state.series);
 
         _series2[action.payload.index] = action.payload.series;
-        return _objectSpread$e(_objectSpread$e({}, state), {}, {
+        return _objectSpread$d(_objectSpread$d({}, state), {}, {
           series: _series2
         });
       }
@@ -30985,21 +30764,21 @@ var _default$H = function _default() {
       {
         var _seriesCurrentIndex = state.seriesCurrentIndex;
         _seriesCurrentIndex[action.payload.seriesIndex] = action.payload.index;
-        return _objectSpread$e(_objectSpread$e({}, state), {}, {
+        return _objectSpread$d(_objectSpread$d({}, state), {}, {
           seriesCurrentIndex: _seriesCurrentIndex
         });
       }
 
     case INIT_SERIES_CURRENT_INDEX:
       {
-        return _objectSpread$e(_objectSpread$e({}, state), {}, {
+        return _objectSpread$d(_objectSpread$d({}, state), {}, {
           seriesCurrentIndex: action.payload.data
         });
       }
 
     case SET_CURRENT_SERIES_UID:
       {
-        return _objectSpread$e(_objectSpread$e({}, state), {}, {
+        return _objectSpread$d(_objectSpread$d({}, state), {}, {
           currentSeries: action.payload,
           currentSeriesUID: action.payload.seriesInstanceUID
         });
@@ -31007,21 +30786,21 @@ var _default$H = function _default() {
 
     case SET_LINK_SERIES:
       {
-        return _objectSpread$e(_objectSpread$e({}, state), {}, {
+        return _objectSpread$d(_objectSpread$d({}, state), {}, {
           linkSeriesIndex: action.payload
         });
       }
 
     case SET_LINK_IMAGES:
       {
-        return _objectSpread$e(_objectSpread$e({}, state), {}, {
+        return _objectSpread$d(_objectSpread$d({}, state), {}, {
           linkImageIndex: action.payload
         });
       }
 
     case RESER_VIEWPORT:
       {
-        return _objectSpread$e({}, initialState$4);
+        return _objectSpread$d({}, initialState$4);
       }
 
     case SWITCH_MPR_PERSPECTIVE:
@@ -31046,14 +30825,14 @@ var _default$H = function _default() {
           }
         }
 
-        return _objectSpread$e(_objectSpread$e({}, state), {}, {
+        return _objectSpread$d(_objectSpread$d({}, state), {}, {
           mprPerspective: nextPerspective
         });
       }
 
     case SOCKET_INIT_REDUX:
       {
-        return _objectSpread$e(_objectSpread$e({}, state), action.payload.viewport);
+        return _objectSpread$d(_objectSpread$d({}, state), action.payload.viewport);
       }
 
     default:
@@ -31216,7 +30995,7 @@ function switchMprPerspective(reset) {
   enterModule && enterModule(module);
 })();
 
-var __signature__$20 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1$ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -31258,6 +31037,239 @@ function socketInitRedux(payload) {
   leaveModule && leaveModule(module);
 })();
 
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+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; }
+
+function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$e(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var __signature__$20 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+function wadoUriMetaDataProvider(type, imageId) {
+  if (imageId.split(':')[0] !== 'wadouri') {
+    return;
+  }
+
+  var _cornerstoneWADOImage = cornerstoneWADOImageLoader.wadouri,
+      parseImageId = _cornerstoneWADOImage.parseImageId,
+      dataSetCacheManager = _cornerstoneWADOImage.dataSetCacheManager,
+      metaData = _cornerstoneWADOImage.metaData;
+  var parsedImageId = parseImageId(imageId);
+  var dataSet = dataSetCacheManager.get(parsedImageId.url);
+  var getNumberValues = metaData.getNumberValues;
+
+  if (!dataSet) {
+    return;
+  }
+
+  if (type === 'dicomInfo') {
+    return new DicomInfo(dataSet);
+  }
+
+  if (type === 'imagePlaneModule') {
+    var imageOrientationPatient = getNumberValues(dataSet, 'x00200037', 6);
+    var imagePositionPatient = getNumberValues(dataSet, 'x00200032', 3);
+    var pixelSpacing = getNumberValues(dataSet, 'x00280030', 2);
+    var imagePixelSpacing = getNumberValues(dataSet, 'x00181164', 2);
+
+    var _getPixelSpacing = getPixelSpacing$8(pixelSpacing, imagePixelSpacing),
+        rowPixelSpacing = _getPixelSpacing.rowPixelSpacing,
+        columnPixelSpacing = _getPixelSpacing.columnPixelSpacing;
+
+    var _getCosines = getCosines(imageOrientationPatient),
+        rowCosines = _getCosines.rowCosines,
+        columnCosines = _getCosines.columnCosines;
+
+    return {
+      frameOfReferenceUID: dataSet.string('x00200052'),
+      rows: dataSet.uint16('x00280010'),
+      columns: dataSet.uint16('x00280011'),
+      imageOrientationPatient: imageOrientationPatient,
+      rowCosines: rowCosines,
+      columnCosines: columnCosines,
+      imagePositionPatient: imagePositionPatient,
+      sliceThickness: dataSet.floatString('x00180050'),
+      sliceLocation: dataSet.floatString('x00201041'),
+      pixelSpacing: pixelSpacing,
+      rowPixelSpacing: rowPixelSpacing,
+      columnPixelSpacing: columnPixelSpacing
+    };
+  }
+}
+
+function mprMetaDataProvider(type, imageId) {
+  if (imageId.split(':')[0] !== 'mpr') {
+    return;
+  }
+
+  var _imageId$split = imageId.split(':'),
+      _imageId$split2 = slicedToArray(_imageId$split, 4),
+      scheme = _imageId$split2[0],
+      seriesNumber = _imageId$split2[1],
+      imageOrientationPatient = _imageId$split2[2],
+      imagePositionPatient = _imageId$split2[3];
+
+  var mprWorker;
+  mprWorker = _default$s.getWorkerFromCache(seriesNumber, ImageProcessType.MPR);
+
+  if (!mprWorker) {
+    return;
+  }
+
+  var images = mprWorker.imageResultDatasMap;
+  var mprImage = images[imageOrientationPatient];
+  var image = mprImage.CornerStoneImage;
+
+  if (type === 'dicomInfo') {
+    return {
+      Rows: {
+        value: [image.rows]
+      },
+      Columns: {
+        value: [image.columns]
+      }
+    };
+  }
+
+  if (type === 'imagePlaneModule') {
+    var imageOrientation = mprImage.imageOrientation,
+        scoutLine = mprImage.scoutLine,
+        imagePosition = mprImage.imagePosition;
+    var rowPixelSpacing = image.rowPixelSpacing,
+        columnPixelSpacing = image.columnPixelSpacing;
+
+    var _getCosines2 = getCosines(imageOrientation),
+        rowCosines = _getCosines2.rowCosines,
+        columnCosines = _getCosines2.columnCosines;
+
+    return _objectSpread$e({
+      rowCosines: rowCosines,
+      columnCosines: columnCosines,
+      rowPixelSpacing: rowPixelSpacing,
+      columnPixelSpacing: columnPixelSpacing,
+      imagePositionPatient: imagePosition,
+      scoutLine: scoutLine
+    }, mprImage);
+  }
+}
+
+function centesisMetaDataProvider(type, imageId) {
+  if (imageId.split(':')[0] !== 'centesis') {
+    return;
+  }
+
+  var _imageId$split3 = imageId.split(':'),
+      _imageId$split4 = slicedToArray(_imageId$split3, 4),
+      scheme = _imageId$split4[0],
+      seriesNumber = _imageId$split4[1],
+      imageOrientationPatient = _imageId$split4[2],
+      imagePositionPatient = _imageId$split4[3];
+
+  var mprWorker;
+  mprWorker = _default$s.getWorkerFromCache(seriesNumber, ImageProcessType.Centesis);
+
+  if (!mprWorker) {
+    return;
+  }
+
+  var images = mprWorker.imageResultDatasMap;
+  var mprImage = images[imageOrientationPatient];
+  var image = mprImage.CornerStoneImage;
+
+  if (type === 'dicomInfo') {
+    return {
+      Rows: {
+        value: [image.rows]
+      },
+      Columns: {
+        value: [image.columns]
+      }
+    };
+  }
+
+  if (type === 'imagePlaneModule') {
+    var imageOrientation = mprImage.imageOrientation,
+        imagePosition = mprImage.imagePosition,
+        centesisPaths = mprImage.centesisPaths;
+    var rowPixelSpacing = image.rowPixelSpacing,
+        columnPixelSpacing = image.columnPixelSpacing;
+
+    var _getCosines3 = getCosines(imageOrientation),
+        rowCosines = _getCosines3.rowCosines,
+        columnCosines = _getCosines3.columnCosines;
+
+    return _objectSpread$e({
+      rowCosines: rowCosines,
+      columnCosines: columnCosines,
+      rowPixelSpacing: rowPixelSpacing,
+      columnPixelSpacing: columnPixelSpacing,
+      imagePositionPatient: imagePosition,
+      centesisPaths: centesisPaths
+    }, mprImage);
+  }
+}
+
+function getPixelSpacing$8(pixelSpacing, imagePixelSpacing) {
+  var columnPixelSpacing = null;
+  var rowPixelSpacing = null;
+
+  if (pixelSpacing) {
+    rowPixelSpacing = pixelSpacing[0];
+    columnPixelSpacing = pixelSpacing[1];
+  } else if (imagePixelSpacing) {
+    rowPixelSpacing = imagePixelSpacing[0];
+    columnPixelSpacing = imagePixelSpacing[1];
+  }
+
+  return {
+    rowPixelSpacing: rowPixelSpacing,
+    columnPixelSpacing: columnPixelSpacing
+  };
+}
+
+function getCosines(imageOrientation) {
+  var rowCosines = null;
+  var columnCosines = null;
+
+  if (imageOrientation) {
+    rowCosines = [parseFloat(imageOrientation[0]), parseFloat(imageOrientation[1]), parseFloat(imageOrientation[2])];
+    columnCosines = [parseFloat(imageOrientation[3]), parseFloat(imageOrientation[4]), parseFloat(imageOrientation[5])];
+  }
+
+  return {
+    rowCosines: rowCosines,
+    columnCosines: columnCosines
+  };
+}
+
+cornerstone.metaData.addProvider(wadoUriMetaDataProvider);
+cornerstone.metaData.addProvider(mprMetaDataProvider);
+cornerstone.metaData.addProvider(centesisMetaDataProvider);
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(wadoUriMetaDataProvider, "wadoUriMetaDataProvider", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/metadataProvider.js");
+  reactHotLoader.register(mprMetaDataProvider, "mprMetaDataProvider", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/metadataProvider.js");
+  reactHotLoader.register(centesisMetaDataProvider, "centesisMetaDataProvider", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/metadataProvider.js");
+  reactHotLoader.register(getPixelSpacing$8, "getPixelSpacing", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/metadataProvider.js");
+  reactHotLoader.register(getCosines, "getCosines", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/metadataProvider.js");
+})();
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+
 var _extends_1 = createCommonjsModule(function (module) {
 function _extends() {
   module.exports = _extends = Object.assign || function (target) {
@@ -44201,47 +44213,18 @@ var SvgMpr = function SvgMpr(props) {
 
 function _extends$18() { _extends$18 = 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$18.apply(this, arguments); }
 
-var _ref$16 = /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", {
-  id: "mip_svg__a"
-}, /*#__PURE__*/React__default.createElement("path", {
-  "data-name": "\\u8DEF\\u5F84 1657",
-  d: "M136.15 83.17l-.65-37.27 6.439 4.683.65 37.27z",
-  transform: "translate(-135.5 -45.9)"
-})));
-
-var _ref2$e = /*#__PURE__*/React__default.createElement("path", {
-  "data-name": "\\u51CF\\u53BB 8",
-  d: "M51.964 113.499a12.506 12.506 0 01-6.435-1.853L6.508 89.662a9.941 9.941 0 01-4.768-4.077 12.315 12.315 0 01-1.742-6.462v-44.75a11.358 11.358 0 011.742-5.91 14.368 14.368 0 014.764-4.691L45.532 1.855a9.449 9.449 0 015.8-1.853 12.477 12.477 0 016.431 1.853l39.028 21.917c4.011 1.621 6.5 5.683 6.5 10.6v44.75c0 4.041-2.493 8.079-6.506 10.539L57.76 111.645a9.461 9.461 0 01-5.796 1.854zm-8.643-30.406l8.322 4.814a25.6 25.6 0 0012.742 3.84 19.773 19.773 0 009.368-2.409l1.27-.741c2.689-1.7 4.034-3.5 4-5.337-.048-2.312-2.277-4.754-6.626-7.26l-13.984-8.062-33.435 19.449 5.532 3.186 12.813-7.479zM55.287 9.139v45.526c.679.434 1.012.631 2 1.216l.144.085L94.314 76.65V34.372a4.29 4.29 0 00-2.473-4.029l-36.553-21.2zM16.526 28.466l-5.857 3.371.13 35.122 5.008-2.925-.063-24.129.13-.13 9.041 18.992 2.2-1.25 2.164-1.253 8.9-29.369.131-.063.063 24.165 5.012-2.9-.067-35.059-5.851 3.383-10.279 33.5-.193.067-10.468-21.519zm46.77 58.938c-.191 0-.391-.006-.593-.019a17.276 17.276 0 01-6.7-2.342l-8-4.684 11.253-6.505 8 4.617c2.454 1.418 3.774 2.675 4.034 3.84s-.594 2.348-2.535 3.513a10.843 10.843 0 01-5.455 1.581z"
+var _ref$16 = /*#__PURE__*/React__default.createElement("path", {
+  "data-name": "\\u51CF\\u53BB 6",
+  d: "M128 85H9a9.01 9.01 0 01-9-9V9a9.01 9.01 0 019-9h119a9.01 9.01 0 019 9v67a9.01 9.01 0 01-9 9zM93.259 17.92v49.157h7.706V51.143h5.351a25.3 25.3 0 007.142-.887 10.88 10.88 0 004.882-2.9 12.193 12.193 0 002.794-5.206 30.158 30.158 0 00.88-7.863 31.849 31.849 0 00-.764-7.439 11.483 11.483 0 00-2.587-5.1 10.638 10.638 0 00-4.852-2.9 26.27 26.27 0 00-7.5-.922zm-22.094 0v49.157h7.7V17.92zm-22.606 9.067v40.09h7.586V17.92H44.034L35.8 46.961h-.354l-8-29.041h-12.46v49.157h7.526v-40.09h.354l8.7 30.176h7.879l8.763-30.176h.349zm56.813 16.645h-4.407V25.43h4.407c3.241 0 5.536.667 6.822 1.982s1.94 3.677 1.94 7.014a18.955 18.955 0 01-.44 4.46 6.186 6.186 0 01-1.47 2.835 5.6 5.6 0 01-2.7 1.486 17.364 17.364 0 01-4.152.426z"
 });
 
-var _ref3$4 = /*#__PURE__*/React__default.createElement("g", {
-  "data-name": "\\u7EC4 3241"
-}, /*#__PURE__*/React__default.createElement("g", {
-  "data-name": "\\u7EC4 3240"
-}, /*#__PURE__*/React__default.createElement("g", {
-  "data-name": "\\u7EC4 3239"
-}, /*#__PURE__*/React__default.createElement("g", {
-  "data-name": "\\u7EC4 3238",
-  clipPath: "url(#mip_svg__a)",
-  transform: "translate(71.873 21.951)"
-}, /*#__PURE__*/React__default.createElement("g", {
-  "data-name": "\\u7EC4 3237"
-}, /*#__PURE__*/React__default.createElement("g", {
-  "data-name": "\\u7EC4 3236"
-}, /*#__PURE__*/React__default.createElement("g", {
-  "data-name": "\\u7EC4 3235"
-}, /*#__PURE__*/React__default.createElement("path", {
-  "data-name": "\\u8DEF\\u5F84 1656",
-  d: "M6.439 4.683L0 0l.65 37.27 6.439 4.683-.65-37.27"
-}))))))));
-
 var SvgMip = function SvgMip(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends$18({
-    width: 103.291,
-    height: 113.498,
-    viewBox: "0 0 103.291 113.498",
+    width: 137,
+    height: 85,
+    viewBox: "0 0 137 85",
     fill: "currentColor"
-  }, props), _ref$16, _ref2$e, _ref3$4);
+  }, props), _ref$16);
 };
 
 function _extends$19() { _extends$19 = 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$19.apply(this, arguments); }
@@ -44250,11 +44233,11 @@ var _ref$17 = /*#__PURE__*/React__default.createElement("path", {
   d: "M11.217 10.354l1.672 4.76 1.698-4.76h1.366l-2.49 6.326h-1.212l-2.398-6.326zM21.513 15.722a4.73 4.73 0 00-.073-.617 2.253 2.253 0 00-.149-.436 1.319 1.319 0 00-.308-.432 1.8 1.8 0 00-.503-.28c.278-.102.503-.249.674-.446.273-.33.41-.795.41-1.395a1.91 1.91 0 00-.176-.821 1.521 1.521 0 00-.5-.602c-.313-.228-.868-.341-1.665-.341h-2.775v6.328h1.212v-2.4h.972c.42-.007.74.057.963.19.176.114.308.268.396.465.088.197.147.477.176.844.045.455.088.757.128.901h1.357c-.058-.182-.105-.502-.139-.958zm-1.558-2.713c-.119.095-.32.142-.607.142H17.65v-1.67h1.698c.216 0 .372.019.47.057.273.109.41.353.41.74 0 .349-.09.591-.273.731z"
 });
 
-var _ref2$f = /*#__PURE__*/React__default.createElement("path", {
+var _ref2$e = /*#__PURE__*/React__default.createElement("path", {
   d: "M18.632 20.558a.544.544 0 00-.676.347c-1.013 3.168-2.586 5.059-4.21 5.059-.645 0-1.283-.294-1.893-.872-.641-.609-1.222-1.488-1.722-2.613-1.068-2.384-1.654-5.565-1.654-8.958 0-3.394.587-6.576 1.654-8.96.498-1.122 1.077-2 1.722-2.612.614-.578 1.25-.872 1.893-.872 1.158 0 2.082.932 2.711 1.846l-1.634 1.03 4.315 2.226-.155-4.849-1.622 1.022C16.312.818 15.073 0 13.748 0c-1.775 0-3.408 1.465-4.595 4.124-1.126 2.513-1.746 5.849-1.746 9.396 0 3.543.62 6.88 1.746 9.396 1.19 2.655 2.821 4.117 4.595 4.117 1.099 0 2.17-.576 3.1-1.667.847-.993 1.583-2.422 2.131-4.135a.537.537 0 00-.347-.673z"
 });
 
-var _ref3$5 = /*#__PURE__*/React__default.createElement("path", {
+var _ref3$4 = /*#__PURE__*/React__default.createElement("path", {
   d: "M25.938 10.351c-1.25-.931-3.022-1.704-5.13-2.237-.277-.057-.577.109-.649.39a.531.531 0 00.389.65c3.958.998 6.419 2.789 6.419 4.674 0 .663-.306 1.32-.913 1.954-.626.659-1.54 1.257-2.718 1.779-2.478 1.099-5.787 1.703-9.317 1.703-3.53 0-6.839-.604-9.319-1.703-1.176-.523-2.09-1.122-2.718-1.779-.604-.63-.911-1.287-.911-1.954 0-.856.526-1.712 1.515-2.494l1.097 1.589 2.048-4.4-4.842.354 1.089 1.577C.688 11.456 0 12.616 0 13.828c0 1.821 1.515 3.495 4.268 4.714 2.614 1.158 6.076 1.795 9.753 1.795s7.137-.638 9.745-1.798c2.753-1.219 4.268-2.893 4.268-4.714 0-1.249-.724-2.452-2.096-3.474z"
 });
 
@@ -44264,7 +44247,7 @@ var SvgVr = function SvgVr(props) {
     height: 28.346,
     viewBox: "0 0 28.346 28.346",
     fill: "currentColor"
-  }, props), _ref$17, _ref2$f, _ref3$5);
+  }, props), _ref$17, _ref2$e, _ref3$4);
 };
 
 function _extends$1a() { _extends$1a = 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$1a.apply(this, arguments); }
@@ -44521,7 +44504,7 @@ var _ref$19 = /*#__PURE__*/React__default.createElement("g", {
   d: "M69.932 69.61a2.333 2.333 0 01-.21-4.659c5.374-.496 8.79-.947 8.813-.95a2.326 2.326 0 012.621 2.007 2.337 2.337 0 01-2.007 2.621s-3.494.463-8.999.971a2.67 2.67 0 01-.218.01zM43.655 70.914c-3.452 0-6.767-.084-9.851-.249a2.332 2.332 0 01-2.206-2.454c.068-1.289 1.185-2.323 2.454-2.206 5.473.291 11.89.298 17.809.096 1.276-.089 2.37.962 2.412 2.251a2.33 2.33 0 01-2.251 2.412c-2.725.096-5.534.15-8.367.15zm-27.55-2.694c-.196 0-.396-.026-.594-.077C6.428 65.759 1.228 61.747.051 56.22a2.333 2.333 0 011.797-2.768 2.33 2.33 0 012.768 1.797c.778 3.661 4.842 6.48 12.079 8.378a2.336 2.336 0 01-.59 4.593zm-5.524-24.506a2.336 2.336 0 01-1.028-4.432c4.313-2.111 10.118-3.477 18.265-4.301 1.297-.154 2.426.803 2.556 2.086s-.805 2.426-2.086 2.556c-7.581.768-12.881 1.992-16.683 3.852-.33.161-.68.239-1.024.239zm35.488-5.234a2.333 2.333 0 01-.126-4.664c7.067-.386 12.765-.847 17.6-1.834a2.324 2.324 0 012.754 1.82 2.332 2.332 0 01-1.818 2.752c-5.116 1.045-11.008 1.525-18.28 1.921-.044.005-.088.005-.13.005zm32.18-11.231a2.334 2.334 0 01-2.232-3.017c.254-.829.382-1.753.38-2.742l-.012-.531c-.172-4.024-2.032-7.186-5.687-9.669a2.334 2.334 0 012.623-3.861c4.891 3.321 7.491 7.807 7.728 13.333l.016.724c.002 1.452-.195 2.835-.584 4.109a2.335 2.335 0 01-2.232 1.654zM55.035 6.132c-.107 0-.214-.007-.323-.021-5.108-.708-11.329-.981-17.61-.838-1.346-.06-2.356-.996-2.384-2.283A2.333 2.333 0 0137 .606c6.515-.133 12.995.142 18.351.88a2.335 2.335 0 01-.316 4.646zM9.854 7.836a2.335 2.335 0 01-2.297-1.929 2.332 2.332 0 011.892-2.702c.146-.026 3.613-.635 9.022-1.266 1.248-.156 2.439.766 2.588 2.046a2.33 2.33 0 01-2.048 2.589c-5.26.615-8.715 1.22-8.75 1.227a2.269 2.269 0 01-.407.035z"
 }));
 
-var _ref2$g = /*#__PURE__*/React__default.createElement("path", {
+var _ref2$f = /*#__PURE__*/React__default.createElement("path", {
   fill: "#FFF",
   d: "M128.104.646l11.434 11.096a2.36 2.36 0 01.732 1.702c0 .638-.264 1.252-.732 1.703a2.536 2.536 0 01-3.508 0l-3.824-3.712-6.22 6.179 13.402 13.026c.468.45.732 1.063.732 1.702 0 .64-.264 1.252-.732 1.703a2.545 2.545 0 01-1.754.674 2.538 2.538 0 01-1.754-.707l-5.182-5.029-25.38 25.303a9.602 9.602 0 01-6.839 2.834 9.604 9.604 0 01-6.84-2.832l-1.047-1.048-8.739 8.742a2.53 2.53 0 01-1.778.739 2.536 2.536 0 01-2.524-2.519c0-.669.269-1.31.744-1.781l8.739-8.743-1.053-1.055a9.717 9.717 0 010-13.709l25.02-25.046-5.846-5.673a2.363 2.363 0 01-.637-2.333A2.452 2.452 0 01106.28.159a2.537 2.537 0 012.4.631l13.907 13.518L128.77 8.1l-4.173-4.049a2.358 2.358 0 01.062-3.345 2.534 2.534 0 013.445-.06zM94.112 33.519a2.144 2.144 0 00-.582 2.823l.101.153 6.922 6.792a2.29 2.29 0 003.061-.453 2.158 2.158 0 00.568-2.838l-.101-.153-6.906-6.776a2.292 2.292 0 00-3.063.452zm7.072-6.888a2.142 2.142 0 00-.599 2.82l.101.155 4.276 4.285a2.293 2.293 0 003.061-.403 2.176 2.176 0 00.598-2.837l-.098-.155-4.276-4.285c-.718-.76-2.081-.518-3.063.42zm0 0"
 });
@@ -44532,7 +44515,7 @@ var SvgCentesis = function SvgCentesis(props) {
     height: 141.73,
     viewBox: "0 0 141.73 141.73",
     fill: "currentColor"
-  }, props), _ref$19, _ref2$g);
+  }, props), _ref$19, _ref2$f);
 };
 
 (function () {
@@ -53441,7 +53424,7 @@ var _default$16 = ConnectedSurgeryLayout;
 var css_248z$r = ".paladin-main-wrapper svg {\n  width: 100%;\n  height: 100%;\n}\n.paladin-main-wrapper span,\n.paladin-main-wrapper div {\n  user-select: none;\n}\n.paladin-main-wrapper .paladin-dicomView-dicomToolWrapper {\n  background-color: #353535;\n  z-index: 2;\n}\n.paladin-main-wrapper .paladin-dicomView-dicomThumbnailWrapper {\n  background-color: #353535;\n  border: 1px solid #727882;\n}\n.paladin-main-wrapper .paladin-dicomView-pcmobileWrapper {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  width: 0;\n}\nbutton:focus {\n  outline: none;\n}\n.paladin-flex {\n  display: flex;\n}\n.paladin-flex-row {\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: row;\n  flex-wrap: wrap;\n  flex: 0 1 auto;\n}\n.paladin-flex-col {\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  flex: 0 0 auto;\n}\n.paladin-flex-center {\n  justify-content: center;\n  align-items: center;\n}\n.paladin-flex-end {\n  justify-content: flex-end;\n}\n.paladin-flex-1 {\n  flex: 1;\n}\n.paladin-full-content {\n  width: 100%;\n  height: 100%;\n}\n.paladin-full-height {\n  height: 100%;\n}\n.paladin-full-width {\n  width: 100%;\n}\n.paladin-text-center {\n  text-align: center;\n}\n";
 styleInject$1(css_248z$r);
 
-var css_248z$s = ".image-processing-container {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  background: black;\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  flex-direction: column;\n  z-index: 999;\n}\n.image-processing-container-content {\n  cursor: pointer;\n}\n.image-processing-container-content svg {\n  width: 50px;\n  height: 50px;\n  display: block;\n  margin: 15px auto 0 auto;\n  color: #999;\n}\n.paladin-three-wrapper {\n  width: 100%;\n  height: 100%;\n  color: white;\n  display: flex;\n}\n.paladin-three-horizontal-left {\n  width: 66.6%;\n  height: 100%;\n}\n.paladin-three-horizontal-right {\n  width: 33.4%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.paladin-three-vertical-top {\n  width: 100%;\n  height: 66.6%;\n  flex-direction: row;\n}\n.paladin-three-vertical-bottom {\n  width: 100%;\n  height: 33.4%;\n  display: flex;\n  flex-direction: row;\n}\n.paladin-three-height-50 {\n  width: 100%;\n  height: 50%;\n}\n.paladin-three-width-50 {\n  width: 50%;\n  height: 100%;\n}\n.paladin-three-height-33 {\n  width: 100%;\n  height: 33.333%;\n}\n.paladin-three-width-33 {\n  height: 100%;\n  width: 33.333%;\n}\n.paladin-three-relative {\n  position: relative;\n}\n";
+var css_248z$s = ".image-processing-container {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  background: black;\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  flex-direction: column;\n  z-index: 999;\n}\n.image-processing-container-content {\n  cursor: pointer;\n}\n.image-processing-container-content svg {\n  width: 50px;\n  height: 50px;\n  display: block;\n  margin: 15px auto 0 auto;\n  color: #999;\n}\n.paladin-three-wrapper {\n  width: 100%;\n  height: 100%;\n  color: white;\n  display: flex;\n}\n.paladin-three-horizontal-left {\n  width: 66.6%;\n  height: 100%;\n}\n.paladin-three-horizontal-right {\n  width: 33.4%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.paladin-three-vertical-top {\n  width: 100%;\n  height: 66.6%;\n  flex-direction: row;\n}\n.paladin-three-vertical-bottom {\n  width: 100%;\n  height: 33.4%;\n  display: flex;\n  flex-direction: row;\n}\n.paladin-three-height-50 {\n  width: 100%;\n  height: 50%;\n}\n.paladin-three-width-50 {\n  width: 50%;\n  height: 100%;\n}\n.paladin-three-height-33 {\n  width: 100%;\n  height: 33.333%;\n}\n.paladin-three-width-33 {\n  height: 100%;\n  width: 33.333%;\n}\n.paladin-three-relative {\n  position: relative;\n}\n.mip-wwwc {\n  position: absolute;\n  bottom: 15px;\n  left: 15px;\n}\n.mip-wwwc p {\n  color: #ffffff;\n  margin: 0;\n  text-align: right;\n}\n";
 styleInject$1(css_248z$s);
 
 (function () {
@@ -54347,7 +54330,9 @@ var MIPLayout = /*#__PURE__*/function (_Component) {
 
     _this.state = {
       processing: true,
-      error: null
+      error: null,
+      windowWidth: 0,
+      windowCenter: 0
     };
     _this.vr = '';
     return _this;
@@ -54357,6 +54342,9 @@ var MIPLayout = /*#__PURE__*/function (_Component) {
     key: "initVR",
     value: function () {
       var _initVR = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(currentSeries, instanceImages) {
+        var _this2 = this;
+
+        var volumeWindowLevel;
         return regenerator.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -54374,12 +54362,27 @@ var MIPLayout = /*#__PURE__*/function (_Component) {
                 this.vr = _context.sent;
                 // mip左键默认工具是调窗
                 this.vr.ActionParameter.mouseActionMode = InteractorStyleActionMode.WindowLevel;
-                this.props.set3DActiveTool('MipWWWc');
-                _context.next = 13;
+                this.props.set3DActiveTool('MipWWWc'); // 窗值初始值
+
+                volumeWindowLevel = this.vr.volumeWindowLevel;
+                this.setState({
+                  windowWidth: Math.floor(volumeWindowLevel.level),
+                  windowCenter: Math.floor(volumeWindowLevel.center)
+                }); // 调窗监听
+
+                Messager.Instance.regist(_default$1.MessagerKeys.MipWwwcChange, this.vr.messageGroupId, function (param) {
+                  if (param) {
+                    _this2.setState({
+                      windowWidth: param.level,
+                      windowCenter: param.center
+                    });
+                  }
+                });
+                _context.next = 16;
                 break;
 
-              case 8:
-                _context.prev = 8;
+              case 11:
+                _context.prev = 11;
                 _context.t0 = _context["catch"](0);
                 console.error(_context.t0);
                 this.setState({
@@ -54388,19 +54391,19 @@ var MIPLayout = /*#__PURE__*/function (_Component) {
                 });
                 return _context.abrupt("return");
 
-              case 13:
+              case 16:
                 this.setState({
                   processingMessage: null,
                   processing: false,
                   error: null
                 });
 
-              case 14:
+              case 17:
               case "end":
                 return _context.stop();
             }
           }
-        }, _callee, this, [[0, 8]]);
+        }, _callee, this, [[0, 11]]);
       }));
 
       function initVR(_x, _x2) {
@@ -54413,7 +54416,7 @@ var MIPLayout = /*#__PURE__*/function (_Component) {
     key: "componentDidMount",
     value: function () {
       var _componentDidMount = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
-        var _this2 = this;
+        var _this3 = this;
 
         var currentSeries, instanceImages, i;
         return regenerator.wrap(function _callee2$(_context2) {
@@ -54444,7 +54447,7 @@ var MIPLayout = /*#__PURE__*/function (_Component) {
                     error: null
                   }, function () {
                     setTimeout(function () {
-                      _this2.initVR(currentSeries, instanceImages);
+                      _this3.initVR(currentSeries, instanceImages);
                     }, 50);
                   });
                 }
@@ -54496,7 +54499,9 @@ var MIPLayout = /*#__PURE__*/function (_Component) {
       var _this$state = this.state,
           processing = _this$state.processing,
           processingMessage = _this$state.processingMessage,
-          error = _this$state.error;
+          error = _this$state.error,
+          windowWidth = _this$state.windowWidth,
+          windowCenter = _this$state.windowCenter;
       return /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-three-wrapper",
         style: {
@@ -54515,7 +54520,9 @@ var MIPLayout = /*#__PURE__*/function (_Component) {
           height: '100%'
         },
         id: 'mipContainer'
-      })));
+      }), /*#__PURE__*/React__default.createElement("div", {
+        className: "mip-wwwc"
+      }, /*#__PURE__*/React__default.createElement("p", null, "W:", windowWidth), /*#__PURE__*/React__default.createElement("p", null, "C:", windowCenter))));
     }
   }, {
     key: "__reactstandin__regenerateByEval",
@@ -55749,6 +55756,7 @@ var mergeProps$l = function mergeProps(propsFromState, propsFromDispatch, ownPro
       },
       FORWARD: function FORWARD() {
         var activeElement = getCurrentElement();
+        if (!activeElement) return;
 
         if (threeDMode) {
           changeMprPositionWithElement(activeElement, -1, threeScrollType);
@@ -55758,6 +55766,7 @@ var mergeProps$l = function mergeProps(propsFromState, propsFromDispatch, ownPro
       },
       BACKWARD: function BACKWARD() {
         var activeElement = getCurrentElement();
+        if (!activeElement) return;
 
         if (threeDMode) {
           changeMprPositionWithElement(activeElement, 1, threeScrollType);
@@ -55797,12 +55806,15 @@ var mergeProps$l = function mergeProps(propsFromState, propsFromDispatch, ownPro
         });
       },
       SCROLL_START: function SCROLL_START() {
-        _default$E.scrollToIndex(getCurrentElement(), 0, true, {
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        _default$E.scrollToIndex(activeElement, 0, true, {
           backToStart: true
         });
       },
       SCROLL_END: function SCROLL_END() {
         var activeElement = getCurrentElement();
+        if (!activeElement) return;
         var max = _default$E.getImagesLength(activeElement) - 1;
         _default$E.scrollToIndex(activeElement, max, tement, max, true, {
           backToEnd: true
@@ -55819,43 +55831,63 @@ var mergeProps$l = function mergeProps(propsFromState, propsFromDispatch, ownPro
       },
       WWWC1: function WWWC1() {
         if (!wwwcCustomDic[0]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[0].ww, wwwcCustomDic[0].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[0].ww, wwwcCustomDic[0].wc);
       },
       WWWC2: function WWWC2() {
         if (!wwwcCustomDic[1]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[1].ww, wwwcCustomDic[1].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[1].ww, wwwcCustomDic[1].wc);
       },
       WWWC3: function WWWC3() {
         if (!wwwcCustomDic[2]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[2].ww, wwwcCustomDic[2].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[2].ww, wwwcCustomDic[2].wc);
       },
       WWWC4: function WWWC4() {
         if (!wwwcCustomDic[3]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[3].ww, wwwcCustomDic[3].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[3].ww, wwwcCustomDic[3].wc);
       },
       WWWC5: function WWWC5() {
         if (!wwwcCustomDic[4]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[4].ww, wwwcCustomDic[4].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[4].ww, wwwcCustomDic[4].wc);
       },
       WWWC6: function WWWC6() {
         if (!wwwcCustomDic[5]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[5].ww, wwwcCustomDic[5].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[5].ww, wwwcCustomDic[5].wc);
       },
       WWWC7: function WWWC7() {
         if (!wwwcCustomDic[6]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[6].ww, wwwcCustomDic[6].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[6].ww, wwwcCustomDic[6].wc);
       },
       WWWC8: function WWWC8() {
         if (!wwwcCustomDic[7]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[7].ww, wwwcCustomDic[7].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[7].ww, wwwcCustomDic[7].wc);
       },
       WWWC9: function WWWC9() {
         if (!wwwcCustomDic[8]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[8].ww, wwwcCustomDic[8].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[8].ww, wwwcCustomDic[8].wc);
       },
       WWWC0: function WWWC0() {
         if (!wwwcCustomDic[9]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[9].ww, wwwcCustomDic[9].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[9].ww, wwwcCustomDic[9].wc);
       }
     },
     getCurrentElement: getCurrentElement,