hellfire 0.21.4 → 0.22.2

package/dist/index.js

@@ -114,7 +114,7 @@ var vrPhoneTools = ["MprExit", "VRMode", "VRPresentColor", "VRCenterPointShow",
 var surgeryTools = ["SurgeryExit", "CentesisStart", "CentesisEnd", "CentesisSave", "PrevNext", "StackScroll", "Wwwc", "Zoom", "Pan", "Reset", "Rotate", "Tool", "Length", "Fullscreen"];
 var surgeryPhoneTools = ["SurgeryExit", "CentesisStart", "CentesisEnd", "CentesisSave", "Prev", "Next", "StackScroll", "Wwwc", "Zoom", "Pan", "Reset", "Rotate", "Tool", "Length"]; // MIP 允许使用的工具, 及其排序
 
-var mipTools = ["MprExit", "MipWWWc", "MipRotate", "MipZoom", "VRDirection", "VRRefresh"]; // 初始化时工具栏平铺or单列
+var mipTools = ["MprExit", "MipWWWc", "MipRotate", "MipZoom", "VRDirection", "VRCine", "VRRefresh"]; // 初始化时工具栏平铺or单列
 
 var initToolMode = 'flatten';
 var localToolMode = window.localStorage.getItem('hellfire-custom-toolMode');
@@ -681,6 +681,11 @@ var MessagerKeys = {
    */
   MipEyeSightDirection: "d",
 
+  /**
+   * 视角旋转
+   */
+  MipCameraRotate: "e",
+
   /**
    * 重置MPR
    */
@@ -1097,7 +1102,8 @@ var SET_CENTESIS_PATH = 'SET_CENTESIS_PATH';
 var SET_IO_ON = 'SET_IO_ON';
 var SET_IO_OFF = 'SET_IO_OFF';
 var SET_VIEW_MODE = 'SET_VIEW_MODE';
-var SET_MIP_ACTIVE_TOOL = 'SET_MIP_ACTIVE_TOOL'; // ---------- Reducers ----------
+var SET_MIP_ACTIVE_TOOL = 'SET_MIP_ACTIVE_TOOL';
+var SET_ACTION_STATE_KEY = 'SET_ACTION_STATE_KEY'; // ---------- Reducers ----------
 
 var isMobile = _default$3.isDeviceTypeMobile();
 var initialState$1 = {
@@ -1128,7 +1134,10 @@ var initialState$1 = {
   CentesisEnd: false,
   centesisPath: [],
   VRClip: false,
-  IO: false
+  IO: false,
+  VRCine: null,
+  VRCineFps: 3,
+  VRCineAngle: 20
 };
 
 var _default$4 = function _default() {
@@ -1270,6 +1279,11 @@ var _default$4 = function _default() {
         });
       }
 
+    case SET_ACTION_STATE_KEY:
+      {
+        return _objectSpread$1(_objectSpread$1({}, state), {}, defineProperty({}, action.payload.key, action.payload.value));
+      }
+
     default:
       {
         return state;
@@ -1376,6 +1390,12 @@ function closeIO() {
     type: SET_IO_OFF
   };
 }
+function setActionStateByKey(payload) {
+  return {
+    type: SET_ACTION_STATE_KEY,
+    payload: payload
+  };
+}
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -1397,6 +1417,7 @@ function closeIO() {
   reactHotLoader.register(SET_IO_OFF, "SET_IO_OFF", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/redux/tools/action.js");
   reactHotLoader.register(SET_VIEW_MODE, "SET_VIEW_MODE", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/redux/tools/action.js");
   reactHotLoader.register(SET_MIP_ACTIVE_TOOL, "SET_MIP_ACTIVE_TOOL", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/redux/tools/action.js");
+  reactHotLoader.register(SET_ACTION_STATE_KEY, "SET_ACTION_STATE_KEY", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/redux/tools/action.js");
   reactHotLoader.register(isMobile, "isMobile", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/redux/tools/action.js");
   reactHotLoader.register(initialState$1, "initialState", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/redux/tools/action.js");
   reactHotLoader.register(setActiveTool, "setActiveTool", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/redux/tools/action.js");
@@ -1412,6 +1433,7 @@ function closeIO() {
   reactHotLoader.register(setCentesisPath, "setCentesisPath", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/redux/tools/action.js");
   reactHotLoader.register(openIO, "openIO", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/redux/tools/action.js");
   reactHotLoader.register(closeIO, "closeIO", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/redux/tools/action.js");
+  reactHotLoader.register(setActionStateByKey, "setActionStateByKey", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/redux/tools/action.js");
   reactHotLoader.register(_default$4, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/redux/tools/action.js");
 })();
 
@@ -14178,6 +14200,10 @@ var ImageProcessorWorkerBase = /*#__PURE__*/function () {
         throw new InvalidImageException("LoadImage 参数不能为空.");
       }
 
+      if (param.images.length <= 3) {
+        throw new LoadImageException("序列影像数必须多于3张");
+      }
+
       if (!ImageProcessorWorkerBase.canImagesProcess(param.images)) {
         throw new InvalidImageException("该序列中影像参数不一致[如 宽/高/方位].");
       }
@@ -14186,7 +14212,6 @@ var ImageProcessorWorkerBase = /*#__PURE__*/function () {
 
       try {
         if (param.images === undefined) throw new LoadImageException("LoadImage 参数不能为空");
-        if (param.images.length <= 3) throw new LoadImageException("序列影像数不能少于3张");
         var logger = new RuntimeLogger(this.loadImages.name);
         this.init(param);
         this.loadImagesInternal(ImageProcessorWorkerBase.converToImageModel(param.images), param);
@@ -14493,13 +14518,31 @@ var ImageProcessorWorkerBase = /*#__PURE__*/function () {
   }], [{
     key: "canImagesProcess",
     value: function canImagesProcess(images) {
-      if (!images || images.length < 3) return false;
       var imageModels = ImageProcessorWorkerBase.converToImageModel(images, false);
       var firstImage = imageModels[0];
 
       for (var i = 1; i < imageModels.length; i++) {
         var checkImage = imageModels[i];
-        if (firstImage.imageWidth !== checkImage.imageWidth || firstImage.imageHeight !== checkImage.imageHeight || Math.abs(firstImage.orientation[0] - checkImage.orientation[0]) > 0.0001 || Math.abs(firstImage.orientation[1] - checkImage.orientation[1]) > 0.0001 || Math.abs(firstImage.orientation[2] - checkImage.orientation[2]) > 0.0001 || Math.abs(firstImage.orientation[3] - checkImage.orientation[3]) > 0.0001 || Math.abs(firstImage.orientation[4] - checkImage.orientation[4]) > 0.0001 || Math.abs(firstImage.orientation[5] - checkImage.orientation[5]) > 0.0001) return false;
+
+        if (!firstImage.imageWidth || !firstImage.imageHeight || !checkImage.imageWidth || !checkImage.imageHeight) {
+          console.log('[vtk - image process check] 宽高缺失');
+          return false;
+        }
+
+        if (!firstImage.orientation || !checkImage.orientation) {
+          console.log('[vtk - image process check] 方位缺失');
+          return false;
+        }
+
+        if (firstImage.imageWidth !== checkImage.imageWidth || firstImage.imageHeight !== checkImage.imageHeight) {
+          console.log('[vtk - image process check] 宽高不一致');
+          return false;
+        }
+
+        if (Math.abs(firstImage.orientation[0] - checkImage.orientation[0]) > 0.0001 || Math.abs(firstImage.orientation[1] - checkImage.orientation[1]) > 0.0001 || Math.abs(firstImage.orientation[2] - checkImage.orientation[2]) > 0.0001 || Math.abs(firstImage.orientation[3] - checkImage.orientation[3]) > 0.0001 || Math.abs(firstImage.orientation[4] - checkImage.orientation[4]) > 0.0001 || Math.abs(firstImage.orientation[5] - checkImage.orientation[5]) > 0.0001) {
+          console.log('[vtk - image process check] 方位不一致');
+          return false;
+        }
       }
 
       return true;
@@ -18946,6 +18989,20 @@ var MipActionParameterImpl = /*#__PURE__*/function (_ActionParameter) {
         direction: _default$q.Posterior
       });
     }
+    /**
+     *  旋转角度
+     *  1.direction 水平 / 垂直
+     *  2.angle 旋转角度
+     */
+
+  }, {
+    key: "viewCameraRotate",
+    value: function viewCameraRotate(direction, angle) {
+      Messager.Instance.call(MessagerKeys.MipCameraRotate, this.messageGroupId, {
+        direction: direction,
+        angle: angle
+      });
+    }
     /**
      * 【可用】隐藏中心点
      */
@@ -19465,6 +19522,30 @@ var CameraEyeSightHelper_RALP = /*#__PURE__*/function (_CameraEyeSightHelper) {
       camera.roll(90);
       camera.azimuth(-90);
     }
+    /**
+     * 垂直方向旋转
+     */
+
+  }, {
+    key: "rotateVertical",
+    value: function rotateVertical(camera, angle) {
+      camera.roll(-90.1);
+      camera.azimuth(-90.1);
+      camera.azimuth(angle);
+      camera.roll(90.1);
+    }
+    /**
+     * 水平方向旋转
+     */
+
+  }, {
+    key: "rotateHorizon",
+    value: function rotateHorizon(camera, angle) {
+      camera.roll(-90.1);
+      camera.azimuth(-90.1);
+      camera.roll(90.1);
+      camera.azimuth(-angle);
+    }
   }, {
     key: "__reactstandin__regenerateByEval",
     // @ts-ignore
@@ -19584,6 +19665,29 @@ var CameraEyeSightHelper_AHPF = /*#__PURE__*/function (_CameraEyeSightHelper) {
       camera.azimuth(90);
       camera.roll(-180);
     }
+    /**
+     * 垂直方向旋转
+     */
+
+  }, {
+    key: "rotateVertical",
+    value: function rotateVertical(camera, angle) {
+      camera.azimuth(-180.1);
+      camera.roll(90.1);
+      camera.azimuth(angle);
+      camera.roll(90.1);
+    }
+    /**
+     * 水平方向旋转
+     */
+
+  }, {
+    key: "rotateHorizon",
+    value: function rotateHorizon(camera, angle) {
+      camera.azimuth(-180.1);
+      camera.roll(180.1);
+      camera.azimuth(-angle);
+    }
   }, {
     key: "__reactstandin__regenerateByEval",
     // @ts-ignore
@@ -19704,6 +19808,30 @@ var CameraEyeSightHelper_RHLF = /*#__PURE__*/function (_CameraEyeSightHelper) {
     value: function switchToPosterior(camera) {
       camera.roll(180);
     }
+    /**
+     * 垂直方向旋转
+     */
+
+  }, {
+    key: "rotateVertical",
+    value: function rotateVertical(camera, angle) {
+      camera.roll(-90.1);
+      camera.azimuth(-90.1);
+      camera.azimuth(angle);
+      camera.roll(-90.1);
+    }
+    /**
+     * 水平方向旋转
+     */
+
+  }, {
+    key: "rotateHorizon",
+    value: function rotateHorizon(camera, angle) {
+      camera.roll(-90.1);
+      camera.azimuth(-90.1);
+      camera.roll(-90.1);
+      camera.azimuth(-angle);
+    }
   }, {
     key: "__reactstandin__regenerateByEval",
     // @ts-ignore
@@ -19828,6 +19956,25 @@ var CameraHelper = /*#__PURE__*/function () {
       if (!func) return;
       func.switchTo(direction, camera);
     }
+    /**
+     * rotate
+     */
+
+  }, {
+    key: "rotateTo",
+    value: function rotateTo(camera, direction, angle) {
+      this.resetCameraPosition(camera);
+
+      var func = CameraHelper._eyeSightFuncs.get(this.imageViewDirection);
+
+      if (!func) return;
+
+      if (direction === 'vertical') {
+        func.rotateVertical(camera, angle);
+      } else {
+        func.rotateHorizon(camera, angle);
+      }
+    }
   }, {
     key: "__reactstandin__regenerateByEval",
     // @ts-ignore
@@ -20840,9 +20987,10 @@ var MipImageProcessorWorkerImpl = /*#__PURE__*/function (_ImageProcessorWorker)
                 Messager.Instance.unregist(_default$1.MessagerKeys.GlobalAddOperationPath, _default$1.MessagerKeys.Empty);
                 Messager.Instance.unregist(_default$1.MessagerKeys.GlobalRemoveOperationPath, _default$1.MessagerKeys.Empty);
                 Messager.Instance.unregist(_default$1.MessagerKeys.GlobalClearOperationPath, _default$1.MessagerKeys.Empty);
+                Messager.Instance.unregist(_default$1.MessagerKeys.MipCameraRotate, this.messageGroupId);
                 this.releaseVTKComponent();
 
-              case 22:
+              case 23:
               case "end":
                 return _context4.stop();
             }
@@ -21192,6 +21340,20 @@ var MipImageProcessorWorkerImpl = /*#__PURE__*/function (_ImageProcessorWorker)
       });
       /*Messager.Instance.regist(MessagerKeys.MessagerKeys.GlobalClearOperationPath, MessagerKeys.MessagerKeys.Empty,
           param => this.clearOperationPath());*/
+
+      Messager.Instance.regist(_default$1.MessagerKeys.MipCameraRotate, this.messageGroupId, function (param) {
+        _this3.cameraHelper.rotateTo(_this3.renderer.getActiveCamera(), param.direction, param.angle);
+
+        if (_this3.orientationMarkerWidget) _this3.orientationMarkerWidget.updateMarkerOrientation();
+
+        if (_this3.renderer) {
+          _this3.renderer.resetCameraClippingRange();
+
+          _this3.renderer.updateLightGeometry();
+        }
+
+        _this3.renderWindow.render();
+      });
     }
     /**
      * 窗宽窗位
@@ -28833,7 +28995,7 @@ var __signature__$1R = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoa
 };
 var external$p = cornerstoneTools.external;
 
-function changeThickness(imageId, value, mpr, type) {
+function changeThickness(imageId, value, mpr, type, imageProcessType) {
   var _imageId$split = imageId.split(':'),
       _imageId$split2 = slicedToArray(_imageId$split, 4),
       scheme = _imageId$split2[0],
@@ -28841,7 +29003,7 @@ function changeThickness(imageId, value, mpr, type) {
       imageOrientationPatient = _imageId$split2[2],
       imagePositionPatient = _imageId$split2[3];
 
-  var mprWorker = _default$s.getWorkerFromCache(seriesNumber, ImageProcessType.MPR);
+  var mprWorker = _default$s.getWorkerFromCache(seriesNumber, imageProcessType || ImageProcessType.MPR);
 
   var _imageOrientationPatient = mpr || Number(imageOrientationPatient);
 
@@ -28867,12 +29029,15 @@ function changeThickness(imageId, value, mpr, type) {
     lodash$1.forEach(mprElements, function (item) {
       var classname = 'cornerstone-mpr-' + item;
       var element = document.getElementsByClassName(classname)[0];
-      external$p.cornerstone.updateImage(element, true);
+
+      if (element) {
+        external$p.cornerstone.updateImage(element, true);
+      }
     });
   }
 }
 
-function setThickness(imageId) {
+function setThickness(imageId, imageProcessType) {
   var _imageId$split3 = imageId.split(':'),
       _imageId$split4 = slicedToArray(_imageId$split3, 4),
       scheme = _imageId$split4[0],
@@ -28880,8 +29045,11 @@ function setThickness(imageId) {
       imageOrientationPatient = _imageId$split4[2],
       imagePositionPatient = _imageId$split4[3];
 
-  var mprWorker = _default$s.getWorkerFromCache(seriesNumber, ImageProcessType.MPR);
-  return mprWorker.ActionParameter.parameter(imageOrientationPatient).sliceThickness;
+  var mprWorker = _default$s.getWorkerFromCache(seriesNumber, imageProcessType || ImageProcessType.MPR);
+
+  if (mprWorker) {
+    return mprWorker.ActionParameter.parameter(imageOrientationPatient).sliceThickness;
+  }
 }
 
 (function () {
@@ -40979,7 +41147,7 @@ var Cine = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/React__default.createElement(Col, {
         xs: 2,
         className: "paladin-cine-label"
-      }, "\u5E27\u6570"), /*#__PURE__*/React__default.createElement(Col, {
+      }, "\u5E27\u901F"), /*#__PURE__*/React__default.createElement(Col, {
         xs: 8,
         className: "paladin-cine-input"
       }, /*#__PURE__*/React__default.createElement(Input$1, {
@@ -41991,7 +42159,7 @@ var _default$X = ConnectedVRMode;
   leaveModule && leaveModule(module);
 })();
 
-var css_248z$d = ".paladin-tool-go-flatten {\n  cursor: pointer;\n  font-size: 12px;\n  height: 32px;\n  text-align: center;\n  border-bottom: 1px solid #fff;\n  background: #353535;\n  position: relative;\n  z-index: 999;\n  color: #fff;\n}\n.paladin-tool-go-flatten svg {\n  width: 7px !important;\n  color: #fff;\n}\n.paladin-tool-go-flatten:hover {\n  background: #d4d4d4;\n}\n.paladin-tool-go-flatten:hover svg {\n  color: #333;\n}\n.paladin-tool-go-line {\n  cursor: pointer;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  right: 0;\n  margin-top: 6px;\n  height: 34px;\n}\n.paladin-tool-go-line .paladin-full-content {\n  width: 24px;\n}\n.paladin-tool-go-line svg {\n  width: 8px !important;\n  color: #fff;\n}\n.paladin-tool-go-line:hover {\n  background: #d4d4d4;\n}\n.paladin-tool-go-line:hover svg {\n  color: #333;\n}\n.paladin-tool-item {\n  background: #fff;\n  padding: 5px 0;\n  min-width: 160px;\n  max-width: 280px;\n}\n.paladin-tool-lg-content {\n  border-bottom: 1px solid #5b5b5b;\n}\n.paladin-tool-lg-content .paladin-tool-lg-item {\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  flex: 1;\n  border-top: 1px solid #5b5b5b;\n  color: #b0b0b0;\n  font-size: 12px;\n  text-align: center;\n  padding: 8px 10px;\n  cursor: pointer;\n}\n.paladin-tool-lg-content .paladin-tool-lg-item:last-child {\n  border-left: 1px solid #5b5b5b;\n}\n.paladin-tool-lg-content .paladin-tool-lg-item:hover {\n  color: #fff;\n}\n.paladin-tool-lg-content .paladin-tool-lg-item-active {\n  background: #0d5075;\n  color: #fff;\n}\n.paladin-tool-flatten-vertical-wrapper {\n  width: 228px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.paladin-tool-flatten-vertical-wrapper .paladin-tool-nav-wrapper {\n  margin: 6px 2px;\n}\n.paladin-tool-flatten-vertical-wrapper .paladin-tool-nav {\n  cursor: pointer;\n  font-size: 13px;\n  color: #e2e2e2;\n  padding: 8px 10px;\n  border-top: 1px solid #5b5b5b;\n  border-bottom: 1px solid #5b5b5b;\n  border-left: 1px solid #5b5b5b;\n}\n.paladin-tool-flatten-vertical-wrapper .paladin-tool-qa {\n  cursor: pointer;\n  margin-left: 15px;\n  color: #e2e2e2;\n}\n.paladin-tool-flatten-vertical-wrapper .paladin-tool-qa svg {\n  width: 22px;\n}\n.paladin-tool-flatten-vertical-wrapper .paladin-tool-nav-active {\n  color: #c8c8c8;\n  background-color: #5b5b5b;\n}\n.paladin-tool-flatten-vertical-wrapper .paladin-tool-space-line {\n  border-top: 1px solid gray;\n  margin-top: 6px;\n  padding-top: 6px;\n}\n.paladin-tool-flatten-hor-wrapper {\n  position: relative;\n  z-index: 100;\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-flatten-hor-go-line {\n  display: flex;\n  flex-direction: column;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-flatten-hor-go-line .paladin-flatten-hor-go-line-content {\n  width: 24px;\n  height: 100%;\n  text-align: center;\n  line-height: 100%;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-flatten-hor-go-line .paladin-flatten-hor-go-line-content svg {\n  width: 10px !important;\n  color: #fff;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-flatten-hor-go-line .paladin-flatten-hor-go-line-content:hover {\n  background: #d4d4d4;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-flatten-hor-go-line .paladin-flatten-hor-go-line-content:hover svg {\n  color: #333;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-tool-nav-wrapper {\n  padding: 5px;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-tool-nav {\n  cursor: pointer;\n  font-size: 13px;\n  color: #e2e2e2;\n  padding: 8px 10px;\n  border: 1px solid #5b5b5b;\n  margin-bottom: 5px;\n  text-align: center;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-tool-qa {\n  cursor: pointer;\n  margin: 5px auto;\n  color: #e2e2e2;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-tool-qa svg {\n  width: 20px;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-tool-nav-active {\n  color: #c8c8c8;\n  background-color: #5b5b5b;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-tool-lg-item {\n  border: 1px solid #5b5b5b;\n}\n.paladin-tool-space-line-3d {\n  border-top: 1px solid gray;\n  margin-top: 6px;\n}\n.paladin-tool-space-line-mip {\n  margin-top: 6px;\n  padding-top: 6px;\n}\n.paladin-tool-subtitle {\n  font-size: 12px;\n  color: gray;\n  padding: 4px 2px 3px 2px;\n}\n.paladin-hor-border {\n  border-right: 1px solid #666;\n  margin-right: 6px;\n}\n.paladin-hor-three-content {\n  position: relative;\n  padding-left: 13px;\n}\n.paladin-hor-three-content .paladin-hor-three-title {\n  position: absolute;\n  left: 0;\n  top: 2px;\n  width: 12px;\n  font-size: 12px;\n  word-break: break-all;\n  color: gray;\n}\n";
+var css_248z$d = ".paladin-tool-go-flatten {\n  cursor: pointer;\n  font-size: 12px;\n  height: 32px;\n  text-align: center;\n  border-bottom: 1px solid #fff;\n  background: #353535;\n  position: relative;\n  z-index: 999;\n  color: #fff;\n}\n.paladin-tool-go-flatten svg {\n  width: 7px !important;\n  color: #fff;\n}\n.paladin-tool-go-flatten:hover {\n  background: #d4d4d4;\n}\n.paladin-tool-go-flatten:hover svg {\n  color: #333;\n}\n.paladin-tool-go-line {\n  cursor: pointer;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  right: 0;\n  margin-top: 6px;\n  height: 34px;\n}\n.paladin-tool-go-line .paladin-full-content {\n  width: 24px;\n}\n.paladin-tool-go-line svg {\n  width: 8px !important;\n  color: #fff;\n}\n.paladin-tool-go-line:hover {\n  background: #d4d4d4;\n}\n.paladin-tool-go-line:hover svg {\n  color: #333;\n}\n.paladin-tool-item {\n  background: #fff;\n  padding: 5px 0;\n  min-width: 160px;\n  max-width: 280px;\n}\n.paladin-tool-lg-content {\n  border-bottom: 1px solid #5b5b5b;\n}\n.paladin-tool-lg-content .paladin-tool-lg-item {\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  flex: 1;\n  border-top: 1px solid #5b5b5b;\n  color: #b0b0b0;\n  font-size: 12px;\n  text-align: center;\n  padding: 8px 10px;\n  cursor: pointer;\n}\n.paladin-tool-lg-content .paladin-tool-lg-item:last-child {\n  border-left: 1px solid #5b5b5b;\n}\n.paladin-tool-lg-content .paladin-tool-lg-item:hover {\n  color: #fff;\n}\n.paladin-tool-lg-content .paladin-tool-lg-item-active {\n  background: #0d5075;\n  color: #fff;\n}\n.paladin-tool-flatten-vertical-wrapper {\n  width: 228px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.paladin-tool-flatten-vertical-wrapper .paladin-tool-nav-wrapper {\n  margin: 6px 2px;\n}\n.paladin-tool-flatten-vertical-wrapper .paladin-tool-nav {\n  cursor: pointer;\n  font-size: 13px;\n  color: #e2e2e2;\n  padding: 8px 10px;\n  border-top: 1px solid #5b5b5b;\n  border-bottom: 1px solid #5b5b5b;\n  border-left: 1px solid #5b5b5b;\n}\n.paladin-tool-flatten-vertical-wrapper .paladin-tool-qa {\n  cursor: pointer;\n  margin-left: 15px;\n  color: #e2e2e2;\n}\n.paladin-tool-flatten-vertical-wrapper .paladin-tool-qa svg {\n  width: 22px;\n}\n.paladin-tool-flatten-vertical-wrapper .paladin-tool-nav-active {\n  color: #c8c8c8;\n  background-color: #5b5b5b;\n}\n.paladin-tool-flatten-vertical-wrapper .paladin-tool-space-line {\n  border-top: 1px solid gray;\n  margin-top: 6px;\n  padding-top: 6px;\n}\n.paladin-tool-flatten-hor-wrapper {\n  position: relative;\n  z-index: 100;\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-flatten-hor-go-line {\n  display: flex;\n  flex-direction: column;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-flatten-hor-go-line .paladin-flatten-hor-go-line-content {\n  width: 24px;\n  height: 100%;\n  text-align: center;\n  line-height: 100%;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-flatten-hor-go-line .paladin-flatten-hor-go-line-content svg {\n  width: 10px !important;\n  color: #fff;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-flatten-hor-go-line .paladin-flatten-hor-go-line-content:hover {\n  background: #d4d4d4;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-flatten-hor-go-line .paladin-flatten-hor-go-line-content:hover svg {\n  color: #333;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-tool-nav-wrapper {\n  padding: 5px;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-tool-nav {\n  cursor: pointer;\n  font-size: 13px;\n  color: #e2e2e2;\n  padding: 8px 10px;\n  border: 1px solid #5b5b5b;\n  margin-bottom: 5px;\n  text-align: center;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-tool-qa {\n  cursor: pointer;\n  margin: 5px auto;\n  color: #e2e2e2;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-tool-qa svg {\n  width: 20px;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-tool-nav-active {\n  color: #c8c8c8;\n  background-color: #5b5b5b;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-tool-lg-item {\n  border: 1px solid #5b5b5b;\n}\n.paladin-tool-space-line-3d {\n  border-top: 1px solid gray;\n  margin-top: 6px;\n}\n.paladin-tool-space-line-mip {\n  margin-top: 6px;\n  padding-top: 6px;\n}\n.paladin-tool-subtitle {\n  font-size: 12px;\n  color: gray;\n  padding: 4px 2px 3px 2px;\n}\n.paladin-hor-border {\n  border-right: 1px solid #666;\n  margin-right: 6px;\n}\n.paladin-hor-three-content {\n  position: relative;\n  padding-left: 13px;\n}\n.paladin-hor-three-content .paladin-hor-three-title {\n  position: absolute;\n  left: 0;\n  top: 2px;\n  width: 12px;\n  font-size: 12px;\n  word-break: break-all;\n  color: gray;\n}\n.paladin-hor-three-content .paladin-hor-three-title-bottom {\n  position: absolute;\n  top: 2px;\n  width: 12px;\n  font-size: 12px;\n  word-break: break-all;\n  color: gray;\n  left: 0;\n  top: 80px;\n}\n";
 styleInject$1(css_248z$d);
 
 (function () {
@@ -44978,6 +45146,9 @@ var SvgCaretLeft = function SvgCaretLeft(props) {
   }, props), _ref$1a);
 };
 
+var css_248z$h = ".paladin-vr-cine {\n  min-width: 220px;\n  font-size: 14px;\n  color: #c0c0c0;\n  background: #353535;\n  padding-bottom: 8px;\n}\n.paladin-vr-cine .paladin-vr-cine-click {\n  cursor: pointer;\n}\n.paladin-vr-cine .paladin-vr-cine-active {\n  cursor: pointer;\n  background: #0d5075;\n  color: #fff;\n}\n.paladin-vr-cine .paladin-vr-cine-active svg {\n  fill: #fff;\n}\n.paladin-vr-cine svg {\n  width: 12px !important;\n  height: 12px !important;\n  fill: #c0c0c0;\n}\n.paladin-vr-cine .paladin-vr-cine-row {\n  padding: 3px 0;\n  width: 100%;\n  height: 40px;\n}\n.paladin-vr-cine .paladin-vr-cine-speed {\n  padding-left: 12px;\n}\n.paladin-vr-cine .paladin-vr-cine-speed .paladin-cine-label {\n  font-size: 12px;\n  justify-content: center;\n  white-space: nowrap;\n}\n.paladin-vr-cine .paladin-vr-cine-speed .paladin-cine-input {\n  justify-content: center;\n  align-items: center;\n}\n.paladin-vr-cine .paladin-vr-cine-speed .paladin-cine-input input {\n  height: 20px;\n  padding: 0;\n  width: 80%;\n  border-color: #c0c0c0;\n  color: #c0c0c0;\n}\n.paladin-vr-cine .paladin-vr-cine-angle {\n  font-size: 12px;\n  padding-left: 12px;\n  padding-right: 5px;\n  margin: 5px 0;\n}\n.paladin-vr-cine .paladin-vr-cine-angle .paladin-vr-cine-angle-item {\n  border: 1px solid #666;\n  margin-left: 5px;\n  justify-content: center;\n  align-items: center;\n}\n.paladin-vr-cine .paladin-vr-cine-angle .paladin-vr-cine-angle-item-active {\n  background: #7f7f7f;\n  color: #333;\n}\n";
+styleInject$1(css_248z$h);
+
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
@@ -44991,10 +45162,421 @@ var __signature__$2L = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoa
   return a;
 };
 
+var Cine$1 = /*#__PURE__*/function (_Component) {
+  inherits(Cine, _Component);
+
+  var _super = _createSuper$14(Cine);
+
+  function Cine(props) {
+    var _this;
+
+    classCallCheck(this, Cine);
+
+    _this = _super.call(this, props);
+    _this.angleOptions = [10, 20, 30, 60, 90];
+    return _this;
+  }
+
+  createClass(Cine, [{
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.props.onRowClick('pause');
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          onRowClick = _this$props.onRowClick,
+          VRCine = _this$props.VRCine,
+          VRCineAngle = _this$props.VRCineAngle,
+          VRCineFps = _this$props.VRCineFps;
+      return /*#__PURE__*/React__default.createElement("div", {
+        className: "paladin-vr-cine"
+      }, /*#__PURE__*/React__default.createElement(Row, {
+        className: "paladin-vr-cine-row"
+      }, /*#__PURE__*/React__default.createElement(Col, {
+        xs: 4,
+        className: VRCine && VRCine === 'horizontal' ? "paladin-flex-center paladin-vr-cine-active" : "paladin-flex-center paladin-vr-cine-click",
+        onClick: function onClick() {
+          onRowClick('startHorizontal');
+        }
+      }, /*#__PURE__*/React__default.createElement("div", null, "\u6C34\u5E73 ", /*#__PURE__*/React__default.createElement(SvgPlay, null))), /*#__PURE__*/React__default.createElement(Col, {
+        xs: 4,
+        className: VRCine && VRCine === 'vertical' ? "paladin-flex-center paladin-vr-cine-active" : "paladin-flex-center paladin-vr-cine-click",
+        onClick: function onClick() {
+          onRowClick('startVertical');
+        }
+      }, /*#__PURE__*/React__default.createElement("div", null, "\u5782\u76F4 ", /*#__PURE__*/React__default.createElement(SvgPlay, null))), /*#__PURE__*/React__default.createElement(Col, {
+        xs: 4,
+        className: "paladin-flex-center paladin-vr-cine-click",
+        onClick: function onClick() {
+          onRowClick('pause');
+        }
+      }, /*#__PURE__*/React__default.createElement(SvgPause, null))), /*#__PURE__*/React__default.createElement(Row, {
+        className: "paladin-vr-cine-speed"
+      }, /*#__PURE__*/React__default.createElement(Col, {
+        xs: 2,
+        className: "paladin-cine-label"
+      }, "\u5E27\u901F"), /*#__PURE__*/React__default.createElement(Col, {
+        xs: 8,
+        className: "paladin-cine-input"
+      }, /*#__PURE__*/React__default.createElement(Input$1, {
+        type: "tel",
+        disabled: true,
+        value: VRCineFps,
+        style: {
+          textAlign: 'center'
+        }
+      })), /*#__PURE__*/React__default.createElement(Col, {
+        xs: 2,
+        className: "paladin-cine-svg"
+      }, /*#__PURE__*/React__default.createElement(Row, {
+        onClick: function onClick() {
+          onRowClick('fpsAdd');
+        }
+      }, /*#__PURE__*/React__default.createElement(PopperBox, {
+        tooltip: "\u52A0\u901F"
+      }, /*#__PURE__*/React__default.createElement(SvgCaretUp, null))), /*#__PURE__*/React__default.createElement(Row, {
+        onClick: function onClick() {
+          onRowClick('fpsMinus');
+        }
+      }, /*#__PURE__*/React__default.createElement(PopperBox, {
+        tooltip: "\u51CF\u901F"
+      }, /*#__PURE__*/React__default.createElement(SvgCaretDown, null))))), /*#__PURE__*/React__default.createElement(Row, {
+        className: "paladin-vr-cine-angle"
+      }, /*#__PURE__*/React__default.createElement(Col, {
+        xs: 2,
+        className: "paladin-cine-label"
+      }, "\u89D2\u5EA6"), this.angleOptions.map(function (angle) {
+        return /*#__PURE__*/React__default.createElement(Col, {
+          xs: 2
+        }, /*#__PURE__*/React__default.createElement(Row, {
+          className: VRCineAngle && VRCineAngle === angle ? "paladin-vr-cine-angle-item paladin-vr-cine-angle-item-active" : "paladin-vr-cine-angle-item",
+          onClick: function onClick() {
+            onRowClick('angle', angle);
+          }
+        }, angle));
+      })));
+    }
+  }, {
+    key: "__reactstandin__regenerateByEval",
+    // @ts-ignore
+    value: function __reactstandin__regenerateByEval(key, code) {
+      // @ts-ignore
+      this[key] = eval(code);
+    }
+  }]);
+
+  return Cine;
+}(React.Component);
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(Cine$1, "Cine", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/components/VRCine/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);
+})();
+
+var __signature__$2M = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+/**
+ * 相机自动旋转
+ * - 水平方向 / 垂直方向 / 停止
+ * - fps 帧率
+ * - 单次旋转角度
+ */
+
+var fps = 3;
+var everyAngle = 20;
+var angle = 0;
+var vrTimer;
+var startCameraAutoPlay = /*#__PURE__*/function () {
+  var _ref = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(direction, seriesInstanceUID, options) {
+    var worker, timeStamp;
+    return regenerator.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            stopCameraAutoPlay();
+            _context.next = 3;
+            return _default$s.getWorkerFromCache(seriesInstanceUID, ImageProcessType.MIP);
+
+          case 3:
+            worker = _context.sent;
+
+            if (worker) {
+              _context.next = 6;
+              break;
+            }
+
+            return _context.abrupt("return");
+
+          case 6:
+            // 配置
+            if (options && options.fps && lodash$1.isNumber(options.fps)) fps = options.fps;
+            if (options && options.angle && lodash$1.isNumber(options.angle)) everyAngle = options.angle; // 定时器
+
+            timeStamp = parseInt(1000 / (fps || 3), 10);
+            vrTimer = setInterval(function () {
+              angle += everyAngle;
+
+              if (angle > 360) {
+                angle = angle - 360;
+              }
+
+              if (direction === 'vertical') {
+                worker.ActionParameter.viewCameraRotate('vertical', angle);
+              } else {
+                worker.ActionParameter.viewCameraRotate('horizontal', angle);
+              }
+            }, timeStamp);
+
+          case 10:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function startCameraAutoPlay(_x, _x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var stopCameraAutoPlay = function stopCameraAutoPlay() {
+  if (vrTimer) {
+    clearInterval(vrTimer);
+    angle = 0;
+    vrTimer = null;
+  }
+};
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(fps, "fps", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-vtk/Utility/CameraAutoPlay.js");
+  reactHotLoader.register(everyAngle, "everyAngle", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-vtk/Utility/CameraAutoPlay.js");
+  reactHotLoader.register(angle, "angle", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-vtk/Utility/CameraAutoPlay.js");
+  reactHotLoader.register(vrTimer, "vrTimer", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-vtk/Utility/CameraAutoPlay.js");
+  reactHotLoader.register(startCameraAutoPlay, "startCameraAutoPlay", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-vtk/Utility/CameraAutoPlay.js");
+  reactHotLoader.register(stopCameraAutoPlay, "stopCameraAutoPlay", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-vtk/Utility/CameraAutoPlay.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$v(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$w(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$v(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var __signature__$2N = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var mapStateToProps$b = function mapStateToProps(state) {
+  var currentSeries = state.paladin.viewport.currentSeries;
+  var _state$paladin$tools$ = state.paladin.tools.action,
+      VRCineFps = _state$paladin$tools$.VRCineFps,
+      VRCineAngle = _state$paladin$tools$.VRCineAngle,
+      VRCine = _state$paladin$tools$.VRCine;
+  return {
+    currentSeries: currentSeries,
+    VRCineFps: VRCineFps,
+    VRCineAngle: VRCineAngle,
+    VRCine: VRCine
+  };
+};
+
+var mergeProps$b = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  var currentSeries = propsFromState.currentSeries,
+      VRCineFps = propsFromState.VRCineFps,
+      VRCineAngle = propsFromState.VRCineAngle,
+      VRCine = propsFromState.VRCine;
+  var setActionStateByKey = propsFromDispatch.setActionStateByKey;
+  var seriesInstanceUID = currentSeries.seriesInstanceUID;
+
+  var startVertical = function startVertical() {
+    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        angle = _ref.angle,
+        fps = _ref.fps;
+
+    startCameraAutoPlay('vertical', seriesInstanceUID, {
+      fps: fps || VRCineFps,
+      angle: angle || VRCineAngle
+    });
+  };
+
+  var startHorizontal = function startHorizontal() {
+    var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        angle = _ref2.angle,
+        fps = _ref2.fps;
+
+    startCameraAutoPlay('horizontal', seriesInstanceUID, {
+      fps: fps || VRCineFps,
+      angle: angle || VRCineAngle
+    });
+  };
+
+  var restart = function restart(options) {
+    if (VRCine && VRCine === 'vertical') {
+      startVertical(options);
+    }
+
+    if (VRCine && VRCine === 'horizontal') {
+      startHorizontal(options);
+    }
+  };
+
+  return _objectSpread$w(_objectSpread$w(_objectSpread$w({}, ownProps), propsFromState), {}, {
+    onRowClick: function onRowClick(key, value) {
+      switch (key) {
+        case 'startHorizontal':
+          if (VRCine && VRCine === 'horizontal') {
+            stopCameraAutoPlay();
+            setActionStateByKey({
+              key: 'VRCine',
+              value: null
+            });
+          } else {
+            startHorizontal();
+            setActionStateByKey({
+              key: 'VRCine',
+              value: 'horizontal'
+            });
+          }
+
+          break;
+
+        case 'startVertical':
+          if (VRCine && VRCine === 'vertical') {
+            stopCameraAutoPlay();
+            setActionStateByKey({
+              key: 'VRCine',
+              value: null
+            });
+          } else {
+            startVertical();
+            setActionStateByKey({
+              key: 'VRCine',
+              value: 'vertical'
+            });
+          }
+
+          break;
+
+        case 'pause':
+          stopCameraAutoPlay();
+          setActionStateByKey({
+            key: 'VRCine',
+            value: null
+          });
+          break;
+
+        case 'fpsAdd':
+          var fps = VRCineFps < 10 ? VRCineFps + 1 : 10;
+          setActionStateByKey({
+            key: 'VRCineFps',
+            value: fps
+          });
+          restart({
+            fps: fps
+          });
+          break;
+
+        case 'fpsMinus':
+          var _fps = VRCineFps > 1 ? VRCineFps - 1 : 1;
+
+          setActionStateByKey({
+            key: 'VRCineFps',
+            value: _fps
+          });
+          restart({
+            fps: _fps
+          });
+          break;
+
+        case 'angle':
+          setActionStateByKey({
+            key: 'VRCineAngle',
+            value: value
+          });
+          restart({
+            angle: value
+          });
+          break;
+
+        default:
+          return;
+      }
+    }
+  });
+};
+
+var ConnectedVRCine = reactRedux.connect(mapStateToProps$b, {
+  setActionStateByKey: setActionStateByKey
+}, mergeProps$b)(Cine$1);
+var _default$Y = ConnectedVRCine;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(mapStateToProps$b, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/components/VRCine/ConnectedVRCine.js");
+  reactHotLoader.register(mergeProps$b, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/components/VRCine/ConnectedVRCine.js");
+  reactHotLoader.register(ConnectedVRCine, "ConnectedVRCine", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/components/VRCine/ConnectedVRCine.js");
+  reactHotLoader.register(_default$Y, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/components/VRCine/ConnectedVRCine.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$15(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$15(); 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$15() { 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__$2O = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
 var DicomToolFlattenMode = /*#__PURE__*/function (_Component) {
   inherits(DicomToolFlattenMode, _Component);
 
-  var _super = _createSuper$14(DicomToolFlattenMode);
+  var _super = _createSuper$15(DicomToolFlattenMode);
 
   function DicomToolFlattenMode(props) {
     var _this;
@@ -45124,35 +45706,35 @@ var DicomToolFlattenMode = /*#__PURE__*/function (_Component) {
         onClick: function onClick(e) {
           e.stopPropagation();
 
-          if (!MIP) {
+          if (!VR) {
             if (isThree) {
               exit3D();
             }
 
-            start3D('MIP');
+            start3D('VR');
           }
         },
-        className: MIP ? 'paladin-tool-nav paladin-tool-nav-active' : 'paladin-tool-nav',
+        className: VR ? 'paladin-tool-nav paladin-tool-nav-active' : 'paladin-tool-nav',
         style: {
           borderRight: '1px solid #5b5b5b'
         }
-      }, "MIP"), IODisconnect && /*#__PURE__*/React__default.createElement("div", {
+      }, "VR"), IODisconnect && /*#__PURE__*/React__default.createElement("div", {
         onClick: function onClick(e) {
           e.stopPropagation();
 
-          if (!VR) {
+          if (!MIP) {
             if (isThree) {
               exit3D();
             }
 
-            start3D('VR');
+            start3D('MIP');
           }
         },
-        className: VR ? 'paladin-tool-nav paladin-tool-nav-active' : 'paladin-tool-nav',
+        className: MIP ? 'paladin-tool-nav paladin-tool-nav-active' : 'paladin-tool-nav',
         style: {
           borderRight: '1px solid #5b5b5b'
         }
-      }, "VR")), showBaseTools && /*#__PURE__*/React__default.createElement("div", {
+      }, "MIP")), showBaseTools && /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-flex-row"
       }, commonTools && commonTools.map(function (item, i) {
         return /*#__PURE__*/React__default.createElement(DicomToolItemPlus, _extends_1({}, _this2.props, {
@@ -45213,7 +45795,9 @@ var DicomToolFlattenMode = /*#__PURE__*/function (_Component) {
           key: "tool-mip2-".concat(i),
           data: toolsMap[item]
         }));
-      })))), /*#__PURE__*/React__default.createElement("div", {
+      })), /*#__PURE__*/React__default.createElement("div", {
+        className: "paladin-tool-subtitle"
+      }, "\u64AD\u653E"), /*#__PURE__*/React__default.createElement(_default$Y, null))), /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-tool-lg-content"
       }, /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-flex-row"
@@ -45328,18 +45912,18 @@ var LargeToolItem = function LargeToolItem(props) {
   enterModule && enterModule(module);
 })();
 
-function _createSuper$15(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$15(); 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$16(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$16(); 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$15() { 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$16() { 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__$2M = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2P = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var DicomToolFlattenMode$1 = /*#__PURE__*/function (_Component) {
   inherits(DicomToolFlattenMode, _Component);
 
-  var _super = _createSuper$15(DicomToolFlattenMode);
+  var _super = _createSuper$16(DicomToolFlattenMode);
 
   function DicomToolFlattenMode(props) {
     var _this;
@@ -45462,32 +46046,32 @@ var DicomToolFlattenMode$1 = /*#__PURE__*/function (_Component) {
         onClick: function onClick(e) {
           e.stopPropagation();
 
-          if (!MIP) {
+          if (!VR) {
             if (isThree) {
               exit3D();
             }
 
-            start3D('MIP');
+            start3D('VR');
           }
         },
-        className: MIP ? 'paladin-tool-nav paladin-tool-nav-active' : 'paladin-tool-nav',
-        style: {
-          borderRight: '1px solid #5b5b5b'
-        }
-      }, "MIP"), IODisconnect && /*#__PURE__*/React__default.createElement("div", {
+        className: VR ? 'paladin-tool-nav paladin-tool-nav-active' : 'paladin-tool-nav'
+      }, "VR"), IODisconnect && /*#__PURE__*/React__default.createElement("div", {
         onClick: function onClick(e) {
           e.stopPropagation();
 
-          if (!VR) {
+          if (!MIP) {
             if (isThree) {
               exit3D();
             }
 
-            start3D('VR');
+            start3D('MIP');
           }
         },
-        className: VR ? 'paladin-tool-nav paladin-tool-nav-active' : 'paladin-tool-nav'
-      }, "VR")), showBaseTools && /*#__PURE__*/React__default.createElement("div", {
+        className: MIP ? 'paladin-tool-nav paladin-tool-nav-active' : 'paladin-tool-nav',
+        style: {
+          borderRight: '1px solid #5b5b5b'
+        }
+      }, "MIP")), showBaseTools && /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-flex-col paladin-flex-1 paladin-hor-border",
         style: {
           flex: MPR ? 3 : 2
@@ -45574,7 +46158,9 @@ var DicomToolFlattenMode$1 = /*#__PURE__*/function (_Component) {
           key: "tool-mip2-".concat(i),
           data: toolsMap[item]
         }));
-      }))), /*#__PURE__*/React__default.createElement("div", {
+      })), /*#__PURE__*/React__default.createElement("div", {
+        className: "paladin-hor-three-title-bottom"
+      }, "\u64AD\u653E"), /*#__PURE__*/React__default.createElement(_default$Y, null)), /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-flex-col paladin-flex-1 paladin-tool-lg-content",
         style: {
           flex: 2
@@ -45695,18 +46281,18 @@ var LargeToolItem$1 = function LargeToolItem(props) {
   enterModule && enterModule(module);
 })();
 
-function _createSuper$16(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$16(); 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$17(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$17(); 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$16() { 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$17() { 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__$2N = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2Q = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var VRClip = /*#__PURE__*/function (_Component) {
   inherits(VRClip, _Component);
 
-  var _super = _createSuper$16(VRClip);
+  var _super = _createSuper$17(VRClip);
 
   function VRClip(props) {
     classCallCheck(this, VRClip);
@@ -45765,24 +46351,24 @@ var VRClip = /*#__PURE__*/function (_Component) {
   enterModule && enterModule(module);
 })();
 
-function ownKeys$v(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$w(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$w(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$v(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$x(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$w(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$2O = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2R = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
-var mapStateToProps$b = function mapStateToProps(state) {
+var mapStateToProps$c = function mapStateToProps(state) {
   var currentSeries = state.paladin.viewport.currentSeries;
   return {
     currentSeries: currentSeries
   };
 };
 
-var mergeProps$b = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$c = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var currentSeries = propsFromState.currentSeries;
-  return _objectSpread$w({
+  return _objectSpread$x({
     onRowClick: function () {
       var _onRowClick = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(key) {
         var vrWorker;
@@ -45836,8 +46422,8 @@ var mergeProps$b = function mergeProps(propsFromState, propsFromDispatch, ownPro
   }, ownProps);
 };
 
-var ConnectedVRClip = reactRedux.connect(mapStateToProps$b, {}, mergeProps$b)(VRClip);
-var _default$Y = ConnectedVRClip;
+var ConnectedVRClip = reactRedux.connect(mapStateToProps$c, {}, mergeProps$c)(VRClip);
+var _default$Z = ConnectedVRClip;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -45846,10 +46432,10 @@ var _default$Y = ConnectedVRClip;
     return;
   }
 
-  reactHotLoader.register(mapStateToProps$b, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/components/VRClip/ConnectedVRClip.js");
-  reactHotLoader.register(mergeProps$b, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/components/VRClip/ConnectedVRClip.js");
+  reactHotLoader.register(mapStateToProps$c, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/components/VRClip/ConnectedVRClip.js");
+  reactHotLoader.register(mergeProps$c, "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$Y, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/components/VRClip/ConnectedVRClip.js");
+  reactHotLoader.register(_default$Z, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/components/VRClip/ConnectedVRClip.js");
 })();
 
 (function () {
@@ -45862,18 +46448,18 @@ var _default$Y = ConnectedVRClip;
   enterModule && enterModule(module);
 })();
 
-function _createSuper$17(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$17(); 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$18(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$18(); 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$17() { 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$18() { 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__$2P = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2S = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var DicomTool = /*#__PURE__*/function (_Component) {
   inherits(DicomTool, _Component);
 
-  var _super = _createSuper$17(DicomTool);
+  var _super = _createSuper$18(DicomTool);
 
   function DicomTool(props) {
     var _this;
@@ -46218,7 +46804,7 @@ var DicomTool = /*#__PURE__*/function (_Component) {
         onClick: function onClick() {
           _this.props.toggleVRClip();
         },
-        moreComponent: _default$Y
+        moreComponent: _default$Z
       },
       VRPresentColor: {
         label: "预设",
@@ -46471,6 +47057,13 @@ var DicomTool = /*#__PURE__*/function (_Component) {
         onClick: function onClick() {
           _this.props.handleMipDirectionChange('P');
         }
+      },
+      VRCine: {
+        label: "播放",
+        name: "VRCine",
+        tooltip: "自动播放",
+        component: /*#__PURE__*/React__default.createElement(SvgVideo, null),
+        popover: _default$Y
       }
     };
     return _this;
@@ -46573,19 +47166,23 @@ var DicomTool = /*#__PURE__*/function (_Component) {
   leaveModule && leaveModule(module);
 })();
 
-var css_248z$h = ".paladin-three-modal-wrapper {\n  font-size: 15px;\n  padding: 8px 10px 15px 10px;\n  color: #ccc;\n}\n.paladin-three-modal-wrapper .paladin-three-modal-wrapper-btn {\n  margin-top: 15px;\n  text-align: center;\n}\n";
-styleInject$1(css_248z$h);
+var css_248z$i = ".paladin-three-modal-wrapper {\n  font-size: 15px;\n  padding: 8px 10px 15px 10px;\n  color: #ccc;\n}\n.paladin-three-modal-wrapper .paladin-three-modal-wrapper-btn {\n  margin-top: 20px;\n  text-align: center;\n}\n";
+styleInject$1(css_248z$i);
 
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
 
-var __signature__$2Q = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+function ownKeys$x(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$y(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$x(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var __signature__$2T = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
-var _default$Z = function _default(images) {
+var _default$_ = function _default(images) {
   if (!images) {
     return "LoadImage 参数不能为空.";
   } // 校验张数
@@ -46598,35 +47195,48 @@ var _default$Z = function _default(images) {
 
 
   if (images.length <= 3) {
-    return "序列影像数不能少于3张";
+    return "序列影像数必须多于3张";
   }
 
-  if (!canImagesProcess(images)) {
-    return "该序列中影像参数不一致[如 宽/高/方位].";
+  var checkResult = imageProcessCheckError(images);
+
+  if (checkResult) {
+    return _objectSpread$y(_objectSpread$y({}, checkResult), {}, {
+      message: "该序列中影像参数不一致[如 宽/高/方位]."
+    });
   }
 };
 
-function canImagesProcess(images) {
-  var firstImage = images[0];
+function imageProcessCheckError(images) {
+  var total = images.length;
+  var centerIndex = lodash$1.floor(total / 2);
+  var firstImage = images[centerIndex];
+  var checkedIndex = [];
+  var failIndex = [];
 
-  for (var i = 1; i < images.length; i++) {
+  for (var i = 0; i < images.length; i++) {
     var checkImage = images[i]; // PixelSpacing
 
     if (firstImage.PixelSpacing && checkImage.PixelSpacing) {
       if (firstImage.PixelSpacing.value !== checkImage.PixelSpacing.value) {
-        return false;
+        failIndex.push(i);
+        continue;
       }
     }
 
     if (firstImage.ImagerPixelSpacing && checkImage.ImagerPixelSpacing) {
       if (firstImage.ImagerPixelSpacing.value !== checkImage.ImagerPixelSpacing.value) {
-        return false;
+        failIndex.push(i);
+        continue;
       }
     } // 宽 高
 
 
-    if (Number(firstImage.Rows.value) !== Number(checkImage.Rows.value) || Number(firstImage.Columns.value) !== Number(checkImage.Columns.value)) {
-      return false;
+    if (firstImage.Rows && firstImage.Columns && checkImage.Rows && checkImage.Columns) {
+      if (Number(firstImage.Rows.value) !== Number(checkImage.Rows.value) || Number(firstImage.Columns.value) !== Number(checkImage.Columns.value)) {
+        failIndex.push(i);
+        continue;
+      }
     } // 方位
 
 
@@ -46636,36 +47246,62 @@ function canImagesProcess(images) {
       var _orientation = checkImage.ImageOrientationPatient.value.split('\\');
 
       if (Math.abs(orientation[0] - _orientation[0]) > 0.0001 || Math.abs(orientation[1] - _orientation[1]) > 0.0001 || Math.abs(orientation[2] - _orientation[2]) > 0.0001 || Math.abs(orientation[3] - _orientation[3]) > 0.0001 || Math.abs(orientation[4] - _orientation[4]) > 0.0001 || Math.abs(orientation[5] - _orientation[5]) > 0.0001) {
-        return false;
+        failIndex.push(i);
+        continue;
       }
     } // SpacingBetweenSlices
 
 
     if (firstImage.SpacingBetweenSlices && !checkImage.SpacingBetweenSlices || !firstImage.SpacingBetweenSlices && checkImage.SpacingBetweenSlices) {
-      return false;
+      failIndex.push(i);
+      continue;
     }
 
     if (firstImage.SpacingBetweenSlices && checkImage.SpacingBetweenSlices) {
       if (firstImage.SpacingBetweenSlices.value !== checkImage.SpacingBetweenSlices.value) {
-        return false;
+        failIndex.push(i);
+        continue;
       }
     } // SliceThickness
 
 
     if (firstImage.SliceThickness && !checkImage.SliceThickness || !firstImage.SliceThickness && checkImage.SliceThickness) {
-      return false;
+      failIndex.push(i);
+      continue;
     }
 
     if (firstImage.SliceThickness && checkImage.SliceThickness) {
       if (firstImage.SliceThickness.value !== checkImage.SliceThickness.value) {
-        return false;
+        failIndex.push(i);
+        continue;
       }
     }
+
+    checkedIndex.push(i);
   }
 
-  return true;
+  if (failIndex.length === 0) {
+    return false;
+  } else {
+    return {
+      success: checkedIndex,
+      fail: failIndex
+    };
+  }
 }
 
+var filterRebuildImages = function filterRebuildImages(images) {
+  var checkResult = imageProcessCheckError(images);
+
+  if (checkResult) {
+    return lodash$1.map(checkResult.success, function (index) {
+      return images[index];
+    });
+  } else {
+    return images;
+  }
+};
+
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
 
@@ -46673,8 +47309,9 @@ function canImagesProcess(images) {
     return;
   }
 
-  reactHotLoader.register(canImagesProcess, "canImagesProcess", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-utils/precheckMPR.js");
-  reactHotLoader.register(_default$Z, "default", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-utils/precheckMPR.js");
+  reactHotLoader.register(imageProcessCheckError, "imageProcessCheckError", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-utils/precheckMPR.js");
+  reactHotLoader.register(filterRebuildImages, "filterRebuildImages", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-utils/precheckMPR.js");
+  reactHotLoader.register(_default$_, "default", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-utils/precheckMPR.js");
 })();
 
 (function () {
@@ -46687,18 +47324,18 @@ function canImagesProcess(images) {
   enterModule && enterModule(module);
 })();
 
-function _createSuper$18(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$18(); 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$19(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$19(); 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$18() { 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$19() { 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__$2R = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2U = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var ThreeDLoadingModal = /*#__PURE__*/function (_Component) {
   inherits(ThreeDLoadingModal, _Component);
 
-  var _super = _createSuper$18(ThreeDLoadingModal);
+  var _super = _createSuper$19(ThreeDLoadingModal);
 
   function ThreeDLoadingModal(props) {
     var _this;
@@ -46708,7 +47345,8 @@ var ThreeDLoadingModal = /*#__PURE__*/function (_Component) {
     _this = _super.call(this, props);
     _this.state = {
       processingMessage: null,
-      error: false
+      error: false,
+      rebuild: false
     };
     return _this;
   }
@@ -46763,13 +47401,20 @@ var ThreeDLoadingModal = /*#__PURE__*/function (_Component) {
                 return _context.abrupt("return");
 
               case 18:
-                errorLog = _default$Z(instanceImages);
+                errorLog = _default$_(instanceImages);
 
                 if (errorLog) {
-                  this.setState({
-                    processingMessage: "\u56FE\u50CF\u52A0\u8F7D\u5931\u8D25: ".concat(errorLog || '未知错误'),
-                    error: true
-                  });
+                  if (typeof errorLog === "string") {
+                    this.setState({
+                      processingMessage: "\u56FE\u50CF\u52A0\u8F7D\u5931\u8D25: ".concat(errorLog || '未知错误'),
+                      error: true
+                    });
+                  } else {
+                    this.setState({
+                      processingMessage: "\u68C0\u6D4B\u5230\u8BE5\u5E8F\u5217\u5305\u542B\u4E0D\u540C\u65B9\u4F4D\u4FE1\u606F\u7684\u56FE\u50CF\uFF0C\u662F\u5426\u9700\u8981\u8F6F\u4EF6\u81EA\u52A8\u9009\u62E9\u5176\u4E2D\u7B26\u5408\u6761\u4EF6\u7684\u8FDB\u884C\u91CD\u5EFA\uFF1F",
+                      rebuild: true
+                    });
+                  }
                 } else {
                   this.setState({
                     processingMessage: '图像加载完毕',
@@ -46798,9 +47443,12 @@ var ThreeDLoadingModal = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
+      var _this3 = this;
+
       var _this$state = this.state,
           processingMessage = _this$state.processingMessage,
-          error = _this$state.error;
+          error = _this$state.error,
+          rebuild = _this$state.rebuild;
       return /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-three-modal-wrapper"
       }, processingMessage, error && /*#__PURE__*/React__default.createElement("div", {
@@ -46810,7 +47458,24 @@ var ThreeDLoadingModal = /*#__PURE__*/function (_Component) {
         onClick: function onClick() {
           _default$K.destroy();
         }
-      }, "\u5173\u95ED")));
+      }, "\u5173\u95ED")), rebuild && /*#__PURE__*/React__default.createElement("div", {
+        className: "paladin-three-modal-wrapper-btn"
+      }, /*#__PURE__*/React__default.createElement(Button, {
+        type: "default",
+        style: {
+          marginRight: '10px'
+        },
+        onClick: function onClick() {
+          _default$K.destroy();
+        }
+      }, "\u53D6\u6D88"), /*#__PURE__*/React__default.createElement(Button, {
+        type: "primary",
+        onClick: function onClick() {
+          _default$K.destroy();
+
+          _this3.props.onready();
+        }
+      }, "\u7EE7\u7EED")));
     }
   }, {
     key: "__reactstandin__regenerateByEval",
@@ -46855,16 +47520,16 @@ function _unsupportedIterableToArray$a(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$a(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$w(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$y(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$x(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$w(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$z(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$y(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$2S = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2V = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var scrollToIndex$2 = _default$E.importInternal('util/scrollToIndex');
 
-var mapStateToProps$c = function mapStateToProps(state) {
+var mapStateToProps$d = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.customization,
       tools = _state$paladin$tools$.tools,
       imageModeTools = _state$paladin$tools$.imageModeTools,
@@ -47022,7 +47687,7 @@ var mapStateToProps$c = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$c = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$d = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   // 数据
   var series = propsFromState.series,
       activeIndex = propsFromState.activeIndex,
@@ -47046,7 +47711,7 @@ var mergeProps$c = function mergeProps(propsFromState, propsFromDispatch, ownPro
       Surgery = propsFromState.Surgery,
       MIP = propsFromState.MIP;
   var maxIndex = currentSeries.imageIds.length - 1;
-  return _objectSpread$x(_objectSpread$x(_objectSpread$x(_objectSpread$x({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$z(_objectSpread$z(_objectSpread$z(_objectSpread$z({}, ownProps), propsFromState), propsFromDispatch), {}, {
     reset: function reset() {
       // 重置
       var activeElement = getElement(realActiveIndex);
@@ -47820,7 +48485,7 @@ var mergeProps$c = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomTool = reactRedux.connect(mapStateToProps$c, {
+var ConnectedDicomTool = reactRedux.connect(mapStateToProps$d, {
   setActiveTool: setActiveTool,
   setTools: setTools,
   refreshTools: refreshTools,
@@ -47842,8 +48507,8 @@ var ConnectedDicomTool = reactRedux.connect(mapStateToProps$c, {
   setActiveIndex: setActiveIndex,
   setLayout: setLayout,
   setLastLayout: setLastLayout
-}, mergeProps$c)(DicomTool);
-var _default$_ = ConnectedDicomTool;
+}, mergeProps$d)(DicomTool);
+var _default$$ = ConnectedDicomTool;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -47853,10 +48518,10 @@ var _default$_ = ConnectedDicomTool;
   }
 
   reactHotLoader.register(scrollToIndex$2, "scrollToIndex", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/ConnectedDicomTool.js");
-  reactHotLoader.register(mapStateToProps$c, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/ConnectedDicomTool.js");
-  reactHotLoader.register(mergeProps$c, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/ConnectedDicomTool.js");
+  reactHotLoader.register(mapStateToProps$d, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/ConnectedDicomTool.js");
+  reactHotLoader.register(mergeProps$d, "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$_, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/ConnectedDicomTool.js");
+  reactHotLoader.register(_default$$, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/ConnectedDicomTool.js");
 })();
 
 (function () {
@@ -47864,8 +48529,8 @@ var _default$_ = ConnectedDicomTool;
   leaveModule && leaveModule(module);
 })();
 
-var css_248z$i = ".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$i);
+var css_248z$j = ".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$j);
 
 function _extends$1d() { _extends$1d = 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$1d.apply(this, arguments); }
 
@@ -47882,26 +48547,26 @@ var SvgRefresh$1 = function SvgRefresh(props) {
   }, props), _ref$1b);
 };
 
-var css_248z$j = ".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$j);
+var css_248z$k = ".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$k);
 
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
 
-function _createSuper$19(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$19(); 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$1a(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1a(); 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$19() { 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$1a() { 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__$2T = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2W = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var LoadingIndicator = /*#__PURE__*/function (_PureComponent) {
   inherits(LoadingIndicator, _PureComponent);
 
-  var _super = _createSuper$19(LoadingIndicator);
+  var _super = _createSuper$1a(LoadingIndicator);
 
   function LoadingIndicator() {
     classCallCheck(this, LoadingIndicator);
@@ -47964,7 +48629,7 @@ defineProperty(LoadingIndicator, "defaultProps", {
   error: null
 });
 
-var _default$$ = LoadingIndicator;
+var _default$10 = LoadingIndicator;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -47974,7 +48639,7 @@ var _default$$ = LoadingIndicator;
   }
 
   reactHotLoader.register(LoadingIndicator, "LoadingIndicator", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomViewport/LoadingIndicator/LoadingIndicator.js");
-  reactHotLoader.register(_default$$, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomViewport/LoadingIndicator/LoadingIndicator.js");
+  reactHotLoader.register(_default$10, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomViewport/LoadingIndicator/LoadingIndicator.js");
 })();
 
 (function () {
@@ -47987,11 +48652,11 @@ var _default$$ = LoadingIndicator;
   enterModule && enterModule(module);
 })();
 
-function _createSuper$1a(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1a(); 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$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$1a() { 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$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__$2U = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2X = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var loadIndicatorDelay = 300;
@@ -48019,7 +48684,7 @@ function initializeTools(cornerstoneTools, tools, element) {
 var ThumbnailViewport = /*#__PURE__*/function (_Component) {
   inherits(ThumbnailViewport, _Component);
 
-  var _super = _createSuper$1a(ThumbnailViewport);
+  var _super = _createSuper$1b(ThumbnailViewport);
 
   function ThumbnailViewport(props) {
     var _this;
@@ -48148,7 +48813,7 @@ var ThumbnailViewport = /*#__PURE__*/function (_Component) {
         className: "paladin-thumb-viewport"
       }, source && /*#__PURE__*/React__default.createElement("img", {
         src: source
-      }), loading && /*#__PURE__*/React__default.createElement(_default$$, {
+      }), loading && /*#__PURE__*/React__default.createElement(_default$10, {
         error: error,
         mini: true,
         handleRetry: this.loadImage
@@ -48203,11 +48868,11 @@ defineProperty(ThumbnailViewport, "defaultProps", {
   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__$2V = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2Y = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -48246,7 +48911,7 @@ var ThumbContent = function ThumbContent(props) {
 var DicomThumbnailLayout = /*#__PURE__*/function (_Component) {
   inherits(DicomThumbnailLayout, _Component);
 
-  var _super = _createSuper$1b(DicomThumbnailLayout);
+  var _super = _createSuper$1c(DicomThumbnailLayout);
 
   function DicomThumbnailLayout(props) {
     var _this;
@@ -48412,15 +49077,15 @@ var DicomThumbnailLayout = /*#__PURE__*/function (_Component) {
   enterModule && enterModule(module);
 })();
 
-function ownKeys$x(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$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$y(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$x(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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__$2W = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2Z = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
-var mapStateToProps$d = function mapStateToProps(state) {
+var mapStateToProps$e = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       activeIndex = _state$paladin$viewpo.activeIndex,
       currentSeriesUID = _state$paladin$viewpo.currentSeriesUID,
@@ -48441,8 +49106,8 @@ var mapStateToProps$d = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$d = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$y(_objectSpread$y(_objectSpread$y({}, ownProps), propsFromState), {}, {
+var mergeProps$e = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$A(_objectSpread$A(_objectSpread$A({}, ownProps), propsFromState), {}, {
     selectThumb: function selectThumb(selectSeriesIndex, currentStudy) {
       /**
        * 选择了缩略图时
@@ -48486,14 +49151,14 @@ var mergeProps$d = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomThumbnail = reactRedux.connect(mapStateToProps$d, {
+var ConnectedDicomThumbnail = reactRedux.connect(mapStateToProps$e, {
   setSeries: setSeries,
   setCurrentSeries: setCurrentSeries,
   setSeriesCurrentIndex: setSeriesCurrentIndex,
   setImageScrollLine: setImageScrollLine,
   setImageActiveIndex: setImageActiveIndex
-}, mergeProps$d)(DicomThumbnailLayout);
-var _default$10 = ConnectedDicomThumbnail;
+}, mergeProps$e)(DicomThumbnailLayout);
+var _default$11 = ConnectedDicomThumbnail;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -48502,10 +49167,10 @@ var _default$10 = ConnectedDicomThumbnail;
     return;
   }
 
-  reactHotLoader.register(mapStateToProps$d, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomThumbnail/ConnectedDicomThumbnail.js");
-  reactHotLoader.register(mergeProps$d, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomThumbnail/ConnectedDicomThumbnail.js");
+  reactHotLoader.register(mapStateToProps$e, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomThumbnail/ConnectedDicomThumbnail.js");
+  reactHotLoader.register(mergeProps$e, "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$10, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomThumbnail/ConnectedDicomThumbnail.js");
+  reactHotLoader.register(_default$11, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomThumbnail/ConnectedDicomThumbnail.js");
 })();
 
 (function () {
@@ -48513,15 +49178,15 @@ var _default$10 = ConnectedDicomThumbnail;
   leaveModule && leaveModule(module);
 })();
 
-var css_248z$k = ".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$k);
+var css_248z$l = ".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$l);
 
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
 
-var __signature__$2X = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2_ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 function combineDateAndTimeToMoment(dicom, tag) {
@@ -48574,7 +49239,7 @@ function convertSecondsToMinAndSecond(seconds) {
   enterModule && enterModule(module);
 })();
 
-var __signature__$2Y = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2$ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -48604,7 +49269,7 @@ function formatNumberPrecision(number, precision) {
   enterModule && enterModule(module);
 })();
 
-var __signature__$2Z = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$30 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 function getPixelSpacing$9(imageId) {
@@ -48643,11 +49308,11 @@ function getPixelSpacing$9(imageId) {
   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__$2_ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$31 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -48773,7 +49438,7 @@ var formatDicomInfo = function formatDicomInfo(label, value) {
 var ViewportOverlay = /*#__PURE__*/function (_PureComponent) {
   inherits(ViewportOverlay, _PureComponent);
 
-  var _super = _createSuper$1c(ViewportOverlay);
+  var _super = _createSuper$1d(ViewportOverlay);
 
   function ViewportOverlay(props) {
     var _this;
@@ -49002,7 +49667,7 @@ defineProperty(ViewportOverlay, "propTypes", {
   hide: PropTypes$1.bool
 });
 
-var _default$11 = ViewportOverlay;
+var _default$12 = ViewportOverlay;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -49021,7 +49686,7 @@ var _default$11 = 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$11, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomViewport/ViewportOverlay/index.js");
+  reactHotLoader.register(_default$12, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomViewport/ViewportOverlay/index.js");
 })();
 
 (function () {
@@ -49029,8 +49694,8 @@ var _default$11 = ViewportOverlay;
   leaveModule && leaveModule(module);
 })();
 
-var css_248z$l = ".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$l);
+var css_248z$m = ".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$m);
 
 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); }
 
@@ -49062,26 +49727,26 @@ var SvgChevronDown = function SvgChevronDown(props) {
   }, props), _ref$1d);
 };
 
-var css_248z$m = ".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$m);
+var css_248z$n = ".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$n);
 
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   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__$32 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var AITips = /*#__PURE__*/function (_Component) {
   inherits(AITips, _Component);
 
-  var _super = _createSuper$1d(AITips);
+  var _super = _createSuper$1e(AITips);
 
   function AITips() {
     classCallCheck(this, AITips);
@@ -49145,18 +49810,18 @@ defineProperty(AITips, "propTypes", {
   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__$33 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var CustomScroll = /*#__PURE__*/function (_Component) {
   inherits(CustomScroll, _Component);
 
-  var _super = _createSuper$1e(CustomScroll);
+  var _super = _createSuper$1f(CustomScroll);
 
   function CustomScroll(props) {
     var _this;
@@ -49558,8 +50223,8 @@ defineProperty(CustomScroll, "propTypes", {
   leaveModule && leaveModule(module);
 })();
 
-var css_248z$n = ".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$n);
+var css_248z$o = ".paladin-mpr-direaction-tip {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  width: 10px;\n  height: 10px;\n}\n.paladin-mpr-direaction-toggle-box {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  cursor: pointer;\n}\n.paladin-mpr-direaction-toggle-box span {\n  display: inline-block;\n  padding: 3px;\n  font-size: 12px;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle {\n  border: 1px solid #999;\n  background: #000;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle:last-child {\n  border-left: none;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle-active {\n  background: #0d5075;\n}\n.rc-slider {\n  background-color: transparent !important;\n}\n.paladin-viewport-wrapper {\n  overflow: hidden;\n  color: white;\n  height: 100%;\n  position: relative;\n}\n.cornerstone-canvas-container {\n  box-sizing: border-box;\n  width: 100%;\n  position: relative;\n}\n.paladin-viewport-scroll-wrappper {\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n}\n.paladin-viewport-scroll-inner {\n  width: 40%;\n  margin: 5px auto auto;\n}\n.paladin-viewport-scroll-mpr-wrappper {\n  width: 100%;\n  position: relative;\n  z-index: 1;\n}\n";
+styleInject$1(css_248z$o);
 
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
@@ -49572,7 +50237,7 @@ 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; }
 
-var __signature__$31 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$34 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var triggerEvent$3 = _default$E.importInternal('util/triggerEvent');
@@ -49793,7 +50458,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__$32 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$35 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var external$t = cornerstoneTools.external;
@@ -49856,26 +50521,26 @@ function processCentesisPath(imageId) {
   leaveModule && leaveModule(module);
 })();
 
-var css_248z$o = ".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$o);
+var css_248z$p = ".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$p);
 
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   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__$33 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$36 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var ThicknessSelectMain = /*#__PURE__*/function (_Component) {
   inherits(ThicknessSelectMain, _Component);
 
-  var _super = _createSuper$1f(ThicknessSelectMain);
+  var _super = _createSuper$1g(ThicknessSelectMain);
 
   function ThicknessSelectMain(props) {
     var _this;
@@ -49887,7 +50552,8 @@ var ThicknessSelectMain = /*#__PURE__*/function (_Component) {
     defineProperty(assertThisInitialized(_this), "onPopoverClose", function (eventData) {
       if (eventData && eventData.value) {
         var value = eventData.value;
-        changeThickness(_this.props.imageId, value, _this.props.mpr, 'MIP');
+        var imageProcessType = _this.props.Surgery ? ImageProcessType.Centesis : ImageProcessType.MPR;
+        changeThickness(_this.props.imageId, value, _this.props.mpr, 'MIP', imageProcessType);
 
         _this.props.onSelect(value);
       }
@@ -49986,15 +50652,15 @@ var ThicknessSelectMain = /*#__PURE__*/function (_Component) {
   enterModule && enterModule(module);
 })();
 
-function ownKeys$y(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$z(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$y(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$y(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; }
 
-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__$34 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$37 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var EVENT_RESIZE = 'resize';
@@ -50036,7 +50702,7 @@ function initializeTools$1(cornerstoneTools, tools, element) {
 var DicomViewport = /*#__PURE__*/function (_Component) {
   inherits(DicomViewport, _Component);
 
-  var _super = _createSuper$1g(DicomViewport);
+  var _super = _createSuper$1h(DicomViewport);
 
   function DicomViewport(_props) {
     var _this;
@@ -50793,7 +51459,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$$, {
+      }, displayLoadingIndicator && /*#__PURE__*/React__default.createElement(_default$10, {
         error: error,
         handleRetry: this.loadImage
       }), /*#__PURE__*/React__default.createElement("canvas", {
@@ -50803,7 +51469,7 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
           position: 'absolute',
           color: 'transparent'
         }
-      }, "1"), showOverlayText && /*#__PURE__*/React__default.createElement(_default$11, {
+      }, "1"), showOverlayText && /*#__PURE__*/React__default.createElement(_default$12, {
         viewport: viewport,
         imageId: imageId,
         stack: stack,
@@ -50854,6 +51520,7 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
         },
         stack: stack,
         imageId: imageId,
+        Surgery: Surgery,
         mpr: mpr
       })), mpr && !Surgery && /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-mpr-direaction-tip",
@@ -50908,7 +51575,8 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
       if (this.props.mpr) {
         var currentImageIndex = this.props.stack && this.props.stack.currentImageIdIndex || 0;
         var imageId = this.props.stack && this.props.stack.imageIds[currentImageIndex];
-        var sliceThickness = setThickness(imageId);
+        var imageProcessType = this.props.Surgery ? ImageProcessType.Centesis : ImageProcessType.MPR;
+        var sliceThickness = setThickness(imageId, imageProcessType);
         this.setState({
           sliceThickness: sliceThickness
         });
@@ -50973,7 +51641,7 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
           nextViewport.colormap = undefined;
         }
 
-        cornerstone.setViewport(this.element, _objectSpread$z(_objectSpread$z({}, nextViewport), {}, {
+        cornerstone.setViewport(this.element, _objectSpread$B(_objectSpread$B({}, nextViewport), {}, {
           displayedArea: defaultViewport.displayedArea
         }));
         this.setState({
@@ -51583,10 +52251,10 @@ defineProperty(DicomViewport, "defaultProps", {
   enterModule && enterModule(module);
 })();
 
-var __signature__$35 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$38 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var _default$12 = DicomViewport;
+var _default$13 = DicomViewport;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -51595,7 +52263,7 @@ var _default$12 = DicomViewport;
     return;
   }
 
-  reactHotLoader.register(_default$12, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomViewport/index.js");
+  reactHotLoader.register(_default$13, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomViewport/index.js");
 })();
 
 (function () {
@@ -51608,11 +52276,11 @@ var _default$12 = DicomViewport;
   enterModule && enterModule(module);
 })();
 
-var __signature__$36 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$39 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
-var mapStateToProps$e = function mapStateToProps(state) {
+var mapStateToProps$f = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.action,
       activeTool = _state$paladin$tools$.activeTool,
       ReferenceLines = _state$paladin$tools$.ReferenceLines,
@@ -51658,11 +52326,11 @@ var mapStateToProps$e = function mapStateToProps(state) {
   };
 };
 
-var ConnectedDicomViewport = reactRedux.connect(mapStateToProps$e, {
+var ConnectedDicomViewport = reactRedux.connect(mapStateToProps$f, {
   setActiveTool: setActiveTool,
   setSeriesCurrentIndex: setSeriesCurrentIndex
-})(_default$12);
-var _default$13 = ConnectedDicomViewport;
+})(_default$13);
+var _default$14 = ConnectedDicomViewport;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -51671,9 +52339,9 @@ var _default$13 = ConnectedDicomViewport;
     return;
   }
 
-  reactHotLoader.register(mapStateToProps$e, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomViewport/ConnectedDicomViewport.js");
+  reactHotLoader.register(mapStateToProps$f, "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$13, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomViewport/ConnectedDicomViewport.js");
+  reactHotLoader.register(_default$14, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomViewport/ConnectedDicomViewport.js");
 })();
 
 (function () {
@@ -51681,15 +52349,15 @@ var _default$13 = ConnectedDicomViewport;
   leaveModule && leaveModule(module);
 })();
 
-var css_248z$p = ".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$p);
+var css_248z$q = ".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$q);
 
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
 
-var __signature__$37 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3a = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var DicomLayoutContainer = function DicomLayoutContainer(props) {
@@ -51725,11 +52393,11 @@ 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; }
 
-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__$38 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3b = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -51746,7 +52414,7 @@ var EmptyElement = function EmptyElement(_ref) {
 var DicomLayout = /*#__PURE__*/function (_Component) {
   inherits(DicomLayout, _Component);
 
-  var _super = _createSuper$1h(DicomLayout);
+  var _super = _createSuper$1i(DicomLayout);
 
   function DicomLayout(props) {
     var _this;
@@ -51969,7 +52637,7 @@ var DicomLayout = /*#__PURE__*/function (_Component) {
               col: col
             });
           }
-          return /*#__PURE__*/React__default.createElement(_default$13 // key={`viewport-${row}-${col}-${currentScrollLine}-${index}`}
+          return /*#__PURE__*/React__default.createElement(_default$14 // key={`viewport-${row}-${col}-${currentScrollLine}-${index}`}
           , {
             key: "viewport-".concat(index),
             scrollWidth: scrollWidth,
@@ -52065,11 +52733,11 @@ defineProperty(DicomLayout, "propTypes", {
   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$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$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$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__$39 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3c = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 /**
@@ -52077,7 +52745,7 @@ var __signature__$39 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoa
  *
  */
 
-var mapStateToProps$f = function mapStateToProps(state) {
+var mapStateToProps$g = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       activeIndex = _state$paladin$viewpo.activeIndex,
       linkSeriesIndex = _state$paladin$viewpo.linkSeriesIndex,
@@ -52111,7 +52779,7 @@ var mapStateToProps$f = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$e = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$f = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var linkSeriesIndex = propsFromState.linkSeriesIndex,
       linkSynchronizer = propsFromState.linkSynchronizer,
       linkScrollSynchronizer = propsFromState.linkScrollSynchronizer,
@@ -52143,7 +52811,7 @@ var mergeProps$e = function mergeProps(propsFromState, propsFromDispatch, ownPro
   var startIndex = col * currentScrollLine;
   var endIndex = startIndex + col * row;
   var currentLayoutSeries = series.slice(startIndex, endIndex);
-  return _objectSpread$A(_objectSpread$A(_objectSpread$A(_objectSpread$A({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$C(_objectSpread$C(_objectSpread$C(_objectSpread$C({}, ownProps), propsFromState), propsFromDispatch), {}, {
     series: currentLayoutSeries,
     seriesTotalCount: series.length,
     row: row,
@@ -52354,7 +53022,7 @@ var mergeProps$e = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomLayout = reactRedux.connect(mapStateToProps$f, {
+var ConnectedDicomLayout = reactRedux.connect(mapStateToProps$g, {
   setActiveIndex: setActiveIndex,
   setCurrentSeries: setCurrentSeries,
   setSeries: setSeries,
@@ -52364,8 +53032,8 @@ var ConnectedDicomLayout = reactRedux.connect(mapStateToProps$f, {
   setLinkSeries: setLinkSeries,
   openOnePickLayout: openOnePickLayout,
   closeOnePickLayout: closeOnePickLayout
-}, mergeProps$e)(DicomLayout);
-var _default$14 = ConnectedDicomLayout;
+}, mergeProps$f)(DicomLayout);
+var _default$15 = ConnectedDicomLayout;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -52374,10 +53042,10 @@ var _default$14 = ConnectedDicomLayout;
     return;
   }
 
-  reactHotLoader.register(mapStateToProps$f, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomLayout.js");
-  reactHotLoader.register(mergeProps$e, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomLayout.js");
+  reactHotLoader.register(mapStateToProps$g, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomLayout.js");
+  reactHotLoader.register(mergeProps$f, "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$14, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomLayout.js");
+  reactHotLoader.register(_default$15, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomLayout.js");
 })();
 
 (function () {
@@ -52390,11 +53058,11 @@ var _default$14 = ConnectedDicomLayout;
   enterModule && enterModule(module);
 })();
 
-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$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$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$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__$3a = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3d = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 /**
@@ -52402,7 +53070,7 @@ var __signature__$3a = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoa
  *
  */
 
-var mapStateToProps$g = function mapStateToProps(state) {
+var mapStateToProps$h = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       imageActiveIndex = _state$paladin$viewpo.imageActiveIndex,
       currentSeries = _state$paladin$viewpo.currentSeries,
@@ -52467,7 +53135,7 @@ var mapDispatchToProps$4 = function mapDispatchToProps(dispatch) {
   };
 };
 
-var mergeProps$f = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$g = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var currentSeries = propsFromState.currentSeries,
       imageActiveIndex = propsFromState.imageActiveIndex,
       linkImageIndex = propsFromState.linkImageIndex,
@@ -52501,7 +53169,7 @@ var mergeProps$f = function mergeProps(propsFromState, propsFromDispatch, ownPro
     };
   });
   var showVerticalScroll = series && series.length / col > row;
-  return _objectSpread$B(_objectSpread$B(_objectSpread$B(_objectSpread$B({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$D(_objectSpread$D(_objectSpread$D(_objectSpread$D({}, ownProps), propsFromState), propsFromDispatch), {}, {
     currentScrollLine: currentScrollLineImage,
     series: series,
     activeIndex: imageActiveIndex,
@@ -52631,8 +53299,8 @@ var mergeProps$f = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomImageModeLayout = reactRedux.connect(mapStateToProps$g, mapDispatchToProps$4, mergeProps$f)(DicomLayout);
-var _default$15 = ConnectedDicomImageModeLayout;
+var ConnectedDicomImageModeLayout = reactRedux.connect(mapStateToProps$h, mapDispatchToProps$4, mergeProps$g)(DicomLayout);
+var _default$16 = ConnectedDicomImageModeLayout;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -52641,11 +53309,11 @@ var _default$15 = ConnectedDicomImageModeLayout;
     return;
   }
 
-  reactHotLoader.register(mapStateToProps$g, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomImageModeLayout.js");
+  reactHotLoader.register(mapStateToProps$h, "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$f, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomImageModeLayout.js");
+  reactHotLoader.register(mergeProps$g, "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$15, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomImageModeLayout.js");
+  reactHotLoader.register(_default$16, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomImageModeLayout.js");
 })();
 
 (function () {
@@ -52653,26 +53321,26 @@ var _default$15 = ConnectedDicomImageModeLayout;
   leaveModule && leaveModule(module);
 })();
 
-var css_248z$q = ".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$q);
+var css_248z$r = ".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$r);
 
 (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__$3b = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3e = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var SurgeryLayout = /*#__PURE__*/function (_Component) {
   inherits(SurgeryLayout, _Component);
 
-  var _super = _createSuper$1i(SurgeryLayout);
+  var _super = _createSuper$1j(SurgeryLayout);
 
   function SurgeryLayout(props) {
     var _this;
@@ -53030,12 +53698,11 @@ var SurgeryLayout = /*#__PURE__*/function (_Component) {
                 break;
 
               case 12:
-                this.instanceImages = instanceImages;
-                _context2.next = 19;
+                _context2.next = 18;
                 break;
 
-              case 15:
-                _context2.prev = 15;
+              case 14:
+                _context2.prev = 14;
                 _context2.t0 = _context2["catch"](3);
                 processing && this.setState({
                   processingMessage: "\u56FE\u50CF\u52A0\u8F7D\u5931\u8D25: ".concat(_context2.t0.message || '未知错误'),
@@ -53043,7 +53710,10 @@ var SurgeryLayout = /*#__PURE__*/function (_Component) {
                 });
                 return _context2.abrupt("return");
 
-              case 19:
+              case 18:
+                // 能进入到这个组件中的已经默认是符合前期条件+选择了继续重建的，所以做一遍filter
+                this.instanceImages = filterRebuildImages(instanceImages);
+
                 if (processing) {
                   _context2.next = 23;
                   break;
@@ -53070,7 +53740,7 @@ var SurgeryLayout = /*#__PURE__*/function (_Component) {
                 return _context2.stop();
             }
           }
-        }, _callee2, this, [[3, 15]]);
+        }, _callee2, this, [[3, 14]]);
       }));
 
       function componentDidMount() {
@@ -53120,7 +53790,7 @@ var SurgeryLayout = /*#__PURE__*/function (_Component) {
           getCacheViewport = _this$props.getCacheViewport,
           onSyncOpen = _this$props.onSyncOpen; // 横断面
 
-      var transverseEle = /*#__PURE__*/React__default.createElement(_default$13, {
+      var transverseEle = /*#__PURE__*/React__default.createElement(_default$14, {
         stack: transverseStack,
         width: '50%',
         index: 0,
@@ -53137,7 +53807,7 @@ var SurgeryLayout = /*#__PURE__*/function (_Component) {
         availableToolsConfig: this.availableToolsConfig
       }); // 正矢状面
 
-      var sagittalEle = /*#__PURE__*/React__default.createElement(_default$13, {
+      var sagittalEle = /*#__PURE__*/React__default.createElement(_default$14, {
         stack: sagittalStack,
         key: 'Sagittal',
         width: '50%',
@@ -53164,7 +53834,7 @@ var SurgeryLayout = /*#__PURE__*/function (_Component) {
         direction: direction
       }); // 正冠
 
-      var coronalEle = /*#__PURE__*/React__default.createElement(_default$13, {
+      var coronalEle = /*#__PURE__*/React__default.createElement(_default$14, {
         stack: coronalStack,
         key: 'Coronal',
         width: '50%',
@@ -53191,7 +53861,7 @@ var SurgeryLayout = /*#__PURE__*/function (_Component) {
         direction: direction
       }); // 斜矢状面
 
-      var slantSagittalEle = /*#__PURE__*/React__default.createElement(_default$13, {
+      var slantSagittalEle = /*#__PURE__*/React__default.createElement(_default$14, {
         stack: slantSagittalStack,
         key: 'SlantSagittal',
         width: '50%',
@@ -53218,7 +53888,7 @@ var SurgeryLayout = /*#__PURE__*/function (_Component) {
         direction: slantDirection
       }); // 斜冠状面
 
-      var slantCoronalEle = /*#__PURE__*/React__default.createElement(_default$13, {
+      var slantCoronalEle = /*#__PURE__*/React__default.createElement(_default$14, {
         stack: slantCoronalStack,
         key: 'SlantCoronal',
         width: '50%',
@@ -53245,7 +53915,7 @@ var SurgeryLayout = /*#__PURE__*/function (_Component) {
         direction: slantDirection
       }); // 容积横断面
 
-      var volumeTransverseEle = /*#__PURE__*/React__default.createElement(_default$13, {
+      var volumeTransverseEle = /*#__PURE__*/React__default.createElement(_default$14, {
         stack: volumeTransverseStack,
         width: '50%',
         index: 3,
@@ -53264,7 +53934,7 @@ var SurgeryLayout = /*#__PURE__*/function (_Component) {
         directionToggle: this.volumnDirectionToggle
       }); // 容积矢状面
 
-      var volumeSagittalEle = /*#__PURE__*/React__default.createElement(_default$13, {
+      var volumeSagittalEle = /*#__PURE__*/React__default.createElement(_default$14, {
         stack: volumeSagittalStack,
         width: '50%',
         index: 3,
@@ -53283,7 +53953,7 @@ var SurgeryLayout = /*#__PURE__*/function (_Component) {
         directionToggle: this.volumnDirectionToggle
       }); // 容积冠状面
 
-      var volumeCoronalEle = /*#__PURE__*/React__default.createElement(_default$13, {
+      var volumeCoronalEle = /*#__PURE__*/React__default.createElement(_default$14, {
         stack: volumeCoronalStack,
         width: '50%',
         index: 3,
@@ -53354,15 +54024,15 @@ defineProperty(SurgeryLayout, "propTypes", {});
   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$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$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$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; }
 
-var __signature__$3c = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3f = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
-var mapStateToProps$h = function mapStateToProps(state) {
+var mapStateToProps$i = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       currentSeries = _state$paladin$viewpo.currentSeries,
       surgeryActiveIndex = _state$paladin$viewpo.surgeryActiveIndex,
@@ -53378,8 +54048,8 @@ var mapStateToProps$h = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$g = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$C(_objectSpread$C(_objectSpread$C({}, propsFromState), ownProps), {}, {
+var mergeProps$h = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$E(_objectSpread$E(_objectSpread$E({}, propsFromState), ownProps), {}, {
     onViewPortCellClick: function onViewPortCellClick() {
       propsFromDispatch.setSurgeryActiveIndex.apply(propsFromDispatch, arguments);
     },
@@ -53398,10 +54068,10 @@ var mergeProps$g = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedSurgeryLayout = reactRedux.connect(mapStateToProps$h, {
+var ConnectedSurgeryLayout = reactRedux.connect(mapStateToProps$i, {
   setSurgeryActiveIndex: setSurgeryActiveIndex
-}, mergeProps$g)(SurgeryLayout);
-var _default$16 = ConnectedSurgeryLayout;
+}, mergeProps$h)(SurgeryLayout);
+var _default$17 = ConnectedSurgeryLayout;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -53410,10 +54080,10 @@ var _default$16 = ConnectedSurgeryLayout;
     return;
   }
 
-  reactHotLoader.register(mapStateToProps$h, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/Surgery/ConnectedSurgeryLayout.js");
-  reactHotLoader.register(mergeProps$g, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/Surgery/ConnectedSurgeryLayout.js");
+  reactHotLoader.register(mapStateToProps$i, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/Surgery/ConnectedSurgeryLayout.js");
+  reactHotLoader.register(mergeProps$h, "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$16, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/Surgery/ConnectedSurgeryLayout.js");
+  reactHotLoader.register(_default$17, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/Surgery/ConnectedSurgeryLayout.js");
 })();
 
 (function () {
@@ -53421,29 +54091,29 @@ var _default$16 = ConnectedSurgeryLayout;
   leaveModule && leaveModule(module);
 })();
 
-var css_248z$r = ".paladin-main-wrapper svg {\n  width: 100%;\n  height: 100%;\n}\n.paladin-main-wrapper span,\n.paladin-main-wrapper div {\n  user-select: none;\n}\n.paladin-main-wrapper .paladin-dicomView-dicomToolWrapper {\n  background-color: #353535;\n  z-index: 2;\n}\n.paladin-main-wrapper .paladin-dicomView-dicomThumbnailWrapper {\n  background-color: #353535;\n  border: 1px solid #727882;\n}\n.paladin-main-wrapper .paladin-dicomView-pcmobileWrapper {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  width: 0;\n}\nbutton:focus {\n  outline: none;\n}\n.paladin-flex {\n  display: flex;\n}\n.paladin-flex-row {\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: row;\n  flex-wrap: wrap;\n  flex: 0 1 auto;\n}\n.paladin-flex-col {\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  flex: 0 0 auto;\n}\n.paladin-flex-center {\n  justify-content: center;\n  align-items: center;\n}\n.paladin-flex-end {\n  justify-content: flex-end;\n}\n.paladin-flex-1 {\n  flex: 1;\n}\n.paladin-full-content {\n  width: 100%;\n  height: 100%;\n}\n.paladin-full-height {\n  height: 100%;\n}\n.paladin-full-width {\n  width: 100%;\n}\n.paladin-text-center {\n  text-align: center;\n}\n";
-styleInject$1(css_248z$r);
-
-var css_248z$s = ".image-processing-container {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  background: black;\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  flex-direction: column;\n  z-index: 999;\n}\n.image-processing-container-content {\n  cursor: pointer;\n}\n.image-processing-container-content svg {\n  width: 50px;\n  height: 50px;\n  display: block;\n  margin: 15px auto 0 auto;\n  color: #999;\n}\n.paladin-three-wrapper {\n  width: 100%;\n  height: 100%;\n  color: white;\n  display: flex;\n}\n.paladin-three-horizontal-left {\n  width: 66.6%;\n  height: 100%;\n}\n.paladin-three-horizontal-right {\n  width: 33.4%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.paladin-three-vertical-top {\n  width: 100%;\n  height: 66.6%;\n  flex-direction: row;\n}\n.paladin-three-vertical-bottom {\n  width: 100%;\n  height: 33.4%;\n  display: flex;\n  flex-direction: row;\n}\n.paladin-three-height-50 {\n  width: 100%;\n  height: 50%;\n}\n.paladin-three-width-50 {\n  width: 50%;\n  height: 100%;\n}\n.paladin-three-height-33 {\n  width: 100%;\n  height: 33.333%;\n}\n.paladin-three-width-33 {\n  height: 100%;\n  width: 33.333%;\n}\n.paladin-three-relative {\n  position: relative;\n}\n.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$s = ".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$s);
 
+var css_248z$t = ".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$t);
+
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   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__$3d = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3g = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var ThreeDLayout = /*#__PURE__*/function (_Component) {
   inherits(ThreeDLayout, _Component);
 
-  var _super = _createSuper$1j(ThreeDLayout);
+  var _super = _createSuper$1k(ThreeDLayout);
 
   function ThreeDLayout(props) {
     var _this;
@@ -53665,18 +54335,21 @@ var ThreeDLayout = /*#__PURE__*/function (_Component) {
                 return _context2.abrupt("return");
 
               case 18:
+                // 能进入到这个组件中的已经默认是符合前期条件+选择了继续重建的，所以做一遍filter
+                instanceImages = filterRebuildImages(instanceImages);
+
                 if (processing) {
-                  _context2.next = 22;
+                  _context2.next = 23;
                   break;
                 }
 
-                _context2.next = 21;
+                _context2.next = 22;
                 return this.initMPR(currentSeries, instanceImages);
 
-              case 21:
+              case 22:
                 return _context2.abrupt("return");
 
-              case 22:
+              case 23:
                 this.setState({
                   processingMessage: "\u6B63\u5728\u5904\u7406\u56FE\u50CF...",
                   error: null
@@ -53686,7 +54359,7 @@ var ThreeDLayout = /*#__PURE__*/function (_Component) {
                   }, 50);
                 });
 
-              case 23:
+              case 24:
               case "end":
                 return _context2.stop();
             }
@@ -53736,7 +54409,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$13, {
+      var transverseEle = /*#__PURE__*/React__default.createElement(_default$14, {
         stack: transverseStack,
         index: transverseIndex,
         showOverlayText: showOverlayText,
@@ -53752,7 +54425,7 @@ var ThreeDLayout = /*#__PURE__*/function (_Component) {
         availableToolsConfig: this.availableToolsConfig
       }); // 矢状面
 
-      var sagittalEle = /*#__PURE__*/React__default.createElement(_default$13, {
+      var sagittalEle = /*#__PURE__*/React__default.createElement(_default$14, {
         stack: sagittalStack,
         index: sagittalIndex,
         showOverlayText: showOverlayText,
@@ -53768,7 +54441,7 @@ var ThreeDLayout = /*#__PURE__*/function (_Component) {
         availableToolsConfig: this.availableToolsConfig
       }); // 冠状面
 
-      var coronalEle = /*#__PURE__*/React__default.createElement(_default$13, {
+      var coronalEle = /*#__PURE__*/React__default.createElement(_default$14, {
         stack: coronalStack,
         index: coronalIndex,
         showOverlayText: showOverlayText,
@@ -53876,15 +54549,15 @@ defineProperty(ThreeDLayout, "propTypes", {});
   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$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$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$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__$3e = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3h = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
-var mapStateToProps$i = function mapStateToProps(state) {
+var mapStateToProps$j = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       currentSeries = _state$paladin$viewpo.currentSeries,
       mprActiveIndex = _state$paladin$viewpo.mprActiveIndex,
@@ -53900,8 +54573,8 @@ var mapStateToProps$i = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$h = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$D(_objectSpread$D(_objectSpread$D({}, propsFromState), ownProps), {}, {
+var mergeProps$i = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$F(_objectSpread$F(_objectSpread$F({}, propsFromState), ownProps), {}, {
     onViewPortCellClick: function onViewPortCellClick() {
       propsFromDispatch.setMprActiveIndex.apply(propsFromDispatch, arguments);
     },
@@ -53917,10 +54590,10 @@ var mergeProps$h = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedMPRLayout = reactRedux.connect(mapStateToProps$i, {
+var ConnectedMPRLayout = reactRedux.connect(mapStateToProps$j, {
   setMprActiveIndex: setMprActiveIndex
-}, mergeProps$h)(ThreeDLayout);
-var _default$17 = ConnectedMPRLayout;
+}, mergeProps$i)(ThreeDLayout);
+var _default$18 = ConnectedMPRLayout;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -53929,10 +54602,10 @@ var _default$17 = ConnectedMPRLayout;
     return;
   }
 
-  reactHotLoader.register(mapStateToProps$i, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/Connected3DLayout.js");
-  reactHotLoader.register(mergeProps$h, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/Connected3DLayout.js");
+  reactHotLoader.register(mapStateToProps$j, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/Connected3DLayout.js");
+  reactHotLoader.register(mergeProps$i, "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$17, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/Connected3DLayout.js");
+  reactHotLoader.register(_default$18, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/Connected3DLayout.js");
 })();
 
 (function () {
@@ -53951,18 +54624,18 @@ 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$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__$3f = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3i = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var ThreeDLayout$1 = /*#__PURE__*/function (_Component) {
   inherits(ThreeDLayout, _Component);
 
-  var _super = _createSuper$1k(ThreeDLayout);
+  var _super = _createSuper$1l(ThreeDLayout);
 
   function ThreeDLayout(props) {
     var _this;
@@ -54125,6 +54798,8 @@ var ThreeDLayout$1 = /*#__PURE__*/function (_Component) {
                 instanceImages[i] = _context2.sent;
 
                 if (i === currentSeries.imageIds.length - 1) {
+                  // 能进入到这个组件中的已经默认是符合前期条件+选择了继续重建的，所以做一遍filter
+                  instanceImages = filterRebuildImages(instanceImages);
                   this.setState({
                     processingMessage: "\u6B63\u5728\u5904\u7406\u56FE\u50CF...",
                     instanceImages: instanceImages,
@@ -54208,7 +54883,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$17, {
+      }, instanceImages && /*#__PURE__*/React__default.createElement(_default$18, {
         VR: true,
         showProcessing: false
       }))) : /*#__PURE__*/React__default.createElement("div", {
@@ -54218,7 +54893,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$17, {
+      }, instanceImages && /*#__PURE__*/React__default.createElement(_default$18, {
         VR: true,
         showProcessing: false
       }))));
@@ -54257,29 +54932,27 @@ defineProperty(ThreeDLayout$1, "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$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$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$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__$3g = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3j = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
-var mapStateToProps$j = function mapStateToProps(state) {
-  var _state$paladin$viewpo = state.paladin.viewport,
-      series = _state$paladin$viewpo.series,
-      activeIndex = _state$paladin$viewpo.activeIndex;
+var mapStateToProps$k = function mapStateToProps(state) {
+  var currentSeries = state.paladin.viewport.currentSeries;
   return {
-    currentSeries: series[activeIndex]
+    currentSeries: currentSeries
   };
 };
 
-var mergeProps$i = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$E(_objectSpread$E({}, propsFromState), ownProps);
+var mergeProps$j = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$G(_objectSpread$G({}, propsFromState), ownProps);
 };
 
-var ConnectedVR = reactRedux.connect(mapStateToProps$j, {}, mergeProps$i)(ThreeDLayout$1);
-var _default$18 = ConnectedVR;
+var ConnectedVR = reactRedux.connect(mapStateToProps$k, {}, mergeProps$j)(ThreeDLayout$1);
+var _default$19 = ConnectedVR;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -54288,10 +54961,10 @@ var _default$18 = ConnectedVR;
     return;
   }
 
-  reactHotLoader.register(mapStateToProps$j, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/ConnectedVR.js");
-  reactHotLoader.register(mergeProps$i, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/ConnectedVR.js");
+  reactHotLoader.register(mapStateToProps$k, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/ConnectedVR.js");
+  reactHotLoader.register(mergeProps$j, "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$18, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/ConnectedVR.js");
+  reactHotLoader.register(_default$19, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/ConnectedVR.js");
 })();
 
 (function () {
@@ -54304,18 +54977,18 @@ var _default$18 = ConnectedVR;
   enterModule && enterModule(module);
 })();
 
-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__$3h = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3k = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var MIPLayout = /*#__PURE__*/function (_Component) {
   inherits(MIPLayout, _Component);
 
-  var _super = _createSuper$1l(MIPLayout);
+  var _super = _createSuper$1m(MIPLayout);
 
   function MIPLayout(props) {
     var _this;
@@ -54441,6 +55114,8 @@ var MIPLayout = /*#__PURE__*/function (_Component) {
                 instanceImages[i] = _context2.sent;
 
                 if (i === currentSeries.imageIds.length - 1) {
+                  // 能进入到这个组件中的已经默认是符合前期条件+选择了继续重建的，所以做一遍filter
+                  instanceImages = filterRebuildImages(instanceImages);
                   this.setState({
                     processingMessage: "\u6B63\u5728\u5904\u7406\u56FE\u50CF...",
                     instanceImages: instanceImages,
@@ -54558,31 +55233,29 @@ defineProperty(MIPLayout, "propTypes", {});
   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$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$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$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__$3i = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3l = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
-var mapStateToProps$k = function mapStateToProps(state) {
-  var _state$paladin$viewpo = state.paladin.viewport,
-      series = _state$paladin$viewpo.series,
-      activeIndex = _state$paladin$viewpo.activeIndex;
+var mapStateToProps$l = function mapStateToProps(state) {
+  var currentSeries = state.paladin.viewport.currentSeries;
   return {
-    currentSeries: series[activeIndex]
+    currentSeries: currentSeries
   };
 };
 
-var mergeProps$j = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$F(_objectSpread$F(_objectSpread$F({}, propsFromState), propsFromDispatch), ownProps);
+var mergeProps$k = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$H(_objectSpread$H(_objectSpread$H({}, propsFromState), propsFromDispatch), ownProps);
 };
 
-var ConnectedMIP = reactRedux.connect(mapStateToProps$k, {
+var ConnectedMIP = reactRedux.connect(mapStateToProps$l, {
   set3DActiveTool: set3DActiveTool
-}, mergeProps$j)(MIPLayout);
-var _default$19 = ConnectedMIP;
+}, mergeProps$k)(MIPLayout);
+var _default$1a = ConnectedMIP;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -54591,10 +55264,10 @@ var _default$19 = ConnectedMIP;
     return;
   }
 
-  reactHotLoader.register(mapStateToProps$k, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/ConnectedMIP.js");
-  reactHotLoader.register(mergeProps$j, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/ConnectedMIP.js");
+  reactHotLoader.register(mapStateToProps$l, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/ConnectedMIP.js");
+  reactHotLoader.register(mergeProps$k, "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$19, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/ConnectedMIP.js");
+  reactHotLoader.register(_default$1a, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/ConnectedMIP.js");
 })();
 
 (function () {
@@ -54607,7 +55280,7 @@ var _default$19 = ConnectedMIP;
   enterModule && enterModule(module);
 })();
 
-var __signature__$3j = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3m = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -54644,11 +55317,11 @@ function colorMapFix(viewportData) {
   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$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$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$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__$3k = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3n = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 /**
@@ -54656,7 +55329,7 @@ var __signature__$3k = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoa
  *
  */
 
-var mapStateToProps$l = function mapStateToProps(state) {
+var mapStateToProps$m = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       imageActiveIndex = _state$paladin$viewpo.imageActiveIndex,
       linkImageIndex = _state$paladin$viewpo.linkImageIndex,
@@ -54719,7 +55392,7 @@ var mapDispatchToProps$5 = function mapDispatchToProps(dispatch) {
   };
 };
 
-var mergeProps$k = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$l = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var imageActiveIndex = propsFromState.imageActiveIndex,
       linkImageIndex = propsFromState.linkImageIndex,
       activeIndex = propsFromState.activeIndex,
@@ -54754,7 +55427,7 @@ var mergeProps$k = function mergeProps(propsFromState, propsFromDispatch, ownPro
   var endIndex = startIndex + onePageCount;
   var series = allSeries.slice(startIndex, endIndex);
   var showVerticalScroll = series && series.length / col > row;
-  return _objectSpread$G(_objectSpread$G(_objectSpread$G(_objectSpread$G({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$I(_objectSpread$I(_objectSpread$I(_objectSpread$I({}, ownProps), propsFromState), propsFromDispatch), {}, {
     currentScrollLine: currentScrollLineImage,
     series: series,
     activeIndex: imageActiveIndex,
@@ -54868,8 +55541,8 @@ var mergeProps$k = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomAllImageModeLayout = reactRedux.connect(mapStateToProps$l, mapDispatchToProps$5, mergeProps$k)(DicomLayout);
-var _default$1a = ConnectedDicomAllImageModeLayout;
+var ConnectedDicomAllImageModeLayout = reactRedux.connect(mapStateToProps$m, mapDispatchToProps$5, mergeProps$l)(DicomLayout);
+var _default$1b = ConnectedDicomAllImageModeLayout;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -54878,11 +55551,11 @@ var _default$1a = ConnectedDicomAllImageModeLayout;
     return;
   }
 
-  reactHotLoader.register(mapStateToProps$l, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomAllImageModeLayout.js");
+  reactHotLoader.register(mapStateToProps$m, "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$k, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomAllImageModeLayout.js");
+  reactHotLoader.register(mergeProps$l, "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$1a, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomAllImageModeLayout.js");
+  reactHotLoader.register(_default$1b, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomAllImageModeLayout.js");
 })();
 
 (function () {
@@ -54901,11 +55574,11 @@ 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$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__$3l = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3o = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -54955,7 +55628,7 @@ index$1.configure({
 var DicomView = /*#__PURE__*/function (_Component) {
   inherits(DicomView, _Component);
 
-  var _super = _createSuper$1m(DicomView);
+  var _super = _createSuper$1n(DicomView);
 
   function DicomView(props) {
     var _this;
@@ -55411,7 +56084,7 @@ var DicomView = /*#__PURE__*/function (_Component) {
       };
       var DicomTool = /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-dicomView-dicomToolWrapper"
-      }, /*#__PURE__*/React__default.createElement(_default$_, {
+      }, /*#__PURE__*/React__default.createElement(_default$$, {
         isMobile: isMobile,
         toolSortChange: this.props.toolSortChange,
         operateServerToolState: this.props.operateServerToolState,
@@ -55421,19 +56094,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$14, {
+      var DicomLayout = /*#__PURE__*/React__default.createElement(DicomLayoutContainerWrap, null, viewMode === '2D' && this.props.mode === 'seriesMode' && /*#__PURE__*/React__default.createElement(_default$15, {
         series: this.props.series,
         showAIResult: this.props.showAIResult,
         onResizeEmit: this.props.onResizeEmit
-      }), viewMode === '2D' && this.props.mode === 'imageMode' && /*#__PURE__*/React__default.createElement(_default$15, {
+      }), viewMode === '2D' && this.props.mode === 'imageMode' && /*#__PURE__*/React__default.createElement(_default$16, {
         onResizeEmit: this.props.onResizeEmit
-      }), viewMode === '2D' && this.props.mode === 'allImageMode' && /*#__PURE__*/React__default.createElement(_default$1a, {
+      }), viewMode === '2D' && this.props.mode === 'allImageMode' && /*#__PURE__*/React__default.createElement(_default$1b, {
         study: this.state.study,
         onResizeEmit: this.props.onResizeEmit
-      }), viewMode === 'MPR' && /*#__PURE__*/React__default.createElement(_default$17, null), viewMode === 'VR' && /*#__PURE__*/React__default.createElement(_default$18, null), viewMode === 'Surgery' && /*#__PURE__*/React__default.createElement(_default$16, null), viewMode === 'MIP' && /*#__PURE__*/React__default.createElement(_default$19, null));
+      }), viewMode === 'MPR' && /*#__PURE__*/React__default.createElement(_default$18, null), viewMode === 'VR' && /*#__PURE__*/React__default.createElement(_default$19, null), viewMode === 'Surgery' && /*#__PURE__*/React__default.createElement(_default$17, null), viewMode === 'MIP' && /*#__PURE__*/React__default.createElement(_default$1a, null));
       var DicomThumbnail = /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-dicomView-dicomThumbnailWrapper"
-      }, /*#__PURE__*/React__default.createElement(_default$10, {
+      }, /*#__PURE__*/React__default.createElement(_default$11, {
         isMobile: isMobile,
         study: this.state.study
       }));
@@ -55522,16 +56195,16 @@ 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 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$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$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$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__$3m = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3p = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var scroll = _default$E.importInternal('util/scroll');
 
-var mapStateToProps$m = function mapStateToProps(state) {
+var mapStateToProps$n = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       activeIndex = _state$paladin$viewpo.activeIndex,
       imageActiveIndex = _state$paladin$viewpo.imageActiveIndex,
@@ -55593,7 +56266,7 @@ var mapStateToProps$m = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$l = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$m = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var activeIndex = propsFromState.activeIndex,
       imageActiveIndex = propsFromState.imageActiveIndex,
       MPR = propsFromState.MPR,
@@ -55643,7 +56316,7 @@ var mergeProps$l = function mergeProps(propsFromState, propsFromDispatch, ownPro
    */
 
 
-  return _objectSpread$H(_objectSpread$H(_objectSpread$H({}, ownProps), propsFromState), {}, {
+  return _objectSpread$J(_objectSpread$J(_objectSpread$J({}, ownProps), propsFromState), {}, {
     showDicomThumbnail: showDicomThumbnail,
     viewMode: viewMode,
     keyMap: {
@@ -56077,7 +56750,7 @@ var mergeProps$l = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomView = reactRedux.connect(mapStateToProps$m, {
+var ConnectedDicomView = reactRedux.connect(mapStateToProps$n, {
   initSeries: initSeries,
   addSeries: addSeries,
   setCurrentSeries: setCurrentSeries,
@@ -56097,7 +56770,7 @@ var ConnectedDicomView = reactRedux.connect(mapStateToProps$m, {
   openIO: openIO,
   closeIO: closeIO,
   setActiveTool: setActiveTool
-}, mergeProps$l, withRef())(DicomView);
+}, mergeProps$m, withRef())(DicomView);
 
 function withRef() {
   var reactReduxVersion = package_json.version.split('.')[0];
@@ -56113,7 +56786,7 @@ function withRef() {
   }
 }
 
-var _default$1b = ConnectedDicomView;
+var _default$1c = ConnectedDicomView;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -56123,11 +56796,11 @@ var _default$1b = ConnectedDicomView;
   }
 
   reactHotLoader.register(scroll, "scroll", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/ConnectedDicomView.js");
-  reactHotLoader.register(mapStateToProps$m, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/ConnectedDicomView.js");
-  reactHotLoader.register(mergeProps$l, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/ConnectedDicomView.js");
+  reactHotLoader.register(mapStateToProps$n, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/ConnectedDicomView.js");
+  reactHotLoader.register(mergeProps$m, "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$1b, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/ConnectedDicomView.js");
+  reactHotLoader.register(_default$1c, "default", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/ConnectedDicomView.js");
 })();
 
 (function () {
@@ -56140,7 +56813,7 @@ var _default$1b = ConnectedDicomView;
   enterModule && enterModule(module);
 })();
 
-var __signature__$3n = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3q = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var domId = "paladinOutputMock";
@@ -56297,13 +56970,13 @@ function removeDom(id) {
   enterModule && enterModule(module);
 })();
 
-var __signature__$3o = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3r = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var paladinUtils = {
   getMultiImageDataFromWodo: getMultiImageDataFromWodo
 };
-var _default$1c = _default$1b;
+var _default$1d = _default$1c;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -56313,7 +56986,7 @@ var _default$1c = _default$1b;
   }
 
   reactHotLoader.register(paladinUtils, "paladinUtils", "/Users/huyeqing/workspace/chainz/paladin/src/index.js");
-  reactHotLoader.register(_default$1c, "default", "/Users/huyeqing/workspace/chainz/paladin/src/index.js");
+  reactHotLoader.register(_default$1d, "default", "/Users/huyeqing/workspace/chainz/paladin/src/index.js");
 })();
 
 (function () {
@@ -56322,7 +56995,7 @@ var _default$1c = _default$1b;
 })();
 
 exports.cornerstoneUtils = index;
-exports.default = _default$1c;
+exports.default = _default$1d;
 exports.paladinUtils = paladinUtils;
 exports.reducers = _default$I;
 //# sourceMappingURL=index.js.map