hellfire 0.20.7 → 0.21.2

package/dist/index.js

@@ -29,7 +29,6 @@ var vtkColorTransferFunction = _interopDefault(require('vtk.js/Sources/Rendering
 var vtkPiecewiseFunction = _interopDefault(require('vtk.js/Sources/Common/DataModel/PiecewiseFunction'));
 var vtkVolume = _interopDefault(require('vtk.js/Sources/Rendering/Core/Volume'));
 var vtkVolumeMapper = _interopDefault(require('vtk.js/Sources/Rendering/Core/VolumeMapper'));
-require('vtk.js/Sources/Rendering/Core/Renderer');
 var vtkAnnotatedCubeActor = _interopDefault(require('vtk.js/Sources/Rendering/Core/AnnotatedCubeActor'));
 var vtkOrientationMarkerWidget = _interopDefault(require('vtk.js/Sources/Interaction/Widgets/OrientationMarkerWidget'));
 var vtkOrientationMarkerWidgetConstants = _interopDefault(require('vtk.js/Sources/Interaction/Widgets/OrientationMarkerWidget/Constants'));
@@ -39,8 +38,6 @@ var vtkActor = _interopDefault(require('vtk.js/Sources/Rendering/Core/Actor'));
 var vtkMapper = _interopDefault(require('vtk.js/Sources/Rendering/Core/Mapper'));
 var vtkInteractorStyle = _interopDefault(require('vtk.js/Sources/Rendering/Core/InteractorStyle'));
 var vtkInteractorStyleConstants = _interopDefault(require('vtk.js/Sources/Rendering/Core/InteractorStyle/Constants'));
-require('vtk.js/Sources/Common/DataModel/Plane');
-require('vtk.js/Sources/Rendering/Core/Actor2D');
 var Hammer = _interopDefault(require('hammerjs'));
 var reactRedux = require('react-redux');
 var React = require('react');
@@ -105,7 +102,7 @@ var TOGGLE_TOOL_MODE = 'TOGGLE_TOOL_MODE'; // ---------- Reducers ----------
 // 图像模式不包括的工具 并且SeriesMode代替ImageMode
 
 var imageModeWithout = ['PrevNext', 'Cine', 'Link', 'ReferenceLine', 'ReferencePosition', 'StackScroll'];
-var tools = ['Layout', 'PrevNext', 'ImageMode', 'StackScroll', 'Wwwc', 'Zoom', 'Pan', 'Reset', 'Rotate', 'Tool', 'Length', 'Cine', 'Link', 'ReferenceLine', 'ReferencePosition', 'Sync', 'MPR', 'VR', 'Surgery', 'Fullscreen', 'Settings']; // 手机 允许使用的工具, 及其排序
+var tools = ['Layout', 'PrevNext', 'ImageMode', 'StackScroll', 'Wwwc', 'Zoom', 'Pan', 'Reset', 'Rotate', 'Tool', 'Length', 'Cine', 'Link', 'ReferenceLine', 'ReferencePosition', 'Sync', 'MPR', 'MIP', 'VR', 'Surgery', 'Fullscreen', 'Settings']; // 手机 允许使用的工具, 及其排序
 
 var phoneTools = ["Prev", "Next", "StackScroll", "Wwwc", "Zoom", "Pan", "Reset", "Rotate", "Tool", "Length", "Cine", "MPR", "Settings"]; // MPR 允许使用的工具, 及其排序
 
@@ -115,7 +112,9 @@ var mprPhoneTools = ["MprExit", "Prev", "Next", "MprSwitchPerspective", "Crossha
 var vrTools = ["MprExit", "PrevNext", "VRMode", "VRPresentColor", "VRCenterPointShow", "VRDirection", "VRClip", "VRRefresh", "VRInfo", "MprSwitchPerspective", "CrosshairsMPR", "StackScroll", "Wwwc", "Zoom", "Pan", "Reset", "Rotate", "Tool", "Length", "Fullscreen", "MprRefresh"];
 var vrPhoneTools = ["MprExit", "VRMode", "VRPresentColor", "VRCenterPointShow", "VRDirection", "VRClip", "VRInfo", "Prev", "Next", "MprSwitchPerspective", "CrosshairsMPR", "StackScroll", "Wwwc", "Zoom", "Pan", "Reset", "Rotate", "Tool", "Length", "MprRefresh"];
 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"]; // 初始化时工具栏平铺or单列
+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 initToolMode = 'flatten';
 var localToolMode = window.localStorage.getItem('hellfire-custom-toolMode');
@@ -135,7 +134,8 @@ var initialState = {
   surgeryTools: surgeryTools,
   surgeryPhoneTools: surgeryPhoneTools,
   toolSize: 20,
-  toolMode: initToolMode
+  toolMode: initToolMode,
+  mipTools: mipTools
 };
 
 function getImageModeTools(tool) {
@@ -274,6 +274,7 @@ function toggleToolMode() {
   reactHotLoader.register(vrPhoneTools, "vrPhoneTools", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/redux/tools/customization.js");
   reactHotLoader.register(surgeryTools, "surgeryTools", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/redux/tools/customization.js");
   reactHotLoader.register(surgeryPhoneTools, "surgeryPhoneTools", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/redux/tools/customization.js");
+  reactHotLoader.register(mipTools, "mipTools", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/redux/tools/customization.js");
   reactHotLoader.register(initToolMode, "initToolMode", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/redux/tools/customization.js");
   reactHotLoader.register(localToolMode, "localToolMode", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/redux/tools/customization.js");
   reactHotLoader.register(initialState, "initialState", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/redux/tools/customization.js");
@@ -858,7 +859,12 @@ var MessagerKeys = {
    * 完成裁剪操作
    * 消息参数类型: null
    */
-  MipFinishClipPathExport: "2001"
+  MipFinishClipPathExport: "2001",
+
+  /**
+   * 调窗操作
+   */
+  MipWwwcChange: "2002"
 };
 var _default$1 = {
   MessagerKeys: MessagerKeys
@@ -1090,12 +1096,14 @@ var TOGGLE_MEASURE = 'TOGGLE_MEASURE';
 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'; // ---------- Reducers ----------
+var SET_VIEW_MODE = 'SET_VIEW_MODE';
+var SET_MIP_ACTIVE_TOOL = 'SET_MIP_ACTIVE_TOOL'; // ---------- Reducers ----------
 
 var isMobile = _default$3.isDeviceTypeMobile();
 var initialState$1 = {
   activeTool: 'Wwwc',
   originActiveTool: 'Wwwc',
+  mipActiveTool: 'MipWWWc',
   // seriesMode序列模式 imageMode图像模式 allImageMode全部模式
   mode: 'seriesMode',
   showOverlayText: true,
@@ -1104,6 +1112,7 @@ var initialState$1 = {
   // 以下为工具栏单个触发的工具开关
   MPR: false,
   VR: false,
+  MIP: false,
   ReferenceLines: false,
   ReferencePosition: false,
   Fullscreen: false,
@@ -1156,6 +1165,13 @@ var _default$4 = function _default() {
         return newState;
       }
 
+    case SET_MIP_ACTIVE_TOOL:
+      {
+        return _objectSpread$1(_objectSpread$1({}, state), {}, {
+          mipActiveTool: action.payload
+        });
+      }
+
     case TOGGLE_OVERLAY_TEXT:
       {
         return _objectSpread$1(_objectSpread$1({}, state), {}, {
@@ -1274,6 +1290,13 @@ function setActiveTool(activeToolName) {
     type: SET_ACTIVE_TOOL,
     payload: activeToolName
   };
+} // 3d主操作工具
+
+function set3DActiveTool(activeToolName) {
+  return {
+    type: SET_MIP_ACTIVE_TOOL,
+    payload: activeToolName
+  };
 }
 /**
  * 显示/隐藏文字
@@ -1373,9 +1396,11 @@ function closeIO() {
   reactHotLoader.register(SET_IO_ON, "SET_IO_ON", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/redux/tools/action.js");
   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(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");
+  reactHotLoader.register(set3DActiveTool, "set3DActiveTool", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/redux/tools/action.js");
   reactHotLoader.register(toggleOverlayText, "toggleOverlayText", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/redux/tools/action.js");
   reactHotLoader.register(activeDicomFunction, "activeDicomFunction", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/redux/tools/action.js");
   reactHotLoader.register(setCineFps, "setCineFps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/redux/tools/action.js");
@@ -14164,7 +14189,7 @@ var ImageProcessorWorkerBase = /*#__PURE__*/function () {
         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));
+        this.loadImagesInternal(ImageProcessorWorkerBase.converToImageModel(param.images), param);
         logger.dispose();
       } catch (err) {
         if (err instanceof ImageProcessExceptionBase) console.log(err.message);
@@ -14283,7 +14308,7 @@ var ImageProcessorWorkerBase = /*#__PURE__*/function () {
 
   }, {
     key: "loadImagesInternal",
-    value: function loadImagesInternal(images) {// 子集需要各自实现的方法
+    value: function loadImagesInternal(images, param) {// 子集需要各自实现的方法
     }
   }, {
     key: "rocessInternal",
@@ -14366,10 +14391,17 @@ var ImageProcessorWorkerBase = /*#__PURE__*/function () {
   }, {
     key: "updateWindowLevel",
     value: function updateWindowLevel(windowLevel, windowWidth) {
+      var compare = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
       var minPixel = windowLevel - windowWidth / 2;
       var maxPixel = windowLevel + windowWidth / 2;
-      this.windowMinPixel = Math.min(this.windowMinPixel, minPixel);
-      this.windowMaxPixel = Math.max(this.windowMaxPixel, maxPixel);
+
+      if (compare) {
+        this.windowMinPixel = Math.min(this.windowMinPixel, minPixel);
+        this.windowMaxPixel = Math.max(this.windowMaxPixel, maxPixel);
+      } else {
+        this.windowMinPixel = minPixel;
+        this.windowMaxPixel = maxPixel;
+      }
     }
   }, {
     key: "projectToImagePosition",
@@ -18755,9 +18787,14 @@ var MipActionParameterImpl = /*#__PURE__*/function (_ActionParameter) {
 
   var _super = _createSuper$l(MipActionParameterImpl);
 
-  function MipActionParameterImpl(messageGroupId) {
+  function MipActionParameterImpl(_ref) {
     var _this;
 
+    var messageGroupId = _ref.messageGroupId,
+        reconstructMethodType = _ref.reconstructMethodType,
+        sampleDistance = _ref.sampleDistance,
+        mouseActionMode = _ref.mouseActionMode;
+
     classCallCheck(this, MipActionParameterImpl);
 
     _this = _super.call(this, messageGroupId);
@@ -18768,13 +18805,13 @@ var MipActionParameterImpl = /*#__PURE__*/function (_ActionParameter) {
     _this.opacitySegments = [];
     _this.interpolationType = Constants.InterpolationMode.LINEAR; // 插值算法, todo - 暂时换为Nearest，待实现CUBIC算法后切换回cubic
 
-    _this._mouseActionMode = InteractorStyleActionMode.Rotate; // 默认为旋转
+    _this._mouseActionMode = mouseActionMode || InteractorStyleActionMode.Rotate; // 默认为旋转
 
-    _this._reconstructMethodType = ReconstructMethodType.Composite; // 重建算法方式
+    _this._reconstructMethodType = reconstructMethodType || ReconstructMethodType.Composite; // 重建算法方式
 
     _this._inverseVolume = false;
     _this._inverseWindowBackground = false;
-    _this._sampleDistance = 1; //0.5; // 默认为0.5, 默认采样率，数值越小精度越高，对GPU压力越高
+    _this._sampleDistance = sampleDistance || 1; //0.5; // 默认为0.5, 默认采样率，数值越小精度越高，对GPU压力越高 1 0.5 0.35
 
     _this._displayVRMode = null;
     _this._clipPaths = new Map();
@@ -19904,6 +19941,10 @@ function vtkInteractorStyleEx(publicAPI, model) {
 
         break;
 
+      case InteractorStyleActionMode.WindowLevel:
+        publicAPI.handleWindowLevel(renderer, pos);
+        break;
+
       default:
         canRaiseEvent = false;
         break;
@@ -20006,6 +20047,10 @@ function vtkInteractorStyleEx(publicAPI, model) {
         }
         break;
 
+      case InteractorStyleActionMode.WindowLevel:
+        publicAPI.startWindowLevel();
+        break;
+
       default:
         if (callData.shiftKey) {
           if (callData.controlKey || callData.altKey) {
@@ -20080,6 +20125,10 @@ function vtkInteractorStyleEx(publicAPI, model) {
         }
         break;
 
+      case InteractorStyleActionMode.WindowLevel:
+        publicAPI.endWindowLevel();
+        break;
+
       default:
         if (callData.shiftKey) {
           if (callData.controlKey || callData.altKey) {
@@ -20410,6 +20459,31 @@ function vtkInteractorStyleEx(publicAPI, model) {
   publicAPI.worldToDisplay = function (point, callData) {
     return publicAPI.computeWorldToDisplay(callData.pokedRenderer, point[0], point[1], point[2]);
   };
+
+  publicAPI.handleWindowLevel = function (renderer, position) {
+    if (model.onWindowLevelChange) {
+      var dx = position.x - model.previousPosition.x;
+      var dy = position.y - model.previousPosition.y;
+      var multiplier = model.windowRange / 1024;
+      var deltaX = dx * multiplier;
+      var deltaY = dy * multiplier;
+      model.windowLevelWidth += deltaX;
+      model.windowLevelCenter += deltaY;
+      if (model.windowLevelWidth < 0) model.windowLevelWidth = 0;
+      if (model.windowLevelCenter < 0) model.windowLevelCenter = 0;
+      model.onWindowLevelChange(Math.floor(model.windowLevelWidth), Math.floor(model.windowLevelCenter));
+    }
+  };
+
+  publicAPI.initWindowLevel = function (width, center, range) {
+    model.windowLevelWidth = width;
+    model.windowLevelCenter = center;
+    model.windowRange = range;
+  };
+
+  publicAPI.onWindowLevelChange = function (func) {
+    model.onWindowLevelChange = func;
+  };
 } // ----------------------------------------------------------------------------
 // Object factory
 // ----------------------------------------------------------------------------
@@ -20422,6 +20496,7 @@ var DEFAULT_VALUES$3 = {
   // 默认操作
   windowLevelCenter: 1024 / 2,
   windowLevelWidth: 1024,
+  windowRange: 1024,
   windowLevelCenterStep: 1024 / 20,
   windowLevelWidthStep: 1024 / 20,
   colorTransferFunc: null,
@@ -20491,7 +20566,7 @@ var MipImageProcessorWorkerImpl = /*#__PURE__*/function (_ImageProcessorWorker)
 
   var _super = _createSuper$p(MipImageProcessorWorkerImpl);
 
-  function MipImageProcessorWorkerImpl() {
+  function MipImageProcessorWorkerImpl(reconstructMethodType) {
     var _this;
 
     classCallCheck(this, MipImageProcessorWorkerImpl);
@@ -20499,7 +20574,21 @@ var MipImageProcessorWorkerImpl = /*#__PURE__*/function (_ImageProcessorWorker)
     _this = _super.call(this);
     _this._displayWindow = null;
     _this.myProcessorType = ImageProcessType.MIP;
-    _this.actionParameter = new MipActionParameterImpl(_this.messageGroupId);
+
+    if (reconstructMethodType === ReconstructMethodType.MIP) {
+      _this.actionParameter = new MipActionParameterImpl({
+        messageGroupId: _this.messageGroupId,
+        reconstructMethodType: reconstructMethodType,
+        sampleDistance: 0.35,
+        mouseActionMode: InteractorStyleActionMode.WindowLevel
+      });
+    } else {
+      _this.actionParameter = new MipActionParameterImpl({
+        messageGroupId: _this.messageGroupId,
+        reconstructMethodType: reconstructMethodType
+      });
+    }
+
     _this.activeCamera = null;
     _this.renderer = null;
     _this.volumeMap = null;
@@ -20620,7 +20709,7 @@ var MipImageProcessorWorkerImpl = /*#__PURE__*/function (_ImageProcessorWorker)
   }, {
     key: "loadImagesInternal",
     value: function () {
-      var _loadImagesInternal = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(images) {
+      var _loadImagesInternal = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(images, param) {
         var imagesT, lastImage;
         return regenerator.wrap(function _callee2$(_context2) {
           while (1) {
@@ -20643,13 +20732,17 @@ var MipImageProcessorWorkerImpl = /*#__PURE__*/function (_ImageProcessorWorker)
                   this.volume.setMapper(this.volumeMap);
                   this.volumeMap.setInputData(this.imageData);
                   this.volumeMap.setSampleDistance(this.actionParameter.sampleDistance);
-                  this.volumeMap.setBlendModeToComposite();
+                  this.updateReconstructMethodType();
                   this.renderer.resetCamera();
                   this.renderer.resetCameraClippingRange();
                   this.renderer.getActiveCameraAndResetIfCreated();
                   this.activeCamera = this.renderer.getActiveCamera(); //this.renderer.createLight();
 
-                  this.activeCamera.setParallelProjection(true); //this.activeCamera.zoom(0.85); // todo
+                  this.activeCamera.setParallelProjection(true);
+
+                  if (param.viewportSize) {
+                    this.activeCamera.zoom(param.viewportSize);
+                  }
 
                   this.renderer.updateLightsGeometryToFollowCamera();
                   this.imageViewDirectionParam = computeImageViewDirection(this.firstImageMatrix);
@@ -20672,7 +20765,7 @@ var MipImageProcessorWorkerImpl = /*#__PURE__*/function (_ImageProcessorWorker)
         }, _callee2, this);
       }));
 
-      function loadImagesInternal(_x) {
+      function loadImagesInternal(_x, _x2) {
         return _loadImagesInternal.apply(this, arguments);
       }
 
@@ -20712,7 +20805,7 @@ var MipImageProcessorWorkerImpl = /*#__PURE__*/function (_ImageProcessorWorker)
         }, _callee3, this);
       }));
 
-      function processInternal(_x2) {
+      function processInternal(_x3) {
         return _processInternal.apply(this, arguments);
       }
 
@@ -20762,20 +20855,90 @@ var MipImageProcessorWorkerImpl = /*#__PURE__*/function (_ImageProcessorWorker)
       }
 
       return disposeInternal;
-    }()
+    }() // mip初始窗宽窗位
+
+  }, {
+    key: "calcWindowLevelWidth",
+    value: function calcWindowLevelWidth(pixelData, range) {
+      var histogram = {};
+
+      var _range = slicedToArray(range, 2),
+          min = _range[0],
+          max = _range[1];
+
+      var overRangePercent = 0.001;
+      var total = 0;
+      var pixelArr = [];
+
+      for (var i = 0; i < pixelData.length; i++) {
+        var value = Math.floor(pixelData[i]);
+        total += value;
+
+        if (histogram[value]) {
+          histogram[value]++;
+        } else {
+          histogram[value] = 1;
+          pixelArr.push(value);
+        }
+      }
+
+      pixelArr.sort(function (a, b) {
+        return b - a;
+      });
+      var overRangeValue = total * overRangePercent;
+      var pixelArrIndex = 0;
+
+      while (overRangeValue > 0 && pixelArrIndex < pixelArr.length - 1) {
+        var _value = pixelArr[pixelArrIndex];
+        var valueCount = histogram[_value];
+
+        if (_value && valueCount && typeof valueCount === 'number') {
+          overRangeValue -= _value * valueCount;
+        }
+
+        pixelArrIndex++;
+      }
+
+      this.windowMinPixel = min;
+      this.windowMaxPixel = pixelArr[pixelArrIndex];
+    }
+  }, {
+    key: "reset",
+
     /**
      * 重置
      * @returns {Promise<void>}
      */
-
-  }, {
-    key: "reset",
     value: function () {
       var _reset = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee5() {
+        var _this2 = this;
+
+        var pixelData, range;
         return regenerator.wrap(function _callee5$(_context5) {
           while (1) {
             switch (_context5.prev = _context5.next) {
               case 0:
+                /**
+                 * mip最大密度投影时
+                 * 1.imageData直方分布 计算出合适的初始窗宽窗位
+                 * 2.窗宽窗位初始值 和 调窗鼠标事件的回调
+                 */
+                if (this.actionParameter.reconstructMethodType === ReconstructMethodType.MIP) {
+                  pixelData = this.imageData.getPointData().getScalars().getData();
+                  range = this.imageData.getPointData().getScalars().getRange();
+                  this.calcWindowLevelWidth(pixelData, range);
+                  this.iteractorStyle.initWindowLevel(this.volumeWindowLevel.level, this.volumeWindowLevel.center, range[1] - range[0]);
+                  this.iteractorStyle.onWindowLevelChange(function (ww, wl) {
+                    _this2.updateWindowLevel(wl, ww, false);
+
+                    _this2.setDefaultColorAndOpcaity();
+
+                    if (_this2.renderWindow) {
+                      _this2.renderWindow.render();
+                    }
+                  });
+                }
+
                 this.resetActionParameters();
                 this.setDefaultColorAndOpcaity();
                 this.clearOperationPathWithoutRender();
@@ -20829,7 +20992,7 @@ var MipImageProcessorWorkerImpl = /*#__PURE__*/function (_ImageProcessorWorker)
                   // })();
                 }
 
-              case 10:
+              case 11:
               case "end":
                 return _context5.stop();
             }
@@ -20894,7 +21057,7 @@ var MipImageProcessorWorkerImpl = /*#__PURE__*/function (_ImageProcessorWorker)
   }, {
     key: "initMessager",
     value: function initMessager() {
-      var _this2 = this;
+      var _this3 = this;
 
       /*Messager.Instance.regist(MessagerKeys.MessagerKeys.MipRotate, this.messageGroupId,
           param => {});
@@ -20915,117 +21078,117 @@ var MipImageProcessorWorkerImpl = /*#__PURE__*/function (_ImageProcessorWorker)
       Messager.Instance.regist(_default$1.MessagerKeys.MipPresentColor, this.messageGroupId, function (param) {});
       Messager.Instance.regist(_default$1.MessagerKeys.Reconstruct, this.messageGroupId, function (param) {});
       Messager.Instance.regist(_default$1.MessagerKeys.MipUpdateInteractorStyleAction, this.messageGroupId, function (param) {
-        _this2.iteractorStyle.setInteractorStyleActionMode(param.mode);
+        _this3.iteractorStyle.setInteractorStyleActionMode(param.mode);
       });
       Messager.Instance.regist(_default$1.MessagerKeys.MipReconstructMethodType, this.messageGroupId, function (param) {
-        return _this2.updateReconstructMethodType();
+        return _this3.updateReconstructMethodType();
       });
       Messager.Instance.regist(_default$1.MessagerKeys.MipInverseBackground, this.messageGroupId, function (param) {
-        if (!_this2.vtkWindow) return;
+        if (!_this3.vtkWindow) return;
 
-        _this2.vtkWindow.setBackground(param.inverseBackground ? MipImageProcessorWorkerImpl.WhiteBackground : MipImageProcessorWorkerImpl.BlackBackgroud);
+        _this3.vtkWindow.setBackground(param.inverseBackground ? MipImageProcessorWorkerImpl.WhiteBackground : MipImageProcessorWorkerImpl.BlackBackgroud);
       });
       Messager.Instance.regist(_default$1.MessagerKeys.MipSampleDistance, this.messageGroupId, function (param) {
-        _this2.volumeMap.setSampleDistance(_this2.actionParameter.sampleDistance);
+        _this3.volumeMap.setSampleDistance(_this3.actionParameter.sampleDistance);
 
-        _this2.renderWindow.render();
+        _this3.renderWindow.render();
       });
       Messager.Instance.regist(_default$1.MessagerKeys.MipEyeSightDirection, this.messageGroupId, function (param) {
-        _this2.cameraHelper.switchToX(param.direction, _this2.renderer.getActiveCamera(), _this2.renderer);
+        _this3.cameraHelper.switchToX(param.direction, _this3.renderer.getActiveCamera(), _this3.renderer);
 
-        if (_this2.orientationMarkerWidget) _this2.orientationMarkerWidget.updateMarkerOrientation();
+        if (_this3.orientationMarkerWidget) _this3.orientationMarkerWidget.updateMarkerOrientation();
 
-        if (_this2.renderer) {
-          _this2.renderer.resetCameraClippingRange();
+        if (_this3.renderer) {
+          _this3.renderer.resetCameraClippingRange();
 
-          _this2.renderer.updateLightGeometry();
+          _this3.renderer.updateLightGeometry();
         }
 
-        _this2.renderWindow.render();
+        _this3.renderWindow.render();
       });
       Messager.Instance.regist(_default$1.MessagerKeys.MipHideMprCenterCross, this.messageGroupId, function (param) {
-        _this2.isDisplayingCenterCross = false;
+        _this3.isDisplayingCenterCross = false;
 
-        _this2.renderer.removeActor(_this2.mprVolumeCenterActor);
+        _this3.renderer.removeActor(_this3.mprVolumeCenterActor);
 
-        _this2.renderWindow.render();
+        _this3.renderWindow.render();
       });
       Messager.Instance.regist(_default$1.MessagerKeys.MipShowMprCenterCross, this.messageGroupId, function (param) {
-        _this2.isDisplayingCenterCross = true;
+        _this3.isDisplayingCenterCross = true;
 
-        _this2.renderer.addActor(_this2.mprVolumeCenterActor);
+        _this3.renderer.addActor(_this3.mprVolumeCenterActor);
 
-        _this2.renderWindow.render();
+        _this3.renderWindow.render();
       });
       Messager.Instance.regist(_default$1.MessagerKeys.MipOperationMode, this.messageGroupId, function (param) {
         switch (param.mode) {
           case OperationMode.Fast:
-            _this2.actionParameter.sampleDistance = 1;
+            _this3.actionParameter.sampleDistance = 1;
 
-            _this2.volumeMap.setSampleDistance(_this2.actionParameter.sampleDistance);
+            _this3.volumeMap.setSampleDistance(_this3.actionParameter.sampleDistance);
 
-            _this2.volumeMap.setAutoAdjustSampleDistances(true);
+            _this3.volumeMap.setAutoAdjustSampleDistances(true);
 
             break;
 
           case OperationMode.Standard:
-            _this2.actionParameter.sampleDistance = 0.5;
+            _this3.actionParameter.sampleDistance = 0.5;
 
-            _this2.volumeMap.setSampleDistance(_this2.actionParameter.sampleDistance);
+            _this3.volumeMap.setSampleDistance(_this3.actionParameter.sampleDistance);
 
-            _this2.volumeMap.setAutoAdjustSampleDistances(true);
+            _this3.volumeMap.setAutoAdjustSampleDistances(true);
 
             break;
 
           case OperationMode.Advanced:
-            _this2.actionParameter.sampleDistance = 0.35;
+            _this3.actionParameter.sampleDistance = 0.35;
 
-            _this2.volumeMap.setSampleDistance(_this2.actionParameter.sampleDistance);
+            _this3.volumeMap.setSampleDistance(_this3.actionParameter.sampleDistance);
 
-            _this2.volumeMap.setAutoAdjustSampleDistances(false);
+            _this3.volumeMap.setAutoAdjustSampleDistances(false);
 
             break;
         }
       });
       Messager.Instance.regist(_default$1.MessagerKeys.MipOpacityTransform, this.messageGroupId, function (param) {
-        return _this2.updateOpacityTransform();
+        return _this3.updateOpacityTransform();
       });
       Messager.Instance.regist(_default$1.MessagerKeys.MipColorTransform, this.messageGroupId, function (param) {
-        return _this2.updateColorFunction();
+        return _this3.updateColorFunction();
       });
       Messager.Instance.regist(_default$1.MessagerKeys.MipDisplayOperationPath, this.messageGroupId, function (param) {
-        return _this2.displayOperationPaths();
+        return _this3.displayOperationPaths();
       });
       Messager.Instance.regist(_default$1.MessagerKeys.MipHideOperationPath, this.messageGroupId, function (param) {
-        return _this2.hideOperationPaths();
+        return _this3.hideOperationPaths();
       });
       Messager.Instance.regist(_default$1.MessagerKeys.MipAddClipPathPoint, this.messageGroupId, function (param) {
-        return _this2.addClipPathPoint(param);
+        return _this3.addClipPathPoint(param);
       });
       Messager.Instance.regist(_default$1.MessagerKeys.MipFinishClipPath, this.messageGroupId, function (param) {
-        return _this2.finishEditingClipPath(param);
+        return _this3.finishEditingClipPath(param);
       });
       Messager.Instance.regist(_default$1.MessagerKeys.MipRollbackClipVolume, this.messageGroupId, function (param) {
-        return _this2.rollbackClipVolume();
+        return _this3.rollbackClipVolume();
       });
       Messager.Instance.regist(_default$1.MessagerKeys.MipClearClipVolume, this.messageGroupId, function (param) {
-        return _this2.clearAllClipPaths();
+        return _this3.clearAllClipPaths();
       }); ///////////////////////   Global   Messages   ///////////////////
 
       Messager.Instance.regist(_default$1.MessagerKeys.GlobalSynchronizeCrossCenter, _default$1.MessagerKeys.Empty, function (param) {
-        return _this2.updatePointSource(param);
+        return _this3.updatePointSource(param);
       });
       Messager.Instance.regist(_default$1.MessagerKeys.GlobalSynchronizeReset, _default$1.MessagerKeys.Empty, function (param) {
-        return _this2.reset();
+        return _this3.reset();
       });
       Messager.Instance.regist(_default$1.MessagerKeys.GlobalAddOperationPath, _default$1.MessagerKeys.Empty, function (param) {
-        return _this2.addOperationPath(param);
+        return _this3.addOperationPath(param);
       });
       Messager.Instance.regist(_default$1.MessagerKeys.GlobalRemoveOperationPath, _default$1.MessagerKeys.Empty, function (param) {
-        return _this2.removeOperationPath(param);
+        return _this3.removeOperationPath(param);
       });
       Messager.Instance.regist(_default$1.MessagerKeys.GlobalClearOperationPath, _default$1.MessagerKeys.Empty, function (param) {
-        return _this2.clearOperationPath();
+        return _this3.clearOperationPath();
       });
       /*Messager.Instance.regist(MessagerKeys.MessagerKeys.GlobalClearOperationPath, MessagerKeys.MessagerKeys.Empty,
           param => this.clearOperationPath());*/
@@ -21051,7 +21214,7 @@ var MipImageProcessorWorkerImpl = /*#__PURE__*/function (_ImageProcessorWorker)
   }, {
     key: "updateOpacityTransform",
     value: function updateOpacityTransform() {
-      var _this3 = this;
+      var _this4 = this;
 
       this.opacityTransformFunction.removeAllPoints(); //this.opacityTransformFunction.addPoint(Number.MIN_SAFE_INTEGER, 0);
       //this.opacityTransformFunction.addPoint(Number.MAX_SAFE_INTEGER, 1);
@@ -21062,22 +21225,20 @@ var MipImageProcessorWorkerImpl = /*#__PURE__*/function (_ImageProcessorWorker)
         var pixel = aSegment.beginPixel;
         if (last !== null && aSegment.beginPixel <= last) pixel = last + 0.5;
 
-        _this3.opacityTransformFunction.addPoint(ImageProcessorWorkerBase.ctValueToImageValue(pixel, _this3.rescaleSlop, _this3.rescaleIntercept), //pixel,
+        _this4.opacityTransformFunction.addPoint(ImageProcessorWorkerBase.ctValueToImageValue(pixel, _this4.rescaleSlop, _this4.rescaleIntercept), //pixel,
         aSegment.beginOpacityValue);
 
-        _this3.opacityTransformFunction.addPoint(ImageProcessorWorkerBase.ctValueToImageValue(aSegment.endPixel, _this3.rescaleSlop, _this3.rescaleIntercept), //aSegment.endPixel,
+        _this4.opacityTransformFunction.addPoint(ImageProcessorWorkerBase.ctValueToImageValue(aSegment.endPixel, _this4.rescaleSlop, _this4.rescaleIntercept), //aSegment.endPixel,
         aSegment.endOpacityValue);
 
         last = aSegment.endPixel;
       });
-      this.opacityTransformFunction.addPoint(ImageProcessorWorkerBase.ctValueToImageValue(last + 0.5, this.rescaleSlop, this.rescaleIntercept), //last+0.5,
-      1);
       if (this._canRender) this.renderWindow.render();
     }
   }, {
     key: "updateColorFunction",
     value: function updateColorFunction() {
-      var _this4 = this;
+      var _this5 = this;
 
       this.colorTransformFunction.removeAllPoints(); //this.colorTransformFunction.addRGBPoint(Number.MIN_SAFE_INTEGER, 0, 0, 0);
       //this.colorTransformFunction.addRGBPoint(Number.MAX_SAFE_INTEGER, 1, 1, 1);
@@ -21089,10 +21250,10 @@ var MipImageProcessorWorkerImpl = /*#__PURE__*/function (_ImageProcessorWorker)
         var color = aSegment.beginPixel;
         if (last !== null && aSegment.beginPixel <= last) color = last + 0.5;
 
-        _this4.colorTransformFunction.addRGBPoint(ImageProcessorWorkerBase.ctValueToImageValue(color, _this4.rescaleSlop, _this4.rescaleIntercept), //color,
+        _this5.colorTransformFunction.addRGBPoint(ImageProcessorWorkerBase.ctValueToImageValue(color, _this5.rescaleSlop, _this5.rescaleIntercept), //color,
         ((aSegment.beginColorValue & 0xFF0000) >> 16) / 255.0, ((aSegment.beginColorValue & 0x00FF00) >> 8) / 255.0, (aSegment.beginColorValue & 0x00FF) / 255.0);
 
-        _this4.colorTransformFunction.addRGBPoint(ImageProcessorWorkerBase.ctValueToImageValue(aSegment.endPixel, _this4.rescaleSlop, _this4.rescaleIntercept), //aSegment.endPixel,
+        _this5.colorTransformFunction.addRGBPoint(ImageProcessorWorkerBase.ctValueToImageValue(aSegment.endPixel, _this5.rescaleSlop, _this5.rescaleIntercept), //aSegment.endPixel,
         ((aSegment.endColorValue & 0xFF0000) >> 16) / 255.0, ((aSegment.endColorValue & 0x00FF00) >> 8) / 255.0, (aSegment.endColorValue & 0x00FF) / 255.0);
 
         last = aSegment.endPixel;
@@ -21231,15 +21392,15 @@ var MipImageProcessorWorkerImpl = /*#__PURE__*/function (_ImageProcessorWorker)
           this.volumeMap.setBlendModeToComposite();
           break;
 
-        case ReconstructMethodType.reconstructMethodType.MIP:
+        case ReconstructMethodType.MIP:
           this.volumeMap.setBlendModeToMaximumIntensity();
           break;
 
-        case ReconstructMethodType.reconstructMethodType.MinIP:
+        case ReconstructMethodType.MinIP:
           this.volumeMap.setBlendModeToMinimumIntensity();
           break;
 
-        case ReconstructMethodType.reconstructMethodType.AIP:
+        case ReconstructMethodType.AIP:
           this.volumeMap.setBlendModeToAverageIntensity();
           break;
       }
@@ -21255,16 +21416,32 @@ var MipImageProcessorWorkerImpl = /*#__PURE__*/function (_ImageProcessorWorker)
         this.actionParameter.displayVRMode = DisplayVRMode.getDisplayVRMode(DisplayVRModeType.Bone);
       } else {
         var minValue = this.windowMinPixel;
-        var maxValue = this.windowMaxPixel;
-        colorSegments = [new MipPixelSegment(minValue, 0x555555, minValue + (maxValue - minValue) * 0.3, 0x888888), new MipPixelSegment(minValue + (maxValue - minValue) * 0.3, 0xBFAE96, minValue + (maxValue - minValue) * 2, 0xBFAE96), new MipPixelSegment(minValue + (maxValue - minValue) * 2, 0xBFAE96, minValue + (maxValue - minValue) * 100, 0xffffff)];
-        opacitySegments = [new MipPixelSegment(minValue, 0, minValue + (maxValue - minValue) * 0.3, 0.1), new MipPixelSegment(minValue + (maxValue - minValue) * 2, 0.6, minValue + (maxValue - minValue) * 100, 0.99)];
+        var maxValue = this.windowMaxPixel; //  mip 在窗宽范围内线性变化
+
+        if (this.actionParameter.reconstructMethodType === ReconstructMethodType.MIP) {
+          colorSegments = [new MipPixelSegment(minValue, 0xFFFFFF, maxValue, 0xFFFFFF)];
+          var range = maxValue - minValue;
+          opacitySegments = [new MipPixelSegment(Math.floor(minValue), 0.01, Math.floor(minValue + range * 0.15), 0.1), new MipPixelSegment(Math.floor(minValue + range * 0.15), 0.25, Math.floor(minValue + range * 0.75), 0.97), new MipPixelSegment(Math.floor(minValue + range * 0.75), 0.97, Math.floor(maxValue), 1)]; // colorSegments = [
+          //     new MipPixelSegment(minValue, 0x5A5A5A, maxValue, 0xFFFFFF),
+          // ];
+          // opacitySegments = [
+          //     new MipPixelSegment(minValue, 0.02, maxValue, 0.99),
+          // ];
+        } else {
+          colorSegments = [new MipPixelSegment(minValue, 0x555555, minValue + (maxValue - minValue) * 0.3, 0x888888), new MipPixelSegment(minValue + (maxValue - minValue) * 0.3, 0xBFAE96, minValue + (maxValue - minValue) * 2, 0xBFAE96), new MipPixelSegment(minValue + (maxValue - minValue) * 2, 0xBFAE96, minValue + (maxValue - minValue) * 100, 0xffffff)];
+          opacitySegments = [new MipPixelSegment(minValue, 0, minValue + (maxValue - minValue) * 0.3, 0.1), new MipPixelSegment(minValue + (maxValue - minValue) * 2, 0.6, minValue + (maxValue - minValue) * 100, 0.99)];
+        }
+
         this.actionParameter.clearColorTransformSegments();
         this.actionParameter.addTailColorTransformSegments(colorSegments);
         this.actionParameter.clearOpacityTransformSegments();
         this.actionParameter.addTailOpacityTransformSegments(opacitySegments);
         this.updateColorFunction();
         this.updateOpacityTransform();
-      }
+      } // 窗宽窗值
+
+
+      Messager.Instance.call(_default$1.MessagerKeys.MipWwwcChange, this.messageGroupId, this.volumeWindowLevel);
     }
   }, {
     key: "releaseVTKComponent",
@@ -23272,12 +23449,16 @@ var workerCache = {};
  * @param type ImageProcessType类型
  */
 
-function generateWorker(type) {
+function generateWorker(type, param) {
   var typeNum = Number(type);
 
   switch (typeNum) {
     case ImageProcessType.MIP:
-      return new MipImageProcessorWorkerImpl();
+      if (param.reconstructMethodType) {
+        return new MipImageProcessorWorkerImpl(param.reconstructMethodType);
+      } else {
+        return new MipImageProcessorWorkerImpl();
+      }
 
     case ImageProcessType.MPR:
       return new MprImageProcessorWorkerImpl();
@@ -23314,7 +23495,7 @@ function getAndCacheWorker(key, type, param
       workerCache[key] = {};
     }
 
-    var worker = generateWorker(type);
+    var worker = generateWorker(type, param);
     workerCache[key][type] = worker;
 
     try {
@@ -31831,6 +32012,23 @@ var SvgPolygon = function SvgPolygon(props) {
   }, props), _ref$F, _ref2$a);
 };
 
+function _extends$G() { _extends$G = 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$G.apply(this, arguments); }
+
+var _ref$G = /*#__PURE__*/React__default.createElement("path", {
+  "data-name": "3D",
+  d: "M16.626.175l14.68 8.476a1.3 1.3 0 01.652 1.129v16.941a1.3 1.3 0 01-.652 1.129l-14.68 8.473a1.3 1.3 0 01-1.3 0L.652 27.851A1.3 1.3 0 010 26.722V9.776a1.3 1.3 0 01.652-1.129L15.326.175a1.3 1.3 0 011.3 0zm-.652 2.634L3.906 9.777l3.689 2.131-1.3 2.258-3.689-2.13v13.933l12.068 6.966v-4.258h2.607v4.259l12.068-6.967V12.034l-3.689 2.13-1.3-2.258 3.689-2.131zm-4.49 10.078a3.145 3.145 0 013.283 3.17 3.42 3.42 0 01-.229 1.237 2.6 2.6 0 01-.955 1.062 2.772 2.772 0 011.016 1.1 3.16 3.16 0 01.3 1.344 3.276 3.276 0 01-.97 2.467 3.347 3.347 0 01-2.413.94 3.057 3.057 0 01-2.016-.733 3.487 3.487 0 01-1.139-2.123h1.6a2.251 2.251 0 00.6.9 1.514 1.514 0 001.055.358 1.609 1.609 0 001.184-.481 1.7 1.7 0 00.5-1.283 1.772 1.772 0 00-.5-1.313 1.717 1.717 0 00-1.222-.451h-.672v-1.412h.549a1.715 1.715 0 001.268-.45 1.5 1.5 0 00.45-1.13 1.612 1.612 0 00-.466-1.154 1.652 1.652 0 00-1.16-.45 1.477 1.477 0 00-.932.328 1.652 1.652 0 00-.6 1.015h-1.6a3.256 3.256 0 011-2.086 2.915 2.915 0 012.062-.855zm8.271.092a3.743 3.743 0 013.392 1.879 3.345 3.345 0 01.512 1.313l.021.2q.059.657.063 1.954v.22a16.067 16.067 0 01-.13 2.505 2.8 2.8 0 01-.182.641 5.927 5.927 0 01-.314.574 4.047 4.047 0 01-3.475 1.848h-3.78V12.979zm-.19 1.6h-2.016v7.942h2.016a2.324 2.324 0 001.984-.86l.078-.111.076-.106a1.927 1.927 0 00.283-.8 14.3 14.3 0 00.065-1.46v-.792q0-1.281-.068-1.859a1.918 1.918 0 00-.435-1.015 2.186 2.186 0 00-1.674-.932l-.154-.008z",
+  fill: "silver"
+});
+
+var SvgMipRotate = function SvgMipRotate(props) {
+  return /*#__PURE__*/React__default.createElement("svg", _extends$G({
+    width: 31.957,
+    height: 36.497,
+    viewBox: "0 0 31.957 36.497",
+    fill: "currentColor"
+  }, props), _ref$G);
+};
+
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
@@ -32804,19 +33002,19 @@ var _default$J = ConnectedLayoutButton;
 var css_248z$1 = ".paladin-wwwc .paladin-wwwc-item {\n  padding: 3px 20px;\n  font-size: 14px;\n  color: #53585f;\n  cursor: pointer;\n  white-space: nowrap;\n}\n.paladin-wwwc .paladin-wwwc-item:hover {\n  color: #fff;\n  background: #777777;\n}\n.paladin-wwwc .paladin-wwwc-item-prefix {\n  display: inline-block;\n  width: 50px;\n}\n.paladin-wwwc .paladin-wwwc-item-prefix svg {\n  width: 15px;\n  vertical-align: middle;\n}\n.paladin-wwwc .paladin-wwwc-item-label {\n  display: inline-block;\n  width: 55px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow-x: hidden;\n  vertical-align: top;\n}\n.paladin-wwwc .paladin-wwwc-item-value {\n  display: inline-block;\n  width: calc(100% - 100px);\n  text-align: right;\n  font-style: oblique;\n}\n.paladin-wwwc .paladin-wwwc-custom-icon {\n  display: inline-block;\n  width: 1.28571em;\n  height: 1em;\n  margin-right: 2px;\n}\n.paladin-wwwc .paladin-wwwc-custom-icon svg {\n  vertical-align: middle;\n}\n.paladin-wwwc-set-modal .paladin-wwwc-set-table {\n  border-collapse: collapse;\n  width: 100%;\n}\n.paladin-wwwc-set-modal .paladin-wwwc-set-table th,\n.paladin-wwwc-set-modal .paladin-wwwc-set-table td {\n  padding: 16px 0;\n  text-align: center;\n  font-size: 14px;\n}\n.paladin-wwwc-set-modal .paladin-wwwc-set-table th {\n  background: #fafafa;\n}\n.paladin-wwwc-set-modal .paladin-wwwc-set-table th:last-child {\n  width: 250px;\n}\n";
 styleInject$1(css_248z$1);
 
-function _extends$G() { _extends$G = 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$G.apply(this, arguments); }
+function _extends$H() { _extends$H = 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$H.apply(this, arguments); }
 
-var _ref$G = /*#__PURE__*/React__default.createElement("path", {
+var _ref$H = /*#__PURE__*/React__default.createElement("path", {
   d: "M18.286 16q0-1.893-1.339-3.232t-3.232-1.339-3.232 1.339T9.144 16t1.339 3.232 3.232 1.339 3.232-1.339T18.286 16zm9.143-1.946v3.964q0 .214-.143.411t-.357.232l-3.304.5q-.339.964-.696 1.625.625.893 1.911 2.464.179.214.179.446t-.161.411q-.482.661-1.768 1.929t-1.679 1.268q-.214 0-.464-.161l-2.464-1.929q-.786.411-1.625.679-.286 2.429-.518 3.321-.125.5-.643.5h-3.964q-.25 0-.438-.152t-.205-.384l-.5-3.286q-.875-.286-1.607-.661l-2.518 1.911q-.179.161-.446.161-.25 0-.446-.196-2.25-2.036-2.946-3-.125-.179-.125-.411 0-.214.143-.411.268-.375.911-1.188t.964-1.259q-.482-.893-.732-1.768L.52 18.588q-.232-.036-.375-.223t-.143-.42v-3.964q0-.214.143-.411t.339-.232l3.321-.5q.25-.821.696-1.643-.714-1.018-1.911-2.464-.179-.214-.179-.429 0-.179.161-.411.464-.643 1.759-1.92t1.688-1.277q.232 0 .464.179l2.464 1.911q.786-.411 1.625-.679.286-2.429.518-3.321.125-.5.643-.5h3.964q.25 0 .438.152t.205.384l.5 3.286q.875.286 1.607.661l2.536-1.911q.161-.161.429-.161.232 0 .446.179 2.304 2.125 2.946 3.036.125.143.125.393 0 .214-.143.411-.268.375-.911 1.188t-.964 1.259q.464.893.732 1.75l3.268.5q.232.036.375.223t.143.42z"
 });
 
 var SvgCog = function SvgCog(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$G({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$H({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$G);
+  }, props), _ref$H);
 };
 
 var css_248z$2 = ".paladin-ipt {\n  box-sizing: border-box;\n  width: 100%;\n  height: 34px;\n  padding: 6px 12px;\n  background-color: transparent;\n  background-image: none;\n  border: 1px solid #ccc;\n  border-radius: 8px;\n  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n  display: block;\n  font-size: 14px;\n  line-height: 1.42857;\n  color: #555;\n}\n.paladin-ipt:focus {\n  outline: none;\n}\n";
@@ -33172,19 +33370,19 @@ defineProperty(Button, "propTypes", {
   leaveModule && leaveModule(module);
 })();
 
-function _extends$H() { _extends$H = 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$H.apply(this, arguments); }
+function _extends$I() { _extends$I = 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$I.apply(this, arguments); }
 
-var _ref$H = /*#__PURE__*/React__default.createElement("path", {
+var _ref$I = /*#__PURE__*/React__default.createElement("path", {
   d: "M23.179 23.607q0 .714-.5 1.214L20.25 27.25q-.5.5-1.214.5t-1.214-.5L12.572 22l-5.25 5.25q-.5.5-1.214.5t-1.214-.5l-2.429-2.429q-.5-.5-.5-1.214t.5-1.214l5.25-5.25-5.25-5.25q-.5-.5-.5-1.214t.5-1.214l2.429-2.429q.5-.5 1.214-.5t1.214.5l5.25 5.25 5.25-5.25q.5-.5 1.214-.5t1.214.5l2.429 2.429q.5.5.5 1.214t-.5 1.214l-5.25 5.25 5.25 5.25q.5.5.5 1.214z"
 });
 
 var SvgRemove = function SvgRemove(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$H({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$I({
     width: 25,
     height: 32,
     viewBox: "0 0 25 32",
     fill: "currentColor"
-  }, props), _ref$H);
+  }, props), _ref$I);
 };
 
 (function () {
@@ -34241,109 +34439,109 @@ var _default$L = ConnectedWwwc;
   leaveModule && leaveModule(module);
 })();
 
-function _extends$I() { _extends$I = 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$I.apply(this, arguments); }
+function _extends$J() { _extends$J = 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$J.apply(this, arguments); }
 
-var _ref$I = /*#__PURE__*/React__default.createElement("path", {
+var _ref$J = /*#__PURE__*/React__default.createElement("path", {
   d: "M22.911 9.661L16.572 16l6.339 6.339 2.571-2.571q.518-.554 1.25-.25.696.304.696 1.054v8q0 .464-.339.804t-.804.339h-8q-.75 0-1.054-.714-.304-.696.25-1.232l2.571-2.571-6.339-6.339-6.339 6.339 2.571 2.571q.554.536.25 1.232-.304.714-1.054.714h-8q-.464 0-.804-.339t-.339-.804v-8q0-.75.714-1.054.696-.304 1.232.25l2.571 2.571L10.854 16 4.515 9.661l-2.571 2.571q-.339.339-.804.339-.214 0-.429-.089-.714-.304-.714-1.054v-8q0-.464.339-.804t.804-.339h8q.75 0 1.054.714.304.696-.25 1.232L7.373 6.802l6.339 6.339 6.339-6.339-2.571-2.571q-.554-.536-.25-1.232.304-.714 1.054-.714h8q.464 0 .804.339t.339.804v8q0 .75-.696 1.054-.232.089-.446.089-.464 0-.804-.339z"
 });
 
 var SvgFullscreen = function SvgFullscreen(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$I({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$J({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$I);
+  }, props), _ref$J);
 };
 
-function _extends$J() { _extends$J = 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$J.apply(this, arguments); }
+function _extends$K() { _extends$K = 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$K.apply(this, arguments); }
 
-var _ref$J = /*#__PURE__*/React__default.createElement("path", {
+var _ref$K = /*#__PURE__*/React__default.createElement("path", {
   d: "M32 16q0 .464-.339.804l-4.571 4.571q-.339.339-.804.339t-.804-.339-.339-.804v-2.286H6.857v2.286q0 .464-.339.804t-.804.339-.804-.339L.339 16.804Q0 16.465 0 16t.339-.804l4.571-4.571q.339-.339.804-.339t.804.339.339.804v2.286h18.286v-2.286q0-.464.339-.804t.804-.339.804.339l4.571 4.571Q32 15.535 32 16z"
 });
 
 var SvgResizeHorizontal = function SvgResizeHorizontal(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$J({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$K({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$J);
+  }, props), _ref$K);
 };
 
-function _extends$K() { _extends$K = 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$K.apply(this, arguments); }
+function _extends$L() { _extends$L = 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$L.apply(this, arguments); }
 
-var _ref$K = /*#__PURE__*/React__default.createElement("path", {
+var _ref$L = /*#__PURE__*/React__default.createElement("path", {
   d: "M12.571 5.714q0 .464-.339.804t-.804.339H9.142v18.286h2.286q.464 0 .804.339t.339.804-.339.804l-4.571 4.571Q7.322 32 6.857 32t-.804-.339L1.482 27.09q-.339-.339-.339-.804t.339-.804.804-.339h2.286V6.857H2.286q-.464 0-.804-.339t-.339-.804.339-.804L6.053.339Q6.392 0 6.857 0t.804.339l4.571 4.571q.339.339.339.804z"
 });
 
 var SvgResizeVertical = function SvgResizeVertical(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$K({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$L({
     width: 14,
     height: 32,
     viewBox: "0 0 14 32",
     fill: "currentColor"
-  }, props), _ref$K);
+  }, props), _ref$L);
 };
 
-function _extends$L() { _extends$L = 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$L.apply(this, arguments); }
+function _extends$M() { _extends$M = 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$M.apply(this, arguments); }
 
-var _ref$L = /*#__PURE__*/React__default.createElement("path", {
+var _ref$M = /*#__PURE__*/React__default.createElement("path", {
   d: "M18.286 14.286v1.143q0 .232-.17.402t-.402.17h-4v4q0 .232-.17.402t-.402.17h-1.143q-.232 0-.402-.17t-.17-.402v-4h-4q-.232 0-.402-.17t-.17-.402v-1.143q0-.232.17-.402t.402-.17h4v-4q0-.232.17-.402t.402-.17h1.143q.232 0 .402.17t.17.402v4h4q.232 0 .402.17t.17.402zm2.285.571q0-3.304-2.348-5.652t-5.652-2.348-5.652 2.348-2.348 5.652 2.348 5.652 5.652 2.348 5.652-2.348 2.348-5.652zm9.143 14.857q0 .946-.67 1.616t-1.616.67q-.964 0-1.607-.679l-6.125-6.107q-3.196 2.214-7.125 2.214-2.554 0-4.884-.991t-4.018-2.679T.99 19.74t-.991-4.884.991-4.884 2.679-4.018 4.018-2.679 4.884-.991 4.884.991 4.018 2.679 2.679 4.018.991 4.884q0 3.929-2.214 7.125l6.125 6.125q.661.661.661 1.607z"
 });
 
 var SvgZoomIn = function SvgZoomIn(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$L({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$M({
     width: 30,
     height: 32,
     viewBox: "0 0 30 32",
     fill: "currentColor"
-  }, props), _ref$L);
+  }, props), _ref$M);
 };
 
-function _extends$M() { _extends$M = 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$M.apply(this, arguments); }
+function _extends$N() { _extends$N = 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$N.apply(this, arguments); }
 
-var _ref$M = /*#__PURE__*/React__default.createElement("path", {
+var _ref$N = /*#__PURE__*/React__default.createElement("path", {
   d: "M18.286 14.286v1.143q0 .232-.17.402t-.402.17H7.428q-.232 0-.402-.17t-.17-.402v-1.143q0-.232.17-.402t.402-.17h10.286q.232 0 .402.17t.17.402zm2.285.571q0-3.304-2.348-5.652t-5.652-2.348-5.652 2.348-2.348 5.652 2.348 5.652 5.652 2.348 5.652-2.348 2.348-5.652zm9.143 14.857q0 .946-.67 1.616t-1.616.67q-.964 0-1.607-.679l-6.125-6.107q-3.196 2.214-7.125 2.214-2.554 0-4.884-.991t-4.018-2.679T.99 19.74t-.991-4.884.991-4.884 2.679-4.018 4.018-2.679 4.884-.991 4.884.991 4.018 2.679 2.679 4.018.991 4.884q0 3.929-2.214 7.125l6.125 6.125q.661.661.661 1.607z"
 });
 
 var SvgZoomOut = function SvgZoomOut(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$M({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$N({
     width: 30,
     height: 32,
     viewBox: "0 0 30 32",
     fill: "currentColor"
-  }, props), _ref$M);
+  }, props), _ref$N);
 };
 
-function _extends$N() { _extends$N = 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$N.apply(this, arguments); }
+function _extends$O() { _extends$O = 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$O.apply(this, arguments); }
 
-var _ref$N = /*#__PURE__*/React__default.createElement("path", {
+var _ref$O = /*#__PURE__*/React__default.createElement("path", {
   d: "M20.571 14.857q0-3.304-2.348-5.652t-5.652-2.348-5.652 2.348-2.348 5.652 2.348 5.652 5.652 2.348 5.652-2.348 2.348-5.652zm9.143 14.857q0 .929-.679 1.607T27.428 32q-.964 0-1.607-.679l-6.125-6.107q-3.196 2.214-7.125 2.214-2.554 0-4.884-.991t-4.018-2.679T.99 19.74t-.991-4.884.991-4.884 2.679-4.018 4.018-2.679 4.884-.991 4.884.991 4.018 2.679 2.679 4.018.991 4.884q0 3.929-2.214 7.125l6.125 6.125q.661.661.661 1.607z"
 });
 
 var SvgSearch = function SvgSearch(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$N({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$O({
     width: 30,
     height: 32,
     viewBox: "0 0 30 32",
     fill: "currentColor"
-  }, props), _ref$N);
+  }, props), _ref$O);
 };
 
-function _extends$O() { _extends$O = 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$O.apply(this, arguments); }
+function _extends$P() { _extends$P = 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$P.apply(this, arguments); }
 
-var _ref$O = /*#__PURE__*/React__default.createElement("path", {
+var _ref$P = /*#__PURE__*/React__default.createElement("path", {
   d: "M32 20q0 2.964-2.268 8.054l-.188.429q-.134.304-.241.536t-.232.393q-.214.304-.5.304-.268 0-.42-.179t-.152-.446q0-.161.045-.473t.045-.42q.089-1.214.089-2.196 0-1.804-.313-3.232t-.866-2.473-1.429-1.804-1.884-1.241-2.375-.759-2.75-.384-3.134-.107h-4v4.571q0 .464-.339.804t-.804.339-.804-.339L.337 12.234q-.339-.339-.339-.804t.339-.804L9.48 1.483q.339-.339.804-.339t.804.339.339.804v4.571h4q12.732 0 15.625 7.196.946 2.393.946 5.946z"
 });
 
 var SvgReply = function SvgReply(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$O({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$P({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$O);
+  }, props), _ref$P);
 };
 
 (function () {
@@ -34555,24 +34753,24 @@ var _default$M = ConnectedZoom;
   leaveModule && leaveModule(module);
 })();
 
-function _extends$P() { _extends$P = 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$P.apply(this, arguments); }
+function _extends$Q() { _extends$Q = 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$Q.apply(this, arguments); }
 
-var _ref$P = /*#__PURE__*/React__default.createElement("path", {
+var _ref$Q = /*#__PURE__*/React__default.createElement("path", {
   d: "M27.429 4.571v8q0 .464-.339.804t-.804.339h-8q-.75 0-1.054-.714-.304-.696.25-1.232l2.464-2.464q-2.643-2.446-6.232-2.446-1.857 0-3.545.723t-2.92 1.955-1.955 2.92-.723 3.545.723 3.545 1.955 2.92 2.92 1.955 3.545.723q2.125 0 4.018-.929t3.196-2.625q.125-.179.411-.214.268 0 .446.161l2.446 2.464q.161.143.17.366t-.134.402q-1.946 2.357-4.714 3.652t-5.839 1.295q-2.786 0-5.321-1.089t-4.375-2.929-2.929-4.375T0 16.002t1.089-5.321 2.929-4.375 4.375-2.929 5.321-1.089q2.625 0 5.08.991t4.366 2.795l2.321-2.304q.518-.554 1.25-.25.696.304.696 1.054z"
 });
 
 var SvgRepeat = function SvgRepeat(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$P({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$Q({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$P);
+  }, props), _ref$Q);
 };
 
-function _extends$Q() { _extends$Q = 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$Q.apply(this, arguments); }
+function _extends$R() { _extends$R = 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$R.apply(this, arguments); }
 
-var _ref$Q = /*#__PURE__*/React__default.createElement("path", {
+var _ref$R = /*#__PURE__*/React__default.createElement("path", {
   fill: "#040000",
   d: "M0 162.517l98.977-82.481v164.961L0 162.517zm17.756 0l69.854 58.211V104.306l-69.854 58.211zM182.945 244.998V80.036l98.979 82.481zM190.486 20.714c-26.433-26.432-68.313-27.806-93.373-2.747L80.636 34.444l6.866 6.866 16.477-16.477c21.284-21.284 56.985-19.911 79.642 2.746L169.889 41.31l48.06 13.731-13.732-48.059-13.731 13.732zm0 0"
 });
@@ -34584,17 +34782,17 @@ var _ref2$b = /*#__PURE__*/React__default.createElement("g", {
 }));
 
 var SvgFlipHorizontal = function SvgFlipHorizontal(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$Q({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$R({
     width: 283.46,
     height: 283.46,
     viewBox: "0 0 283.46 283.46",
     fill: "currentColor"
-  }, props), _ref$Q, _ref2$b);
+  }, props), _ref$R, _ref2$b);
 };
 
-function _extends$R() { _extends$R = 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$R.apply(this, arguments); }
+function _extends$S() { _extends$S = 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$S.apply(this, arguments); }
 
-var _ref$R = /*#__PURE__*/React__default.createElement("path", {
+var _ref$S = /*#__PURE__*/React__default.createElement("path", {
   fill: "#040000",
   d: "M105.294 0l82.481 98.977H22.813L105.294 0zm0 17.756L47.083 87.61h116.422l-58.211-69.854zM22.813 182.945h164.962l-82.481 98.979zM247.097 190.486c26.432-26.433 27.806-68.313 2.747-93.373l-16.477-16.477-6.866 6.866 16.477 16.477c21.284 21.284 19.911 56.985-2.746 79.642L226.5 169.889l-13.731 48.06 48.059-13.732-13.731-13.731zm0 0"
 });
@@ -34606,12 +34804,12 @@ var _ref2$c = /*#__PURE__*/React__default.createElement("g", {
 }));
 
 var SvgFlipVertical = function SvgFlipVertical(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$R({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$S({
     width: 283.46,
     height: 283.46,
     viewBox: "0 0 283.46 283.46",
     fill: "currentColor"
-  }, props), _ref$R, _ref2$c);
+  }, props), _ref$S, _ref2$c);
 };
 
 (function () {
@@ -34792,64 +34990,64 @@ var _default$N = ConnectedRotate;
   leaveModule && leaveModule(module);
 })();
 
-function _extends$S() { _extends$S = 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$S.apply(this, arguments); }
+function _extends$T() { _extends$T = 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$T.apply(this, arguments); }
 
-var _ref$S = /*#__PURE__*/React__default.createElement("path", {
+var _ref$T = /*#__PURE__*/React__default.createElement("path", {
   d: "M6.857 20.571v2.286H4.571v-2.286h2.286zm0-13.714v2.286H4.571V6.857h2.286zm13.714 0v2.286h-2.286V6.857h2.286zM2.286 25.125h6.857v-6.839H2.286v6.839zm0-13.696h6.857V4.572H2.286v6.857zm13.714 0h6.857V4.572H16v6.857zM11.429 16v11.429H0V16h11.429zm9.142 9.143v2.286h-2.286v-2.286h2.286zm4.572 0v2.286h-2.286v-2.286h2.286zm0-9.143v6.857h-6.857v-2.286H16v6.857h-2.286V15.999h6.857v2.286h2.286v-2.286h2.286zM11.429 2.286v11.429H0V2.286h11.429zm13.714 0v11.429H13.714V2.286h11.429z"
 });
 
 var SvgQrcode = function SvgQrcode(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$S({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$T({
     width: 25,
     height: 32,
     viewBox: "0 0 25 32",
     fill: "currentColor"
-  }, props), _ref$S);
+  }, props), _ref$T);
 };
 
-function _extends$T() { _extends$T = 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$T.apply(this, arguments); }
+function _extends$U() { _extends$U = 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$U.apply(this, arguments); }
 
-var _ref$T = /*#__PURE__*/React__default.createElement("path", {
+var _ref$U = /*#__PURE__*/React__default.createElement("path", {
   d: "M26.214 6.786q.5.5.857 1.357t.357 1.571v20.571q0 .714-.5 1.214t-1.214.5h-24q-.714 0-1.214-.5T0 30.285V1.714Q0 1 .5.5T1.714 0h16q.714 0 1.571.357t1.357.857zm-7.928-4.357v6.714H25q-.179-.518-.393-.732l-5.589-5.589q-.214-.214-.732-.393zm6.857 27.285V11.428h-7.429q-.714 0-1.214-.5T16 9.714V2.285H2.286v27.429h22.857zM6.857 14.286q0-.25.161-.411t.411-.161H20q.25 0 .411.161t.161.411v1.143q0 .25-.161.411t-.411.161H7.429q-.25 0-.411-.161t-.161-.411v-1.143zm13.143 4q.25 0 .411.161t.161.411v1.143q0 .25-.161.411t-.411.161H7.429q-.25 0-.411-.161t-.161-.411v-1.143q0-.25.161-.411t.411-.161H20zm0 4.571q.25 0 .411.161t.161.411v1.143q0 .25-.161.411t-.411.161H7.429q-.25 0-.411-.161t-.161-.411v-1.143q0-.25.161-.411t.411-.161H20z"
 });
 
 var SvgFileTextAlt = function SvgFileTextAlt(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$T({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$U({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$T);
+  }, props), _ref$U);
 };
 
-function _extends$U() { _extends$U = 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$U.apply(this, arguments); }
+function _extends$V() { _extends$V = 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$V.apply(this, arguments); }
 
-var _ref$U = /*#__PURE__*/React__default.createElement("path", {
+var _ref$V = /*#__PURE__*/React__default.createElement("path", {
   d: "M9.143 22.286v3.429q0 .714-.5 1.214t-1.214.5H1.715q-.714 0-1.214-.5t-.5-1.214v-3.429q0-.714.5-1.214t1.214-.5h5.714q.714 0 1.214.5t.5 1.214zm0-9.143v3.429q0 .714-.5 1.214t-1.214.5H1.715q-.714 0-1.214-.5t-.5-1.214v-3.429q0-.714.5-1.214t1.214-.5h5.714q.714 0 1.214.5t.5 1.214zM32 22.286v3.429q0 .714-.5 1.214t-1.214.5H13.143q-.714 0-1.214-.5t-.5-1.214v-3.429q0-.714.5-1.214t1.214-.5h17.143q.714 0 1.214.5t.5 1.214zM9.143 4v3.429q0 .714-.5 1.214t-1.214.5H1.715q-.714 0-1.214-.5t-.5-1.214V4q0-.714.5-1.214t1.214-.5h5.714q.714 0 1.214.5T9.143 4zM32 13.143v3.429q0 .714-.5 1.214t-1.214.5H13.143q-.714 0-1.214-.5t-.5-1.214v-3.429q0-.714.5-1.214t1.214-.5h17.143q.714 0 1.214.5t.5 1.214zM32 4v3.429q0 .714-.5 1.214t-1.214.5H13.143q-.714 0-1.214-.5t-.5-1.214V4q0-.714.5-1.214t1.214-.5h17.143q.714 0 1.214.5T32 4z"
 });
 
 var SvgThList = function SvgThList(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$U({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$V({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$U);
+  }, props), _ref$V);
 };
 
-function _extends$V() { _extends$V = 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$V.apply(this, arguments); }
+function _extends$W() { _extends$W = 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$W.apply(this, arguments); }
 
-var _ref$V = /*#__PURE__*/React__default.createElement("path", {
+var _ref$W = /*#__PURE__*/React__default.createElement("path", {
   d: "M23.429 15.946q0-2.875-1.554-5.268L8.411 24.124q2.446 1.589 5.304 1.589 1.982 0 3.777-.777t3.098-2.08 2.071-3.116.768-3.795zm-17.84 5.34L19.071 7.822q-2.411-1.625-5.357-1.625-2.643 0-4.875 1.304t-3.536 3.554-1.304 4.893q0 2.893 1.589 5.339zm21.84-5.34q0 2.804-1.089 5.357t-2.92 4.393-4.375 2.929-5.33 1.089-5.33-1.089-4.375-2.929-2.92-4.393-1.089-5.357 1.089-5.348 2.92-4.384 4.375-2.929 5.33-1.089 5.33 1.089 4.375 2.929 2.92 4.384 1.089 5.348z"
 });
 
 var SvgBanCircle = function SvgBanCircle(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$V({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$W({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$V);
+  }, props), _ref$W);
 };
 
 var css_248z$7 = ".paladin-btn-group .paladin-btn:first-child:not(:last-child) {\n  border-bottom-right-radius: 0;\n  border-top-right-radius: 0;\n}\n.paladin-btn-group .paladin-btn:last-child:not(:first-child) {\n  border-bottom-left-radius: 0;\n  border-top-left-radius: 0;\n}\n";
@@ -35720,34 +35918,34 @@ var _default$Q = ConnectedImageTool;
   leaveModule && leaveModule(module);
 })();
 
-function _extends$W() { _extends$W = 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$W.apply(this, arguments); }
+function _extends$X() { _extends$X = 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$X.apply(this, arguments); }
 
-var _ref$W = /*#__PURE__*/React__default.createElement("path", {
+var _ref$X = /*#__PURE__*/React__default.createElement("path", {
   d: "M9.143 13.143v10.286q0 .25-.161.411t-.411.161H7.428q-.25 0-.411-.161t-.161-.411V13.143q0-.25.161-.411t.411-.161h1.143q.25 0 .411.161t.161.411zm4.571 0v10.286q0 .25-.161.411t-.411.161h-1.143q-.25 0-.411-.161t-.161-.411V13.143q0-.25.161-.411t.411-.161h1.143q.25 0 .411.161t.161.411zm4.572 0v10.286q0 .25-.161.411t-.411.161h-1.143q-.25 0-.411-.161t-.161-.411V13.143q0-.25.161-.411t.411-.161h1.143q.25 0 .411.161t.161.411zm2.285 12.928V9.142h-16v16.929q0 .393.125.723t.259.482.188.152H20q.054 0 .188-.152t.259-.482.125-.723zm-12-19.214h8l-.857-2.089q-.125-.161-.304-.196H9.749q-.179.036-.304.196zm16.572.572v1.143q0 .25-.161.411t-.411.161h-1.714v16.929q0 1.482-.839 2.563T20 29.716H5.143q-1.179 0-2.018-1.045t-.839-2.527v-17H.572q-.25 0-.411-.161T0 8.572V7.429q0-.25.161-.411t.411-.161H6.09l1.25-2.982q.268-.661.964-1.125t1.411-.464h5.714q.714 0 1.411.464t.964 1.125l1.25 2.982h5.518q.25 0 .411.161t.161.411z"
 });
 
 var SvgTrash = function SvgTrash(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$W({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$X({
     width: 25,
     height: 32,
     viewBox: "0 0 25 32",
     fill: "currentColor"
-  }, props), _ref$W);
+  }, props), _ref$X);
 };
 
-function _extends$X() { _extends$X = 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$X.apply(this, arguments); }
+function _extends$Y() { _extends$Y = 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$Y.apply(this, arguments); }
 
-var _ref$X = /*#__PURE__*/React__default.createElement("path", {
+var _ref$Y = /*#__PURE__*/React__default.createElement("path", {
   d: "M16 0q3.25 0 6.214 1.268t5.107 3.411 3.411 5.107T32 16t-1.268 6.214-3.411 5.107-5.107 3.411T16 32t-6.214-1.268-5.107-3.411-3.411-5.107T0 16t1.268-6.214 3.411-5.107 5.107-3.411T16 0zm0 2.286q-3.393 0-6.446 1.607l3.464 3.464q1.464-.5 2.982-.5t2.982.5l3.464-3.464Q19.392 2.286 16 2.286zM3.893 22.446l3.464-3.464q-.5-1.464-.5-2.982t.5-2.982L3.893 9.554Q2.286 12.608 2.286 16t1.607 6.446zM16 29.714q3.393 0 6.446-1.607l-3.464-3.464q-1.464.5-2.982.5t-2.982-.5l-3.464 3.464q3.054 1.607 6.446 1.607zm0-6.857q2.839 0 4.848-2.009T22.857 16t-2.009-4.848T16 9.143t-4.848 2.009T9.143 16t2.009 4.848T16 22.857zm8.643-3.875l3.464 3.464q1.607-3.054 1.607-6.446t-1.607-6.446l-3.464 3.464q.5 1.464.5 2.982t-.5 2.982z"
 });
 
 var Svg433 = function Svg433(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$X({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$Y({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$X);
+  }, props), _ref$Y);
 };
 
 (function () {
@@ -35975,34 +36173,34 @@ var LengthTool$1 = /*#__PURE__*/function (_Component) {
 var css_248z$a = ".paladin-global-msg {\n  position: absolute;\n  top: 10px;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 2;\n  padding: 5px 10px;\n  border-radius: 4px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  background: #ffffff;\n  color: #666;\n  font-size: 14px;\n}\n.paladin-global-msg svg {\n  vertical-align: middle;\n  width: 18px !important;\n  height: 18px !important;\n  margin-right: 5px;\n}\n.paladin-global-msg-error svg {\n  color: red;\n}\n.paladin-global-msg-info svg {\n  color: #00a4fe;\n}\n.paladin-global-msg-success svg {\n  color: #2FC761;\n}\n";
 styleInject$1(css_248z$a);
 
-function _extends$Y() { _extends$Y = 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$Y.apply(this, arguments); }
+function _extends$Z() { _extends$Z = 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$Z.apply(this, arguments); }
 
-var _ref$Y = /*#__PURE__*/React__default.createElement("path", {
+var _ref$Z = /*#__PURE__*/React__default.createElement("path", {
   d: "M20.518 20.036q0-.464-.339-.804L16.947 16l3.232-3.232q.339-.339.339-.804 0-.482-.339-.821l-1.607-1.607q-.339-.339-.821-.339-.464 0-.804.339l-3.232 3.232-3.232-3.232q-.339-.339-.804-.339-.482 0-.821.339l-1.607 1.607q-.339.339-.339.821 0 .464.339.804L10.483 16l-3.232 3.232q-.339.339-.339.804 0 .482.339.821l1.607 1.607q.339.339.821.339.464 0 .804-.339l3.232-3.232 3.232 3.232q.339.339.804.339.482 0 .821-.339l1.607-1.607q.339-.339.339-.821zM27.429 16q0 3.732-1.839 6.884t-4.991 4.991-6.884 1.839-6.884-1.839-4.991-4.991T.001 16 1.84 9.116t4.991-4.991 6.884-1.839 6.884 1.839 4.991 4.991T27.429 16z"
 });
 
 var SvgRemoveSign = function SvgRemoveSign(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$Y({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$Z({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$Y);
+  }, props), _ref$Z);
 };
 
-function _extends$Z() { _extends$Z = 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$Z.apply(this, arguments); }
+function _extends$_() { _extends$_ = 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$_.apply(this, arguments); }
 
-var _ref$Z = /*#__PURE__*/React__default.createElement("path", {
+var _ref$_ = /*#__PURE__*/React__default.createElement("path", {
   d: "M22.929 13.107q0-.5-.321-.821l-1.625-1.607q-.339-.339-.804-.339t-.804.339l-7.286 7.268-4.036-4.036q-.339-.339-.804-.339t-.804.339L4.82 15.518q-.321.321-.321.821 0 .482.321.804l6.464 6.464q.339.339.804.339.482 0 .821-.339l9.696-9.696q.321-.321.321-.804zm4.5 2.893q0 3.732-1.839 6.884t-4.991 4.991-6.884 1.839-6.884-1.839-4.991-4.991T.001 16 1.84 9.116t4.991-4.991 6.884-1.839 6.884 1.839 4.991 4.991T27.429 16z"
 });
 
 var SvgOkSign = function SvgOkSign(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$Z({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$_({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$Z);
+  }, props), _ref$_);
 };
 
 (function () {
@@ -37588,7 +37786,7 @@ var defineProperty$3 = function (obj, key, value) {
   return obj;
 };
 
-var _extends$_ = Object.assign || function (target) {
+var _extends$$ = Object.assign || function (target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i];
 
@@ -37610,7 +37808,7 @@ var _extends$_ = Object.assign || function (target) {
  * @returns {Object} ClientRect like output
  */
 function getClientRect(offsets) {
-  return _extends$_({}, offsets, {
+  return _extends$$({}, offsets, {
     right: offsets.left + offsets.width,
     bottom: offsets.top + offsets.height
   });
@@ -37898,7 +38096,7 @@ function computeAutoPlacement(placement, refRect, popper, reference, boundariesE
   };
 
   var sortedAreas = Object.keys(rects).map(function (key) {
-    return _extends$_({
+    return _extends$$({
       key: key
     }, rects[key], {
       area: getArea(rects[key])
@@ -38540,9 +38738,9 @@ function computeStyle(data, options) {
   };
 
   // Update `data` attributes, styles and arrowStyles
-  data.attributes = _extends$_({}, attributes, data.attributes);
-  data.styles = _extends$_({}, styles, data.styles);
-  data.arrowStyles = _extends$_({}, data.offsets.arrow, data.arrowStyles);
+  data.attributes = _extends$$({}, attributes, data.attributes);
+  data.styles = _extends$$({}, styles, data.styles);
+  data.arrowStyles = _extends$$({}, data.offsets.arrow, data.arrowStyles);
 
   return data;
 }
@@ -38822,7 +39020,7 @@ function flip(data, options) {
 
       // this object contains `position`, we want to preserve it along with
       // any additional property we may add in the future
-      data.offsets.popper = _extends$_({}, data.offsets.popper, getPopperOffsets(data.instance.popper, data.offsets.reference, data.placement));
+      data.offsets.popper = _extends$$({}, data.offsets.popper, getPopperOffsets(data.instance.popper, data.offsets.reference, data.placement));
 
       data = runModifiers(data.instance.modifiers, data, 'flip');
     }
@@ -39096,7 +39294,7 @@ function preventOverflow(data, options) {
 
   order.forEach(function (placement) {
     var side = ['left', 'top'].indexOf(placement) !== -1 ? 'primary' : 'secondary';
-    popper = _extends$_({}, popper, check[side](placement));
+    popper = _extends$$({}, popper, check[side](placement));
   });
 
   data.offsets.popper = popper;
@@ -39131,7 +39329,7 @@ function shift(data) {
       end: defineProperty$3({}, side, reference[side] + reference[measurement] - popper[measurement])
     };
 
-    data.offsets.popper = _extends$_({}, popper, shiftOffsets[shiftvariation]);
+    data.offsets.popper = _extends$$({}, popper, shiftOffsets[shiftvariation]);
   }
 
   return data;
@@ -39663,7 +39861,7 @@ var Popper = function () {
     this.update = debounce(this.update.bind(this));
 
     // with {} we create a new object with the options inside it
-    this.options = _extends$_({}, Popper.Defaults, options);
+    this.options = _extends$$({}, Popper.Defaults, options);
 
     // init state
     this.state = {
@@ -39678,13 +39876,13 @@ var Popper = function () {
 
     // Deep merge modifiers options
     this.options.modifiers = {};
-    Object.keys(_extends$_({}, Popper.Defaults.modifiers, options.modifiers)).forEach(function (name) {
-      _this.options.modifiers[name] = _extends$_({}, Popper.Defaults.modifiers[name] || {}, options.modifiers ? options.modifiers[name] : {});
+    Object.keys(_extends$$({}, Popper.Defaults.modifiers, options.modifiers)).forEach(function (name) {
+      _this.options.modifiers[name] = _extends$$({}, Popper.Defaults.modifiers[name] || {}, options.modifiers ? options.modifiers[name] : {});
     });
 
     // Refactoring modifiers' list (Object => Array)
     this.modifiers = Object.keys(this.options.modifiers).map(function (name) {
-      return _extends$_({
+      return _extends$$({
         name: name
       }, _this.options.modifiers[name]);
     })
@@ -40647,94 +40845,94 @@ defineProperty(PopperBox, "propTypes", {
   leaveModule && leaveModule(module);
 })();
 
-function _extends$$() { _extends$$ = 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$$.apply(this, arguments); }
+function _extends$10() { _extends$10 = 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$10.apply(this, arguments); }
 
-var _ref$_ = /*#__PURE__*/React__default.createElement("path", {
+var _ref$$ = /*#__PURE__*/React__default.createElement("path", {
   d: "M18.286 21.714q0 .464-.339.804t-.804.339h-16q-.464 0-.804-.339T0 21.714t.339-.804l8-8q.339-.339.804-.339t.804.339l8 8q.339.339.339.804z"
 });
 
 var SvgCaretUp = function SvgCaretUp(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$$({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$10({
     width: 18,
     height: 32,
     viewBox: "0 0 18 32",
     fill: "currentColor"
-  }, props), _ref$_);
+  }, props), _ref$$);
 };
 
-function _extends$10() { _extends$10 = 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$10.apply(this, arguments); }
+function _extends$11() { _extends$11 = 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$11.apply(this, arguments); }
 
-var _ref$$ = /*#__PURE__*/React__default.createElement("path", {
+var _ref$10 = /*#__PURE__*/React__default.createElement("path", {
   d: "M18.286 12.571q0 .464-.339.804l-8 8q-.339.339-.804.339t-.804-.339l-8-8Q0 13.036 0 12.571t.339-.804.804-.339h16q.464 0 .804.339t.339.804z"
 });
 
 var SvgCaretDown = function SvgCaretDown(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$10({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$11({
     width: 18,
     height: 32,
     viewBox: "0 0 18 32",
     fill: "currentColor"
-  }, props), _ref$$);
+  }, props), _ref$10);
 };
 
-function _extends$11() { _extends$11 = 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$11.apply(this, arguments); }
+function _extends$12() { _extends$12 = 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$12.apply(this, arguments); }
 
-var _ref$10 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$11 = /*#__PURE__*/React__default.createElement("path", {
   d: "M24.714 16.554L1 29.733q-.411.232-.705.054T0 29.144V2.858q0-.464.295-.643T1 2.269l23.714 13.179q.411.232.411.554t-.411.554z"
 });
 
 var SvgPlay = function SvgPlay(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$11({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$12({
     width: 25,
     height: 32,
     viewBox: "0 0 25 32",
     fill: "currentColor"
-  }, props), _ref$10);
+  }, props), _ref$11);
 };
 
-function _extends$12() { _extends$12 = 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$12.apply(this, arguments); }
+function _extends$13() { _extends$13 = 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$13.apply(this, arguments); }
 
-var _ref$11 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$12 = /*#__PURE__*/React__default.createElement("path", {
   d: "M31.196 2.518q.339-.339.571-.232t.232.571v26.286q0 .464-.232.571t-.571-.232L18.517 16.803q-.161-.161-.232-.339v12.679q0 .464-.232.571t-.571-.232L4.803 16.803q-.161-.161-.232-.339v12.107q0 .464-.339.804t-.804.339H1.142q-.464 0-.804-.339t-.339-.804V3.428q0-.464.339-.804t.804-.339h2.286q.464 0 .804.339t.339.804v12.107q.071-.179.232-.339L17.482 2.517q.339-.339.571-.232t.232.571v12.679q.071-.179.232-.339z"
 });
 
 var SvgFastBackward = function SvgFastBackward(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$12({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$13({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$11);
+  }, props), _ref$12);
 };
 
-function _extends$13() { _extends$13 = 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$13.apply(this, arguments); }
+function _extends$14() { _extends$14 = 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$14.apply(this, arguments); }
 
-var _ref$12 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$13 = /*#__PURE__*/React__default.createElement("path", {
   d: "M.804 29.482q-.339.339-.571.232t-.232-.571V2.857q0-.464.232-.571t.571.232l12.679 12.679q.161.161.232.339V2.857q0-.464.232-.571t.571.232l12.679 12.679q.161.161.232.339V3.429q0-.464.339-.804t.804-.339h2.286q.464 0 .804.339t.339.804v25.143q0 .464-.339.804t-.804.339h-2.286q-.464 0-.804-.339t-.339-.804V16.465q-.071.179-.232.339L14.518 29.483q-.339.339-.571.232t-.232-.571V16.465q-.071.179-.232.339z"
 });
 
 var SvgFastForward = function SvgFastForward(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$13({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$14({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$12);
+  }, props), _ref$13);
 };
 
-function _extends$14() { _extends$14 = 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$14.apply(this, arguments); }
+function _extends$15() { _extends$15 = 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$15.apply(this, arguments); }
 
-var _ref$13 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$14 = /*#__PURE__*/React__default.createElement("path", {
   d: "M27.429 3.429v25.143q0 .464-.339.804t-.804.339h-9.143q-.464 0-.804-.339T16 28.572V3.429q0-.464.339-.804t.804-.339h9.143q.464 0 .804.339t.339.804zm-16 0v25.143q0 .464-.339.804t-.804.339H1.143q-.464 0-.804-.339T0 28.572V3.429q0-.464.339-.804t.804-.339h9.143q.464 0 .804.339t.339.804z"
 });
 
 var SvgPause = function SvgPause(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$14({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$15({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$13);
+  }, props), _ref$14);
 };
 
 var css_248z$c = ".paladin-cine-row {\n  padding: 3px 20px;\n  width: 100%;\n  height: 40px;\n}\n.paladin-cine-row .paladin-cine-label {\n  font-size: 12px;\n  color: #727882;\n  justify-content: center;\n  white-space: nowrap;\n}\n.paladin-cine-row .paladin-cine-input {\n  padding: 0 8px;\n  justify-content: center;\n  align-items: center;\n}\n.paladin-cine-row .paladin-cine-input input {\n  height: 20px;\n  padding: 0;\n  width: 80%;\n}\n.paladin-cine-row .paladin-cine-svg {\n  height: 100%;\n}\n.paladin-cine-row .paladin-cine-svg .paladin-row {\n  height: 20px;\n}\n.paladin-cine-row .paladin-cine-svg svg {\n  fill: #727882;\n}\n.paladin-cine-svg-play svg {\n  width: 12px !important;\n  height: 12px !important;\n  fill: #727882;\n}\n";
@@ -41793,7 +41991,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-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";
 styleInject$1(css_248z$d);
 
 (function () {
@@ -42093,8 +42291,8 @@ defineProperty(Scrollable, "propTypes", {
   leaveModule && leaveModule(module);
 })();
 
-function _extends$15() {
-  _extends$15 = Object.assign || function (target) {
+function _extends$16() {
+  _extends$16 = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -42108,7 +42306,7 @@ function _extends$15() {
     return target;
   };
 
-  return _extends$15.apply(this, arguments);
+  return _extends$16.apply(this, arguments);
 }
 
 function _arrayWithHoles$1(arr) {
@@ -43720,7 +43918,7 @@ function sortableContainer(WrappedComponent) {
       key: "render",
       value: function render() {
         var ref = config.withRef ? 'wrappedInstance' : null;
-        return React.createElement(WrappedComponent, _extends$15({
+        return React.createElement(WrappedComponent, _extends$16({
           ref: ref
         }, omit(this.props, omittedProps)));
       }
@@ -43853,7 +44051,7 @@ function sortableElement(WrappedComponent) {
       key: "render",
       value: function render() {
         var ref = config.withRef ? 'wrappedInstance' : null;
-        return React.createElement(WrappedComponent, _extends$15({
+        return React.createElement(WrappedComponent, _extends$16({
           ref: ref
         }, omit(this.props, omittedProps$1)));
       }
@@ -43990,9 +44188,9 @@ var SettingModal = /*#__PURE__*/function (_Component) {
   leaveModule && leaveModule(module);
 })();
 
-function _extends$16() { _extends$16 = 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$16.apply(this, arguments); }
+function _extends$17() { _extends$17 = 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$17.apply(this, arguments); }
 
-var _ref$14 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$15 = /*#__PURE__*/React__default.createElement("path", {
   d: "M59.661.336L0 34.781v68.357l59.661-33.913V.336zm-8.165 60.185l-8.928 4.966s.123-30.196.373-33.682l-.186.103c-.497 3.378-.993 5.946-1.488 7.709l-7.624 30.836-7.811 4.345-7.625-23.096a215.946 215.946 0 01-1.488-5.495l-.186.104c0 .744.061 1.764.186 3.058.123 3.651.186 30.396.186 30.396l-8.74 4.863V43.713l13.761-7.656 7.253 22.745c.122.676.308 2.061.557 4.153 0-.371.062-.899.186-1.59 0-1.61.122-2.672.372-3.183l7.253-30.815 13.948-7.76v40.914zm0 0M92.144 37.107l-6.632-3.974v13.466l6.632 3.973c5.225 2.999 7.905 2.325 8.039-2.017-.134-4.367-2.814-8.183-8.039-11.448zm0 0"
 });
 
@@ -44005,50 +44203,95 @@ var _ref3$3 = /*#__PURE__*/React__default.createElement("path", {
 });
 
 var SvgMpr = function SvgMpr(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$16({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$17({
     width: 142,
     height: 142,
     viewBox: "0 0 142 142",
     fill: "currentColor"
-  }, props), _ref$14, _ref2$d, _ref3$3);
+  }, props), _ref$15, _ref2$d, _ref3$3);
 };
 
-function _extends$17() { _extends$17 = 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$17.apply(this, arguments); }
+function _extends$18() { _extends$18 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$18.apply(this, arguments); }
 
-var _ref$15 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$16 = /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", {
+  id: "mip_svg__a"
+}, /*#__PURE__*/React__default.createElement("path", {
+  "data-name": "\\u8DEF\\u5F84 1657",
+  d: "M136.15 83.17l-.65-37.27 6.439 4.683.65 37.27z",
+  transform: "translate(-135.5 -45.9)"
+})));
+
+var _ref2$e = /*#__PURE__*/React__default.createElement("path", {
+  "data-name": "\\u51CF\\u53BB 8",
+  d: "M51.964 113.499a12.506 12.506 0 01-6.435-1.853L6.508 89.662a9.941 9.941 0 01-4.768-4.077 12.315 12.315 0 01-1.742-6.462v-44.75a11.358 11.358 0 011.742-5.91 14.368 14.368 0 014.764-4.691L45.532 1.855a9.449 9.449 0 015.8-1.853 12.477 12.477 0 016.431 1.853l39.028 21.917c4.011 1.621 6.5 5.683 6.5 10.6v44.75c0 4.041-2.493 8.079-6.506 10.539L57.76 111.645a9.461 9.461 0 01-5.796 1.854zm-8.643-30.406l8.322 4.814a25.6 25.6 0 0012.742 3.84 19.773 19.773 0 009.368-2.409l1.27-.741c2.689-1.7 4.034-3.5 4-5.337-.048-2.312-2.277-4.754-6.626-7.26l-13.984-8.062-33.435 19.449 5.532 3.186 12.813-7.479zM55.287 9.139v45.526c.679.434 1.012.631 2 1.216l.144.085L94.314 76.65V34.372a4.29 4.29 0 00-2.473-4.029l-36.553-21.2zM16.526 28.466l-5.857 3.371.13 35.122 5.008-2.925-.063-24.129.13-.13 9.041 18.992 2.2-1.25 2.164-1.253 8.9-29.369.131-.063.063 24.165 5.012-2.9-.067-35.059-5.851 3.383-10.279 33.5-.193.067-10.468-21.519zm46.77 58.938c-.191 0-.391-.006-.593-.019a17.276 17.276 0 01-6.7-2.342l-8-4.684 11.253-6.505 8 4.617c2.454 1.418 3.774 2.675 4.034 3.84s-.594 2.348-2.535 3.513a10.843 10.843 0 01-5.455 1.581z"
+});
+
+var _ref3$4 = /*#__PURE__*/React__default.createElement("g", {
+  "data-name": "\\u7EC4 3241"
+}, /*#__PURE__*/React__default.createElement("g", {
+  "data-name": "\\u7EC4 3240"
+}, /*#__PURE__*/React__default.createElement("g", {
+  "data-name": "\\u7EC4 3239"
+}, /*#__PURE__*/React__default.createElement("g", {
+  "data-name": "\\u7EC4 3238",
+  clipPath: "url(#mip_svg__a)",
+  transform: "translate(71.873 21.951)"
+}, /*#__PURE__*/React__default.createElement("g", {
+  "data-name": "\\u7EC4 3237"
+}, /*#__PURE__*/React__default.createElement("g", {
+  "data-name": "\\u7EC4 3236"
+}, /*#__PURE__*/React__default.createElement("g", {
+  "data-name": "\\u7EC4 3235"
+}, /*#__PURE__*/React__default.createElement("path", {
+  "data-name": "\\u8DEF\\u5F84 1656",
+  d: "M6.439 4.683L0 0l.65 37.27 6.439 4.683-.65-37.27"
+}))))))));
+
+var SvgMip = function SvgMip(props) {
+  return /*#__PURE__*/React__default.createElement("svg", _extends$18({
+    width: 103.291,
+    height: 113.498,
+    viewBox: "0 0 103.291 113.498",
+    fill: "currentColor"
+  }, props), _ref$16, _ref2$e, _ref3$4);
+};
+
+function _extends$19() { _extends$19 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$19.apply(this, arguments); }
+
+var _ref$17 = /*#__PURE__*/React__default.createElement("path", {
   d: "M11.217 10.354l1.672 4.76 1.698-4.76h1.366l-2.49 6.326h-1.212l-2.398-6.326zM21.513 15.722a4.73 4.73 0 00-.073-.617 2.253 2.253 0 00-.149-.436 1.319 1.319 0 00-.308-.432 1.8 1.8 0 00-.503-.28c.278-.102.503-.249.674-.446.273-.33.41-.795.41-1.395a1.91 1.91 0 00-.176-.821 1.521 1.521 0 00-.5-.602c-.313-.228-.868-.341-1.665-.341h-2.775v6.328h1.212v-2.4h.972c.42-.007.74.057.963.19.176.114.308.268.396.465.088.197.147.477.176.844.045.455.088.757.128.901h1.357c-.058-.182-.105-.502-.139-.958zm-1.558-2.713c-.119.095-.32.142-.607.142H17.65v-1.67h1.698c.216 0 .372.019.47.057.273.109.41.353.41.74 0 .349-.09.591-.273.731z"
 });
 
-var _ref2$e = /*#__PURE__*/React__default.createElement("path", {
+var _ref2$f = /*#__PURE__*/React__default.createElement("path", {
   d: "M18.632 20.558a.544.544 0 00-.676.347c-1.013 3.168-2.586 5.059-4.21 5.059-.645 0-1.283-.294-1.893-.872-.641-.609-1.222-1.488-1.722-2.613-1.068-2.384-1.654-5.565-1.654-8.958 0-3.394.587-6.576 1.654-8.96.498-1.122 1.077-2 1.722-2.612.614-.578 1.25-.872 1.893-.872 1.158 0 2.082.932 2.711 1.846l-1.634 1.03 4.315 2.226-.155-4.849-1.622 1.022C16.312.818 15.073 0 13.748 0c-1.775 0-3.408 1.465-4.595 4.124-1.126 2.513-1.746 5.849-1.746 9.396 0 3.543.62 6.88 1.746 9.396 1.19 2.655 2.821 4.117 4.595 4.117 1.099 0 2.17-.576 3.1-1.667.847-.993 1.583-2.422 2.131-4.135a.537.537 0 00-.347-.673z"
 });
 
-var _ref3$4 = /*#__PURE__*/React__default.createElement("path", {
+var _ref3$5 = /*#__PURE__*/React__default.createElement("path", {
   d: "M25.938 10.351c-1.25-.931-3.022-1.704-5.13-2.237-.277-.057-.577.109-.649.39a.531.531 0 00.389.65c3.958.998 6.419 2.789 6.419 4.674 0 .663-.306 1.32-.913 1.954-.626.659-1.54 1.257-2.718 1.779-2.478 1.099-5.787 1.703-9.317 1.703-3.53 0-6.839-.604-9.319-1.703-1.176-.523-2.09-1.122-2.718-1.779-.604-.63-.911-1.287-.911-1.954 0-.856.526-1.712 1.515-2.494l1.097 1.589 2.048-4.4-4.842.354 1.089 1.577C.688 11.456 0 12.616 0 13.828c0 1.821 1.515 3.495 4.268 4.714 2.614 1.158 6.076 1.795 9.753 1.795s7.137-.638 9.745-1.798c2.753-1.219 4.268-2.893 4.268-4.714 0-1.249-.724-2.452-2.096-3.474z"
 });
 
 var SvgVr = function SvgVr(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$17({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$19({
     width: 28.346,
     height: 28.346,
     viewBox: "0 0 28.346 28.346",
     fill: "currentColor"
-  }, props), _ref$15, _ref2$e, _ref3$4);
+  }, props), _ref$17, _ref2$f, _ref3$5);
 };
 
-function _extends$18() { _extends$18 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$18.apply(this, arguments); }
+function _extends$1a() { _extends$1a = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1a.apply(this, arguments); }
 
-var _ref$16 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$18 = /*#__PURE__*/React__default.createElement("path", {
   d: "M10.286 16q0 .464-.339.804l-8 8q-.339.339-.804.339t-.804-.339T0 24V8q0-.464.339-.804t.804-.339.804.339l8 8q.339.339.339.804z"
 });
 
 var SvgCaretRight = function SvgCaretRight(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$18({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$1a({
     width: 11,
     height: 32,
     viewBox: "0 0 11 32",
     fill: "currentColor"
-  }, props), _ref$16);
+  }, props), _ref$18);
 };
 
 var css_248z$f = ".lightHoverStyle {\n  background-color: #d4d4d4;\n  color: #333;\n}\n.darkHoverStyle {\n  color: black !important;\n  background-color: #a4a4a4;\n  border-color: #8c8c8c;\n}\n.paladin-tool-button,\n.paladin-tool-button-nohover {\n  text-align: center;\n  width: 64px;\n  height: 56px;\n  color: white;\n  line-height: 56px;\n  cursor: pointer;\n}\n.paladin-tool-button:active,\n.paladin-tool-button-nohover:active {\n  background-color: #d4d4d4;\n  color: #333;\n}\n.paladin-show-more-button,\n.paladin-show-more-button-nohover {\n  display: flex;\n  flex-direction: column;\n  width: 20px;\n  height: 56px;\n  line-height: 56px;\n  justify-content: center;\n  align-items: center;\n  color: white;\n  cursor: pointer;\n}\n.paladin-show-more-button:hover,\n.paladin-tool-button:hover,\n.paladin-more-active {\n  color: black !important;\n  background-color: #a4a4a4;\n  border-color: #8c8c8c;\n}\n.paladin-tool-active {\n  background-color: #d4d4d4;\n  color: #333;\n}\n.paladin-tool-active:hover {\n  background-color: #d4d4d4;\n  color: #333;\n}\n.paladin-dicomToolItem-text {\n  height: 100%;\n  display: inline-block;\n}\n";
@@ -44092,7 +44335,8 @@ var DicomToolItem = /*#__PURE__*/function (_Component) {
     defineProperty(assertThisInitialized(_this), "clickMainButton", function (ev, tool) {
       var _this$props = _this.props,
           setActiveTool = _this$props.setActiveTool,
-          activeDicomFunction = _this$props.activeDicomFunction; // 工具按钮激活
+          activeDicomFunction = _this$props.activeDicomFunction,
+          set3DActiveTool = _this$props.set3DActiveTool; // 工具按钮激活
       // activeInRedux 在redux中维持的状态
       // inActive 不需要激活
       // singleActive 单个维持
@@ -44112,6 +44356,9 @@ var DicomToolItem = /*#__PURE__*/function (_Component) {
         } else {
           activeDicomFunction && activeDicomFunction(tool.name);
         }
+      } else if (tool.is3DMouseActionTool) {
+        tool.onClick && tool.onClick();
+        set3DActiveTool && set3DActiveTool(tool.name);
       } else {
         tool.onClick && tool.onClick();
 
@@ -44151,10 +44398,13 @@ var DicomToolItem = /*#__PURE__*/function (_Component) {
   createClass(DicomToolItem, [{
     key: "checkMainButtonActive",
     value: function checkMainButtonActive(tool) {
-      var activeTool = this.props.activeTool;
+      var _this$props2 = this.props,
+          activeTool = _this$props2.activeTool,
+          mipActiveTool = _this$props2.mipActiveTool;
       var buttonActive = this.state.buttonActive;
       var name = tool.name,
-          match = tool.match;
+          match = tool.match,
+          is3DMouseActionTool = tool.is3DMouseActionTool;
       /**
        * 高亮：
        * 1.activeTool匹配 （比如 窗宽窗位、缩放）
@@ -44163,17 +44413,17 @@ var DicomToolItem = /*#__PURE__*/function (_Component) {
        * 4.开关式的工具 （比如自动联动 播放 定位线 同步）
        */
 
-      return activeTool === name || match && match.indexOf(activeTool) > -1 || !tool.moreComponent && buttonActive || this.props[name] ? ' paladin-tool-active' : '';
+      return activeTool === name || match && match.indexOf(activeTool) > -1 || !tool.moreComponent && buttonActive || is3DMouseActionTool && mipActiveTool === name || this.props[name] ? ' paladin-tool-active' : '';
     }
   }, {
     key: "render",
     value: function render() {
       var _this2 = this;
 
-      var _this$props2 = this.props,
-          tool = _this$props2.tool,
-          size = _this$props2.size,
-          buttonWidth = _this$props2.buttonWidth;
+      var _this$props3 = this.props,
+          tool = _this$props3.tool,
+          size = _this$props3.size,
+          buttonWidth = _this$props3.buttonWidth;
       var buttonActive = this.state.buttonActive;
       var isMobile = _default$3.isDeviceTypeMobile();
       return /*#__PURE__*/React__default.createElement("div", {
@@ -44274,27 +44524,27 @@ defineProperty(DicomToolItem, "propTypes", {
   leaveModule && leaveModule(module);
 })();
 
-function _extends$19() { _extends$19 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$19.apply(this, arguments); }
+function _extends$1b() { _extends$1b = 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$1b.apply(this, arguments); }
 
-var _ref$17 = /*#__PURE__*/React__default.createElement("g", {
+var _ref$19 = /*#__PURE__*/React__default.createElement("g", {
   opacity: 0.5
 }, /*#__PURE__*/React__default.createElement("path", {
   fill: "#FFF",
   d: "M69.932 69.61a2.333 2.333 0 01-.21-4.659c5.374-.496 8.79-.947 8.813-.95a2.326 2.326 0 012.621 2.007 2.337 2.337 0 01-2.007 2.621s-3.494.463-8.999.971a2.67 2.67 0 01-.218.01zM43.655 70.914c-3.452 0-6.767-.084-9.851-.249a2.332 2.332 0 01-2.206-2.454c.068-1.289 1.185-2.323 2.454-2.206 5.473.291 11.89.298 17.809.096 1.276-.089 2.37.962 2.412 2.251a2.33 2.33 0 01-2.251 2.412c-2.725.096-5.534.15-8.367.15zm-27.55-2.694c-.196 0-.396-.026-.594-.077C6.428 65.759 1.228 61.747.051 56.22a2.333 2.333 0 011.797-2.768 2.33 2.33 0 012.768 1.797c.778 3.661 4.842 6.48 12.079 8.378a2.336 2.336 0 01-.59 4.593zm-5.524-24.506a2.336 2.336 0 01-1.028-4.432c4.313-2.111 10.118-3.477 18.265-4.301 1.297-.154 2.426.803 2.556 2.086s-.805 2.426-2.086 2.556c-7.581.768-12.881 1.992-16.683 3.852-.33.161-.68.239-1.024.239zm35.488-5.234a2.333 2.333 0 01-.126-4.664c7.067-.386 12.765-.847 17.6-1.834a2.324 2.324 0 012.754 1.82 2.332 2.332 0 01-1.818 2.752c-5.116 1.045-11.008 1.525-18.28 1.921-.044.005-.088.005-.13.005zm32.18-11.231a2.334 2.334 0 01-2.232-3.017c.254-.829.382-1.753.38-2.742l-.012-.531c-.172-4.024-2.032-7.186-5.687-9.669a2.334 2.334 0 012.623-3.861c4.891 3.321 7.491 7.807 7.728 13.333l.016.724c.002 1.452-.195 2.835-.584 4.109a2.335 2.335 0 01-2.232 1.654zM55.035 6.132c-.107 0-.214-.007-.323-.021-5.108-.708-11.329-.981-17.61-.838-1.346-.06-2.356-.996-2.384-2.283A2.333 2.333 0 0137 .606c6.515-.133 12.995.142 18.351.88a2.335 2.335 0 01-.316 4.646zM9.854 7.836a2.335 2.335 0 01-2.297-1.929 2.332 2.332 0 011.892-2.702c.146-.026 3.613-.635 9.022-1.266 1.248-.156 2.439.766 2.588 2.046a2.33 2.33 0 01-2.048 2.589c-5.26.615-8.715 1.22-8.75 1.227a2.269 2.269 0 01-.407.035z"
 }));
 
-var _ref2$f = /*#__PURE__*/React__default.createElement("path", {
+var _ref2$g = /*#__PURE__*/React__default.createElement("path", {
   fill: "#FFF",
   d: "M128.104.646l11.434 11.096a2.36 2.36 0 01.732 1.702c0 .638-.264 1.252-.732 1.703a2.536 2.536 0 01-3.508 0l-3.824-3.712-6.22 6.179 13.402 13.026c.468.45.732 1.063.732 1.702 0 .64-.264 1.252-.732 1.703a2.545 2.545 0 01-1.754.674 2.538 2.538 0 01-1.754-.707l-5.182-5.029-25.38 25.303a9.602 9.602 0 01-6.839 2.834 9.604 9.604 0 01-6.84-2.832l-1.047-1.048-8.739 8.742a2.53 2.53 0 01-1.778.739 2.536 2.536 0 01-2.524-2.519c0-.669.269-1.31.744-1.781l8.739-8.743-1.053-1.055a9.717 9.717 0 010-13.709l25.02-25.046-5.846-5.673a2.363 2.363 0 01-.637-2.333A2.452 2.452 0 01106.28.159a2.537 2.537 0 012.4.631l13.907 13.518L128.77 8.1l-4.173-4.049a2.358 2.358 0 01.062-3.345 2.534 2.534 0 013.445-.06zM94.112 33.519a2.144 2.144 0 00-.582 2.823l.101.153 6.922 6.792a2.29 2.29 0 003.061-.453 2.158 2.158 0 00.568-2.838l-.101-.153-6.906-6.776a2.292 2.292 0 00-3.063.452zm7.072-6.888a2.142 2.142 0 00-.599 2.82l.101.155 4.276 4.285a2.293 2.293 0 003.061-.403 2.176 2.176 0 00.598-2.837l-.098-.155-4.276-4.285c-.718-.76-2.081-.518-3.063.42zm0 0"
 });
 
 var SvgCentesis = function SvgCentesis(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$19({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$1b({
     width: 141.73,
     height: 141.73,
     viewBox: "0 0 141.73 141.73",
     fill: "currentColor"
-  }, props), _ref$17, _ref2$f);
+  }, props), _ref$19, _ref2$g);
 };
 
 (function () {
@@ -44421,6 +44671,17 @@ var DicomToolLineMode = /*#__PURE__*/function (_Component) {
             _this2.props.start3D('VR');
           }
         },
+        MIP: {
+          name: "MIP",
+          tooltip: "MIP",
+          component: /*#__PURE__*/React__default.createElement(SvgMip, null),
+          inActive: true,
+          onClick: function onClick() {
+            _this2.scrollRef.scrollTo(0, 0);
+
+            _this2.props.start3D('MIP');
+          }
+        },
         Surgery: {
           name: "Surgery",
           tooltip: "手术路径规划",
@@ -44601,7 +44862,8 @@ var DicomToolItemPlus = /*#__PURE__*/function (_Component) {
     defineProperty(assertThisInitialized(_this), "clickMainButton", function (tool) {
       var _this$props = _this.props,
           setActiveTool = _this$props.setActiveTool,
-          activeDicomFunction = _this$props.activeDicomFunction; // 工具按钮激活
+          activeDicomFunction = _this$props.activeDicomFunction,
+          set3DActiveTool = _this$props.set3DActiveTool; // 工具按钮激活
       // activeInRedux 在redux中维持的状态
       // inActive 不需要激活
       // singleActive 单个维持
@@ -44609,13 +44871,12 @@ var DicomToolItemPlus = /*#__PURE__*/function (_Component) {
 
       if (tool.activeInRedux) {
         setActiveTool && setActiveTool(tool.name);
-      } else if (tool.inActive) {
-        if (tool.onClick) {
-          tool.onClick();
-        }
       } else if (tool.singleActive) {
         tool.onClick && tool.onClick();
         activeDicomFunction && activeDicomFunction(tool.name);
+      } else if (tool.is3DMouseActionTool) {
+        tool.onClick && tool.onClick();
+        set3DActiveTool && set3DActiveTool(tool.name);
       } else {
         tool.onClick && tool.onClick();
       }
@@ -44627,8 +44888,11 @@ var DicomToolItemPlus = /*#__PURE__*/function (_Component) {
   createClass(DicomToolItemPlus, [{
     key: "checkMainButtonActive",
     value: function checkMainButtonActive(tool) {
-      var activeTool = this.props.activeTool;
-      var name = tool.name;
+      var _this$props2 = this.props,
+          activeTool = _this$props2.activeTool,
+          mipActiveTool = _this$props2.mipActiveTool;
+      var name = tool.name,
+          is3DMouseActionTool = tool.is3DMouseActionTool;
       /**
        * 高亮：
        * 1.activeTool匹配 （比如 窗宽窗位、缩放）
@@ -44637,16 +44901,16 @@ var DicomToolItemPlus = /*#__PURE__*/function (_Component) {
        * 4.开关式的工具 （比如自动联动 播放 定位线 同步）
        */
 
-      return activeTool === name || this.props[name] ? ' paladin-tool-item-plus-main-active' : '';
+      return activeTool === name || this.props[name] || is3DMouseActionTool && mipActiveTool === name ? ' paladin-tool-item-plus-main-active' : '';
     }
   }, {
     key: "render",
     value: function render() {
       var _this2 = this;
 
-      var _this$props2 = this.props,
-          data = _this$props2.data,
-          activeTool = _this$props2.activeTool;
+      var _this$props3 = this.props,
+          data = _this$props3.data,
+          activeTool = _this$props3.activeTool;
       return /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-tool-item-plus",
         style: {
@@ -44728,34 +44992,19 @@ defineProperty(DicomToolItemPlus, "propTypes", {
   leaveModule && leaveModule(module);
 })();
 
-function _extends$1a() { _extends$1a = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1a.apply(this, arguments); }
+function _extends$1c() { _extends$1c = 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$1c.apply(this, arguments); }
 
-var _ref$18 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1a = /*#__PURE__*/React__default.createElement("path", {
   d: "M11.429 8v16q0 .464-.339.804t-.804.339-.804-.339l-8-8q-.339-.339-.339-.804t.339-.804l8-8q.339-.339.804-.339t.804.339.339.804z"
 });
 
 var SvgCaretLeft = function SvgCaretLeft(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$1a({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$1c({
     width: 11,
     height: 32,
     viewBox: "0 0 11 32",
     fill: "currentColor"
-  }, props), _ref$18);
-};
-
-function _extends$1b() { _extends$1b = 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$1b.apply(this, arguments); }
-
-var _ref$19 = /*#__PURE__*/React__default.createElement("path", {
-  d: "M16 24.571v-3.429q0-.25-.161-.411t-.411-.161h-3.429q-.25 0-.411.161t-.161.411v3.429q0 .25.161.411t.411.161h3.429q.25 0 .411-.161t.161-.411zm4.571-12q0-1.571-.991-2.911t-2.473-2.071-3.036-.732q-4.339 0-6.625 3.804-.268.429.143.75l2.357 1.786q.125.107.339.107.286 0 .446-.214.946-1.214 1.536-1.643.607-.429 1.536-.429.857 0 1.527.464t.67 1.054q0 .679-.357 1.089t-1.214.804q-1.125.5-2.063 1.545t-.938 2.241v.643q0 .25.161.411t.411.161h3.429q.25 0 .411-.161t.161-.411q0-.339.384-.884t.973-.884q.571-.321.875-.509t.821-.625.795-.857.5-1.08.223-1.446zM27.429 16q0 3.732-1.839 6.884t-4.991 4.991-6.884 1.839-6.884-1.839-4.991-4.991T.001 16 1.84 9.116t4.991-4.991 6.884-1.839 6.884 1.839 4.991 4.991T27.429 16z"
-});
-
-var SvgQuestionSign = function SvgQuestionSign(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$1b({
-    width: 32,
-    height: 32,
-    viewBox: "0 0 32 32",
-    fill: "currentColor"
-  }, props), _ref$19);
+  }, props), _ref$1a);
 };
 
 (function () {
@@ -44816,7 +45065,8 @@ var DicomToolFlattenMode = /*#__PURE__*/function (_Component) {
           continuousMeasure = _this$props2.continuousMeasure,
           helpLink = _this$props2.helpLink,
           Surgery = _this$props2.Surgery,
-          IO = _this$props2.IO;
+          IO = _this$props2.IO,
+          MIP = _this$props2.MIP;
       var _this$props3 = this.props,
           start3D = _this$props3.start3D,
           exit3D = _this$props3.exit3D,
@@ -44826,7 +45076,7 @@ var DicomToolFlattenMode = /*#__PURE__*/function (_Component) {
           toggleMeasure = _this$props3.toggleMeasure,
           handleFullscreen = _this$props3.handleFullscreen,
           openDicomModal = _this$props3.openDicomModal;
-      var isThree = MPR || VR || Surgery; // 非同屏互通模式下
+      var isThree = MPR || VR || Surgery || MIP; // 非同屏互通模式下
 
       var IODisconnect = !IO;
       var commonTools = ['Layout', 'StackScroll', 'Wwwc', 'Zoom', 'Pan', 'Rotate', 'ReverseColor', 'Reset', 'Cine', 'FalseColor', 'Link', 'ReferencePosition'];
@@ -44849,7 +45099,19 @@ var DicomToolFlattenMode = /*#__PURE__*/function (_Component) {
         lengthTools.push('Save');
       }
 
-      var centesisTools = ['CentesisStart', 'CentesisEnd', 'CentesisSave'];
+      var centesisTools = ['CentesisStart', 'CentesisEnd', 'CentesisSave']; // mip工具
+
+      var mipTools = ['MipWWWc', 'MipRotate', 'MipZoom', 'VRRefresh'];
+      var mipDirectionTools = ['MipDirectionH', 'MipDirectionF', 'MipDirectionL', 'MipDirectionR', 'MipDirectionA', 'MipDirectionP']; // 工具显示判断
+
+      var showVRTools = VR;
+      var showMIPTools = MIP;
+      var showMPRTools = (MPR || VR) && !MIP;
+      var showBaseTools = !MIP;
+      var showLengthTools = !MIP;
+      var showDicomTools = !isThree;
+      var showMeasureAndOverlayTool = !MIP;
+      var showSurgeryTool = !MPR && !MIP && IODisconnect && mode && mode !== 'allImageMode';
       return /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-tool-flatten-vertical-wrapper"
       }, /*#__PURE__*/React__default.createElement("div", {
@@ -44870,22 +45132,20 @@ var DicomToolFlattenMode = /*#__PURE__*/function (_Component) {
         onClick: function onClick(e) {
           e.stopPropagation();
 
-          if (MPR || VR) {
+          if (isThree) {
             exit3D();
           }
         },
-        className: !VR && !MPR ? 'paladin-tool-nav paladin-tool-nav-active' : 'paladin-tool-nav'
+        className: !isThree ? 'paladin-tool-nav paladin-tool-nav-active' : 'paladin-tool-nav'
       }, "\u4E8C\u7EF4"), IODisconnect && /*#__PURE__*/React__default.createElement("div", {
         onClick: function onClick(e) {
           e.stopPropagation();
 
-          if (!MPR) {
-            start3D('MPR');
-          }
-
-          if (VR) {
+          if (isThree) {
             exit3D();
             start3D('MPR');
+          } else {
+            start3D('MPR');
           }
         },
         className: MPR && !VR ? 'paladin-tool-nav paladin-tool-nav-active' : 'paladin-tool-nav'
@@ -44893,36 +45153,43 @@ var DicomToolFlattenMode = /*#__PURE__*/function (_Component) {
         onClick: function onClick(e) {
           e.stopPropagation();
 
-          if (!VR) {
-            if (MPR) {
+          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"), helpLink && /*#__PURE__*/React__default.createElement("div", {
-        className: "paladin-tool-qa",
+      }, "MIP"), IODisconnect && /*#__PURE__*/React__default.createElement("div", {
         onClick: function onClick(e) {
           e.stopPropagation();
-          window.open(helpLink, '_blank');
+
+          if (!VR) {
+            if (isThree) {
+              exit3D();
+            }
+
+            start3D('VR');
+          }
+        },
+        className: VR ? 'paladin-tool-nav paladin-tool-nav-active' : 'paladin-tool-nav',
+        style: {
+          borderRight: '1px solid #5b5b5b'
         }
-      }, /*#__PURE__*/React__default.createElement(PopperBox, {
-        tooltip: '使用帮助',
-        tooltipPlacement: "right"
-      }, /*#__PURE__*/React__default.createElement(SvgQuestionSign, null)))), /*#__PURE__*/React__default.createElement("div", {
+      }, "VR")), 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, {
           key: "tool-common-".concat(i),
           data: toolsMap[item]
         }));
-      })), VR && /*#__PURE__*/React__default.createElement("div", {
-        className: "paladin-tool-space-line-3d"
+      })), showVRTools && /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-tool-space-line-3d'
       }, /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-tool-subtitle"
       }, "VR"), /*#__PURE__*/React__default.createElement("div", {
@@ -44932,7 +45199,7 @@ var DicomToolFlattenMode = /*#__PURE__*/function (_Component) {
           key: "tool-vr-".concat(i),
           data: toolsMap[item]
         }));
-      }))), (MPR || VR) && /*#__PURE__*/React__default.createElement("div", {
+      }))), showMPRTools && /*#__PURE__*/React__default.createElement("div", {
         className: VR ? 'paladin-tool-space-line-3d' : 'paladin-tool-space-line'
       }, VR && /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-tool-subtitle"
@@ -44943,7 +45210,7 @@ var DicomToolFlattenMode = /*#__PURE__*/function (_Component) {
           key: "tool-mpr-".concat(i),
           data: toolsMap[item]
         }));
-      }))), /*#__PURE__*/React__default.createElement("div", {
+      }))), showLengthTools && /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-flex-row paladin-tool-space-line"
       }, lengthTools && lengthTools.map(function (item, i) {
         return /*#__PURE__*/React__default.createElement(DicomToolItemPlus, _extends_1({}, _this2.props, {
@@ -44957,7 +45224,25 @@ var DicomToolFlattenMode = /*#__PURE__*/function (_Component) {
           key: "centesisTools-".concat(i),
           data: toolsMap[item]
         }));
-      }))), /*#__PURE__*/React__default.createElement("div", {
+      })), showMIPTools && /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-tool-space-line-mip'
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "paladin-flex-row"
+      }, mipTools && mipTools.map(function (item, i) {
+        return /*#__PURE__*/React__default.createElement(DicomToolItemPlus, _extends_1({}, _this2.props, {
+          key: "tool-mip1-".concat(i),
+          data: toolsMap[item]
+        }));
+      })), /*#__PURE__*/React__default.createElement("div", {
+        className: "paladin-tool-subtitle"
+      }, "\u65B9\u5411"), /*#__PURE__*/React__default.createElement("div", {
+        className: "paladin-flex-row"
+      }, mipDirectionTools && mipDirectionTools.map(function (item, i) {
+        return /*#__PURE__*/React__default.createElement(DicomToolItemPlus, _extends_1({}, _this2.props, {
+          key: "tool-mip2-".concat(i),
+          data: toolsMap[item]
+        }));
+      })))), /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-tool-lg-content"
       }, /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-flex-row"
@@ -44987,14 +45272,14 @@ var DicomToolFlattenMode = /*#__PURE__*/function (_Component) {
       }, "\u626B\u63CF\u5B9A\u4F4D\u7EBF"), /*#__PURE__*/React__default.createElement(LargeToolItem, {
         active: Sync,
         onClick: this.handleSync
-      }, "\u540C\u6B65")), /*#__PURE__*/React__default.createElement("div", {
+      }, "\u540C\u6B65")), showMeasureAndOverlayTool && /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-flex-row"
       }, /*#__PURE__*/React__default.createElement(LargeToolItem, {
         active: continuousMeasure,
         onClick: toggleMeasure
       }, "\u8FDE\u7EED\u6D4B\u91CF"), /*#__PURE__*/React__default.createElement(LargeToolItem, {
         onClick: toggleOverlayText
-      }, showOverlayText ? '隐藏图像信息' : '显示图像信息')), !isThree && /*#__PURE__*/React__default.createElement("div", {
+      }, showOverlayText ? '隐藏图像信息' : '显示图像信息')), showDicomTools && /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-flex-row"
       }, /*#__PURE__*/React__default.createElement(LargeToolItem, {
         onClick: function onClick(e) {
@@ -45006,12 +45291,12 @@ var DicomToolFlattenMode = /*#__PURE__*/function (_Component) {
           e.stopPropagation();
           openDicomModal('scanInfo', '扫描参数');
         }
-      }, "\u626B\u63CF\u4FE1\u606F")), /*#__PURE__*/React__default.createElement("div", {
+      }, "\u626B\u63CF\u4FE1\u606F")), !MIP && /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-flex-row"
       }, /*#__PURE__*/React__default.createElement(LargeToolItem, {
         active: Fullscreen,
         onClick: handleFullscreen
-      }, "\u5168\u5C4F")), !MPR && IODisconnect && mode && mode !== 'allImageMode' && /*#__PURE__*/React__default.createElement("div", {
+      }, "\u5168\u5C4F")), showSurgeryTool && /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-flex-row"
       }, /*#__PURE__*/React__default.createElement(LargeToolItem, {
         active: Surgery,
@@ -45125,7 +45410,8 @@ var DicomToolFlattenMode$1 = /*#__PURE__*/function (_Component) {
           continuousMeasure = _this$props2.continuousMeasure,
           helpLink = _this$props2.helpLink,
           Surgery = _this$props2.Surgery,
-          IO = _this$props2.IO;
+          IO = _this$props2.IO,
+          MIP = _this$props2.MIP;
       var _this$props3 = this.props,
           start3D = _this$props3.start3D,
           exit3D = _this$props3.exit3D,
@@ -45135,7 +45421,7 @@ var DicomToolFlattenMode$1 = /*#__PURE__*/function (_Component) {
           toggleMeasure = _this$props3.toggleMeasure,
           openDicomModal = _this$props3.openDicomModal,
           handleFullscreen = _this$props3.handleFullscreen;
-      var isThree = MPR || VR || Surgery;
+      var isThree = MPR || VR || Surgery || MIP;
       var IODisconnect = !IO;
       var commonTools = ['Layout', 'StackScroll', 'Wwwc', 'Zoom', 'Pan', 'Rotate', 'ReverseColor', 'Reset', 'Cine', 'FalseColor', 'Link', 'ReferencePosition'];
 
@@ -45156,7 +45442,19 @@ var DicomToolFlattenMode$1 = /*#__PURE__*/function (_Component) {
         lengthTools.push('Save');
       }
 
-      var centesisTools = ['CentesisStart', 'CentesisEnd', 'CentesisSave'];
+      var centesisTools = ['CentesisStart', 'CentesisEnd', 'CentesisSave']; // mip工具
+
+      var mipTools = ['MipWWWc', 'MipRotate', 'MipZoom', 'VRRefresh'];
+      var mipDirectionTools = ['MipDirectionH', 'MipDirectionF', 'MipDirectionL', 'MipDirectionR', 'MipDirectionA', 'MipDirectionP']; // 工具显示判断
+
+      var showVRTools = VR;
+      var showMIPTools = MIP;
+      var showMPRTools = (MPR || VR) && !MIP;
+      var showBaseTools = !MIP;
+      var showLengthTools = !MIP;
+      var showDicomTools = !isThree;
+      var showMeasureAndOverlayTool = !MIP;
+      var showSurgeryTool = !MPR && !MIP && IODisconnect && mode && mode !== 'allImageMode';
       return /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-tool-flatten-hor-wrapper"
       }, IODisconnect && /*#__PURE__*/React__default.createElement("div", {
@@ -45172,31 +45470,45 @@ var DicomToolFlattenMode$1 = /*#__PURE__*/function (_Component) {
         onClick: function onClick(e) {
           e.stopPropagation();
 
-          if (MPR || VR) {
+          if (isThree) {
             exit3D();
           }
         },
-        className: !VR && !MPR ? 'paladin-tool-nav paladin-tool-nav-active' : 'paladin-tool-nav'
+        className: !isThree ? 'paladin-tool-nav paladin-tool-nav-active' : 'paladin-tool-nav'
       }, "\u4E8C\u7EF4"), IODisconnect && /*#__PURE__*/React__default.createElement("div", {
         onClick: function onClick(e) {
           e.stopPropagation();
 
-          if (!MPR) {
-            start3D('MPR');
-          }
-
-          if (VR) {
+          if (isThree) {
             exit3D();
             start3D('MPR');
+          } else {
+            start3D('MPR');
           }
         },
         className: MPR && !VR ? 'paladin-tool-nav paladin-tool-nav-active' : 'paladin-tool-nav'
       }, "MPR"), IODisconnect && /*#__PURE__*/React__default.createElement("div", {
+        onClick: function onClick(e) {
+          e.stopPropagation();
+
+          if (!MIP) {
+            if (isThree) {
+              exit3D();
+            }
+
+            start3D('MIP');
+          }
+        },
+        className: MIP ? 'paladin-tool-nav paladin-tool-nav-active' : 'paladin-tool-nav',
+        style: {
+          borderRight: '1px solid #5b5b5b'
+        }
+      }, "MIP"), IODisconnect && /*#__PURE__*/React__default.createElement("div", {
         onClick: function onClick(e) {
           e.stopPropagation();
 
           if (!VR) {
-            if (MPR) {
+            if (isThree) {
               exit3D();
             }
 
@@ -45204,16 +45516,7 @@ var DicomToolFlattenMode$1 = /*#__PURE__*/function (_Component) {
           }
         },
         className: VR ? 'paladin-tool-nav paladin-tool-nav-active' : 'paladin-tool-nav'
-      }, "VR"), helpLink && /*#__PURE__*/React__default.createElement("div", {
-        className: "paladin-tool-qa",
-        onClick: function onClick(e) {
-          e.stopPropagation();
-          window.open(helpLink, '_blank');
-        }
-      }, /*#__PURE__*/React__default.createElement(PopperBox, {
-        tooltip: '使用帮助',
-        tooltipPlacement: "right"
-      }, /*#__PURE__*/React__default.createElement(SvgQuestionSign, null)))), /*#__PURE__*/React__default.createElement("div", {
+      }, "VR")), showBaseTools && /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-flex-col paladin-flex-1 paladin-hor-border",
         style: {
           flex: MPR ? 3 : 2
@@ -45225,7 +45528,7 @@ var DicomToolFlattenMode$1 = /*#__PURE__*/function (_Component) {
           key: "tool-common-".concat(i),
           data: toolsMap[item]
         }));
-      }))), /*#__PURE__*/React__default.createElement("div", {
+      }))), showLengthTools && /*#__PURE__*/React__default.createElement("div", {
         className: MPR || VR ? 'paladin-flex-col paladin-flex-1 paladin-hor-border' : 'paladin-flex-col paladin-flex-1',
         style: {
           flex: 2
@@ -45237,7 +45540,7 @@ var DicomToolFlattenMode$1 = /*#__PURE__*/function (_Component) {
           key: "tool-measure-".concat(i),
           data: toolsMap[item]
         }));
-      }))), VR && /*#__PURE__*/React__default.createElement("div", {
+      }))), showVRTools && /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-flex-col paladin-flex-1 paladin-hor-border paladin-hor-three-content",
         style: {
           flex: 2
@@ -45251,7 +45554,7 @@ var DicomToolFlattenMode$1 = /*#__PURE__*/function (_Component) {
           key: "tool-vr-".concat(i),
           data: toolsMap[item]
         }));
-      }))), MPR && /*#__PURE__*/React__default.createElement("div", {
+      }))), showMPRTools && /*#__PURE__*/React__default.createElement("div", {
         className: VR ? 'paladin-flex-col paladin-flex-1 paladin-hor-three-content' : 'paladin-flex-col paladin-flex-1',
         style: {
           flex: 1
@@ -45277,6 +45580,29 @@ var DicomToolFlattenMode$1 = /*#__PURE__*/function (_Component) {
           key: "centesisTools-".concat(i),
           data: toolsMap[item]
         }));
+      }))), showMIPTools && /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-flex-col paladin-flex-1'
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "paladin-flex-row"
+      }, mipTools && mipTools.map(function (item, i) {
+        return /*#__PURE__*/React__default.createElement(DicomToolItemPlus, _extends_1({}, _this2.props, {
+          key: "tool-mip1-".concat(i),
+          data: toolsMap[item]
+        }));
+      }))), showMIPTools && /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-flex-col paladin-flex-1 paladin-hor-three-content',
+        style: {
+          flex: 1
+        }
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "paladin-hor-three-title"
+      }, "\u65B9\u5411"), /*#__PURE__*/React__default.createElement("div", {
+        className: "paladin-flex-row"
+      }, mipDirectionTools && mipDirectionTools.map(function (item, i) {
+        return /*#__PURE__*/React__default.createElement(DicomToolItemPlus, _extends_1({}, _this2.props, {
+          key: "tool-mip2-".concat(i),
+          data: toolsMap[item]
+        }));
       }))), /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-flex-col paladin-flex-1 paladin-tool-lg-content",
         style: {
@@ -45310,14 +45636,14 @@ var DicomToolFlattenMode$1 = /*#__PURE__*/function (_Component) {
       }, "\u626B\u63CF\u5B9A\u4F4D\u7EBF"), /*#__PURE__*/React__default.createElement(LargeToolItem$1, {
         active: Sync,
         onClick: this.handleSync
-      }, "\u540C\u6B65")), /*#__PURE__*/React__default.createElement("div", {
+      }, "\u540C\u6B65")), showMeasureAndOverlayTool && /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-flex-row"
       }, /*#__PURE__*/React__default.createElement(LargeToolItem$1, {
         active: continuousMeasure,
         onClick: toggleMeasure
       }, "\u8FDE\u7EED\u6D4B\u91CF"), /*#__PURE__*/React__default.createElement(LargeToolItem$1, {
         onClick: toggleOverlayText
-      }, showOverlayText ? '隐藏图像信息' : '显示图像信息')), !isThree && /*#__PURE__*/React__default.createElement("div", {
+      }, showOverlayText ? '隐藏图像信息' : '显示图像信息')), showDicomTools && /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-flex-row"
       }, /*#__PURE__*/React__default.createElement(LargeToolItem$1, {
         onClick: function onClick(e) {
@@ -45332,12 +45658,12 @@ var DicomToolFlattenMode$1 = /*#__PURE__*/function (_Component) {
       }, "\u626B\u63CF\u4FE1\u606F"), /*#__PURE__*/React__default.createElement(LargeToolItem$1, {
         active: Fullscreen,
         onClick: handleFullscreen
-      }, "\u5168\u5C4F")), isThree && /*#__PURE__*/React__default.createElement("div", {
+      }, "\u5168\u5C4F")), isThree && !MIP && /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-flex-row"
       }, /*#__PURE__*/React__default.createElement(LargeToolItem$1, {
         active: Fullscreen,
         onClick: handleFullscreen
-      }, "\u5168\u5C4F")), !MPR && IODisconnect && mode && mode !== 'allImageMode' && /*#__PURE__*/React__default.createElement("div", {
+      }, "\u5168\u5C4F")), showSurgeryTool && /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-flex-row"
       }, /*#__PURE__*/React__default.createElement(LargeToolItem$1, {
         active: Surgery,
@@ -46089,6 +46415,91 @@ var DicomTool = /*#__PURE__*/function (_Component) {
             setActiveTool && setActiveTool('ReferencePosition');
           }
         }
+      },
+      //mip工具栏
+      MipWWWc: {
+        label: "调窗",
+        name: "MipWWWc",
+        tooltip: "调窗",
+        is3DMouseActionTool: true,
+        component: /*#__PURE__*/React__default.createElement(SvgBrightness, null),
+        onClick: function onClick() {
+          _this.props.setMipMouseActiveTool('MipWWWc');
+        }
+      },
+      MipRotate: {
+        label: "旋转",
+        name: "MipRotate",
+        tooltip: "旋转",
+        is3DMouseActionTool: true,
+        component: /*#__PURE__*/React__default.createElement(SvgMipRotate, null),
+        onClick: function onClick() {
+          _this.props.setMipMouseActiveTool('MipRotate');
+        }
+      },
+      MipZoom: {
+        label: "缩放",
+        name: "MipZoom",
+        tooltip: "缩放",
+        is3DMouseActionTool: true,
+        component: /*#__PURE__*/React__default.createElement(SvgZoomScale, null),
+        onClick: function onClick() {
+          _this.props.setMipMouseActiveTool('MipZoom');
+        }
+      },
+      MipDirectionH: {
+        name: "MipDirectionH",
+        text: "上",
+        tooltip: "上方",
+        inActive: true,
+        onClick: function onClick() {
+          _this.props.handleMipDirectionChange('H');
+        }
+      },
+      MipDirectionF: {
+        name: "MipDirectionF",
+        text: "下",
+        tooltip: "下方",
+        inActive: true,
+        onClick: function onClick() {
+          _this.props.handleMipDirectionChange('F');
+        }
+      },
+      MipDirectionL: {
+        name: "MipDirectionL",
+        text: "左",
+        tooltip: "左方",
+        inActive: true,
+        onClick: function onClick() {
+          _this.props.handleMipDirectionChange('L');
+        }
+      },
+      MipDirectionR: {
+        name: "MipDirectionR",
+        text: "右",
+        tooltip: "右方",
+        inActive: true,
+        onClick: function onClick() {
+          _this.props.handleMipDirectionChange('R');
+        }
+      },
+      MipDirectionA: {
+        name: "MipDirectionA",
+        text: "前",
+        tooltip: "前方",
+        inActive: true,
+        onClick: function onClick() {
+          _this.props.handleMipDirectionChange('A');
+        }
+      },
+      MipDirectionP: {
+        name: "MipDirectionP",
+        text: "后",
+        tooltip: "后方",
+        inActive: true,
+        onClick: function onClick() {
+          _this.props.handleMipDirectionChange('P');
+        }
       }
     };
     return _this;
@@ -46494,7 +46905,8 @@ var mapStateToProps$c = function mapStateToProps(state) {
       vrPhoneTools = _state$paladin$tools$.vrPhoneTools,
       toolMode = _state$paladin$tools$.toolMode,
       surgeryPhoneTools = _state$paladin$tools$.surgeryPhoneTools,
-      surgeryTools = _state$paladin$tools$.surgeryTools;
+      surgeryTools = _state$paladin$tools$.surgeryTools,
+      mipTools = _state$paladin$tools$.mipTools;
   var _state$paladin$tools$2 = state.paladin.tools.layout,
       col = _state$paladin$tools$2.col,
       row = _state$paladin$tools$2.row,
@@ -46506,6 +46918,7 @@ var mapStateToProps$c = function mapStateToProps(state) {
   var _state$paladin$tools$3 = state.paladin.tools.action,
       activeTool = _state$paladin$tools$3.activeTool,
       originActiveTool = _state$paladin$tools$3.originActiveTool,
+      mipActiveTool = _state$paladin$tools$3.mipActiveTool,
       mode = _state$paladin$tools$3.mode,
       cineFps = _state$paladin$tools$3.cineFps,
       ReferenceLines = _state$paladin$tools$3.ReferenceLines,
@@ -46525,7 +46938,8 @@ var mapStateToProps$c = function mapStateToProps(state) {
       CentesisEnd = _state$paladin$tools$3.CentesisEnd,
       VRClip = _state$paladin$tools$3.VRClip,
       IO = _state$paladin$tools$3.IO,
-      ReferencePosition = _state$paladin$tools$3.ReferencePosition;
+      ReferencePosition = _state$paladin$tools$3.ReferencePosition,
+      MIP = _state$paladin$tools$3.MIP;
   var isMobile = _default$3.isDeviceTypeMobile();
   var _state$paladin$viewpo = state.paladin.viewport,
       activeIndex = _state$paladin$viewpo.activeIndex,
@@ -46558,6 +46972,8 @@ var mapStateToProps$c = function mapStateToProps(state) {
       resultTools = vrPhoneTools;
     } else if (MPR) {
       resultTools = mprPhoneTools;
+    } else if (MIP) {
+      resultTools = mipTools;
     } else {
       resultTools = phoneTools;
     }
@@ -46568,6 +46984,8 @@ var mapStateToProps$c = function mapStateToProps(state) {
       resultTools = vrTools;
     } else if (MPR) {
       resultTools = mprTools;
+    } else if (MIP) {
+      resultTools = mipTools;
     } else {
       resultTools = mode === 'seriesMode' ? tools : imageModeTools;
     }
@@ -46586,6 +47004,7 @@ var mapStateToProps$c = function mapStateToProps(state) {
     toolMode: toolMode,
     activeTool: activeTool,
     originActiveTool: originActiveTool,
+    mipActiveTool: mipActiveTool,
     mode: mode,
     ReferenceLines: ReferenceLines,
     Fullscreen: Fullscreen,
@@ -46627,7 +47046,8 @@ var mapStateToProps$c = function mapStateToProps(state) {
     CentesisEnd: CentesisEnd,
     VRClip: VRClip,
     IO: IO,
-    ReferencePosition: ReferencePosition
+    ReferencePosition: ReferencePosition,
+    MIP: MIP
   };
 };
 
@@ -46652,7 +47072,8 @@ var mergeProps$c = function mergeProps(propsFromState, propsFromDispatch, ownPro
       cineFps = propsFromState.cineFps,
       MPR = propsFromState.MPR,
       VR = propsFromState.VR,
-      Surgery = propsFromState.Surgery;
+      Surgery = propsFromState.Surgery,
+      MIP = propsFromState.MIP;
   var maxIndex = currentSeries.imageIds.length - 1;
   return _objectSpread$x(_objectSpread$x(_objectSpread$x(_objectSpread$x({}, ownProps), propsFromState), propsFromDispatch), {}, {
     reset: function reset() {
@@ -46970,13 +47391,18 @@ var mergeProps$c = function mergeProps(propsFromState, propsFromDispatch, ownPro
             return;
           }
 
-          propsFromDispatch.switchMprPerspective(true);
-          propsFromDispatch.setActiveTool('CrosshairsMPR');
-          propsFromDispatch.activeDicomFunction('MPR');
-
-          if (key === 'VR') {
+          if (key === 'MIP') {
             propsFromDispatch.activeDicomFunction('VRCenterPointShow', false);
-            propsFromDispatch.activeDicomFunction('VR');
+            propsFromDispatch.activeDicomFunction('MIP');
+          } else {
+            propsFromDispatch.switchMprPerspective(true);
+            propsFromDispatch.setActiveTool('CrosshairsMPR');
+            propsFromDispatch.activeDicomFunction('MPR');
+
+            if (key === 'VR') {
+              propsFromDispatch.activeDicomFunction('VRCenterPointShow', false);
+              propsFromDispatch.activeDicomFunction('VR');
+            }
           }
         }
       }), {
@@ -47000,7 +47426,13 @@ var mergeProps$c = function mergeProps(propsFromState, propsFromDispatch, ownPro
         return;
       }
 
-      propsFromDispatch.activeDicomFunction('MPR');
+      if (MIP) {
+        propsFromDispatch.activeDicomFunction('MIP');
+      }
+
+      if (MPR) {
+        propsFromDispatch.activeDicomFunction('MPR');
+      }
 
       if (VR) {
         propsFromDispatch.activeDicomFunction('VR');
@@ -47300,7 +47732,120 @@ var mergeProps$c = function mergeProps(propsFromState, propsFromDispatch, ownPro
     },
     handleSaveCentesisPath: function handleSaveCentesisPath() {
       ownProps.operateCentesisPath('save', centesisPathStore);
-    }
+    },
+    handleMipDirectionChange: function () {
+      var _handleMipDirectionChange = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee6(key) {
+        var worker;
+        return regenerator.wrap(function _callee6$(_context6) {
+          while (1) {
+            switch (_context6.prev = _context6.next) {
+              case 0:
+                _context6.next = 2;
+                return _default$s.getWorkerFromCache(currentSeries.seriesInstanceUID, ImageProcessType.MIP);
+
+              case 2:
+                worker = _context6.sent;
+
+                if (worker) {
+                  _context6.next = 5;
+                  break;
+                }
+
+                return _context6.abrupt("return");
+
+              case 5:
+                _context6.t0 = key;
+                _context6.next = _context6.t0 === 'H' ? 8 : _context6.t0 === 'F' ? 10 : _context6.t0 === 'L' ? 12 : _context6.t0 === 'R' ? 14 : _context6.t0 === 'A' ? 16 : _context6.t0 === 'P' ? 18 : 20;
+                break;
+
+              case 8:
+                worker.ActionParameter.switchViewDirectionToHead();
+                return _context6.abrupt("break", 21);
+
+              case 10:
+                worker.ActionParameter.switchViewDirectionToFeet();
+                return _context6.abrupt("break", 21);
+
+              case 12:
+                worker.ActionParameter.switchViewDirectionToLeft();
+                return _context6.abrupt("break", 21);
+
+              case 14:
+                worker.ActionParameter.switchViewDirectionToRight();
+                return _context6.abrupt("break", 21);
+
+              case 16:
+                worker.ActionParameter.switchViewDirectionToAnterior();
+                return _context6.abrupt("break", 21);
+
+              case 18:
+                worker.ActionParameter.switchViewDirectionToPosterior();
+                return _context6.abrupt("break", 21);
+
+              case 20:
+                return _context6.abrupt("break", 21);
+
+              case 21:
+              case "end":
+                return _context6.stop();
+            }
+          }
+        }, _callee6);
+      }));
+
+      function handleMipDirectionChange(_x2) {
+        return _handleMipDirectionChange.apply(this, arguments);
+      }
+
+      return handleMipDirectionChange;
+    }(),
+    setMipMouseActiveTool: function () {
+      var _setMipMouseActiveTool = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee7(key) {
+        var vrWorker;
+        return regenerator.wrap(function _callee7$(_context7) {
+          while (1) {
+            switch (_context7.prev = _context7.next) {
+              case 0:
+                _context7.next = 2;
+                return _default$s.getWorkerFromCache(currentSeries.seriesInstanceUID, ImageProcessType.MIP);
+
+              case 2:
+                vrWorker = _context7.sent;
+
+                if (vrWorker) {
+                  _context7.next = 5;
+                  break;
+                }
+
+                return _context7.abrupt("return");
+
+              case 5:
+                if (key === 'MipWWWc') {
+                  vrWorker.ActionParameter.mouseActionMode = InteractorStyleActionMode.WindowLevel;
+                }
+
+                if (key === 'MipRotate') {
+                  vrWorker.ActionParameter.mouseActionMode = InteractorStyleActionMode.Rotate;
+                }
+
+                if (key === 'MipZoom') {
+                  vrWorker.ActionParameter.mouseActionMode = InteractorStyleActionMode.Zoom;
+                }
+
+              case 8:
+              case "end":
+                return _context7.stop();
+            }
+          }
+        }, _callee7);
+      }));
+
+      function setMipMouseActiveTool(_x3) {
+        return _setMipMouseActiveTool.apply(this, arguments);
+      }
+
+      return setMipMouseActiveTool;
+    }()
   });
 };
 
@@ -47310,6 +47855,7 @@ var ConnectedDicomTool = reactRedux.connect(mapStateToProps$c, {
   refreshTools: refreshTools,
   setToolSize: setToolSize,
   activeDicomFunction: activeDicomFunction,
+  set3DActiveTool: set3DActiveTool,
   setLinkSeries: setLinkSeries,
   setCineDireaction: setCineDireaction,
   setViewMode: setViewMode,
@@ -47350,19 +47896,19 @@ var _default$_ = ConnectedDicomTool;
 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);
 
-function _extends$1c() { _extends$1c = 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$1c.apply(this, arguments); }
+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); }
 
-var _ref$1a = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1b = /*#__PURE__*/React__default.createElement("path", {
   d: "M3658.026 10.064c5.915-.329 11.359 2.241 14.432 6.357l-5.498 2.292 14.488 7.78 4.678-15.768-5.437 2.266c-4.491-7.516-13.347-12.235-23.194-11.634-12.153.737-22.056 9.888-23.034 21.285l8.693.746c.612-7.121 7.003-12.847 14.872-13.324zM3661.635 45.864c-6.105.345-11.715-2.402-14.729-6.753l4.887-2.037-13.401-7.196-4.324 14.584 4.657-1.941c4.157 7.321 12.398 12.102 21.752 12.102.558 0 1.121-.017 1.687-.051 12.151-.737 22.054-9.888 23.032-21.285l-8.691-.746c-.615 7.12-7.005 12.846-14.87 13.323z"
 });
 
 var SvgRefresh$1 = function SvgRefresh(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$1c({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$1d({
     width: 60,
     height: 56,
     viewBox: "3630 0 60 56",
     fill: "currentColor"
-  }, props), _ref$1a);
+  }, 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";
@@ -48515,34 +49061,34 @@ var _default$11 = ViewportOverlay;
 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);
 
-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); }
+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); }
 
-var _ref$1b = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1c = /*#__PURE__*/React__default.createElement("path", {
   d: "M30.054 23.768l-2.964 2.946q-.339.339-.804.339t-.804-.339L16 17.232l-9.482 9.482q-.339.339-.804.339t-.804-.339l-2.964-2.946q-.339-.339-.339-.813t.339-.813L15.196 8.91q.339-.339.804-.339t.804.339l13.25 13.232q.339.339.339.813t-.339.813z"
 });
 
 var SvgChevronUp = function SvgChevronUp(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$1d({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$1e({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$1b);
+  }, props), _ref$1c);
 };
 
-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); }
+function _extends$1f() { _extends$1f = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1f.apply(this, arguments); }
 
-var _ref$1c = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1d = /*#__PURE__*/React__default.createElement("path", {
   d: "M30.054 14.429l-13.25 13.232Q16.465 28 16 28t-.804-.339L1.946 14.429q-.339-.339-.339-.813t.339-.813L4.91 9.857q.339-.339.804-.339t.804.339L16 19.339l9.482-9.482q.339-.339.804-.339t.804.339l2.964 2.946q.339.339.339.813t-.339.813z"
 });
 
 var SvgChevronDown = function SvgChevronDown(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$1e({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$1f({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$1c);
+  }, 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";
@@ -52907,7 +53453,7 @@ var _default$16 = ConnectedSurgeryLayout;
 var css_248z$r = ".paladin-main-wrapper svg {\n  width: 100%;\n  height: 100%;\n}\n.paladin-main-wrapper span,\n.paladin-main-wrapper div {\n  user-select: none;\n}\n.paladin-main-wrapper .paladin-dicomView-dicomToolWrapper {\n  background-color: #353535;\n  z-index: 2;\n}\n.paladin-main-wrapper .paladin-dicomView-dicomThumbnailWrapper {\n  background-color: #353535;\n  border: 1px solid #727882;\n}\n.paladin-main-wrapper .paladin-dicomView-pcmobileWrapper {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  width: 0;\n}\nbutton:focus {\n  outline: none;\n}\n.paladin-flex {\n  display: flex;\n}\n.paladin-flex-row {\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: row;\n  flex-wrap: wrap;\n  flex: 0 1 auto;\n}\n.paladin-flex-col {\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  flex: 0 0 auto;\n}\n.paladin-flex-center {\n  justify-content: center;\n  align-items: center;\n}\n.paladin-flex-end {\n  justify-content: flex-end;\n}\n.paladin-flex-1 {\n  flex: 1;\n}\n.paladin-full-content {\n  width: 100%;\n  height: 100%;\n}\n.paladin-full-height {\n  height: 100%;\n}\n.paladin-full-width {\n  width: 100%;\n}\n.paladin-text-center {\n  text-align: center;\n}\n";
 styleInject$1(css_248z$r);
 
-var css_248z$s = ".image-processing-container {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  background: black;\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  flex-direction: column;\n  z-index: 999;\n}\n.image-processing-container-content {\n  cursor: pointer;\n}\n.image-processing-container-content svg {\n  width: 50px;\n  height: 50px;\n  display: block;\n  margin: 15px auto 0 auto;\n  color: #999;\n}\n.paladin-three-wrapper {\n  width: 100%;\n  height: 100%;\n  color: white;\n  display: flex;\n}\n.paladin-three-horizontal-left {\n  width: 66.6%;\n  height: 100%;\n}\n.paladin-three-horizontal-right {\n  width: 33.4%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.paladin-three-vertical-top {\n  width: 100%;\n  height: 66.6%;\n  flex-direction: row;\n}\n.paladin-three-vertical-bottom {\n  width: 100%;\n  height: 33.4%;\n  display: flex;\n  flex-direction: row;\n}\n.paladin-three-height-50 {\n  width: 100%;\n  height: 50%;\n}\n.paladin-three-width-50 {\n  width: 50%;\n  height: 100%;\n}\n.paladin-three-height-33 {\n  width: 100%;\n  height: 33.333%;\n}\n.paladin-three-width-33 {\n  height: 100%;\n  width: 33.333%;\n}\n.paladin-three-relative {\n  position: relative;\n}\n";
+var css_248z$s = ".image-processing-container {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  background: black;\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  flex-direction: column;\n  z-index: 999;\n}\n.image-processing-container-content {\n  cursor: pointer;\n}\n.image-processing-container-content svg {\n  width: 50px;\n  height: 50px;\n  display: block;\n  margin: 15px auto 0 auto;\n  color: #999;\n}\n.paladin-three-wrapper {\n  width: 100%;\n  height: 100%;\n  color: white;\n  display: flex;\n}\n.paladin-three-horizontal-left {\n  width: 66.6%;\n  height: 100%;\n}\n.paladin-three-horizontal-right {\n  width: 33.4%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.paladin-three-vertical-top {\n  width: 100%;\n  height: 66.6%;\n  flex-direction: row;\n}\n.paladin-three-vertical-bottom {\n  width: 100%;\n  height: 33.4%;\n  display: flex;\n  flex-direction: row;\n}\n.paladin-three-height-50 {\n  width: 100%;\n  height: 50%;\n}\n.paladin-three-width-50 {\n  width: 50%;\n  height: 100%;\n}\n.paladin-three-height-33 {\n  width: 100%;\n  height: 33.333%;\n}\n.paladin-three-width-33 {\n  height: 100%;\n  width: 33.333%;\n}\n.paladin-three-relative {\n  position: relative;\n}\n.mip-wwwc {\n  position: absolute;\n  bottom: 15px;\n  left: 15px;\n}\n.mip-wwwc p {\n  color: #ffffff;\n  margin: 0;\n  text-align: right;\n}\n";
 styleInject$1(css_248z$s);
 
 (function () {
@@ -53520,11 +54066,13 @@ var ThreeDLayout$1 = /*#__PURE__*/function (_Component) {
 
               case 3:
                 this.vr = _context.sent;
-                _context.next = 11;
+                // vr左键默认工具是旋转
+                this.vr.ActionParameter.mouseActionMode = InteractorStyleActionMode.Rotate;
+                _context.next = 12;
                 break;
 
-              case 6:
-                _context.prev = 6;
+              case 7:
+                _context.prev = 7;
                 _context.t0 = _context["catch"](0);
                 console.error(_context.t0);
                 this.setState({
@@ -53533,7 +54081,7 @@ var ThreeDLayout$1 = /*#__PURE__*/function (_Component) {
                 });
                 return _context.abrupt("return");
 
-              case 11:
+              case 12:
                 // 添加裁剪的监听
                 Messager.Instance.regist(_default$1.MessagerKeys.MipFinishClipPathExport, this.vr.messageGroupId, function (param) {
                   var mprWorker = _default$s.getWorkerFromCache(currentSeries.seriesInstanceUID, ImageProcessType.MPR);
@@ -53563,12 +54111,12 @@ var ThreeDLayout$1 = /*#__PURE__*/function (_Component) {
                   error: null
                 });
 
-              case 13:
+              case 14:
               case "end":
                 return _context.stop();
             }
           }
-        }, _callee, this, [[0, 6]]);
+        }, _callee, this, [[0, 7]]);
       }));
 
       function initVR(_x, _x2) {
@@ -53785,10 +54333,313 @@ 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 _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__$3h = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
+var MIPLayout = /*#__PURE__*/function (_Component) {
+  inherits(MIPLayout, _Component);
+
+  var _super = _createSuper$1l(MIPLayout);
+
+  function MIPLayout(props) {
+    var _this;
+
+    classCallCheck(this, MIPLayout);
+
+    _this = _super.call(this, props);
+
+    defineProperty(assertThisInitialized(_this), "reload", function () {
+      _this.componentDidMount();
+    });
+
+    _this.state = {
+      processing: true,
+      error: null,
+      windowWidth: 0,
+      windowCenter: 0
+    };
+    _this.vr = '';
+    return _this;
+  }
+
+  createClass(MIPLayout, [{
+    key: "initVR",
+    value: function () {
+      var _initVR = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(currentSeries, instanceImages) {
+        var _this2 = this;
+
+        var volumeWindowLevel;
+        return regenerator.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.prev = 0;
+                _context.next = 3;
+                return _default$s.getAndCacheWorker(currentSeries.seriesInstanceUID, ImageProcessType.MIP, {
+                  images: instanceImages,
+                  container: document.getElementById('mipContainer'),
+                  reconstructMethodType: ReconstructMethodType.MIP,
+                  viewportSize: 1.5
+                });
+
+              case 3:
+                this.vr = _context.sent;
+                // mip左键默认工具是调窗
+                this.vr.ActionParameter.mouseActionMode = InteractorStyleActionMode.WindowLevel;
+                this.props.set3DActiveTool('MipWWWc'); // 窗值初始值
+
+                volumeWindowLevel = this.vr.volumeWindowLevel;
+                this.setState({
+                  windowWidth: Math.floor(volumeWindowLevel.level),
+                  windowCenter: Math.floor(volumeWindowLevel.center)
+                }); // 调窗监听
+
+                Messager.Instance.regist(_default$1.MessagerKeys.MipWwwcChange, this.vr.messageGroupId, function (param) {
+                  if (param) {
+                    _this2.setState({
+                      windowWidth: param.level,
+                      windowCenter: param.center
+                    });
+                  }
+                });
+                _context.next = 16;
+                break;
+
+              case 11:
+                _context.prev = 11;
+                _context.t0 = _context["catch"](0);
+                console.error(_context.t0);
+                this.setState({
+                  processingMessage: "\u56FE\u50CF\u52A0\u8F7D\u5931\u8D25: ".concat(_context.t0.detailText || '未知错误'),
+                  error: true
+                });
+                return _context.abrupt("return");
+
+              case 16:
+                this.setState({
+                  processingMessage: null,
+                  processing: false,
+                  error: null
+                });
+
+              case 17:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this, [[0, 11]]);
+      }));
+
+      function initVR(_x, _x2) {
+        return _initVR.apply(this, arguments);
+      }
+
+      return initVR;
+    }()
+  }, {
+    key: "componentDidMount",
+    value: function () {
+      var _componentDidMount = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
+        var _this3 = this;
+
+        var currentSeries, instanceImages, i;
+        return regenerator.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                currentSeries = this.props.currentSeries;
+                instanceImages = [];
+                _context2.prev = 2;
+                i = 0;
+
+              case 4:
+                if (!(i < currentSeries.imageIds.length)) {
+                  _context2.next = 12;
+                  break;
+                }
+
+                _context2.next = 7;
+                return loadAndCacheDicom(currentSeries.imageIds[i]);
+
+              case 7:
+                instanceImages[i] = _context2.sent;
+
+                if (i === currentSeries.imageIds.length - 1) {
+                  this.setState({
+                    processingMessage: "\u6B63\u5728\u5904\u7406\u56FE\u50CF...",
+                    instanceImages: instanceImages,
+                    error: null
+                  }, function () {
+                    setTimeout(function () {
+                      _this3.initVR(currentSeries, instanceImages);
+                    }, 50);
+                  });
+                }
+
+              case 9:
+                i++;
+                _context2.next = 4;
+                break;
+
+              case 12:
+                _context2.next = 17;
+                break;
+
+              case 14:
+                _context2.prev = 14;
+                _context2.t0 = _context2["catch"](2);
+                this.setState({
+                  processingMessage: "\u56FE\u50CF\u52A0\u8F7D\u5931\u8D25: ".concat(_context2.t0.message || '未知错误'),
+                  error: true
+                });
+
+              case 17:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this, [[2, 14]]);
+      }));
+
+      function componentDidMount() {
+        return _componentDidMount.apply(this, arguments);
+      }
+
+      return componentDidMount;
+    }()
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (this.vr) {
+        this.vr.dispose();
+        this.vr = null;
+      }
+
+      _default$s.resetWorker();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$state = this.state,
+          processing = _this$state.processing,
+          processingMessage = _this$state.processingMessage,
+          error = _this$state.error,
+          windowWidth = _this$state.windowWidth,
+          windowCenter = _this$state.windowCenter;
+      return /*#__PURE__*/React__default.createElement("div", {
+        className: "paladin-three-wrapper",
+        style: {
+          position: 'relative',
+          zIndex: 1
+        }
+      }, processing && /*#__PURE__*/React__default.createElement("div", {
+        className: 'image-processing-container'
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "image-processing-container-content",
+        onClick: this.reload
+      }, processingMessage, error && /*#__PURE__*/React__default.createElement(SvgRefresh$1, null))), /*#__PURE__*/React__default.createElement("div", {
+        className: "paladin-full-content"
+      }, /*#__PURE__*/React__default.createElement("div", {
+        style: {
+          height: '100%'
+        },
+        id: 'mipContainer'
+      }), /*#__PURE__*/React__default.createElement("div", {
+        className: "mip-wwwc"
+      }, /*#__PURE__*/React__default.createElement("p", null, "W:", windowWidth), /*#__PURE__*/React__default.createElement("p", null, "C:", windowCenter))));
+    }
+  }, {
+    key: "__reactstandin__regenerateByEval",
+    // @ts-ignore
+    value: function __reactstandin__regenerateByEval(key, code) {
+      // @ts-ignore
+      this[key] = eval(code);
+    }
+  }]);
+
+  return MIPLayout;
+}(React.Component);
+
+defineProperty(MIPLayout, "propTypes", {});
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(MIPLayout, "MIPLayout", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/3DLayout/MIP.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$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$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__$3i = 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;
+  return {
+    currentSeries: series[activeIndex]
+  };
+};
+
+var mergeProps$j = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$F(_objectSpread$F(_objectSpread$F({}, propsFromState), propsFromDispatch), ownProps);
+};
+
+var ConnectedMIP = reactRedux.connect(mapStateToProps$k, {
+  set3DActiveTool: set3DActiveTool
+}, mergeProps$j)(MIPLayout);
+var _default$19 = ConnectedMIP;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    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(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");
+})();
+
+(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__$3j = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
 function colorMapFix(viewportData) {
   viewportData.imageViewports = lodash$1.map(viewportData.imageViewports, function (seriesViewportArr) {
     return lodash$1.map(seriesViewportArr, function (item) {
@@ -53822,11 +54673,11 @@ function colorMapFix(viewportData) {
   enterModule && enterModule(module);
 })();
 
-function ownKeys$E(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$F(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$F(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$E(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$E(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$G(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$F(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$F(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$3i = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3k = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 /**
@@ -53834,7 +54685,7 @@ var __signature__$3i = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoa
  *
  */
 
-var mapStateToProps$k = function mapStateToProps(state) {
+var mapStateToProps$l = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       imageActiveIndex = _state$paladin$viewpo.imageActiveIndex,
       linkImageIndex = _state$paladin$viewpo.linkImageIndex,
@@ -53897,7 +54748,7 @@ var mapDispatchToProps$5 = function mapDispatchToProps(dispatch) {
   };
 };
 
-var mergeProps$j = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$k = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var imageActiveIndex = propsFromState.imageActiveIndex,
       linkImageIndex = propsFromState.linkImageIndex,
       activeIndex = propsFromState.activeIndex,
@@ -53932,7 +54783,7 @@ var mergeProps$j = function mergeProps(propsFromState, propsFromDispatch, ownPro
   var endIndex = startIndex + onePageCount;
   var series = allSeries.slice(startIndex, endIndex);
   var showVerticalScroll = series && series.length / col > row;
-  return _objectSpread$F(_objectSpread$F(_objectSpread$F(_objectSpread$F({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$G(_objectSpread$G(_objectSpread$G(_objectSpread$G({}, ownProps), propsFromState), propsFromDispatch), {}, {
     currentScrollLine: currentScrollLineImage,
     series: series,
     activeIndex: imageActiveIndex,
@@ -54046,8 +54897,8 @@ var mergeProps$j = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomAllImageModeLayout = reactRedux.connect(mapStateToProps$k, mapDispatchToProps$5, mergeProps$j)(DicomLayout);
-var _default$19 = ConnectedDicomAllImageModeLayout;
+var ConnectedDicomAllImageModeLayout = reactRedux.connect(mapStateToProps$l, mapDispatchToProps$5, mergeProps$k)(DicomLayout);
+var _default$1a = ConnectedDicomAllImageModeLayout;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -54056,11 +54907,11 @@ var _default$19 = ConnectedDicomAllImageModeLayout;
     return;
   }
 
-  reactHotLoader.register(mapStateToProps$k, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomAllImageModeLayout.js");
+  reactHotLoader.register(mapStateToProps$l, "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$j, "mergeProps", "/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(ConnectedDicomAllImageModeLayout, "ConnectedDicomAllImageModeLayout", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomLayout/ConnectedDicomAllImageModeLayout.js");
-  reactHotLoader.register(_default$19, "default", "/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");
 })();
 
 (function () {
@@ -54079,11 +54930,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$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__$3j = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3l = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -54133,7 +54984,7 @@ index$1.configure({
 var DicomView = /*#__PURE__*/function (_Component) {
   inherits(DicomView, _Component);
 
-  var _super = _createSuper$1l(DicomView);
+  var _super = _createSuper$1m(DicomView);
 
   function DicomView(props) {
     var _this;
@@ -54605,10 +55456,10 @@ var DicomView = /*#__PURE__*/function (_Component) {
         onResizeEmit: this.props.onResizeEmit
       }), viewMode === '2D' && this.props.mode === 'imageMode' && /*#__PURE__*/React__default.createElement(_default$15, {
         onResizeEmit: this.props.onResizeEmit
-      }), viewMode === '2D' && this.props.mode === 'allImageMode' && /*#__PURE__*/React__default.createElement(_default$19, {
+      }), viewMode === '2D' && this.props.mode === 'allImageMode' && /*#__PURE__*/React__default.createElement(_default$1a, {
         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 === '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));
       var DicomThumbnail = /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-dicomView-dicomThumbnailWrapper"
       }, /*#__PURE__*/React__default.createElement(_default$10, {
@@ -54700,16 +55551,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$F(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$G(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$G(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$F(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$F(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$H(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$G(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$3k = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3m = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var scroll = _default$E.importInternal('util/scroll');
 
-var mapStateToProps$l = function mapStateToProps(state) {
+var mapStateToProps$m = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       activeIndex = _state$paladin$viewpo.activeIndex,
       imageActiveIndex = _state$paladin$viewpo.imageActiveIndex,
@@ -54737,7 +55588,8 @@ var mapStateToProps$l = function mapStateToProps(state) {
       Cine = _state$paladin$tools$2.Cine,
       activeTool = _state$paladin$tools$2.activeTool,
       continuousMeasure = _state$paladin$tools$2.continuousMeasure,
-      originActiveTool = _state$paladin$tools$2.originActiveTool;
+      originActiveTool = _state$paladin$tools$2.originActiveTool,
+      MIP = _state$paladin$tools$2.MIP;
   var toolMode = state.paladin.tools.customization.toolMode;
   return {
     activeIndex: activeIndex,
@@ -54751,6 +55603,7 @@ var mapStateToProps$l = function mapStateToProps(state) {
     mode: mode,
     MPR: MPR,
     VR: VR,
+    MIP: MIP,
     row: row,
     col: col,
     currentScrollLine: currentScrollLine,
@@ -54769,7 +55622,7 @@ var mapStateToProps$l = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$k = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$l = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var activeIndex = propsFromState.activeIndex,
       imageActiveIndex = propsFromState.imageActiveIndex,
       MPR = propsFromState.MPR,
@@ -54778,7 +55631,8 @@ var mergeProps$k = function mergeProps(propsFromState, propsFromDispatch, ownPro
       series = propsFromState.series,
       onePickMode = propsFromState.onePickMode,
       Surgery = propsFromState.Surgery,
-      Cine = propsFromState.Cine;
+      Cine = propsFromState.Cine,
+      MIP = propsFromState.MIP;
   var currentScrollLine = propsFromState.currentScrollLine,
       currentScrollLineImage = propsFromState.currentScrollLineImage,
       mode = propsFromState.mode,
@@ -54796,11 +55650,13 @@ var mergeProps$k = function mergeProps(propsFromState, propsFromDispatch, ownPro
     viewMode = 'VR';
   } else if (MPR) {
     viewMode = 'MPR';
+  } else if (MIP) {
+    viewMode = 'MIP';
   } else {
     viewMode = '2D';
   }
 
-  var threeDMode = MPR || VR || Surgery;
+  var threeDMode = MPR || VR || Surgery || MIP;
   var threeScrollType = Surgery ? 'Centesis' : 'MPR';
   var showDicomThumbnail = !threeDMode;
 
@@ -54816,7 +55672,7 @@ var mergeProps$k = function mergeProps(propsFromState, propsFromDispatch, ownPro
    */
 
 
-  return _objectSpread$G(_objectSpread$G(_objectSpread$G({}, ownProps), propsFromState), {}, {
+  return _objectSpread$H(_objectSpread$H(_objectSpread$H({}, ownProps), propsFromState), {}, {
     showDicomThumbnail: showDicomThumbnail,
     viewMode: viewMode,
     keyMap: {
@@ -54929,6 +55785,7 @@ var mergeProps$k = function mergeProps(propsFromState, propsFromDispatch, ownPro
       },
       FORWARD: function FORWARD() {
         var activeElement = getCurrentElement();
+        if (!activeElement) return;
 
         if (threeDMode) {
           changeMprPositionWithElement(activeElement, -1, threeScrollType);
@@ -54938,6 +55795,7 @@ var mergeProps$k = function mergeProps(propsFromState, propsFromDispatch, ownPro
       },
       BACKWARD: function BACKWARD() {
         var activeElement = getCurrentElement();
+        if (!activeElement) return;
 
         if (threeDMode) {
           changeMprPositionWithElement(activeElement, 1, threeScrollType);
@@ -54977,12 +55835,15 @@ var mergeProps$k = function mergeProps(propsFromState, propsFromDispatch, ownPro
         });
       },
       SCROLL_START: function SCROLL_START() {
-        _default$E.scrollToIndex(getCurrentElement(), 0, true, {
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        _default$E.scrollToIndex(activeElement, 0, true, {
           backToStart: true
         });
       },
       SCROLL_END: function SCROLL_END() {
         var activeElement = getCurrentElement();
+        if (!activeElement) return;
         var max = _default$E.getImagesLength(activeElement) - 1;
         _default$E.scrollToIndex(activeElement, max, tement, max, true, {
           backToEnd: true
@@ -54999,43 +55860,63 @@ var mergeProps$k = function mergeProps(propsFromState, propsFromDispatch, ownPro
       },
       WWWC1: function WWWC1() {
         if (!wwwcCustomDic[0]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[0].ww, wwwcCustomDic[0].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[0].ww, wwwcCustomDic[0].wc);
       },
       WWWC2: function WWWC2() {
         if (!wwwcCustomDic[1]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[1].ww, wwwcCustomDic[1].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[1].ww, wwwcCustomDic[1].wc);
       },
       WWWC3: function WWWC3() {
         if (!wwwcCustomDic[2]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[2].ww, wwwcCustomDic[2].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[2].ww, wwwcCustomDic[2].wc);
       },
       WWWC4: function WWWC4() {
         if (!wwwcCustomDic[3]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[3].ww, wwwcCustomDic[3].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[3].ww, wwwcCustomDic[3].wc);
       },
       WWWC5: function WWWC5() {
         if (!wwwcCustomDic[4]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[4].ww, wwwcCustomDic[4].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[4].ww, wwwcCustomDic[4].wc);
       },
       WWWC6: function WWWC6() {
         if (!wwwcCustomDic[5]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[5].ww, wwwcCustomDic[5].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[5].ww, wwwcCustomDic[5].wc);
       },
       WWWC7: function WWWC7() {
         if (!wwwcCustomDic[6]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[6].ww, wwwcCustomDic[6].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[6].ww, wwwcCustomDic[6].wc);
       },
       WWWC8: function WWWC8() {
         if (!wwwcCustomDic[7]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[7].ww, wwwcCustomDic[7].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[7].ww, wwwcCustomDic[7].wc);
       },
       WWWC9: function WWWC9() {
         if (!wwwcCustomDic[8]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[8].ww, wwwcCustomDic[8].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[8].ww, wwwcCustomDic[8].wc);
       },
       WWWC0: function WWWC0() {
         if (!wwwcCustomDic[9]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[9].ww, wwwcCustomDic[9].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[9].ww, wwwcCustomDic[9].wc);
       }
     },
     getCurrentElement: getCurrentElement,
@@ -55225,7 +56106,7 @@ var mergeProps$k = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomView = reactRedux.connect(mapStateToProps$l, {
+var ConnectedDicomView = reactRedux.connect(mapStateToProps$m, {
   initSeries: initSeries,
   addSeries: addSeries,
   setCurrentSeries: setCurrentSeries,
@@ -55245,7 +56126,7 @@ var ConnectedDicomView = reactRedux.connect(mapStateToProps$l, {
   openIO: openIO,
   closeIO: closeIO,
   setActiveTool: setActiveTool
-}, mergeProps$k, withRef())(DicomView);
+}, mergeProps$l, withRef())(DicomView);
 
 function withRef() {
   var reactReduxVersion = package_json.version.split('.')[0];
@@ -55261,7 +56142,7 @@ function withRef() {
   }
 }
 
-var _default$1a = ConnectedDicomView;
+var _default$1b = ConnectedDicomView;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -55271,11 +56152,11 @@ var _default$1a = ConnectedDicomView;
   }
 
   reactHotLoader.register(scroll, "scroll", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/ConnectedDicomView.js");
-  reactHotLoader.register(mapStateToProps$l, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/ConnectedDicomView.js");
-  reactHotLoader.register(mergeProps$k, "mergeProps", "/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(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$1a, "default", "/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");
 })();
 
 (function () {
@@ -55288,7 +56169,7 @@ var _default$1a = ConnectedDicomView;
   enterModule && enterModule(module);
 })();
 
-var __signature__$3l = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3n = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var domId = "paladinOutputMock";
@@ -55445,13 +56326,13 @@ function removeDom(id) {
   enterModule && enterModule(module);
 })();
 
-var __signature__$3m = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3o = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var paladinUtils = {
   getMultiImageDataFromWodo: getMultiImageDataFromWodo
 };
-var _default$1b = _default$1a;
+var _default$1c = _default$1b;
 
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
@@ -55461,7 +56342,7 @@ var _default$1b = _default$1a;
   }
 
   reactHotLoader.register(paladinUtils, "paladinUtils", "/Users/huyeqing/workspace/chainz/paladin/src/index.js");
-  reactHotLoader.register(_default$1b, "default", "/Users/huyeqing/workspace/chainz/paladin/src/index.js");
+  reactHotLoader.register(_default$1c, "default", "/Users/huyeqing/workspace/chainz/paladin/src/index.js");
 })();
 
 (function () {
@@ -55470,7 +56351,7 @@ var _default$1b = _default$1a;
 })();
 
 exports.cornerstoneUtils = index;
-exports.default = _default$1b;
+exports.default = _default$1c;
 exports.paladinUtils = paladinUtils;
 exports.reducers = _default$I;
 //# sourceMappingURL=index.js.map