hellfire 0.24.0 → 0.25.0

package/dist/index.js

@@ -1128,7 +1128,7 @@ var initialState$1 = {
   Sync: false,
   Cine: false,
   VRCenterPointShow: false,
-  VRMode: OperationMode.Fast,
+  VRMode: OperationMode.Standard,
   // 连续测量 手机端上关闭
   continuousMeasure: !isMobile,
   Surgery: false,
@@ -1140,7 +1140,9 @@ var initialState$1 = {
   VRCine: null,
   VRCineFps: 3,
   VRCineAngle: 20,
-  CPR: false
+  CPR: false,
+  referenceLineType: 'image' // image or series
+
 };
 
 var _default$4 = function _default() {
@@ -18866,7 +18868,7 @@ var MipActionParameterImpl = /*#__PURE__*/function (_ActionParameter) {
 
     _this._inverseVolume = false;
     _this._inverseWindowBackground = false;
-    _this._sampleDistance = sampleDistance || 1; //0.5; // 默认为0.5, 默认采样率，数值越小精度越高，对GPU压力越高 1 0.5 0.35
+    _this._sampleDistance = sampleDistance || 0.5; // 默认为0.5, 默认采样率，数值越小精度越高，对GPU压力越高 1 0.5 0.35
 
     _this._displayVRMode = null;
     _this._clipPaths = new Map();
@@ -21238,6 +21240,10 @@ var MipImageProcessorWorkerImpl = /*#__PURE__*/function (_ImageProcessorWorker)
       Messager.Instance.regist(_default$1.MessagerKeys.MipPresentColor, this.messageGroupId, function (param) {});
       Messager.Instance.regist(_default$1.MessagerKeys.Reconstruct, this.messageGroupId, function (param) {});
       Messager.Instance.regist(_default$1.MessagerKeys.MipUpdateInteractorStyleAction, this.messageGroupId, function (param) {
+        if (!_this3.iteractorStyle) {
+          return;
+        }
+
         _this3.iteractorStyle.setInteractorStyleActionMode(param.mode);
       });
       Messager.Instance.regist(_default$1.MessagerKeys.MipReconstructMethodType, this.messageGroupId, function (param) {
@@ -27727,26 +27733,39 @@ var external$f = cornerstoneTools.external,
  * @param  {Object} eventData      The data associated with the event.
  * @param  {HTMLElement} targetElement    The element on which to render the reference line.
  * @param  {HTMLElement} referenceElement The element referenced by the line.
+ * @param  {String} referenceImageId
+ * @param  {String} customColor
  * @returns {void}
  */
 
-var _default$w = function _default(context, eventData, targetElement, referenceElement) {
+var _default$w = function _default(context, eventData, targetElement, referenceElement, referenceImageId, customColor) {
   var cornerstone = external$f.cornerstone;
-  var targetImage = cornerstone.getEnabledElement(targetElement).image;
-  var referenceImage = cornerstone.getEnabledElement(referenceElement).image; // Make sure the images are actually loaded for the target and reference
+  var targetImage = cornerstone.getEnabledElement(targetElement).image; // Make sure the images are actually loaded for the target and reference
 
-  if (!targetImage || !referenceImage) {
+  if (!targetImage) {
     return;
   }
 
+  var _referenceImageId = referenceImageId;
+
+  if (!_referenceImageId) {
+    var referenceImage = cornerstone.getEnabledElement(referenceElement).image;
+
+    if (!referenceImage) {
+      return;
+    }
+
+    _referenceImageId = referenceImage.imageId;
+  }
+
   var targetImagePlane = cornerstone.metaData.get('imagePlaneModule', targetImage.imageId);
-  var referenceImagePlane = cornerstone.metaData.get('imagePlaneModule', referenceImage.imageId); // Make sure the target and reference actually have image plane metadata
+  var referenceImagePlane = cornerstone.metaData.get('imagePlaneModule', _referenceImageId); // Make sure the target and reference actually have image plane metadata
 
   if (!targetImagePlane || !referenceImagePlane || !targetImagePlane.rowCosines || !targetImagePlane.columnCosines || !targetImagePlane.imagePositionPatient || !referenceImagePlane.rowCosines || !referenceImagePlane.columnCosines || !referenceImagePlane.imagePositionPatient) {
     return;
   }
 
-  var color = toolColors$a.getActiveColor(); // The image planes must be in the same frame of reference
+  var color = customColor || toolColors$a.getActiveColor(); // The image planes must be in the same frame of reference
   // hack: 有可能不在一个坐标系 这时候用白色线标注
 
   if (targetImagePlane.frameOfReferenceUID !== referenceImagePlane.frameOfReferenceUID) {
@@ -27822,7 +27841,8 @@ var BaseTool$8 = cornerstoneTools.importInternal('base/BaseTool');
 var getNewContext$9 = cornerstoneTools.importInternal('drawing/getNewContext');
 var waitForEnabledElementImageToLoad = cornerstoneTools.importInternal('util/waitForEnabledElementImageToLoad');
 var getLogger$2 = cornerstoneTools.importInternal('util/getLogger');
-var external$g = cornerstoneTools.external;
+var external$g = cornerstoneTools.external,
+    getToolState$a = cornerstoneTools.getToolState;
 var logger$5 = getLogger$2('tools:ReferenceLinesTool');
 /**
  * When enabled, this tool will display references lines for each source
@@ -27860,6 +27880,7 @@ var ReferenceLinesTool = /*#__PURE__*/function (_BaseTool) {
     _this = _super.call(this, props, defaultProps);
     _this.renderer = null;
     _this.synchronizationContext = null;
+    _this.type = 'image';
     return _this;
   }
 
@@ -27869,6 +27890,7 @@ var ReferenceLinesTool = /*#__PURE__*/function (_BaseTool) {
       var _enabledCallback = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(element) {
         var _ref,
             synchronizationContext,
+            type,
             renderer,
             enabledElement,
             _args = arguments;
@@ -27877,7 +27899,7 @@ var ReferenceLinesTool = /*#__PURE__*/function (_BaseTool) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                _ref = _args.length > 1 && _args[1] !== undefined ? _args[1] : {}, synchronizationContext = _ref.synchronizationContext;
+                _ref = _args.length > 1 && _args[1] !== undefined ? _args[1] : {}, synchronizationContext = _ref.synchronizationContext, type = _ref.type;
                 renderer = this.configuration.renderer;
                 _context.next = 4;
                 return waitForEnabledElementImageToLoad(element);
@@ -27896,11 +27918,12 @@ var ReferenceLinesTool = /*#__PURE__*/function (_BaseTool) {
                 return _context.abrupt("return");
 
               case 8:
+                this.type = type || 'image';
                 this.renderer = renderer;
                 this.synchronizationContext = synchronizationContext;
                 this.forceImageUpdate(element);
 
-              case 11:
+              case 12:
               case "end":
                 return _context.stop();
             }
@@ -27947,10 +27970,38 @@ var ReferenceLinesTool = /*#__PURE__*/function (_BaseTool) {
         // Don't draw ourselves
         if (referenceEnabledElement === evt.currentTarget) {
           return;
-        } // Render it
+        }
 
+        if (_this2.type === 'image') {
+          // 图像模式
+          _this2.renderer(context, eventData, evt.currentTarget, referenceEnabledElement);
+        } else {
+          // 序列模式 stack中的所有image都做一遍render
+          var toolData = getToolState$a(referenceEnabledElement, 'stack');
+          var referenceImage = external$g.cornerstone.getEnabledElement(referenceEnabledElement).image;
+          var currentReferenceId;
+
+          if (referenceImage) {
+            currentReferenceId = referenceImage.imageId;
+          }
+
+          if (toolData && toolData.data && toolData.data.length > 0) {
+            var imageIds = toolData.data[0].imageIds;
+            lodash$1.forEach(imageIds, function (id, i) {
+              var color = '#999';
+
+              if (i === 0 || i === imageIds.length - 1) {
+                color = '#fff';
+              }
+
+              if (currentReferenceId && id === currentReferenceId) {
+                color = null;
+              }
 
-        _this2.renderer(context, eventData, evt.currentTarget, referenceEnabledElement);
+              _this2.renderer(context, eventData, evt.currentTarget, null, id, color);
+            });
+          }
+        }
       });
     }
   }, {
@@ -27977,6 +28028,7 @@ var ReferenceLinesTool = /*#__PURE__*/function (_BaseTool) {
   reactHotLoader.register(waitForEnabledElementImageToLoad, "waitForEnabledElementImageToLoad", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/ReferenceLinesTool.js");
   reactHotLoader.register(getLogger$2, "getLogger", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/ReferenceLinesTool.js");
   reactHotLoader.register(external$g, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/ReferenceLinesTool.js");
+  reactHotLoader.register(getToolState$a, "getToolState", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/ReferenceLinesTool.js");
   reactHotLoader.register(logger$5, "logger", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/ReferenceLinesTool.js");
   reactHotLoader.register(ReferenceLinesTool, "ReferenceLinesTool", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/ReferenceLinesTool.js");
 })();
@@ -28061,7 +28113,7 @@ var logger$6 = cornerstoneTools.importInternal('util/getLogger')('tools:annotati
 var convertToVector3$1 = cornerstoneTools.importInternal('util/convertToVector3');
 var devicePixelRatio$2 = getDevicePixelRatio();
 var external$h = cornerstoneTools.external,
-    getToolState$a = cornerstoneTools.getToolState;
+    getToolState$b = cornerstoneTools.getToolState;
 
 var CentesisTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
   inherits(CentesisTool, _BaseAnnotationPlusTo);
@@ -28097,7 +28149,7 @@ var CentesisTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
         x: eventData.currentPoints.image.x,
         y: eventData.currentPoints.image.y
       };
-      var stack = getToolState$a(eventData.element, 'stack').data[0];
+      var stack = getToolState$b(eventData.element, 'stack').data[0];
       var index = stack && stack.currentImageIdIndex || 0;
       this.centesisPathCacheSet(index, point, eventData.image);
       return {
@@ -28217,7 +28269,7 @@ var CentesisTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
       var eventData = evt.detail;
       var context = getNewContext$a(eventData.canvasContext.canvas);
       var element = eventData.element;
-      var stack = getToolState$a(element, 'stack').data[0];
+      var stack = getToolState$b(element, 'stack').data[0];
 
       if (stack) {
         var currentImageIdIndex = stack.currentImageIdIndex;
@@ -28296,7 +28348,7 @@ var CentesisTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
   reactHotLoader.register(convertToVector3$1, "convertToVector3", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CentesisTool.js");
   reactHotLoader.register(devicePixelRatio$2, "devicePixelRatio", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CentesisTool.js");
   reactHotLoader.register(external$h, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CentesisTool.js");
-  reactHotLoader.register(getToolState$a, "getToolState", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CentesisTool.js");
+  reactHotLoader.register(getToolState$b, "getToolState", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CentesisTool.js");
   reactHotLoader.register(CentesisTool, "CentesisTool", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CentesisTool.js");
 })();
 
@@ -28934,7 +28986,7 @@ var waitForEnabledElementImageToLoad$1 = cornerstoneTools.importInternal('util/w
 var projectPatientPointToImagePlane$1 = cornerstoneTools.importInternal('util/projectPatientPointToImagePlane');
 var scrollToIndex = cornerstoneTools.importInternal('util/scrollToIndex');
 var external$j = cornerstoneTools.external,
-    getToolState$b = cornerstoneTools.getToolState; // 二维定位工具
+    getToolState$c = cornerstoneTools.getToolState; // 二维定位工具
 
 var ReferencePositionTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
   inherits(ReferencePositionTool, _BaseAnnotationPlusTo);
@@ -29126,7 +29178,7 @@ var ReferencePositionTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
       var _this2 = this;
 
       var eventData = evt.detail;
-      var toolData = getToolState$b(evt.currentTarget, this.name);
+      var toolData = getToolState$c(evt.currentTarget, this.name);
 
       if (!toolData) {
         return;
@@ -29201,7 +29253,7 @@ var ReferencePositionTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
 
               case 4:
                 sourceElement = sourceElements[0];
-                sourceToolData = getToolState$b(sourceElement, this.name);
+                sourceToolData = getToolState$c(sourceElement, this.name);
 
                 if (!(!sourceToolData || !sourceToolData.data || sourceToolData.data.length === 0)) {
                   _context2.next = 8;
@@ -29354,7 +29406,7 @@ var ReferencePositionTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
   reactHotLoader.register(projectPatientPointToImagePlane$1, "projectPatientPointToImagePlane", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/ReferencePositionTool.js");
   reactHotLoader.register(scrollToIndex, "scrollToIndex", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/ReferencePositionTool.js");
   reactHotLoader.register(external$j, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/ReferencePositionTool.js");
-  reactHotLoader.register(getToolState$b, "getToolState", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/ReferencePositionTool.js");
+  reactHotLoader.register(getToolState$c, "getToolState", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/ReferencePositionTool.js");
   reactHotLoader.register(ReferencePositionTool, "ReferencePositionTool", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/ReferencePositionTool.js");
 })();
 
@@ -29390,7 +29442,7 @@ var external$k = cornerstoneTools.external,
     addToolState$4 = cornerstoneTools.addToolState,
     toolColors$b = cornerstoneTools.toolColors,
     toolStyle$6 = cornerstoneTools.toolStyle,
-    getToolState$c = cornerstoneTools.getToolState;
+    getToolState$d = cornerstoneTools.getToolState;
 /**
  * 多边形绘制工具
  * 备注：在activeTool改变的地方添加判断，如果是从多边形工具切换到了别的工具，要手动结束掉未完成的绘制
@@ -29521,7 +29573,7 @@ var PolygonTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
   }, {
     key: "getIncomplete",
     value: function getIncomplete(element) {
-      var toolState = getToolState$c(element, this.name);
+      var toolState = getToolState$d(element, this.name);
 
       if (toolState && Array.isArray(toolState.data)) {
         return toolState.data.find(function (_ref) {
@@ -29600,7 +29652,7 @@ var PolygonTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
       var _this2 = this;
 
       var eventData = evt.detail;
-      var toolData = getToolState$c(evt.currentTarget, this.name);
+      var toolData = getToolState$d(evt.currentTarget, this.name);
 
       if (!toolData) {
         return;
@@ -29960,7 +30012,7 @@ function _getUnit$2(modality, showHounsfieldUnits) {
   reactHotLoader.register(addToolState$4, "addToolState", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/PolygonTool.js");
   reactHotLoader.register(toolColors$b, "toolColors", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/PolygonTool.js");
   reactHotLoader.register(toolStyle$6, "toolStyle", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/PolygonTool.js");
-  reactHotLoader.register(getToolState$c, "getToolState", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/PolygonTool.js");
+  reactHotLoader.register(getToolState$d, "getToolState", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/PolygonTool.js");
   reactHotLoader.register(PolygonTool, "PolygonTool", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/PolygonTool.js");
   reactHotLoader.register(calculatePolygonStatistics, "calculatePolygonStatistics", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/PolygonTool.js");
   reactHotLoader.register(_getPolygonImageCoordinates, "_getPolygonImageCoordinates", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/PolygonTool.js");
@@ -30045,7 +30097,7 @@ var logger$9 = cornerstoneTools.importInternal('util/getLogger')('tools:annotati
 var convertToVector3$4 = cornerstoneTools.importInternal('util/convertToVector3');
 var devicePixelRatio$4 = getDevicePixelRatio();
 var external$l = cornerstoneTools.external,
-    getToolState$d = cornerstoneTools.getToolState,
+    getToolState$e = cornerstoneTools.getToolState,
     toolColors$c = cornerstoneTools.toolColors,
     removeToolState$1 = cornerstoneTools.removeToolState;
 
@@ -30088,7 +30140,7 @@ var CPRTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
 
       var v3 = this._imagePointToPatientPoint(eventData.currentPoints.image, imagePlane);
 
-      var toolData = getToolState$d(eventData.element, this.name);
+      var toolData = getToolState$e(eventData.element, this.name);
       var data = toolData && toolData.data;
       var number = 0;
 
@@ -30224,7 +30276,7 @@ var CPRTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
 
       var eventData = evt.detail;
       var context = getNewContext$e(eventData.canvasContext.canvas);
-      var toolData = getToolState$d(evt.currentTarget, this.name);
+      var toolData = getToolState$e(evt.currentTarget, this.name);
 
       if (!toolData) {
         return;
@@ -30423,7 +30475,7 @@ var rollbackLastCprPoint = /*#__PURE__*/function () {
             return _context.abrupt("return");
 
           case 4:
-            toolData = getToolState$d(operateElement, name);
+            toolData = getToolState$e(operateElement, name);
 
             if (!(!toolData.data || toolData.data.length === 0)) {
               _context.next = 7;
@@ -30483,7 +30535,7 @@ var rollbackLastCprPoint = /*#__PURE__*/function () {
   reactHotLoader.register(convertToVector3$4, "convertToVector3", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CPRTool.js");
   reactHotLoader.register(devicePixelRatio$4, "devicePixelRatio", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CPRTool.js");
   reactHotLoader.register(external$l, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CPRTool.js");
-  reactHotLoader.register(getToolState$d, "getToolState", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CPRTool.js");
+  reactHotLoader.register(getToolState$e, "getToolState", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CPRTool.js");
   reactHotLoader.register(toolColors$c, "toolColors", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CPRTool.js");
   reactHotLoader.register(removeToolState$1, "removeToolState", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CPRTool.js");
   reactHotLoader.register(CPRTool, "CPRTool", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CPRTool.js");
@@ -30505,10 +30557,10 @@ var rollbackLastCprPoint = /*#__PURE__*/function () {
 var __signature__$1M = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var getToolState$e = cornerstoneTools.getToolState;
+var getToolState$f = cornerstoneTools.getToolState;
 
 var _default$x = function _default(element) {
-  var toolData = getToolState$e(element, 'stack');
+  var toolData = getToolState$f(element, 'stack');
 
   if (!toolData || !toolData.data || !toolData.data.length) {
     return;
@@ -30525,7 +30577,7 @@ var _default$x = function _default(element) {
     return;
   }
 
-  reactHotLoader.register(getToolState$e, "getToolState", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/getImagesLength.js");
+  reactHotLoader.register(getToolState$f, "getToolState", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/getImagesLength.js");
   reactHotLoader.register(_default$x, "default", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/getImagesLength.js");
 })();
 
@@ -30542,7 +30594,7 @@ var _default$x = function _default(element) {
 var __signature__$1N = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var getToolState$f = cornerstoneTools.getToolState;
+var getToolState$g = cornerstoneTools.getToolState;
 var globalCineTimer;
 
 function startAutoCine(activeElement, options) {
@@ -30554,7 +30606,7 @@ function startAutoCine(activeElement, options) {
     globalCineTimer = null;
   }
 
-  var toolData = getToolState$f(activeElement, 'stack');
+  var toolData = getToolState$g(activeElement, 'stack');
 
   if (!toolData || !toolData.data || !toolData.data.length) {
     return;
@@ -30598,7 +30650,7 @@ var _default$y = {
     return;
   }
 
-  reactHotLoader.register(getToolState$f, "getToolState", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/autoCine.js");
+  reactHotLoader.register(getToolState$g, "getToolState", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/autoCine.js");
   reactHotLoader.register(globalCineTimer, "globalCineTimer", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/autoCine.js");
   reactHotLoader.register(startAutoCine, "startAutoCine", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/autoCine.js");
   reactHotLoader.register(stopAutoCine, "stopAutoCine", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/autoCine.js");
@@ -31059,7 +31111,7 @@ var _default$A = function _default(synchronizer, sourceElement, targetElement, e
 var __signature__$1Q = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var getToolState$g = cornerstoneTools.getToolState;
+var getToolState$h = cornerstoneTools.getToolState;
 /**
  * Propogate scrolling actions from the source element to the target element.
  * @export
@@ -31117,7 +31169,7 @@ var _default$B = function _default(synchronizer, sourceElement, targetElement, e
     return;
   }
 
-  reactHotLoader.register(getToolState$g, "getToolState", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/synchronization/stackScrollSynchronizer.js");
+  reactHotLoader.register(getToolState$h, "getToolState", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/synchronization/stackScrollSynchronizer.js");
   reactHotLoader.register(_default$B, "default", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/synchronization/stackScrollSynchronizer.js");
 })();
 
@@ -33153,7 +33205,7 @@ _default$E.toolStyle.setActiveWidth(2 * pixelRatio); // Set the tool width
 _default$E.toolStyle.setToolWidth(1 * pixelRatio); // Set color for inactive tools
 // !!!important!!! pls use hex16
 
-_default$E.toolColors.setToolColor('#ffff00'); // Set color for active tools
+_default$E.toolColors.setToolColor('#faa80a'); // Set color for active tools
 // !!!important!!! pls use hex16
 
 _default$E.toolColors.setActiveColor('#adff2f');
@@ -48400,7 +48452,7 @@ var ThreeDLoadingModal = /*#__PURE__*/function (_Component) {
                 _context.prev = 14;
                 _context.t0 = _context["catch"](2);
                 this.setState({
-                  processingMessage: "\u56FE\u50CF\u52A0\u8F7D\u5931\u8D25: ".concat(_context.t0.message || '未知错误'),
+                  processingMessage: "\u56FE\u50CF\u52A0\u8F7D\u5931\u8D25: ".concat(_context.t0.message || '未知错误', "\uFF0C\u8BF7\u91CD\u65B0\u6253\u5F00\u8F6F\u4EF6"),
                   error: true
                 });
                 return _context.abrupt("return");
@@ -48411,7 +48463,7 @@ var ThreeDLoadingModal = /*#__PURE__*/function (_Component) {
                 if (errorLog) {
                   if (typeof errorLog === "string") {
                     this.setState({
-                      processingMessage: "\u56FE\u50CF\u52A0\u8F7D\u5931\u8D25: ".concat(errorLog || '未知错误'),
+                      processingMessage: "\u56FE\u50CF\u52A0\u8F7D\u5931\u8D25: ".concat(errorLog || '未知错误', "\uFF0C\u8BF7\u91CD\u65B0\u6253\u5F00\u8F6F\u4EF6"),
                       error: true
                     });
                   } else {
@@ -48656,6 +48708,9 @@ var _default$$ = ConnectedImageProcessTabTool;
   leaveModule && leaveModule(module);
 })();
 
+var css_248z$k = ".paladin-reference-tool {\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  flex: 1;\n  color: #b0b0b0;\n  font-size: 12px;\n  text-align: center;\n  cursor: pointer;\n  padding-left: 20px;\n  border: 1px solid #5b5b5b;\n  border-right: none;\n}\n.paladin-reference-tool:hover {\n  color: #fff;\n}\n.paladin-reference-tool-active {\n  color: #fff;\n  background: #0d5075;\n}\n.paladin-reference-tool-more {\n  padding: 0 7px;\n  height: 100%;\n}\n.paladin-reference-tool-more svg {\n  width: 7px !important;\n  color: #c0c0c0;\n}\n.paladin-reference-tool-more:hover {\n  background: #53585f;\n}\n.paladin-reference-tool-menu {\n  background: #fff;\n}\n.paladin-reference-tool-menu div {\n  padding: 3px 25px;\n  font-size: 14px;\n  color: #53585f;\n  cursor: pointer;\n  white-space: nowrap;\n}\n.paladin-reference-tool-menu div:hover {\n  color: #fff;\n  background: #777777;\n}\n.paladin-reference-tool-menu .paladin-reference-tool-menu-match {\n  color: #fff;\n  background: #7f8592;\n}\n";
+styleInject$1(css_248z$k);
+
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
@@ -48669,10 +48724,175 @@ var __signature__$2W = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoa
   return a;
 };
 
+var ReferenceLineTool = /*#__PURE__*/function (_Component) {
+  inherits(ReferenceLineTool, _Component);
+
+  var _super = _createSuper$1a(ReferenceLineTool);
+
+  function ReferenceLineTool(props) {
+    var _this;
+
+    classCallCheck(this, ReferenceLineTool);
+
+    _this = _super.call(this, props);
+
+    defineProperty(assertThisInitialized(_this), "moreComponent", function (ownProps) {
+      var _this$props = _this.props,
+          referenceLineType = _this$props.referenceLineType,
+          ReferenceLines = _this$props.ReferenceLines,
+          onSelect = _this$props.onSelect;
+      return /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-reference-tool-menu'
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: ReferenceLines && referenceLineType === 'image' && 'paladin-reference-tool-menu-match',
+        onClick: function onClick() {
+          onSelect('image');
+          ownProps.onClose();
+        }
+      }, "\u56FE\u50CF"), /*#__PURE__*/React__default.createElement("div", {
+        className: ReferenceLines && referenceLineType === 'series' && 'paladin-reference-tool-menu-match',
+        onClick: function onClick() {
+          onSelect('series');
+          ownProps.onClose();
+        }
+      }, "\u5E8F\u5217"));
+    });
+
+    return _this;
+  }
+
+  createClass(ReferenceLineTool, [{
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+          active = _this$props2.active,
+          onClick = _this$props2.onClick;
+      return /*#__PURE__*/React__default.createElement("div", {
+        className: active ? 'paladin-reference-tool paladin-reference-tool-active' : 'paladin-reference-tool'
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-flex-row'
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "paladin-flex-col paladin-reference-tool-text",
+        style: {
+          flex: 1,
+          padding: '8px 0'
+        },
+        onClick: onClick
+      }, "\u626B\u63CF\u5B9A\u4F4D\u7EBF"), /*#__PURE__*/React__default.createElement(PopperBox, {
+        popover: this.moreComponent,
+        onPopoverClose: this.onPopoverClose,
+        popoverPlacement: 'bottom'
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "paladin-flex-col paladin-reference-tool-more"
+      }, /*#__PURE__*/React__default.createElement(SvgCaretDown, null)))));
+    }
+  }, {
+    key: "__reactstandin__regenerateByEval",
+    // @ts-ignore
+    value: function __reactstandin__regenerateByEval(key, code) {
+      // @ts-ignore
+      this[key] = eval(code);
+    }
+  }]);
+
+  return ReferenceLineTool;
+}(React.Component);
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(ReferenceLineTool, "ReferenceLineTool", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/components/ReferenceLineTool/index.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);
+})();
+
+function ownKeys$z(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$A(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$z(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var __signature__$2X = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var mapStateToProps$d = function mapStateToProps(state) {
+  var _state$paladin$tools$ = state.paladin.tools.action,
+      referenceLineType = _state$paladin$tools$.referenceLineType,
+      ReferenceLines = _state$paladin$tools$.ReferenceLines;
+  return {
+    referenceLineType: referenceLineType,
+    ReferenceLines: ReferenceLines
+  };
+};
+
+var mergeProps$d = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$A(_objectSpread$A(_objectSpread$A({}, ownProps), propsFromState), {}, {
+    onSelect: function onSelect(value) {
+      propsFromDispatch.setActionStateByKey({
+        key: 'referenceLineType',
+        value: value
+      });
+      setTimeout(function () {
+        if (!propsFromState.ReferenceLines) {
+          propsFromDispatch.activeDicomFunction('ReferenceLines');
+        }
+      }, 100);
+    }
+  });
+};
+
+var ConnectedReferenceLineTool = reactRedux.connect(mapStateToProps$d, {
+  setActionStateByKey: setActionStateByKey,
+  activeDicomFunction: activeDicomFunction
+}, mergeProps$d)(ReferenceLineTool);
+var _default$10 = ConnectedReferenceLineTool;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(mapStateToProps$d, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/components/ReferenceLineTool/ConnectedReferenceLineTool.js");
+  reactHotLoader.register(mergeProps$d, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/components/ReferenceLineTool/ConnectedReferenceLineTool.js");
+  reactHotLoader.register(ConnectedReferenceLineTool, "ConnectedReferenceLineTool", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/components/ReferenceLineTool/ConnectedReferenceLineTool.js");
+  reactHotLoader.register(_default$10, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/components/ReferenceLineTool/ConnectedReferenceLineTool.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);
+})();
+
+function _createSuper$1b(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1b(); 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$1b() { 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 __signature__$2Y = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
 var DicomToolFlattenMode = /*#__PURE__*/function (_Component) {
   inherits(DicomToolFlattenMode, _Component);
 
-  var _super = _createSuper$1a(DicomToolFlattenMode);
+  var _super = _createSuper$1b(DicomToolFlattenMode);
 
   function DicomToolFlattenMode(props) {
     var _this;
@@ -48809,7 +49029,7 @@ var DicomToolFlattenMode = /*#__PURE__*/function (_Component) {
           window.open(helpLink, '_blank');
         }
       }, /*#__PURE__*/React__default.createElement(PopperBox, {
-        tooltip: '使用帮助',
+        tooltip: /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", null, "\u4F7F\u7528\u5E2E\u52A9\uFF08\u70B9\u51FB\u53EF\u67E5\u770B\u66F4\u591A\uFF09"), /*#__PURE__*/React__default.createElement("div", null, "1.Ctrl + \u9F20\u6807\u5DE6\u952E\uFF0C\u8FDB\u884C\u5E8F\u5217\u6216\u56FE\u50CF\u591A\u9009"), /*#__PURE__*/React__default.createElement("div", null, "2.\u9F20\u6807\u53CC\u51FB\u53EF\u8FDB\u5165\u6216\u9000\u51FA\u6700\u5927\u5316\u770B\u56FE")),
         tooltipPlacement: "right"
       }, /*#__PURE__*/React__default.createElement(SvgQuestionSign, null)))), showBaseTools && /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-flex-row"
@@ -48905,10 +49125,10 @@ var DicomToolFlattenMode = /*#__PURE__*/function (_Component) {
         }
       }, "\u5168\u90E8\u6A21\u5F0F")), !isThree && /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-flex-row"
-      }, /*#__PURE__*/React__default.createElement(LargeToolItem, {
+      }, /*#__PURE__*/React__default.createElement(_default$10, {
         active: ReferenceLines,
         onClick: this.handleReferenceLine
-      }, "\u626B\u63CF\u5B9A\u4F4D\u7EBF"), /*#__PURE__*/React__default.createElement(LargeToolItem, {
+      }), /*#__PURE__*/React__default.createElement(LargeToolItem, {
         active: Sync,
         onClick: this.handleSync
       }, "\u540C\u6B65")), showMeasureAndOverlayTool && /*#__PURE__*/React__default.createElement("div", {
@@ -48996,18 +49216,18 @@ var LargeToolItem = function LargeToolItem(props) {
   enterModule && enterModule(module);
 })();
 
-function _createSuper$1b(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1b(); 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$1c(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1c(); 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$1b() { 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$1c() { 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 __signature__$2X = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2Z = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var DicomToolFlattenMode$1 = /*#__PURE__*/function (_Component) {
   inherits(DicomToolFlattenMode, _Component);
 
-  var _super = _createSuper$1b(DicomToolFlattenMode);
+  var _super = _createSuper$1c(DicomToolFlattenMode);
 
   function DicomToolFlattenMode(props) {
     var _this;
@@ -49135,7 +49355,7 @@ var DicomToolFlattenMode$1 = /*#__PURE__*/function (_Component) {
           window.open(helpLink, '_blank');
         }
       }, /*#__PURE__*/React__default.createElement(PopperBox, {
-        tooltip: '使用帮助',
+        tooltip: /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", null, "\u4F7F\u7528\u5E2E\u52A9\uFF08\u70B9\u51FB\u53EF\u67E5\u770B\u66F4\u591A\uFF09"), /*#__PURE__*/React__default.createElement("div", null, "1.Ctrl + \u9F20\u6807\u5DE6\u952E\uFF0C\u8FDB\u884C\u5E8F\u5217\u6216\u56FE\u50CF\u591A\u9009"), /*#__PURE__*/React__default.createElement("div", null, "2.\u9F20\u6807\u53CC\u51FB\u53EF\u8FDB\u5165\u6216\u9000\u51FA\u6700\u5927\u5316\u770B\u56FE")),
         tooltipPlacement: "right"
       }, /*#__PURE__*/React__default.createElement(SvgQuestionSign, null)))), showBaseTools && /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-flex-col paladin-flex-1 paladin-hor-border",
@@ -49253,10 +49473,10 @@ var DicomToolFlattenMode$1 = /*#__PURE__*/function (_Component) {
         }
       }, "\u5168\u90E8\u6A21\u5F0F")), !isThree && /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-flex-row"
-      }, /*#__PURE__*/React__default.createElement(LargeToolItem$1, {
+      }, /*#__PURE__*/React__default.createElement(_default$10, {
         active: ReferenceLines,
         onClick: this.handleReferenceLine
-      }, "\u626B\u63CF\u5B9A\u4F4D\u7EBF"), /*#__PURE__*/React__default.createElement(LargeToolItem$1, {
+      }), /*#__PURE__*/React__default.createElement(LargeToolItem$1, {
         active: Sync,
         onClick: this.handleSync
       }, "\u540C\u6B65")), showMeasureAndOverlayTool && /*#__PURE__*/React__default.createElement("div", {
@@ -49347,18 +49567,18 @@ var LargeToolItem$1 = function LargeToolItem(props) {
   enterModule && enterModule(module);
 })();
 
-function _createSuper$1c(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1c(); 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$1d(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1d(); 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$1c() { 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$1d() { 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 __signature__$2Y = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2_ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var VRClip = /*#__PURE__*/function (_Component) {
   inherits(VRClip, _Component);
 
-  var _super = _createSuper$1c(VRClip);
+  var _super = _createSuper$1d(VRClip);
 
   function VRClip(props) {
     classCallCheck(this, VRClip);
@@ -49417,24 +49637,24 @@ var VRClip = /*#__PURE__*/function (_Component) {
   enterModule && enterModule(module);
 })();
 
-function ownKeys$z(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$A(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$A(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$z(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$B(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$A(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$A(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$2Z = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2$ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
-var mapStateToProps$d = function mapStateToProps(state) {
+var mapStateToProps$e = function mapStateToProps(state) {
   var currentSeries = state.paladin.viewport.currentSeries;
   return {
     currentSeries: currentSeries
   };
 };
 
-var mergeProps$d = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$e = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var currentSeries = propsFromState.currentSeries;
-  return _objectSpread$A({
+  return _objectSpread$B({
     onRowClick: function () {
       var _onRowClick = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(key) {
         var vrWorker;
@@ -49488,8 +49708,8 @@ var mergeProps$d = function mergeProps(propsFromState, propsFromDispatch, ownPro
   }, ownProps);
 };
 
-var ConnectedVRClip = reactRedux.connect(mapStateToProps$d, {}, mergeProps$d)(VRClip);
-var _default$10 = ConnectedVRClip;
+var ConnectedVRClip = reactRedux.connect(mapStateToProps$e, {}, mergeProps$e)(VRClip);
+var _default$11 = ConnectedVRClip;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -49498,10 +49718,10 @@ var _default$10 = ConnectedVRClip;
     return;
   }
 
-  reactHotLoader.register(mapStateToProps$d, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/components/VRClip/ConnectedVRClip.js");
-  reactHotLoader.register(mergeProps$d, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/components/VRClip/ConnectedVRClip.js");
+  reactHotLoader.register(mapStateToProps$e, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/components/VRClip/ConnectedVRClip.js");
+  reactHotLoader.register(mergeProps$e, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/components/VRClip/ConnectedVRClip.js");
   reactHotLoader.register(ConnectedVRClip, "ConnectedVRClip", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/components/VRClip/ConnectedVRClip.js");
-  reactHotLoader.register(_default$10, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/components/VRClip/ConnectedVRClip.js");
+  reactHotLoader.register(_default$11, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/components/VRClip/ConnectedVRClip.js");
 })();
 
 (function () {
@@ -49514,18 +49734,18 @@ var _default$10 = ConnectedVRClip;
   enterModule && enterModule(module);
 })();
 
-function _createSuper$1d(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1d(); 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$1e(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1e(); 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$1d() { 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$1e() { 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 __signature__$2_ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$30 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var DicomTool = /*#__PURE__*/function (_Component) {
   inherits(DicomTool, _Component);
 
-  var _super = _createSuper$1d(DicomTool);
+  var _super = _createSuper$1e(DicomTool);
 
   function DicomTool(props) {
     var _this;
@@ -49832,7 +50052,7 @@ var DicomTool = /*#__PURE__*/function (_Component) {
       },
       VRMode: {
         name: 'VRMode',
-        tooltip: "看图模式",
+        tooltip: "看图模式，可点击后修改",
         text: "流畅",
         popover: _default$Y
       },
@@ -49870,7 +50090,7 @@ var DicomTool = /*#__PURE__*/function (_Component) {
         onClick: function onClick() {
           _this.props.toggleVRClip();
         },
-        moreComponent: _default$10
+        moreComponent: _default$11
       },
       VRPresentColor: {
         label: "预设",
@@ -50260,16 +50480,16 @@ function _unsupportedIterableToArray$b(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$b(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$A(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$B(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$B(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$A(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$A(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$C(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$B(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$B(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$2$ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$31 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var scrollToIndex$1 = _default$E.scrollToIndex;
 
-var mapStateToProps$e = function mapStateToProps(state) {
+var mapStateToProps$f = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.customization,
       tools = _state$paladin$tools$.tools,
       imageModeTools = _state$paladin$tools$.imageModeTools,
@@ -50429,7 +50649,7 @@ var mapStateToProps$e = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$e = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$f = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   // 数据
   var series = propsFromState.series,
       activeIndex = propsFromState.activeIndex,
@@ -50454,7 +50674,7 @@ var mergeProps$e = function mergeProps(propsFromState, propsFromDispatch, ownPro
       MIP = propsFromState.MIP,
       CPR = propsFromState.CPR;
   var maxIndex = currentSeries && currentSeries.imageIds.length - 1;
-  return _objectSpread$B(_objectSpread$B(_objectSpread$B(_objectSpread$B({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$C(_objectSpread$C(_objectSpread$C(_objectSpread$C({}, ownProps), propsFromState), propsFromDispatch), {}, {
     reset: function reset() {
       // 重置
       var activeElement = getElement(realActiveIndex);
@@ -51265,7 +51485,7 @@ var mergeProps$e = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomTool = reactRedux.connect(mapStateToProps$e, {
+var ConnectedDicomTool = reactRedux.connect(mapStateToProps$f, {
   setActiveTool: setActiveTool,
   setTools: setTools,
   refreshTools: refreshTools,
@@ -51287,8 +51507,8 @@ var ConnectedDicomTool = reactRedux.connect(mapStateToProps$e, {
   setActiveIndex: setActiveIndex,
   setLayout: setLayout,
   setLastLayout: setLastLayout
-}, mergeProps$e)(DicomTool);
-var _default$11 = ConnectedDicomTool;
+}, mergeProps$f)(DicomTool);
+var _default$12 = ConnectedDicomTool;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -51298,10 +51518,10 @@ var _default$11 = ConnectedDicomTool;
   }
 
   reactHotLoader.register(scrollToIndex$1, "scrollToIndex", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/ConnectedDicomTool.js");
-  reactHotLoader.register(mapStateToProps$e, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/ConnectedDicomTool.js");
-  reactHotLoader.register(mergeProps$e, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/ConnectedDicomTool.js");
+  reactHotLoader.register(mapStateToProps$f, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/ConnectedDicomTool.js");
+  reactHotLoader.register(mergeProps$f, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/ConnectedDicomTool.js");
   reactHotLoader.register(ConnectedDicomTool, "ConnectedDicomTool", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/ConnectedDicomTool.js");
-  reactHotLoader.register(_default$11, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/ConnectedDicomTool.js");
+  reactHotLoader.register(_default$12, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/ConnectedDicomTool.js");
 })();
 
 (function () {
@@ -51309,8 +51529,8 @@ var _default$11 = ConnectedDicomTool;
   leaveModule && leaveModule(module);
 })();
 
-var css_248z$k = ".paladin-thumb-content {\n  position: relative;\n  height: 66px;\n  width: 66px;\n  border-width: 1px;\n  border-style: solid;\n  cursor: pointer;\n}\n.paladin-thumb-content .paladin-thumb-bottom {\n  white-space: nowrap;\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  color: #faa80a;\n  text-align: center;\n  font-size: 14px;\n  z-index: 2;\n}\n.paladin-thumb-content .paladin-thumb-mask {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n.paladin-thumb-content .paladin-thumb-process {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  height: 4px;\n  width: 100%;\n  background: #ffffff;\n  overflow: hidden;\n}\n.paladin-thumb-content .paladin-thumb-process .paladin-thumb-process-inner {\n  background: #faa80a;\n  height: 100%;\n}\n.paladin-thumb-svg {\n  cursor: pointer;\n  justify-content: center;\n}\n.paladin-thumb-svg svg {\n  fill: #fff;\n}\n.paladin-thumb-svg:hover {\n  background-color: #616772;\n}\n.paladin-thumb-button {\n  cursor: pointer;\n  justify-content: center;\n  padding: 0 15px;\n}\n.paladin-thumb-button svg {\n  fill: #fff;\n}\n.paladin-thumb-button:hover {\n  background-color: #616772;\n}\n.paladin-thumb-button svg {\n  width: 11px !important;\n}\n.paladin-fresh-button {\n  cursor: pointer;\n  justify-content: center;\n  padding: 0 25px;\n}\n.paladin-fresh-button svg {\n  fill: #fff;\n}\n.paladin-fresh-button:hover {\n  background-color: #616772;\n}\n.paladin-fresh-button svg {\n  width: 15px !important;\n}\n.paladin-thumb-study {\n  cursor: pointer;\n  font-size: 14px;\n  line-height: 40px;\n  padding: 0 12px;\n  color: #ffffff;\n}\n.paladin-thumb-viewport {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n}\n.paladin-thumb-viewport h4,\n.paladin-thumb-viewport p {\n  font-size: 10px;\n}\n.paladin-thumb-study-wrapper {\n  border-bottom: 1px solid #727882;\n}\n.paladin-thumb-context-wrapper {\n  padding: 4px 2px;\n}\n";
-styleInject$1(css_248z$k);
+var css_248z$l = ".paladin-thumb-content {\n  position: relative;\n  height: 66px;\n  width: 66px;\n  border-width: 1px;\n  border-style: solid;\n  cursor: pointer;\n}\n.paladin-thumb-content .paladin-thumb-bottom {\n  white-space: nowrap;\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  color: #faa80a;\n  text-align: center;\n  font-size: 14px;\n  z-index: 2;\n}\n.paladin-thumb-content .paladin-thumb-mask {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n.paladin-thumb-content .paladin-thumb-process {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  height: 4px;\n  width: 100%;\n  background: #ffffff;\n  overflow: hidden;\n}\n.paladin-thumb-content .paladin-thumb-process .paladin-thumb-process-inner {\n  background: #faa80a;\n  height: 100%;\n}\n.paladin-thumb-svg {\n  cursor: pointer;\n  justify-content: center;\n}\n.paladin-thumb-svg svg {\n  fill: #fff;\n}\n.paladin-thumb-svg:hover {\n  background-color: #616772;\n}\n.paladin-thumb-button {\n  cursor: pointer;\n  justify-content: center;\n  padding: 0 15px;\n}\n.paladin-thumb-button svg {\n  fill: #fff;\n}\n.paladin-thumb-button:hover {\n  background-color: #616772;\n}\n.paladin-thumb-button svg {\n  width: 11px !important;\n}\n.paladin-fresh-button {\n  cursor: pointer;\n  justify-content: center;\n  padding: 0 25px;\n}\n.paladin-fresh-button svg {\n  fill: #fff;\n}\n.paladin-fresh-button:hover {\n  background-color: #616772;\n}\n.paladin-fresh-button svg {\n  width: 15px !important;\n}\n.paladin-thumb-study {\n  cursor: pointer;\n  font-size: 14px;\n  line-height: 40px;\n  padding: 0 12px;\n  color: #ffffff;\n}\n.paladin-thumb-viewport {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n}\n.paladin-thumb-viewport h4,\n.paladin-thumb-viewport p {\n  font-size: 10px;\n}\n.paladin-thumb-study-wrapper {\n  border-bottom: 1px solid #727882;\n}\n.paladin-thumb-context-wrapper {\n  padding: 4px 2px;\n}\n";
+styleInject$1(css_248z$l);
 
 function _extends$1e() { _extends$1e = 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$1e.apply(this, arguments); }
 
@@ -51327,26 +51547,26 @@ var SvgRefresh$1 = function SvgRefresh(props) {
   }, props), _ref$1c);
 };
 
-var css_248z$l = ".loadingIndicator {\n  position: absolute;\n  top: 0;\n  background: black;\n  opacity: 1;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.loadingIndicator .lds-ring {\n  color: #999;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  width: 40px;\n  height: 40px;\n  margin: auto;\n}\n.loadingIndicator .lds-ring div {\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  width: 40px;\n  height: 40px;\n  border: 4px solid silver;\n  border-radius: 50%;\n  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: silver transparent transparent transparent;\n}\n.loadingIndicator .lds-ring div:nth-child(1) {\n  animation-delay: -0.45s;\n}\n.loadingIndicator .lds-ring div:nth-child(2) {\n  animation-delay: -0.3s;\n}\n.loadingIndicator .lds-ring div:nth-child(3) {\n  animation-delay: -0.15s;\n}\n@keyframes lds-ring {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.loadingIndicator .loadingIndicator-retry {\n  width: 40px;\n  color: #999;\n  margin: 0 auto;\n  font-size: 14px;\n}\n.loadingIndicator .indicatorContents h4 {\n  font-size: 18px;\n  margin: 0 auto 10px 0;\n}\n.loadingIndicator .indicatorContents p {\n  margin: 4px auto;\n  color: #999;\n  font-size: 14px;\n}\n.loadingIndicator .indicatorContents .loadingIndicator-retry {\n  width: 40px;\n  margin: 20px auto 0 auto;\n}\n.loadingIndicator .indicatorContents-mini h4 {\n  color: #fff;\n  font-size: 12px;\n  margin: 5px 0 5px 0;\n}\n.loadingIndicator .indicatorContents-mini .loadingIndicator-retry {\n  width: 20px;\n  font-size: 12px;\n}\n";
-styleInject$1(css_248z$l);
+var css_248z$m = ".loadingIndicator {\n  position: absolute;\n  top: 0;\n  background: black;\n  opacity: 1;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.loadingIndicator .lds-ring {\n  color: #999;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  width: 40px;\n  height: 40px;\n  margin: auto;\n}\n.loadingIndicator .lds-ring div {\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  width: 40px;\n  height: 40px;\n  border: 4px solid silver;\n  border-radius: 50%;\n  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: silver transparent transparent transparent;\n}\n.loadingIndicator .lds-ring div:nth-child(1) {\n  animation-delay: -0.45s;\n}\n.loadingIndicator .lds-ring div:nth-child(2) {\n  animation-delay: -0.3s;\n}\n.loadingIndicator .lds-ring div:nth-child(3) {\n  animation-delay: -0.15s;\n}\n@keyframes lds-ring {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.loadingIndicator .loadingIndicator-retry {\n  width: 40px;\n  color: #999;\n  margin: 0 auto;\n  font-size: 14px;\n}\n.loadingIndicator .indicatorContents h4 {\n  font-size: 18px;\n  margin: 0 auto 10px 0;\n}\n.loadingIndicator .indicatorContents p {\n  margin: 4px auto;\n  color: #999;\n  font-size: 14px;\n}\n.loadingIndicator .indicatorContents .loadingIndicator-retry {\n  width: 40px;\n  margin: 20px auto 0 auto;\n}\n.loadingIndicator .indicatorContents-mini h4 {\n  color: #fff;\n  font-size: 12px;\n  margin: 5px 0 5px 0;\n}\n.loadingIndicator .indicatorContents-mini .loadingIndicator-retry {\n  width: 20px;\n  font-size: 12px;\n}\n";
+styleInject$1(css_248z$m);
 
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
 
-function _createSuper$1e(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1e(); 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$1f(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1f(); 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$1e() { 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$1f() { 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 __signature__$30 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$32 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var LoadingIndicator = /*#__PURE__*/function (_PureComponent) {
   inherits(LoadingIndicator, _PureComponent);
 
-  var _super = _createSuper$1e(LoadingIndicator);
+  var _super = _createSuper$1f(LoadingIndicator);
 
   function LoadingIndicator() {
     classCallCheck(this, LoadingIndicator);
@@ -51409,7 +51629,7 @@ defineProperty(LoadingIndicator, "defaultProps", {
   error: null
 });
 
-var _default$12 = LoadingIndicator;
+var _default$13 = LoadingIndicator;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -51419,7 +51639,7 @@ var _default$12 = LoadingIndicator;
   }
 
   reactHotLoader.register(LoadingIndicator, "LoadingIndicator", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomViewport/LoadingIndicator/LoadingIndicator.js");
-  reactHotLoader.register(_default$12, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomViewport/LoadingIndicator/LoadingIndicator.js");
+  reactHotLoader.register(_default$13, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomViewport/LoadingIndicator/LoadingIndicator.js");
 })();
 
 (function () {
@@ -51432,11 +51652,11 @@ var _default$12 = LoadingIndicator;
   enterModule && enterModule(module);
 })();
 
-function _createSuper$1f(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1f(); 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$1g(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1g(); 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$1f() { 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$1g() { 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 __signature__$31 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$33 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var loadIndicatorDelay = 300;
@@ -51464,7 +51684,7 @@ function initializeTools(cornerstoneTools, tools, element) {
 var ThumbnailViewport = /*#__PURE__*/function (_Component) {
   inherits(ThumbnailViewport, _Component);
 
-  var _super = _createSuper$1f(ThumbnailViewport);
+  var _super = _createSuper$1g(ThumbnailViewport);
 
   function ThumbnailViewport(props) {
     var _this;
@@ -51593,7 +51813,7 @@ var ThumbnailViewport = /*#__PURE__*/function (_Component) {
         className: "paladin-thumb-viewport"
       }, source && /*#__PURE__*/React__default.createElement("img", {
         src: source
-      }), loading && /*#__PURE__*/React__default.createElement(_default$12, {
+      }), loading && /*#__PURE__*/React__default.createElement(_default$13, {
         error: error,
         mini: true,
         handleRetry: this.loadImage
@@ -51648,11 +51868,11 @@ defineProperty(ThumbnailViewport, "defaultProps", {
   enterModule && enterModule(module);
 })();
 
-function _createSuper$1g(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1g(); 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$1h(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1h(); 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$1g() { 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$1h() { 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 __signature__$32 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$34 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -51696,7 +51916,7 @@ var ThumbContent = function ThumbContent(props) {
 var DicomThumbnailLayout = /*#__PURE__*/function (_Component) {
   inherits(DicomThumbnailLayout, _Component);
 
-  var _super = _createSuper$1g(DicomThumbnailLayout);
+  var _super = _createSuper$1h(DicomThumbnailLayout);
 
   function DicomThumbnailLayout(props) {
     var _this;
@@ -51862,15 +52082,15 @@ var DicomThumbnailLayout = /*#__PURE__*/function (_Component) {
   enterModule && enterModule(module);
 })();
 
-function ownKeys$B(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$C(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$C(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$B(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$B(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$C(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$C(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$33 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$35 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
-var mapStateToProps$f = function mapStateToProps(state) {
+var mapStateToProps$g = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       activeIndex = _state$paladin$viewpo.activeIndex,
       currentSeriesUID = _state$paladin$viewpo.currentSeriesUID,
@@ -51891,8 +52111,8 @@ var mapStateToProps$f = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$f = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$C(_objectSpread$C(_objectSpread$C({}, ownProps), propsFromState), {}, {
+var mergeProps$g = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$D(_objectSpread$D(_objectSpread$D({}, ownProps), propsFromState), {}, {
     selectThumb: function selectThumb(selectSeriesIndex, currentStudy) {
       /**
        * 选择了缩略图时
@@ -51936,14 +52156,14 @@ var mergeProps$f = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomThumbnail = reactRedux.connect(mapStateToProps$f, {
+var ConnectedDicomThumbnail = reactRedux.connect(mapStateToProps$g, {
   setSeries: setSeries,
   setCurrentSeries: setCurrentSeries,
   setSeriesCurrentIndex: setSeriesCurrentIndex,
   setImageScrollLine: setImageScrollLine,
   setImageActiveIndex: setImageActiveIndex
-}, mergeProps$f)(DicomThumbnailLayout);
-var _default$13 = ConnectedDicomThumbnail;
+}, mergeProps$g)(DicomThumbnailLayout);
+var _default$14 = ConnectedDicomThumbnail;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -51952,10 +52172,10 @@ var _default$13 = ConnectedDicomThumbnail;
     return;
   }
 
-  reactHotLoader.register(mapStateToProps$f, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomThumbnail/ConnectedDicomThumbnail.js");
-  reactHotLoader.register(mergeProps$f, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomThumbnail/ConnectedDicomThumbnail.js");
+  reactHotLoader.register(mapStateToProps$g, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomThumbnail/ConnectedDicomThumbnail.js");
+  reactHotLoader.register(mergeProps$g, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomThumbnail/ConnectedDicomThumbnail.js");
   reactHotLoader.register(ConnectedDicomThumbnail, "ConnectedDicomThumbnail", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomThumbnail/ConnectedDicomThumbnail.js");
-  reactHotLoader.register(_default$13, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomThumbnail/ConnectedDicomThumbnail.js");
+  reactHotLoader.register(_default$14, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomThumbnail/ConnectedDicomThumbnail.js");
 })();
 
 (function () {
@@ -51963,15 +52183,15 @@ var _default$13 = ConnectedDicomThumbnail;
   leaveModule && leaveModule(module);
 })();
 
-var css_248z$m = ".paladin-dicom-layout {\n  display: flex;\n  flex-wrap: wrap;\n  height: 100%;\n  flex: 1;\n}\n.paladin-dicom-layout-warp {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n";
-styleInject$1(css_248z$m);
+var css_248z$n = ".paladin-dicom-layout {\n  display: flex;\n  flex-wrap: wrap;\n  height: 100%;\n  flex: 1;\n}\n.paladin-dicom-layout-warp {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n";
+styleInject$1(css_248z$n);
 
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
 
-var __signature__$34 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$36 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 function combineDateAndTimeToMoment(dicom, tag) {
@@ -52024,7 +52244,7 @@ function convertSecondsToMinAndSecond(seconds) {
   enterModule && enterModule(module);
 })();
 
-var __signature__$35 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$37 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -52054,7 +52274,7 @@ function formatNumberPrecision(number, precision) {
   enterModule && enterModule(module);
 })();
 
-var __signature__$36 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$38 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 function getPixelSpacing$9(imageId) {
@@ -52093,11 +52313,11 @@ function getPixelSpacing$9(imageId) {
   enterModule && enterModule(module);
 })();
 
-function _createSuper$1h(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1h(); 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$1i(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1i(); 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$1h() { 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$1i() { 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 __signature__$37 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$39 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -52223,7 +52443,7 @@ var formatDicomInfo = function formatDicomInfo(label, value) {
 var ViewportOverlay = /*#__PURE__*/function (_PureComponent) {
   inherits(ViewportOverlay, _PureComponent);
 
-  var _super = _createSuper$1h(ViewportOverlay);
+  var _super = _createSuper$1i(ViewportOverlay);
 
   function ViewportOverlay(props) {
     var _this;
@@ -52366,7 +52586,8 @@ var ViewportOverlay = /*#__PURE__*/function (_PureComponent) {
       var patientSex = dicom.PatientSex.toString();
       var patientAge = dicom.PatientAge.toString();
       var patientID = dicom.PatientID.toString();
-      var bodyPartExamined = dicom.BodyPartExamined.toString(); //左下
+      var bodyPartExamined = dicom.BodyPartExamined.toString();
+      var laterality = dicom.Laterality.toString() || ''; //左下
 
       var patientOrientation = dicom.PatientOrientation.toString();
       var protocolName = dicom.ProtocolName.toString();
@@ -52410,7 +52631,7 @@ var ViewportOverlay = /*#__PURE__*/function (_PureComponent) {
           fontSize: '12px',
           display: "".concat(hide ? 'none' : 'block')
         }
-      }, /*#__PURE__*/React__default.createElement("div", null, institutionName), /*#__PURE__*/React__default.createElement("div", null, manufacturer, " ", manufacturerModelName), /*#__PURE__*/React__default.createElement("div", null, patientName, "/", patientSex, "/", patientAge), /*#__PURE__*/React__default.createElement("div", null, patientID), /*#__PURE__*/React__default.createElement("div", null, bodyPartExamined)), /*#__PURE__*/React__default.createElement("div", {
+      }, /*#__PURE__*/React__default.createElement("div", null, institutionName), /*#__PURE__*/React__default.createElement("div", null, manufacturer, " ", manufacturerModelName), /*#__PURE__*/React__default.createElement("div", null, patientName, "/", patientSex, "/", patientAge), /*#__PURE__*/React__default.createElement("div", null, patientID), /*#__PURE__*/React__default.createElement("div", null, bodyPartExamined), /*#__PURE__*/React__default.createElement("div", null, laterality)), /*#__PURE__*/React__default.createElement("div", {
         style: {
           position: 'absolute',
           bottom: 4,
@@ -52458,7 +52679,7 @@ defineProperty(ViewportOverlay, "propTypes", {
   hide: PropTypes$1.bool
 });
 
-var _default$14 = ViewportOverlay;
+var _default$15 = ViewportOverlay;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -52477,7 +52698,7 @@ var _default$14 = ViewportOverlay;
   reactHotLoader.register(getADAndNEX, "getADAndNEX", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomViewport/ViewportOverlay/index.js");
   reactHotLoader.register(formatDicomInfo, "formatDicomInfo", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomViewport/ViewportOverlay/index.js");
   reactHotLoader.register(ViewportOverlay, "ViewportOverlay", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomViewport/ViewportOverlay/index.js");
-  reactHotLoader.register(_default$14, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomViewport/ViewportOverlay/index.js");
+  reactHotLoader.register(_default$15, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomViewport/ViewportOverlay/index.js");
 })();
 
 (function () {
@@ -52485,8 +52706,8 @@ var _default$14 = ViewportOverlay;
   leaveModule && leaveModule(module);
 })();
 
-var css_248z$n = ".paladin-custom-scroll {\n  cursor: pointer;\n  background: #333333;\n  position: relative;\n  border-color: #727882;\n  border-style: solid;\n  border-width: 0;\n  box-sizing: border-box;\n}\n.paladin-custom-scroll .paladin-custom-scroll-controller {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.paladin-custom-scroll .paladin-custom-scroll-controller .paladin-custom-scroll-box {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 16px;\n  width: 16px;\n  background: rgba(91, 91, 91, 0.8);\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-up {\n  width: 16px;\n  height: 20px;\n  background: #5b5b5b;\n  position: absolute;\n  top: 0;\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-up svg {\n  color: #ccc;\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-down {\n  width: 16px;\n  height: 20px;\n  background: #5b5b5b;\n  position: absolute;\n  bottom: 0;\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-down svg {\n  color: #ccc;\n}\n";
-styleInject$1(css_248z$n);
+var css_248z$o = ".paladin-custom-scroll {\n  cursor: pointer;\n  background: #333333;\n  position: relative;\n  border-color: #727882;\n  border-style: solid;\n  border-width: 0;\n  box-sizing: border-box;\n}\n.paladin-custom-scroll .paladin-custom-scroll-controller {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.paladin-custom-scroll .paladin-custom-scroll-controller .paladin-custom-scroll-box {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 16px;\n  width: 16px;\n  background: rgba(91, 91, 91, 0.8);\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-up {\n  width: 16px;\n  height: 20px;\n  background: #5b5b5b;\n  position: absolute;\n  top: 0;\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-up svg {\n  color: #ccc;\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-down {\n  width: 16px;\n  height: 20px;\n  background: #5b5b5b;\n  position: absolute;\n  bottom: 0;\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-down svg {\n  color: #ccc;\n}\n";
+styleInject$1(css_248z$o);
 
 function _extends$1f() { _extends$1f = 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$1f.apply(this, arguments); }
 
@@ -52518,26 +52739,26 @@ var SvgChevronDown = function SvgChevronDown(props) {
   }, props), _ref$1e);
 };
 
-var css_248z$o = ".paladin-aiTips-wrapper {\n  width: 100%;\n  height: 100%;\n}\n.paladin-aiTips-content {\n  width: 1px;\n  height: 100%;\n  background: #ffff00;\n  position: absolute;\n  top: 0;\n}\n";
-styleInject$1(css_248z$o);
+var css_248z$p = ".paladin-aiTips-wrapper {\n  width: 100%;\n  height: 100%;\n}\n.paladin-aiTips-content {\n  width: 1px;\n  height: 100%;\n  background: #ffff00;\n  position: absolute;\n  top: 0;\n}\n";
+styleInject$1(css_248z$p);
 
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
 
-function _createSuper$1i(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1i(); 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$1j(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1j(); 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$1i() { 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$1j() { 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 __signature__$38 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3a = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var AITips = /*#__PURE__*/function (_Component) {
   inherits(AITips, _Component);
 
-  var _super = _createSuper$1i(AITips);
+  var _super = _createSuper$1j(AITips);
 
   function AITips() {
     classCallCheck(this, AITips);
@@ -52601,18 +52822,18 @@ defineProperty(AITips, "propTypes", {
   enterModule && enterModule(module);
 })();
 
-function _createSuper$1j(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1j(); 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$1k(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1k(); 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$1j() { 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$1k() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-var __signature__$39 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3b = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var CustomScroll = /*#__PURE__*/function (_Component) {
   inherits(CustomScroll, _Component);
 
-  var _super = _createSuper$1j(CustomScroll);
+  var _super = _createSuper$1k(CustomScroll);
 
   function CustomScroll(props) {
     var _this;
@@ -53014,8 +53235,8 @@ defineProperty(CustomScroll, "propTypes", {
   leaveModule && leaveModule(module);
 })();
 
-var css_248z$p = ".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";
-styleInject$1(css_248z$p);
+var css_248z$q = ".paladin-mpr-direaction-tip {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  width: 10px;\n  height: 10px;\n}\n.paladin-mpr-direaction-toggle-box {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  cursor: pointer;\n}\n.paladin-mpr-direaction-toggle-box span {\n  display: inline-block;\n  padding: 3px;\n  font-size: 12px;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle {\n  border: 1px solid #999;\n  background: #000;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle:last-child {\n  border-left: none;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle-active {\n  background: #0d5075;\n}\n.rc-slider {\n  background-color: transparent !important;\n}\n.paladin-viewport-wrapper {\n  overflow: hidden;\n  color: white;\n  height: 100%;\n  position: relative;\n}\n.cornerstone-canvas-container {\n  box-sizing: border-box;\n  width: 100%;\n  position: relative;\n}\n.paladin-viewport-scroll-wrappper {\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n}\n.paladin-viewport-scroll-inner {\n  width: 40%;\n  margin: 5px auto auto;\n}\n.paladin-viewport-scroll-mpr-wrappper {\n  width: 100%;\n  position: relative;\n  z-index: 1;\n}\n";
+styleInject$1(css_248z$q);
 
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
@@ -53028,7 +53249,7 @@ function _unsupportedIterableToArray$c(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$c(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; }
 
-var __signature__$3a = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3c = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var triggerEvent$3 = _default$E.importInternal('util/triggerEvent');
@@ -53253,7 +53474,7 @@ function _unsupportedIterableToArray$d(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$d(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; }
 
-var __signature__$3b = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3d = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var external$u = cornerstoneTools.external;
@@ -53316,26 +53537,26 @@ function processCentesisPath(imageId) {
   leaveModule && leaveModule(module);
 })();
 
-var css_248z$q = ".paladin-thickness-container {\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 90px;\n  height: 16px;\n  background-color: #505050;\n  color: #888;\n  font-size: 13px;\n}\n.paladin-thickness-selecter {\n  padding: 5px 0;\n  background-color: #333;\n  color: #c8c8c8;\n  font-size: 12px;\n}\n.paladin-thickness-selecter .paladin-thickness-select-item {\n  padding: 3px 20px;\n  cursor: pointer;\n}\n.paladin-thickness-selecter .paladin-thickness-select-item:hover {\n  background-color: #fff;\n  color: #000;\n}\n.paladin-thickness-selecter .paladin-thickness-select-mpr {\n  border-bottom: 1px solid #ffffff;\n  padding: 3px 20px 8px 20px;\n}\n";
-styleInject$1(css_248z$q);
+var css_248z$r = ".paladin-thickness-container {\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 90px;\n  height: 16px;\n  background-color: #505050;\n  color: #888;\n  font-size: 13px;\n}\n.paladin-thickness-selecter {\n  padding: 5px 0;\n  background-color: #333;\n  color: #c8c8c8;\n  font-size: 12px;\n}\n.paladin-thickness-selecter .paladin-thickness-select-item {\n  padding: 3px 20px;\n  cursor: pointer;\n}\n.paladin-thickness-selecter .paladin-thickness-select-item:hover {\n  background-color: #fff;\n  color: #000;\n}\n.paladin-thickness-selecter .paladin-thickness-select-mpr {\n  border-bottom: 1px solid #ffffff;\n  padding: 3px 20px 8px 20px;\n}\n";
+styleInject$1(css_248z$r);
 
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
 
-function _createSuper$1k(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1k(); 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$1l(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1l(); 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$1k() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1l() { 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 __signature__$3c = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3e = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var ThicknessSelectMain = /*#__PURE__*/function (_Component) {
   inherits(ThicknessSelectMain, _Component);
 
-  var _super = _createSuper$1k(ThicknessSelectMain);
+  var _super = _createSuper$1l(ThicknessSelectMain);
 
   function ThicknessSelectMain(props) {
     var _this;
@@ -53447,7 +53668,7 @@ var ThicknessSelectMain = /*#__PURE__*/function (_Component) {
   enterModule && enterModule(module);
 })();
 
-var __signature__$3d = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3f = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var external$v = cornerstoneTools.external;
@@ -53607,15 +53828,15 @@ var seriesInstanceUidStateManager = newImageIdSpecificToolStateManager();
   enterModule && enterModule(module);
 })();
 
-function ownKeys$C(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$D(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$C(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$C(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$E(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; }
 
-function _createSuper$1l(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1l(); 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$1m(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1m(); 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$1l() { 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$1m() { 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 __signature__$3e = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3g = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var EVENT_RESIZE = 'resize';
@@ -53657,7 +53878,7 @@ function initializeTools$1(cornerstoneTools, tools, element) {
 var DicomViewport = /*#__PURE__*/function (_Component) {
   inherits(DicomViewport, _Component);
 
-  var _super = _createSuper$1l(DicomViewport);
+  var _super = _createSuper$1m(DicomViewport);
 
   function DicomViewport(_props) {
     var _this;
@@ -54506,7 +54727,7 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
           height: showCustomScroll && scrollType !== 'rc' ? 'calc(100% - 16px)' : '100%',
           border: "1px solid ".concat(active ? 'rgb(250, 168, 10)' : linked ? 'yellow' : 'rgb(114, 120, 130)')
         }
-      }, displayLoadingIndicator && /*#__PURE__*/React__default.createElement(_default$12, {
+      }, displayLoadingIndicator && /*#__PURE__*/React__default.createElement(_default$13, {
         error: error,
         handleRetry: this.loadImage
       }), /*#__PURE__*/React__default.createElement("canvas", {
@@ -54516,7 +54737,7 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
           position: 'absolute',
           color: 'transparent'
         }
-      }, "1"), showOverlayText && /*#__PURE__*/React__default.createElement(_default$14, {
+      }, "1"), showOverlayText && /*#__PURE__*/React__default.createElement(_default$15, {
         viewport: viewport,
         imageId: imageId,
         stack: stack,
@@ -54689,7 +54910,7 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
           nextViewport.colormap = undefined;
         }
 
-        cornerstone.setViewport(this.element, _objectSpread$D(_objectSpread$D({}, nextViewport), {}, {
+        cornerstone.setViewport(this.element, _objectSpread$E(_objectSpread$E({}, nextViewport), {}, {
           displayedArea: defaultViewport.displayedArea
         }));
         this.setState({
@@ -55079,6 +55300,10 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
           this.initReferenceLine();
           break;
 
+        case prevProps.referenceLineType !== this.props.referenceLineType:
+          this.changeReferenceLineType(this.props.referenceLineType);
+          break;
+
         case prevProps.Sync !== this.props.Sync:
           this.initSync();
           break;
@@ -55098,12 +55323,31 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
       }
     }
   }, {
-    key: "addElementReferenceLines",
-    value: function addElementReferenceLines() {
+    key: "changeReferenceLineType",
+    value: function changeReferenceLineType(type) {
       var _this$props7 = this.props,
-          synchronizer = _this$props7.synchronizer,
-          activeIndex = _this$props7.activeIndex,
-          index = _this$props7.index;
+          ReferencePosition = _this$props7.ReferencePosition,
+          synchronizer = _this$props7.synchronizer;
+
+      if (ReferencePosition) {
+        _default$E.setToolDisabledForElement(this.element, 'ReferenceLines', {
+          synchronizationContext: this.props.synchronizer
+        });
+        _default$E.setToolEnabledForElement(this.element, 'ReferenceLines', {
+          synchronizationContext: synchronizer,
+          type: type
+        });
+      } else {
+        this.addElementReferenceLines(type);
+      }
+    }
+  }, {
+    key: "addElementReferenceLines",
+    value: function addElementReferenceLines(type) {
+      var _this$props8 = this.props,
+          synchronizer = _this$props8.synchronizer,
+          activeIndex = _this$props8.activeIndex,
+          index = _this$props8.index;
       var active = activeIndex === index;
 
       if (active) {
@@ -55111,7 +55355,8 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
       } else {
         synchronizer.addTarget(this.element);
         _default$E.setToolEnabledForElement(this.element, 'ReferenceLines', {
-          synchronizationContext: synchronizer
+          synchronizationContext: synchronizer,
+          type: type || this.props.referenceLineType
         });
       }
     }
@@ -55135,10 +55380,10 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
   }, {
     key: "addElementReferencePosition",
     value: function addElementReferencePosition() {
-      var _this$props8 = this.props,
-          positionSynchronizer = _this$props8.positionSynchronizer,
-          activeIndex = _this$props8.activeIndex,
-          index = _this$props8.index;
+      var _this$props9 = this.props,
+          positionSynchronizer = _this$props9.positionSynchronizer,
+          activeIndex = _this$props9.activeIndex,
+          index = _this$props9.index;
       var stack = this.state.stack;
       var active = activeIndex === index;
 
@@ -55322,10 +55567,10 @@ defineProperty(DicomViewport, "defaultProps", {
   enterModule && enterModule(module);
 })();
 
-var __signature__$3f = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3h = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var _default$15 = DicomViewport;
+var _default$16 = DicomViewport;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -55334,7 +55579,7 @@ var _default$15 = DicomViewport;
     return;
   }
 
-  reactHotLoader.register(_default$15, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomViewport/index.js");
+  reactHotLoader.register(_default$16, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomViewport/index.js");
 })();
 
 (function () {
@@ -55347,11 +55592,11 @@ var _default$15 = DicomViewport;
   enterModule && enterModule(module);
 })();
 
-var __signature__$3g = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3i = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
-var mapStateToProps$g = function mapStateToProps(state) {
+var mapStateToProps$h = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.action,
       activeTool = _state$paladin$tools$.activeTool,
       ReferenceLines = _state$paladin$tools$.ReferenceLines,
@@ -55363,7 +55608,8 @@ var mapStateToProps$g = function mapStateToProps(state) {
       CentesisStart = _state$paladin$tools$.CentesisStart,
       CentesisEnd = _state$paladin$tools$.CentesisEnd,
       ReferencePosition = _state$paladin$tools$.ReferencePosition,
-      CPR = _state$paladin$tools$.CPR;
+      CPR = _state$paladin$tools$.CPR,
+      referenceLineType = _state$paladin$tools$.referenceLineType;
   var _state$paladin$tools$2 = state.paladin.tools.layout,
       col = _state$paladin$tools$2.col,
       currentScrollLine = _state$paladin$tools$2.currentScrollLine,
@@ -55395,15 +55641,16 @@ var mapStateToProps$g = function mapStateToProps(state) {
     CentesisStart: CentesisStart,
     positionSynchronizer: positionSynchronizer,
     ReferencePosition: ReferencePosition,
-    CPR: CPR
+    CPR: CPR,
+    referenceLineType: referenceLineType
   };
 };
 
-var ConnectedDicomViewport = reactRedux.connect(mapStateToProps$g, {
+var ConnectedDicomViewport = reactRedux.connect(mapStateToProps$h, {
   setActiveTool: setActiveTool,
   setSeriesCurrentIndex: setSeriesCurrentIndex
-})(_default$15);
-var _default$16 = ConnectedDicomViewport;
+})(_default$16);
+var _default$17 = ConnectedDicomViewport;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -55412,9 +55659,9 @@ var _default$16 = ConnectedDicomViewport;
     return;
   }
 
-  reactHotLoader.register(mapStateToProps$g, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomViewport/ConnectedDicomViewport.js");
+  reactHotLoader.register(mapStateToProps$h, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomViewport/ConnectedDicomViewport.js");
   reactHotLoader.register(ConnectedDicomViewport, "ConnectedDicomViewport", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomViewport/ConnectedDicomViewport.js");
-  reactHotLoader.register(_default$16, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomViewport/ConnectedDicomViewport.js");
+  reactHotLoader.register(_default$17, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomViewport/ConnectedDicomViewport.js");
 })();
 
 (function () {
@@ -55422,15 +55669,15 @@ var _default$16 = ConnectedDicomViewport;
   leaveModule && leaveModule(module);
 })();
 
-var css_248z$r = ".paladin-dicom-scroll {\n  display: flex;\n  width: 16px;\n  height: 100%;\n  flex-shrink: 0;\n  background: #333333;\n}\n";
-styleInject$1(css_248z$r);
+var css_248z$s = ".paladin-dicom-scroll {\n  display: flex;\n  width: 16px;\n  height: 100%;\n  flex-shrink: 0;\n  background: #333333;\n}\n";
+styleInject$1(css_248z$s);
 
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
 
-var __signature__$3h = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3j = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var DicomLayoutContainer = function DicomLayoutContainer(props) {
@@ -55466,11 +55713,11 @@ function _unsupportedIterableToArray$e(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$e(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$1m(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1m(); 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$1n(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1n(); 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$1m() { 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$1n() { 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 __signature__$3i = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3k = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -55487,7 +55734,7 @@ var EmptyElement = function EmptyElement(_ref) {
 var DicomLayout = /*#__PURE__*/function (_Component) {
   inherits(DicomLayout, _Component);
 
-  var _super = _createSuper$1m(DicomLayout);
+  var _super = _createSuper$1n(DicomLayout);
 
   function DicomLayout(props) {
     var _this;
@@ -55710,7 +55957,7 @@ var DicomLayout = /*#__PURE__*/function (_Component) {
               col: col
             });
           }
-          return /*#__PURE__*/React__default.createElement(_default$16 // key={`viewport-${row}-${col}-${currentScrollLine}-${index}`}
+          return /*#__PURE__*/React__default.createElement(_default$17 // key={`viewport-${row}-${col}-${currentScrollLine}-${index}`}
           , {
             key: "viewport-".concat(index),
             scrollWidth: scrollWidth,
@@ -55806,11 +56053,11 @@ defineProperty(DicomLayout, "propTypes", {
   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 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$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; }
+function _objectSpread$F(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__$3j = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3l = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 /**
@@ -55818,7 +56065,7 @@ var __signature__$3j = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoa
  *
  */
 
-var mapStateToProps$h = function mapStateToProps(state) {
+var mapStateToProps$i = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       activeIndex = _state$paladin$viewpo.activeIndex,
       linkSeriesIndex = _state$paladin$viewpo.linkSeriesIndex,
@@ -55852,7 +56099,7 @@ var mapStateToProps$h = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$g = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$h = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var linkSeriesIndex = propsFromState.linkSeriesIndex,
       linkSynchronizer = propsFromState.linkSynchronizer,
       linkScrollSynchronizer = propsFromState.linkScrollSynchronizer,
@@ -55884,7 +56131,7 @@ var mergeProps$g = function mergeProps(propsFromState, propsFromDispatch, ownPro
   var startIndex = col * currentScrollLine;
   var endIndex = startIndex + col * row;
   var currentLayoutSeries = series.slice(startIndex, endIndex);
-  return _objectSpread$E(_objectSpread$E(_objectSpread$E(_objectSpread$E({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$F(_objectSpread$F(_objectSpread$F(_objectSpread$F({}, ownProps), propsFromState), propsFromDispatch), {}, {
     series: currentLayoutSeries,
     seriesTotalCount: series.length,
     row: row,
@@ -56144,7 +56391,7 @@ var mergeProps$g = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomLayout = reactRedux.connect(mapStateToProps$h, {
+var ConnectedDicomLayout = reactRedux.connect(mapStateToProps$i, {
   setActiveIndex: setActiveIndex,
   setCurrentSeries: setCurrentSeries,
   setSeries: setSeries,
@@ -56155,8 +56402,8 @@ var ConnectedDicomLayout = reactRedux.connect(mapStateToProps$h, {
   openOnePickLayout: openOnePickLayout,
   closeOnePickLayout: closeOnePickLayout,
   setCineFps: setCineFps
-}, mergeProps$g)(DicomLayout);
-var _default$17 = ConnectedDicomLayout;
+}, mergeProps$h)(DicomLayout);
+var _default$18 = ConnectedDicomLayout;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -56165,10 +56412,10 @@ var _default$17 = ConnectedDicomLayout;
     return;
   }
 
-  reactHotLoader.register(mapStateToProps$h, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomLayout.js");
-  reactHotLoader.register(mergeProps$g, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomLayout.js");
+  reactHotLoader.register(mapStateToProps$i, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomLayout.js");
+  reactHotLoader.register(mergeProps$h, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomLayout.js");
   reactHotLoader.register(ConnectedDicomLayout, "ConnectedDicomLayout", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomLayout.js");
-  reactHotLoader.register(_default$17, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomLayout.js");
+  reactHotLoader.register(_default$18, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomLayout.js");
 })();
 
 (function () {
@@ -56181,11 +56428,11 @@ var _default$17 = ConnectedDicomLayout;
   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$F(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$F(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$G(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$F(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$F(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$3k = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3m = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 /**
@@ -56193,7 +56440,7 @@ var __signature__$3k = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoa
  *
  */
 
-var mapStateToProps$i = function mapStateToProps(state) {
+var mapStateToProps$j = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       imageActiveIndex = _state$paladin$viewpo.imageActiveIndex,
       currentSeries = _state$paladin$viewpo.currentSeries,
@@ -56258,7 +56505,7 @@ var mapDispatchToProps$4 = function mapDispatchToProps(dispatch) {
   };
 };
 
-var mergeProps$h = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$i = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var currentSeries = propsFromState.currentSeries,
       imageActiveIndex = propsFromState.imageActiveIndex,
       linkImageIndex = propsFromState.linkImageIndex,
@@ -56292,7 +56539,7 @@ var mergeProps$h = function mergeProps(propsFromState, propsFromDispatch, ownPro
     };
   });
   var showVerticalScroll = series && series.length / col > row;
-  return _objectSpread$F(_objectSpread$F(_objectSpread$F(_objectSpread$F({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$G(_objectSpread$G(_objectSpread$G(_objectSpread$G({}, ownProps), propsFromState), propsFromDispatch), {}, {
     currentScrollLine: currentScrollLineImage,
     series: series,
     activeIndex: imageActiveIndex,
@@ -56422,8 +56669,8 @@ var mergeProps$h = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomImageModeLayout = reactRedux.connect(mapStateToProps$i, mapDispatchToProps$4, mergeProps$h)(DicomLayout);
-var _default$18 = ConnectedDicomImageModeLayout;
+var ConnectedDicomImageModeLayout = reactRedux.connect(mapStateToProps$j, mapDispatchToProps$4, mergeProps$i)(DicomLayout);
+var _default$19 = ConnectedDicomImageModeLayout;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -56432,11 +56679,11 @@ var _default$18 = ConnectedDicomImageModeLayout;
     return;
   }
 
-  reactHotLoader.register(mapStateToProps$i, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomImageModeLayout.js");
+  reactHotLoader.register(mapStateToProps$j, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomImageModeLayout.js");
   reactHotLoader.register(mapDispatchToProps$4, "mapDispatchToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomImageModeLayout.js");
-  reactHotLoader.register(mergeProps$h, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomImageModeLayout.js");
+  reactHotLoader.register(mergeProps$i, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomImageModeLayout.js");
   reactHotLoader.register(ConnectedDicomImageModeLayout, "ConnectedDicomImageModeLayout", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomImageModeLayout.js");
-  reactHotLoader.register(_default$18, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomImageModeLayout.js");
+  reactHotLoader.register(_default$19, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomImageModeLayout.js");
 })();
 
 (function () {
@@ -56444,26 +56691,26 @@ var _default$18 = ConnectedDicomImageModeLayout;
   leaveModule && leaveModule(module);
 })();
 
-var css_248z$s = ".paladin-dicom-layout {\n  display: flex;\n  flex-wrap: wrap;\n  height: 100%;\n  flex: 1;\n}\n.paladin-dicom-layout-warp {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n";
-styleInject$1(css_248z$s);
+var css_248z$t = ".paladin-dicom-layout {\n  display: flex;\n  flex-wrap: wrap;\n  height: 100%;\n  flex: 1;\n}\n.paladin-dicom-layout-warp {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n";
+styleInject$1(css_248z$t);
 
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
 
-function _createSuper$1n(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1n(); 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$1o(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1o(); 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$1n() { 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$1o() { 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 __signature__$3l = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3n = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var SurgeryLayout = /*#__PURE__*/function (_Component) {
   inherits(SurgeryLayout, _Component);
 
-  var _super = _createSuper$1n(SurgeryLayout);
+  var _super = _createSuper$1o(SurgeryLayout);
 
   function SurgeryLayout(props) {
     var _this;
@@ -56633,7 +56880,7 @@ var SurgeryLayout = /*#__PURE__*/function (_Component) {
                 _context.t0 = _context["catch"](0);
                 console.error(_context.t0);
                 this.setState({
-                  processingMessage: "\u56FE\u50CF\u52A0\u8F7D\u5931\u8D25: ".concat(_context.t0.detailText || '未知错误'),
+                  processingMessage: "\u56FE\u50CF\u52A0\u8F7D\u5931\u8D25: ".concat(_context.t0.detailText || '未知错误', "\uFF0C\u8BF7\u91CD\u65B0\u6253\u5F00\u8F6F\u4EF6"),
                   error: true
                 });
                 return _context.abrupt("return");
@@ -56828,7 +57075,7 @@ var SurgeryLayout = /*#__PURE__*/function (_Component) {
                 _context2.prev = 14;
                 _context2.t0 = _context2["catch"](3);
                 processing && this.setState({
-                  processingMessage: "\u56FE\u50CF\u52A0\u8F7D\u5931\u8D25: ".concat(_context2.t0.message || '未知错误'),
+                  processingMessage: "\u56FE\u50CF\u52A0\u8F7D\u5931\u8D25: ".concat(_context2.t0.message || '未知错误', "\uFF0C\u8BF7\u91CD\u65B0\u6253\u5F00\u8F6F\u4EF6"),
                   error: true
                 });
                 return _context2.abrupt("return");
@@ -56913,7 +57160,7 @@ var SurgeryLayout = /*#__PURE__*/function (_Component) {
           getCacheViewport = _this$props.getCacheViewport,
           onSyncOpen = _this$props.onSyncOpen; // 横断面
 
-      var transverseEle = /*#__PURE__*/React__default.createElement(_default$16, {
+      var transverseEle = /*#__PURE__*/React__default.createElement(_default$17, {
         stack: transverseStack,
         width: '50%',
         index: 0,
@@ -56930,7 +57177,7 @@ var SurgeryLayout = /*#__PURE__*/function (_Component) {
         availableToolsConfig: this.availableToolsConfig
       }); // 正矢状面
 
-      var sagittalEle = /*#__PURE__*/React__default.createElement(_default$16, {
+      var sagittalEle = /*#__PURE__*/React__default.createElement(_default$17, {
         stack: sagittalStack,
         key: 'Sagittal',
         width: '50%',
@@ -56957,7 +57204,7 @@ var SurgeryLayout = /*#__PURE__*/function (_Component) {
         direction: direction
       }); // 正冠
 
-      var coronalEle = /*#__PURE__*/React__default.createElement(_default$16, {
+      var coronalEle = /*#__PURE__*/React__default.createElement(_default$17, {
         stack: coronalStack,
         key: 'Coronal',
         width: '50%',
@@ -56984,7 +57231,7 @@ var SurgeryLayout = /*#__PURE__*/function (_Component) {
         direction: direction
       }); // 斜矢状面
 
-      var slantSagittalEle = /*#__PURE__*/React__default.createElement(_default$16, {
+      var slantSagittalEle = /*#__PURE__*/React__default.createElement(_default$17, {
         stack: slantSagittalStack,
         key: 'SlantSagittal',
         width: '50%',
@@ -57011,7 +57258,7 @@ var SurgeryLayout = /*#__PURE__*/function (_Component) {
         direction: slantDirection
       }); // 斜冠状面
 
-      var slantCoronalEle = /*#__PURE__*/React__default.createElement(_default$16, {
+      var slantCoronalEle = /*#__PURE__*/React__default.createElement(_default$17, {
         stack: slantCoronalStack,
         key: 'SlantCoronal',
         width: '50%',
@@ -57038,7 +57285,7 @@ var SurgeryLayout = /*#__PURE__*/function (_Component) {
         direction: slantDirection
       }); // 容积横断面
 
-      var volumeTransverseEle = /*#__PURE__*/React__default.createElement(_default$16, {
+      var volumeTransverseEle = /*#__PURE__*/React__default.createElement(_default$17, {
         stack: volumeTransverseStack,
         width: '50%',
         index: 3,
@@ -57057,7 +57304,7 @@ var SurgeryLayout = /*#__PURE__*/function (_Component) {
         directionToggle: this.volumnDirectionToggle
       }); // 容积矢状面
 
-      var volumeSagittalEle = /*#__PURE__*/React__default.createElement(_default$16, {
+      var volumeSagittalEle = /*#__PURE__*/React__default.createElement(_default$17, {
         stack: volumeSagittalStack,
         width: '50%',
         index: 3,
@@ -57076,7 +57323,7 @@ var SurgeryLayout = /*#__PURE__*/function (_Component) {
         directionToggle: this.volumnDirectionToggle
       }); // 容积冠状面
 
-      var volumeCoronalEle = /*#__PURE__*/React__default.createElement(_default$16, {
+      var volumeCoronalEle = /*#__PURE__*/React__default.createElement(_default$17, {
         stack: volumeCoronalStack,
         width: '50%',
         index: 3,
@@ -57147,15 +57394,15 @@ defineProperty(SurgeryLayout, "propTypes", {});
   enterModule && enterModule(module);
 })();
 
-function ownKeys$F(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$G(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$G(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$F(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$F(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$H(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$G(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$3m = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3o = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
-var mapStateToProps$j = function mapStateToProps(state) {
+var mapStateToProps$k = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       currentSeries = _state$paladin$viewpo.currentSeries,
       surgeryActiveIndex = _state$paladin$viewpo.surgeryActiveIndex,
@@ -57171,8 +57418,8 @@ var mapStateToProps$j = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$i = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$G(_objectSpread$G(_objectSpread$G({}, propsFromState), ownProps), {}, {
+var mergeProps$j = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$H(_objectSpread$H(_objectSpread$H({}, propsFromState), ownProps), {}, {
     onViewPortCellClick: function onViewPortCellClick() {
       propsFromDispatch.setSurgeryActiveIndex.apply(propsFromDispatch, arguments);
     },
@@ -57191,10 +57438,10 @@ var mergeProps$i = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedSurgeryLayout = reactRedux.connect(mapStateToProps$j, {
+var ConnectedSurgeryLayout = reactRedux.connect(mapStateToProps$k, {
   setSurgeryActiveIndex: setSurgeryActiveIndex
-}, mergeProps$i)(SurgeryLayout);
-var _default$19 = ConnectedSurgeryLayout;
+}, mergeProps$j)(SurgeryLayout);
+var _default$1a = ConnectedSurgeryLayout;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -57203,10 +57450,10 @@ var _default$19 = ConnectedSurgeryLayout;
     return;
   }
 
-  reactHotLoader.register(mapStateToProps$j, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/Surgery/ConnectedSurgeryLayout.js");
-  reactHotLoader.register(mergeProps$i, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/Surgery/ConnectedSurgeryLayout.js");
+  reactHotLoader.register(mapStateToProps$k, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/Surgery/ConnectedSurgeryLayout.js");
+  reactHotLoader.register(mergeProps$j, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/Surgery/ConnectedSurgeryLayout.js");
   reactHotLoader.register(ConnectedSurgeryLayout, "ConnectedSurgeryLayout", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/Surgery/ConnectedSurgeryLayout.js");
-  reactHotLoader.register(_default$19, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/Surgery/ConnectedSurgeryLayout.js");
+  reactHotLoader.register(_default$1a, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/Surgery/ConnectedSurgeryLayout.js");
 })();
 
 (function () {
@@ -57214,26 +57461,26 @@ var _default$19 = ConnectedSurgeryLayout;
   leaveModule && leaveModule(module);
 })();
 
-var css_248z$t = ".paladin-dicom-layout {\n  display: flex;\n  flex-wrap: wrap;\n  height: 100%;\n  flex: 1;\n}\n.paladin-dicom-layout-warp {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n";
-styleInject$1(css_248z$t);
+var css_248z$u = ".paladin-dicom-layout {\n  display: flex;\n  flex-wrap: wrap;\n  height: 100%;\n  flex: 1;\n}\n.paladin-dicom-layout-warp {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n";
+styleInject$1(css_248z$u);
 
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
 
-function _createSuper$1o(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1o(); 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$1p(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1p(); 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$1o() { 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$1p() { 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 __signature__$3n = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3p = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var CPRLayout = /*#__PURE__*/function (_Component) {
   inherits(CPRLayout, _Component);
 
-  var _super = _createSuper$1o(CPRLayout);
+  var _super = _createSuper$1p(CPRLayout);
 
   function CPRLayout(props) {
     var _this;
@@ -57302,7 +57549,7 @@ var CPRLayout = /*#__PURE__*/function (_Component) {
                 _context.t0 = _context["catch"](0);
                 console.error(_context.t0);
                 this.setState({
-                  processingMessage: "\u56FE\u50CF\u52A0\u8F7D\u5931\u8D25: ".concat(_context.t0.detailText || '未知错误'),
+                  processingMessage: "\u56FE\u50CF\u52A0\u8F7D\u5931\u8D25: ".concat(_context.t0.detailText || '未知错误', "\uFF0C\u8BF7\u91CD\u65B0\u6253\u5F00\u8F6F\u4EF6"),
                   error: true
                 });
                 return _context.abrupt("return");
@@ -57398,7 +57645,7 @@ var CPRLayout = /*#__PURE__*/function (_Component) {
                 _context2.prev = 14;
                 _context2.t0 = _context2["catch"](3);
                 processing && this.setState({
-                  processingMessage: "\u56FE\u50CF\u52A0\u8F7D\u5931\u8D25: ".concat(_context2.t0.message || '未知错误'),
+                  processingMessage: "\u56FE\u50CF\u52A0\u8F7D\u5931\u8D25: ".concat(_context2.t0.message || '未知错误', "\uFF0C\u8BF7\u91CD\u65B0\u6253\u5F00\u8F6F\u4EF6"),
                   error: true
                 });
                 return _context2.abrupt("return");
@@ -57470,7 +57717,7 @@ var CPRLayout = /*#__PURE__*/function (_Component) {
           getCacheViewport = _this$props.getCacheViewport,
           onSyncOpen = _this$props.onSyncOpen; // 横断面
 
-      var transverseEle = /*#__PURE__*/React__default.createElement(_default$16, {
+      var transverseEle = /*#__PURE__*/React__default.createElement(_default$17, {
         stack: transverseStack,
         width: '60%',
         index: 0,
@@ -57485,7 +57732,7 @@ var CPRLayout = /*#__PURE__*/function (_Component) {
         getCacheViewport: getCacheViewport,
         availableToolsConfig: this.availableToolsConfig
       });
-      var cprEle = /*#__PURE__*/React__default.createElement(_default$16, {
+      var cprEle = /*#__PURE__*/React__default.createElement(_default$17, {
         stack: cprStack,
         width: '40%',
         index: 1,
@@ -57548,15 +57795,15 @@ defineProperty(CPRLayout, "propTypes", {});
   enterModule && enterModule(module);
 })();
 
-function ownKeys$G(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$H(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$H(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$G(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$I(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$H(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$3o = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3q = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
-var mapStateToProps$k = function mapStateToProps(state) {
+var mapStateToProps$l = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       currentSeries = _state$paladin$viewpo.currentSeries,
       surgeryActiveIndex = _state$paladin$viewpo.surgeryActiveIndex,
@@ -57570,8 +57817,8 @@ var mapStateToProps$k = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$j = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$H(_objectSpread$H(_objectSpread$H({}, propsFromState), ownProps), {}, {
+var mergeProps$k = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$I(_objectSpread$I(_objectSpread$I({}, propsFromState), ownProps), {}, {
     onViewPortCellClick: function onViewPortCellClick() {
       propsFromDispatch.setSurgeryActiveIndex.apply(propsFromDispatch, arguments);
     },
@@ -57584,10 +57831,10 @@ var mergeProps$j = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedCPRLayout = reactRedux.connect(mapStateToProps$k, {
+var ConnectedCPRLayout = reactRedux.connect(mapStateToProps$l, {
   setSurgeryActiveIndex: setSurgeryActiveIndex
-}, mergeProps$j)(CPRLayout);
-var _default$1a = ConnectedCPRLayout;
+}, mergeProps$k)(CPRLayout);
+var _default$1b = ConnectedCPRLayout;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -57596,10 +57843,10 @@ var _default$1a = ConnectedCPRLayout;
     return;
   }
 
-  reactHotLoader.register(mapStateToProps$k, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/CPRLayout/ConnectedCPRLayout.js");
-  reactHotLoader.register(mergeProps$j, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/CPRLayout/ConnectedCPRLayout.js");
+  reactHotLoader.register(mapStateToProps$l, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/CPRLayout/ConnectedCPRLayout.js");
+  reactHotLoader.register(mergeProps$k, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/CPRLayout/ConnectedCPRLayout.js");
   reactHotLoader.register(ConnectedCPRLayout, "ConnectedCPRLayout", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/CPRLayout/ConnectedCPRLayout.js");
-  reactHotLoader.register(_default$1a, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/CPRLayout/ConnectedCPRLayout.js");
+  reactHotLoader.register(_default$1b, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/CPRLayout/ConnectedCPRLayout.js");
 })();
 
 (function () {
@@ -57607,29 +57854,29 @@ var _default$1a = ConnectedCPRLayout;
   leaveModule && leaveModule(module);
 })();
 
-var css_248z$u = ".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$u);
-
-var css_248z$v = ".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";
+var css_248z$v = ".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$v);
 
+var css_248z$w = ".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$w);
+
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
 
-function _createSuper$1p(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1p(); 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$1q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1q(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1p() { 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$1q() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-var __signature__$3p = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3r = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var ThreeDLayout = /*#__PURE__*/function (_Component) {
   inherits(ThreeDLayout, _Component);
 
-  var _super = _createSuper$1p(ThreeDLayout);
+  var _super = _createSuper$1q(ThreeDLayout);
 
   function ThreeDLayout(props) {
     var _this;
@@ -57734,7 +57981,7 @@ var ThreeDLayout = /*#__PURE__*/function (_Component) {
                 _context.t0 = _context["catch"](0);
                 console.error(_context.t0);
                 this.setState({
-                  processingMessage: "\u56FE\u50CF\u52A0\u8F7D\u5931\u8D25: ".concat(_context.t0.detailText || '未知错误'),
+                  processingMessage: "\u56FE\u50CF\u52A0\u8F7D\u5931\u8D25: ".concat(_context.t0.detailText || '未知错误', "\uFF0C\u8BF7\u91CD\u65B0\u6253\u5F00\u8F6F\u4EF6"),
                   error: true
                 });
                 return _context.abrupt("return");
@@ -57845,7 +58092,7 @@ var ThreeDLayout = /*#__PURE__*/function (_Component) {
                 _context2.prev = 14;
                 _context2.t0 = _context2["catch"](3);
                 processing && this.setState({
-                  processingMessage: "\u56FE\u50CF\u52A0\u8F7D\u5931\u8D25: ".concat(_context2.t0.message || '未知错误'),
+                  processingMessage: "\u56FE\u50CF\u52A0\u8F7D\u5931\u8D25: ".concat(_context2.t0.message || '未知错误', "\uFF0C\u8BF7\u91CD\u65B0\u6253\u5F00\u8F6F\u4EF6"),
                   error: true
                 });
                 return _context2.abrupt("return");
@@ -57925,7 +58172,7 @@ var ThreeDLayout = /*#__PURE__*/function (_Component) {
       var sagittalIndex = mprPerspective === ImagePlanDirection.Transverse ? 1 : mprPerspective === ImagePlanDirection.Sagittal ? 0 : 2;
       var coronalIndex = mprPerspective === ImagePlanDirection.Transverse ? 2 : mprPerspective === ImagePlanDirection.Sagittal ? 1 : 0; // 横断面
 
-      var transverseEle = /*#__PURE__*/React__default.createElement(_default$16, {
+      var transverseEle = /*#__PURE__*/React__default.createElement(_default$17, {
         stack: transverseStack,
         index: transverseIndex,
         showOverlayText: showOverlayText,
@@ -57941,7 +58188,7 @@ var ThreeDLayout = /*#__PURE__*/function (_Component) {
         availableToolsConfig: this.availableToolsConfig
       }); // 矢状面
 
-      var sagittalEle = /*#__PURE__*/React__default.createElement(_default$16, {
+      var sagittalEle = /*#__PURE__*/React__default.createElement(_default$17, {
         stack: sagittalStack,
         index: sagittalIndex,
         showOverlayText: showOverlayText,
@@ -57957,7 +58204,7 @@ var ThreeDLayout = /*#__PURE__*/function (_Component) {
         availableToolsConfig: this.availableToolsConfig
       }); // 冠状面
 
-      var coronalEle = /*#__PURE__*/React__default.createElement(_default$16, {
+      var coronalEle = /*#__PURE__*/React__default.createElement(_default$17, {
         stack: coronalStack,
         index: coronalIndex,
         showOverlayText: showOverlayText,
@@ -58065,15 +58312,15 @@ defineProperty(ThreeDLayout, "propTypes", {});
   enterModule && enterModule(module);
 })();
 
-function ownKeys$H(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$I(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$I(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$H(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$J(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$I(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$3q = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3s = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
-var mapStateToProps$l = function mapStateToProps(state) {
+var mapStateToProps$m = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       currentSeries = _state$paladin$viewpo.currentSeries,
       mprActiveIndex = _state$paladin$viewpo.mprActiveIndex,
@@ -58089,8 +58336,8 @@ var mapStateToProps$l = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$k = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$I(_objectSpread$I(_objectSpread$I({}, propsFromState), ownProps), {}, {
+var mergeProps$l = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$J(_objectSpread$J(_objectSpread$J({}, propsFromState), ownProps), {}, {
     onViewPortCellClick: function onViewPortCellClick() {
       propsFromDispatch.setMprActiveIndex.apply(propsFromDispatch, arguments);
     },
@@ -58106,10 +58353,10 @@ var mergeProps$k = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedMPRLayout = reactRedux.connect(mapStateToProps$l, {
+var ConnectedMPRLayout = reactRedux.connect(mapStateToProps$m, {
   setMprActiveIndex: setMprActiveIndex
-}, mergeProps$k)(ThreeDLayout);
-var _default$1b = ConnectedMPRLayout;
+}, mergeProps$l)(ThreeDLayout);
+var _default$1c = ConnectedMPRLayout;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -58118,10 +58365,10 @@ var _default$1b = ConnectedMPRLayout;
     return;
   }
 
-  reactHotLoader.register(mapStateToProps$l, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/Connected3DLayout.js");
-  reactHotLoader.register(mergeProps$k, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/Connected3DLayout.js");
+  reactHotLoader.register(mapStateToProps$m, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/Connected3DLayout.js");
+  reactHotLoader.register(mergeProps$l, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/Connected3DLayout.js");
   reactHotLoader.register(ConnectedMPRLayout, "ConnectedMPRLayout", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/Connected3DLayout.js");
-  reactHotLoader.register(_default$1b, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/Connected3DLayout.js");
+  reactHotLoader.register(_default$1c, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/Connected3DLayout.js");
 })();
 
 (function () {
@@ -58140,18 +58387,18 @@ function _unsupportedIterableToArray$f(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$f(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$1q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1q(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1r(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1r(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1q() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1r() { 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 __signature__$3r = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3t = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var ThreeDLayout$1 = /*#__PURE__*/function (_Component) {
   inherits(ThreeDLayout, _Component);
 
-  var _super = _createSuper$1q(ThreeDLayout);
+  var _super = _createSuper$1r(ThreeDLayout);
 
   function ThreeDLayout(props) {
     var _this;
@@ -58236,7 +58483,7 @@ var ThreeDLayout$1 = /*#__PURE__*/function (_Component) {
                 _context.t0 = _context["catch"](0);
                 console.error(_context.t0);
                 this.setState({
-                  processingMessage: "\u56FE\u50CF\u52A0\u8F7D\u5931\u8D25: ".concat(_context.t0.detailText || '未知错误'),
+                  processingMessage: "\u56FE\u50CF\u52A0\u8F7D\u5931\u8D25: ".concat(_context.t0.detailText || '未知错误', "\uFF0C\u8BF7\u91CD\u65B0\u6253\u5F00\u8F6F\u4EF6"),
                   error: true
                 });
                 return _context.abrupt("return");
@@ -58340,7 +58587,7 @@ var ThreeDLayout$1 = /*#__PURE__*/function (_Component) {
                 _context2.prev = 14;
                 _context2.t0 = _context2["catch"](2);
                 this.setState({
-                  processingMessage: "\u56FE\u50CF\u52A0\u8F7D\u5931\u8D25: ".concat(_context2.t0.message || '未知错误'),
+                  processingMessage: "\u56FE\u50CF\u52A0\u8F7D\u5931\u8D25: ".concat(_context2.t0.message || '未知错误', " \uFF0C\u8BF7\u91CD\u65B0\u6253\u5F00\u8F6F\u4EF6"),
                   error: true
                 });
 
@@ -58399,7 +58646,7 @@ var ThreeDLayout$1 = /*#__PURE__*/function (_Component) {
         id: 'vrContainer'
       }), /*#__PURE__*/React__default.createElement("div", {
         className: " paladin-three-width-50"
-      }, instanceImages && /*#__PURE__*/React__default.createElement(_default$1b, {
+      }, instanceImages && /*#__PURE__*/React__default.createElement(_default$1c, {
         VR: true,
         showProcessing: false
       }))) : /*#__PURE__*/React__default.createElement("div", {
@@ -58409,7 +58656,7 @@ var ThreeDLayout$1 = /*#__PURE__*/function (_Component) {
         id: 'vrContainer'
       }), /*#__PURE__*/React__default.createElement("div", {
         className: " paladin-three-height-50"
-      }, instanceImages && /*#__PURE__*/React__default.createElement(_default$1b, {
+      }, instanceImages && /*#__PURE__*/React__default.createElement(_default$1c, {
         VR: true,
         showProcessing: false
       }))));
@@ -58448,27 +58695,27 @@ defineProperty(ThreeDLayout$1, "propTypes", {});
   enterModule && enterModule(module);
 })();
 
-function ownKeys$I(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$J(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$J(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$I(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$K(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$J(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$J(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$3s = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3u = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
-var mapStateToProps$m = function mapStateToProps(state) {
+var mapStateToProps$n = function mapStateToProps(state) {
   var currentSeries = state.paladin.viewport.currentSeries;
   return {
     currentSeries: currentSeries
   };
 };
 
-var mergeProps$l = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$J(_objectSpread$J({}, propsFromState), ownProps);
+var mergeProps$m = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$K(_objectSpread$K({}, propsFromState), ownProps);
 };
 
-var ConnectedVR = reactRedux.connect(mapStateToProps$m, {}, mergeProps$l)(ThreeDLayout$1);
-var _default$1c = ConnectedVR;
+var ConnectedVR = reactRedux.connect(mapStateToProps$n, {}, mergeProps$m)(ThreeDLayout$1);
+var _default$1d = ConnectedVR;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -58477,10 +58724,10 @@ var _default$1c = ConnectedVR;
     return;
   }
 
-  reactHotLoader.register(mapStateToProps$m, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/ConnectedVR.js");
-  reactHotLoader.register(mergeProps$l, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/ConnectedVR.js");
+  reactHotLoader.register(mapStateToProps$n, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/ConnectedVR.js");
+  reactHotLoader.register(mergeProps$m, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/ConnectedVR.js");
   reactHotLoader.register(ConnectedVR, "ConnectedVR", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/ConnectedVR.js");
-  reactHotLoader.register(_default$1c, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/ConnectedVR.js");
+  reactHotLoader.register(_default$1d, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/ConnectedVR.js");
 })();
 
 (function () {
@@ -58493,18 +58740,18 @@ var _default$1c = ConnectedVR;
   enterModule && enterModule(module);
 })();
 
-function _createSuper$1r(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1r(); 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$1s(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1s(); 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$1r() { 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$1s() { 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 __signature__$3t = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3v = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var MIPLayout = /*#__PURE__*/function (_Component) {
   inherits(MIPLayout, _Component);
 
-  var _super = _createSuper$1r(MIPLayout);
+  var _super = _createSuper$1s(MIPLayout);
 
   function MIPLayout(props) {
     var _this;
@@ -58575,7 +58822,7 @@ var MIPLayout = /*#__PURE__*/function (_Component) {
                 _context.t0 = _context["catch"](0);
                 console.error(_context.t0);
                 this.setState({
-                  processingMessage: "\u56FE\u50CF\u52A0\u8F7D\u5931\u8D25: ".concat(_context.t0.detailText || '未知错误'),
+                  processingMessage: "\u56FE\u50CF\u52A0\u8F7D\u5931\u8D25: ".concat(_context.t0.detailText || '未知错误', "\uFF0C\u8BF7\u91CD\u65B0\u6253\u5F00\u8F6F\u4EF6"),
                   error: true
                 });
                 return _context.abrupt("return");
@@ -58656,7 +58903,7 @@ var MIPLayout = /*#__PURE__*/function (_Component) {
                 _context2.prev = 14;
                 _context2.t0 = _context2["catch"](2);
                 this.setState({
-                  processingMessage: "\u56FE\u50CF\u52A0\u8F7D\u5931\u8D25: ".concat(_context2.t0.message || '未知错误'),
+                  processingMessage: "\u56FE\u50CF\u52A0\u8F7D\u5931\u8D25: ".concat(_context2.t0.message || '未知错误', "\uFF0C\u8BF7\u91CD\u65B0\u6253\u5F00\u8F6F\u4EF6"),
                   error: true
                 });
 
@@ -58749,29 +58996,29 @@ defineProperty(MIPLayout, "propTypes", {});
   enterModule && enterModule(module);
 })();
 
-function ownKeys$J(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$K(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$K(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$J(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$J(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$L(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$K(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$3u = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3w = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
-var mapStateToProps$n = function mapStateToProps(state) {
+var mapStateToProps$o = function mapStateToProps(state) {
   var currentSeries = state.paladin.viewport.currentSeries;
   return {
     currentSeries: currentSeries
   };
 };
 
-var mergeProps$m = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$K(_objectSpread$K(_objectSpread$K({}, propsFromState), propsFromDispatch), ownProps);
+var mergeProps$n = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$L(_objectSpread$L(_objectSpread$L({}, propsFromState), propsFromDispatch), ownProps);
 };
 
-var ConnectedMIP = reactRedux.connect(mapStateToProps$n, {
+var ConnectedMIP = reactRedux.connect(mapStateToProps$o, {
   set3DActiveTool: set3DActiveTool
-}, mergeProps$m)(MIPLayout);
-var _default$1d = ConnectedMIP;
+}, mergeProps$n)(MIPLayout);
+var _default$1e = ConnectedMIP;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -58780,10 +59027,10 @@ var _default$1d = ConnectedMIP;
     return;
   }
 
-  reactHotLoader.register(mapStateToProps$n, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/ConnectedMIP.js");
-  reactHotLoader.register(mergeProps$m, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/ConnectedMIP.js");
+  reactHotLoader.register(mapStateToProps$o, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/ConnectedMIP.js");
+  reactHotLoader.register(mergeProps$n, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/ConnectedMIP.js");
   reactHotLoader.register(ConnectedMIP, "ConnectedMIP", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/ConnectedMIP.js");
-  reactHotLoader.register(_default$1d, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/ConnectedMIP.js");
+  reactHotLoader.register(_default$1e, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/ConnectedMIP.js");
 })();
 
 (function () {
@@ -58796,7 +59043,7 @@ var _default$1d = ConnectedMIP;
   enterModule && enterModule(module);
 })();
 
-var __signature__$3v = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3x = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -58833,11 +59080,11 @@ function colorMapFix(viewportData) {
   enterModule && enterModule(module);
 })();
 
-function ownKeys$K(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$L(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$L(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$K(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$M(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$L(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$L(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$3w = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3y = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 /**
@@ -58845,7 +59092,7 @@ var __signature__$3w = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoa
  *
  */
 
-var mapStateToProps$o = function mapStateToProps(state) {
+var mapStateToProps$p = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       imageActiveIndex = _state$paladin$viewpo.imageActiveIndex,
       linkImageIndex = _state$paladin$viewpo.linkImageIndex,
@@ -58908,7 +59155,7 @@ var mapDispatchToProps$5 = function mapDispatchToProps(dispatch) {
   };
 };
 
-var mergeProps$n = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$o = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var imageActiveIndex = propsFromState.imageActiveIndex,
       linkImageIndex = propsFromState.linkImageIndex,
       activeIndex = propsFromState.activeIndex,
@@ -58943,7 +59190,7 @@ var mergeProps$n = function mergeProps(propsFromState, propsFromDispatch, ownPro
   var endIndex = startIndex + onePageCount;
   var series = allSeries.slice(startIndex, endIndex);
   var showVerticalScroll = series && series.length / col > row;
-  return _objectSpread$L(_objectSpread$L(_objectSpread$L(_objectSpread$L({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$M(_objectSpread$M(_objectSpread$M(_objectSpread$M({}, ownProps), propsFromState), propsFromDispatch), {}, {
     currentScrollLine: currentScrollLineImage,
     series: series,
     activeIndex: imageActiveIndex,
@@ -59057,8 +59304,8 @@ var mergeProps$n = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomAllImageModeLayout = reactRedux.connect(mapStateToProps$o, mapDispatchToProps$5, mergeProps$n)(DicomLayout);
-var _default$1e = ConnectedDicomAllImageModeLayout;
+var ConnectedDicomAllImageModeLayout = reactRedux.connect(mapStateToProps$p, mapDispatchToProps$5, mergeProps$o)(DicomLayout);
+var _default$1f = ConnectedDicomAllImageModeLayout;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -59067,11 +59314,11 @@ var _default$1e = ConnectedDicomAllImageModeLayout;
     return;
   }
 
-  reactHotLoader.register(mapStateToProps$o, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomAllImageModeLayout.js");
+  reactHotLoader.register(mapStateToProps$p, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomAllImageModeLayout.js");
   reactHotLoader.register(mapDispatchToProps$5, "mapDispatchToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomAllImageModeLayout.js");
-  reactHotLoader.register(mergeProps$n, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomAllImageModeLayout.js");
+  reactHotLoader.register(mergeProps$o, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomAllImageModeLayout.js");
   reactHotLoader.register(ConnectedDicomAllImageModeLayout, "ConnectedDicomAllImageModeLayout", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomAllImageModeLayout.js");
-  reactHotLoader.register(_default$1e, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomAllImageModeLayout.js");
+  reactHotLoader.register(_default$1f, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomAllImageModeLayout.js");
 })();
 
 (function () {
@@ -59090,11 +59337,11 @@ function _unsupportedIterableToArray$g(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$g(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$1s(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1s(); 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$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$1s() { 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$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 __signature__$3x = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3z = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -59144,7 +59391,7 @@ index$1.configure({
 var DicomView = /*#__PURE__*/function (_Component) {
   inherits(DicomView, _Component);
 
-  var _super = _createSuper$1s(DicomView);
+  var _super = _createSuper$1t(DicomView);
 
   function DicomView(props) {
     var _this;
@@ -59609,7 +59856,7 @@ var DicomView = /*#__PURE__*/function (_Component) {
       };
       var DicomTool = /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-dicomView-dicomToolWrapper"
-      }, /*#__PURE__*/React__default.createElement(_default$11, {
+      }, /*#__PURE__*/React__default.createElement(_default$12, {
         isMobile: isMobile,
         toolSortChange: this.props.toolSortChange,
         operateServerToolState: this.props.operateServerToolState,
@@ -59619,19 +59866,19 @@ var DicomView = /*#__PURE__*/function (_Component) {
         study: this.state.study,
         windowLayoutType: this.props.windowLayoutType
       }));
-      var DicomLayout = /*#__PURE__*/React__default.createElement(DicomLayoutContainerWrap, null, viewMode === '2D' && this.props.mode === 'seriesMode' && /*#__PURE__*/React__default.createElement(_default$17, {
+      var DicomLayout = /*#__PURE__*/React__default.createElement(DicomLayoutContainerWrap, null, viewMode === '2D' && this.props.mode === 'seriesMode' && /*#__PURE__*/React__default.createElement(_default$18, {
         series: this.props.series,
         showAIResult: this.props.showAIResult,
         onResizeEmit: this.props.onResizeEmit
-      }), viewMode === '2D' && this.props.mode === 'imageMode' && /*#__PURE__*/React__default.createElement(_default$18, {
+      }), viewMode === '2D' && this.props.mode === 'imageMode' && /*#__PURE__*/React__default.createElement(_default$19, {
         onResizeEmit: this.props.onResizeEmit
-      }), viewMode === '2D' && this.props.mode === 'allImageMode' && /*#__PURE__*/React__default.createElement(_default$1e, {
+      }), viewMode === '2D' && this.props.mode === 'allImageMode' && /*#__PURE__*/React__default.createElement(_default$1f, {
         study: this.state.study,
         onResizeEmit: this.props.onResizeEmit
-      }), viewMode === 'MPR' && /*#__PURE__*/React__default.createElement(_default$1b, null), viewMode === 'VR' && /*#__PURE__*/React__default.createElement(_default$1c, null), viewMode === 'Surgery' && /*#__PURE__*/React__default.createElement(_default$19, null), viewMode === 'MIP' && /*#__PURE__*/React__default.createElement(_default$1d, null), viewMode === 'CPR' && /*#__PURE__*/React__default.createElement(_default$1a, null));
+      }), viewMode === 'MPR' && /*#__PURE__*/React__default.createElement(_default$1c, null), viewMode === 'VR' && /*#__PURE__*/React__default.createElement(_default$1d, null), viewMode === 'Surgery' && /*#__PURE__*/React__default.createElement(_default$1a, null), viewMode === 'MIP' && /*#__PURE__*/React__default.createElement(_default$1e, null), viewMode === 'CPR' && /*#__PURE__*/React__default.createElement(_default$1b, null));
       var DicomThumbnail = /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-dicomView-dicomThumbnailWrapper"
-      }, /*#__PURE__*/React__default.createElement(_default$13, {
+      }, /*#__PURE__*/React__default.createElement(_default$14, {
         isMobile: isMobile,
         study: this.state.study
       }));
@@ -59720,16 +59967,16 @@ function _unsupportedIterableToArray$h(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$h(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$L(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$M(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$M(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$L(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$L(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$N(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$M(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$M(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$3y = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3A = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var scroll = _default$E.importInternal('util/scroll');
 
-var mapStateToProps$p = function mapStateToProps(state) {
+var mapStateToProps$q = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       activeIndex = _state$paladin$viewpo.activeIndex,
       imageActiveIndex = _state$paladin$viewpo.imageActiveIndex,
@@ -59793,7 +60040,7 @@ var mapStateToProps$p = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$o = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$p = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var activeIndex = propsFromState.activeIndex,
       imageActiveIndex = propsFromState.imageActiveIndex,
       MPR = propsFromState.MPR,
@@ -59846,7 +60093,7 @@ var mergeProps$o = function mergeProps(propsFromState, propsFromDispatch, ownPro
    */
 
 
-  return _objectSpread$M(_objectSpread$M(_objectSpread$M({}, ownProps), propsFromState), {}, {
+  return _objectSpread$N(_objectSpread$N(_objectSpread$N({}, ownProps), propsFromState), {}, {
     showDicomThumbnail: showDicomThumbnail,
     viewMode: viewMode,
     keyMap: {
@@ -60265,7 +60512,7 @@ var mergeProps$o = function mergeProps(propsFromState, propsFromDispatch, ownPro
                     imageIds.push(imageId);
                   }
 
-                  series[i] = _objectSpread$M(_objectSpread$M({}, item), {}, {
+                  series[i] = _objectSpread$N(_objectSpread$N({}, item), {}, {
                     imageIds: imageIds,
                     numberOfSeriesRelatedInstances: numFrames,
                     isMultiFrame: true
@@ -60330,7 +60577,7 @@ var mergeProps$o = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
                 callback && callback({
                   hasChange: hasMultiFrame,
-                  study: [_objectSpread$M(_objectSpread$M({}, ownProps.study[0]), {}, {
+                  study: [_objectSpread$N(_objectSpread$N({}, ownProps.study[0]), {}, {
                     series: series
                   })]
                 }); // 如果有frameTime的话设置fps
@@ -60405,7 +60652,7 @@ var mergeProps$o = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomView = reactRedux.connect(mapStateToProps$p, {
+var ConnectedDicomView = reactRedux.connect(mapStateToProps$q, {
   initSeries: initSeries,
   addSeries: addSeries,
   setCurrentSeries: setCurrentSeries,
@@ -60426,7 +60673,7 @@ var ConnectedDicomView = reactRedux.connect(mapStateToProps$p, {
   closeIO: closeIO,
   setActiveTool: setActiveTool,
   setCineFps: setCineFps
-}, mergeProps$o, withRef())(DicomView);
+}, mergeProps$p, withRef())(DicomView);
 
 function withRef() {
   var reactReduxVersion = package_json.version.split('.')[0];
@@ -60442,7 +60689,7 @@ function withRef() {
   }
 }
 
-var _default$1f = ConnectedDicomView;
+var _default$1g = ConnectedDicomView;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -60452,11 +60699,11 @@ var _default$1f = ConnectedDicomView;
   }
 
   reactHotLoader.register(scroll, "scroll", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/ConnectedDicomView.js");
-  reactHotLoader.register(mapStateToProps$p, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/ConnectedDicomView.js");
-  reactHotLoader.register(mergeProps$o, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/ConnectedDicomView.js");
+  reactHotLoader.register(mapStateToProps$q, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/ConnectedDicomView.js");
+  reactHotLoader.register(mergeProps$p, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/ConnectedDicomView.js");
   reactHotLoader.register(ConnectedDicomView, "ConnectedDicomView", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/ConnectedDicomView.js");
   reactHotLoader.register(withRef, "withRef", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/ConnectedDicomView.js");
-  reactHotLoader.register(_default$1f, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/ConnectedDicomView.js");
+  reactHotLoader.register(_default$1g, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/ConnectedDicomView.js");
 })();
 
 (function () {
@@ -60469,7 +60716,7 @@ var _default$1f = ConnectedDicomView;
   enterModule && enterModule(module);
 })();
 
-var __signature__$3z = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3B = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var domId = "paladinOutputMock";
@@ -60626,13 +60873,13 @@ function removeDom(id) {
   enterModule && enterModule(module);
 })();
 
-var __signature__$3A = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3C = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var paladinUtils = {
   getMultiImageDataFromWodo: getMultiImageDataFromWodo
 };
-var _default$1g = _default$1f;
+var _default$1h = _default$1g;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -60642,7 +60889,7 @@ var _default$1g = _default$1f;
   }
 
   reactHotLoader.register(paladinUtils, "paladinUtils", "/Users/huyeqing/workspace/chainz/paladin/src/index.js");
-  reactHotLoader.register(_default$1g, "default", "/Users/huyeqing/workspace/chainz/paladin/src/index.js");
+  reactHotLoader.register(_default$1h, "default", "/Users/huyeqing/workspace/chainz/paladin/src/index.js");
 })();
 
 (function () {
@@ -60651,7 +60898,7 @@ var _default$1g = _default$1f;
 })();
 
 exports.cornerstoneUtils = index;
-exports.default = _default$1g;
+exports.default = _default$1h;
 exports.paladinUtils = paladinUtils;
 exports.reducers = _default$J;
 //# sourceMappingURL=index.js.map