hellfire 0.29.18 → 0.30.0

package/dist/index.js

@@ -1049,6 +1049,8 @@ var initialState$1 = {
   // 联动同步窗值
   autoLinkSyncOther: true,
   // 联动同步缩放平移等
+  autoLinkSyncAbsolute: true,
+  // 是否绝对同步缩放平移
   mprCrosshairMode: 'free' // orthogonal free 正交 自由
 
 };
@@ -1404,7 +1406,8 @@ var SET_CURRENT_SCROLL_LINE = 'SET_CURRENT_SCROLL_LINE';
 var CLOSE_OP_LAYOUT = 'CLOSE_OP_LAYOUT';
 var OPEN_OP_LAYOUT = 'OPEN_OP_LAYOUT';
 var SET_CURRENT_SCROLL_LINE_IMAGE = 'SET_CURRENT_SCROLL_LINE_IMAGE';
-var SET_LAST_LAYOUT = 'SET_LAST_LAYOUT'; // ---------- Reducers ----------
+var SET_LAST_LAYOUT = 'SET_LAST_LAYOUT';
+var SET_MPR_LAYOUT = 'SET_MPR_LAYOUT'; // ---------- Reducers ----------
 
 var isMobile$1 = ua.isDeviceTypeMobile();
 
@@ -1423,7 +1426,11 @@ var initialState$2 = {
   lastCustomRow: _row,
   // 存下自定义的布局，便于双击切换布局功能
   lastCustomCol: _col,
-  onePickMode: false // 双击进入1*1布局
+  onePickMode: false,
+  // 双击进入1*1布局
+  mprLayoutHoz: 'left',
+  // mpr横屏默认布局 left leftMiddle right rightMiddle
+  mprLayoutVer: 'top' // mpr竖屏默认布局 top topMiddle bottom bottomMiddle
 
 };
 var layout = (function () {
@@ -1523,6 +1530,23 @@ var layout = (function () {
         return _objectSpread$2(_objectSpread$2({}, state), action.payload.tools.layout);
       }
 
+    case SET_MPR_LAYOUT:
+      {
+        var _action$payload3 = action.payload,
+            direction = _action$payload3.direction,
+            _layout2 = _action$payload3.layout;
+
+        if (direction === 'vertical') {
+          return _objectSpread$2(_objectSpread$2({}, state), {}, {
+            mprLayoutVer: _layout2
+          });
+        } else {
+          return _objectSpread$2(_objectSpread$2({}, state), {}, {
+            mprLayoutHoz: _layout2
+          });
+        }
+      }
+
     default:
       {
         return state;
@@ -1580,6 +1604,15 @@ function closeOnePickLayout(currentScrollLine, layoutNoChange) {
     type: CLOSE_OP_LAYOUT
   };
 }
+function setMprLayout(direction, layout) {
+  return {
+    type: SET_MPR_LAYOUT,
+    payload: {
+      direction: direction,
+      layout: layout
+    }
+  };
+}
 
 function ownKeys$3(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; }
 
@@ -12498,6 +12531,8 @@ var resources = {
       warning_message_position: 'This series contains images with inconsistent orientation, Would you like to automatically select compatible images for reconstruction?',
       tool_crosshair: 'Cross',
       tool_crosshair_tooltip: 'Crosshair',
+      tool_layouut: 'Layout',
+      tool_layouut_tooltip: 'MPR Layout',
       tool_direction: 'Views',
       tool_direction_tooltip: 'Switch MPR Views',
       tool_refresh: 'Reset',
@@ -12617,8 +12652,15 @@ var resources = {
       title: 'Setting',
       sync_wwwc: 'Sync Window Level',
       sync_other: 'Sync Zoom,Pan,etc.',
+      sync_absolute: 'Sync Absolute',
       on: 'ON',
       off: 'OFF'
+    },
+    film: {
+      help_line_title: "Help:",
+      help_line1: "Keyboard 'Del' key: Remove selected images from the film area",
+      help_line2: "Keyboard 'Ctrl' + Left mouse click: Select multiple images for batch operations",
+      help_line3: "Keyboard 'Shift' + Left mouse click: Select all images within a range (from first to last clicked)"
     }
   },
   zh: {
@@ -12709,6 +12751,8 @@ var resources = {
       warning_message_position: '检测到该序列包含不同方位信息的图像，是否需要软件自动选择其中符合条件的进行重建？',
       tool_crosshair: '十字线',
       tool_crosshair_tooltip: '十字定位线',
+      tool_layouut: '布局',
+      tool_layouut_tooltip: 'MPR布局',
       tool_direction: '视角',
       tool_direction_tooltip: '切换视角',
       tool_refresh: '复位',
@@ -12828,8 +12872,15 @@ var resources = {
       title: '联动设置',
       sync_wwwc: '同步窗值',
       sync_other: '同步缩放和平移等',
+      sync_absolute: '绝对同步',
       on: '是',
       off: '否'
+    },
+    film: {
+      help_line_title: "使用帮助:",
+      help_line1: "键盘 del 键: 将选中的图像，从胶片区移除",
+      help_line2: "键盘 ctrl + 鼠标左键: 用于选中多个图像，进行批量操作",
+      help_line3: "键盘 shift + 鼠标左键: 用于选中首尾范围内的所有图像"
     }
   }
 };
@@ -13826,6 +13877,19 @@ function getScaledCanvasDat(originalCanvas) {
     return originalCanvas.toDataURL('image/jpeg');
   }
 }
+function checkWindowDirection() {
+  var width = window.innerWidth;
+  var height = window.innerHeight;
+  var direction;
+
+  if (width < height) {
+    direction = 'vertical';
+  } else {
+    direction = 'horizontal';
+  }
+
+  return direction;
+}
 
 /**
  * @class 手术路径，路径为直线段
@@ -16982,9 +17046,12 @@ var DisplayVRModeType = {
   Bone: 3,
   Skin: 4,
   SkinAndBone: 5,
-  CrystalLung: 6
+  CrystalLung: 6,
+  HardTissue: 7,
+  SoftTissue: 8,
+  MIP: 9
 };
-var DisplayVRModeTypes = (_DisplayVRModeTypes = {}, defineProperty(_DisplayVRModeTypes, DisplayVRModeType.Comment, "通用"), defineProperty(_DisplayVRModeTypes, DisplayVRModeType.Gray, "灰度"), defineProperty(_DisplayVRModeTypes, DisplayVRModeType.Bone, "骨"), defineProperty(_DisplayVRModeTypes, DisplayVRModeType.Bone2, "骨2"), defineProperty(_DisplayVRModeTypes, DisplayVRModeType.Skin, "皮肤"), defineProperty(_DisplayVRModeTypes, DisplayVRModeType.SkinAndBone, "皮肤&骨"), defineProperty(_DisplayVRModeTypes, DisplayVRModeType.CrystalLung, "肺透明"), _DisplayVRModeTypes);
+var DisplayVRModeTypes = (_DisplayVRModeTypes = {}, defineProperty(_DisplayVRModeTypes, DisplayVRModeType.Comment, "通用"), defineProperty(_DisplayVRModeTypes, DisplayVRModeType.Gray, "灰度"), defineProperty(_DisplayVRModeTypes, DisplayVRModeType.Bone, "骨"), defineProperty(_DisplayVRModeTypes, DisplayVRModeType.Bone2, "骨2"), defineProperty(_DisplayVRModeTypes, DisplayVRModeType.Skin, "皮肤"), defineProperty(_DisplayVRModeTypes, DisplayVRModeType.SkinAndBone, "皮肤&骨"), defineProperty(_DisplayVRModeTypes, DisplayVRModeType.CrystalLung, "肺透明"), defineProperty(_DisplayVRModeTypes, DisplayVRModeType.HardTissue, "硬组织"), defineProperty(_DisplayVRModeTypes, DisplayVRModeType.SoftTissue, "软组织"), defineProperty(_DisplayVRModeTypes, DisplayVRModeType.MIP, "MIP"), _DisplayVRModeTypes);
 /**
  * VR 显示效果预设值
  */
@@ -17070,7 +17137,10 @@ new DisplayVRMode("肺表面",
 /*new DisplayVRMode("血管"),
 new DisplayVRMode("内固定"),*/
 // 肺透明
-new DisplayVRMode(DisplayVRModeTypes[DisplayVRModeType.CrystalLung], DisplayVRModeType.CrystalLung, [new MipPixelSegment(-20000, 0, -500, 0), new MipPixelSegment(-500, 0x87CEFF, -400, 0x87CEFF)], [new MipPixelSegment(-50000, 0, -500, 0), new MipPixelSegment(-500, 0.2, -400, 0.2), new MipPixelSegment(-400, 0, 10000, 0)])]);
+new DisplayVRMode(DisplayVRModeTypes[DisplayVRModeType.CrystalLung], DisplayVRModeType.CrystalLung, [new MipPixelSegment(-20000, 0, -500, 0), new MipPixelSegment(-500, 0x87CEFF, -400, 0x87CEFF)], [new MipPixelSegment(-50000, 0, -500, 0), new MipPixelSegment(-500, 0.2, -400, 0.2), new MipPixelSegment(-400, 0, 10000, 0)]), // 硬组织
+new DisplayVRMode(DisplayVRModeTypes[DisplayVRModeType.HardTissue], DisplayVRModeType.HardTissue, [new MipPixelSegment(-3024, 0x000000, -573, 0xFCC4C9), new MipPixelSegment(626, 0x9C1915, 831, 0xFDE293), new MipPixelSegment(1075, 0xD9DDBD, 1380, 0xFFFFFF)], [new MipPixelSegment(-1024, 0, 648, 0), new MipPixelSegment(648, 0, 933, 0.5), new MipPixelSegment(933, 0.5, 1218, 0.7)]), // 软组织
+new DisplayVRMode(DisplayVRModeTypes[DisplayVRModeType.SoftTissue], DisplayVRModeType.SoftTissue, [new MipPixelSegment(-3024, 0x000000, -1263.87, 0xF2AF84), new MipPixelSegment(-218.85, 0xF2AF84, 217, 0xFFBF96), new MipPixelSegment(217, 0xFFBF96, 4000, 0xFCF4FF)], [new MipPixelSegment(-3024, 0, -318.51, 0), new MipPixelSegment(236.05, 0.61, 394.96, 0.82), new MipPixelSegment(394.99, 0.82, 3071.69, 0.8)]), // MIP
+new DisplayVRMode(DisplayVRModeTypes[DisplayVRModeType.MIP], DisplayVRModeType.MIP, [new MipPixelSegment(-3024, 0x000000, 1744.87, 0xC7613E), new MipPixelSegment(2284.85, 0xCCA33E, 3150, 0xFFFDF3)], [new MipPixelSegment(-3024, 0, 429.51, 0), new MipPixelSegment(1839.05, 0.56, 2949.96, 0.63), new MipPixelSegment(3313.99, 0.68, 3715.69, 0.72)])]);
 /**
  * MPR 图像操作参数定义
  */
@@ -17512,6 +17582,21 @@ var MipActionParameterImpl = /*#__PURE__*/function (_ActionParameter) {
       this._displayVRMode = displayVRMode;
       this.clearColorTransformSegments();
       this.clearOpacityTransformSegments();
+      var nextReconstructMethodType;
+
+      if (displayVRMode._name === "MIP") {
+        nextReconstructMethodType = ReconstructMethodType.MIP;
+      } else {
+        nextReconstructMethodType = ReconstructMethodType.Composite;
+      }
+
+      if (nextReconstructMethodType !== this._reconstructMethodType) {
+        this._reconstructMethodType = nextReconstructMethodType;
+        Messager.Instance.call(MessagerKeys.MipReconstructMethodType, this.messageGroupId, {
+          reconstructMethodType: nextReconstructMethodType
+        });
+      }
+
       this.addTailColorTransformSegments(displayVRMode.colorSegments);
       this.addTailOpacityTransformSegments(displayVRMode.opacitySegments);
     }
@@ -25675,7 +25760,7 @@ function relativeChangeSetViewport(e, element, activeTool, mouseDownViewport, so
       activeTool = customDicomSetting.rightMouseTool;
     }
 
-    if (e.button === 4) {
+    if (e.button === 1) {
       activeTool = customDicomSetting.middleMouseTool;
     }
 
@@ -29229,6 +29314,170 @@ var ShutterShapeTool = /*#__PURE__*/function (_BaseTool) {
   return ShutterShapeTool;
 }(BaseTool$c);
 
+function _createSuper$K(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$K(); 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$K() { 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 BaseTool$d = cornerstoneTools.importInternal('base/BaseTool');
+
+var _cornerstoneTools$imp$6 = cornerstoneTools.importInternal('tools/cursors'),
+    rotateCursor = _cornerstoneTools$imp$6.rotateCursor;
+
+var angleBetweenPoints$1 = cornerstoneTools.importInternal('util/angleBetweenPoints');
+var external$u = cornerstoneTools.external;
+/**
+ * @public
+ * @class RotateTool
+ * @memberof Tools
+ *
+ * @classdesc Tool for rotating the image.
+ * @extends Tools.Base.BaseTool
+ */
+
+var RotateTool = /*#__PURE__*/function (_BaseTool) {
+  inherits(RotateTool, _BaseTool);
+
+  var _super = _createSuper$K(RotateTool);
+
+  function RotateTool() {
+    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+    classCallCheck(this, RotateTool);
+
+    var defaultProps = {
+      name: 'RotateFree',
+      strategies: {
+        default: defaultStrategy$1,
+        horizontal: horizontalStrategy,
+        vertical: verticalStrategy
+      },
+      defaultStrategy: 'default',
+      supportedInteractionTypes: ['Mouse', 'Touch'],
+      configuration: {
+        roundAngles: false,
+        flipHorizontal: false,
+        flipVertical: false,
+        rotateScale: 1
+      },
+      svgCursor: rotateCursor
+    };
+    return _super.call(this, props, defaultProps);
+  }
+
+  createClass(RotateTool, [{
+    key: "touchDragCallback",
+    value: function touchDragCallback(evt) {
+      this.dragCallback(evt);
+    }
+  }, {
+    key: "mouseDragCallback",
+    value: function mouseDragCallback(evt) {
+      this.dragCallback(evt);
+    }
+  }, {
+    key: "postMouseDownCallback",
+    value: function postMouseDownCallback(evt) {
+      this.initialRotation = evt.detail.viewport.rotation;
+    }
+  }, {
+    key: "dragCallback",
+    value: function dragCallback(evt) {
+      if (!this.initialRotation) {
+        this.initialRotation = evt.detail.viewport.rotation;
+      }
+
+      evt.detail.viewport.initialRotation = this.initialRotation;
+      this.applyActiveStrategy(evt);
+      external$u.cornerstone.setViewport(evt.detail.element, evt.detail.viewport);
+    }
+  }]);
+
+  return RotateTool;
+}(BaseTool$d);
+
+function defaultStrategy$1(evt) {
+  var _this$configuration = this.configuration,
+      roundAngles = _this$configuration.roundAngles,
+      rotateScale = _this$configuration.rotateScale;
+  var _evt$detail = evt.detail,
+      element = _evt$detail.element,
+      viewport = _evt$detail.viewport,
+      startPoints = _evt$detail.startPoints,
+      currentPoints = _evt$detail.currentPoints;
+  var initialRotation = viewport.initialRotation ? viewport.initialRotation : viewport.rotation; // Calculate the center of the image
+
+  var rect = element.getBoundingClientRect(element);
+  var width = element.clientWidth,
+      height = element.clientHeight;
+  var scale = viewport.scale,
+      translation = viewport.translation;
+  var centerPoints = {
+    x: rect.left + width / 2 + translation.x * scale,
+    y: rect.top + height / 2 + translation.y * scale
+  };
+  var angleInfo = angleBetweenPoints$1(centerPoints, startPoints.client, currentPoints.client);
+  angleInfo.angle *= rotateScale;
+
+  if (roundAngles) {
+    angleInfo.angle = Math.ceil(angleInfo.angle);
+  }
+
+  if (angleInfo.direction < 0) {
+    angleInfo.angle = -angleInfo.angle;
+  }
+
+  viewport.rotation = initialRotation + angleInfo.angle;
+}
+
+function horizontalStrategy(evt) {
+  var _this$configuration2 = this.configuration,
+      roundAngles = _this$configuration2.roundAngles,
+      flipHorizontal = _this$configuration2.flipHorizontal,
+      rotateScale = _this$configuration2.rotateScale;
+  var _evt$detail2 = evt.detail,
+      viewport = _evt$detail2.viewport,
+      startPoints = _evt$detail2.startPoints,
+      currentPoints = _evt$detail2.currentPoints;
+  var initialRotation = viewport.initialRotation;
+  var initialPointX = startPoints.client.x;
+  var currentPointX = currentPoints.client.x;
+  var angle = (currentPointX - initialPointX) * rotateScale;
+
+  if (roundAngles) {
+    angle = Math.round(Math.abs(angle)) * (angle > 0 ? 1 : -1);
+  }
+
+  if (flipHorizontal) {
+    angle = -angle;
+  }
+
+  viewport.rotation = initialRotation + angle;
+}
+
+function verticalStrategy(evt) {
+  var _this$configuration3 = this.configuration,
+      roundAngles = _this$configuration3.roundAngles,
+      flipVertical = _this$configuration3.flipVertical,
+      rotateScale = _this$configuration3.rotateScale;
+  var _evt$detail3 = evt.detail,
+      viewport = _evt$detail3.viewport,
+      startPoints = _evt$detail3.startPoints,
+      currentPoints = _evt$detail3.currentPoints;
+  var initialRotation = viewport.initialRotation;
+  var initialPointY = startPoints.client.y;
+  var currentPointY = currentPoints.client.y;
+  var angle = (currentPointY - initialPointY) * rotateScale;
+
+  if (roundAngles) {
+    angle = Math.round(Math.abs(angle)) * (angle > 0 ? 1 : -1);
+  }
+
+  if (flipVertical) {
+    angle = -angle;
+  }
+
+  viewport.rotation = initialRotation + angle;
+}
+
 var getToolState$g = cornerstoneTools.getToolState;
 function getImagesLength (element) {
   var toolData = getToolState$g(element, 'stack');
@@ -29290,7 +29539,7 @@ var autoCine = {
   stopAutoCine: stopAutoCine
 };
 
-var external$u = cornerstoneTools.external;
+var external$v = cornerstoneTools.external;
 function linkSynchronizer (synchronizer, sourceElement, targetElement, eventData) {
   if (targetElement === sourceElement) {
     return;
@@ -29318,7 +29567,7 @@ function linkSynchronizer (synchronizer, sourceElement, targetElement, eventData
    */
 
 
-  var cornerstone = external$u.cornerstone;
+  var cornerstone = external$v.cornerstone;
   var sourceViewport = cornerstone.getViewport(sourceElement);
   var targetViewport = cornerstone.getViewport(targetElement);
 
@@ -29444,22 +29693,31 @@ function linkSynchronizer (synchronizer, sourceElement, targetElement, eventData
   }
 
   function handlePan() {
-    var _sourceViewport$trans = sourceViewport.translation,
-        xSource = _sourceViewport$trans.x,
-        ySource = _sourceViewport$trans.y;
-    var _targetViewport$trans = targetViewport.translation,
-        xTarget = _targetViewport$trans.x,
-        yTarget = _targetViewport$trans.y;
-    var _originViewport$trans = originViewport.translation,
-        x = _originViewport$trans.x,
-        y = _originViewport$trans.y;
+    if (!originViewport) {
+      var _sourceViewport$trans = sourceViewport.translation,
+          xSource = _sourceViewport$trans.x,
+          ySource = _sourceViewport$trans.y;
+      targetViewport.translation.x = xSource;
+      targetViewport.translation.y = ySource;
+    } else {
+      var _sourceViewport$trans2 = sourceViewport.translation,
+          _xSource = _sourceViewport$trans2.x,
+          _ySource = _sourceViewport$trans2.y;
+      var _targetViewport$trans = targetViewport.translation,
+          xTarget = _targetViewport$trans.x,
+          yTarget = _targetViewport$trans.y;
+      var _originViewport$trans = originViewport.translation,
+          x = _originViewport$trans.x,
+          y = _originViewport$trans.y;
 
-    if (x === xSource && y === ySource) {
-      return;
+      if (x === _xSource && y === _ySource) {
+        return;
+      }
+
+      targetViewport.translation.x = xTarget + (_xSource - x);
+      targetViewport.translation.y = yTarget + (_ySource - y);
     }
 
-    targetViewport.translation.x = xTarget + (xSource - x);
-    targetViewport.translation.y = yTarget + (ySource - y);
     synchronizer.setViewport(targetElement, targetViewport);
   }
 
@@ -29552,7 +29810,7 @@ function linkSynchronizer (synchronizer, sourceElement, targetElement, eventData
   }
 }
 
-var external$v = cornerstoneTools.external;
+var external$w = cornerstoneTools.external;
 function linkImageModeSynchronizer (synchronizer, sourceElement, targetElement, eventData) {
   if (targetElement === sourceElement) {
     return;
@@ -29565,7 +29823,7 @@ function linkImageModeSynchronizer (synchronizer, sourceElement, targetElement,
     return;
   }
 
-  var cornerstone = external$v.cornerstone;
+  var cornerstone = external$w.cornerstone;
   var sourceViewport = cornerstone.getViewport(sourceElement);
   var targetViewport = cornerstone.getViewport(targetElement);
 
@@ -29806,7 +30064,7 @@ function _ref() {
   return _ref.apply(this, arguments);
 }
 
-var external$w = cornerstoneTools.external;
+var external$x = cornerstoneTools.external;
 function mprSynchronizer (synchronizer, sourceElement, targetElement, eventData) {
   if (targetElement === sourceElement) {
     return;
@@ -29822,7 +30080,7 @@ function mprSynchronizer (synchronizer, sourceElement, targetElement, eventData)
    */
 
 
-  var cornerstone = external$w.cornerstone;
+  var cornerstone = external$x.cornerstone;
   var sourceViewport = cornerstone.getViewport(sourceElement);
   var targetViewport = cornerstone.getViewport(targetElement);
 
@@ -29865,7 +30123,7 @@ function mprSynchronizer (synchronizer, sourceElement, targetElement, eventData)
   }
 }
 
-var external$x = cornerstoneTools.external; // 融合模式viewport同步，但是窗值、伪彩色不触发
+var external$y = cornerstoneTools.external; // 融合模式viewport同步，但是窗值、伪彩色不触发
 
 function fusionViewportSynchronizer (synchronizer, sourceElement, targetElement, eventData) {
   if (targetElement === sourceElement) {
@@ -29894,7 +30152,7 @@ function fusionViewportSynchronizer (synchronizer, sourceElement, targetElement,
    */
 
 
-  var cornerstone = external$x.cornerstone;
+  var cornerstone = external$y.cornerstone;
   var sourceViewport = cornerstone.getViewport(sourceElement);
   var targetViewport = cornerstone.getViewport(targetElement);
   var enabledSource = cornerstone.getEnabledElement(sourceElement);
@@ -30061,7 +30319,7 @@ function fusionViewportSynchronizer (synchronizer, sourceElement, targetElement,
   }
 }
 
-var external$y = cornerstoneTools.external;
+var external$z = cornerstoneTools.external;
 function fusionWWWCSynchronizer (synchronizer, sourceElement, targetElement, eventData) {
   if (targetElement === sourceElement) {
     return;
@@ -30073,7 +30331,7 @@ function fusionWWWCSynchronizer (synchronizer, sourceElement, targetElement, eve
     return;
   }
 
-  var cornerstone = external$y.cornerstone;
+  var cornerstone = external$z.cornerstone;
   var sourceViewport = cornerstone.getViewport(sourceElement);
   var targetViewport = cornerstone.getViewport(targetElement);
 
@@ -30128,7 +30386,8 @@ cornerstoneTools.AIAnalysisOverlayTool = AIAnalysisOverlayTool;
 cornerstoneTools.ReferencePositionTool = ReferencePositionTool;
 cornerstoneTools.PolygonTool = PolygonTool;
 cornerstoneTools.TextMarkerTool = TextMarkerTool;
-cornerstoneTools.ShutterShapeTool = ShutterShapeTool; //自定义
+cornerstoneTools.ShutterShapeTool = ShutterShapeTool;
+cornerstoneTools.RotateFreeTool = RotateTool; //自定义
 
 cornerstoneTools.linkSynchronizer = linkSynchronizer;
 cornerstoneTools.linkImageModeSynchronizer = linkImageModeSynchronizer;
@@ -30403,6 +30662,8 @@ var initialState$4 = {
   filmAddType: 'series',
   films: [],
   filmSizeType: '1417',
+  // 胶片方向 默认纵向
+  filmOrientation: 'Portrait',
   filmTemplate: [],
   filmLayoutRow: 5,
   filmLayoutCol: 4,
@@ -30633,6 +30894,9 @@ function setFilmAddType(value) {
 function setFilmSizeType(value) {
   return setFilmReduxValue('filmSizeType', value);
 }
+function setFilmOrientation(value) {
+  return setFilmReduxValue('filmOrientation', value);
+}
 function setFilmCurrentPage(value) {
   return setFilmReduxValue('filmCurrentPage', value);
 }
@@ -32821,14 +33085,14 @@ function styleInject$1(css, ref) {
 var css_248z = ".popover-template .popover-template-header {\n  padding: 12px 20px 3px;\n  font-size: 12px;\n  color: #777;\n  border-top: 1px solid #e5e5e5;\n  margin-top: 9px;\n}\n.popover-template .popover-template-header:first-child {\n  border-top: none;\n  padding: 3px 20px;\n  margin-top: 0;\n}\n.popover-template .popover-template-icon {\n  display: inline-block;\n  width: 1.28571em;\n  height: 1em;\n  margin-right: 2px;\n}\n.popover-template .popover-template-icon svg {\n  vertical-align: middle;\n}\n.popover-template .popover-template-row,\n.popover-template .popover-template-row-no-hover,\n.popover-template .popover-template-row-match {\n  padding: 3px 20px;\n  font-size: 14px;\n  color: #53585f;\n  cursor: pointer;\n  white-space: nowrap;\n}\n.popover-template .popover-template-row-match {\n  color: #fff;\n  background: #7f8592;\n}\n.popover-template .popover-template-row:hover {\n  color: #fff;\n  background: #777777;\n}\n";
 styleInject$1(css_248z);
 
-function _createSuper$K(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$K(); 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$L(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$L(); 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$K() { 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$L() { 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 ToolPopoverTemplate = /*#__PURE__*/function (_Component) {
   inherits(ToolPopoverTemplate, _Component);
 
-  var _super = _createSuper$K(ToolPopoverTemplate);
+  var _super = _createSuper$L(ToolPopoverTemplate);
 
   function ToolPopoverTemplate(props) {
     classCallCheck(this, ToolPopoverTemplate);
@@ -32885,14 +33149,14 @@ defineProperty(ToolPopoverTemplate, "propTypes", {
   onClose: PropTypes$1.func
 });
 
-function _createSuper$L(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$L(); 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$M(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$M(); 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$L() { 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$M() { 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 Layout = /*#__PURE__*/function (_Component) {
   inherits(Layout, _Component);
 
-  var _super = _createSuper$L(Layout);
+  var _super = _createSuper$M(Layout);
 
   function Layout(props) {
     classCallCheck(this, Layout);
@@ -33069,14 +33333,14 @@ const SvgCog = props => /*#__PURE__*/React__default.createElement("svg", _extend
 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";
 styleInject$1(css_248z$2);
 
-function _createSuper$M(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$M(); 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$N(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$N(); 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$M() { 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$N() { 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 Input$1 = /*#__PURE__*/function (_Component) {
   inherits(Input, _Component);
 
-  var _super = _createSuper$M(Input);
+  var _super = _createSuper$N(Input);
 
   function Input(props) {
     var _this;
@@ -33145,14 +33409,14 @@ defineProperty(Input$1, "propTypes", {
 var css_248z$3 = ".paladin-row {\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: row;\n  flex-wrap: wrap;\n  flex: 0 1 auto;\n}\n";
 styleInject$1(css_248z$3);
 
-function _createSuper$N(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$N(); 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$O(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$O(); 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$N() { 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$O() { 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 Row = /*#__PURE__*/function (_Component) {
   inherits(Row, _Component);
 
-  var _super = _createSuper$N(Row);
+  var _super = _createSuper$O(Row);
 
   function Row() {
     classCallCheck(this, Row);
@@ -33188,14 +33452,14 @@ defineProperty(Row, "propTypes", {});
 var css_248z$4 = ".paladin-col {\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  flex: 0 0 auto;\n}\n.paladin-col-1 {\n  flex-basis: 8.333333%;\n  max-width: 8.3333333%;\n}\n.paladin-col-2 {\n  flex-basis: 16.666666%;\n  max-width: 16.666666%;\n}\n.paladin-col-3 {\n  flex-basis: 25%;\n  max-width: 25%;\n}\n.paladin-col-4 {\n  flex-basis: 33.333333%;\n  max-width: 33.333333%;\n}\n.paladin-col-5 {\n  flex-basis: 41.666666%;\n  max-width: 41.666666%;\n}\n.paladin-col-6 {\n  flex-basis: 50%;\n  max-width: 50%;\n}\n.paladin-col-7 {\n  flex-basis: 58.333333%;\n  max-width: 58.333333%;\n}\n.paladin-col-8 {\n  flex-basis: 66.666666%;\n  max-width: 66.666666%;\n}\n.paladin-col-9 {\n  flex-basis: 75%;\n  max-width: 75%;\n}\n.paladin-col-10 {\n  flex-basis: 83.333333%;\n  max-width: 83.333333%;\n}\n.paladin-col-11 {\n  flex-basis: 91.666666%;\n  max-width: 91.666666%;\n}\n.paladin-col-12 {\n  flex-basis: 100%;\n  max-width: 100%;\n}\n.paladin-col-xs-1 {\n  flex-basis: 8.333333%;\n  max-width: 8.3333333%;\n}\n.paladin-col-xs-2 {\n  flex-basis: 16.666666%;\n  max-width: 16.666666%;\n}\n.paladin-col-xs-3 {\n  flex-basis: 25%;\n  max-width: 25%;\n}\n.paladin-col-xs-4 {\n  flex-basis: 33.333333%;\n  max-width: 33.333333%;\n}\n.paladin-col-xs-5 {\n  flex-basis: 41.666666%;\n  max-width: 41.666666%;\n}\n.paladin-col-xs-6 {\n  flex-basis: 50%;\n  max-width: 50%;\n}\n.paladin-col-xs-7 {\n  flex-basis: 58.333333%;\n  max-width: 58.333333%;\n}\n.paladin-col-xs-8 {\n  flex-basis: 66.666666%;\n  max-width: 66.666666%;\n}\n.paladin-col-xs-9 {\n  flex-basis: 75%;\n  max-width: 75%;\n}\n.paladin-col-xs-10 {\n  flex-basis: 83.333333%;\n  max-width: 83.333333%;\n}\n.paladin-col-xs-11 {\n  flex-basis: 91.666666%;\n  max-width: 91.666666%;\n}\n.paladin-col-xs-12 {\n  flex-basis: 100%;\n  max-width: 100%;\n}\n@media only screen and (min-width: 576px) {\n  .paladin-col-sm-1 {\n    flex-basis: 8.333333%;\n    max-width: 8.3333333%;\n  }\n  .paladin-col-sm-2 {\n    flex-basis: 16.666666%;\n    max-width: 16.666666%;\n  }\n  .paladin-col-sm-3 {\n    flex-basis: 25%;\n    max-width: 25%;\n  }\n  .paladin-col-sm-4 {\n    flex-basis: 33.333333%;\n    max-width: 33.333333%;\n  }\n  .paladin-col-sm-5 {\n    flex-basis: 41.666666%;\n    max-width: 41.666666%;\n  }\n  .paladin-col-sm-6 {\n    flex-basis: 50%;\n    max-width: 50%;\n  }\n  .paladin-col-sm-7 {\n    flex-basis: 58.333333%;\n    max-width: 58.333333%;\n  }\n  .paladin-col-sm-8 {\n    flex-basis: 66.666666%;\n    max-width: 66.666666%;\n  }\n  .paladin-col-sm-9 {\n    flex-basis: 75%;\n    max-width: 75%;\n  }\n  .paladin-col-sm-10 {\n    flex-basis: 83.333333%;\n    max-width: 83.333333%;\n  }\n  .paladin-col-sm-11 {\n    flex-basis: 91.666666%;\n    max-width: 91.666666%;\n  }\n  .paladin-col-sm-12 {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n}\n";
 styleInject$1(css_248z$4);
 
-function _createSuper$O(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$O(); 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$P(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$P(); 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$O() { 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$P() { 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 Col = /*#__PURE__*/function (_Component) {
   inherits(Col, _Component);
 
-  var _super = _createSuper$O(Col);
+  var _super = _createSuper$P(Col);
 
   function Col() {
     classCallCheck(this, Col);
@@ -33248,9 +33512,9 @@ styleInject$1(css_248z$5);
 var css_248z$6 = ".paladin-btn {\n  margin: 0;\n  display: inline-block;\n  font-weight: 400;\n  text-align: center;\n  vertical-align: middle;\n  touch-action: manipulation;\n  cursor: pointer;\n  background-image: none;\n  border: 1px solid transparent;\n  white-space: nowrap;\n  font-size: 14px;\n  line-height: 1.42857;\n  border-radius: 4px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.paladin-btn-size-md {\n  padding: 6px 12px;\n}\n.paladin-btn-size-xs {\n  padding: 3px 6px;\n}\n.paladin-btn-active {\n  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n}\n.paladin-primary {\n  color: #fff;\n  background-color: #337ab7;\n  border-color: #2e6da4;\n}\n.paladin-success {\n  color: #fff;\n  background-color: #008b8b;\n  border-color: #007272;\n}\n.paladin-default {\n  color: #333;\n  background-color: #fff;\n  border-color: #ccc;\n}\n.paladin-default.paladin-btn-active {\n  color: #333;\n  background-color: #e6e6e6;\n  border-color: #adadad;\n}\n.paladin-info {\n  color: #fff;\n  background-color: #659bd2;\n  border-color: #518ecc;\n}\n.paladin-warning {\n  color: #fff;\n  background-color: #f0ad4e;\n  border-color: #eea236;\n}\n.paladin-danger {\n  color: #fff;\n  background-color: #d9534f;\n  border-color: #d43f3a;\n}\n";
 styleInject$1(css_248z$6);
 
-function _createSuper$P(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$P(); 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$Q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$Q(); 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$P() { 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$Q() { 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; } }
 /**
  * default
  * primary
@@ -33263,7 +33527,7 @@ function _isNativeReflectConstruct$P() { if (typeof Reflect === "undefined" || !
 var Button = /*#__PURE__*/function (_Component) {
   inherits(Button, _Component);
 
-  var _super = _createSuper$P(Button);
+  var _super = _createSuper$Q(Button);
 
   function Button() {
     classCallCheck(this, Button);
@@ -33310,14 +33574,14 @@ const SvgRemove = props => /*#__PURE__*/React__default.createElement("svg", _ext
   fill: "currentColor"
 }, props), _ref$P);
 
-function _createSuper$Q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$Q(); 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$R(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$R(); 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$Q() { 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$R() { 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 Modal = /*#__PURE__*/function (_Component) {
   inherits(Modal, _Component);
 
-  var _super = _createSuper$Q(Modal);
+  var _super = _createSuper$R(Modal);
 
   /**
    visible: 对话框是否可见
@@ -33652,14 +33916,14 @@ var saveWwwcCustomDic = function saveWwwcCustomDic(data) {
   wwwcCustomDic = data;
 };
 
-function _createSuper$R(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$R(); 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$S(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$S(); 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$R() { 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$S() { 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 WwwcCustomSettingModal = /*#__PURE__*/function (_Component) {
   inherits(WwwcCustomSettingModal, _Component);
 
-  var _super = _createSuper$R(WwwcCustomSettingModal);
+  var _super = _createSuper$S(WwwcCustomSettingModal);
 
   function WwwcCustomSettingModal(props) {
     var _this;
@@ -33945,14 +34209,14 @@ var WwwcCustomSettingModal = /*#__PURE__*/function (_Component) {
 
 defineProperty(WwwcCustomSettingModal, "propTypes", {});
 
-function _createSuper$S(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$S(); 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$T(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$T(); 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$S() { 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$T() { 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 Wwwc = /*#__PURE__*/function (_Component) {
   inherits(Wwwc, _Component);
 
-  var _super = _createSuper$S(Wwwc);
+  var _super = _createSuper$T(Wwwc);
 
   function Wwwc(props) {
     var _this;
@@ -34278,14 +34542,14 @@ const SvgSearch = props => /*#__PURE__*/React__default.createElement("svg", _ext
   fill: "currentColor"
 }, props), _ref$V);
 
-function _createSuper$T(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$T(); 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$U(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$U(); 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$T() { 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$U() { 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 Zoom = /*#__PURE__*/function (_Component) {
   inherits(Zoom, _Component);
 
-  var _super = _createSuper$T(Zoom);
+  var _super = _createSuper$U(Zoom);
 
   function Zoom(props) {
     classCallCheck(this, Zoom);
@@ -34475,14 +34739,14 @@ const SvgFlipVertical = props => /*#__PURE__*/React__default.createElement("svg"
   fill: "currentColor"
 }, props), _ref$Y, _ref2$d);
 
-function _createSuper$U(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$U(); 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$V(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$V(); 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$U() { 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$V() { 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 Rotate = /*#__PURE__*/function (_Component) {
   inherits(Rotate, _Component);
 
-  var _super = _createSuper$U(Rotate);
+  var _super = _createSuper$V(Rotate);
 
   function Rotate(props) {
     classCallCheck(this, Rotate);
@@ -34639,14 +34903,14 @@ const SvgBanCircle = props => /*#__PURE__*/React__default.createElement("svg", _
 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";
 styleInject$1(css_248z$7);
 
-function _createSuper$V(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$V(); 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$W(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$W(); 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$V() { 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$W() { 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 ButtonGroup = /*#__PURE__*/function (_Component) {
   inherits(ButtonGroup, _Component);
 
-  var _super = _createSuper$V(ButtonGroup);
+  var _super = _createSuper$W(ButtonGroup);
 
   function ButtonGroup() {
     classCallCheck(this, ButtonGroup);
@@ -34738,14 +35002,14 @@ var formatDicom = function formatDicom(dicom) {
 var css_248z$8 = ".allow-select * {\n  -webkit-user-select: text !important;\n  -moz-user-select: text !important;\n  -ms-user-select: text !important;\n  user-select: text !important;\n}\n.paladin-table {\n  margin-top: 10px;\n  font-size: 14px;\n  color: #727882;\n  font-family: lucida console, monospace;\n  word-break: break-all;\n}\n.paladin-table .paladin-table-th {\n  background: #698b69;\n  color: #fff;\n  padding: 5px;\n}\n.paladin-table .paladin-tbody-row {\n  border-bottom: 1px solid lightgrey;\n}\n.paladin-table .paladin-tbody-row:hover .td {\n  background: #ddd;\n  color: inherit;\n}\n.paladin-table .paladin-tbody-row:nth-child(even) {\n  background: #eee;\n  color: inherit;\n}\n.paladin-table .paladin-tbody-td {\n  padding: 5px;\n}\n.paladin-table .paladin-key {\n  background-color: #7ac5cd;\n  color: white;\n}\n.paladin-table .paladin-childKey {\n  background-color: #49898F;\n  color: white;\n}\n.paladin-table .paladin-private {\n  color: orange;\n}\n.paladin-table .paladin-row-parent-icon {\n  display: inline-block;\n  background: #fff;\n  border-radius: 2px;\n  margin-right: 3px;\n  color: #00a4fe;\n  width: 16px;\n  height: 16px;\n  position: relative;\n  vertical-align: middle;\n}\n.paladin-table .paladin-row-parent-icon span {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -51%);\n  display: inline-block;\n  width: 13px;\n  height: 13px;\n  line-height: 13px;\n  font-size: 13px;\n  text-align: center;\n}\n";
 styleInject$1(css_248z$8);
 
-function _createSuper$W(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$W(); 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$X(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$X(); 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$W() { 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$X() { 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 DicomTagsRow = /*#__PURE__*/function (_Component) {
   inherits(DicomTagsRow, _Component);
 
-  var _super = _createSuper$W(DicomTagsRow);
+  var _super = _createSuper$X(DicomTagsRow);
 
   function DicomTagsRow(props) {
     var _this;
@@ -34829,9 +35093,9 @@ function ownKeys$n(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$n(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$n(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$X(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$X(); 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$Y(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$Y(); 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$X() { 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$Y() { 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 dicomTagsKeysScan = lodash$1.chain(dicomDataDictionary$1.standardDataElements).pickBy(function (value) {
   return lodash$1.includes(scanDictionary, lodash$1.get(value, ['name']));
 }).keys().sortBy().value();
@@ -34839,7 +35103,7 @@ var dicomTagsKeysScan = lodash$1.chain(dicomDataDictionary$1.standardDataElement
 var DicomInfoModal = /*#__PURE__*/function (_Component) {
   inherits(DicomInfoModal, _Component);
 
-  var _super = _createSuper$X(DicomInfoModal);
+  var _super = _createSuper$Y(DicomInfoModal);
 
   function DicomInfoModal(props) {
     var _this;
@@ -35019,14 +35283,14 @@ defineProperty(DicomInfoModal, "propTypes", {
 var css_248z$9 = ".paladin-imageTool {\n  background: #fff;\n  padding: 5px 0;\n  min-width: 185px;\n  max-width: 280px;\n}\n.paladin-imageTool .paladin-imageTool-header {\n  padding: 12px 20px 3px;\n  font-size: 12px;\n  color: #777;\n  border-top: 1px solid #e5e5e5;\n  margin-top: 9px;\n  clear: both;\n}\n.paladin-imageTool .paladin-imageTool-header:first-child {\n  border-top: none;\n  padding: 3px 20px;\n  margin-top: 0;\n}\n.paladin-imageTool .paladin-imageTool-icon {\n  display: inline-block;\n  width: 1.28571em;\n  height: 1em;\n  margin-right: 2px;\n}\n.paladin-imageTool .paladin-imageTool-icon svg {\n  vertical-align: middle;\n}\n.paladin-imageTool .paladin-imageTool-row {\n  padding: 3px 20px;\n  font-size: 14px;\n  color: #53585f;\n  cursor: pointer;\n  white-space: nowrap;\n  display: block;\n  clear: both;\n  overflow: hidden;\n}\n.paladin-imageTool .paladin-imageTool-row:hover {\n  color: #fff;\n  background: #777777;\n}\n.paladin-imageTool .paladin-imageTool-canvas {\n  float: right;\n}\n.paladin-imageTool .paladin-imageTool-text {\n  float: left;\n}\n";
 styleInject$1(css_248z$9);
 
-function _createSuper$Y(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$Y(); 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$Z(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$Z(); 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$Y() { 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$Z() { 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 ImageTool = /*#__PURE__*/function (_Component) {
   inherits(ImageTool, _Component);
 
-  var _super = _createSuper$Y(ImageTool);
+  var _super = _createSuper$Z(ImageTool);
 
   function ImageTool(props) {
     var _this;
@@ -35364,14 +35628,14 @@ const Svg433 = props => /*#__PURE__*/React__default.createElement("svg", _extend
   fill: "currentColor"
 }, props), _ref$12);
 
-function _createSuper$Z(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$Z(); 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$_(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$_(); 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$Z() { 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$_() { 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 LengthTool$1 = /*#__PURE__*/function (_Component) {
   inherits(LengthTool, _Component);
 
-  var _super = _createSuper$Z(LengthTool);
+  var _super = _createSuper$_(LengthTool);
 
   function LengthTool(props) {
     var _this;
@@ -39935,14 +40199,14 @@ function ownKeys$r(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$r(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$r(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$_(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$_(); 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$$(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$$(); 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$_() { 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$$() { 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 PopperBox = /*#__PURE__*/function (_Component) {
   inherits(PopperBox, _Component);
 
-  var _super = _createSuper$_(PopperBox);
+  var _super = _createSuper$$(PopperBox);
 
   function PopperBox(props) {
     var _this;
@@ -40212,14 +40476,14 @@ const SvgPause = props => /*#__PURE__*/React__default.createElement("svg", _exte
 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";
 styleInject$1(css_248z$c);
 
-function _createSuper$$(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$$(); 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$10(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$10(); 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$$() { 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$10() { 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 Cine = /*#__PURE__*/function (_Component) {
   inherits(Cine, _Component);
 
-  var _super = _createSuper$$(Cine);
+  var _super = _createSuper$10(Cine);
 
   function Cine(props) {
     classCallCheck(this, Cine);
@@ -40443,14 +40707,14 @@ var ConnectedCine = reactRedux.connect(mapStateToProps$6, {
   setCineDireaction: setCineDireaction
 }, mergeProps$6)(Cine);
 
-function _createSuper$10(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$10(); 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$11(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$11(); 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$10() { 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$11() { 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 VRDirection = /*#__PURE__*/function (_Component) {
   inherits(VRDirection, _Component);
 
-  var _super = _createSuper$10(VRDirection);
+  var _super = _createSuper$11(VRDirection);
 
   function VRDirection(props) {
     var _this;
@@ -40580,14 +40844,14 @@ var mergeProps$7 = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
 var ConnectedVRDirection = reactRedux.connect(mapStateToProps$7, {}, mergeProps$7)(VRDirection);
 
-function _createSuper$11(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$11(); 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$12(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$12(); 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$11() { 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$12() { 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 VRPresentColor = /*#__PURE__*/function (_Component) {
   inherits(VRPresentColor, _Component);
 
-  var _super = _createSuper$11(VRPresentColor);
+  var _super = _createSuper$12(VRPresentColor);
 
   function VRPresentColor(props) {
     var _this;
@@ -40735,14 +40999,14 @@ var mergeProps$8 = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
 var ConnectedVRPresentColor = reactRedux.connect(mapStateToProps$8, {}, mergeProps$8)(VRPresentColor);
 
-function _createSuper$12(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$12(); 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$13(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$13(); 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$12() { 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$13() { 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 Reset = /*#__PURE__*/function (_Component) {
   inherits(Reset, _Component);
 
-  var _super = _createSuper$12(Reset);
+  var _super = _createSuper$13(Reset);
 
   function Reset(props) {
     classCallCheck(this, Reset);
@@ -40882,14 +41146,14 @@ var mergeProps$9 = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
 var ConnectedReset = reactRedux.connect(mapStateToProps$9, mapDispatchToProps$3, mergeProps$9)(Reset);
 
-function _createSuper$13(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$13(); 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$14(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$14(); 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$13() { 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$14() { 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 VRMode = /*#__PURE__*/function (_Component) {
   inherits(VRMode, _Component);
 
-  var _super = _createSuper$13(VRMode);
+  var _super = _createSuper$14(VRMode);
 
   function VRMode(props) {
     var _this;
@@ -41028,14 +41292,14 @@ var boundsPosition = function boundsPosition(_ref) {
   }];
 };
 
-function _createSuper$14(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$14(); 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$15(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$15(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$14() { 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$15() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var Scrollable = /*#__PURE__*/function (_Component) {
   inherits(Scrollable, _Component);
 
-  var _super = _createSuper$14(Scrollable);
+  var _super = _createSuper$15(Scrollable);
 
   function Scrollable(props) {
     var _this;
@@ -42982,9 +43246,9 @@ function sortableElement(WrappedComponent) {
 var css_248z$e = ".paladin-setting-row {\n  margin-bottom: 10px;\n}\n.paladin-setting-row div {\n  padding: 0 10px;\n  box-sizing: border-box;\n  height: 33px;\n}\n.paladin-setting-row button {\n  width: 100%;\n  height: 100%;\n}\n.paladin-sort-container {\n  display: inline-block;\n}\n.paladin-sort-item {\n  box-sizing: border-box;\n  margin: 6px auto;\n  position: relative;\n  z-index: 1;\n}\n.paladin-sort-item svg {\n  width: 100%;\n  height: 100%;\n  fill: #727882;\n}\n";
 styleInject$1(css_248z$e);
 
-function _createSuper$15(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$15(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$16(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$16(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$15() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$16() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 var SortableItem = sortableElement(function (_ref) {
   var value = _ref.value,
       size = _ref.size;
@@ -43014,7 +43278,7 @@ var SortableList = sortableContainer(function (_ref2) {
 var SettingModal = /*#__PURE__*/function (_Component) {
   inherits(SettingModal, _Component);
 
-  var _super = _createSuper$15(SettingModal);
+  var _super = _createSuper$16(SettingModal);
 
   function SettingModal(props) {
     classCallCheck(this, SettingModal);
@@ -43141,14 +43405,14 @@ const SvgCaretRight = props => /*#__PURE__*/React__default.createElement("svg",
 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";
 styleInject$1(css_248z$f);
 
-function _createSuper$16(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$16(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$17(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$17(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$16() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$17() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var DicomToolItem = /*#__PURE__*/function (_Component) {
   inherits(DicomToolItem, _Component);
 
-  var _super = _createSuper$16(DicomToolItem);
+  var _super = _createSuper$17(DicomToolItem);
 
   function DicomToolItem(props) {
     var _this;
@@ -43362,14 +43626,14 @@ function ownKeys$x(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$y(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$x(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$17(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$17(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$18(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$18(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$17() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$18() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var DicomToolLineMode = /*#__PURE__*/function (_Component) {
   inherits(DicomToolLineMode, _Component);
 
-  var _super = _createSuper$17(DicomToolLineMode);
+  var _super = _createSuper$18(DicomToolLineMode);
 
   function DicomToolLineMode(props) {
     var _this;
@@ -43614,14 +43878,14 @@ var DicomToolLineMode = /*#__PURE__*/function (_Component) {
 var css_248z$g = ".paladin-tool-item-plus {\n  width: 46px;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid #252525;\n  margin: 2px;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-label {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  white-space: nowrap;\n  color: #c0c0c0;\n  margin-top: 5px;\n  overflow: hidden;\n  text-align: center;\n  word-break: break-all;\n  justify-content: center;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-icon {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-icon svg {\n  width: 22px;\n  height: 22px;\n  color: #c0c0c0;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-text {\n  color: #fff;\n  text-align: center;\n  font-size: 14px;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-more {\n  padding: 0 4px 0 3px;\n  height: 100%;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-more svg {\n  width: 7px;\n  color: #c0c0c0;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-more:hover {\n  background: #0d5075;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-main {\n  height: 100%;\n  padding: 6px 0 4px 0;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-main:hover {\n  background: #0d5075;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-main:hover .paladin-tool-item-plus-label {\n  color: #fff;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-main:hover .paladin-tool-item-plus-icon svg {\n  color: #fff;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-main-active {\n  background: #0d5075;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-main-active .paladin-tool-item-plus-label {\n  color: #fff;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-main-active .paladin-tool-item-plus-icon svg {\n  color: #fff;\n}\n.paladin-tool-item-plus .paladin-overlay-badge {\n  position: absolute;\n  right: -10px;\n  top: -10px;\n  color: #fff;\n  background: #faa80a;\n  padding: 0 6px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: bold;\n}\n";
 styleInject$1(css_248z$g);
 
-function _createSuper$18(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$18(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$19(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$19(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$18() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$19() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var DicomToolItemPlus = /*#__PURE__*/function (_Component) {
   inherits(DicomToolItemPlus, _Component);
 
-  var _super = _createSuper$18(DicomToolItemPlus);
+  var _super = _createSuper$19(DicomToolItemPlus);
 
   function DicomToolItemPlus(props) {
     var _this;
@@ -43799,14 +44063,14 @@ const SvgQuestionSign = props => /*#__PURE__*/React__default.createElement("svg"
 var css_248z$h = ".paladin-vr-cine {\n  min-width: 220px;\n  font-size: 14px;\n  color: #c0c0c0;\n  background: #353535;\n  padding-bottom: 8px;\n}\n.paladin-vr-cine .paladin-vr-cine-click {\n  cursor: pointer;\n}\n.paladin-vr-cine .paladin-vr-cine-active {\n  cursor: pointer;\n  background: #0d5075;\n  color: #fff;\n}\n.paladin-vr-cine .paladin-vr-cine-active svg {\n  fill: #fff;\n}\n.paladin-vr-cine svg {\n  width: 12px !important;\n  height: 12px !important;\n  fill: #c0c0c0;\n}\n.paladin-vr-cine .paladin-vr-cine-row {\n  padding: 3px 0;\n  width: 100%;\n  height: 40px;\n}\n.paladin-vr-cine .paladin-vr-cine-speed {\n  padding-left: 12px;\n}\n.paladin-vr-cine .paladin-vr-cine-speed .paladin-cine-label {\n  font-size: 12px;\n  justify-content: center;\n  white-space: nowrap;\n}\n.paladin-vr-cine .paladin-vr-cine-speed .paladin-cine-input {\n  justify-content: center;\n  align-items: center;\n}\n.paladin-vr-cine .paladin-vr-cine-speed .paladin-cine-input input {\n  height: 20px;\n  padding: 0;\n  width: 80%;\n  border-color: #c0c0c0;\n  color: #c0c0c0;\n}\n.paladin-vr-cine .paladin-vr-cine-angle {\n  font-size: 12px;\n  padding-left: 12px;\n  padding-right: 5px;\n  margin: 5px 0;\n}\n.paladin-vr-cine .paladin-vr-cine-angle .paladin-vr-cine-angle-item {\n  border: 1px solid #666;\n  margin-left: 5px;\n  justify-content: center;\n  align-items: center;\n}\n.paladin-vr-cine .paladin-vr-cine-angle .paladin-vr-cine-angle-item-active {\n  background: #7f7f7f;\n  color: #333;\n}\n";
 styleInject$1(css_248z$h);
 
-function _createSuper$19(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$19(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1a(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1a(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$19() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1a() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var Cine$1 = /*#__PURE__*/function (_Component) {
   inherits(Cine, _Component);
 
-  var _super = _createSuper$19(Cine);
+  var _super = _createSuper$1a(Cine);
 
   function Cine(props) {
     var _this;
@@ -44126,14 +44390,14 @@ var ConnectedVRCine = reactRedux.connect(mapStateToProps$b, {
 var css_248z$i = ".paladin-ImageProcessTabTool {\n  background: #fff;\n  border: 1px solid #5b5b5b;\n  color: #53585f;\n}\n.paladin-ImageProcessTabTool-item {\n  text-align: center;\n  padding: 3px 15px;\n  border-bottom: 1px solid #5b5b5b;\n  font-size: 14px;\n}\n.paladin-ImageProcessTabTool-item:hover {\n  background: #5b5b5b;\n  color: #e2e2e2;\n}\n.paladin-ImageProcessTabTool-item:last-child {\n  border: none;\n}\n.paladin-ImageProcessTabTool-item-active {\n  text-align: center;\n  padding: 3px 15px;\n  border-bottom: 1px solid #5b5b5b;\n  font-size: 14px;\n  background: #5b5b5b;\n  color: #e2e2e2;\n}\n.paladin-ImageProcessTabTool-item-active:hover {\n  background: #5b5b5b;\n  color: #e2e2e2;\n}\n.paladin-ImageProcessTabTool-item-active:last-child {\n  border: none;\n}\n";
 styleInject$1(css_248z$i);
 
-function _createSuper$1a(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1a(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1b(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1b(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1a() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1b() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var ImageProcessTabTool = /*#__PURE__*/function (_Component) {
   inherits(ImageProcessTabTool, _Component);
 
-  var _super = _createSuper$1a(ImageProcessTabTool);
+  var _super = _createSuper$1b(ImageProcessTabTool);
 
   function ImageProcessTabTool(props) {
     classCallCheck(this, ImageProcessTabTool);
@@ -44352,14 +44616,14 @@ var filterRebuildImages = function filterRebuildImages(images) {
   }
 };
 
-function _createSuper$1b(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1b(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1c(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1c(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1b() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1c() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var ThreeDLoadingModal = /*#__PURE__*/function (_Component) {
   inherits(ThreeDLoadingModal, _Component);
 
-  var _super = _createSuper$1b(ThreeDLoadingModal);
+  var _super = _createSuper$1c(ThreeDLoadingModal);
 
   function ThreeDLoadingModal(props) {
     var _this;
@@ -44628,14 +44892,14 @@ var ConnectedImageProcessTabTool = reactRedux.connect(mapStateToProps$c, {
 var css_248z$k = ".paladin-reference-tool {\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  flex: 1;\n  color: #b0b0b0;\n  font-size: 12px;\n  text-align: center;\n  cursor: pointer;\n  padding-left: 20px;\n  border: 1px solid #5b5b5b;\n  border-right: none;\n}\n.paladin-reference-tool:hover {\n  color: #fff;\n}\n.paladin-reference-tool-active {\n  color: #fff;\n  background: #0d5075;\n}\n.paladin-reference-tool-more {\n  padding: 0 7px;\n  height: 100%;\n}\n.paladin-reference-tool-more svg {\n  width: 7px !important;\n  color: #c0c0c0;\n}\n.paladin-reference-tool-more:hover {\n  background: #53585f;\n}\n.paladin-reference-tool-menu {\n  background: #fff;\n}\n.paladin-reference-tool-menu div {\n  padding: 3px 25px;\n  font-size: 14px;\n  color: #53585f;\n  cursor: pointer;\n  white-space: nowrap;\n}\n.paladin-reference-tool-menu div:hover {\n  color: #fff;\n  background: #777777;\n}\n.paladin-reference-tool-menu .paladin-reference-tool-menu-match {\n  color: #fff;\n  background: #7f8592;\n}\n";
 styleInject$1(css_248z$k);
 
-function _createSuper$1c(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1c(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1d(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1d(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1c() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1d() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var ReferenceLineTool = /*#__PURE__*/function (_Component) {
   inherits(ReferenceLineTool, _Component);
 
-  var _super = _createSuper$1c(ReferenceLineTool);
+  var _super = _createSuper$1d(ReferenceLineTool);
 
   function ReferenceLineTool(props) {
     var _this;
@@ -44737,14 +45001,14 @@ var ConnectedReferenceLineTool = reactRedux.connect(mapStateToProps$d, {
 var css_248z$l = ".paladin-print-add-tool {\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  flex: 2;\n  color: #b0b0b0;\n  font-size: 12px;\n  text-align: center;\n  cursor: pointer;\n  padding-left: 20px;\n  border: 1px solid #5b5b5b;\n  border-bottom: none;\n  border-right: none;\n  align-items: center;\n  justify-content: center;\n}\n.paladin-print-add-tool:hover {\n  color: #fff;\n}\n.paladin-print-add-tool-active {\n  color: #fff;\n  background: #0d5075;\n}\n.paladin-print-add-tool-more {\n  padding: 0 7px;\n  height: 100%;\n}\n.paladin-print-add-tool-more svg {\n  width: 7px !important;\n  color: #c0c0c0;\n}\n.paladin-print-add-tool-more:hover {\n  background: #53585f;\n}\n.paladin-print-add-tool-menu {\n  background: #fff;\n}\n.paladin-print-add-tool-menu div {\n  padding: 3px 25px;\n  font-size: 14px;\n  color: #53585f;\n  cursor: pointer;\n  white-space: nowrap;\n}\n.paladin-print-add-tool-menu div:hover {\n  color: #fff;\n  background: #777777;\n}\n.paladin-print-add-tool-menu .paladin-print-add-tool-menu-match {\n  color: #fff;\n  background: #7f8592;\n}\n";
 styleInject$1(css_248z$l);
 
-function _createSuper$1d(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1d(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1e(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1e(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1d() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1e() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var FilmPrintAddTool = /*#__PURE__*/function (_Component) {
   inherits(FilmPrintAddTool, _Component);
 
-  var _super = _createSuper$1d(FilmPrintAddTool);
+  var _super = _createSuper$1e(FilmPrintAddTool);
 
   function FilmPrintAddTool(props) {
     var _this;
@@ -45008,14 +45272,14 @@ var ConnectedFilmPrintAddTool = reactRedux.connect(mapStateToProps$e, {
 var css_248z$m = ".paladin-fusion-colormap-tool {\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  flex: 1;\n  color: #b0b0b0;\n  font-size: 12px;\n  text-align: center;\n  cursor: pointer;\n  border: 1px solid #5b5b5b;\n  margin-right: 10px;\n}\n.paladin-fusion-colormap-tool .paladin-flex-row {\n  margin-top: 0;\n}\n.paladin-fusion-colormap-tool .colormap-text {\n  padding: 5px 0;\n  color: #fff;\n}\n.paladin-reference-tool-more {\n  padding: 0 7px;\n  height: 100%;\n}\n.paladin-reference-tool-more svg {\n  width: 7px !important;\n  color: #c0c0c0;\n}\n.paladin-reference-tool-more:hover {\n  background: #53585f;\n}\n";
 styleInject$1(css_248z$m);
 
-function _createSuper$1e(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1e(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1f(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1f(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1e() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1f() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var PTColorMapSelectList = /*#__PURE__*/function (_Component) {
   inherits(PTColorMapSelectList, _Component);
 
-  var _super = _createSuper$1e(PTColorMapSelectList);
+  var _super = _createSuper$1f(PTColorMapSelectList);
 
   function PTColorMapSelectList(props) {
     var _this;
@@ -45149,14 +45413,14 @@ var ConnectedPTColorMapSelectList = reactRedux.connect(mapStateToProps$f, {
   setFusionReduxValue: setFusionReduxValue
 }, mergeProps$f)(PTColorMapSelectList);
 
-function _createSuper$1f(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1f(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1g(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1g(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1f() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1g() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var PTColorMapTool = /*#__PURE__*/function (_Component) {
   inherits(PTColorMapTool, _Component);
 
-  var _super = _createSuper$1f(PTColorMapTool);
+  var _super = _createSuper$1g(PTColorMapTool);
 
   function PTColorMapTool(props) {
     var _this;
@@ -45218,14 +45482,14 @@ var ConnectedPTColorMapTool = reactRedux.connect(mapStateToProps$g, {
   setFusionReduxValue: setFusionReduxValue
 }, mergeProps$g)(PTColorMapTool);
 
-function _createSuper$1g(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1g(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1h(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1h(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1g() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1h() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var DicomToolFlattenMode = /*#__PURE__*/function (_Component) {
   inherits(DicomToolFlattenMode, _Component);
 
-  var _super = _createSuper$1g(DicomToolFlattenMode);
+  var _super = _createSuper$1h(DicomToolFlattenMode);
 
   function DicomToolFlattenMode(props) {
     var _this;
@@ -45307,11 +45571,11 @@ var DicomToolFlattenMode = /*#__PURE__*/function (_Component) {
       }
 
       if (isThree) {
-        commonTools = ['StackScroll', 'Wwwc', 'Zoom', 'Pan', 'Reset', 'Rotate', 'ReverseColor', 'FalseColor'];
+        commonTools = ['StackScroll', 'Wwwc', 'Zoom', 'Pan', 'Reset', 'RotateFree', 'ReverseColor', 'FalseColor'];
       } // 三维工具
 
 
-      var mprTools = ['CrosshairsMPR', 'MprSwitchPerspective', 'MprRefresh'];
+      var mprTools = ['LayoutMPR', 'CrosshairsMPR', 'MprSwitchPerspective', 'MprRefresh'];
       var vrTools = ['VRMode', 'VRPresentColor', 'VRDirection', 'VRCenterPointShow', 'VRClip', 'VRInfo', 'VRRefresh']; // 测量工具
 
       var lengthTools = ['LengthTool', 'Angle', 'ArrowAnnotate', 'TextMarker', 'RectangleRoi', 'Polygon', 'EllipticalRoi', 'Probe', 'CobbAngle', 'CTR'];
@@ -45590,14 +45854,14 @@ var LargeToolItem = function LargeToolItem(props) {
   }, _props), children);
 };
 
-function _createSuper$1h(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1h(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1i(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1i(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1h() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1i() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var DicomToolFlattenMode$1 = /*#__PURE__*/function (_Component) {
   inherits(DicomToolFlattenMode, _Component);
 
-  var _super = _createSuper$1h(DicomToolFlattenMode);
+  var _super = _createSuper$1i(DicomToolFlattenMode);
 
   function DicomToolFlattenMode(props) {
     var _this;
@@ -45678,11 +45942,11 @@ var DicomToolFlattenMode$1 = /*#__PURE__*/function (_Component) {
       }
 
       if (isThree) {
-        commonTools = ['StackScroll', 'Wwwc', 'Zoom', 'Pan', 'Reset', 'Rotate', 'ReverseColor', 'FalseColor'];
+        commonTools = ['StackScroll', 'Wwwc', 'Zoom', 'Pan', 'Reset', 'RotateFree', 'ReverseColor', 'FalseColor'];
       } // 三维工具
 
 
-      var mprTools = ['CrosshairsMPR', 'MprSwitchPerspective', 'MprRefresh'];
+      var mprTools = ['LayoutMPR', 'CrosshairsMPR', 'MprSwitchPerspective', 'MprRefresh'];
       var vrTools = ['VRMode', 'VRPresentColor', 'VRDirection', 'VRCenterPointShow', 'VRClip', 'VRInfo', 'VRRefresh'];
       var lengthTools = ['LengthTool', 'Angle', 'ArrowAnnotate', 'TextMarker', 'RectangleRoi', 'Polygon', 'EllipticalRoi', 'Probe', 'CobbAngle', 'CTR'];
 
@@ -45994,14 +46258,14 @@ const SvgMenuUp = props => /*#__PURE__*/React__default.createElement("svg", _ext
 var css_248z$n = ".paladin-mobile-button,\n.paladin-mobile-button-nohover {\n  text-align: center;\n  width: 100%;\n  height: 100%;\n  color: #C9C9C9;\n  cursor: pointer;\n  background: #1D1D1D;\n  box-sizing: border-box;\n}\n.paladin-mobile-button svg,\n.paladin-mobile-button-nohover svg {\n  height: 20px !important;\n}\n.paladin-mobile-more-button,\n.paladin-mobile-more-button-nohover {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  height: 20px;\n  line-height: 20px;\n  justify-content: center;\n  align-items: center;\n  color: #C9C9C9;\n  cursor: pointer;\n  background: #1D1D1D;\n}\n.paladin-tool-mobile-active {\n  border-bottom: 2px solid #F5F5F5;\n  color: #F5F5F5;\n}\n.paladin-mobile-more-active {\n  color: #F5F5F5;\n}\n.paladin-dicomToolItem-text {\n  height: 100%;\n  display: inline-block;\n}\n";
 styleInject$1(css_248z$n);
 
-function _createSuper$1i(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1i(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1j(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1j(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1i() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1j() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var DicomToolItemMobile = /*#__PURE__*/function (_Component) {
   inherits(DicomToolItemMobile, _Component);
 
-  var _super = _createSuper$1i(DicomToolItemMobile);
+  var _super = _createSuper$1j(DicomToolItemMobile);
 
   function DicomToolItemMobile(props) {
     var _this;
@@ -46223,14 +46487,14 @@ const SvgPlay$1 = props => /*#__PURE__*/React__default.createElement("svg", _ext
   fill: "currentColor"
 }, props), _ref$1j);
 
-function _createSuper$1j(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1j(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1k(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1k(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1j() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1k() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var MobileScrollAndCineTool = /*#__PURE__*/function (_Component) {
   inherits(MobileScrollAndCineTool, _Component);
 
-  var _super = _createSuper$1j(MobileScrollAndCineTool);
+  var _super = _createSuper$1k(MobileScrollAndCineTool);
 
   function MobileScrollAndCineTool(props) {
     var _this;
@@ -46589,14 +46853,14 @@ const SvgHozRotate = props => /*#__PURE__*/React__default.createElement("svg", _
   fill: "currentColor"
 }, props), _ref$1o);
 
-function _createSuper$1k(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1k(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1l(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1l(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1k() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1l() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var MobileMipBottomTool = /*#__PURE__*/function (_Component) {
   inherits(MobileMipBottomTool, _Component);
 
-  var _super = _createSuper$1k(MobileMipBottomTool);
+  var _super = _createSuper$1l(MobileMipBottomTool);
 
   function MobileMipBottomTool(props) {
     var _this;
@@ -46850,14 +47114,14 @@ function ownKeys$H(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$I(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$H(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _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 DicomToolMobileThreeModeBottom = /*#__PURE__*/function (_Component) {
   inherits(DicomToolMobileThreeModeBottom, _Component);
 
-  var _super = _createSuper$1l(DicomToolMobileThreeModeBottom);
+  var _super = _createSuper$1m(DicomToolMobileThreeModeBottom);
 
   function DicomToolMobileThreeModeBottom(props) {
     var _this;
@@ -47020,9 +47284,9 @@ function ownKeys$I(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$J(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$I(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$1m(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1m(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1n(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1n(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1m() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1n() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 /**
  * 新版手机端
  * mpr vr mip顶部工具栏组件
@@ -47031,7 +47295,7 @@ function _isNativeReflectConstruct$1m() { if (typeof Reflect === "undefined" ||
 var DicomToolMobileThreeModeHead = /*#__PURE__*/function (_Component) {
   inherits(DicomToolMobileThreeModeHead, _Component);
 
-  var _super = _createSuper$1m(DicomToolMobileThreeModeHead);
+  var _super = _createSuper$1n(DicomToolMobileThreeModeHead);
 
   function DicomToolMobileThreeModeHead(props) {
     var _this;
@@ -47203,14 +47467,14 @@ var DicomToolMobileThreeModeHead = /*#__PURE__*/function (_Component) {
   return DicomToolMobileThreeModeHead;
 }(React.Component);
 
-function _createSuper$1n(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1n(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1o(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1o(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1n() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1o() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var VRClip = /*#__PURE__*/function (_Component) {
   inherits(VRClip, _Component);
 
-  var _super = _createSuper$1n(VRClip);
+  var _super = _createSuper$1o(VRClip);
 
   function VRClip(props) {
     classCallCheck(this, VRClip);
@@ -47314,14 +47578,14 @@ var ConnectedVRClip = reactRedux.connect(mapStateToProps$j, {}, mergeProps$j)(VR
 var css_248z$r = ".paladin-key-image-box {\n  background: #fff;\n  border-radius: 3px;\n}\n.paladin-key-image-box .paladin-key-image-header {\n  font-size: 15px;\n  font-weight: bold;\n  color: #000;\n  padding: 16px 18px;\n}\n.paladin-key-image-box .paladin-key-image-item {\n  min-width: 320px;\n  font-size: 13px;\n  color: #333;\n  padding: 14px 18px;\n}\n.paladin-key-image-box .paladin-key-image-item:nth-child(2n) {\n  background: #f9f9f9;\n}\n.paladin-key-image-box .paladin-key-image-item .paladin-key-image-item-action {\n  text-align: right;\n}\n.paladin-key-image-box .paladin-key-image-item .paladin-key-image-item-action span {\n  display: inline-block;\n  color: #2D78C4;\n}\n.paladin-key-image-box .paladin-key-image-item .paladin-key-image-item-action span:first-child {\n  margin-right: 20px;\n}\n.paladin-key-image-preview img {\n  max-width: 50vw;\n  max-height: 50vh;\n}\n";
 styleInject$1(css_248z$r);
 
-function _createSuper$1o(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1o(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1p(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1p(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1o() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1p() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var KeyImagesTool = /*#__PURE__*/function (_Component) {
   inherits(KeyImagesTool, _Component);
 
-  var _super = _createSuper$1o(KeyImagesTool);
+  var _super = _createSuper$1p(KeyImagesTool);
 
   function KeyImagesTool(props) {
     classCallCheck(this, KeyImagesTool);
@@ -47415,14 +47679,14 @@ var ConnectedKeyImagesTool = reactRedux.connect(mapStateToProps$k, {}, mergeProp
 var css_248z$s = ".paladin-reference-tool-menu {\n  background: #fff;\n}\n.paladin-reference-tool-menu div {\n  padding: 3px 25px;\n  font-size: 14px;\n  color: #53585f;\n  cursor: pointer;\n  white-space: nowrap;\n}\n.paladin-reference-tool-menu div:hover {\n  color: #fff;\n  background: #777777;\n}\n.paladin-reference-tool-menu .paladin-reference-tool-menu-match {\n  color: #fff;\n  background: #7f8592;\n}\n";
 styleInject$1(css_248z$s);
 
-function _createSuper$1p(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1p(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1q(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1p() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1q() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var ReferenceLineTool$1 = /*#__PURE__*/function (_Component) {
   inherits(ReferenceLineTool, _Component);
 
-  var _super = _createSuper$1p(ReferenceLineTool);
+  var _super = _createSuper$1q(ReferenceLineTool);
 
   function ReferenceLineTool(props) {
     classCallCheck(this, ReferenceLineTool);
@@ -47516,14 +47780,14 @@ const SvgCheck = props => /*#__PURE__*/React__default.createElement("svg", _exte
 var css_248z$t = ".paladin-auto-link-row {\n  display: flex;\n  padding: 3px 20px;\n  flex-direction: row;\n  overflow: hidden;\n  font-size: 14px;\n  color: #53585f;\n  cursor: pointer;\n  white-space: nowrap;\n}\n.paladin-auto-link-checkbox {\n  display: flex;\n  flex-direction: column;\n  width: 20px;\n  height: 20px;\n  margin-right: 2px;\n}\n.paladin-auto-link-checkbox svg {\n  width: 100%;\n}\n";
 styleInject$1(css_248z$t);
 
-function _createSuper$1q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1q(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1r(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1r(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1q() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1r() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var AutoLink = /*#__PURE__*/function (_Component) {
   inherits(AutoLink, _Component);
 
-  var _super = _createSuper$1q(AutoLink);
+  var _super = _createSuper$1r(AutoLink);
 
   function AutoLink(props) {
     classCallCheck(this, AutoLink);
@@ -47538,7 +47802,9 @@ var AutoLink = /*#__PURE__*/function (_Component) {
           autoLinkSyncWL = _this$props.autoLinkSyncWL,
           autoLinkSyncOther = _this$props.autoLinkSyncOther,
           toggleAutoLinkSyncWL = _this$props.toggleAutoLinkSyncWL,
-          toggleAutoLinkSyncOther = _this$props.toggleAutoLinkSyncOther;
+          toggleAutoLinkSyncOther = _this$props.toggleAutoLinkSyncOther,
+          autoLinkSyncAbsolute = _this$props.autoLinkSyncAbsolute,
+          toggleAutoLinkSyncAbsolute = _this$props.toggleAutoLinkSyncAbsolute;
       return /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-tool-item popover-template"
       }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
@@ -47553,7 +47819,12 @@ var AutoLink = /*#__PURE__*/function (_Component) {
         onClick: toggleAutoLinkSyncOther
       }, /*#__PURE__*/React__default.createElement("span", {
         className: 'paladin-auto-link-checkbox'
-      }, autoLinkSyncOther ? /*#__PURE__*/React__default.createElement(SvgCheck, null) : /*#__PURE__*/React__default.createElement(SvgCheckEmpty, null)), getI18nMessage('auto_link_setting', 'sync_other')))));
+      }, autoLinkSyncOther ? /*#__PURE__*/React__default.createElement(SvgCheck, null) : /*#__PURE__*/React__default.createElement(SvgCheckEmpty, null)), getI18nMessage('auto_link_setting', 'sync_other')), /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-auto-link-row',
+        onClick: toggleAutoLinkSyncAbsolute
+      }, /*#__PURE__*/React__default.createElement("span", {
+        className: 'paladin-auto-link-checkbox'
+      }, autoLinkSyncAbsolute ? /*#__PURE__*/React__default.createElement(SvgCheck, null) : /*#__PURE__*/React__default.createElement(SvgCheckEmpty, null)), getI18nMessage('auto_link_setting', 'sync_absolute')))));
     }
   }]);
 
@@ -47567,10 +47838,12 @@ function _objectSpread$N(target) { for (var i = 1; i < arguments.length; i++) {
 var mapStateToProps$m = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.action,
       autoLinkSyncWL = _state$paladin$tools$.autoLinkSyncWL,
-      autoLinkSyncOther = _state$paladin$tools$.autoLinkSyncOther;
+      autoLinkSyncOther = _state$paladin$tools$.autoLinkSyncOther,
+      autoLinkSyncAbsolute = _state$paladin$tools$.autoLinkSyncAbsolute;
   return {
     autoLinkSyncWL: autoLinkSyncWL,
-    autoLinkSyncOther: autoLinkSyncOther
+    autoLinkSyncOther: autoLinkSyncOther,
+    autoLinkSyncAbsolute: autoLinkSyncAbsolute
   };
 };
 
@@ -47593,6 +47866,14 @@ var mergeProps$m = function mergeProps(propsFromState, propsFromDispatch, ownPro
         key: 'autoLinkSyncOther',
         value: nextValue
       });
+    },
+    toggleAutoLinkSyncAbsolute: function toggleAutoLinkSyncAbsolute() {
+      var nextValue = !propsFromState.autoLinkSyncAbsolute;
+      window.localStorage.setItem('hellfire-auto-link-sync-absolute-default-state', nextValue ? 'open' : 'close');
+      propsFromDispatch.setActionStateByKey({
+        key: 'autoLinkSyncAbsolute',
+        value: nextValue
+      });
     }
   });
 };
@@ -47601,14 +47882,14 @@ var ConnectedAutoLink = reactRedux.connect(mapStateToProps$m, {
   setActionStateByKey: setActionStateByKey
 }, mergeProps$m)(AutoLink);
 
-function _createSuper$1r(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1r(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1s(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1s(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1r() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1s() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var CrosshairsMPR = /*#__PURE__*/function (_Component) {
   inherits(CrosshairsMPR, _Component);
 
-  var _super = _createSuper$1r(CrosshairsMPR);
+  var _super = _createSuper$1s(CrosshairsMPR);
 
   function CrosshairsMPR(props) {
     classCallCheck(this, CrosshairsMPR);
@@ -47684,14 +47965,178 @@ var ConnectedCrosshairsMPR = reactRedux.connect(mapStateToProps$n, {
   activeDicomFunction: activeDicomFunction
 }, mergeProps$n)(CrosshairsMPR);
 
-function _createSuper$1s(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1s(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+var css_248z$u = ".paladin-mpr-layout {\n  background: #fff;\n  padding: 10px;\n}\n.paladin-mpr-layout p {\n  margin: 0 0 10px 0;\n  padding: 0;\n  font-size: 12px;\n  color: #333;\n}\n.paladin-mpr-layout-container {\n  display: flex;\n  justify-content: space-between;\n  background: #fff;\n  width: 220px;\n  flex-flow: wrap;\n}\n.layout {\n  width: 50px;\n  border: 1px solid #ccc;\n  box-sizing: border-box;\n  margin-bottom: 10px;\n}\n.layout-1,\n.layout-2,\n.layout-3,\n.layout-4,\n.layout-5,\n.layout-6,\n.layout-7,\n.layout-8 {\n  display: flex;\n}\n.layout-1 .left {\n  width: 66.6%;\n  height: 50px;\n  background-color: #656565;\n}\n.layout-1 .right {\n  width: 33.3%;\n  display: flex;\n  flex-direction: column;\n}\n.layout-1 .right .right-top {\n  height: 50%;\n  background-color: #a4a4a4;\n}\n.layout-1 .right .right-bottom {\n  height: 50%;\n  background-color: #868686;\n}\n.layout-2 .left {\n  width: 50%;\n  height: 50px;\n  background-color: #656565;\n}\n.layout-2 .right {\n  width: 50%;\n  height: 50px;\n}\n.layout-2 .right .right-top {\n  height: 50%;\n  background-color: #a4a4a4;\n}\n.layout-2 .right .right-bottom {\n  height: 50%;\n  background-color: #868686;\n}\n.layout-3 .left {\n  width: 33.3%;\n  display: flex;\n  flex-direction: column;\n}\n.layout-3 .left-top {\n  height: 50%;\n  background-color: #a4a4a4;\n}\n.layout-3 .left-bottom {\n  height: 50%;\n  background-color: #868686;\n}\n.layout-3 .right {\n  width: 66.6%;\n  height: 50px;\n  background-color: #656565;\n}\n.layout-4 .left {\n  width: 50%;\n  display: flex;\n  flex-direction: column;\n}\n.layout-4 .left-top {\n  height: 50%;\n  background-color: #a4a4a4;\n}\n.layout-4 .left-bottom {\n  height: 50%;\n  background-color: #868686;\n}\n.layout-4 .right {\n  width: 50%;\n  height: 50px;\n  background-color: #656565;\n}\n.layout-5 {\n  height: 50px;\n  flex-direction: column;\n}\n.layout-5 .top {\n  width: 100%;\n  height: 66.6%;\n  background: #656565;\n}\n.layout-5 .bottom {\n  width: 100%;\n  height: 33.3%;\n  display: flex;\n  flex-direction: row;\n}\n.layout-5 .bottom .bottom-left {\n  width: 50%;\n  background-color: #868686;\n}\n.layout-5 .bottom .bottom-right {\n  width: 50%;\n  background-color: #a4a4a4;\n}\n.layout-6 {\n  height: 50px;\n  flex-direction: column;\n}\n.layout-6 .top {\n  width: 100%;\n  height: 50%;\n  background: #656565;\n}\n.layout-6 .bottom {\n  width: 100%;\n  height: 50%;\n  display: flex;\n  flex-direction: row;\n}\n.layout-6 .bottom .bottom-left {\n  width: 50%;\n  background-color: #868686;\n}\n.layout-6 .bottom .bottom-right {\n  width: 50%;\n  background-color: #a4a4a4;\n}\n.layout-7 {\n  height: 50px;\n  flex-direction: column;\n}\n.layout-7 .top {\n  width: 100%;\n  height: 33.3%;\n  display: flex;\n  flex-direction: row;\n}\n.layout-7 .top .top-left {\n  width: 50%;\n  background-color: #868686;\n}\n.layout-7 .top .top-right {\n  width: 50%;\n  background-color: #a4a4a4;\n}\n.layout-7 .bottom {\n  width: 100%;\n  height: 66.6%;\n  background: #656565;\n}\n.layout-8 {\n  height: 50px;\n  flex-direction: column;\n}\n.layout-8 .top {\n  width: 100%;\n  height: 50%;\n  display: flex;\n  flex-direction: row;\n}\n.layout-8 .top .top-left {\n  width: 50%;\n  background-color: #868686;\n}\n.layout-8 .top .top-right {\n  width: 50%;\n  background-color: #a4a4a4;\n}\n.layout-8 .bottom {\n  width: 100%;\n  height: 50%;\n  background: #656565;\n}\n";
+styleInject$1(css_248z$u);
 
-function _isNativeReflectConstruct$1s() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _createSuper$1t(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1t(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$1t() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+var LayoutMPR = /*#__PURE__*/function (_Component) {
+  inherits(LayoutMPR, _Component);
+
+  var _super = _createSuper$1t(LayoutMPR);
+
+  function LayoutMPR(props) {
+    classCallCheck(this, LayoutMPR);
+
+    return _super.call(this, props);
+  }
+
+  createClass(LayoutMPR, [{
+    key: "render",
+    value: function render() {
+      var handleSelect = this.props.handleSelect;
+      return /*#__PURE__*/React__default.createElement("div", {
+        className: "paladin-mpr-layout"
+      }, /*#__PURE__*/React__default.createElement("p", null, "MPR\u5E03\u5C40\u9009\u62E9"), /*#__PURE__*/React__default.createElement("div", {
+        className: "paladin-mpr-layout-container"
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "layout layout-1",
+        onClick: function onClick() {
+          return handleSelect('left');
+        }
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "left"
+      }), /*#__PURE__*/React__default.createElement("div", {
+        className: "right"
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "right-top"
+      }), /*#__PURE__*/React__default.createElement("div", {
+        className: "right-bottom"
+      }))), /*#__PURE__*/React__default.createElement("div", {
+        className: "layout layout-2",
+        onClick: function onClick() {
+          return handleSelect('leftMiddle');
+        }
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "left"
+      }), /*#__PURE__*/React__default.createElement("div", {
+        className: "right"
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "right-top"
+      }), /*#__PURE__*/React__default.createElement("div", {
+        className: "right-bottom"
+      }))), /*#__PURE__*/React__default.createElement("div", {
+        className: "layout layout-3",
+        onClick: function onClick() {
+          return handleSelect('right');
+        }
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "left"
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "left-top"
+      }), /*#__PURE__*/React__default.createElement("div", {
+        className: "left-bottom"
+      })), /*#__PURE__*/React__default.createElement("div", {
+        className: "right"
+      })), /*#__PURE__*/React__default.createElement("div", {
+        className: "layout layout-4",
+        onClick: function onClick() {
+          return handleSelect('rightMiddle');
+        }
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "left"
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "left-top"
+      }), /*#__PURE__*/React__default.createElement("div", {
+        className: "left-bottom"
+      })), /*#__PURE__*/React__default.createElement("div", {
+        className: "right"
+      })), /*#__PURE__*/React__default.createElement("div", {
+        className: "layout layout-5",
+        onClick: function onClick() {
+          return handleSelect('top');
+        }
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "top"
+      }), /*#__PURE__*/React__default.createElement("div", {
+        className: "bottom"
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "bottom-left"
+      }), /*#__PURE__*/React__default.createElement("div", {
+        className: "bottom-right"
+      }))), /*#__PURE__*/React__default.createElement("div", {
+        className: "layout layout-6",
+        onClick: function onClick() {
+          return handleSelect('topMiddle');
+        }
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "top"
+      }), /*#__PURE__*/React__default.createElement("div", {
+        className: "bottom"
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "bottom-left"
+      }), /*#__PURE__*/React__default.createElement("div", {
+        className: "bottom-right"
+      }))), /*#__PURE__*/React__default.createElement("div", {
+        className: "layout layout-7",
+        onClick: function onClick() {
+          return handleSelect('bottom');
+        }
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "top"
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "top-left"
+      }), /*#__PURE__*/React__default.createElement("div", {
+        className: "top-right"
+      })), /*#__PURE__*/React__default.createElement("div", {
+        className: "bottom"
+      })), /*#__PURE__*/React__default.createElement("div", {
+        className: "layout layout-8",
+        onClick: function onClick() {
+          return handleSelect('bottomMiddle');
+        }
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "top"
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "top-left"
+      }), /*#__PURE__*/React__default.createElement("div", {
+        className: "top-right"
+      })), /*#__PURE__*/React__default.createElement("div", {
+        className: "bottom"
+      }))));
+    }
+  }]);
+
+  return LayoutMPR;
+}(React.Component);
+
+function ownKeys$O(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$P(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$O(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$O(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var mapStateToProps$o = function mapStateToProps(state) {
+  return {};
+};
+
+var mergeProps$o = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$P(_objectSpread$P(_objectSpread$P({}, ownProps), propsFromState), {}, {
+    handleSelect: function handleSelect(data) {
+      var direction = checkWindowDirection();
+      propsFromDispatch.setMprLayout(direction, data);
+
+      if (direction === 'vertical') {
+        window.localStorage.setItem('hellfire-mpr-vert-layout-default-state', data);
+      } else {
+        window.localStorage.setItem('hellfire-mpr-hoz-layout-default-state', data);
+      }
+    }
+  });
+};
+
+var ConnectedLayoutMPR = reactRedux.connect(mapStateToProps$o, {
+  setMprLayout: setMprLayout
+}, mergeProps$o)(LayoutMPR);
+
+function _createSuper$1u(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1u(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$1u() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var DicomTool = /*#__PURE__*/function (_Component) {
   inherits(DicomTool, _Component);
 
-  var _super = _createSuper$1s(DicomTool);
+  var _super = _createSuper$1u(DicomTool);
 
   function DicomTool(props) {
     var _this$VRModeDict;
@@ -47911,6 +48356,13 @@ var DicomTool = /*#__PURE__*/function (_Component) {
           _this.props.toggleImageMode('ImageMode');
         }
       },
+      LayoutMPR: {
+        label: getI18nMessage('mpr', 'tool_layouut'),
+        name: "LayoutMPR",
+        tooltip: getI18nMessage('mpr', 'tool_layouut_tooltip'),
+        component: /*#__PURE__*/React__default.createElement(SvgTable, null),
+        popover: ConnectedLayoutMPR
+      },
       CrosshairsMPR: {
         label: getI18nMessage('mpr', 'tool_crosshair'),
         name: "CrosshairsMPR",
@@ -47970,6 +48422,13 @@ var DicomTool = /*#__PURE__*/function (_Component) {
           _this.props.handleRotate();
         }
       },
+      RotateFree: {
+        label: getI18nMessage('dicom_tool_rotate'),
+        name: "RotateFree",
+        tooltip: getI18nMessage('dicom_tool_rotate'),
+        component: /*#__PURE__*/React__default.createElement(SvgSpin, null),
+        activeInRedux: true
+      },
       Tool: {
         name: "Tool",
         tooltip: "图像工具",
@@ -48609,7 +49068,7 @@ function openAutoLink (_x) {
 
 function _ref$1q() {
   _ref$1q = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(props) {
-    var col, row, currentScrollLine, activeIndex, seriesCurrentIndex, series, setLinkSeries, linkSynchronizer, linkScrollSynchronizer, realActiveIndex, realSeriesIndex, currentImageIdIndex, calcImageIdIndex, _currentSeries, currentImageId, currentDicom, currentPos, links, startIndex, endIndex, currentLayoutSeries, _series, i, seriesItem, imageId, dicom, comparePos, angle, activeElement, sourceStack, sourceImageLength;
+    var col, row, currentScrollLine, activeIndex, seriesCurrentIndex, series, setLinkSeries, linkSynchronizer, linkScrollSynchronizer, realActiveIndex, realSeriesIndex, currentImageIdIndex, _currentSeries, sourceImageId, sourceDicom, sourcePos, links, startIndex, endIndex, currentLayoutSeries, _series, i, seriesItem, imageId, dicom, comparePos, angle, activeElement, sourceStack, sourceImageLength;
 
     return regenerator.wrap(function _callee$(_context) {
       while (1) {
@@ -48618,19 +49077,19 @@ function _ref$1q() {
             col = props.col, row = props.row, currentScrollLine = props.currentScrollLine, activeIndex = props.activeIndex, seriesCurrentIndex = props.seriesCurrentIndex, series = props.series, setLinkSeries = props.setLinkSeries, linkSynchronizer = props.linkSynchronizer, linkScrollSynchronizer = props.linkScrollSynchronizer, realActiveIndex = props.realActiveIndex;
             realSeriesIndex = col * currentScrollLine + activeIndex;
             currentImageIdIndex = seriesCurrentIndex[realSeriesIndex];
-            calcImageIdIndex = 0;
-            _currentSeries = series[realSeriesIndex];
-            currentImageId = _currentSeries.imageIds[calcImageIdIndex];
-            _context.next = 8;
-            return loadAndCacheDicom(currentImageId);
-
-          case 8:
-            currentDicom = _context.sent;
-            currentPos = getPosFromDicom(currentDicom);
+            _currentSeries = series[realSeriesIndex]; // 获取当前选中序列的方位
+
+            sourceImageId = _currentSeries.imageIds[currentImageIdIndex];
+            _context.next = 7;
+            return loadAndCacheDicom(sourceImageId);
+
+          case 7:
+            sourceDicom = _context.sent;
+            sourcePos = getPosFromDicom(sourceDicom);
             links = [];
 
-            if (!currentPos) {
-              _context.next = 29;
+            if (!sourcePos) {
+              _context.next = 28;
               break;
             }
 
@@ -48641,41 +49100,41 @@ function _ref$1q() {
             _series = lodash$1.cloneDeep(currentLayoutSeries);
             i = 0;
 
-          case 17:
+          case 16:
             if (!(i < _series.length)) {
-              _context.next = 29;
+              _context.next = 28;
               break;
             }
 
             seriesItem = _series[i]; // (seriesItem.numberOfSeriesRelatedInstances === _currentSeries.numberOfSeriesRelatedInstances)
 
             if (!(seriesItem.seriesInstanceUID !== _currentSeries.seriesInstanceUID)) {
-              _context.next = 26;
+              _context.next = 25;
               break;
             }
 
-            imageId = seriesItem.imageIds[calcImageIdIndex];
-            _context.next = 23;
+            imageId = seriesItem.imageIds[getSeriesCenterIndex(seriesItem)];
+            _context.next = 22;
             return loadAndCacheDicom(imageId);
 
-          case 23:
+          case 22:
             dicom = _context.sent;
             comparePos = getPosFromDicom(dicom);
 
             if (comparePos) {
-              angle = comparePosSameLayer(currentPos, comparePos);
+              angle = comparePosSameLayer(sourcePos, comparePos);
 
               if (angle === 0) {
                 links.push(i);
               }
             }
 
-          case 26:
+          case 25:
             i++;
-            _context.next = 17;
+            _context.next = 16;
             break;
 
-          case 29:
+          case 28:
             activeElement = getElement(realActiveIndex);
 
             if (links && links.length > 0) {
@@ -48699,7 +49158,7 @@ function _ref$1q() {
               linkScrollSynchronizer.add(activeElement);
             }
 
-          case 33:
+          case 32:
           case "end":
             return _context.stop();
         }
@@ -48709,6 +49168,20 @@ function _ref$1q() {
   return _ref$1q.apply(this, arguments);
 }
 
+function getSeriesCenterIndex(series) {
+  var count = series.imageIds.length;
+
+  if (count === 1) {
+    return 0;
+  }
+
+  if (count === 2) {
+    return 1;
+  }
+
+  return Math.floor(count / 2);
+}
+
 function calcTargetIndex(sourceImageLength, targetElement, currentImageIdIndex) {
   var targetStack = cornerstoneTools.getToolState(targetElement, 'stack');
   var targetImageLength = targetStack.data[0].numberOfSeriesRelatedInstances;
@@ -48737,8 +49210,8 @@ function calcTargetIndex(sourceImageLength, targetElement, currentImageIdIndex)
   }
 }
 
-var css_248z$u = ".paladin-user-setting {\n  padding: 0 20px;\n  margin-bottom: 30px;\n  font-size: 15px;\n}\n.paladin-user-setting p {\n  font-size: 16px;\n}\n.paladin-user-setting p svg {\n  width: 10px;\n  margin-right: 2px;\n}\n.paladin-user-setting .paladin-user-setting-remark {\n  color: #d43f3a;\n  margin: 10px 0 0 0;\n}\n.paladin-user-setting .paladin-user-setting-footer {\n  margin-top: 15px;\n  text-align: right;\n}\n.paladin-user-setting .paladin-user-setting-footer button {\n  margin-left: 10px;\n}\n.paladin-user-setting .paladin-setting-radio {\n  display: flex;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-label {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item {\n  display: flex;\n  flex-direction: row;\n  margin-right: 10px;\n  align-items: center;\n  justify-content: center;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item .paladin-ipt {\n  padding: 0 !important;\n  margin: 0 3px 0 0 !important;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item input {\n  display: flex;\n  flex-direction: column;\n  width: 20px;\n  height: 20px;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item span {\n  display: flex;\n  flex-direction: column;\n}\n.paladin-user-setting .paladin-setting-hotkey {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.paladin-user-setting .paladin-setting-hotkey .paladin-setting-hotkey-item {\n  display: flex;\n  flex-direction: column;\n  flex: none;\n  padding: 5px 10px;\n  border: 1px solid #666;\n  border-radius: 3px;\n  margin-right: 10px;\n  margin-bottom: 10px;\n}\n";
-styleInject$1(css_248z$u);
+var css_248z$v = ".paladin-user-setting {\n  padding: 0 20px;\n  margin-bottom: 30px;\n  font-size: 15px;\n}\n.paladin-user-setting p {\n  font-size: 16px;\n}\n.paladin-user-setting p svg {\n  width: 10px;\n  margin-right: 2px;\n}\n.paladin-user-setting .paladin-user-setting-remark {\n  color: #d43f3a;\n  margin: 10px 0 0 0;\n}\n.paladin-user-setting .paladin-user-setting-footer {\n  margin-top: 15px;\n  text-align: right;\n}\n.paladin-user-setting .paladin-user-setting-footer button {\n  margin-left: 10px;\n}\n.paladin-user-setting .paladin-setting-radio {\n  display: flex;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-label {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item {\n  display: flex;\n  flex-direction: row;\n  margin-right: 10px;\n  align-items: center;\n  justify-content: center;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item .paladin-ipt {\n  padding: 0 !important;\n  margin: 0 3px 0 0 !important;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item input {\n  display: flex;\n  flex-direction: column;\n  width: 20px;\n  height: 20px;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item span {\n  display: flex;\n  flex-direction: column;\n}\n.paladin-user-setting .paladin-setting-hotkey {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.paladin-user-setting .paladin-setting-hotkey .paladin-setting-hotkey-item {\n  display: flex;\n  flex-direction: column;\n  flex: none;\n  padding: 5px 10px;\n  border: 1px solid #666;\n  border-radius: 3px;\n  margin-right: 10px;\n  margin-bottom: 10px;\n}\n";
+styleInject$1(css_248z$v);
 
 function _extends$1r() { _extends$1r = 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$1r.apply(this, arguments); }
 
@@ -48753,18 +49226,18 @@ const SvgCertificate = props => /*#__PURE__*/React__default.createElement("svg",
   fill: "currentColor"
 }, props), _ref$1r);
 
-function ownKeys$O(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$P(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$P(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$O(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$O(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$Q(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$P(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$1t(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1t(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1v(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1v(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1t() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1v() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var UserSettingModal = /*#__PURE__*/function (_Component) {
   inherits(UserSettingModal, _Component);
 
-  var _super = _createSuper$1t(UserSettingModal);
+  var _super = _createSuper$1v(UserSettingModal);
 
   function UserSettingModal(props) {
     var _this;
@@ -48793,7 +49266,7 @@ var UserSettingModal = /*#__PURE__*/function (_Component) {
       }
     });
 
-    _this.state = _objectSpread$P({}, customDicomSetting);
+    _this.state = _objectSpread$Q({}, customDicomSetting);
     return _this;
   }
 
@@ -49210,18 +49683,18 @@ function _getImagePositionZ() {
   return _getImagePositionZ.apply(this, arguments);
 }
 
-function ownKeys$P(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$Q(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$Q(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$P(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$R(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$Q(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$Q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$1u(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1u(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1w(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1w(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1u() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1w() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var UserSettingModalEn = /*#__PURE__*/function (_Component) {
   inherits(UserSettingModalEn, _Component);
 
-  var _super = _createSuper$1u(UserSettingModalEn);
+  var _super = _createSuper$1w(UserSettingModalEn);
 
   function UserSettingModalEn(props) {
     var _this;
@@ -49250,7 +49723,7 @@ var UserSettingModalEn = /*#__PURE__*/function (_Component) {
       }
     });
 
-    _this.state = _objectSpread$Q({}, customDicomSetting);
+    _this.state = _objectSpread$R({}, customDicomSetting);
     return _this;
   }
 
@@ -49419,12 +49892,12 @@ function _unsupportedIterableToArray$b(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$b(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function ownKeys$Q(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$R(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$R(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$Q(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$Q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$S(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$R(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var scrollToIndex$4 = cornerstoneTools.scrollToIndex;
 
-var mapStateToProps$o = function mapStateToProps(state) {
+var mapStateToProps$p = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.customization,
       tools = _state$paladin$tools$.tools,
       imageModeTools = _state$paladin$tools$.imageModeTools,
@@ -49606,7 +50079,7 @@ var mapStateToProps$o = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$o = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$p = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   // 数据
   var series = propsFromState.series,
       activeIndex = propsFromState.activeIndex,
@@ -49691,7 +50164,7 @@ var mergeProps$o = function mergeProps(propsFromState, propsFromDispatch, ownPro
   };
 
   var isThree = MPR || VR || MIP || CPR;
-  return _objectSpread$R(_objectSpread$R(_objectSpread$R(_objectSpread$R({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$S(_objectSpread$S(_objectSpread$S(_objectSpread$S({}, ownProps), propsFromState), propsFromDispatch), {}, {
     isThree: isThree,
     reset: function reset() {
       // 重置
@@ -50790,7 +51263,7 @@ var mergeProps$o = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomTool = reactRedux.connect(mapStateToProps$o, {
+var ConnectedDicomTool = reactRedux.connect(mapStateToProps$p, {
   setActiveTool: setActiveTool,
   setTools: setTools,
   refreshTools: refreshTools,
@@ -50817,7 +51290,7 @@ var ConnectedDicomTool = reactRedux.connect(mapStateToProps$o, {
   toggleDisplayShutter: toggleDisplayShutter,
   setFusionReduxValue: setFusionReduxValue,
   toggleFilmPrinterEntrance: toggleFilmPrinterEntrance
-}, mergeProps$o)(DicomTool);
+}, mergeProps$p)(DicomTool);
 
 function _extends$1s() { _extends$1s = 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$1s.apply(this, arguments); }
 
@@ -50894,8 +51367,8 @@ const SvgImageAutoDownloadOff = props => /*#__PURE__*/React__default.createEleme
   fill: "currentColor"
 }, props), _ref$1u, _ref2$h, _ref3$7);
 
-var css_248z$v = ".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-bottom-mobile,\n.paladin-thumb-content .paladin-thumb-top-mobile {\n  font-size: 10px;\n}\n.paladin-thumb-content .paladin-thumb-top {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  color: yellow;\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.mobile-thumb {\n  width: 50px;\n  height: 50px;\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 22px;\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-image-auto-button {\n  cursor: pointer;\n  padding: 0 15px;\n  height: 76px;\n  align-items: center;\n  justify-content: center;\n}\n.paladin-image-auto-button:hover {\n  background-color: #616772;\n}\n.paladin-image-auto-button svg {\n  width: 20px !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$v);
+var css_248z$w = ".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-bottom-mobile,\n.paladin-thumb-content .paladin-thumb-top-mobile {\n  font-size: 10px;\n}\n.paladin-thumb-content .paladin-thumb-top {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  color: yellow;\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.mobile-thumb {\n  width: 50px;\n  height: 50px;\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 22px;\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-fresh-button-mobile {\n  padding: 0 18px;\n}\n.paladin-image-auto-button {\n  cursor: pointer;\n  padding: 0;\n  height: 100%;\n  align-items: center;\n  justify-content: center;\n}\n.paladin-image-auto-button:hover {\n  background-color: #616772;\n}\n.paladin-image-auto-button svg {\n  width: 20px !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$w);
 
 function _extends$1u() { _extends$1u = 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$1u.apply(this, arguments); }
 
@@ -50910,17 +51383,17 @@ const SvgRefresh$1 = props => /*#__PURE__*/React__default.createElement("svg", _
   fill: "currentColor"
 }, props), _ref$1v);
 
-var css_248z$w = ".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 h5 {\n  font-size: 16px;\n  margin: 0 auto 10px 0;\n}\n.loadingIndicator .indicatorContents p {\n  margin: 4px auto;\n  color: #999;\n  font-size: 14px;\n}\n.loadingIndicator .indicatorContents .loadingIndicator-retry {\n  width: 40px;\n  margin: 20px auto 0 auto;\n}\n.loadingIndicator .indicatorContents-mini h4 {\n  color: #fff;\n  font-size: 12px;\n  margin: 5px 0 5px 0;\n}\n.loadingIndicator .indicatorContents-mini .loadingIndicator-retry {\n  width: 20px;\n  font-size: 12px;\n}\n";
-styleInject$1(css_248z$w);
+var css_248z$x = ".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 h5 {\n  font-size: 16px;\n  margin: 0 auto 10px 0;\n}\n.loadingIndicator .indicatorContents p {\n  margin: 4px auto;\n  color: #999;\n  font-size: 14px;\n}\n.loadingIndicator .indicatorContents .loadingIndicator-retry {\n  width: 40px;\n  margin: 20px auto 0 auto;\n}\n.loadingIndicator .indicatorContents-mini h4 {\n  color: #fff;\n  font-size: 12px;\n  margin: 5px 0 5px 0;\n}\n.loadingIndicator .indicatorContents-mini .loadingIndicator-retry {\n  width: 20px;\n  font-size: 12px;\n}\n";
+styleInject$1(css_248z$x);
 
-function _createSuper$1v(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1v(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1x(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1x(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1v() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1x() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var LoadingIndicator = /*#__PURE__*/function (_PureComponent) {
   inherits(LoadingIndicator, _PureComponent);
 
-  var _super = _createSuper$1v(LoadingIndicator);
+  var _super = _createSuper$1x(LoadingIndicator);
 
   function LoadingIndicator() {
     classCallCheck(this, LoadingIndicator);
@@ -50986,16 +51459,16 @@ defineProperty(LoadingIndicator, "defaultProps", {
   error: null
 });
 
-function _createSuper$1w(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1w(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1y(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1y(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1w() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1y() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 var loadIndicatorDelay = 300;
 var isMobile$2 = ua.isDeviceTypeMobile();
 
 var ThumbnailViewport = /*#__PURE__*/function (_Component) {
   inherits(ThumbnailViewport, _Component);
 
-  var _super = _createSuper$1w(ThumbnailViewport);
+  var _super = _createSuper$1y(ThumbnailViewport);
 
   function ThumbnailViewport(props) {
     var _this;
@@ -51135,9 +51608,9 @@ var ThumbnailViewport = /*#__PURE__*/function (_Component) {
   return ThumbnailViewport;
 }(React.Component);
 
-function _createSuper$1x(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1x(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1z(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1z(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1x() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1z() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 var isMobile$3 = ua.isDeviceTypeMobile();
 
 var ThumbContent = function ThumbContent(props) {
@@ -51183,7 +51656,7 @@ var ThumbContent = function ThumbContent(props) {
 var DicomThumbnailLayout = /*#__PURE__*/function (_Component) {
   inherits(DicomThumbnailLayout, _Component);
 
-  var _super = _createSuper$1x(DicomThumbnailLayout);
+  var _super = _createSuper$1z(DicomThumbnailLayout);
 
   function DicomThumbnailLayout(props) {
     var _this;
@@ -51335,14 +51808,16 @@ var DicomThumbnailLayout = /*#__PURE__*/function (_Component) {
             currentSeriesUID: currentSeriesUID,
             hasAI: hasAI
           })));
-        })))), /*#__PURE__*/React__default.createElement(PopperBox, {
+        })))), /*#__PURE__*/React__default.createElement("div", {
+          className: isMobile$3 ? 'paladin-fresh-button paladin-fresh-button-mobile paladin-flex-col' : 'paladin-fresh-button paladin-flex-col'
+        }, /*#__PURE__*/React__default.createElement(PopperBox, {
           tooltipPlacement: "left",
           tooltip: imageAutoLoad ? getI18nMessage('image_auto_download', 'auto_on_tooltip') : getI18nMessage('image_auto_download', 'auto_off_tooltip')
         }, /*#__PURE__*/React__default.createElement("div", {
           className: "paladin-image-auto-button paladin-flex-col",
           onClick: _this2.props.toggleAutoImageDownload
-        }, imageAutoLoad ? /*#__PURE__*/React__default.createElement(SvgImageAutoDownloadOn, null) : /*#__PURE__*/React__default.createElement(SvgImageAutoDownloadOff, null))), /*#__PURE__*/React__default.createElement("div", {
-          className: "paladin-fresh-button paladin-flex-col",
+        }, imageAutoLoad ? /*#__PURE__*/React__default.createElement(SvgImageAutoDownloadOn, null) : /*#__PURE__*/React__default.createElement(SvgImageAutoDownloadOff, null)))), /*#__PURE__*/React__default.createElement("div", {
+          className: isMobile$3 ? 'paladin-fresh-button paladin-fresh-button-mobile paladin-flex-col' : 'paladin-fresh-button paladin-flex-col',
           onClick: _this2.handleRefresh
         }, /*#__PURE__*/React__default.createElement(SvgRefresh, null)), !isMobile$3 && /*#__PURE__*/React__default.createElement("div", {
           className: "paladin-thumb-button paladin-flex-col",
@@ -51355,11 +51830,11 @@ var DicomThumbnailLayout = /*#__PURE__*/function (_Component) {
   return DicomThumbnailLayout;
 }(React.Component);
 
-function ownKeys$R(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$S(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$S(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$R(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$T(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$S(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$S(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$p = function mapStateToProps(state) {
+var mapStateToProps$q = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       activeIndex = _state$paladin$viewpo.activeIndex,
       currentSeriesUID = _state$paladin$viewpo.currentSeriesUID,
@@ -51383,8 +51858,8 @@ var mapStateToProps$p = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$p = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$S(_objectSpread$S(_objectSpread$S({}, ownProps), propsFromState), {}, {
+var mergeProps$q = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$T(_objectSpread$T(_objectSpread$T({}, ownProps), propsFromState), {}, {
     selectThumb: function selectThumb(selectSeriesIndex, currentStudy) {
       /**
        * 选择了缩略图时
@@ -51452,7 +51927,7 @@ var mergeProps$p = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomThumbnail = reactRedux.connect(mapStateToProps$p, {
+var ConnectedDicomThumbnail = reactRedux.connect(mapStateToProps$q, {
   setSeries: setSeries,
   setCurrentSeries: setCurrentSeries,
   setSeriesCurrentIndex: setSeriesCurrentIndex,
@@ -51461,10 +51936,10 @@ var ConnectedDicomThumbnail = reactRedux.connect(mapStateToProps$p, {
   setScrollLine: setScrollLine,
   setActiveIndex: setActiveIndex,
   activeDicomFunction: activeDicomFunction
-}, mergeProps$p)(DicomThumbnailLayout);
+}, mergeProps$q)(DicomThumbnailLayout);
 
-var css_248z$x = ".paladin-dicom-layout {\n  display: flex;\n  flex-wrap: wrap;\n  height: 100%;\n  flex: 1;\n}\n.paladin-dicom-layout-warp {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n";
-styleInject$1(css_248z$x);
+var css_248z$y = ".paladin-dicom-layout {\n  display: flex;\n  flex-wrap: wrap;\n  height: 100%;\n  flex: 1;\n}\n.paladin-dicom-layout-warp {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n";
+styleInject$1(css_248z$y);
 
 function combineDateAndTimeToMoment(dicom, tag) {
   var date = dicom[tag + 'Date'].toString();
@@ -51517,9 +51992,9 @@ function getPixelSpacing$9(imageId) {
   };
 }
 
-function _createSuper$1y(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1y(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1A(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1A(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1y() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1A() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var getStudyDateTime = function getStudyDateTime(dicom) {
   // 因为检查时间部分数据可能未传, 根据以下顺序进行获取
@@ -51645,7 +52120,7 @@ var formatDRDXInfo = function formatDRDXInfo(label, value) {
 var ViewportOverlay = /*#__PURE__*/function (_PureComponent) {
   inherits(ViewportOverlay, _PureComponent);
 
-  var _super = _createSuper$1y(ViewportOverlay);
+  var _super = _createSuper$1A(ViewportOverlay);
 
   function ViewportOverlay(props) {
     var _this;
@@ -51920,7 +52395,8 @@ var ViewportOverlay = /*#__PURE__*/function (_PureComponent) {
       var patientAge = this.getPatientAgeData();
       var patientID = this.getPatientIDData();
       var bodyPartExamined = dicom.BodyPartExamined.toString();
-      var laterality = dicom.Laterality.toString() || dicom.ImageLaterality.toString() || ''; //左下
+      var laterality = dicom.Laterality.toString() || dicom.ImageLaterality.toString() || '';
+      var viewPosition = dicom.ViewPosition.toString() || ''; //左下
 
       var patientOrientation = dicom.PatientOrientation.toString();
       var protocolName = dicom.ProtocolName.toString();
@@ -51974,7 +52450,7 @@ var ViewportOverlay = /*#__PURE__*/function (_PureComponent) {
           fontSize: "".concat(fontSize, "px"),
           display: "".concat(hide ? 'none' : 'block')
         }
-      }, /*#__PURE__*/React__default.createElement("div", null, institutionName), /*#__PURE__*/React__default.createElement("div", null, manufacturer, " ", manufacturerModelName), /*#__PURE__*/React__default.createElement("div", null, patientName, "/", patientSex, "/", patientAge), /*#__PURE__*/React__default.createElement("div", null, patientID), /*#__PURE__*/React__default.createElement("div", null, bodyPartExamined), /*#__PURE__*/React__default.createElement("div", null, laterality)), /*#__PURE__*/React__default.createElement("div", {
+      }, /*#__PURE__*/React__default.createElement("div", null, institutionName), /*#__PURE__*/React__default.createElement("div", null, manufacturer, " ", manufacturerModelName), /*#__PURE__*/React__default.createElement("div", null, patientName, "/", patientSex, "/", patientAge), /*#__PURE__*/React__default.createElement("div", null, patientID), /*#__PURE__*/React__default.createElement("div", null, bodyPartExamined), /*#__PURE__*/React__default.createElement("div", null, laterality, " ", viewPosition)), /*#__PURE__*/React__default.createElement("div", {
         style: {
           position: 'absolute',
           bottom: 4,
@@ -52015,8 +52491,8 @@ defineProperty(ViewportOverlay, "propTypes", {
   hide: PropTypes$1.bool
 });
 
-var css_248z$y = ".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$y);
+var css_248z$z = ".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$z);
 
 function _extends$1v() { _extends$1v = 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$1v.apply(this, arguments); }
 
@@ -52044,17 +52520,17 @@ const SvgChevronDown = props => /*#__PURE__*/React__default.createElement("svg",
   fill: "currentColor"
 }, props), _ref$1x);
 
-var css_248z$z = ".paladin-aiTips-wrapper {\n  width: 100%;\n  height: 100%;\n}\n.paladin-aiTips-content {\n  width: 1px;\n  height: 100%;\n  background: #ffff00;\n  position: absolute;\n  top: 0;\n}\n";
-styleInject$1(css_248z$z);
+var css_248z$A = ".paladin-aiTips-wrapper {\n  width: 100%;\n  height: 100%;\n}\n.paladin-aiTips-content {\n  width: 1px;\n  height: 100%;\n  background: #ffff00;\n  position: absolute;\n  top: 0;\n}\n";
+styleInject$1(css_248z$A);
 
-function _createSuper$1z(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1z(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1B(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1B(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1z() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1B() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var AITips = /*#__PURE__*/function (_Component) {
   inherits(AITips, _Component);
 
-  var _super = _createSuper$1z(AITips);
+  var _super = _createSuper$1B(AITips);
 
   function AITips() {
     classCallCheck(this, AITips);
@@ -52091,14 +52567,14 @@ defineProperty(AITips, "propTypes", {
   data: PropTypes$1.any
 });
 
-function _createSuper$1A(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1A(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1C(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1C(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1A() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1C() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var CustomScroll = /*#__PURE__*/function (_Component) {
   inherits(CustomScroll, _Component);
 
-  var _super = _createSuper$1A(CustomScroll);
+  var _super = _createSuper$1C(CustomScroll);
 
   function CustomScroll(props) {
     var _this;
@@ -52478,8 +52954,8 @@ defineProperty(CustomScroll, "propTypes", {
 
 });
 
-var css_248z$A = ".paladin-mpr-direaction-tip {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  width: 10px;\n  height: 10px;\n}\n.paladin-mpr-direaction-toggle-box {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  cursor: pointer;\n}\n.paladin-mpr-direaction-toggle-box span {\n  display: inline-block;\n  padding: 3px;\n  font-size: 12px;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle {\n  border: 1px solid #999;\n  background: #000;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle:last-child {\n  border-left: none;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle-active {\n  background: #0d5075;\n}\n.rc-slider {\n  background-color: transparent !important;\n}\n.paladin-viewport-wrapper {\n  overflow: hidden;\n  color: white;\n  height: 100%;\n  position: relative;\n}\n.cornerstone-canvas-container {\n  box-sizing: border-box;\n  width: 100%;\n  position: relative;\n}\n.paladin-viewport-scroll-wrappper {\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n}\n.paladin-viewport-scroll-inner {\n  width: 40%;\n  margin: 5px auto auto;\n}\n.paladin-viewport-scroll-mpr-wrappper {\n  width: 100%;\n  position: relative;\n  z-index: 1;\n}\n.paladin-key-image-tip {\n  position: absolute;\n  top: 9px;\n  left: 50%;\n  font-size: 12px;\n  transform: translateX(20px);\n}\n.paladin-key-image-tip svg {\n  display: inline-block;\n  width: 12px !important;\n  height: 12px !important;\n  margin-right: 3px;\n}\n";
-styleInject$1(css_248z$A);
+var css_248z$B = ".paladin-mpr-direaction-tip {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  width: 10px;\n  height: 10px;\n}\n.paladin-mpr-direaction-toggle-box {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  cursor: pointer;\n}\n.paladin-mpr-direaction-toggle-box span {\n  display: inline-block;\n  padding: 3px;\n  font-size: 12px;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle {\n  border: 1px solid #999;\n  background: #000;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle:last-child {\n  border-left: none;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle-active {\n  background: #0d5075;\n}\n.rc-slider {\n  background-color: transparent !important;\n}\n.paladin-viewport-wrapper {\n  overflow: hidden;\n  color: white;\n  height: 100%;\n  position: relative;\n}\n.cornerstone-canvas-container {\n  box-sizing: border-box;\n  width: 100%;\n  position: relative;\n}\n.paladin-viewport-scroll-wrappper {\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n}\n.paladin-viewport-scroll-inner {\n  width: 40%;\n  margin: 5px auto auto;\n}\n.paladin-viewport-scroll-mpr-wrappper {\n  width: 100%;\n  position: relative;\n  z-index: 1;\n}\n.paladin-key-image-tip {\n  position: absolute;\n  top: 9px;\n  left: 50%;\n  font-size: 12px;\n  transform: translateX(20px);\n}\n.paladin-key-image-tip svg {\n  display: inline-block;\n  width: 12px !important;\n  height: 12px !important;\n  margin-right: 3px;\n}\n";
+styleInject$1(css_248z$B);
 
 function _createForOfIteratorHelper$a(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$c(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
@@ -52682,7 +53158,7 @@ function _createForOfIteratorHelper$b(o, allowArrayLike) { var it; if (typeof Sy
 function _unsupportedIterableToArray$d(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$d(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$d(o, minLen); }
 
 function _arrayLikeToArray$d(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-var external$z = cornerstoneTools.external;
+var external$A = cornerstoneTools.external;
 
 function processCentesisPath(imageId) {
   var _imageId$split = imageId.split(':'),
@@ -52714,7 +53190,7 @@ function processCentesisPath(imageId) {
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var element = _step.value;
-      external$z.cornerstone.triggerEvent(element, 'MPR_REFERENCE_LINE', {
+      external$A.cornerstone.triggerEvent(element, 'MPR_REFERENCE_LINE', {
         images: images,
         source: imageOrientationPatient
       });
@@ -52726,17 +53202,17 @@ function processCentesisPath(imageId) {
   }
 }
 
-var css_248z$B = ".paladin-thickness-container {\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100px;\n  height: 16px;\n  background-color: #505050;\n  color: #888;\n  font-size: 13px;\n}\n.paladin-thickness-selecter {\n  padding: 5px 0;\n  background-color: #333;\n  color: #c8c8c8;\n  font-size: 12px;\n}\n.paladin-thickness-selecter .paladin-thickness-select-item {\n  padding: 3px 20px;\n  cursor: pointer;\n}\n.paladin-thickness-selecter .paladin-thickness-select-item:hover {\n  background-color: #fff;\n  color: #000;\n}\n.paladin-thickness-selecter .paladin-thickness-select-mpr {\n  border-bottom: 1px solid #ffffff;\n  padding: 3px 20px 8px 20px;\n}\n";
-styleInject$1(css_248z$B);
+var css_248z$C = ".paladin-thickness-container {\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100px;\n  height: 16px;\n  background-color: #505050;\n  color: #888;\n  font-size: 13px;\n}\n.paladin-thickness-selecter {\n  padding: 5px 0;\n  background-color: #333;\n  color: #c8c8c8;\n  font-size: 12px;\n}\n.paladin-thickness-selecter .paladin-thickness-select-item {\n  padding: 3px 20px;\n  cursor: pointer;\n}\n.paladin-thickness-selecter .paladin-thickness-select-item:hover {\n  background-color: #fff;\n  color: #000;\n}\n.paladin-thickness-selecter .paladin-thickness-select-mpr {\n  border-bottom: 1px solid #ffffff;\n  padding: 3px 20px 8px 20px;\n}\n";
+styleInject$1(css_248z$C);
 
-function _createSuper$1B(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1B(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1D(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1D(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1B() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1D() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var ThicknessSelectMain = /*#__PURE__*/function (_Component) {
   inherits(ThicknessSelectMain, _Component);
 
-  var _super = _createSuper$1B(ThicknessSelectMain);
+  var _super = _createSuper$1D(ThicknessSelectMain);
 
   function ThicknessSelectMain(props) {
     var _this;
@@ -52823,7 +53299,7 @@ var ThicknessSelectMain = /*#__PURE__*/function (_Component) {
   return ThicknessSelectMain;
 }(React.Component);
 
-var external$A = cornerstoneTools.external;
+var external$B = cornerstoneTools.external;
 
 function newImageIdSpecificToolStateManager() {
   var toolState = {};
@@ -52847,7 +53323,7 @@ function newImageIdSpecificToolStateManager() {
 
 
   function addElementToolState(element, toolName, data) {
-    var enabledElement = external$A.cornerstone.getEnabledElement(element); // If we don't have an image for this element exit early
+    var enabledElement = external$B.cornerstone.getEnabledElement(element); // If we don't have an image for this element exit early
 
     if (!enabledElement.uuid) {
       return;
@@ -52876,7 +53352,7 @@ function newImageIdSpecificToolStateManager() {
   }
 
   function getElementToolState(element, toolName) {
-    var enabledElement = external$A.cornerstone.getEnabledElement(element); // If the element does not have an image return undefined.
+    var enabledElement = external$B.cornerstone.getEnabledElement(element); // If the element does not have an image return undefined.
 
     if (!enabledElement.uuid) {
       return;
@@ -52904,7 +53380,7 @@ function newImageIdSpecificToolStateManager() {
 
 
   function setElementToolState(element, toolName, data) {
-    var enabledElement = external$A.cornerstone.getEnabledElement(element);
+    var enabledElement = external$B.cornerstone.getEnabledElement(element);
 
     if (!enabledElement.image) {
       return;
@@ -52922,7 +53398,7 @@ function newImageIdSpecificToolStateManager() {
 
 
   function clearElementToolState(element) {
-    var enabledElement = external$A.cornerstone.getEnabledElement(element);
+    var enabledElement = external$B.cornerstone.getEnabledElement(element);
 
     if (!enabledElement.image) {
       return;
@@ -52976,6 +53452,9 @@ var dicomToolDefaultProps = {
   }, {
     name: 'Wwwc',
     mouseButtonMasks: [1]
+  }, {
+    name: 'RotateFree',
+    mouseButtonMasks: [1]
   }, {
     name: 'ShutterShape'
   }, {
@@ -53118,6 +53597,9 @@ function getCustomAvailableTools(data) {
     mouseButtonMasks: stackScrollMask
   }, {
     name: 'ShutterShape'
+  }, {
+    name: 'RotateFree',
+    mouseButtonMasks: [1]
   }, {
     name: 'Length',
     mouseButtonMasks: [1]
@@ -53183,13 +53665,13 @@ function getCustomAvailableTools(data) {
   }];
 }
 
-function ownKeys$S(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$T(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$T(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$S(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$S(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$U(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$T(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$T(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$1C(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1C(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1E(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1E(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1C() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1E() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 var EVENT_RESIZE = 'resize';
 var loadIndicatorDelay$1 = 300;
 var loadHandlerManager$1 = cornerstoneTools.loadHandlerManager;
@@ -53229,7 +53711,7 @@ function initializeTools(cornerstoneTools, tools, element) {
 var DicomViewport = /*#__PURE__*/function (_Component) {
   inherits(DicomViewport, _Component);
 
-  var _super = _createSuper$1C(DicomViewport);
+  var _super = _createSuper$1E(DicomViewport);
 
   function DicomViewport(_props) {
     var _this;
@@ -53493,7 +53975,8 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
           Link = _this$props2.Link,
           activeTool = _this$props2.activeTool,
           autoLinkSyncWL = _this$props2.autoLinkSyncWL,
-          autoLinkSyncOther = _this$props2.autoLinkSyncOther;
+          autoLinkSyncOther = _this$props2.autoLinkSyncOther,
+          autoLinkSyncAbsolute = _this$props2.autoLinkSyncAbsolute;
       var sorceElements = linkSynchronizer && linkSynchronizer.getSourceElements();
 
       if (sorceElements && sorceElements.length > 0) {
@@ -53503,6 +53986,8 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
 
       window.onmouseup = function (e) {
         // 联动开启时，element是否需要同步viewport，按照联动配置判断
+        var _syncAbsolute = false;
+
         if (Link) {
           var _activeTool = activeTool;
           var button = e.button;
@@ -53511,7 +53996,7 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
             _activeTool = customDicomSetting.rightMouseTool;
           }
 
-          if (button === 4) {
+          if (button === 1) {
             _activeTool = customDicomSetting.middleMouseTool;
           }
 
@@ -53523,6 +54008,14 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
 
           if (_activeTool !== 'Wwwc' && autoLinkSyncOther) {
             syncViewportWithLinkedElement = true;
+
+            if (autoLinkSyncAbsolute) {
+              _syncAbsolute = true;
+            }
+          }
+
+          if (_syncAbsolute) {
+            _this.mouseDownViewport = null;
           }
 
           if (!syncViewportWithLinkedElement) {
@@ -54401,7 +54894,7 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
           nextViewport.colormap = undefined;
         }
 
-        cornerstone.setViewport(this.element, _objectSpread$T(_objectSpread$T({}, nextViewport), {}, {
+        cornerstone.setViewport(this.element, _objectSpread$U(_objectSpread$U({}, nextViewport), {}, {
           displayedArea: defaultViewport.displayedArea
         }));
         this.setState({
@@ -55006,7 +55499,7 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
 
 defineProperty(DicomViewport, "defaultProps", dicomToolDefaultProps);
 
-var mapStateToProps$q = function mapStateToProps(state) {
+var mapStateToProps$r = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.action,
       activeTool = _state$paladin$tools$.activeTool,
       ReferenceLines = _state$paladin$tools$.ReferenceLines,
@@ -55025,6 +55518,7 @@ var mapStateToProps$q = function mapStateToProps(state) {
       VR = _state$paladin$tools$.VR,
       autoLinkSyncWL = _state$paladin$tools$.autoLinkSyncWL,
       autoLinkSyncOther = _state$paladin$tools$.autoLinkSyncOther,
+      autoLinkSyncAbsolute = _state$paladin$tools$.autoLinkSyncAbsolute,
       Link = _state$paladin$tools$.Link,
       mprCrosshairMode = _state$paladin$tools$.mprCrosshairMode;
   var _state$paladin$tools$2 = state.paladin.tools.layout,
@@ -55070,17 +55564,18 @@ var mapStateToProps$q = function mapStateToProps(state) {
     autoLinkSyncWL: autoLinkSyncWL,
     autoLinkSyncOther: autoLinkSyncOther,
     Link: Link,
-    mprCrosshairMode: mprCrosshairMode
+    mprCrosshairMode: mprCrosshairMode,
+    autoLinkSyncAbsolute: autoLinkSyncAbsolute
   };
 };
 
-var ConnectedDicomViewport = reactRedux.connect(mapStateToProps$q, {
+var ConnectedDicomViewport = reactRedux.connect(mapStateToProps$r, {
   setActiveTool: setActiveTool,
   setSeriesCurrentIndex: setSeriesCurrentIndex
 })(DicomViewport);
 
-var css_248z$C = ".paladin-dicom-scroll {\n  display: flex;\n  width: 16px;\n  height: 100%;\n  flex-shrink: 0;\n  background: #333333;\n}\n";
-styleInject$1(css_248z$C);
+var css_248z$D = ".paladin-dicom-scroll {\n  display: flex;\n  width: 16px;\n  height: 100%;\n  flex-shrink: 0;\n  background: #333333;\n}\n";
+styleInject$1(css_248z$D);
 
 var DicomLayoutContainer = function DicomLayoutContainer(props) {
   return /*#__PURE__*/React__default.createElement("div", {
@@ -55095,9 +55590,9 @@ function _unsupportedIterableToArray$e(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$e(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _createSuper$1D(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1D(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1F(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1F(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1D() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1F() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var EmptyElement = function EmptyElement(_ref) {
   var col = _ref.col;
@@ -55114,7 +55609,7 @@ var isMobile$4 = ua.isDeviceTypeMobile();
 var DicomLayout = /*#__PURE__*/function (_Component) {
   inherits(DicomLayout, _Component);
 
-  var _super = _createSuper$1D(DicomLayout);
+  var _super = _createSuper$1F(DicomLayout);
 
   function DicomLayout(props) {
     var _this;
@@ -55422,15 +55917,15 @@ defineProperty(DicomLayout, "propTypes", {
 
 });
 
-function ownKeys$T(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$U(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$U(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$T(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$T(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$V(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$U(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$U(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 /**
  * 序列模式
  *
  */
 
-var mapStateToProps$r = function mapStateToProps(state) {
+var mapStateToProps$s = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       activeIndex = _state$paladin$viewpo.activeIndex,
       linkSeriesIndex = _state$paladin$viewpo.linkSeriesIndex,
@@ -55464,7 +55959,7 @@ var mapStateToProps$r = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$q = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$r = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var linkSeriesIndex = propsFromState.linkSeriesIndex,
       linkSynchronizer = propsFromState.linkSynchronizer,
       linkScrollSynchronizer = propsFromState.linkScrollSynchronizer,
@@ -55494,7 +55989,7 @@ var mergeProps$q = function mergeProps(propsFromState, propsFromDispatch, ownPro
   var startIndex = col * currentScrollLine;
   var endIndex = startIndex + col * row;
   var currentLayoutSeries = series.slice(startIndex, endIndex);
-  return _objectSpread$U(_objectSpread$U(_objectSpread$U(_objectSpread$U({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$V(_objectSpread$V(_objectSpread$V(_objectSpread$V({}, ownProps), propsFromState), propsFromDispatch), {}, {
     series: currentLayoutSeries,
     seriesTotalCount: series.length,
     row: row,
@@ -55764,7 +56259,7 @@ var mergeProps$q = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomLayout = reactRedux.connect(mapStateToProps$r, {
+var ConnectedDicomLayout = reactRedux.connect(mapStateToProps$s, {
   setActiveIndex: setActiveIndex,
   setCurrentSeries: setCurrentSeries,
   setSeries: setSeries,
@@ -55775,17 +56270,17 @@ var ConnectedDicomLayout = reactRedux.connect(mapStateToProps$r, {
   openOnePickLayout: openOnePickLayout,
   closeOnePickLayout: closeOnePickLayout,
   setCineFps: setCineFps
-}, mergeProps$q)(DicomLayout);
+}, mergeProps$r)(DicomLayout);
 
-function ownKeys$U(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$V(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$V(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$U(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$U(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$W(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$V(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$V(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 /**
  * 图像模式
  *
  */
 
-var mapStateToProps$s = function mapStateToProps(state) {
+var mapStateToProps$t = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       imageActiveIndex = _state$paladin$viewpo.imageActiveIndex,
       currentSeries = _state$paladin$viewpo.currentSeries,
@@ -55850,7 +56345,7 @@ var mapDispatchToProps$4 = function mapDispatchToProps(dispatch) {
   };
 };
 
-var mergeProps$r = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$s = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var currentSeries = propsFromState.currentSeries,
       imageActiveIndex = propsFromState.imageActiveIndex,
       linkImageIndex = propsFromState.linkImageIndex,
@@ -55885,7 +56380,7 @@ var mergeProps$r = function mergeProps(propsFromState, propsFromDispatch, ownPro
     };
   });
   var showVerticalScroll = series && series.length / col > row;
-  return _objectSpread$V(_objectSpread$V(_objectSpread$V(_objectSpread$V({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$W(_objectSpread$W(_objectSpread$W(_objectSpread$W({}, ownProps), propsFromState), propsFromDispatch), {}, {
     currentScrollLine: currentScrollLineImage,
     series: series,
     activeIndex: imageActiveIndex,
@@ -56015,19 +56510,19 @@ var mergeProps$r = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomImageModeLayout = reactRedux.connect(mapStateToProps$s, mapDispatchToProps$4, mergeProps$r)(DicomLayout);
+var ConnectedDicomImageModeLayout = reactRedux.connect(mapStateToProps$t, mapDispatchToProps$4, mergeProps$s)(DicomLayout);
 
-var css_248z$D = ".paladin-dicom-layout {\n  display: flex;\n  flex-wrap: wrap;\n  height: 100%;\n  flex: 1;\n}\n.paladin-dicom-layout-warp {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n";
-styleInject$1(css_248z$D);
+var css_248z$E = ".paladin-dicom-layout {\n  display: flex;\n  flex-wrap: wrap;\n  height: 100%;\n  flex: 1;\n}\n.paladin-dicom-layout-warp {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n";
+styleInject$1(css_248z$E);
 
-function _createSuper$1E(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1E(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1G(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1G(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1E() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1G() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var SurgeryLayout = /*#__PURE__*/function (_Component) {
   inherits(SurgeryLayout, _Component);
 
-  var _super = _createSuper$1E(SurgeryLayout);
+  var _super = _createSuper$1G(SurgeryLayout);
 
   function SurgeryLayout(props) {
     var _this;
@@ -56684,11 +57179,11 @@ var SurgeryLayout = /*#__PURE__*/function (_Component) {
 
 defineProperty(SurgeryLayout, "propTypes", {});
 
-function ownKeys$V(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$W(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$W(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$V(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$V(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$X(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$W(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$W(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$t = function mapStateToProps(state) {
+var mapStateToProps$u = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       currentSeries = _state$paladin$viewpo.currentSeries,
       surgeryActiveIndex = _state$paladin$viewpo.surgeryActiveIndex,
@@ -56704,8 +57199,8 @@ var mapStateToProps$t = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$s = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$W(_objectSpread$W(_objectSpread$W({}, propsFromState), ownProps), {}, {
+var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$X(_objectSpread$X(_objectSpread$X({}, propsFromState), ownProps), {}, {
     onViewPortCellClick: function onViewPortCellClick() {
       propsFromDispatch.setSurgeryActiveIndex.apply(propsFromDispatch, arguments);
     },
@@ -56724,21 +57219,21 @@ var mergeProps$s = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedSurgeryLayout = reactRedux.connect(mapStateToProps$t, {
+var ConnectedSurgeryLayout = reactRedux.connect(mapStateToProps$u, {
   setSurgeryActiveIndex: setSurgeryActiveIndex
-}, mergeProps$s)(SurgeryLayout);
+}, mergeProps$t)(SurgeryLayout);
 
-var css_248z$E = ".paladin-dicom-layout {\n  display: flex;\n  flex-wrap: wrap;\n  height: 100%;\n  flex: 1;\n}\n.paladin-dicom-layout-warp {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n";
-styleInject$1(css_248z$E);
+var css_248z$F = ".paladin-dicom-layout {\n  display: flex;\n  flex-wrap: wrap;\n  height: 100%;\n  flex: 1;\n}\n.paladin-dicom-layout-warp {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n";
+styleInject$1(css_248z$F);
 
-function _createSuper$1F(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1F(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1H(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1H(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1F() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1H() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var CPRLayout = /*#__PURE__*/function (_Component) {
   inherits(CPRLayout, _Component);
 
-  var _super = _createSuper$1F(CPRLayout);
+  var _super = _createSuper$1H(CPRLayout);
 
   function CPRLayout(props) {
     var _this;
@@ -57026,11 +57521,11 @@ var CPRLayout = /*#__PURE__*/function (_Component) {
 
 defineProperty(CPRLayout, "propTypes", {});
 
-function ownKeys$W(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$X(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$X(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$W(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$W(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$Y(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$X(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$X(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$u = function mapStateToProps(state) {
+var mapStateToProps$v = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       currentSeries = _state$paladin$viewpo.currentSeries,
       surgeryActiveIndex = _state$paladin$viewpo.surgeryActiveIndex,
@@ -57044,8 +57539,8 @@ var mapStateToProps$u = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$X(_objectSpread$X(_objectSpread$X({}, propsFromState), ownProps), {}, {
+var mergeProps$u = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$Y(_objectSpread$Y(_objectSpread$Y({}, propsFromState), ownProps), {}, {
     onViewPortCellClick: function onViewPortCellClick() {
       propsFromDispatch.setSurgeryActiveIndex.apply(propsFromDispatch, arguments);
     },
@@ -57058,24 +57553,160 @@ var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedCPRLayout = reactRedux.connect(mapStateToProps$u, {
+var ConnectedCPRLayout = reactRedux.connect(mapStateToProps$v, {
   setSurgeryActiveIndex: setSurgeryActiveIndex
-}, mergeProps$t)(CPRLayout);
-
-var css_248z$F = ".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-mobileWrapper {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  width: 0;\n  background: #1D1D1D;\n  padding-bottom: env(safe-area-inset-bottom);\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.paladin-global-loading {\n  position: absolute;\n  z-index: 9999;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.55);\n  color: #fff;\n  text-align: center;\n  font-size: 20px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paladin-global-loading .paladin-global-loading-close {\n  position: absolute;\n  z-index: 19999;\n  top: 10px;\n  right: 10px;\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n}\n.paladin-global-loading .paladin-global-loading-text {\n  margin-bottom: 100px;\n}\n";
-styleInject$1(css_248z$F);
+}, mergeProps$u)(CPRLayout);
 
-var css_248z$G = ".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-55 {\n  width: 100%;\n  height: 55%;\n}\n.paladin-three-height-45 {\n  width: 100%;\n  height: 45%;\n}\n.paladin-three-height-50 {\n  width: 100%;\n  height: 50%;\n}\n.paladin-three-width-50 {\n  width: 50%;\n  height: 100%;\n}\n.paladin-three-height-33 {\n  width: 100%;\n  height: 33.333%;\n}\n.paladin-three-width-33 {\n  height: 100%;\n  width: 33.333%;\n}\n.paladin-three-relative {\n  position: relative;\n}\n.mip-wwwc {\n  position: absolute;\n  bottom: 15px;\n  left: 15px;\n}\n.mip-wwwc p {\n  color: #ffffff;\n  margin: 0;\n  text-align: right;\n}\n";
+var css_248z$G = ".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-mobileWrapper {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  width: 0;\n  background: #1D1D1D;\n  padding-bottom: env(safe-area-inset-bottom);\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.paladin-global-loading {\n  position: absolute;\n  z-index: 9999;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.55);\n  color: #fff;\n  text-align: center;\n  font-size: 20px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paladin-global-loading .paladin-global-loading-close {\n  position: absolute;\n  z-index: 19999;\n  top: 10px;\n  right: 10px;\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n}\n.paladin-global-loading .paladin-global-loading-text {\n  margin-bottom: 100px;\n}\n";
 styleInject$1(css_248z$G);
 
-function _createSuper$1G(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1G(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+var css_248z$H = ".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-horizontal-middle {\n  width: 50%;\n  height: 100%;\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-vertical-middle {\n  height: 50%;\n}\n.paladin-three-height-55 {\n  width: 100%;\n  height: 55%;\n}\n.paladin-three-height-45 {\n  width: 100%;\n  height: 45%;\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$H);
 
-function _isNativeReflectConstruct$1G() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _createSuper$1I(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1I(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$1I() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+var MPRHozLeftLayout = function MPRHozLeftLayout(_ref) {
+  var perspective1 = _ref.perspective1,
+      perspective2 = _ref.perspective2,
+      perspective3 = _ref.perspective3;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-wrapper"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-horizontal-left"
+  }, perspective1), /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-horizontal-right"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-height-50"
+  }, perspective2), /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-height-50"
+  }, perspective3)));
+};
+
+var MPRHozLeftMiddleLayout = function MPRHozLeftMiddleLayout(_ref2) {
+  var perspective1 = _ref2.perspective1,
+      perspective2 = _ref2.perspective2,
+      perspective3 = _ref2.perspective3;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-wrapper"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-horizontal-left paladin-three-horizontal-middle"
+  }, perspective1), /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-horizontal-right paladin-three-horizontal-middle"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-height-50"
+  }, perspective2), /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-height-50"
+  }, perspective3)));
+};
+
+var MPRHozRightLayout = function MPRHozRightLayout(_ref3) {
+  var perspective1 = _ref3.perspective1,
+      perspective2 = _ref3.perspective2,
+      perspective3 = _ref3.perspective3;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-wrapper"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-horizontal-right"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-height-50"
+  }, perspective2), /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-height-50"
+  }, perspective3)), /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-horizontal-left"
+  }, perspective1));
+};
+
+var MPRHozRightMiddleLayout = function MPRHozRightMiddleLayout(_ref4) {
+  var perspective1 = _ref4.perspective1,
+      perspective2 = _ref4.perspective2,
+      perspective3 = _ref4.perspective3;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-wrapper"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-horizontal-right paladin-three-horizontal-middle"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-height-50"
+  }, perspective2), /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-height-50"
+  }, perspective3)), /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-horizontal-left paladin-three-horizontal-middle"
+  }, perspective1));
+};
+
+var MPRVertTopLayout = function MPRVertTopLayout(_ref5) {
+  var perspective1 = _ref5.perspective1,
+      perspective2 = _ref5.perspective2,
+      perspective3 = _ref5.perspective3;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-wrapper paladin-flex-col"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-vertical-top"
+  }, perspective1), /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-vertical-bottom"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-width-50"
+  }, perspective2), /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-width-50"
+  }, perspective3)));
+};
+
+var MPRVertTopMiddleLayout = function MPRVertTopMiddleLayout(_ref6) {
+  var perspective1 = _ref6.perspective1,
+      perspective2 = _ref6.perspective2,
+      perspective3 = _ref6.perspective3;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-wrapper paladin-flex-col"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-vertical-top paladin-three-vertical-middle"
+  }, perspective1), /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-vertical-bottom paladin-three-vertical-middle"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-width-50"
+  }, perspective2), /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-width-50"
+  }, perspective3)));
+};
+
+var MPRVertBottomLayout = function MPRVertBottomLayout(_ref7) {
+  var perspective1 = _ref7.perspective1,
+      perspective2 = _ref7.perspective2,
+      perspective3 = _ref7.perspective3;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-wrapper paladin-flex-col"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-vertical-bottom"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-width-50"
+  }, perspective2), /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-width-50"
+  }, perspective3)), /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-vertical-top"
+  }, perspective1));
+};
+
+var MPRVertBottomMiddleLayout = function MPRVertBottomMiddleLayout(_ref8) {
+  var perspective1 = _ref8.perspective1,
+      perspective2 = _ref8.perspective2,
+      perspective3 = _ref8.perspective3;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-wrapper paladin-flex-col"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-vertical-bottom paladin-three-vertical-middle"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-width-50"
+  }, perspective2), /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-width-50"
+  }, perspective3)), /*#__PURE__*/React__default.createElement("div", {
+    className: "paladin-three-vertical-top paladin-three-vertical-middle"
+  }, perspective1));
+};
 
 var ThreeDLayout = /*#__PURE__*/function (_Component) {
   inherits(ThreeDLayout, _Component);
 
-  var _super = _createSuper$1G(ThreeDLayout);
+  var _super = _createSuper$1I(ThreeDLayout);
 
   function ThreeDLayout(props) {
     var _this;
@@ -57372,7 +58003,9 @@ var ThreeDLayout = /*#__PURE__*/function (_Component) {
           getCacheViewport = _this$props.getCacheViewport,
           onSyncOpen = _this$props.onSyncOpen,
           VR = _this$props.VR,
-          onViewPortCellDoubleClick = _this$props.onViewPortCellDoubleClick;
+          onViewPortCellDoubleClick = _this$props.onViewPortCellDoubleClick,
+          mprLayoutHoz = _this$props.mprLayoutHoz,
+          mprLayoutVer = _this$props.mprLayoutVer;
       var transverseIndex = mprPerspective === ImagePlanDirection.Transverse ? 0 : mprPerspective === ImagePlanDirection.Sagittal ? 2 : 1;
       var sagittalIndex = mprPerspective === ImagePlanDirection.Transverse ? 1 : mprPerspective === ImagePlanDirection.Sagittal ? 0 : 2;
       var coronalIndex = mprPerspective === ImagePlanDirection.Transverse ? 2 : mprPerspective === ImagePlanDirection.Sagittal ? 1 : 0; // 横断面
@@ -57442,30 +58075,84 @@ var ThreeDLayout = /*#__PURE__*/function (_Component) {
 
       var perspective1 = mprPerspective === ImagePlanDirection.Transverse ? transverseEle : mprPerspective === ImagePlanDirection.Sagittal ? sagittalEle : coronalEle;
       var perspective2 = mprPerspective === ImagePlanDirection.Transverse ? sagittalEle : mprPerspective === ImagePlanDirection.Sagittal ? coronalEle : transverseEle;
-      var perspective3 = mprPerspective === ImagePlanDirection.Transverse ? coronalEle : mprPerspective === ImagePlanDirection.Sagittal ? transverseEle : sagittalEle;
-      var mprMode = /*#__PURE__*/React__default.createElement("div", {
-        className: "paladin-full-content"
-      }, screenDirection === 'horizontal' ? /*#__PURE__*/React__default.createElement("div", {
-        className: "paladin-three-wrapper"
-      }, /*#__PURE__*/React__default.createElement("div", {
-        className: "paladin-three-horizontal-left"
-      }, perspective1), /*#__PURE__*/React__default.createElement("div", {
-        className: "paladin-three-horizontal-right"
-      }, /*#__PURE__*/React__default.createElement("div", {
-        className: "paladin-three-height-50"
-      }, perspective2), /*#__PURE__*/React__default.createElement("div", {
-        className: "paladin-three-height-50"
-      }, perspective3))) : /*#__PURE__*/React__default.createElement("div", {
-        className: "paladin-three-wrapper paladin-flex-col"
-      }, /*#__PURE__*/React__default.createElement("div", {
-        className: "paladin-three-vertical-top"
-      }, perspective1), /*#__PURE__*/React__default.createElement("div", {
-        className: "paladin-three-vertical-bottom"
-      }, /*#__PURE__*/React__default.createElement("div", {
-        className: "paladin-three-width-50"
-      }, perspective2), /*#__PURE__*/React__default.createElement("div", {
-        className: "paladin-three-width-50"
-      }, perspective3))));
+      var perspective3 = mprPerspective === ImagePlanDirection.Transverse ? coronalEle : mprPerspective === ImagePlanDirection.Sagittal ? transverseEle : sagittalEle; // MPR布局
+
+      var mprMode;
+
+      var _mprLayoutHoz;
+
+      if (screenDirection === 'horizontal') {
+        _mprLayoutHoz = mprLayoutHoz;
+      } else {
+        _mprLayoutHoz = mprLayoutVer;
+      }
+
+      if (_mprLayoutHoz) {
+        if (_mprLayoutHoz === 'left') {
+          mprMode = /*#__PURE__*/React__default.createElement(MPRHozLeftLayout, {
+            perspective1: perspective1,
+            perspective2: perspective2,
+            perspective3: perspective3
+          });
+        }
+
+        if (_mprLayoutHoz === 'leftMiddle') {
+          mprMode = /*#__PURE__*/React__default.createElement(MPRHozLeftMiddleLayout, {
+            perspective1: perspective1,
+            perspective2: perspective2,
+            perspective3: perspective3
+          });
+        }
+
+        if (_mprLayoutHoz === 'right') {
+          mprMode = /*#__PURE__*/React__default.createElement(MPRHozRightLayout, {
+            perspective1: perspective1,
+            perspective2: perspective2,
+            perspective3: perspective3
+          });
+        }
+
+        if (_mprLayoutHoz === 'rightMiddle') {
+          mprMode = /*#__PURE__*/React__default.createElement(MPRHozRightMiddleLayout, {
+            perspective1: perspective1,
+            perspective2: perspective2,
+            perspective3: perspective3
+          });
+        }
+
+        if (_mprLayoutHoz === 'top') {
+          mprMode = /*#__PURE__*/React__default.createElement(MPRVertTopLayout, {
+            perspective1: perspective1,
+            perspective2: perspective2,
+            perspective3: perspective3
+          });
+        }
+
+        if (_mprLayoutHoz === 'topMiddle') {
+          mprMode = /*#__PURE__*/React__default.createElement(MPRVertTopMiddleLayout, {
+            perspective1: perspective1,
+            perspective2: perspective2,
+            perspective3: perspective3
+          });
+        }
+
+        if (_mprLayoutHoz === 'bottom') {
+          mprMode = /*#__PURE__*/React__default.createElement(MPRVertBottomLayout, {
+            perspective1: perspective1,
+            perspective2: perspective2,
+            perspective3: perspective3
+          });
+        }
+
+        if (_mprLayoutHoz === 'bottomMiddle') {
+          mprMode = /*#__PURE__*/React__default.createElement(MPRVertBottomMiddleLayout, {
+            perspective1: perspective1,
+            perspective2: perspective2,
+            perspective3: perspective3
+          });
+        }
+      }
+
       var vrMode = /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-full-content"
       }, screenDirection === 'horizontal' ? /*#__PURE__*/React__default.createElement("div", {
@@ -57505,28 +58192,33 @@ var ThreeDLayout = /*#__PURE__*/function (_Component) {
 
 defineProperty(ThreeDLayout, "propTypes", {});
 
-function ownKeys$X(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$Y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$Y(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$X(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$X(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$Z(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$Y(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$Y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$v = function mapStateToProps(state) {
+var mapStateToProps$w = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       currentSeries = _state$paladin$viewpo.currentSeries,
       mprActiveIndex = _state$paladin$viewpo.mprActiveIndex,
       mprPerspective = _state$paladin$viewpo.mprPerspective,
       mprSynchronizer = _state$paladin$viewpo.mprSynchronizer;
   var showOverlayText = state.paladin.tools.action.showOverlayText;
+  var _state$paladin$tools$ = state.paladin.tools.layout,
+      mprLayoutHoz = _state$paladin$tools$.mprLayoutHoz,
+      mprLayoutVer = _state$paladin$tools$.mprLayoutVer;
   return {
     currentSeries: currentSeries,
     mprActiveIndex: mprActiveIndex,
     showOverlayText: showOverlayText,
     mprPerspective: mprPerspective,
-    mprSynchronizer: mprSynchronizer
+    mprSynchronizer: mprSynchronizer,
+    mprLayoutHoz: mprLayoutHoz,
+    mprLayoutVer: mprLayoutVer
   };
 };
 
-var mergeProps$u = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$Y(_objectSpread$Y(_objectSpread$Y({}, propsFromState), ownProps), {}, {
+var mergeProps$v = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$Z(_objectSpread$Z(_objectSpread$Z({}, propsFromState), ownProps), {}, {
     onViewPortCellClick: function onViewPortCellClick() {
       propsFromDispatch.setMprActiveIndex.apply(propsFromDispatch, arguments);
     },
@@ -57545,10 +58237,10 @@ var mergeProps$u = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedMPRLayout = reactRedux.connect(mapStateToProps$v, {
+var ConnectedMPRLayout = reactRedux.connect(mapStateToProps$w, {
   setMprActiveIndex: setMprActiveIndex,
   switchMprPerspective: switchMprPerspective
-}, mergeProps$u)(ThreeDLayout);
+}, mergeProps$v)(ThreeDLayout);
 
 function _createForOfIteratorHelper$d(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$f(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
@@ -57556,14 +58248,14 @@ 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$1H(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1H(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1J(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1J(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1H() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1J() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var ThreeDLayout$1 = /*#__PURE__*/function (_Component) {
   inherits(ThreeDLayout, _Component);
 
-  var _super = _createSuper$1H(ThreeDLayout);
+  var _super = _createSuper$1J(ThreeDLayout);
 
   function ThreeDLayout(props) {
     var _this;
@@ -57833,31 +58525,31 @@ var ThreeDLayout$1 = /*#__PURE__*/function (_Component) {
 
 defineProperty(ThreeDLayout$1, "propTypes", {});
 
-function ownKeys$Y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$Z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$Z(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$Y(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$Y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$_(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$Z(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$Z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$w = function mapStateToProps(state) {
+var mapStateToProps$x = function mapStateToProps(state) {
   var currentSeries = state.paladin.viewport.currentSeries;
   return {
     currentSeries: currentSeries
   };
 };
 
-var mergeProps$v = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$Z(_objectSpread$Z({}, propsFromState), ownProps);
+var mergeProps$w = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$_(_objectSpread$_({}, propsFromState), ownProps);
 };
 
-var ConnectedVR = reactRedux.connect(mapStateToProps$w, {}, mergeProps$v)(ThreeDLayout$1);
+var ConnectedVR = reactRedux.connect(mapStateToProps$x, {}, mergeProps$w)(ThreeDLayout$1);
 
-function _createSuper$1I(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1I(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1K(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1K(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1I() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1K() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var MIPLayout = /*#__PURE__*/function (_Component) {
   inherits(MIPLayout, _Component);
 
-  var _super = _createSuper$1I(MIPLayout);
+  var _super = _createSuper$1K(MIPLayout);
 
   function MIPLayout(props) {
     var _this;
@@ -58075,24 +58767,24 @@ var MIPLayout = /*#__PURE__*/function (_Component) {
 
 defineProperty(MIPLayout, "propTypes", {});
 
-function ownKeys$Z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$_(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$_(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$Z(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$Z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$$(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$_(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$_(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$x = function mapStateToProps(state) {
+var mapStateToProps$y = function mapStateToProps(state) {
   var currentSeries = state.paladin.viewport.currentSeries;
   return {
     currentSeries: currentSeries
   };
 };
 
-var mergeProps$w = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$_(_objectSpread$_(_objectSpread$_({}, propsFromState), propsFromDispatch), ownProps);
+var mergeProps$x = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$$(_objectSpread$$(_objectSpread$$({}, propsFromState), propsFromDispatch), ownProps);
 };
 
-var ConnectedMIP = reactRedux.connect(mapStateToProps$x, {
+var ConnectedMIP = reactRedux.connect(mapStateToProps$y, {
   set3DActiveTool: set3DActiveTool
-}, mergeProps$w)(MIPLayout);
+}, mergeProps$x)(MIPLayout);
 
 function colorMapFix(viewportData) {
   viewportData.imageViewports = lodash$1.map(viewportData.imageViewports, function (seriesViewportArr) {
@@ -58107,15 +58799,15 @@ function colorMapFix(viewportData) {
   return viewportData;
 }
 
-function ownKeys$_(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$$(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$$(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$_(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$_(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$10(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$$(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$$(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 /**
  * 全部模式
  *
  */
 
-var mapStateToProps$y = function mapStateToProps(state) {
+var mapStateToProps$z = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       imageActiveIndex = _state$paladin$viewpo.imageActiveIndex,
       linkImageIndex = _state$paladin$viewpo.linkImageIndex,
@@ -58178,7 +58870,7 @@ var mapDispatchToProps$5 = function mapDispatchToProps(dispatch) {
   };
 };
 
-var mergeProps$x = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$y = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var imageActiveIndex = propsFromState.imageActiveIndex,
       linkImageIndex = propsFromState.linkImageIndex,
       activeIndex = propsFromState.activeIndex,
@@ -58213,7 +58905,7 @@ var mergeProps$x = function mergeProps(propsFromState, propsFromDispatch, ownPro
   var endIndex = startIndex + onePageCount;
   var series = allSeries.slice(startIndex, endIndex);
   var showVerticalScroll = series && series.length / col > row;
-  return _objectSpread$$(_objectSpread$$(_objectSpread$$(_objectSpread$$({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$10(_objectSpread$10(_objectSpread$10(_objectSpread$10({}, ownProps), propsFromState), propsFromDispatch), {}, {
     currentScrollLine: currentScrollLineImage,
     series: series,
     activeIndex: imageActiveIndex,
@@ -58327,11 +59019,11 @@ var mergeProps$x = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomAllImageModeLayout = reactRedux.connect(mapStateToProps$y, mapDispatchToProps$5, mergeProps$x)(DicomLayout);
+var ConnectedDicomAllImageModeLayout = reactRedux.connect(mapStateToProps$z, mapDispatchToProps$5, mergeProps$y)(DicomLayout);
 
-function ownKeys$$(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$10(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$10(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$$(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$$(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$11(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$10(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$10(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 /**
  * 一些情况下传入paladin的numberOfSeriesRelatedInstances不是实际的序列图像数量
  * 所以在study传入的时候需进行修正
@@ -58342,9 +59034,9 @@ function studySeriesDataCheck (studies) {
     if (study.checked) {
       return study;
     } else {
-      return _objectSpread$10(_objectSpread$10({}, study), {}, {
+      return _objectSpread$11(_objectSpread$11({}, study), {}, {
         series: lodash$1.map(study.series, function (series) {
-          return _objectSpread$10(_objectSpread$10({}, series), {}, {
+          return _objectSpread$11(_objectSpread$11({}, series), {}, {
             numberOfSeriesRelatedInstances: series.imageIds.length || 0
           });
         }),
@@ -58354,8 +59046,8 @@ function studySeriesDataCheck (studies) {
   });
 }
 
-var css_248z$H = ".paladin-film-tool {\n  width: 220px;\n  color: #c0c0c0;\n  padding: 10px;\n  font-size: 15px;\n}\n.paladin-film-tool .film-full-line {\n  width: 100%;\n  height: 1px;\n  background: #777676;\n  margin: 10px 0;\n}\n.paladin-film-tool .film-half-button,\n.paladin-film-tool .film-full-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  height: 40px;\n  border: 1px solid #1c1c1c;\n  box-sizing: border-box;\n}\n.paladin-film-tool .film-half-button svg,\n.paladin-film-tool .film-full-button svg {\n  width: 18px;\n  height: 18px;\n  margin-right: 6px;\n}\n.paladin-film-tool .film-half-button {\n  width: 50%;\n}\n.paladin-film-tool .film-full-button {\n  width: 100%;\n}\n.paladin-film-tool .film-template-box {\n  display: flex;\n  width: 100%;\n  height: 40px;\n  border: 1px solid #1c1c1c;\n  box-sizing: border-box;\n}\n.paladin-film-tool .film-template-box div {\n  display: flex;\n  flex: 1;\n  cursor: pointer;\n  align-items: center;\n}\n.paladin-film-tool .film-template-box .template-add {\n  flex: none;\n  padding-left: 5px;\n  padding-right: 7px;\n  border-right: 1px solid #1c1c1c;\n  height: 100%;\n}\n.paladin-film-tool .film-template-box .template-select {\n  justify-content: center;\n}\n.paladin-film-tool .film-template-box .template-select svg {\n  width: 18px;\n  margin-left: 3px;\n}\n.paladin-film-tool .film-template-box .template-setting {\n  height: 100%;\n  width: 20px;\n  flex: none;\n  padding-left: 7px;\n  padding-right: 5px;\n  border-left: 1px solid #1c1c1c;\n}\n.paladin-film-tool .film-template-box .template-setting svg {\n  width: 20px;\n}\n.paladin-film-tool .film-size-box {\n  margin: 20px 0;\n  display: flex;\n  align-items: center;\n}\n.paladin-film-tool .film-size-box span {\n  display: flex;\n  flex: none;\n  margin-right: 8px;\n}\n.paladin-film-tool .film-size-box .film-size-select {\n  height: 40px;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid #1c1c1c;\n  box-sizing: border-box;\n}\n.paladin-film-tool .film-size-box button {\n  border: none;\n  width: 100%;\n  height: 100%;\n  background: #353535;\n  color: #c0c0c0;\n  font-size: 15px;\n}\n.paladin-film-tool .film-size-box svg {\n  width: 20px;\n}\n.paladin-film-tool .g-rgl-grid {\n  padding: 12px;\n}\n.paladin-dropdown-custom {\n  z-index: 99;\n  left: 50px !important;\n}\n.paladin-menu-custom {\n  width: 180px;\n  background: #000000;\n  color: #c0c0c0;\n  padding: 0;\n}\n.paladin-menu-custom li {\n  text-align: center;\n  list-style: none;\n  border-bottom: 1px solid #4D4D4D;\n  padding: 6px 0;\n  cursor: pointer;\n}\n.paladin-menu-custom li:last-child {\n  border-bottom: none;\n}\n.rc-dropdown-hidden {\n  display: none;\n}\n.paladin-film-print-modal-wrapper {\n  overflow: hidden;\n}\n.paladin-film-print-modal-wrapper .paladin-modal-header {\n  color: #fff;\n  font-weight: normal;\n  font-size: 16px;\n  border-bottom: 1px solid #484849;\n}\n.paladin-film-print-modal-wrapper .paladin-modal-footer {\n  border: none;\n}\n";
-styleInject$1(css_248z$H);
+var css_248z$I = ".paladin-film-tool {\n  width: 220px;\n  color: #c0c0c0;\n  padding: 10px;\n  font-size: 15px;\n}\n.paladin-film-tool .paladin-film-back {\n  display: flex;\n  flex-direction: row;\n}\n.paladin-film-tool .paladin-film-back-help {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 10px;\n}\n.paladin-film-tool .paladin-film-back-help svg {\n  width: 20px;\n}\n.paladin-film-tool .film-full-line {\n  width: 100%;\n  height: 1px;\n  background: #777676;\n  margin: 10px 0;\n}\n.paladin-film-tool .film-half-button,\n.paladin-film-tool .film-full-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  height: 40px;\n  border: 1px solid #1c1c1c;\n  box-sizing: border-box;\n}\n.paladin-film-tool .film-half-button svg,\n.paladin-film-tool .film-full-button svg {\n  width: 18px;\n  height: 18px;\n  margin-right: 6px;\n}\n.paladin-film-tool .film-half-button {\n  width: 50%;\n}\n.paladin-film-tool .film-full-button {\n  width: 100%;\n}\n.paladin-film-tool .film-template-box {\n  display: flex;\n  width: 100%;\n  height: 40px;\n  border: 1px solid #1c1c1c;\n  box-sizing: border-box;\n}\n.paladin-film-tool .film-template-box div {\n  display: flex;\n  flex: 1;\n  cursor: pointer;\n  align-items: center;\n}\n.paladin-film-tool .film-template-box .template-add {\n  flex: none;\n  padding-left: 5px;\n  padding-right: 7px;\n  border-right: 1px solid #1c1c1c;\n  height: 100%;\n}\n.paladin-film-tool .film-template-box .template-select {\n  justify-content: center;\n}\n.paladin-film-tool .film-template-box .template-select svg {\n  width: 18px;\n  margin-left: 3px;\n}\n.paladin-film-tool .film-template-box .template-setting {\n  height: 100%;\n  width: 20px;\n  flex: none;\n  padding-left: 7px;\n  padding-right: 5px;\n  border-left: 1px solid #1c1c1c;\n}\n.paladin-film-tool .film-template-box .template-setting svg {\n  width: 20px;\n}\n.paladin-film-tool .film-size-box {\n  margin: 20px 0;\n  display: flex;\n  align-items: center;\n}\n.paladin-film-tool .film-size-box span {\n  display: flex;\n  flex: none;\n  margin-right: 8px;\n}\n.paladin-film-tool .film-size-box .film-size-select {\n  height: 40px;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid #1c1c1c;\n  box-sizing: border-box;\n}\n.paladin-film-tool .film-size-box .film-orientation-select {\n  height: 40px;\n  display: flex;\n  flex: 1;\n  box-sizing: border-box;\n}\n.paladin-film-tool .film-size-box .film-orientation-select .film-orientation-item {\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid #1c1c1c;\n  cursor: pointer;\n}\n.paladin-film-tool .film-size-box .film-orientation-select .film-orientation-item-active {\n  background: #0d5075;\n  color: #fff;\n}\n.paladin-film-tool .film-size-box button {\n  border: none;\n  width: 100%;\n  height: 100%;\n  background: #353535;\n  color: #c0c0c0;\n  font-size: 15px;\n}\n.paladin-film-tool .film-size-box svg {\n  width: 20px;\n}\n.paladin-film-tool .g-rgl-grid {\n  padding: 12px;\n}\n.paladin-dropdown-custom {\n  z-index: 99;\n  left: 50px !important;\n}\n.paladin-menu-custom {\n  width: 180px;\n  background: #000000;\n  color: #c0c0c0;\n  padding: 0;\n}\n.paladin-menu-custom li {\n  text-align: center;\n  list-style: none;\n  border-bottom: 1px solid #4D4D4D;\n  padding: 6px 0;\n  cursor: pointer;\n}\n.paladin-menu-custom li:last-child {\n  border-bottom: none;\n}\n.rc-dropdown-hidden {\n  display: none;\n}\n.paladin-film-print-modal-wrapper {\n  overflow: hidden;\n}\n.paladin-film-print-modal-wrapper .paladin-modal-header {\n  color: #fff;\n  font-weight: normal;\n  font-size: 16px;\n  border-bottom: 1px solid #484849;\n}\n.paladin-film-print-modal-wrapper .paladin-modal-footer {\n  border: none;\n}\n";
+styleInject$1(css_248z$I);
 
 function _extends$1x() { _extends$1x = 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$1x.apply(this, arguments); }
 
@@ -58420,14 +59112,14 @@ const SvgPrintSetting = props => /*#__PURE__*/React__default.createElement("svg"
   fill: "currentColor"
 }, props), _ref$1B, _ref2$i);
 
-function _createSuper$1J(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1J(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$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$1J() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$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 Layout$1 = /*#__PURE__*/function (_Component) {
   inherits(Layout, _Component);
 
-  var _super = _createSuper$1J(Layout);
+  var _super = _createSuper$1L(Layout);
 
   function Layout(props) {
     classCallCheck(this, Layout);
@@ -58479,11 +59171,11 @@ function _unsupportedIterableToArray$g(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$g(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function ownKeys$10(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$11(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$11(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$10(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$10(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$12(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$11(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$11(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$z = function mapStateToProps(state) {
+var mapStateToProps$A = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.film,
       filmLayoutRow = _state$paladin$tools$.filmLayoutRow,
       filmLayoutCol = _state$paladin$tools$.filmLayoutCol;
@@ -58493,8 +59185,8 @@ var mapStateToProps$z = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$y = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$11(_objectSpread$11(_objectSpread$11({}, ownProps), propsFromState), {}, {
+var mergeProps$z = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$12(_objectSpread$12(_objectSpread$12({}, ownProps), propsFromState), {}, {
     onLayoutChange: function onLayoutChange(row, col) {
       propsFromDispatch.setFilmLayout(row, col);
       setTimeout(function () {
@@ -58524,9 +59216,9 @@ var mergeProps$y = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedLayoutButton$1 = reactRedux.connect(mapStateToProps$z, {
+var ConnectedLayoutButton$1 = reactRedux.connect(mapStateToProps$A, {
   setFilmLayout: setFilmLayout
-}, mergeProps$y)(Layout$1);
+}, mergeProps$z)(Layout$1);
 
 var _global = createCommonjsModule(function (module) {
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
@@ -63498,20 +64190,20 @@ function _inherits$3(subClass, superClass) { if (typeof superClass !== "function
 
 function _setPrototypeOf$1(o, p) { _setPrototypeOf$1 = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf$1(o, p); }
 
-function _createSuper$1K(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1K(); return function _createSuperInternal() { var Super = _getPrototypeOf$1(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$1(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$3(this, result); }; }
+function _createSuper$1M(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1M(); return function _createSuperInternal() { var Super = _getPrototypeOf$1(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$1(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$3(this, result); }; }
 
 function _possibleConstructorReturn$3(self, call) { if (call && (_typeof$3(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$2(self); }
 
 function _assertThisInitialized$2(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _isNativeReflectConstruct$1K() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1M() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 function _getPrototypeOf$1(o) { _getPrototypeOf$1 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf$1(o); }
 
 var ContainerRender = /*#__PURE__*/function (_React$Component) {
   _inherits$3(ContainerRender, _React$Component);
 
-  var _super = _createSuper$1K(ContainerRender);
+  var _super = _createSuper$1M(ContainerRender);
 
   function ContainerRender() {
     var _this;
@@ -63620,20 +64312,20 @@ function _inherits$4(subClass, superClass) { if (typeof superClass !== "function
 
 function _setPrototypeOf$2(o, p) { _setPrototypeOf$2 = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf$2(o, p); }
 
-function _createSuper$1L(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1L(); return function _createSuperInternal() { var Super = _getPrototypeOf$2(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$2(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$4(this, result); }; }
+function _createSuper$1N(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1N(); return function _createSuperInternal() { var Super = _getPrototypeOf$2(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$2(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$4(this, result); }; }
 
 function _possibleConstructorReturn$4(self, call) { if (call && (_typeof$4(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$3(self); }
 
 function _assertThisInitialized$3(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-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$1N() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 function _getPrototypeOf$2(o) { _getPrototypeOf$2 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf$2(o); }
 
 var Portal = /*#__PURE__*/function (_React$Component) {
   _inherits$4(Portal, _React$Component);
 
-  var _super = _createSuper$1L(Portal);
+  var _super = _createSuper$1N(Portal);
 
   function Portal() {
     _classCallCheck$4(this, Portal);
@@ -63781,7 +64473,7 @@ function _defineProperty$3(obj, key, value) {
   return obj;
 }
 
-function ownKeys$11(object, enumerableOnly) {
+function ownKeys$12(object, enumerableOnly) {
   var keys = Object.keys(object);
 
   if (Object.getOwnPropertySymbols) {
@@ -63800,13 +64492,13 @@ function _objectSpread2(target) {
     var source = arguments[i] != null ? arguments[i] : {};
 
     if (i % 2) {
-      ownKeys$11(source, true).forEach(function (key) {
+      ownKeys$12(source, true).forEach(function (key) {
         _defineProperty$3(target, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$11(source).forEach(function (key) {
+      ownKeys$12(source).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -68604,18 +69296,25 @@ var FILM_DESTINATION_DIC = [{
   label: 'PROCESSOR',
   value: 'PROCESSOR'
 }];
+var FILM_ORIENTATION_DIC = [{
+  label: '纵向',
+  value: 'Portrait'
+}, {
+  label: '横向',
+  value: 'Landscape'
+}];
 
-var css_248z$I = ".paladin-film-tool-item {\n  width: 46px;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid #252525;\n  background: #252525;\n  margin: 2px;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-label {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  white-space: nowrap;\n  color: #c0c0c0;\n  margin-top: 5px;\n  overflow: hidden;\n  text-align: center;\n  word-break: break-all;\n  justify-content: center;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-icon {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-icon svg {\n  width: 22px;\n  height: 22px;\n  color: #c0c0c0;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-text {\n  color: #fff;\n  text-align: center;\n  font-size: 14px;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-more {\n  padding: 0 4px 0 3px;\n  height: 100%;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-more svg {\n  width: 7px;\n  color: #c0c0c0;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-more:hover {\n  background: #0d5075;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main {\n  height: 100%;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main:hover {\n  background: #0d5075;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main:hover .paladin-tool-item-plus-label {\n  color: #fff;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main:hover .paladin-tool-item-plus-icon svg {\n  color: #fff;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main .paladin-tool-item-content {\n  padding: 6px;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main-active {\n  background: #0d5075;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main-active .paladin-tool-item-plus-label {\n  color: #fff;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main-active .paladin-tool-item-plus-icon svg {\n  color: #fff;\n}\n";
-styleInject$1(css_248z$I);
+var css_248z$J = ".paladin-film-tool-item {\n  width: 46px;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid #252525;\n  background: #252525;\n  margin: 2px;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-label {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  white-space: nowrap;\n  color: #c0c0c0;\n  margin-top: 5px;\n  overflow: hidden;\n  text-align: center;\n  word-break: break-all;\n  justify-content: center;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-icon {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-icon svg {\n  width: 22px;\n  height: 22px;\n  color: #c0c0c0;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-text {\n  color: #fff;\n  text-align: center;\n  font-size: 14px;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-more {\n  padding: 0 4px 0 3px;\n  height: 100%;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-more svg {\n  width: 7px;\n  color: #c0c0c0;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-more:hover {\n  background: #0d5075;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main {\n  height: 100%;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main:hover {\n  background: #0d5075;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main:hover .paladin-tool-item-plus-label {\n  color: #fff;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main:hover .paladin-tool-item-plus-icon svg {\n  color: #fff;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main .paladin-tool-item-content {\n  padding: 6px;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main-active {\n  background: #0d5075;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main-active .paladin-tool-item-plus-label {\n  color: #fff;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main-active .paladin-tool-item-plus-icon svg {\n  color: #fff;\n}\n";
+styleInject$1(css_248z$J);
 
-function _createSuper$1M(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1M(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1O(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1O(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1M() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1O() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var FilmDicomToolItem = /*#__PURE__*/function (_Component) {
   inherits(FilmDicomToolItem, _Component);
 
-  var _super = _createSuper$1M(FilmDicomToolItem);
+  var _super = _createSuper$1O(FilmDicomToolItem);
 
   function FilmDicomToolItem(props) {
     var _this;
@@ -68707,14 +69406,14 @@ defineProperty(FilmDicomToolItem, "propTypes", {
   data: PropTypes$1.any
 });
 
-function _createSuper$1N(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1N(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1P(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1P(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1N() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1P() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var FilmToolVerticalMode = /*#__PURE__*/function (_Component) {
   inherits(FilmToolVerticalMode, _Component);
 
-  var _super = _createSuper$1N(FilmToolVerticalMode);
+  var _super = _createSuper$1P(FilmToolVerticalMode);
 
   function FilmToolVerticalMode(props) {
     var _this;
@@ -68737,7 +69436,9 @@ var FilmToolVerticalMode = /*#__PURE__*/function (_Component) {
           back = _this$props.back,
           onSelectSize = _this$props.onSelectSize,
           filmSizeType = _this$props.filmSizeType,
-          toolsMap = _this$props.toolsMap;
+          toolsMap = _this$props.toolsMap,
+          onSelectOrientation = _this$props.onSelectOrientation,
+          filmOrientation = _this$props.filmOrientation;
       var viewportTools = ['Select', 'Wwwc', 'Zoom', 'Pan', 'Reset', 'Clear'];
 
       var MenuElement = function MenuElement(_props) {
@@ -68756,13 +69457,27 @@ var FilmToolVerticalMode = /*#__PURE__*/function (_Component) {
 
       return /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-full-height paladin-film-tool"
-      }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(PopperBox, {
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "paladin-film-back"
+      }, /*#__PURE__*/React__default.createElement(PopperBox, {
         tooltip: '返回看图区',
-        tooltipPlacement: 'right'
+        tooltipPlacement: 'right',
+        style: {
+          width: '100%'
+        },
+        wrapperStyle: {
+          display: 'flex',
+          flex: 1
+        }
       }, /*#__PURE__*/React__default.createElement("div", {
         className: 'film-full-button',
         onClick: back
-      }, /*#__PURE__*/React__default.createElement(SvgFilmBack, null)))), /*#__PURE__*/React__default.createElement("div", {
+      }, /*#__PURE__*/React__default.createElement(SvgFilmBack, null))), /*#__PURE__*/React__default.createElement("div", {
+        className: "paladin-film-back-help"
+      }, /*#__PURE__*/React__default.createElement(PopperBox, {
+        tooltip: /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", null, getI18nMessage('film', 'help_line_title')), /*#__PURE__*/React__default.createElement("div", null, getI18nMessage('film', 'help_line1')), /*#__PURE__*/React__default.createElement("div", null, getI18nMessage('film', 'help_line2')), /*#__PURE__*/React__default.createElement("div", null, getI18nMessage('film', 'help_line3'))),
+        tooltipPlacement: "right"
+      }, /*#__PURE__*/React__default.createElement(SvgQuestionSign, null)))), /*#__PURE__*/React__default.createElement("div", {
         className: 'film-full-line'
       }), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(PopperBox, {
         tooltip: "\u80F6\u7247\u5E03\u5C40",
@@ -68788,6 +69503,18 @@ var FilmToolVerticalMode = /*#__PURE__*/function (_Component) {
           width: '100%'
         }
       }, /*#__PURE__*/React__default.createElement("button", null, filmSizeType && FILM_SIZE_TYPE_MAP[filmSizeType].label)))), /*#__PURE__*/React__default.createElement("div", {
+        className: 'film-size-box'
+      }, /*#__PURE__*/React__default.createElement("span", null, "\u80F6\u7247\u65B9\u5411"), /*#__PURE__*/React__default.createElement("div", {
+        className: 'film-orientation-select'
+      }, FILM_ORIENTATION_DIC && FILM_ORIENTATION_DIC.map(function (item) {
+        return /*#__PURE__*/React__default.createElement("span", {
+          key: 'film-orientation-' + item.value,
+          onClick: function onClick() {
+            return onSelectOrientation(item.value);
+          },
+          className: filmOrientation === item.value ? 'film-orientation-item film-orientation-item-active' : 'film-orientation-item'
+        }, item.label);
+      }))), /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-flex-row"
       }, viewportTools && viewportTools.map(function (item, i) {
         return /*#__PURE__*/React__default.createElement(FilmDicomToolItem, _extends_1({}, _this2.props, {
@@ -68815,8 +69542,8 @@ var FilmToolVerticalMode = /*#__PURE__*/function (_Component) {
   return FilmToolVerticalMode;
 }(React.Component);
 
-var css_248z$J = ".paladin-film-print-modal table {\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n  border: 1px solid #525253;\n  border-bottom: none;\n}\n.paladin-film-print-modal table svg {\n  width: 20px;\n}\n.paladin-film-print-modal table tr {\n  height: 54px;\n  margin-left: 30px;\n  border-bottom: 1px solid #525253;\n}\n.paladin-film-print-modal table tr .th-1 {\n  width: 3%;\n}\n.paladin-film-print-modal table tr .th-2 {\n  width: 18%;\n}\n.paladin-film-print-modal table tr .th-3 {\n  width: 13%;\n}\n.paladin-film-print-modal table tr .th-4 {\n  width: 19%;\n}\n.paladin-film-print-modal table tr .th-5 {\n  width: 15%;\n}\n.paladin-film-print-modal table tr .th-6 {\n  width: 12%;\n}\n.paladin-film-print-modal table tr .th-7 {\n  width: 16%;\n}\n.paladin-film-print-modal table tr th {\n  background: #404041;\n}\n.paladin-film-print-modal table tr th,\n.paladin-film-print-modal table tr td {\n  text-align: left;\n  font-weight: normal;\n  font-size: 14px;\n  word-wrap: break-word;\n  word-break: break-all;\n}\n.paladin-film-print-modal table tr th button,\n.paladin-film-print-modal table tr td button {\n  border: none;\n  background: transparent;\n  color: #3C7EFF;\n}\n.paladin-film-print-modal .print-modal-top {\n  margin-bottom: 24px;\n  margin-top: 5px;\n}\n.paladin-film-print-modal .print-modal-top button {\n  background: #3C7EFF;\n}\n.paladin-film-print-modal .printer-config-add-title {\n  color: #3C7EFF;\n  margin-left: 30px;\n}\n.paladin-film-print-modal .printer-config-form {\n  margin-top: 20px;\n}\n.paladin-film-print-modal .printer-config-form .paladin-ipt {\n  color: #ccc;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n}\n.paladin-film-print-modal .printer-config-form .paladin-row {\n  margin-bottom: 18px;\n}\n.paladin-film-print-modal .printer-config-form .paladin-col {\n  padding-right: 20px;\n}\n.paladin-film-print-modal .printer-config-form .paladin-col-xs-2 {\n  justify-content: center;\n  align-items: end;\n}\n.paladin-film-print-modal .printer-config-form .printer-config-form-radio .paladin-ipt {\n  width: 20px;\n}\n.paladin-film-print-modal .film-box {\n  display: flex;\n  align-items: center;\n}\n.paladin-film-print-modal .film-box span {\n  display: flex;\n  flex: none;\n  width: 100px;\n}\n.paladin-film-print-modal .film-box .film-select {\n  cursor: pointer;\n  width: 200px;\n  height: 40px;\n  display: flex;\n  position: relative;\n  align-items: center;\n  justify-content: center;\n  background: #1f1f1f;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n}\n.paladin-film-print-modal .film-box button {\n  border: none;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  background: #1f1f1f;\n  color: #c0c0c0;\n  font-size: 15px;\n}\n.paladin-film-print-modal .film-box svg {\n  width: 20px;\n  position: absolute;\n  right: 5px;\n  top: 0;\n}\n.paladin-film-print-modal .film-printer-info {\n  margin-left: 100px;\n  color: #A4A4A4;\n}\n.paladin-film-print-modal .film-printer-info p {\n  margin-top: 15px;\n}\n.paladin-film-print-modal .paladin-menu-custom {\n  width: 200px;\n  background: #000000;\n  color: #c0c0c0;\n  padding: 0;\n  margin: 0;\n}\n.paladin-film-print-modal .paladin-menu-custom li {\n  text-align: center;\n  list-style: none;\n  border-bottom: 1px solid #4D4D4D;\n  padding: 6px 0;\n  cursor: pointer;\n}\n.paladin-film-print-modal .paladin-menu-custom li:last-child {\n  border-bottom: none;\n}\n.paladin-film-print-modal .film-button-select-margin-top {\n  margin-top: 15px;\n}\n.paladin-film-print-modal .film-button-select {\n  height: 36px;\n}\n.paladin-film-print-modal .film-button-select .paladin-col {\n  justify-content: center;\n}\n.paladin-film-print-modal .film-button-select .paladin-ipt {\n  color: #fff;\n  border-color: #4D4D4D;\n}\n.paladin-film-print-modal .film-button-select-item {\n  cursor: pointer;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  height: 36px;\n  border: 1px solid #555555;\n  border-right: none;\n}\n.paladin-film-print-modal .film-button-select-item:last-child {\n  border-right: 1px solid #555555;\n}\n.paladin-film-print-modal .film-button-select-item-active {\n  background: #3C7EFF;\n  color: #fff;\n}\n.paladin-film-print-modal .print-modal-bottom {\n  margin-top: 30px;\n  text-align: right;\n}\n.paladin-film-print-modal .print-modal-bottom .paladin-default {\n  background: #454545;\n  border: 1px solid #707070;\n  color: rgba(255, 255, 255, 0.9);\n}\n.paladin-film-print-modal .print-modal-bottom .paladin-primary {\n  background: #3C7EFF;\n}\n";
-styleInject$1(css_248z$J);
+var css_248z$K = ".paladin-film-print-modal table {\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n  border: 1px solid #525253;\n  border-bottom: none;\n}\n.paladin-film-print-modal table svg {\n  width: 20px;\n}\n.paladin-film-print-modal table tr {\n  height: 54px;\n  margin-left: 30px;\n  border-bottom: 1px solid #525253;\n}\n.paladin-film-print-modal table tr .th-1 {\n  width: 3%;\n}\n.paladin-film-print-modal table tr .th-2 {\n  width: 18%;\n}\n.paladin-film-print-modal table tr .th-3 {\n  width: 13%;\n}\n.paladin-film-print-modal table tr .th-4 {\n  width: 19%;\n}\n.paladin-film-print-modal table tr .th-5 {\n  width: 15%;\n}\n.paladin-film-print-modal table tr .th-6 {\n  width: 12%;\n}\n.paladin-film-print-modal table tr .th-7 {\n  width: 16%;\n}\n.paladin-film-print-modal table tr th {\n  background: #404041;\n}\n.paladin-film-print-modal table tr th,\n.paladin-film-print-modal table tr td {\n  text-align: left;\n  font-weight: normal;\n  font-size: 14px;\n  word-wrap: break-word;\n  word-break: break-all;\n}\n.paladin-film-print-modal table tr th button,\n.paladin-film-print-modal table tr td button {\n  border: none;\n  background: transparent;\n  color: #3C7EFF;\n}\n.paladin-film-print-modal .print-modal-top {\n  margin-bottom: 24px;\n  margin-top: 5px;\n}\n.paladin-film-print-modal .print-modal-top button {\n  background: #3C7EFF;\n}\n.paladin-film-print-modal .printer-config-add-title {\n  color: #3C7EFF;\n  margin-left: 30px;\n}\n.paladin-film-print-modal .printer-config-form {\n  margin-top: 20px;\n}\n.paladin-film-print-modal .printer-config-form .paladin-ipt {\n  color: #ccc;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n}\n.paladin-film-print-modal .printer-config-form .paladin-row {\n  margin-bottom: 18px;\n}\n.paladin-film-print-modal .printer-config-form .paladin-col {\n  padding-right: 20px;\n}\n.paladin-film-print-modal .printer-config-form .paladin-col-xs-2 {\n  justify-content: center;\n  align-items: end;\n}\n.paladin-film-print-modal .printer-config-form .printer-config-form-radio .paladin-ipt {\n  width: 20px;\n}\n.paladin-film-print-modal .film-box {\n  display: flex;\n  align-items: center;\n}\n.paladin-film-print-modal .film-box span {\n  display: flex;\n  flex: none;\n  width: 100px;\n}\n.paladin-film-print-modal .film-box .film-select {\n  cursor: pointer;\n  width: 200px;\n  height: 40px;\n  display: flex;\n  position: relative;\n  align-items: center;\n  justify-content: center;\n  background: #1f1f1f;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n}\n.paladin-film-print-modal .film-box button {\n  border: none;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  background: #1f1f1f;\n  color: #c0c0c0;\n  font-size: 15px;\n}\n.paladin-film-print-modal .film-box svg {\n  width: 20px;\n  position: absolute;\n  right: 5px;\n  top: 0;\n}\n.paladin-film-print-modal .film-printer-info {\n  margin-left: 100px;\n  color: #A4A4A4;\n}\n.paladin-film-print-modal .film-printer-info p {\n  margin-top: 15px;\n}\n.paladin-film-print-modal .paladin-menu-custom {\n  width: 200px;\n  background: #000000;\n  color: #c0c0c0;\n  padding: 0;\n  margin: 0;\n}\n.paladin-film-print-modal .paladin-menu-custom li {\n  text-align: center;\n  list-style: none;\n  border-bottom: 1px solid #4D4D4D;\n  padding: 6px 0;\n  cursor: pointer;\n}\n.paladin-film-print-modal .paladin-menu-custom li:last-child {\n  border-bottom: none;\n}\n.paladin-film-print-modal .film-button-select-margin-top {\n  margin-top: 15px;\n}\n.paladin-film-print-modal .film-button-select {\n  height: 36px;\n}\n.paladin-film-print-modal .film-button-select .paladin-col {\n  justify-content: center;\n}\n.paladin-film-print-modal .film-button-select .paladin-ipt {\n  color: #fff;\n  border-color: #4D4D4D;\n}\n.paladin-film-print-modal .film-button-select-item {\n  cursor: pointer;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  height: 36px;\n  border: 1px solid #555555;\n  border-right: none;\n}\n.paladin-film-print-modal .film-button-select-item:last-child {\n  border-right: 1px solid #555555;\n}\n.paladin-film-print-modal .film-button-select-item-active {\n  background: #3C7EFF;\n  color: #fff;\n}\n.paladin-film-print-modal .print-modal-bottom {\n  margin-top: 30px;\n  text-align: right;\n}\n.paladin-film-print-modal .print-modal-bottom .paladin-default {\n  background: #454545;\n  border: 1px solid #707070;\n  color: rgba(255, 255, 255, 0.9);\n}\n.paladin-film-print-modal .print-modal-bottom .paladin-primary {\n  background: #3C7EFF;\n}\n";
+styleInject$1(css_248z$K);
 
 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); }
 
@@ -68831,13 +69558,13 @@ const SvgOk = props => /*#__PURE__*/React__default.createElement("svg", _extends
   fill: "currentColor"
 }, props), _ref$1C);
 
-function ownKeys$12(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$13(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$12(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$12(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$12(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$13(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$13(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$13(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$1O(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1O(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1Q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1Q(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1O() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1Q() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 var initFormData = {
   id: null,
   name: "",
@@ -68850,7 +69577,7 @@ var initFormData = {
 var FilmPrintModal = /*#__PURE__*/function (_Component) {
   inherits(FilmPrintModal, _Component);
 
-  var _super = _createSuper$1O(FilmPrintModal);
+  var _super = _createSuper$1Q(FilmPrintModal);
 
   function FilmPrintModal(props) {
     var _this;
@@ -68900,7 +69627,7 @@ var FilmPrintModal = /*#__PURE__*/function (_Component) {
 
     defineProperty(assertThisInitialized(_this), "setFormData", function (key, value) {
       _this.setState({
-        formData: _objectSpread$12(_objectSpread$12({}, _this.state.formData), {}, defineProperty({}, key, value))
+        formData: _objectSpread$13(_objectSpread$13({}, _this.state.formData), {}, defineProperty({}, key, value))
       });
     });
 
@@ -69097,14 +69824,14 @@ var FilmPrintModal = /*#__PURE__*/function (_Component) {
   return FilmPrintModal;
 }(React.Component);
 
-function _createSuper$1P(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1P(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1R(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1R(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1P() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1R() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var FilmTool = /*#__PURE__*/function (_Component) {
   inherits(FilmTool, _Component);
 
-  var _super = _createSuper$1P(FilmTool);
+  var _super = _createSuper$1R(FilmTool);
 
   function FilmTool(props) {
     var _this;
@@ -69119,7 +69846,7 @@ var FilmTool = /*#__PURE__*/function (_Component) {
       Select: {
         label: "拖拽",
         name: "Select",
-        tooltip: "拖拽",
+        tooltip: "拖拽调整位置",
         component: /*#__PURE__*/React__default.createElement(SvgMove, null),
         activeInRedux: true
       },
@@ -69348,9 +70075,9 @@ function _unsupportedIterableToArray$h(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$h(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function ownKeys$13(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$14(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$13(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$13(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$13(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$14(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$14(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$14(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var domId = "paladinFilmOutputMock";
 var devicePixelRatio$4 = getDevicePixelRatio();
 var currentImageLoad = null;
@@ -69419,7 +70146,7 @@ function calcImageFontSize(width, height) {
 
 var getFilmPrintImageData = /*#__PURE__*/function () {
   var _ref = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(films, options) {
-    var sizeType, row, col, viewFilmItemWidth, filmSize, filmWidth, filmHeight, filmItemWidth, filmItemHeight, filmPrintOriginImageData, id, element, canvas, firstLoad, _iterator, _step, film, bitmap, _imageId, mockDom, mergedCanvas, mergedCtx, i, item, x, y, imageData, pixelData;
+    var sizeType, row, col, viewFilmItemWidth, _orientation, filmSize, filmWidth, filmHeight, filmItemWidth, filmItemHeight, filmPrintOriginImageData, id, element, canvas, firstLoad, _iterator, _step, film, bitmap, _imageId, mockDom, mergedCanvas, mergedCtx, i, item, x, y, imageData, pixelData;
 
     return regenerator.wrap(function _callee$(_context) {
       while (1) {
@@ -69451,10 +70178,11 @@ var getFilmPrintImageData = /*#__PURE__*/function () {
             return _context.abrupt("return");
 
           case 7:
-            // 实际尺寸
+            _orientation = options.orientation || 'Portrait'; // 实际尺寸
+
             filmSize = FILM_SIZE_TYPE_MAP[sizeType];
-            filmWidth = filmSize.dicomColumn;
-            filmHeight = filmSize.dicomRow;
+            filmWidth = _orientation === 'Portrait' ? filmSize.dicomColumn : filmSize.dicomRow;
+            filmHeight = _orientation === 'Portrait' ? filmSize.dicomRow : filmSize.dicomColumn;
             filmItemWidth = lodash$1.floor(filmWidth / col, 2);
             filmItemHeight = lodash$1.floor(filmHeight / row, 2);
             filmPrintOriginImageData = []; // 虚拟canvas
@@ -69505,19 +70233,19 @@ var getFilmPrintImageData = /*#__PURE__*/function () {
             lodash$1.forEach(films, function (film) {
               var _data = lodash$1.pick(film, ['id', 'seriesNumber', 'seriesCount', 'instanceNumber', 'instanceCount', 'viewport']);
 
-              currentFilms[film.imageIds[0]] = _objectSpread$13(_objectSpread$13({}, _data), {}, {
+              currentFilms[film.imageIds[0]] = _objectSpread$14(_objectSpread$14({}, _data), {}, {
                 realWidth: filmItemWidth,
                 widthInView: viewFilmItemWidth
               });
             });
             _iterator = _createForOfIteratorHelper$f(films);
-            _context.prev = 20;
+            _context.prev = 21;
 
             _iterator.s();
 
-          case 22:
+          case 23:
             if ((_step = _iterator.n()).done) {
-              _context.next = 40;
+              _context.next = 41;
               break;
             }
 
@@ -69525,7 +70253,7 @@ var getFilmPrintImageData = /*#__PURE__*/function () {
             bitmap = void 0;
 
             if (!(film && film.imageIds)) {
-              _context.next = 34;
+              _context.next = 35;
               break;
             }
 
@@ -69534,53 +70262,53 @@ var getFilmPrintImageData = /*#__PURE__*/function () {
               wadouri: _imageId,
               resolve: null
             };
-            _context.next = 30;
+            _context.next = 31;
             return getImage(_imageId, element, canvas, firstLoad);
 
-          case 30:
+          case 31:
             bitmap = _context.sent;
 
             if (firstLoad) {
               firstLoad = false;
             }
 
-            _context.next = 37;
+            _context.next = 38;
             break;
 
-          case 34:
-            _context.next = 36;
+          case 35:
+            _context.next = 37;
             return getEmptyImageBitmap(filmItemWidth, filmItemHeight);
 
-          case 36:
+          case 37:
             bitmap = _context.sent;
 
-          case 37:
-            filmPrintOriginImageData.push(_objectSpread$13(_objectSpread$13({}, film), {}, {
+          case 38:
+            filmPrintOriginImageData.push(_objectSpread$14(_objectSpread$14({}, film), {}, {
               bitmap: bitmap
             }));
 
-          case 38:
-            _context.next = 22;
+          case 39:
+            _context.next = 23;
             break;
 
-          case 40:
-            _context.next = 45;
+          case 41:
+            _context.next = 46;
             break;
 
-          case 42:
-            _context.prev = 42;
-            _context.t0 = _context["catch"](20);
+          case 43:
+            _context.prev = 43;
+            _context.t0 = _context["catch"](21);
 
             _iterator.e(_context.t0);
 
-          case 45:
-            _context.prev = 45;
+          case 46:
+            _context.prev = 46;
 
             _iterator.f();
 
-            return _context.finish(45);
+            return _context.finish(46);
 
-          case 48:
+          case 49:
             element.removeEventListener(cornerstone.EVENTS.IMAGE_RENDERED, onImageRendered);
             mockDom = document.getElementById(id);
 
@@ -69627,12 +70355,12 @@ var getFilmPrintImageData = /*#__PURE__*/function () {
               height: filmHeight
             });
 
-          case 70:
+          case 71:
           case "end":
             return _context.stop();
         }
       }
-    }, _callee, null, [[20, 42, 45, 48]]);
+    }, _callee, null, [[21, 43, 46, 49]]);
   }));
 
   return function getFilmPrintImageData(_x, _x2) {
@@ -69819,6 +70547,7 @@ var drawLeftTop = function drawLeftTop(dicom, ctx) {
   var patientID = dicom.PatientID.toString();
   var bodyPartExamined = dicom.BodyPartExamined.toString();
   var laterality = dicom.Laterality.toString() || dicom.ImageLaterality.toString() || '';
+  var viewPosition = dicom.ViewPosition.toString() || '';
   var contentX = dicomInfoPaddingX;
   var contentY = dicomInfoPaddingY;
   var spacing = dicomInfoSpacing;
@@ -69846,8 +70575,18 @@ var drawLeftTop = function drawLeftTop(dicom, ctx) {
     contentY += spacing;
   }
 
-  if (laterality) {
-    ctx.fillText(laterality, contentX, contentY);
+  if (laterality || viewPosition) {
+    var _text = '';
+
+    if (laterality && viewPosition) {
+      _text = "".concat(laterality, " ").concat(viewPosition);
+    } else if (laterality) {
+      _text = laterality;
+    } else {
+      _text = viewPosition;
+    }
+
+    ctx.fillText(_text, contentX, contentY);
   }
 }; // 左下
 
@@ -70021,18 +70760,18 @@ const SvgDown = props => /*#__PURE__*/React__default.createElement("svg", _exten
   fill: "currentColor"
 }, props), _ref$1D);
 
-function ownKeys$14(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$15(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$14(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$14(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$14(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$15(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$15(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$15(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$1Q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1Q(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1S(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1S(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1Q() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1S() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var FilmPrintModal$1 = /*#__PURE__*/function (_Component) {
   inherits(FilmPrintModal, _Component);
 
-  var _super = _createSuper$1Q(FilmPrintModal);
+  var _super = _createSuper$1S(FilmPrintModal);
 
   function FilmPrintModal(props) {
     var _this;
@@ -70079,6 +70818,12 @@ var FilmPrintModal$1 = /*#__PURE__*/function (_Component) {
       });
     });
 
+    defineProperty(assertThisInitialized(_this), "handleSelectFilmOrientation", function (v) {
+      _this.setState({
+        filmOrientation: v.value
+      });
+    });
+
     defineProperty(assertThisInitialized(_this), "onSubmitPrint", function () {
       var _this$state = _this.state,
           currentPrinter = _this$state.currentPrinter,
@@ -70087,7 +70832,8 @@ var FilmPrintModal$1 = /*#__PURE__*/function (_Component) {
           filmPageType = _this$state.filmPageType,
           maxDensity = _this$state.maxDensity,
           minDensity = _this$state.minDensity,
-          filmDestination = _this$state.filmDestination;
+          filmDestination = _this$state.filmDestination,
+          filmOrientation = _this$state.filmOrientation;
       var onFilmPrint = _this.props.onFilmPrint;
 
       if (!onFilmPrint || !currentPrinter || !filmMedium || !filmSize || !filmPageType || !filmDestination || !maxDensity && maxDensity !== 0 || !minDensity && minDensity !== 0) {
@@ -70095,13 +70841,14 @@ var FilmPrintModal$1 = /*#__PURE__*/function (_Component) {
         return;
       }
 
-      var printOptions = _objectSpread$14(_objectSpread$14({}, currentPrinter), {}, {
+      var printOptions = _objectSpread$15(_objectSpread$15({}, currentPrinter), {}, {
         filmMedium: filmMedium,
         filmSize: filmSize,
         filmPageType: filmPageType,
         maxDensity: maxDensity,
         minDensity: minDensity,
-        filmDestination: filmDestination
+        filmDestination: filmDestination,
+        filmOrientation: filmOrientation
       });
 
       if (filmPageType === 'ALL_PAGE') {
@@ -70156,7 +70903,8 @@ var FilmPrintModal$1 = /*#__PURE__*/function (_Component) {
       filmMedium: 'BLUE FILM',
       filmPageType: 'CURRENT_PAGE',
       maxDensity: 300,
-      minDensity: 20
+      minDensity: 20,
+      filmOrientation: _this.props.filmOrientation || 'Portrait'
     };
     return _this;
   }
@@ -70176,7 +70924,8 @@ var FilmPrintModal$1 = /*#__PURE__*/function (_Component) {
           filmPageType = _this$state2.filmPageType,
           maxDensity = _this$state2.maxDensity,
           minDensity = _this$state2.minDensity,
-          filmDestination = _this$state2.filmDestination;
+          filmDestination = _this$state2.filmDestination,
+          filmOrientation = _this$state2.filmOrientation;
       var printerConfigList = this.props.printerConfigList;
 
       var MenuElement = function MenuElement(_props) {
@@ -70270,6 +71019,20 @@ var FilmPrintModal$1 = /*#__PURE__*/function (_Component) {
         className: 'film-button-select film-button-select-margin-top'
       }, /*#__PURE__*/React__default.createElement(Col, {
         sm: 4
+      }, "\u51FA\u7247\u4F4D\u7F6E"), /*#__PURE__*/React__default.createElement(Col, {
+        sm: 8
+      }, /*#__PURE__*/React__default.createElement(Row, null, FILM_ORIENTATION_DIC && FILM_ORIENTATION_DIC.map(function (v) {
+        return /*#__PURE__*/React__default.createElement("span", {
+          key: v.value,
+          className: v.value === filmOrientation ? 'film-button-select-item film-button-select-item-active' : 'film-button-select-item',
+          onClick: function onClick() {
+            _this2.handleSelectFilmOrientation(v);
+          }
+        }, v.label);
+      })))), /*#__PURE__*/React__default.createElement(Row, {
+        className: 'film-button-select film-button-select-margin-top'
+      }, /*#__PURE__*/React__default.createElement(Col, {
+        sm: 4
       }, "\u6700\u5927\u611F\u5149\u5EA6"), /*#__PURE__*/React__default.createElement(Col, {
         sm: 8
       }, /*#__PURE__*/React__default.createElement(Row, null, /*#__PURE__*/React__default.createElement(Input$1, {
@@ -70312,11 +71075,11 @@ function _unsupportedIterableToArray$i(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$i(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$15(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$16(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$15(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$15(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$15(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$16(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$16(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$16(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$A = function mapStateToProps(state) {
+var mapStateToProps$B = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.film,
       films = _state$paladin$tools$.films,
       filmSizeType = _state$paladin$tools$.filmSizeType,
@@ -70325,7 +71088,8 @@ var mapStateToProps$A = function mapStateToProps(state) {
       filmPrinterSettings = _state$paladin$tools$.filmPrinterSettings,
       filmCurrentPage = _state$paladin$tools$.filmCurrentPage,
       filmActiveTool = _state$paladin$tools$.filmActiveTool,
-      filmActiveIndex = _state$paladin$tools$.filmActiveIndex;
+      filmActiveIndex = _state$paladin$tools$.filmActiveIndex,
+      filmOrientation = _state$paladin$tools$.filmOrientation;
   return {
     films: films,
     filmSizeType: filmSizeType,
@@ -70334,11 +71098,12 @@ var mapStateToProps$A = function mapStateToProps(state) {
     filmPrinterSettings: filmPrinterSettings,
     filmCurrentPage: filmCurrentPage,
     filmActiveTool: filmActiveTool,
-    filmActiveIndex: filmActiveIndex
+    filmActiveIndex: filmActiveIndex,
+    filmOrientation: filmOrientation
   };
 };
 
-var mergeProps$z = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$A = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var onFilmPrint = /*#__PURE__*/function () {
     var _ref = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(options) {
       var filmSizeId, films, filmCurrentPage, row, col, filmElement, viewFilmItemWidth, imageOptions, printerOptions;
@@ -70383,9 +71148,10 @@ var mergeProps$z = function mergeProps(propsFromState, propsFromDispatch, ownPro
                 sizeType: options.filmSize,
                 row: row,
                 col: col,
-                viewFilmItemWidth: viewFilmItemWidth
+                viewFilmItemWidth: viewFilmItemWidth,
+                orientation: options.filmOrientation
               };
-              printerOptions = _objectSpread$15(_objectSpread$15({}, options), {}, {
+              printerOptions = _objectSpread$16(_objectSpread$16({}, options), {}, {
                 filmSize: filmSizeId
               }); // 打印的预检查
 
@@ -70425,7 +71191,7 @@ var mergeProps$z = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
                         case 11:
                           result = _context.sent;
-                          ownProps.filmPrinterMethods('print', _objectSpread$15(_objectSpread$15({}, result), {}, {
+                          ownProps.filmPrinterMethods('print', _objectSpread$16(_objectSpread$16({}, result), {}, {
                             totalPage: 1,
                             currentPage: 1,
                             options: printerOptions
@@ -70472,7 +71238,7 @@ var mergeProps$z = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
             case 4:
               result = _context4.sent;
-              ownProps.filmPrinterMethods('print', _objectSpread$15(_objectSpread$15({}, result), {}, {
+              ownProps.filmPrinterMethods('print', _objectSpread$16(_objectSpread$16({}, result), {}, {
                 totalPage: totalPage,
                 currentPage: pageIndex + 1,
                 options: printerOptions
@@ -70521,7 +71287,7 @@ var mergeProps$z = function mergeProps(propsFromState, propsFromDispatch, ownPro
     };
   }();
 
-  return _objectSpread$15(_objectSpread$15(_objectSpread$15(_objectSpread$15({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$16(_objectSpread$16(_objectSpread$16(_objectSpread$16({}, ownProps), propsFromState), propsFromDispatch), {}, {
     back: function back() {
       propsFromDispatch.activeDicomFunction('Film', false);
     },
@@ -70537,6 +71303,7 @@ var mergeProps$z = function mergeProps(propsFromState, propsFromDispatch, ownPro
                 Modal.create( /*#__PURE__*/React__default.createElement(FilmPrintModal$1, {
                   printerConfigList: propsFromState.filmPrinterSettings,
                   filmSizeType: propsFromState.filmSizeType,
+                  filmOrientation: propsFromState.filmOrientation,
                   onFilmPrint: onFilmPrint
                 }), {
                   title: '打印',
@@ -70594,6 +71361,32 @@ var mergeProps$z = function mergeProps(propsFromState, propsFromDispatch, ownPro
         }
       });
     },
+    onSelectOrientation: function onSelectOrientation(value) {
+      propsFromDispatch.setFilmOrientation(value);
+      setTimeout(function () {
+        try {
+          var layoutElements = lodash$1.map(Array(propsFromState.filmLayoutCol * propsFromState.filmLayoutRow), function (v, n) {
+            return getFilmElement(n);
+          });
+
+          var _iterator2 = _createForOfIteratorHelper$g(layoutElements),
+              _step2;
+
+          try {
+            for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+              var element = _step2.value;
+              cornerstone.resize(element, true);
+            }
+          } catch (err) {
+            _iterator2.e(err);
+          } finally {
+            _iterator2.f();
+          }
+        } catch (e) {
+          console.log('ignore element not enabled event');
+        }
+      });
+    },
     reset: function reset() {
       if (propsFromState.filmActiveIndex >= 0) {
         var activeElement = document.getElementById("paladin-film-viewport-".concat(propsFromState.filmActiveIndex));
@@ -70627,23 +71420,24 @@ var mergeProps$z = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedFilmTool = reactRedux.connect(mapStateToProps$A, {
+var ConnectedFilmTool = reactRedux.connect(mapStateToProps$B, {
   setFilmLayout: setFilmLayout,
   setFilmSizeType: setFilmSizeType,
   activeDicomFunction: activeDicomFunction,
   setFilmActiveTool: setFilmActiveTool,
-  clearFilms: clearFilms
-}, mergeProps$z)(FilmTool);
-
-var css_248z$K = ".paladin-film-view-wrapper {\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  position: relative;\n}\n.paladin-film-view-wrapper .paladin-film-slide-ctrl {\n  height: 40px;\n  width: 100%;\n  margin: 20px auto 0 auto;\n  color: #d2d2d2;\n  background: #353535;\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n.paladin-film-view-wrapper .paladin-film-slide-ctrl svg {\n  width: 18px;\n  height: 18px;\n}\n.paladin-film-view-wrapper .paladin-film-slide-ctrl div {\n  display: flex;\n  flex: none;\n  margin-left: 15px;\n}\n.paladin-film-view-wrapper .paladin-film-slide-ctrl .paladin-film-slide-ctrl-delete {\n  margin-left: 0;\n  position: absolute;\n  right: 10px;\n}\n.paladin-film-view-wrapper .paladin-film-view-content {\n  box-sizing: border-box;\n  position: absolute;\n  left: 50%;\n}\n.paladin-film-view-wrapper .paladin-film-view-col {\n  box-sizing: border-box;\n  border: 2px solid #353535;\n}\n.paladin-film-view-wrapper .paladin-film-view-row {\n  box-sizing: border-box;\n  display: flex;\n  width: 100%;\n}\n";
-styleInject$1(css_248z$K);
+  clearFilms: clearFilms,
+  setFilmOrientation: setFilmOrientation
+}, mergeProps$A)(FilmTool);
 
-var css_248z$L = ".paladin-film-viewport-wrapper {\n  width: 100%;\n  height: 100%;\n  color: #fff;\n}\n.cornerstone-canvas-container {\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n";
+var css_248z$L = ".paladin-film-view-wrapper {\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  position: relative;\n}\n.paladin-film-view-wrapper .paladin-film-slide-ctrl {\n  height: 40px;\n  width: 100%;\n  margin: 20px auto 0 auto;\n  color: #d2d2d2;\n  background: #353535;\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n.paladin-film-view-wrapper .paladin-film-slide-ctrl svg {\n  width: 18px;\n  height: 18px;\n}\n.paladin-film-view-wrapper .paladin-film-slide-ctrl div {\n  display: flex;\n  flex: none;\n  margin-left: 15px;\n}\n.paladin-film-view-wrapper .paladin-film-slide-ctrl .paladin-film-slide-ctrl-delete {\n  margin-left: 0;\n  position: absolute;\n  right: 10px;\n}\n.paladin-film-view-wrapper .paladin-film-view-content {\n  box-sizing: border-box;\n  position: absolute;\n  left: 50%;\n}\n.paladin-film-view-wrapper .paladin-film-view-col {\n  box-sizing: border-box;\n  border: 2px solid #353535;\n}\n.paladin-film-view-wrapper .paladin-film-view-row {\n  box-sizing: border-box;\n  display: flex;\n  width: 100%;\n}\n";
 styleInject$1(css_248z$L);
 
-function _createSuper$1R(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1R(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+var css_248z$M = ".paladin-film-viewport-wrapper {\n  width: 100%;\n  height: 100%;\n  color: #fff;\n}\n.cornerstone-canvas-container {\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n";
+styleInject$1(css_248z$M);
 
-function _isNativeReflectConstruct$1R() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _createSuper$1T(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1T(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$1T() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 var loadIndicatorDelay$2 = 300;
 
 function capitalizeFirstLetter$1(string) {
@@ -70675,7 +71469,7 @@ function initializeTools$1(cornerstoneTools, tools, element) {
 var FilmViewport = /*#__PURE__*/function (_Component) {
   inherits(FilmViewport, _Component);
 
-  var _super = _createSuper$1R(FilmViewport);
+  var _super = _createSuper$1T(FilmViewport);
 
   function FilmViewport(props) {
     var _this;
@@ -71030,7 +71824,7 @@ defineProperty(FilmViewport, "defaultProps", {
   }]
 });
 
-var mapStateToProps$B = function mapStateToProps(state) {
+var mapStateToProps$C = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.film,
       filmActiveTool = _state$paladin$tools$.filmActiveTool,
       filmRelativeIndexes = _state$paladin$tools$.filmRelativeIndexes,
@@ -71042,19 +71836,19 @@ var mapStateToProps$B = function mapStateToProps(state) {
   };
 };
 
-var ConnectedFilmViewport = reactRedux.connect(mapStateToProps$B, {
+var ConnectedFilmViewport = reactRedux.connect(mapStateToProps$C, {
   setActiveTool: setActiveTool,
   setSeriesCurrentIndex: setSeriesCurrentIndex
 })(FilmViewport);
 
-function _createSuper$1S(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1S(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1U(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1U(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1S() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1U() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var FilmView = /*#__PURE__*/function (_Component) {
   inherits(FilmView, _Component);
 
-  var _super = _createSuper$1S(FilmView);
+  var _super = _createSuper$1U(FilmView);
 
   function FilmView(props) {
     var _this;
@@ -71137,6 +71931,10 @@ var FilmView = /*#__PURE__*/function (_Component) {
       if (prevProps.filmLayoutRow !== this.props.filmLayoutRow || prevProps.filmLayoutCol !== this.props.filmLayoutCol) {
         this.calcViewSize();
       }
+
+      if (prevProps.filmOrientation !== this.props.filmOrientation) {
+        this.calcViewSize();
+      }
     } // 计算复合胶片尺寸的宽高
 
   }, {
@@ -71145,21 +71943,24 @@ var FilmView = /*#__PURE__*/function (_Component) {
       var _this$props3 = this.props,
           filmSizeType = _this$props3.filmSizeType,
           row = _this$props3.filmLayoutRow,
-          col = _this$props3.filmLayoutCol;
+          col = _this$props3.filmLayoutCol,
+          filmOrientation = _this$props3.filmOrientation;
       var headerHeight = 40;
       var verticalPadding = 40;
       var verticalHeight = headerHeight + verticalPadding;
       var _size = FILM_SIZE_TYPE_MAP[filmSizeType];
+      var sizeWidth = filmOrientation === 'Portrait' ? _size.width : _size.height;
+      var sizeHeight = filmOrientation === 'Portrait' ? _size.height : _size.width;
       var clientWidth = this.filmViewRef.clientWidth;
       var clientHeight = this.filmViewRef.clientHeight;
       var filmViewWidth, filmViewHeight;
 
       if (clientWidth > clientHeight - verticalHeight) {
         filmViewHeight = clientHeight - verticalHeight;
-        filmViewWidth = lodash$1.round(filmViewHeight * _size.width / _size.height);
+        filmViewWidth = lodash$1.round(filmViewHeight * sizeWidth / sizeHeight);
       } else {
         filmViewWidth = clientWidth * 0.8;
-        filmViewHeight = lodash$1.round(filmViewWidth * _size.height / _size.width);
+        filmViewHeight = lodash$1.round(filmViewWidth * sizeHeight / sizeWidth);
       } // 四角信息字体大小
 
 
@@ -71312,11 +72113,11 @@ var FilmView = /*#__PURE__*/function (_Component) {
   return FilmView;
 }(React.Component);
 
-function ownKeys$16(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$17(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$16(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$16(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$16(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$17(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$17(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$17(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$C = function mapStateToProps(state) {
+var mapStateToProps$D = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.film,
       films = _state$paladin$tools$.films,
       filmLayoutRow = _state$paladin$tools$.filmLayoutRow,
@@ -71326,7 +72127,8 @@ var mapStateToProps$C = function mapStateToProps(state) {
       filmCurrentPage = _state$paladin$tools$.filmCurrentPage,
       filmActiveTool = _state$paladin$tools$.filmActiveTool,
       filmRelativeIndexes = _state$paladin$tools$.filmRelativeIndexes,
-      filmSynchronizer = _state$paladin$tools$.filmSynchronizer;
+      filmSynchronizer = _state$paladin$tools$.filmSynchronizer,
+      filmOrientation = _state$paladin$tools$.filmOrientation;
   return {
     films: films,
     filmLayoutRow: filmLayoutRow,
@@ -71336,19 +72138,52 @@ var mapStateToProps$C = function mapStateToProps(state) {
     filmCurrentPage: filmCurrentPage,
     filmActiveTool: filmActiveTool,
     filmRelativeIndexes: filmRelativeIndexes,
-    filmSynchronizer: filmSynchronizer
+    filmSynchronizer: filmSynchronizer,
+    filmOrientation: filmOrientation
   };
 };
 
-var mergeProps$A = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$16(_objectSpread$16(_objectSpread$16(_objectSpread$16({}, ownProps), propsFromState), propsFromDispatch), {}, {
+var mergeProps$B = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$17(_objectSpread$17(_objectSpread$17(_objectSpread$17({}, ownProps), propsFromState), propsFromDispatch), {}, {
     dragFilmLocation: function dragFilmLocation(origin, target) {
       if (origin !== target) {
         propsFromDispatch.exchangeFilm(origin, target);
       }
     },
     handleDeleteFilm: function handleDeleteFilm() {
-      propsFromDispatch.removeFilm();
+      var filmActiveIndex = propsFromState.filmActiveIndex,
+          filmRelativeIndexes = propsFromState.filmRelativeIndexes;
+      var removeIndexes = lodash$1.union([filmActiveIndex], filmRelativeIndexes);
+      removeIndexes = removeIndexes.filter(function (item) {
+        return item !== -1;
+      });
+
+      if (removeIndexes.length > 1) {
+        Modal.create( /*#__PURE__*/React__default.createElement("div", {
+          style: {
+            marginBottom: '10px',
+            color: '#ccc'
+          }
+        }, "\u662F\u5426\u786E\u8BA4\u5220\u9664\u6240\u9009\u80F6\u7247\uFF1F"), {
+          wrapperClassName: 'paladin-film-print-modal-wrapper',
+          style: {
+            width: '350px',
+            background: '#2A2A2B',
+            overflowY: 'hidden'
+          },
+          maskClosable: false,
+          title: getI18nMessage('modal', 'title'),
+          okButtonProps: {
+            type: 'primary'
+          },
+          cancelText: getI18nMessage('modal', 'text_cancel'),
+          onOk: function onOk() {
+            propsFromDispatch.removeFilm();
+          }
+        });
+      } else {
+        propsFromDispatch.removeFilm();
+      }
     },
     // 点击胶片的element item
     handleOnClickViewport: function handleOnClickViewport(e, index) {
@@ -71408,7 +72243,7 @@ var mergeProps$A = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedFilmView = reactRedux.connect(mapStateToProps$C, {
+var ConnectedFilmView = reactRedux.connect(mapStateToProps$D, {
   setActiveTool: setActiveTool,
   exchangeFilm: exchangeFilm,
   removeFilm: removeFilm,
@@ -71417,10 +72252,10 @@ var ConnectedFilmView = reactRedux.connect(mapStateToProps$C, {
   setFilmViewport: setFilmViewport,
   setFilmCurrentPage: setFilmCurrentPage,
   setFilmRelativeIndexMulti: setFilmRelativeIndexMulti
-}, mergeProps$A)(FilmView);
+}, mergeProps$B)(FilmView);
 
-var css_248z$M = ".paladin-fusion-wrapper {\n  width: 100%;\n  height: 100%;\n  color: white;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.paladin-fusion-wrapper .paladin-fusion-item-fusion {\n  display: flex;\n  flex-direction: column;\n  width: 60%;\n  height: 100%;\n  position: relative;\n  z-index: 1;\n  flex: none;\n}\n.paladin-fusion-wrapper .paladin-fusion-origin {\n  display: flex;\n  flex-direction: column;\n  width: 40%;\n  height: 100%;\n  position: relative;\n  z-index: 1;\n  flex: none;\n}\n.paladin-fusion-wrapper .paladin-fusion-item {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  height: 50%;\n  position: relative;\n  z-index: 1;\n  flex: none;\n}\n.paladin-fusion-wrapper .paladin-fusion-ct,\n.paladin-fusion-wrapper .paladin-fusion-pet {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n.paladin-fusion-wrapper .paladin-fusion-ct {\n  z-index: 2;\n}\n.paladin-fusion-wrapper .paladin-fusion-pet {\n  z-index: 3;\n}\n";
-styleInject$1(css_248z$M);
+var css_248z$N = ".paladin-fusion-wrapper {\n  width: 100%;\n  height: 100%;\n  color: white;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.paladin-fusion-wrapper .paladin-fusion-item-fusion {\n  display: flex;\n  flex-direction: column;\n  width: 60%;\n  height: 100%;\n  position: relative;\n  z-index: 1;\n  flex: none;\n}\n.paladin-fusion-wrapper .paladin-fusion-origin {\n  display: flex;\n  flex-direction: column;\n  width: 40%;\n  height: 100%;\n  position: relative;\n  z-index: 1;\n  flex: none;\n}\n.paladin-fusion-wrapper .paladin-fusion-item {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  height: 50%;\n  position: relative;\n  z-index: 1;\n  flex: none;\n}\n.paladin-fusion-wrapper .paladin-fusion-ct,\n.paladin-fusion-wrapper .paladin-fusion-pet {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n.paladin-fusion-wrapper .paladin-fusion-ct {\n  z-index: 2;\n}\n.paladin-fusion-wrapper .paladin-fusion-pet {\n  z-index: 3;\n}\n";
+styleInject$1(css_248z$N);
 
 var dicomToolDefaultProps$1 = {
   activeTool: 'Wwwc',
@@ -71629,9 +72464,9 @@ function getCustomAvailableTools$1(data) {
   }];
 }
 
-function _createSuper$1T(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1T(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1V(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1V(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1T() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1V() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var getStudyDateTime$2 = function getStudyDateTime(dicom) {
   // 因为检查时间部分数据可能未传, 根据以下顺序进行获取
@@ -71710,7 +72545,7 @@ var formatDicomInfo$2 = function formatDicomInfo(label, value) {
 var ViewportOverlay$1 = /*#__PURE__*/function (_PureComponent) {
   inherits(ViewportOverlay, _PureComponent);
 
-  var _super = _createSuper$1T(ViewportOverlay);
+  var _super = _createSuper$1V(ViewportOverlay);
 
   function ViewportOverlay(props) {
     var _this;
@@ -71919,7 +72754,8 @@ var ViewportOverlay$1 = /*#__PURE__*/function (_PureComponent) {
       var patientAge = this.getPatientAgeData();
       var patientID = this.getPatientIDData();
       var bodyPartExamined = dicom.BodyPartExamined.toString();
-      var laterality = dicom.Laterality.toString() || dicom.ImageLaterality.toString() || ''; //左下
+      var laterality = dicom.Laterality.toString() || dicom.ImageLaterality.toString() || '';
+      var viewPosition = dicom.ViewPosition.toString() || ''; //左下
 
       var patientOrientation = dicom.PatientOrientation.toString();
       var protocolName = dicom.ProtocolName.toString();
@@ -71958,7 +72794,7 @@ var ViewportOverlay$1 = /*#__PURE__*/function (_PureComponent) {
           fontSize: "".concat(fontSize, "px"),
           display: "".concat(hide ? 'none' : 'block')
         }
-      }, /*#__PURE__*/React__default.createElement("div", null, institutionName), /*#__PURE__*/React__default.createElement("div", null, manufacturer, " ", manufacturerModelName), /*#__PURE__*/React__default.createElement("div", null, patientName, "/", patientSex, "/", patientAge), /*#__PURE__*/React__default.createElement("div", null, patientID), /*#__PURE__*/React__default.createElement("div", null, bodyPartExamined), /*#__PURE__*/React__default.createElement("div", null, laterality)), /*#__PURE__*/React__default.createElement("div", {
+      }, /*#__PURE__*/React__default.createElement("div", null, institutionName), /*#__PURE__*/React__default.createElement("div", null, manufacturer, " ", manufacturerModelName), /*#__PURE__*/React__default.createElement("div", null, patientName, "/", patientSex, "/", patientAge), /*#__PURE__*/React__default.createElement("div", null, patientID), /*#__PURE__*/React__default.createElement("div", null, bodyPartExamined), /*#__PURE__*/React__default.createElement("div", null, laterality, " ", viewPosition)), /*#__PURE__*/React__default.createElement("div", {
         style: {
           position: 'absolute',
           bottom: 4,
@@ -71999,12 +72835,12 @@ defineProperty(ViewportOverlay$1, "propTypes", {
   hide: PropTypes$1.bool
 });
 
-var css_248z$N = ".paladin-mpr-direaction-tip {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  width: 10px;\n  height: 10px;\n}\n.paladin-mpr-direaction-toggle-box {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  cursor: pointer;\n}\n.paladin-mpr-direaction-toggle-box span {\n  display: inline-block;\n  padding: 3px;\n  font-size: 12px;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle {\n  border: 1px solid #999;\n  background: #000;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle:last-child {\n  border-left: none;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle-active {\n  background: #0d5075;\n}\n.rc-slider {\n  background-color: transparent !important;\n}\n.paladin-viewport-wrapper {\n  overflow: hidden;\n  color: white;\n  height: 100%;\n  position: relative;\n}\n.cornerstone-canvas-container {\n  box-sizing: border-box;\n  width: 100%;\n  position: relative;\n}\n.paladin-viewport-scroll-wrappper {\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n}\n.paladin-viewport-scroll-inner {\n  width: 40%;\n  margin: 5px auto auto;\n}\n.paladin-viewport-scroll-mpr-wrappper {\n  width: 100%;\n  position: relative;\n  z-index: 1;\n}\n.paladin-key-image-tip {\n  position: absolute;\n  top: 9px;\n  left: 50%;\n  font-size: 12px;\n  transform: translateX(20px);\n}\n.paladin-key-image-tip svg {\n  display: inline-block;\n  width: 12px !important;\n  height: 12px !important;\n  margin-right: 3px;\n}\n";
-styleInject$1(css_248z$N);
+var css_248z$O = ".paladin-mpr-direaction-tip {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  width: 10px;\n  height: 10px;\n}\n.paladin-mpr-direaction-toggle-box {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  cursor: pointer;\n}\n.paladin-mpr-direaction-toggle-box span {\n  display: inline-block;\n  padding: 3px;\n  font-size: 12px;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle {\n  border: 1px solid #999;\n  background: #000;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle:last-child {\n  border-left: none;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle-active {\n  background: #0d5075;\n}\n.rc-slider {\n  background-color: transparent !important;\n}\n.paladin-viewport-wrapper {\n  overflow: hidden;\n  color: white;\n  height: 100%;\n  position: relative;\n}\n.cornerstone-canvas-container {\n  box-sizing: border-box;\n  width: 100%;\n  position: relative;\n}\n.paladin-viewport-scroll-wrappper {\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n}\n.paladin-viewport-scroll-inner {\n  width: 40%;\n  margin: 5px auto auto;\n}\n.paladin-viewport-scroll-mpr-wrappper {\n  width: 100%;\n  position: relative;\n  z-index: 1;\n}\n.paladin-key-image-tip {\n  position: absolute;\n  top: 9px;\n  left: 50%;\n  font-size: 12px;\n  transform: translateX(20px);\n}\n.paladin-key-image-tip svg {\n  display: inline-block;\n  width: 12px !important;\n  height: 12px !important;\n  margin-right: 3px;\n}\n";
+styleInject$1(css_248z$O);
 
-function _createSuper$1U(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1U(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1W(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1W(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1U() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1W() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 var calculateSUV$3 = cornerstoneTools.importInternal('util/calculateSUV');
 var EVENT_RESIZE$1 = 'resize';
 var loadIndicatorDelay$3 = 300;
@@ -72039,7 +72875,7 @@ function initializeTools$2(cornerstoneTools, tools, element) {
 var FusionViewport = /*#__PURE__*/function (_Component) {
   inherits(FusionViewport, _Component);
 
-  var _super = _createSuper$1U(FusionViewport);
+  var _super = _createSuper$1W(FusionViewport);
 
   function FusionViewport(props) {
     var _this;
@@ -72788,7 +73624,7 @@ var FusionViewport = /*#__PURE__*/function (_Component) {
 
 defineProperty(FusionViewport, "defaultProps", dicomToolDefaultProps$1);
 
-var mapStateToProps$D = function mapStateToProps(state) {
+var mapStateToProps$E = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.action,
       activeTool = _state$paladin$tools$.activeTool,
       originActiveTool = _state$paladin$tools$.originActiveTool,
@@ -72819,20 +73655,20 @@ var mapStateToProps$D = function mapStateToProps(state) {
   };
 };
 
-var ConnectedFusionViewport = reactRedux.connect(mapStateToProps$D, {
+var ConnectedFusionViewport = reactRedux.connect(mapStateToProps$E, {
   setActiveTool: setActiveTool,
   setSeriesCurrentIndex: setSeriesCurrentIndex,
   setFusionReduxValue: setFusionReduxValue
 })(FusionViewport);
 
-function _createSuper$1V(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1V(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1X(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1X(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1V() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1X() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var PETLayout = /*#__PURE__*/function (_Component) {
   inherits(PETLayout, _Component);
 
-  var _super = _createSuper$1V(PETLayout);
+  var _super = _createSuper$1X(PETLayout);
 
   function PETLayout(props) {
     var _this;
@@ -72963,20 +73799,20 @@ var PETLayout = /*#__PURE__*/function (_Component) {
 
 defineProperty(PETLayout, "propTypes", {});
 
-function ownKeys$17(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$18(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$17(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$17(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$17(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$18(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$18(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$18(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$E = function mapStateToProps(state) {
-  return _objectSpread$17({}, state.paladin.tools.fusion);
+var mapStateToProps$F = function mapStateToProps(state) {
+  return _objectSpread$18({}, state.paladin.tools.fusion);
 };
 
-var mergeProps$B = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$C = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var fusionScrollSynchronizer = propsFromState.fusionScrollSynchronizer,
       fusionSynchronizer = propsFromState.fusionSynchronizer,
       fusionCTWWWCSynchronizer = propsFromState.fusionCTWWWCSynchronizer,
       fusionPETWWWCSynchronizer = propsFromState.fusionPETWWWCSynchronizer;
-  return _objectSpread$17(_objectSpread$17(_objectSpread$17({}, propsFromState), ownProps), {}, {
+  return _objectSpread$18(_objectSpread$18(_objectSpread$18({}, propsFromState), ownProps), {}, {
     onViewPortCellClick: function onViewPortCellClick(value) {
       propsFromDispatch.setFusionActiveIndex(value);
     },
@@ -73010,9 +73846,9 @@ var mergeProps$B = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedPETLayout = reactRedux.connect(mapStateToProps$E, {
+var ConnectedPETLayout = reactRedux.connect(mapStateToProps$F, {
   setFusionActiveIndex: setFusionActiveIndex
-}, mergeProps$B)(PETLayout);
+}, mergeProps$C)(PETLayout);
 
 function _createForOfIteratorHelper$h(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$j(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
@@ -73020,9 +73856,9 @@ function _unsupportedIterableToArray$j(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$j(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _createSuper$1W(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1W(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1Y(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1Y(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1W() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1Y() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var DicomLayoutContainerWrap = function DicomLayoutContainerWrap(props) {
   return /*#__PURE__*/React__default.createElement("div", {
@@ -73046,7 +73882,7 @@ index$3.configure({
 var DicomView = /*#__PURE__*/function (_Component) {
   inherits(DicomView, _Component);
 
-  var _super = _createSuper$1W(DicomView);
+  var _super = _createSuper$1Y(DicomView);
 
   function DicomView(props) {
     var _this;
@@ -73671,13 +74507,13 @@ function _unsupportedIterableToArray$k(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$k(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function ownKeys$18(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$19(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$18(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$18(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$18(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$19(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$19(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$19(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var throttle$9 = cornerstoneTools.importInternal('util/throttle');
 var NO_CHECK_MULTI_FRAME_MODALITIES = ['DR', 'CR', 'DX', 'MG'];
 
-var mapStateToProps$F = function mapStateToProps(state) {
+var mapStateToProps$G = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       activeIndex = _state$paladin$viewpo.activeIndex,
       imageActiveIndex = _state$paladin$viewpo.imageActiveIndex,
@@ -73716,7 +74552,10 @@ var mapStateToProps$F = function mapStateToProps(state) {
       toolMode = _state$paladin$tools$3.toolMode,
       globalLoading = _state$paladin$tools$3.globalLoading;
   var fusionActiveIndex = state.paladin.tools.fusion.fusionActiveIndex;
-  var filmPrinterSettings = state.paladin.tools.film.filmPrinterSettings;
+  var _state$paladin$tools$4 = state.paladin.tools.film,
+      filmPrinterSettings = _state$paladin$tools$4.filmPrinterSettings,
+      filmActiveIndex = _state$paladin$tools$4.filmActiveIndex,
+      filmRelativeIndexes = _state$paladin$tools$4.filmRelativeIndexes;
   return {
     activeIndex: activeIndex,
     imageActiveIndex: imageActiveIndex,
@@ -73752,11 +74591,13 @@ var mapStateToProps$F = function mapStateToProps(state) {
     reduxFilmPrinterSettings: filmPrinterSettings,
     Fusion: Fusion,
     fusionActiveIndex: fusionActiveIndex,
-    reduxKeyImages: keyImages
+    reduxKeyImages: keyImages,
+    filmActiveIndex: filmActiveIndex,
+    filmRelativeIndexes: filmRelativeIndexes
   };
 };
 
-var mergeProps$C = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$D = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var activeIndex = propsFromState.activeIndex,
       imageActiveIndex = propsFromState.imageActiveIndex,
       MPR = propsFromState.MPR,
@@ -73854,7 +74695,7 @@ var mergeProps$C = function mergeProps(propsFromState, propsFromDispatch, ownPro
    * https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values
    */
 
-  return _objectSpread$18(_objectSpread$18(_objectSpread$18({}, ownProps), propsFromState), {}, {
+  return _objectSpread$19(_objectSpread$19(_objectSpread$19({}, ownProps), propsFromState), {}, {
     showDicomThumbnail: showDicomThumbnail,
     viewMode: viewMode,
     keyMap: {
@@ -74145,7 +74986,39 @@ var mergeProps$C = function mergeProps(propsFromState, propsFromDispatch, ownPro
          * 删除激活框的胶片
          */
         if (propsFromState.Film) {
-          propsFromDispatch.removeFilm();
+          var filmActiveIndex = propsFromState.filmActiveIndex,
+              filmRelativeIndexes = propsFromState.filmRelativeIndexes;
+          var removeIndexes = lodash$1.union([filmActiveIndex], filmRelativeIndexes);
+          removeIndexes = removeIndexes.filter(function (item) {
+            return item !== -1;
+          });
+
+          if (removeIndexes.length > 1) {
+            Modal.create( /*#__PURE__*/React__default.createElement("div", {
+              style: {
+                marginBottom: '10px',
+                color: '#ccc'
+              }
+            }, "\u662F\u5426\u786E\u8BA4\u5220\u9664\u6240\u9009\u80F6\u7247\uFF1F"), {
+              wrapperClassName: 'paladin-film-print-modal-wrapper',
+              style: {
+                width: '350px',
+                background: '#2A2A2B',
+                overflowY: 'hidden'
+              },
+              maskClosable: false,
+              title: getI18nMessage('modal', 'title'),
+              okButtonProps: {
+                type: 'primary'
+              },
+              cancelText: getI18nMessage('modal', 'text_cancel'),
+              onOk: function onOk() {
+                propsFromDispatch.removeFilm();
+              }
+            });
+          } else {
+            propsFromDispatch.removeFilm();
+          }
         } else {
           var layoutElements;
 
@@ -74440,7 +75313,7 @@ var mergeProps$C = function mergeProps(propsFromState, propsFromDispatch, ownPro
     },
     initSeries: function () {
       var _initSeries2 = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(changeStudy, callback) {
-        var data, resetToolMergeState, synchronizer, linkSynchronizer, linkImageModeSynchronizer, linkScrollSynchronizer, options, _study, series, needCheckMultiFrame, hasMultiFrame, modalitiesInStudy, i, item, wado, url, dataSet, numFrames, imageIds, _i, imageId, seriesCurrentIndex, firstReady, maxRequest, retry, clearCacheEveryLoad, dicom, frameTime, linkToolLocalDefaultState, realActiveIndex, continuousMeasureLocalDefaultState, referenceLineLocalDefaultState, shutterLocalDefaultState, autoLinkSyncWindowLevelDefaultState, autoLinkSyncOtherDefaultState, mprCrossModeDefaultState;
+        var data, resetToolMergeState, synchronizer, linkSynchronizer, linkImageModeSynchronizer, linkScrollSynchronizer, options, _study, series, needCheckMultiFrame, hasMultiFrame, modalitiesInStudy, i, item, wado, url, dataSet, numFrames, imageIds, _i, imageId, seriesCurrentIndex, firstReady, maxRequest, retry, clearCacheEveryLoad, dicom, frameTime, linkToolLocalDefaultState, realActiveIndex, continuousMeasureLocalDefaultState, referenceLineLocalDefaultState, shutterLocalDefaultState, autoLinkSyncWindowLevelDefaultState, autoLinkSyncOtherDefaultState, autoLinkSyncAbsoluteDefaultState, mprCrossModeDefaultState, mprVertLayout, mprHozLayout;
 
         return regenerator.wrap(function _callee2$(_context2) {
           while (1) {
@@ -74595,7 +75468,7 @@ var mergeProps$C = function mergeProps(propsFromState, propsFromDispatch, ownPro
                     imageIds.push(imageId);
                   }
 
-                  series[i] = _objectSpread$18(_objectSpread$18({}, item), {}, {
+                  series[i] = _objectSpread$19(_objectSpread$19({}, item), {}, {
                     imageIds: imageIds,
                     numberOfSeriesRelatedInstances: numFrames,
                     isMultiFrame: true
@@ -74660,7 +75533,7 @@ var mergeProps$C = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
                 callback && callback({
                   hasChange: hasMultiFrame,
-                  study: [_objectSpread$18(_objectSpread$18({}, _study[0]), {}, {
+                  study: [_objectSpread$19(_objectSpread$19({}, _study[0]), {}, {
                     series: series
                   })]
                 }); // 如果有frameTime的话设置fps
@@ -74716,6 +75589,7 @@ var mergeProps$C = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
                 autoLinkSyncWindowLevelDefaultState = window.localStorage.getItem('hellfire-auto-link-sync-wl-default-state');
                 autoLinkSyncOtherDefaultState = window.localStorage.getItem('hellfire-auto-link-sync-other-default-state');
+                autoLinkSyncAbsoluteDefaultState = window.localStorage.getItem('hellfire-auto-link-sync-absolute-default-state');
 
                 if (autoLinkSyncWindowLevelDefaultState && autoLinkSyncWindowLevelDefaultState === 'open') {
                   propsFromDispatch.setActionStateByKey({
@@ -74731,6 +75605,13 @@ var mergeProps$C = function mergeProps(propsFromState, propsFromDispatch, ownPro
                   });
                 }
 
+                if (autoLinkSyncAbsoluteDefaultState && autoLinkSyncAbsoluteDefaultState === 'close') {
+                  propsFromDispatch.setActionStateByKey({
+                    key: 'autoLinkSyncAbsolute',
+                    value: false
+                  });
+                }
+
                 mprCrossModeDefaultState = window.localStorage.getItem('hellfire-mpr-cross-mode-default-state'); // 默认是正交
 
                 if (mprCrossModeDefaultState && mprCrossModeDefaultState === 'orthogonal') {
@@ -74740,7 +75621,18 @@ var mergeProps$C = function mergeProps(propsFromState, propsFromDispatch, ownPro
                   });
                 }
 
-              case 78:
+                mprVertLayout = window.localStorage.getItem('hellfire-mpr-vert-layout-default-state');
+                mprHozLayout = window.localStorage.getItem('hellfire-mpr-hoz-layout-default-state');
+
+                if (mprVertLayout) {
+                  propsFromDispatch.setMprLayout('vertical', mprVertLayout);
+                }
+
+                if (mprHozLayout) {
+                  propsFromDispatch.setMprLayout('horizontal', mprHozLayout);
+                }
+
+              case 84:
               case "end":
                 return _context2.stop();
             }
@@ -74825,7 +75717,7 @@ var mergeProps$C = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomView = reactRedux.connect(mapStateToProps$F, {
+var ConnectedDicomView = reactRedux.connect(mapStateToProps$G, {
   initSeries: initSeries,
   addSeries: addSeries,
   setCurrentSeries: setCurrentSeries,
@@ -74861,8 +75753,9 @@ var ConnectedDicomView = reactRedux.connect(mapStateToProps$F, {
   setDisplayShutter: setDisplayShutter,
   toggleFilmPrinterEntrance: toggleFilmPrinterEntrance,
   setReduxLanguage: setReduxLanguage,
-  setActionStateByKey: setActionStateByKey
-}, mergeProps$C, withRef())(DicomView);
+  setActionStateByKey: setActionStateByKey,
+  setMprLayout: setMprLayout
+}, mergeProps$D, withRef())(DicomView);
 
 function withRef() {
   var reactReduxVersion = package_json.version.split('.')[0];