hellfire 0.17.10 → 0.18.1

package/dist/index.js

@@ -104,8 +104,8 @@ var TOGGLE_TOOL_MODE = 'TOGGLE_TOOL_MODE'; // ---------- Reducers ----------
 // PC 允许使用的工具, 及其排序
 // 图像模式不包括的工具 并且SeriesMode代替ImageMode
 
-var imageModeWithout = ['PrevNext', 'Cine', 'Link', 'ReferenceLine', 'StackScroll'];
-var tools = ['Layout', 'PrevNext', 'ImageMode', 'StackScroll', 'Wwwc', 'Zoom', 'Pan', 'Reset', 'Rotate', 'Tool', 'Length', 'Cine', 'Link', 'ReferenceLine', 'Sync', 'MPR', 'VR', 'Surgery', 'Fullscreen', 'Settings']; // 手机 允许使用的工具, 及其排序
+var imageModeWithout = ['PrevNext', 'Cine', 'Link', 'ReferenceLine', 'ReferencePosition', 'StackScroll'];
+var tools = ['Layout', 'PrevNext', 'ImageMode', 'StackScroll', 'Wwwc', 'Zoom', 'Pan', 'Reset', 'Rotate', 'Tool', 'Length', 'Cine', 'Link', 'ReferenceLine', 'ReferencePosition', 'Sync', 'MPR', 'VR', 'Surgery', 'Fullscreen', 'Settings']; // 手机 允许使用的工具, 及其排序
 
 var phoneTools = ["Prev", "Next", "StackScroll", "Wwwc", "Zoom", "Pan", "Reset", "Rotate", "Tool", "Length", "Cine", "MPR", "Settings"]; // MPR 允许使用的工具, 及其排序
 
@@ -962,6 +962,7 @@ var initialState$1 = {
   MPR: false,
   VR: false,
   ReferenceLines: false,
+  ReferencePosition: false,
   Fullscreen: false,
   Link: false,
   Sync: false,
@@ -984,35 +985,31 @@ var _default$3 = function _default() {
   switch (action.type) {
     case SET_ACTIVE_TOOL:
       {
-        var nextTool = action.payload; // 换到别的激活工具时要把路径的工具都关闭掉
-
-        if (lodash$1.includes(LengthTools, nextTool)) {
-          if (nextTool !== 'Centesis') {
-            return _objectSpread$1(_objectSpread$1({}, state), {}, {
-              activeTool: nextTool,
-              CentesisStart: false,
-              CentesisEnd: false
-            });
-          } else {
-            return _objectSpread$1(_objectSpread$1({}, state), {}, {
-              activeTool: nextTool
-            });
-          }
-        } else {
-          if (nextTool !== 'Centesis') {
-            return _objectSpread$1(_objectSpread$1({}, state), {}, {
-              activeTool: nextTool,
-              originActiveTool: nextTool,
-              CentesisStart: false,
-              CentesisEnd: false
-            });
-          } else {
-            return _objectSpread$1(_objectSpread$1({}, state), {}, {
-              activeTool: nextTool,
-              originActiveTool: nextTool
-            });
-          }
+        var nextTool = action.payload;
+        /**
+         * 1.换到非手术路径工具时要把路径的工具都关闭掉
+         * 2.换到非(测量工具 或 3d定位)的时候要缓存一份originActiveTool
+         * 3.换到非3d定位工具时，要把redux上的ReferencePosition关闭
+         */
+
+        var newState = _objectSpread$1(_objectSpread$1({}, state), {}, {
+          activeTool: nextTool
+        });
+
+        if (nextTool !== 'Centesis') {
+          newState.CentesisStart = false;
+          newState.CentesisEnd = false;
         }
+
+        if (nextTool !== 'ReferencePosition') {
+          newState.ReferencePosition = false;
+        }
+
+        if (!lodash$1.includes(LengthTools, nextTool) && nextTool !== 'ReferencePosition') {
+          newState['originActiveTool'] = nextTool;
+        }
+
+        return newState;
       }
 
     case TOGGLE_OVERLAY_TEXT:
@@ -23820,12 +23817,9 @@ var __signature__$1s = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoa
   return a;
 };
 var external$c = cornerstoneTools.external;
-var toolStyle$6 = cornerstoneTools.toolStyle;
 var toolColors$8 = cornerstoneTools.toolColors;
-var state$1 = cornerstoneTools.store.state;
 var path$1 = cornerstoneTools.importInternal('drawing/path');
 var drawLines = cornerstoneTools.importInternal('drawing/drawLines');
-var draw$7 = cornerstoneTools.importInternal('drawing/draw');
 /**
  * Draws proivded handles to the provided context
  * @public
@@ -23849,9 +23843,15 @@ var _default$t = function _default(context, evtDetail, handles) {
   var element = evtDetail.element;
   var defaultColor = toolColors$8.getToolColor();
   var activeColor = toolColors$8.getActiveColor();
-  var lineLength = 10;
-  var lineSpacing = 5;
+  var lineLength = options.lineLength || 10;
+  var lineSpacing = options.lineSpacing || 5;
   context.strokeStyle = options.color || defaultColor;
+  var hasCenterCircle = true;
+
+  if (options.hideCenterPoint) {
+    hasCenterCircle = false;
+  }
+
   var handleKeys = Object.keys(handles);
 
   var _loop = function _loop(i) {
@@ -23867,6 +23867,7 @@ var _default$t = function _default(context, evtDetail, handles) {
     }
 
     var color = handle.active ? activeColor : options.color || defaultColor;
+    var lineWidth = options.lineWidth || context.lineWidth;
     context.strokeStyle = color;
     var handleCanvasCoords = external$c.cornerstone.pixelToCanvas(element, handle);
     var canvasToPixel = external$c.cornerstone.canvasToPixel;
@@ -23907,11 +23908,16 @@ var _default$t = function _default(context, evtDetail, handles) {
         y: handleCanvasCoords.y + lineLength
       })
     }];
-    path$1(context, options, function (context) {
-      context.arc(handleCanvasCoords.x, handleCanvasCoords.y, 0.4, 0, 2 * Math.PI);
-    });
+
+    if (hasCenterCircle) {
+      path$1(context, options, function (context) {
+        context.arc(handleCanvasCoords.x, handleCanvasCoords.y, 0.4, 0, 2 * Math.PI);
+      });
+    }
+
     drawLines(context, element, lines, {
-      color: color
+      color: color,
+      lineWidth: lineWidth
     });
   };
 
@@ -23930,12 +23936,9 @@ var _default$t = function _default(context, evtDetail, handles) {
   }
 
   reactHotLoader.register(external$c, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/drawing/drawPointHandles.js");
-  reactHotLoader.register(toolStyle$6, "toolStyle", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/drawing/drawPointHandles.js");
   reactHotLoader.register(toolColors$8, "toolColors", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/drawing/drawPointHandles.js");
-  reactHotLoader.register(state$1, "state", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/drawing/drawPointHandles.js");
   reactHotLoader.register(path$1, "path", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/drawing/drawPointHandles.js");
   reactHotLoader.register(drawLines, "drawLines", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/drawing/drawPointHandles.js");
-  reactHotLoader.register(draw$7, "draw", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/drawing/drawPointHandles.js");
   reactHotLoader.register(_default$t, "default", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/drawing/drawPointHandles.js");
 })();
 
@@ -23957,7 +23960,7 @@ var __signature__$1t = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoa
   return a;
 };
 var getNewContext$7 = cornerstoneTools.importInternal('drawing/getNewContext');
-var draw$8 = cornerstoneTools.importInternal('drawing/draw');
+var draw$7 = cornerstoneTools.importInternal('drawing/draw');
 var getRGBPixels = cornerstoneTools.importInternal('util/getRGBPixels');
 var calculateSUV$2 = cornerstoneTools.importInternal('util/calculateSUV');
 
@@ -24106,7 +24109,7 @@ var ProbeTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
           return "continue";
         }
 
-        draw$8(context, function (context) {
+        draw$7(context, function (context) {
           var color = toolColors$9.getColorIfActive(data);
 
           if (_this2.configuration.drawHandles) {
@@ -24191,7 +24194,7 @@ var ProbeTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
   }
 
   reactHotLoader.register(getNewContext$7, "getNewContext", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/ProbeTool.js");
-  reactHotLoader.register(draw$8, "draw", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/ProbeTool.js");
+  reactHotLoader.register(draw$7, "draw", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/ProbeTool.js");
   reactHotLoader.register(getRGBPixels, "getRGBPixels", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/ProbeTool.js");
   reactHotLoader.register(calculateSUV$2, "calculateSUV", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/ProbeTool.js");
   reactHotLoader.register(probeCursor, "probeCursor", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/ProbeTool.js");
@@ -24688,7 +24691,7 @@ var drawLinkedTextBox$6 = cornerstoneTools.importInternal('drawing/drawLinkedTex
 var lineSegDistance$4 = cornerstoneTools.importInternal('util/lineSegDistance');
 var getPixelSpacing$6 = cornerstoneTools.importInternal('util/getPixelSpacing');
 var getNewContext$8 = cornerstoneTools.importInternal('drawing/getNewContext');
-var draw$9 = cornerstoneTools.importInternal('drawing/draw');
+var draw$8 = cornerstoneTools.importInternal('drawing/draw');
 var setShadow$6 = cornerstoneTools.importInternal('drawing/setShadow');
 var drawLine$2 = cornerstoneTools.importInternal('drawing/drawLine');
 var external$e = cornerstoneTools.external,
@@ -24912,7 +24915,7 @@ var CTRTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
           return "continue";
         }
 
-        draw$9(context, function (context) {
+        draw$8(context, function (context) {
           // Configurable shadow
           setShadow$6(context, _this2.initialConfiguration);
           var color = cornerstoneTools.toolColors.getColorIfActive(data); // 找对应的另一条
@@ -25129,7 +25132,7 @@ var CTRTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
   reactHotLoader.register(lineSegDistance$4, "lineSegDistance", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CTRTool.js");
   reactHotLoader.register(getPixelSpacing$6, "getPixelSpacing", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CTRTool.js");
   reactHotLoader.register(getNewContext$8, "getNewContext", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CTRTool.js");
-  reactHotLoader.register(draw$9, "draw", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CTRTool.js");
+  reactHotLoader.register(draw$8, "draw", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CTRTool.js");
   reactHotLoader.register(setShadow$6, "setShadow", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CTRTool.js");
   reactHotLoader.register(drawLine$2, "drawLine", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CTRTool.js");
   reactHotLoader.register(external$e, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CTRTool.js");
@@ -25205,7 +25208,7 @@ var __signature__$1x = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoa
   return a;
 };
 var convertToVector3 = cornerstoneTools.importInternal('util/convertToVector3');
-var draw$a = cornerstoneTools.importInternal('drawing/draw');
+var draw$9 = cornerstoneTools.importInternal('drawing/draw');
 var drawLine$3 = cornerstoneTools.importInternal('drawing/drawLine');
 var external$f = cornerstoneTools.external,
     toolColors$a = cornerstoneTools.toolColors;
@@ -25270,7 +25273,7 @@ var _default$v = function _default(context, eventData, targetElement, referenceE
 
 
   context.setTransform(1, 0, 0, 1, 0, 0);
-  draw$a(context, function (context) {
+  draw$9(context, function (context) {
     drawLine$3(context, eventData.element, referenceLine.start, referenceLine.end, {
       color: color
     });
@@ -25285,7 +25288,7 @@ var _default$v = function _default(context, eventData, targetElement, referenceE
   }
 
   reactHotLoader.register(convertToVector3, "convertToVector3", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/referenceLines/renderActiveReferenceLine.js");
-  reactHotLoader.register(draw$a, "draw", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/referenceLines/renderActiveReferenceLine.js");
+  reactHotLoader.register(draw$9, "draw", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/referenceLines/renderActiveReferenceLine.js");
   reactHotLoader.register(drawLine$3, "drawLine", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/referenceLines/renderActiveReferenceLine.js");
   reactHotLoader.register(external$f, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/referenceLines/renderActiveReferenceLine.js");
   reactHotLoader.register(toolColors$a, "toolColors", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/referenceLines/renderActiveReferenceLine.js");
@@ -25809,7 +25812,7 @@ var __signature__$1B = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoa
   return a;
 };
 var external$i = cornerstoneTools.external;
-var draw$b = cornerstoneTools.importInternal('drawing/draw');
+var draw$a = cornerstoneTools.importInternal('drawing/draw');
 var drawLines$1 = cornerstoneTools.importInternal('drawing/drawLines');
 var getNewContext$b = cornerstoneTools.importInternal('drawing/getNewContext');
 var BaseTool$9 = cornerstoneTools.importInternal('base/BaseTool');
@@ -25864,7 +25867,7 @@ var CentesisPathTool = /*#__PURE__*/function (_BaseTool) {
           start: vBegin,
           end: vEnd
         }];
-        draw$b(context, function (context) {
+        draw$a(context, function (context) {
           var handleRadius = 5 * devicePixelRatio$3; // 路径
 
           if (_begin.x === _end.x && _begin.y === _end.y) {
@@ -25936,7 +25939,7 @@ var CentesisPathTool = /*#__PURE__*/function (_BaseTool) {
   }
 
   reactHotLoader.register(external$i, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CentesisPathTool.js");
-  reactHotLoader.register(draw$b, "draw", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CentesisPathTool.js");
+  reactHotLoader.register(draw$a, "draw", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CentesisPathTool.js");
   reactHotLoader.register(drawLines$1, "drawLines", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CentesisPathTool.js");
   reactHotLoader.register(getNewContext$b, "getNewContext", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CentesisPathTool.js");
   reactHotLoader.register(BaseTool$9, "BaseTool", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CentesisPathTool.js");
@@ -25956,130 +25959,16 @@ var CentesisPathTool = /*#__PURE__*/function (_BaseTool) {
   enterModule && enterModule(module);
 })();
 
-var __signature__$1C = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
-var getToolState$b = cornerstoneTools.getToolState;
-
-var _default$w = function _default(element) {
-  var toolData = getToolState$b(element, 'stack');
-
-  if (!toolData || !toolData.data || !toolData.data.length) {
-    return;
-  }
-
-  var stackData = toolData.data[0];
-  return stackData.imageIds.length;
-};
-
-(function () {
-  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(getToolState$b, "getToolState", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/getImagesLength.js");
-  reactHotLoader.register(_default$w, "default", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/getImagesLength.js");
-})();
-
-(function () {
-  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
-  leaveModule && leaveModule(module);
-})();
-
-(function () {
-  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
-  enterModule && enterModule(module);
-})();
-
-var __signature__$1D = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
-var scrollToIndex = cornerstoneTools.importInternal('util/scrollToIndex');
-var getToolState$c = cornerstoneTools.getToolState;
-var globalCineTimer;
-
-function startAutoCine(activeElement, options) {
-  var direction = options.direction,
-      fps = options.fps;
-
-  if (globalCineTimer) {
-    clearInterval(globalCineTimer);
-    globalCineTimer = null;
-  }
-
-  var toolData = getToolState$c(activeElement, 'stack');
-
-  if (!toolData || !toolData.data || !toolData.data.length) {
-    return;
-  }
-
-  var stackData = toolData.data[0];
-  var timeStap = parseInt(1000 / (fps || 3), 10);
-  globalCineTimer = setInterval(function () {
-    var max = _default$w(activeElement) - 1;
-    var min = 0;
-    var newImageIndex = stackData.currentImageIdIndex + direction;
-
-    if (newImageIndex > max) {
-      newImageIndex = min;
-    }
-
-    if (newImageIndex < min) {
-      newImageIndex = max;
-    }
-
-    scrollToIndex(activeElement, newImageIndex);
-  }, timeStap);
-}
-
-function stopAutoCine() {
-  if (globalCineTimer) {
-    clearInterval(globalCineTimer);
-    globalCineTimer = null;
-  }
-}
-
-var _default$x = {
-  startAutoCine: startAutoCine,
-  stopAutoCine: stopAutoCine
-};
-
-(function () {
-  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(scrollToIndex, "scrollToIndex", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/autoCine.js");
-  reactHotLoader.register(getToolState$c, "getToolState", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/autoCine.js");
-  reactHotLoader.register(globalCineTimer, "globalCineTimer", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/autoCine.js");
-  reactHotLoader.register(startAutoCine, "startAutoCine", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/autoCine.js");
-  reactHotLoader.register(stopAutoCine, "stopAutoCine", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/autoCine.js");
-  reactHotLoader.register(_default$x, "default", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/autoCine.js");
-})();
-
-(function () {
-  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
-  leaveModule && leaveModule(module);
-})();
-
-(function () {
-  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
-  enterModule && enterModule(module);
-})();
-
 function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$a(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$1E = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1C = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var EVENTS$3 = {
-  RELATIVE_SYNC: 'cornerstonetoolsrelativesync'
+  RELATIVE_SYNC: 'cornerstonetoolsrelativesync',
+  SELECT_POSITION: 'cornerstonetoolsselectposition'
 };
 function setViewportWithEvent(element, viewport, activeTool, changeData, originViewport) {
   cornerstone.setViewport(element, viewport);
@@ -26486,10 +26375,707 @@ function resetToolState(element, mode) {
   enterModule && enterModule(module);
 })();
 
+var __signature__$1D = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+var convertToVector3$3 = cornerstoneTools.importInternal('util/convertToVector3');
+
+function imagePointToPatientPoint(imagePoint, imagePlane) {
+  var rowCosines = convertToVector3$3(imagePlane.rowCosines);
+  var columnCosines = convertToVector3$3(imagePlane.columnCosines);
+  var imagePositionPatient = convertToVector3$3(imagePlane.imagePositionPatient);
+  var x = rowCosines.clone().multiplyScalar(imagePoint.x * imagePlane.columnPixelSpacing);
+  var y = columnCosines.clone().multiplyScalar(imagePoint.y * imagePlane.rowPixelSpacing);
+  var point = x.add(y);
+  point.add(imagePositionPatient);
+  return point;
+}
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(convertToVector3$3, "convertToVector3", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/util/pointer.js");
+  reactHotLoader.register(imagePointToPatientPoint, "imagePointToPatientPoint", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/util/pointer.js");
+})();
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+var __signature__$1E = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+var dicomCache = {};
+
+var loadAndCacheDicom = function loadAndCacheDicom(imageId) {
+  return new Promise(function (resolve, reject) {
+    if (dicomCache[imageId]) {
+      resolve(dicomCache[imageId]);
+      return;
+    }
+
+    var imagePromise = loadAndCacheImagePlus(imageId);
+    imagePromise.then(function (image) {
+      var dicom = new DicomInfo(image.data, image.getPixelData());
+      dicomCache[imageId] = dicom;
+      resolve(dicom);
+    }, function (e) {
+      reject(e);
+    });
+  });
+};
+
+var purgeDicomCache = function purgeDicomCache() {
+  dicomCache = {};
+};
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(dicomCache, "dicomCache", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/dicom-parser-plus/dicom/utils/loadAndCacheDicom.js");
+  reactHotLoader.register(loadAndCacheDicom, "loadAndCacheDicom", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/dicom-parser-plus/dicom/utils/loadAndCacheDicom.js");
+  reactHotLoader.register(purgeDicomCache, "purgeDicomCache", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/dicom-parser-plus/dicom/utils/loadAndCacheDicom.js");
+})();
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+function _createSuper$A(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$A(); 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$A() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 var __signature__$1F = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var external$j = cornerstoneTools.external;
+var getNewContext$c = cornerstoneTools.importInternal('drawing/getNewContext');
+var draw$b = cornerstoneTools.importInternal('drawing/draw');
+var getRGBPixels$1 = cornerstoneTools.importInternal('util/getRGBPixels');
+var logger$7 = cornerstoneTools.importInternal('util/getLogger')('tools:annotation:ProbeTool');
+var throttle$6 = cornerstoneTools.importInternal('util/throttle');
+var waitForEnabledElementImageToLoad$1 = cornerstoneTools.importInternal('util/waitForEnabledElementImageToLoad');
+var projectPatientPointToImagePlane$1 = cornerstoneTools.importInternal('util/projectPatientPointToImagePlane');
+var scrollToIndex = cornerstoneTools.importInternal('util/scrollToIndex');
+var external$j = cornerstoneTools.external,
+    getToolState$b = cornerstoneTools.getToolState; // 二维定位工具
+
+var ReferencePositionTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
+  inherits(ReferencePositionTool, _BaseAnnotationPlusTo);
+
+  var _super = _createSuper$A(ReferencePositionTool);
+
+  function ReferencePositionTool() {
+    var _this;
+
+    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+    classCallCheck(this, ReferencePositionTool);
+
+    var defaultProps = {
+      name: 'ReferencePosition',
+      supportedInteractionTypes: ['Mouse', 'Touch'],
+      configuration: {
+        drawHandles: true
+      }
+    };
+    _this = _super.call(this, props, defaultProps);
+    _this.throttledUpdateCachedStats = throttle$6(_this.updateCachedStats, 110);
+    _this.renderer = null;
+    _this.isSource = false;
+    _this.imageIds = null;
+    return _this;
+  }
+
+  createClass(ReferencePositionTool, [{
+    key: "enabledCallback",
+    value: function () {
+      var _enabledCallback = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(element) {
+        var _ref,
+            synchronizationContext,
+            isSource,
+            imageIds,
+            enabledElement,
+            _args = arguments;
+
+        return regenerator.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _ref = _args.length > 1 && _args[1] !== undefined ? _args[1] : {}, synchronizationContext = _ref.synchronizationContext, isSource = _ref.isSource, imageIds = _ref.imageIds;
+                _context.next = 3;
+                return waitForEnabledElementImageToLoad$1(element);
+
+              case 3:
+                enabledElement = _context.sent;
+
+                if (!(!enabledElement || !synchronizationContext)) {
+                  _context.next = 7;
+                  break;
+                }
+
+                logger$7.warn("Unable to enable ".concat(this.name, ". Exiting enable callback. Tool will be enabled, but will not render."));
+                return _context.abrupt("return");
+
+              case 7:
+                this.isSource = isSource;
+                this.synchronizationContext = synchronizationContext;
+                this.imageIds = imageIds;
+
+                if (isSource) {
+                  this.renderer = this.renderPosition;
+                } else {
+                  this.renderer = this.renderTargetPosition;
+                }
+
+                this.forceImageUpdate(element);
+
+              case 12:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function enabledCallback(_x) {
+        return _enabledCallback.apply(this, arguments);
+      }
+
+      return enabledCallback;
+    }()
+  }, {
+    key: "disabledCallback",
+    value: function disabledCallback(element) {
+      this.forceImageUpdate(element);
+    }
+  }, {
+    key: "forceImageUpdate",
+    value: function forceImageUpdate(element) {
+      var enabledElement = external$j.cornerstone.getEnabledElement(element);
+
+      if (enabledElement.image) {
+        external$j.cornerstone.updateImage(element);
+      }
+    }
+  }, {
+    key: "createNewMeasurement",
+    value: function createNewMeasurement(eventData) {
+      var goodEventData = eventData && eventData.currentPoints && eventData.currentPoints.image;
+
+      if (!goodEventData) {
+        logger$7.error("required eventData not supplied to tool ".concat(this.name, "'s createNewMeasurement"));
+        return;
+      } // 只留一个标记点
+
+
+      cornerstoneTools.clearToolState(eventData.element, this.name);
+      return {
+        visible: true,
+        active: true,
+        color: undefined,
+        invalidated: true,
+        handles: {
+          end: {
+            x: eventData.currentPoints.image.x,
+            y: eventData.currentPoints.image.y,
+            highlight: true,
+            active: true
+          }
+        }
+      };
+    }
+  }, {
+    key: "pointNearToolPlus",
+    value: function pointNearToolPlus(element, data, coords, interactionType) {
+      var hasEndHandle = data && data.handles && data.handles.end;
+      var validParameters = hasEndHandle;
+
+      if (!validParameters) {
+        logger$7.warn("invalid parameters supplied to tool ".concat(this.name, "'s pointNearTool"));
+      }
+
+      if (!validParameters || data.visible === false) {
+        return false;
+      }
+
+      var probeCoords = external$j.cornerstone.pixelToCanvas(element, data.handles.end);
+      var distance = interactionType && interactionType === 'mouse' ? 5 : 11;
+      return external$j.cornerstoneMath.point.distance(probeCoords, coords) < distance;
+    }
+  }, {
+    key: "updateCachedStats",
+    value: function updateCachedStats(image, element, data) {
+      var x = Math.round(data.handles.end.x);
+      var y = Math.round(data.handles.end.y);
+      var stats = {};
+
+      if (x >= 0 && y >= 0 && x < image.columns && y < image.rows) {
+        stats.x = x;
+        stats.y = y;
+
+        if (image.color) {
+          stats.storedPixels = getRGBPixels$1(element, x, y, 1, 1);
+        } else {
+          stats.storedPixels = external$j.cornerstone.getStoredPixels(element, x, y, 1, 1);
+        }
+      }
+
+      data.cachedStats = stats;
+      data.invalidated = false;
+      external$j.cornerstone.triggerEvent(element, EVENTS$3.SELECT_POSITION);
+    }
+  }, {
+    key: "renderToolData",
+    value: function renderToolData(evt) {
+      if (!this.renderer || !this.synchronizationContext) {
+        return;
+      }
+
+      var _evt$detail = evt.detail,
+          image = _evt$detail.image,
+          element = _evt$detail.element;
+      this.renderer(evt); // TODO socket同步
+
+      onToolsUpdate(image, element);
+    }
+    /**
+     *  source element的render方法
+     *  绘制toolData的点
+     */
+
+  }, {
+    key: "renderPosition",
+    value: function renderPosition(evt) {
+      var _this2 = this;
+
+      var eventData = evt.detail;
+      var toolData = getToolState$b(evt.currentTarget, this.name);
+
+      if (!toolData) {
+        return;
+      }
+
+      var context = getNewContext$c(eventData.canvasContext.canvas);
+      var image = eventData.image,
+          element = eventData.element;
+      var handleRadius = this.configuration.handleRadius;
+
+      var _loop = function _loop(i) {
+        var data = toolData.data[i];
+
+        if (data.visible === false) {
+          return "continue";
+        }
+
+        draw$b(context, function (context) {
+          if (_this2.configuration.drawHandles) {
+            _default$t(context, eventData, data.handles, {
+              handleRadius: handleRadius,
+              color: 'transparent',
+              hideCenterPoint: true
+            });
+          }
+
+          if (data.invalidated === true) {
+            if (data.cachedStats) {
+              _this2.throttledUpdateCachedStats(image, element, data);
+            } else {
+              _this2.updateCachedStats(image, element, data);
+            }
+          }
+        });
+      };
+
+      for (var i = 0; i < toolData.data.length; i++) {
+        var _ret = _loop(i);
+
+        if (_ret === "continue") continue;
+      }
+    }
+    /**
+     *  target element的render方法
+     *  计算source的点和target最近的层 翻页+绘制垂直映射的点
+     */
+
+  }, {
+    key: "renderTargetPosition",
+    value: function () {
+      var _renderTargetPosition = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(evt) {
+        var _this3 = this;
+
+        var _evt$detail2, image, element, sourceElements, sourceElement, sourceToolData, cornerstone, sourceImage, currentTargetImage, sourceImagePlane, currentTargetPlane, currentTargetImageDicom, sourceImageDicom, sourcePoint, sourcePointV3, imageTotalCount, targetImageIndex, firstImageId, lastImageId, firstTargetImagePlane, lastTargetImagePlane, sourcePointInFirstPlane, sourcePointInLastPlane, sourcePointInFirstPlaneV3, sourcePointInLastPlaneV3, totalDistance, pointToFirstImageDistance, _targetImageIndex, targetImagePlane, sourcePointToTargetPlanePoint, context, handles;
+
+        return regenerator.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _evt$detail2 = evt.detail, image = _evt$detail2.image, element = _evt$detail2.element;
+                sourceElements = this.synchronizationContext.getSourceElements();
+
+                if (!(!sourceElements || sourceElements.length === 0 || !this.imageIds || this.imageIds.length === 0)) {
+                  _context2.next = 4;
+                  break;
+                }
+
+                return _context2.abrupt("return");
+
+              case 4:
+                sourceElement = sourceElements[0];
+                sourceToolData = getToolState$b(sourceElement, this.name);
+
+                if (!(!sourceToolData || !sourceToolData.data || sourceToolData.data.length === 0)) {
+                  _context2.next = 8;
+                  break;
+                }
+
+                return _context2.abrupt("return");
+
+              case 8:
+                // 操作的element有二维定位的点
+                cornerstone = external$j.cornerstone;
+                sourceImage = cornerstone.getEnabledElement(sourceElement).image;
+                currentTargetImage = cornerstone.getEnabledElement(element).image;
+
+                if (!(!sourceImage || !currentTargetImage)) {
+                  _context2.next = 13;
+                  break;
+                }
+
+                return _context2.abrupt("return");
+
+              case 13:
+                sourceImagePlane = cornerstone.metaData.get('imagePlaneModule', sourceImage.imageId);
+                currentTargetPlane = cornerstone.metaData.get('imagePlaneModule', currentTargetImage.imageId);
+
+                if (!(!sourceImagePlane || !currentTargetPlane || !sourceImagePlane.rowCosines || !sourceImagePlane.columnCosines || !sourceImagePlane.imagePositionPatient || !sourceImagePlane.frameOfReferenceUID || !currentTargetPlane.frameOfReferenceUID)) {
+                  _context2.next = 17;
+                  break;
+                }
+
+                return _context2.abrupt("return");
+
+              case 17:
+                if (!(currentTargetPlane.frameOfReferenceUID !== sourceImagePlane.frameOfReferenceUID)) {
+                  _context2.next = 19;
+                  break;
+                }
+
+                return _context2.abrupt("return");
+
+              case 19:
+                _context2.next = 21;
+                return loadAndCacheDicom(currentTargetImage.imageId);
+
+              case 21:
+                currentTargetImageDicom = _context2.sent;
+                _context2.next = 24;
+                return loadAndCacheDicom(sourceImage.imageId);
+
+              case 24:
+                sourceImageDicom = _context2.sent;
+
+                if (!(!currentTargetImageDicom.ImageType || !currentTargetImageDicom.ImageType.value || !lodash$1.includes(lodash$1.toUpper(currentTargetImageDicom.ImageType.value), 'PRIMARY'))) {
+                  _context2.next = 27;
+                  break;
+                }
+
+                return _context2.abrupt("return");
+
+              case 27:
+                if (!(!sourceImageDicom.ImageType || !sourceImageDicom.ImageType.value || !lodash$1.includes(lodash$1.toUpper(sourceImageDicom.ImageType.value), 'PRIMARY'))) {
+                  _context2.next = 29;
+                  break;
+                }
+
+                return _context2.abrupt("return");
+
+              case 29:
+                sourcePoint = sourceToolData.data[0].handles.end;
+                sourcePointV3 = imagePointToPatientPoint(sourcePoint, sourceImagePlane);
+                /**
+                 * 1.在起始的外侧，就直接取第一个image
+                 * 2.在结束的外侧，直接取最后一个image
+                 * 3.在中间，把source的点击的p点投到第一张上获得p1，投到最后一张上获得p2，因为层是平行的，
+                 * 这样三个点就在一条空间的直线上了，然后计算p1到p2的距离distance，distance/层数，
+                 * 就是层厚+层间距（默认当它是等分的）,然后p点到p1的距离也能知道，除以（层厚+层间距）找到index
+                 */
+
+                imageTotalCount = this.imageIds.length;
+                targetImageIndex = 0;
+
+                if (!(imageTotalCount > 1)) {
+                  _context2.next = 50;
+                  break;
+                }
+
+                firstImageId = this.imageIds[0];
+                lastImageId = this.imageIds[imageTotalCount - 1];
+                firstTargetImagePlane = cornerstone.metaData.get('imagePlaneModule', firstImageId);
+                lastTargetImagePlane = cornerstone.metaData.get('imagePlaneModule', lastImageId);
+
+                if (!(!firstTargetImagePlane || !lastTargetImagePlane || !firstTargetImagePlane.rowCosines || !lastTargetImagePlane.rowCosines || !firstTargetImagePlane.columnCosines || !lastTargetImagePlane.columnCosines || !firstTargetImagePlane.imagePositionPatient || !lastTargetImagePlane.imagePositionPatient)) {
+                  _context2.next = 40;
+                  break;
+                }
+
+                return _context2.abrupt("return");
+
+              case 40:
+                sourcePointInFirstPlane = projectPatientPointToImagePlane$1(sourcePointV3, firstTargetImagePlane);
+                sourcePointInLastPlane = projectPatientPointToImagePlane$1(sourcePointV3, lastTargetImagePlane);
+                sourcePointInFirstPlaneV3 = imagePointToPatientPoint(sourcePointInFirstPlane, firstTargetImagePlane);
+                sourcePointInLastPlaneV3 = imagePointToPatientPoint(sourcePointInLastPlane, lastTargetImagePlane);
+                totalDistance = this.calcDistance(sourcePointInFirstPlaneV3, sourcePointInLastPlaneV3);
+                pointToFirstImageDistance = this.calcDistance(sourcePointInFirstPlaneV3, sourcePointV3);
+                _targetImageIndex = lodash$1.round(pointToFirstImageDistance / (totalDistance / (imageTotalCount - 1)));
+
+                if (!(_targetImageIndex < 0 || _targetImageIndex > imageTotalCount - 1)) {
+                  _context2.next = 49;
+                  break;
+                }
+
+                return _context2.abrupt("return");
+
+              case 49:
+                scrollToIndex(element, _targetImageIndex);
+
+              case 50:
+                targetImagePlane = cornerstone.metaData.get('imagePlaneModule', this.imageIds[targetImageIndex]);
+
+                if (!(!targetImagePlane || !targetImagePlane.rowCosines || !targetImagePlane.columnCosines || !targetImagePlane.imagePositionPatient || !targetImagePlane.frameOfReferenceUID)) {
+                  _context2.next = 53;
+                  break;
+                }
+
+                return _context2.abrupt("return");
+
+              case 53:
+                sourcePointToTargetPlanePoint = projectPatientPointToImagePlane$1(sourcePointV3, targetImagePlane);
+                context = getNewContext$c(evt.detail.canvasContext.canvas);
+                handles = {
+                  end: sourcePointToTargetPlanePoint
+                };
+                draw$b(context, function (context) {
+                  _default$t(context, evt.detail, handles, {
+                    handleRadius: _this3.configuration.handleRadius,
+                    lineLength: 20,
+                    lineSpacing: 8,
+                    hideCenterPoint: true,
+                    color: '#eb6565',
+                    lineWidth: 2
+                  });
+
+                  _this3.updateCachedStats(image, element, {
+                    handles: handles
+                  });
+                });
+
+              case 57:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this);
+      }));
+
+      function renderTargetPosition(_x2) {
+        return _renderTargetPosition.apply(this, arguments);
+      }
+
+      return renderTargetPosition;
+    }()
+  }, {
+    key: "calcDistance",
+    value: function calcDistance(p1, p2) {
+      var delta = {
+        x: p1.x - p2.x,
+        y: p1.y - p2.y,
+        z: p1.z - p2.z
+      };
+      var deltaDistance = delta.x * delta.x + delta.y * delta.y + delta.z * delta.z;
+      return Math.sqrt(deltaDistance);
+    }
+  }, {
+    key: "__reactstandin__regenerateByEval",
+    // @ts-ignore
+    value: function __reactstandin__regenerateByEval(key, code) {
+      // @ts-ignore
+      this[key] = eval(code);
+    }
+  }]);
+
+  return ReferencePositionTool;
+}(_default$d);
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(getNewContext$c, "getNewContext", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/ReferencePositionTool.js");
+  reactHotLoader.register(draw$b, "draw", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/ReferencePositionTool.js");
+  reactHotLoader.register(getRGBPixels$1, "getRGBPixels", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/ReferencePositionTool.js");
+  reactHotLoader.register(logger$7, "logger", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/ReferencePositionTool.js");
+  reactHotLoader.register(throttle$6, "throttle", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/ReferencePositionTool.js");
+  reactHotLoader.register(waitForEnabledElementImageToLoad$1, "waitForEnabledElementImageToLoad", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/ReferencePositionTool.js");
+  reactHotLoader.register(projectPatientPointToImagePlane$1, "projectPatientPointToImagePlane", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/ReferencePositionTool.js");
+  reactHotLoader.register(scrollToIndex, "scrollToIndex", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/ReferencePositionTool.js");
+  reactHotLoader.register(external$j, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/ReferencePositionTool.js");
+  reactHotLoader.register(getToolState$b, "getToolState", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/ReferencePositionTool.js");
+  reactHotLoader.register(ReferencePositionTool, "ReferencePositionTool", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/ReferencePositionTool.js");
+})();
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+var __signature__$1G = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+var getToolState$c = cornerstoneTools.getToolState;
+
+var _default$w = function _default(element) {
+  var toolData = getToolState$c(element, 'stack');
+
+  if (!toolData || !toolData.data || !toolData.data.length) {
+    return;
+  }
+
+  var stackData = toolData.data[0];
+  return stackData.imageIds.length;
+};
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(getToolState$c, "getToolState", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/getImagesLength.js");
+  reactHotLoader.register(_default$w, "default", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/getImagesLength.js");
+})();
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+var __signature__$1H = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+var scrollToIndex$1 = cornerstoneTools.importInternal('util/scrollToIndex');
+var getToolState$d = cornerstoneTools.getToolState;
+var globalCineTimer;
+
+function startAutoCine(activeElement, options) {
+  var direction = options.direction,
+      fps = options.fps;
+
+  if (globalCineTimer) {
+    clearInterval(globalCineTimer);
+    globalCineTimer = null;
+  }
+
+  var toolData = getToolState$d(activeElement, 'stack');
+
+  if (!toolData || !toolData.data || !toolData.data.length) {
+    return;
+  }
+
+  var stackData = toolData.data[0];
+  var timeStap = parseInt(1000 / (fps || 3), 10);
+  globalCineTimer = setInterval(function () {
+    var max = _default$w(activeElement) - 1;
+    var min = 0;
+    var newImageIndex = stackData.currentImageIdIndex + direction;
+
+    if (newImageIndex > max) {
+      newImageIndex = min;
+    }
+
+    if (newImageIndex < min) {
+      newImageIndex = max;
+    }
+
+    scrollToIndex$1(activeElement, newImageIndex);
+  }, timeStap);
+}
+
+function stopAutoCine() {
+  if (globalCineTimer) {
+    clearInterval(globalCineTimer);
+    globalCineTimer = null;
+  }
+}
+
+var _default$x = {
+  startAutoCine: startAutoCine,
+  stopAutoCine: stopAutoCine
+};
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(scrollToIndex$1, "scrollToIndex", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/autoCine.js");
+  reactHotLoader.register(getToolState$d, "getToolState", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/autoCine.js");
+  reactHotLoader.register(globalCineTimer, "globalCineTimer", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/autoCine.js");
+  reactHotLoader.register(startAutoCine, "startAutoCine", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/autoCine.js");
+  reactHotLoader.register(stopAutoCine, "stopAutoCine", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/autoCine.js");
+  reactHotLoader.register(_default$x, "default", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/autoCine.js");
+})();
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+var __signature__$1I = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+var external$k = cornerstoneTools.external;
 
 var _default$y = function _default(synchronizer, sourceElement, targetElement, eventData) {
   if (targetElement === sourceElement) {
@@ -26518,7 +27104,7 @@ var _default$y = function _default(synchronizer, sourceElement, targetElement, e
    */
 
 
-  var cornerstone = external$j.cornerstone;
+  var cornerstone = external$k.cornerstone;
   var sourceViewport = cornerstone.getViewport(sourceElement);
   var targetViewport = cornerstone.getViewport(targetElement);
 
@@ -26759,7 +27345,7 @@ var _default$y = function _default(synchronizer, sourceElement, targetElement, e
     return;
   }
 
-  reactHotLoader.register(external$j, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/synchronization/linkSynchronizer.js");
+  reactHotLoader.register(external$k, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/synchronization/linkSynchronizer.js");
   reactHotLoader.register(_default$y, "default", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/synchronization/linkSynchronizer.js");
 })();
 
@@ -26773,10 +27359,10 @@ var _default$y = function _default(synchronizer, sourceElement, targetElement, e
   enterModule && enterModule(module);
 })();
 
-var __signature__$1G = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1J = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var external$k = cornerstoneTools.external;
+var external$l = cornerstoneTools.external;
 
 var _default$z = function _default(synchronizer, sourceElement, targetElement, eventData) {
   if (targetElement === sourceElement) {
@@ -26790,7 +27376,7 @@ var _default$z = function _default(synchronizer, sourceElement, targetElement, e
     return;
   }
 
-  var cornerstone = external$k.cornerstone;
+  var cornerstone = external$l.cornerstone;
   var sourceViewport = cornerstone.getViewport(sourceElement);
   var targetViewport = cornerstone.getViewport(targetElement);
 
@@ -26913,7 +27499,7 @@ var _default$z = function _default(synchronizer, sourceElement, targetElement, e
     return;
   }
 
-  reactHotLoader.register(external$k, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/synchronization/linkImageModeSynchronizer.js");
+  reactHotLoader.register(external$l, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/synchronization/linkImageModeSynchronizer.js");
   reactHotLoader.register(_default$z, "default", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/synchronization/linkImageModeSynchronizer.js");
 })();
 
@@ -26927,10 +27513,10 @@ var _default$z = function _default(synchronizer, sourceElement, targetElement, e
   enterModule && enterModule(module);
 })();
 
-var __signature__$1H = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1K = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var getToolState$d = cornerstoneTools.getToolState;
+var getToolState$e = cornerstoneTools.getToolState;
 /**
  * Propogate scrolling actions from the source element to the target element.
  * @export
@@ -26988,7 +27574,7 @@ var _default$A = function _default(synchronizer, sourceElement, targetElement, e
     return;
   }
 
-  reactHotLoader.register(getToolState$d, "getToolState", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/synchronization/stackScrollSynchronizer.js");
+  reactHotLoader.register(getToolState$e, "getToolState", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/synchronization/stackScrollSynchronizer.js");
   reactHotLoader.register(_default$A, "default", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/synchronization/stackScrollSynchronizer.js");
 })();
 
@@ -27002,10 +27588,10 @@ var _default$A = function _default(synchronizer, sourceElement, targetElement, e
   enterModule && enterModule(module);
 })();
 
-var __signature__$1I = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1L = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var external$l = cornerstoneTools.external;
+var external$m = cornerstoneTools.external;
 
 var _default$B = function _default(synchronizer, sourceElement, targetElement, eventData) {
   if (targetElement === sourceElement) {
@@ -27022,7 +27608,7 @@ var _default$B = function _default(synchronizer, sourceElement, targetElement, e
    */
 
 
-  var cornerstone = external$l.cornerstone;
+  var cornerstone = external$m.cornerstone;
   var sourceViewport = cornerstone.getViewport(sourceElement);
   var targetViewport = cornerstone.getViewport(targetElement);
 
@@ -27072,7 +27658,7 @@ var _default$B = function _default(synchronizer, sourceElement, targetElement, e
     return;
   }
 
-  reactHotLoader.register(external$l, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/synchronization/mprSynchronizer.js");
+  reactHotLoader.register(external$m, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/synchronization/mprSynchronizer.js");
   reactHotLoader.register(_default$B, "default", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/synchronization/mprSynchronizer.js");
 })();
 
@@ -27086,7 +27672,7 @@ var _default$B = function _default(synchronizer, sourceElement, targetElement, e
   enterModule && enterModule(module);
 })();
 
-var __signature__$1J = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1M = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -27127,7 +27713,7 @@ var _MPR_DIRECTION_COLOR;
   enterModule && enterModule(module);
 })();
 
-var __signature__$1K = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1N = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var MPR_DIRECTION_COLOR = (_MPR_DIRECTION_COLOR = {}, defineProperty(_MPR_DIRECTION_COLOR, ImagePlanDirection.Sagittal, 'red'), defineProperty(_MPR_DIRECTION_COLOR, ImagePlanDirection.Transverse, 'greenyellow'), defineProperty(_MPR_DIRECTION_COLOR, ImagePlanDirection.Coronal, 'blue'), _MPR_DIRECTION_COLOR);
@@ -27152,22 +27738,22 @@ var MPR_DIRECTION_COLOR = (_MPR_DIRECTION_COLOR = {}, defineProperty(_MPR_DIRECT
   enterModule && enterModule(module);
 })();
 
-var __signature__$1L = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1O = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var external$m = cornerstoneTools.external; // 两条直线求焦点
+var external$n = cornerstoneTools.external; // 两条直线求焦点
 
 var _default$C = function _default(element, lineSegment1, lineSegment2) {
   var lineSegment11 = {
-    start: external$m.cornerstone.pixelToCanvas(element, lineSegment1.start),
-    end: external$m.cornerstone.pixelToCanvas(element, lineSegment1.end)
+    start: external$n.cornerstone.pixelToCanvas(element, lineSegment1.start),
+    end: external$n.cornerstone.pixelToCanvas(element, lineSegment1.end)
   };
   var lineSegment22 = {
-    start: external$m.cornerstone.pixelToCanvas(element, lineSegment2.start),
-    end: external$m.cornerstone.pixelToCanvas(element, lineSegment2.end)
+    start: external$n.cornerstone.pixelToCanvas(element, lineSegment2.start),
+    end: external$n.cornerstone.pixelToCanvas(element, lineSegment2.end)
   };
   var intersectionPoint = intersectLine(lineSegment11, lineSegment22);
-  return external$m.cornerstone.canvasToPixel(element, intersectionPoint);
+  return external$n.cornerstone.canvasToPixel(element, intersectionPoint);
 };
 
 function intersectLine(lineSegment1, lineSegment2) {
@@ -27205,7 +27791,7 @@ function intersectLine(lineSegment1, lineSegment2) {
     return;
   }
 
-  reactHotLoader.register(external$m, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/util/intersectLine.js");
+  reactHotLoader.register(external$n, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/util/intersectLine.js");
   reactHotLoader.register(intersectLine, "intersectLine", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/util/intersectLine.js");
   reactHotLoader.register(_default$C, "default", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/util/intersectLine.js");
 })();
@@ -27222,7 +27808,7 @@ var _userAgent$cpu, _userAgent$device, _userAgent$os, _userAgent$os2, _userAgent
   enterModule && enterModule(module);
 })();
 
-var __signature__$1M = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1P = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -27368,19 +27954,19 @@ function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$b(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$A(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$A(); 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$B(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$B(); 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$A() { 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$B() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-var __signature__$1N = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1Q = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var external$n = cornerstoneTools.external;
+var external$o = cornerstoneTools.external;
 var draw$c = cornerstoneTools.importInternal('drawing/draw');
 var drawLines$2 = cornerstoneTools.importInternal('drawing/drawLines');
-var getNewContext$c = cornerstoneTools.importInternal('drawing/getNewContext');
+var getNewContext$d = cornerstoneTools.importInternal('drawing/getNewContext');
 var BaseTool$a = cornerstoneTools.importInternal('base/BaseTool');
-var convertToVector3$3 = cornerstoneTools.importInternal('util/convertToVector3');
+var convertToVector3$4 = cornerstoneTools.importInternal('util/convertToVector3');
 var lineSegDistance$5 = cornerstoneTools.importInternal('util/lineSegDistance');
 /**
  * @public
@@ -27395,7 +27981,7 @@ var lineSegDistance$5 = cornerstoneTools.importInternal('util/lineSegDistance');
 var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
   inherits(CrosshairsMPRTool, _BaseTool);
 
-  var _super = _createSuper$A(CrosshairsMPRTool);
+  var _super = _createSuper$B(CrosshairsMPRTool);
 
   function CrosshairsMPRTool() {
     var _this;
@@ -27501,7 +28087,7 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
       }
 
       var element = evt.detail.element;
-      var pixelToCanvas = external$n.cornerstone.pixelToCanvas;
+      var pixelToCanvas = external$o.cornerstone.pixelToCanvas;
       var coords = evt.detail.currentPoints.canvas;
       var imagePoint = pixelToCanvas(element, evt.detail.currentPoints.image);
       var center = pixelToCanvas(element, this.centerPoint);
@@ -27522,16 +28108,16 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
 
       var colLineDistance = lineSegDistance$5(element, this.colStart, this.colEnd, coords); // 点和中心的距离
 
-      var pointDistance = external$n.cornerstoneMath.point.distance(center, imagePoint); // 中心点
+      var pointDistance = external$o.cornerstoneMath.point.distance(center, imagePoint); // 中心点
 
       var centerX = center.x,
           centerY = center.y; // row方向上
 
       if (rowLineDistance <= this.area) {
         // 点到start的距离
-        var pointToStart = external$n.cornerstoneMath.point.distance(rowStart, imagePoint); // 点到end的距离
+        var pointToStart = external$o.cornerstoneMath.point.distance(rowStart, imagePoint); // 点到end的距离
 
-        var pointToEnd = external$n.cornerstoneMath.point.distance(rowEnd, imagePoint); // 中心到start end 的距离
+        var pointToEnd = external$o.cornerstoneMath.point.distance(rowEnd, imagePoint); // 中心到start end 的距离
 
         var centerToStart = Math.sqrt(Math.pow(x1 - centerX, 2) + Math.pow(y1 - centerY, 2));
         var centerToEnd = Math.sqrt(Math.pow(x2 - centerX, 2) + Math.pow(y2 - centerY, 2)); // 点到中心距离 小于 中心范围 则是center
@@ -27561,9 +28147,9 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
 
 
       if (colLineDistance <= this.area) {
-        var _pointToStart = external$n.cornerstoneMath.point.distance(colStart, imagePoint);
+        var _pointToStart = external$o.cornerstoneMath.point.distance(colStart, imagePoint);
 
-        var _pointToEnd = external$n.cornerstoneMath.point.distance(colEnd, imagePoint);
+        var _pointToEnd = external$o.cornerstoneMath.point.distance(colEnd, imagePoint);
 
         var _centerToStart = Math.sqrt(Math.pow(x3 - centerX, 2) + Math.pow(y3 - centerY, 2));
 
@@ -27611,7 +28197,7 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
     key: "collectRotate",
     value: function collectRotate(evt) {
       if (this.direction && lodash$1.includes(this.rotateDirection, this.direction)) {
-        var imagePlane = external$n.cornerstone.metaData.get('imagePlaneModule', evt.detail.image.imageId);
+        var imagePlane = external$o.cornerstone.metaData.get('imagePlaneModule', evt.detail.image.imageId);
         var imagePoint = evt.detail.currentPoints.image;
         var angle = angleBetweenPoints(this.centerPoint, this.currentDragPoint, imagePoint, imagePlane.rowPixelSpacing, imagePlane.columnPixelSpacing);
         var isVectorX = true;
@@ -27725,7 +28311,7 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
         console.log('日志：旋转角度', eventData.angle, eventData.isVectorX);
         mprWorker.ActionParameter.parameter(imageOrientationPatient).rotate(eventData.angle, eventData.isVectorX);
       } else {
-        var imagePlane = external$n.cornerstone.metaData.get('imagePlaneModule', eventData.image.imageId);
+        var imagePlane = external$o.cornerstone.metaData.get('imagePlaneModule', eventData.image.imageId);
 
         var v3 = this._imagePointToPatientPoint(eventData.currentPoints.image, imagePlane);
 
@@ -27743,7 +28329,7 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var element = _step.value;
-          external$n.cornerstone.triggerEvent(element, 'MPR_REFERENCE_LINE', {
+          external$o.cornerstone.triggerEvent(element, 'MPR_REFERENCE_LINE', {
             images: images,
             source: imageOrientationPatient
           });
@@ -27757,10 +28343,10 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
   }, {
     key: "_projectPatientPointToImagePlane",
     value: function _projectPatientPointToImagePlane(data, imagePlane) {
-      var v3 = convertToVector3$3(data);
-      var rowCosines = convertToVector3$3(imagePlane.rowCosines);
-      var columnCosines = convertToVector3$3(imagePlane.columnCosines);
-      var imagePositionPatient = convertToVector3$3(imagePlane.imagePositionPatient);
+      var v3 = convertToVector3$4(data);
+      var rowCosines = convertToVector3$4(imagePlane.rowCosines);
+      var columnCosines = convertToVector3$4(imagePlane.columnCosines);
+      var imagePositionPatient = convertToVector3$4(imagePlane.imagePositionPatient);
       var point = v3.clone().sub(imagePositionPatient);
       var x = rowCosines.dot(point) / imagePlane.columnPixelSpacing;
       var y = columnCosines.dot(point) / imagePlane.rowPixelSpacing;
@@ -27772,9 +28358,9 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
   }, {
     key: "_imagePointToPatientPoint",
     value: function _imagePointToPatientPoint(imagePoint, imagePlane) {
-      var rowCosines = convertToVector3$3(imagePlane.rowCosines);
-      var columnCosines = convertToVector3$3(imagePlane.columnCosines);
-      var imagePositionPatient = convertToVector3$3(imagePlane.imagePositionPatient);
+      var rowCosines = convertToVector3$4(imagePlane.rowCosines);
+      var columnCosines = convertToVector3$4(imagePlane.columnCosines);
+      var imagePositionPatient = convertToVector3$4(imagePlane.imagePositionPatient);
       var x = rowCosines.clone().multiplyScalar(imagePoint.x * imagePlane.columnPixelSpacing); // ZJQ - 此处不需要引入pixelSpacing
       //x.multiplyScalar(imagePlane.columnPixelSpacing);
 
@@ -27788,7 +28374,7 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
     key: "renderToolData",
     value: function renderToolData(evt) {
       var eventData = evt.detail;
-      var imagePlane = external$n.cornerstone.metaData.get('imagePlaneModule', eventData.image.imageId);
+      var imagePlane = external$o.cornerstone.metaData.get('imagePlaneModule', eventData.image.imageId);
       var _imagePlane$scoutLine = imagePlane.scoutLine,
           row = _imagePlane$scoutLine.row,
           col = _imagePlane$scoutLine.col; // 获取vtk给的四个点
@@ -27824,12 +28410,12 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
   }, {
     key: "drawCorsshairs",
     value: function drawCorsshairs(eventData, row, col) {
-      var r1 = external$n.cornerstone.pixelToCanvas(eventData.element, this.rowStart);
-      var r2 = external$n.cornerstone.pixelToCanvas(eventData.element, this.rowEnd);
-      var r3 = external$n.cornerstone.pixelToCanvas(eventData.element, this.colStart);
-      var r4 = external$n.cornerstone.pixelToCanvas(eventData.element, this.colEnd);
-      var center = external$n.cornerstone.pixelToCanvas(eventData.element, this.centerPoint);
-      var context = getNewContext$c(eventData.canvasContext.canvas);
+      var r1 = external$o.cornerstone.pixelToCanvas(eventData.element, this.rowStart);
+      var r2 = external$o.cornerstone.pixelToCanvas(eventData.element, this.rowEnd);
+      var r3 = external$o.cornerstone.pixelToCanvas(eventData.element, this.colStart);
+      var r4 = external$o.cornerstone.pixelToCanvas(eventData.element, this.colEnd);
+      var center = external$o.cornerstone.pixelToCanvas(eventData.element, this.centerPoint);
+      var context = getNewContext$d(eventData.canvasContext.canvas);
       var rowCenterPoints = getLinePonintByDistance(r1, r2, center, this.centerArea) || {
         start: center,
         end: center
@@ -27840,16 +28426,16 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
       };
       var rowLines = [{
         start: this.rowStart,
-        end: external$n.cornerstone.canvasToPixel(eventData.element, rowCenterPoints.start)
+        end: external$o.cornerstone.canvasToPixel(eventData.element, rowCenterPoints.start)
       }, {
-        start: external$n.cornerstone.canvasToPixel(eventData.element, rowCenterPoints.end),
+        start: external$o.cornerstone.canvasToPixel(eventData.element, rowCenterPoints.end),
         end: this.rowEnd
       }];
       var colLines = [{
         start: this.colStart,
-        end: external$n.cornerstone.canvasToPixel(eventData.element, colCenterPoints.start)
+        end: external$o.cornerstone.canvasToPixel(eventData.element, colCenterPoints.start)
       }, {
-        start: external$n.cornerstone.canvasToPixel(eventData.element, colCenterPoints.end),
+        start: external$o.cornerstone.canvasToPixel(eventData.element, colCenterPoints.end),
         end: this.colEnd
       }];
       var rowColor = MPR_DIRECTION_COLOR[row.direction];
@@ -27882,12 +28468,12 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
     return;
   }
 
-  reactHotLoader.register(external$n, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CrosshairsMPRTool.js");
+  reactHotLoader.register(external$o, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CrosshairsMPRTool.js");
   reactHotLoader.register(draw$c, "draw", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CrosshairsMPRTool.js");
   reactHotLoader.register(drawLines$2, "drawLines", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CrosshairsMPRTool.js");
-  reactHotLoader.register(getNewContext$c, "getNewContext", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CrosshairsMPRTool.js");
+  reactHotLoader.register(getNewContext$d, "getNewContext", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CrosshairsMPRTool.js");
   reactHotLoader.register(BaseTool$a, "BaseTool", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CrosshairsMPRTool.js");
-  reactHotLoader.register(convertToVector3$3, "convertToVector3", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CrosshairsMPRTool.js");
+  reactHotLoader.register(convertToVector3$4, "convertToVector3", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CrosshairsMPRTool.js");
   reactHotLoader.register(lineSegDistance$5, "lineSegDistance", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CrosshairsMPRTool.js");
   reactHotLoader.register(CrosshairsMPRTool, "CrosshairsMPRTool", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CrosshairsMPRTool.js");
 })();
@@ -27902,14 +28488,14 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
   enterModule && enterModule(module);
 })();
 
-function _createSuper$B(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$B(); 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$C(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$C(); 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$B() { 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$C() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-var __signature__$1O = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1R = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var external$o = cornerstoneTools.external;
+var external$p = cornerstoneTools.external;
 var BaseTool$b = cornerstoneTools.importInternal('base/BaseTool');
 /**
  *
@@ -27926,7 +28512,7 @@ var BaseTool$b = cornerstoneTools.importInternal('base/BaseTool');
 var OverlayTool = /*#__PURE__*/function (_BaseTool) {
   inherits(OverlayTool, _BaseTool);
 
-  var _super = _createSuper$B(OverlayTool);
+  var _super = _createSuper$C(OverlayTool);
 
   function OverlayTool() {
     var _this;
@@ -27959,10 +28545,10 @@ var OverlayTool = /*#__PURE__*/function (_BaseTool) {
   }, {
     key: "forceImageUpdate",
     value: function forceImageUpdate(element) {
-      var enabledElement = external$o.cornerstone.getEnabledElement(element);
+      var enabledElement = external$p.cornerstone.getEnabledElement(element);
 
       if (enabledElement.image) {
-        external$o.cornerstone.updateImage(element);
+        external$p.cornerstone.updateImage(element);
       }
     }
   }, {
@@ -27978,7 +28564,7 @@ var OverlayTool = /*#__PURE__*/function (_BaseTool) {
         return;
       }
 
-      var overlayPlaneMetadata = external$o.cornerstone.metaData.get('overlayPlaneModule', image.imageId);
+      var overlayPlaneMetadata = external$p.cornerstone.metaData.get('overlayPlaneModule', image.imageId);
 
       if (!overlayPlaneMetadata || !overlayPlaneMetadata.overlays || !overlayPlaneMetadata.overlays.length) {
         return;
@@ -28016,7 +28602,7 @@ var OverlayTool = /*#__PURE__*/function (_BaseTool) {
         var overlayX = !isNaN(parseFloat(overlay.x)) && isFinite(overlay.x) ? overlay.x : 0;
         var overlayY = !isNaN(parseFloat(overlay.y)) && isFinite(overlay.y) ? overlay.y : 0; // Draw the overlay layer onto the canvas
 
-        var transform = external$o.cornerstone.internal.getTransform(eventData.enabledElement);
+        var transform = external$p.cornerstone.internal.getTransform(eventData.enabledElement);
         canvasContext.setTransform(transform.m[0], transform.m[1], transform.m[2], transform.m[3], transform.m[4], transform.m[5]);
         canvasContext.drawImage(layerCanvas, overlayX, overlayY);
       });
@@ -28040,7 +28626,7 @@ var OverlayTool = /*#__PURE__*/function (_BaseTool) {
     return;
   }
 
-  reactHotLoader.register(external$o, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/OverlayTool.js");
+  reactHotLoader.register(external$p, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/OverlayTool.js");
   reactHotLoader.register(BaseTool$b, "BaseTool", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/OverlayTool.js");
   reactHotLoader.register(OverlayTool, "OverlayTool", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/OverlayTool.js");
 })();
@@ -28055,7 +28641,7 @@ var OverlayTool = /*#__PURE__*/function (_BaseTool) {
   enterModule && enterModule(module);
 })();
 
-var __signature__$1P = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1S = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var cornerstoneState = {
@@ -28169,77 +28755,28 @@ function reset$2(key) {
   enterModule && enterModule(module);
 })();
 
-var __signature__$1Q = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
-var dicomCache = {};
-
-var loadAndCacheDicom = function loadAndCacheDicom(imageId) {
-  return new Promise(function (resolve, reject) {
-    if (dicomCache[imageId]) {
-      resolve(dicomCache[imageId]);
-      return;
-    }
-
-    var imagePromise = loadAndCacheImagePlus(imageId);
-    imagePromise.then(function (image) {
-      var dicom = new DicomInfo(image.data, image.getPixelData());
-      dicomCache[imageId] = dicom;
-      resolve(dicom);
-    }, function (e) {
-      reject(e);
-    });
-  });
-};
-
-var purgeDicomCache = function purgeDicomCache() {
-  dicomCache = {};
-};
-
-(function () {
-  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(dicomCache, "dicomCache", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/dicom-parser-plus/dicom/utils/loadAndCacheDicom.js");
-  reactHotLoader.register(loadAndCacheDicom, "loadAndCacheDicom", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/dicom-parser-plus/dicom/utils/loadAndCacheDicom.js");
-  reactHotLoader.register(purgeDicomCache, "purgeDicomCache", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/dicom-parser-plus/dicom/utils/loadAndCacheDicom.js");
-})();
-
-(function () {
-  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
-  leaveModule && leaveModule(module);
-})();
-
-(function () {
-  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
-  enterModule && enterModule(module);
-})();
-
 function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$c(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$C(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$C(); 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$D(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$D(); 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$C() { 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$D() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-var __signature__$1R = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1T = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var drawLinkedTextBox$7 = cornerstoneTools.importInternal('drawing/drawLinkedTextBox');
-var getNewContext$d = cornerstoneTools.importInternal('drawing/getNewContext');
+var getNewContext$e = cornerstoneTools.importInternal('drawing/getNewContext');
 var moveHandleNearImagePoint = cornerstoneTools.importInternal('manipulators/moveHandleNearImagePoint');
 var drawLines$3 = cornerstoneTools.importInternal('drawing/drawLines');
 var addToolState$4 = cornerstoneTools.addToolState,
-    external$p = cornerstoneTools.external;
+    external$q = cornerstoneTools.external;
 
 var AIAnalysisOverlayTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
   inherits(AIAnalysisOverlayTool, _BaseAnnotationPlusTo);
 
-  var _super = _createSuper$C(AIAnalysisOverlayTool);
+  var _super = _createSuper$D(AIAnalysisOverlayTool);
 
   function AIAnalysisOverlayTool() {
     var _this;
@@ -28263,7 +28800,7 @@ var AIAnalysisOverlayTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
     value: function addMeasurement(data, element) {
       var measurementData = this.createNewMeasurement(data);
       addToolState$4(element, this.name, measurementData);
-      external$p.cornerstone.updateImage(element);
+      external$q.cornerstone.updateImage(element);
     }
   }, {
     key: "handleSelectedCallback",
@@ -28449,7 +28986,7 @@ var AIAnalysisOverlayTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
 
               case 19:
                 // 绘制
-                context = getNewContext$d(eventData.canvasContext.canvas);
+                context = getNewContext$e(eventData.canvasContext.canvas);
                 lineWidth = cornerstoneTools.toolStyle.getToolWidth();
 
                 for (i = 0; i < toolData.data.length; i++) {
@@ -28586,11 +29123,11 @@ var textureDic = function textureDic(value) {
   }
 
   reactHotLoader.register(drawLinkedTextBox$7, "drawLinkedTextBox", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/AIAnalysisOverlayTool.js");
-  reactHotLoader.register(getNewContext$d, "getNewContext", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/AIAnalysisOverlayTool.js");
+  reactHotLoader.register(getNewContext$e, "getNewContext", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/AIAnalysisOverlayTool.js");
   reactHotLoader.register(moveHandleNearImagePoint, "moveHandleNearImagePoint", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/AIAnalysisOverlayTool.js");
   reactHotLoader.register(drawLines$3, "drawLines", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/AIAnalysisOverlayTool.js");
   reactHotLoader.register(addToolState$4, "addToolState", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/AIAnalysisOverlayTool.js");
-  reactHotLoader.register(external$p, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/AIAnalysisOverlayTool.js");
+  reactHotLoader.register(external$q, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/AIAnalysisOverlayTool.js");
   reactHotLoader.register(AIAnalysisOverlayTool, "AIAnalysisOverlayTool", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/AIAnalysisOverlayTool.js");
   reactHotLoader.register(getAIText, "getAIText", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/AIAnalysisOverlayTool.js");
   reactHotLoader.register(textBoxAnchorPoints, "textBoxAnchorPoints", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/AIAnalysisOverlayTool.js");
@@ -28608,7 +29145,7 @@ var textureDic = function textureDic(value) {
   enterModule && enterModule(module);
 })();
 
-var __signature__$1S = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1U = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -28635,7 +29172,8 @@ cornerstoneTools.OverlayTool = OverlayTool;
 cornerstoneTools.stackScrollSynchronizer = _default$A;
 cornerstoneTools.AIAnalysisOverlayTool = AIAnalysisOverlayTool;
 cornerstoneTools.CentesisTool = CentesisTool;
-cornerstoneTools.CentesisPathTool = CentesisPathTool; //自定义
+cornerstoneTools.CentesisPathTool = CentesisPathTool;
+cornerstoneTools.ReferencePositionTool = ReferencePositionTool; //自定义
 
 cornerstoneTools.linkSynchronizer = _default$y;
 cornerstoneTools.linkImageModeSynchronizer = _default$z;
@@ -28669,7 +29207,7 @@ var _default$E = cornerstoneTools;
   enterModule && enterModule(module);
 })();
 
-var __signature__$1T = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1V = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -28738,7 +29276,7 @@ function _createImage() {
   enterModule && enterModule(module);
 })();
 
-var __signature__$1U = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1W = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -28811,7 +29349,7 @@ function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$d(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$1V = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1X = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -29040,14 +29578,14 @@ cornerstone.metaData.addProvider(centesisMetaDataProvider);
   enterModule && enterModule(module);
 })();
 
-var __signature__$1W = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1Y = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var isMobileTablet = _default$D.isDeviceTypeMobileOrTablet();
 
 if (!isMobileTablet) {
-  cornerstone.imageCache.setMaximumSizeBytes(1024 * 1024 * 1024 * 4);
+  cornerstone.imageCache.setMaximumSizeBytes(1024 * 1024 * 1024 * 1);
 }
 
 _default$E.external.cornerstone = cornerstone;
@@ -29128,7 +29666,9 @@ var linkImageModeSynchronizer = new _default$E.Synchronizer(EVENTS$3.RELATIVE_SY
 
 var linkScrollSynchronizer = new _default$E.Synchronizer(_default$E.EVENTS.STACK_SCROLL, _default$E.stackScrollSynchronizer); // mpr窗值同步
 
-var mprSynchronizer = new _default$E.Synchronizer(EVENTS$3.RELATIVE_SYNC, _default$E.mprSynchronizer); // hack code 只是为了释放无效引用, 未来移除掉
+var mprSynchronizer = new _default$E.Synchronizer(EVENTS$3.RELATIVE_SYNC, _default$E.mprSynchronizer); // 3D定位
+
+var positionSynchronizer = new _default$E.Synchronizer(EVENTS$3.SELECT_POSITION, _default$E.updateImageSynchronizer); // hack code 只是为了释放无效引用, 未来移除掉
 
 var unusedSynchronizer = new _default$E.Synchronizer("UNUSED_SYNCHRONIZER", function () {
   // do nothing
@@ -29153,6 +29693,7 @@ cornerstone.registerImageLoader('centesis', _default$G);
   reactHotLoader.register(linkImageModeSynchronizer, "linkImageModeSynchronizer", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/initCornerstone.js");
   reactHotLoader.register(linkScrollSynchronizer, "linkScrollSynchronizer", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/initCornerstone.js");
   reactHotLoader.register(mprSynchronizer, "mprSynchronizer", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/initCornerstone.js");
+  reactHotLoader.register(positionSynchronizer, "positionSynchronizer", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/initCornerstone.js");
   reactHotLoader.register(unusedSynchronizer, "unusedSynchronizer", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomView/initCornerstone.js");
 })();
 
@@ -29170,7 +29711,7 @@ function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$e(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$1X = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1Z = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -29219,6 +29760,8 @@ var initialState$4 = {
   // synchronizer集合
   synchronizer: synchronizer,
   // 定位线
+  positionSynchronizer: positionSynchronizer,
+  // 3d定位
   linkSynchronizer: linkSynchronizer,
   // 序列模式相对同步
   linkImageModeSynchronizer: linkImageModeSynchronizer,
@@ -29530,7 +30073,7 @@ function switchMprPerspective(reset) {
   enterModule && enterModule(module);
 })();
 
-var __signature__$1Y = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1_ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -30274,6 +30817,28 @@ var SvgCentesisEnd = function SvgCentesisEnd(props) {
   }, props), _ref$D, _ref2$8, _ref3$1);
 };
 
+function _extends$E() { _extends$E = 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$E.apply(this, arguments); }
+
+var _ref$E = /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("style", null));
+
+var _ref2$9 = /*#__PURE__*/React__default.createElement("path", {
+  d: "M512 365.714c-80.786 0-146.286 65.5-146.286 146.286S431.214 658.286 512 658.286 658.286 592.786 658.286 512 592.786 365.714 512 365.714zm0 219.429c-40.322 0-73.143-32.821-73.143-73.143s32.821-73.143 73.143-73.143 73.143 32.821 73.143 73.143-32.821 73.143-73.143 73.143z"
+});
+
+var _ref3$2 = /*#__PURE__*/React__default.createElement("path", {
+  d: "M1024 475.429h-75C931.391 262.32 761.678 92.608 548.57 75V0H475.43v75C262.358 92.609 92.643 262.322 75 475.43H0v73.142h75C92.644 761.68 262.359 931.392 475.43 949V1024h73.142v-75C761.68 931.391 931.392 761.678 949 548.57H1024V475.43zM548.571 875.856v-71.285H475.43v71.285c-172.5-17.214-310.071-154.784-327.285-327.285h71.285V475.43h-71.285c17.214-172.5 154.784-310.071 327.285-327.285v71.285h73.142v-71.285c172.5 17.214 310.071 154.784 327.285 327.285h-71.285v73.142h71.285c-17.214 172.5-154.784 310.071-327.285 327.285z"
+});
+
+var SvgReferencePosition = function SvgReferencePosition(props) {
+  return /*#__PURE__*/React__default.createElement("svg", _extends$E({
+    className: "reference-position_svg__icon",
+    viewBox: "0 0 1024 1024",
+    width: 200,
+    height: 200,
+    fill: "currentColor"
+  }, props), _ref$E, _ref2$9, _ref3$2);
+};
+
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
@@ -30887,18 +31452,18 @@ styleInject$1(css_248z);
   enterModule && enterModule(module);
 })();
 
-function _createSuper$D(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$D(); 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$E(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$E(); 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$D() { 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$E() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-var __signature__$1Z = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1$ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var ToolPopoverTemplate = /*#__PURE__*/function (_Component) {
   inherits(ToolPopoverTemplate, _Component);
 
-  var _super = _createSuper$D(ToolPopoverTemplate);
+  var _super = _createSuper$E(ToolPopoverTemplate);
 
   function ToolPopoverTemplate(props) {
     classCallCheck(this, ToolPopoverTemplate);
@@ -30982,18 +31547,18 @@ defineProperty(ToolPopoverTemplate, "propTypes", {
   enterModule && enterModule(module);
 })();
 
-function _createSuper$E(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$E(); 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$F(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$F(); 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$E() { 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$F() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-var __signature__$1_ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$20 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var Layout = /*#__PURE__*/function (_Component) {
   inherits(Layout, _Component);
 
-  var _super = _createSuper$E(Layout);
+  var _super = _createSuper$F(Layout);
 
   function Layout(props) {
     classCallCheck(this, Layout);
@@ -31066,7 +31631,7 @@ var Layout = /*#__PURE__*/function (_Component) {
   enterModule && enterModule(module);
 })();
 
-var __signature__$1$ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$21 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -31121,7 +31686,7 @@ function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$f(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$20 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$22 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -31247,19 +31812,19 @@ var _default$J = ConnectedLayoutButton;
 var css_248z$1 = ".paladin-wwwc .paladin-wwwc-item {\n  padding: 3px 20px;\n  font-size: 14px;\n  color: #53585f;\n  cursor: pointer;\n  white-space: nowrap;\n}\n.paladin-wwwc .paladin-wwwc-item:hover {\n  color: #fff;\n  background: #777777;\n}\n.paladin-wwwc .paladin-wwwc-item-prefix {\n  display: inline-block;\n  width: 50px;\n}\n.paladin-wwwc .paladin-wwwc-item-prefix svg {\n  width: 15px;\n  vertical-align: middle;\n}\n.paladin-wwwc .paladin-wwwc-item-label {\n  display: inline-block;\n  width: 55px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow-x: hidden;\n  vertical-align: top;\n}\n.paladin-wwwc .paladin-wwwc-item-value {\n  display: inline-block;\n  width: calc(100% - 100px);\n  text-align: right;\n  font-style: oblique;\n}\n.paladin-wwwc .paladin-wwwc-custom-icon {\n  display: inline-block;\n  width: 1.28571em;\n  height: 1em;\n  margin-right: 2px;\n}\n.paladin-wwwc .paladin-wwwc-custom-icon svg {\n  vertical-align: middle;\n}\n.paladin-wwwc-set-modal .paladin-wwwc-set-table {\n  border-collapse: collapse;\n  width: 100%;\n}\n.paladin-wwwc-set-modal .paladin-wwwc-set-table th,\n.paladin-wwwc-set-modal .paladin-wwwc-set-table td {\n  padding: 16px 0;\n  text-align: center;\n  font-size: 14px;\n}\n.paladin-wwwc-set-modal .paladin-wwwc-set-table th {\n  background: #fafafa;\n}\n.paladin-wwwc-set-modal .paladin-wwwc-set-table th:last-child {\n  width: 250px;\n}\n";
 styleInject$1(css_248z$1);
 
-function _extends$E() { _extends$E = 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$E.apply(this, arguments); }
+function _extends$F() { _extends$F = 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$F.apply(this, arguments); }
 
-var _ref$E = /*#__PURE__*/React__default.createElement("path", {
+var _ref$F = /*#__PURE__*/React__default.createElement("path", {
   d: "M18.286 16q0-1.893-1.339-3.232t-3.232-1.339-3.232 1.339T9.144 16t1.339 3.232 3.232 1.339 3.232-1.339T18.286 16zm9.143-1.946v3.964q0 .214-.143.411t-.357.232l-3.304.5q-.339.964-.696 1.625.625.893 1.911 2.464.179.214.179.446t-.161.411q-.482.661-1.768 1.929t-1.679 1.268q-.214 0-.464-.161l-2.464-1.929q-.786.411-1.625.679-.286 2.429-.518 3.321-.125.5-.643.5h-3.964q-.25 0-.438-.152t-.205-.384l-.5-3.286q-.875-.286-1.607-.661l-2.518 1.911q-.179.161-.446.161-.25 0-.446-.196-2.25-2.036-2.946-3-.125-.179-.125-.411 0-.214.143-.411.268-.375.911-1.188t.964-1.259q-.482-.893-.732-1.768L.52 18.588q-.232-.036-.375-.223t-.143-.42v-3.964q0-.214.143-.411t.339-.232l3.321-.5q.25-.821.696-1.643-.714-1.018-1.911-2.464-.179-.214-.179-.429 0-.179.161-.411.464-.643 1.759-1.92t1.688-1.277q.232 0 .464.179l2.464 1.911q.786-.411 1.625-.679.286-2.429.518-3.321.125-.5.643-.5h3.964q.25 0 .438.152t.205.384l.5 3.286q.875.286 1.607.661l2.536-1.911q.161-.161.429-.161.232 0 .446.179 2.304 2.125 2.946 3.036.125.143.125.393 0 .214-.143.411-.268.375-.911 1.188t-.964 1.259q.464.893.732 1.75l3.268.5q.232.036.375.223t.143.42z"
 });
 
 var SvgCog = function SvgCog(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$E({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$F({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$E);
+  }, props), _ref$F);
 };
 
 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";
@@ -31270,18 +31835,18 @@ styleInject$1(css_248z$2);
   enterModule && enterModule(module);
 })();
 
-function _createSuper$F(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$F(); 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$G(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$G(); 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$F() { 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$G() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-var __signature__$21 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$23 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var Input$1 = /*#__PURE__*/function (_Component) {
   inherits(Input, _Component);
 
-  var _super = _createSuper$F(Input);
+  var _super = _createSuper$G(Input);
 
   function Input(props) {
     var _this;
@@ -31377,18 +31942,18 @@ styleInject$1(css_248z$3);
   enterModule && enterModule(module);
 })();
 
-function _createSuper$G(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$G(); 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$H(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$H(); 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$G() { 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$H() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-var __signature__$22 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$24 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var Row = /*#__PURE__*/function (_Component) {
   inherits(Row, _Component);
 
-  var _super = _createSuper$G(Row);
+  var _super = _createSuper$H(Row);
 
   function Row() {
     classCallCheck(this, Row);
@@ -31451,18 +32016,18 @@ styleInject$1(css_248z$4);
   enterModule && enterModule(module);
 })();
 
-function _createSuper$H(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$H(); 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$I(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$I(); 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$H() { 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$I() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-var __signature__$23 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$25 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var Col = /*#__PURE__*/function (_Component) {
   inherits(Col, _Component);
 
-  var _super = _createSuper$H(Col);
+  var _super = _createSuper$I(Col);
 
   function Col() {
     classCallCheck(this, Col);
@@ -31542,11 +32107,11 @@ styleInject$1(css_248z$6);
   enterModule && enterModule(module);
 })();
 
-function _createSuper$I(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$I(); 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$J(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$J(); 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$I() { 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$J() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-var __signature__$24 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$26 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 /**
@@ -31561,7 +32126,7 @@ var __signature__$24 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoa
 var Button = /*#__PURE__*/function (_Component) {
   inherits(Button, _Component);
 
-  var _super = _createSuper$I(Button);
+  var _super = _createSuper$J(Button);
 
   function Button() {
     classCallCheck(this, Button);
@@ -31615,19 +32180,19 @@ defineProperty(Button, "propTypes", {
   leaveModule && leaveModule(module);
 })();
 
-function _extends$F() { _extends$F = 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$F.apply(this, arguments); }
+function _extends$G() { _extends$G = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$G.apply(this, arguments); }
 
-var _ref$F = /*#__PURE__*/React__default.createElement("path", {
+var _ref$G = /*#__PURE__*/React__default.createElement("path", {
   d: "M23.179 23.607q0 .714-.5 1.214L20.25 27.25q-.5.5-1.214.5t-1.214-.5L12.572 22l-5.25 5.25q-.5.5-1.214.5t-1.214-.5l-2.429-2.429q-.5-.5-.5-1.214t.5-1.214l5.25-5.25-5.25-5.25q-.5-.5-.5-1.214t.5-1.214l2.429-2.429q.5-.5 1.214-.5t1.214.5l5.25 5.25 5.25-5.25q.5-.5 1.214-.5t1.214.5l2.429 2.429q.5.5.5 1.214t-.5 1.214l-5.25 5.25 5.25 5.25q.5.5.5 1.214z"
 });
 
 var SvgRemove = function SvgRemove(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$F({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$G({
     width: 25,
     height: 32,
     viewBox: "0 0 25 32",
     fill: "currentColor"
-  }, props), _ref$F);
+  }, props), _ref$G);
 };
 
 (function () {
@@ -31635,18 +32200,18 @@ var SvgRemove = function SvgRemove(props) {
   enterModule && enterModule(module);
 })();
 
-function _createSuper$J(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$J(); 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$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$J() { 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$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 __signature__$25 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$27 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var Modal = /*#__PURE__*/function (_Component) {
   inherits(Modal, _Component);
 
-  var _super = _createSuper$J(Modal);
+  var _super = _createSuper$K(Modal);
 
   /**
    visible: 对话框是否可见
@@ -31845,7 +32410,7 @@ function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$g(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$26 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$28 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var destroyFns = [];
@@ -31987,7 +32552,7 @@ var _default$K = Modal;
   enterModule && enterModule(module);
 })();
 
-var __signature__$27 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$29 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -32045,18 +32610,18 @@ var saveWwwcCustomDic = function saveWwwcCustomDic(data) {
   enterModule && enterModule(module);
 })();
 
-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 __signature__$28 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2a = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var WwwcCustomSettingModal = /*#__PURE__*/function (_Component) {
   inherits(WwwcCustomSettingModal, _Component);
 
-  var _super = _createSuper$K(WwwcCustomSettingModal);
+  var _super = _createSuper$L(WwwcCustomSettingModal);
 
   function WwwcCustomSettingModal(props) {
     var _this;
@@ -32369,18 +32934,18 @@ defineProperty(WwwcCustomSettingModal, "propTypes", {});
   enterModule && enterModule(module);
 })();
 
-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 __signature__$29 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2b = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var Wwwc = /*#__PURE__*/function (_Component) {
   inherits(Wwwc, _Component);
 
-  var _super = _createSuper$L(Wwwc);
+  var _super = _createSuper$M(Wwwc);
 
   function Wwwc(props) {
     var _this;
@@ -32615,7 +33180,7 @@ function ownKeys$h(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$h(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$2a = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2c = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -32684,109 +33249,109 @@ var _default$L = ConnectedWwwc;
   leaveModule && leaveModule(module);
 })();
 
-function _extends$G() { _extends$G = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$G.apply(this, arguments); }
+function _extends$H() { _extends$H = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$H.apply(this, arguments); }
 
-var _ref$G = /*#__PURE__*/React__default.createElement("path", {
+var _ref$H = /*#__PURE__*/React__default.createElement("path", {
   d: "M22.911 9.661L16.572 16l6.339 6.339 2.571-2.571q.518-.554 1.25-.25.696.304.696 1.054v8q0 .464-.339.804t-.804.339h-8q-.75 0-1.054-.714-.304-.696.25-1.232l2.571-2.571-6.339-6.339-6.339 6.339 2.571 2.571q.554.536.25 1.232-.304.714-1.054.714h-8q-.464 0-.804-.339t-.339-.804v-8q0-.75.714-1.054.696-.304 1.232.25l2.571 2.571L10.854 16 4.515 9.661l-2.571 2.571q-.339.339-.804.339-.214 0-.429-.089-.714-.304-.714-1.054v-8q0-.464.339-.804t.804-.339h8q.75 0 1.054.714.304.696-.25 1.232L7.373 6.802l6.339 6.339 6.339-6.339-2.571-2.571q-.554-.536-.25-1.232.304-.714 1.054-.714h8q.464 0 .804.339t.339.804v8q0 .75-.696 1.054-.232.089-.446.089-.464 0-.804-.339z"
 });
 
 var SvgFullscreen = function SvgFullscreen(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$G({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$H({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$G);
+  }, props), _ref$H);
 };
 
-function _extends$H() { _extends$H = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$H.apply(this, arguments); }
+function _extends$I() { _extends$I = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$I.apply(this, arguments); }
 
-var _ref$H = /*#__PURE__*/React__default.createElement("path", {
+var _ref$I = /*#__PURE__*/React__default.createElement("path", {
   d: "M32 16q0 .464-.339.804l-4.571 4.571q-.339.339-.804.339t-.804-.339-.339-.804v-2.286H6.857v2.286q0 .464-.339.804t-.804.339-.804-.339L.339 16.804Q0 16.465 0 16t.339-.804l4.571-4.571q.339-.339.804-.339t.804.339.339.804v2.286h18.286v-2.286q0-.464.339-.804t.804-.339.804.339l4.571 4.571Q32 15.535 32 16z"
 });
 
 var SvgResizeHorizontal = function SvgResizeHorizontal(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$H({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$I({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$H);
+  }, props), _ref$I);
 };
 
-function _extends$I() { _extends$I = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$I.apply(this, arguments); }
+function _extends$J() { _extends$J = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$J.apply(this, arguments); }
 
-var _ref$I = /*#__PURE__*/React__default.createElement("path", {
+var _ref$J = /*#__PURE__*/React__default.createElement("path", {
   d: "M12.571 5.714q0 .464-.339.804t-.804.339H9.142v18.286h2.286q.464 0 .804.339t.339.804-.339.804l-4.571 4.571Q7.322 32 6.857 32t-.804-.339L1.482 27.09q-.339-.339-.339-.804t.339-.804.804-.339h2.286V6.857H2.286q-.464 0-.804-.339t-.339-.804.339-.804L6.053.339Q6.392 0 6.857 0t.804.339l4.571 4.571q.339.339.339.804z"
 });
 
 var SvgResizeVertical = function SvgResizeVertical(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$I({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$J({
     width: 14,
     height: 32,
     viewBox: "0 0 14 32",
     fill: "currentColor"
-  }, props), _ref$I);
+  }, props), _ref$J);
 };
 
-function _extends$J() { _extends$J = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$J.apply(this, arguments); }
+function _extends$K() { _extends$K = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$K.apply(this, arguments); }
 
-var _ref$J = /*#__PURE__*/React__default.createElement("path", {
+var _ref$K = /*#__PURE__*/React__default.createElement("path", {
   d: "M18.286 14.286v1.143q0 .232-.17.402t-.402.17h-4v4q0 .232-.17.402t-.402.17h-1.143q-.232 0-.402-.17t-.17-.402v-4h-4q-.232 0-.402-.17t-.17-.402v-1.143q0-.232.17-.402t.402-.17h4v-4q0-.232.17-.402t.402-.17h1.143q.232 0 .402.17t.17.402v4h4q.232 0 .402.17t.17.402zm2.285.571q0-3.304-2.348-5.652t-5.652-2.348-5.652 2.348-2.348 5.652 2.348 5.652 5.652 2.348 5.652-2.348 2.348-5.652zm9.143 14.857q0 .946-.67 1.616t-1.616.67q-.964 0-1.607-.679l-6.125-6.107q-3.196 2.214-7.125 2.214-2.554 0-4.884-.991t-4.018-2.679T.99 19.74t-.991-4.884.991-4.884 2.679-4.018 4.018-2.679 4.884-.991 4.884.991 4.018 2.679 2.679 4.018.991 4.884q0 3.929-2.214 7.125l6.125 6.125q.661.661.661 1.607z"
 });
 
 var SvgZoomIn = function SvgZoomIn(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$J({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$K({
     width: 30,
     height: 32,
     viewBox: "0 0 30 32",
     fill: "currentColor"
-  }, props), _ref$J);
+  }, props), _ref$K);
 };
 
-function _extends$K() { _extends$K = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$K.apply(this, arguments); }
+function _extends$L() { _extends$L = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$L.apply(this, arguments); }
 
-var _ref$K = /*#__PURE__*/React__default.createElement("path", {
+var _ref$L = /*#__PURE__*/React__default.createElement("path", {
   d: "M18.286 14.286v1.143q0 .232-.17.402t-.402.17H7.428q-.232 0-.402-.17t-.17-.402v-1.143q0-.232.17-.402t.402-.17h10.286q.232 0 .402.17t.17.402zm2.285.571q0-3.304-2.348-5.652t-5.652-2.348-5.652 2.348-2.348 5.652 2.348 5.652 5.652 2.348 5.652-2.348 2.348-5.652zm9.143 14.857q0 .946-.67 1.616t-1.616.67q-.964 0-1.607-.679l-6.125-6.107q-3.196 2.214-7.125 2.214-2.554 0-4.884-.991t-4.018-2.679T.99 19.74t-.991-4.884.991-4.884 2.679-4.018 4.018-2.679 4.884-.991 4.884.991 4.018 2.679 2.679 4.018.991 4.884q0 3.929-2.214 7.125l6.125 6.125q.661.661.661 1.607z"
 });
 
 var SvgZoomOut = function SvgZoomOut(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$K({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$L({
     width: 30,
     height: 32,
     viewBox: "0 0 30 32",
     fill: "currentColor"
-  }, props), _ref$K);
+  }, props), _ref$L);
 };
 
-function _extends$L() { _extends$L = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$L.apply(this, arguments); }
+function _extends$M() { _extends$M = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$M.apply(this, arguments); }
 
-var _ref$L = /*#__PURE__*/React__default.createElement("path", {
+var _ref$M = /*#__PURE__*/React__default.createElement("path", {
   d: "M20.571 14.857q0-3.304-2.348-5.652t-5.652-2.348-5.652 2.348-2.348 5.652 2.348 5.652 5.652 2.348 5.652-2.348 2.348-5.652zm9.143 14.857q0 .929-.679 1.607T27.428 32q-.964 0-1.607-.679l-6.125-6.107q-3.196 2.214-7.125 2.214-2.554 0-4.884-.991t-4.018-2.679T.99 19.74t-.991-4.884.991-4.884 2.679-4.018 4.018-2.679 4.884-.991 4.884.991 4.018 2.679 2.679 4.018.991 4.884q0 3.929-2.214 7.125l6.125 6.125q.661.661.661 1.607z"
 });
 
 var SvgSearch = function SvgSearch(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$L({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$M({
     width: 30,
     height: 32,
     viewBox: "0 0 30 32",
     fill: "currentColor"
-  }, props), _ref$L);
+  }, props), _ref$M);
 };
 
-function _extends$M() { _extends$M = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$M.apply(this, arguments); }
+function _extends$N() { _extends$N = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$N.apply(this, arguments); }
 
-var _ref$M = /*#__PURE__*/React__default.createElement("path", {
+var _ref$N = /*#__PURE__*/React__default.createElement("path", {
   d: "M32 20q0 2.964-2.268 8.054l-.188.429q-.134.304-.241.536t-.232.393q-.214.304-.5.304-.268 0-.42-.179t-.152-.446q0-.161.045-.473t.045-.42q.089-1.214.089-2.196 0-1.804-.313-3.232t-.866-2.473-1.429-1.804-1.884-1.241-2.375-.759-2.75-.384-3.134-.107h-4v4.571q0 .464-.339.804t-.804.339-.804-.339L.337 12.234q-.339-.339-.339-.804t.339-.804L9.48 1.483q.339-.339.804-.339t.804.339.339.804v4.571h4q12.732 0 15.625 7.196.946 2.393.946 5.946z"
 });
 
 var SvgReply = function SvgReply(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$M({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$N({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$M);
+  }, props), _ref$N);
 };
 
 (function () {
@@ -32794,18 +33359,18 @@ var SvgReply = function SvgReply(props) {
   enterModule && enterModule(module);
 })();
 
-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 __signature__$2b = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2d = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var Zoom = /*#__PURE__*/function (_Component) {
   inherits(Zoom, _Component);
 
-  var _super = _createSuper$M(Zoom);
+  var _super = _createSuper$N(Zoom);
 
   function Zoom(props) {
     classCallCheck(this, Zoom);
@@ -32902,7 +33467,7 @@ function ownKeys$i(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$i(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$2c = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2e = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -32998,63 +33563,63 @@ var _default$M = ConnectedZoom;
   leaveModule && leaveModule(module);
 })();
 
-function _extends$N() { _extends$N = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$N.apply(this, arguments); }
+function _extends$O() { _extends$O = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$O.apply(this, arguments); }
 
-var _ref$N = /*#__PURE__*/React__default.createElement("path", {
+var _ref$O = /*#__PURE__*/React__default.createElement("path", {
   d: "M27.429 4.571v8q0 .464-.339.804t-.804.339h-8q-.75 0-1.054-.714-.304-.696.25-1.232l2.464-2.464q-2.643-2.446-6.232-2.446-1.857 0-3.545.723t-2.92 1.955-1.955 2.92-.723 3.545.723 3.545 1.955 2.92 2.92 1.955 3.545.723q2.125 0 4.018-.929t3.196-2.625q.125-.179.411-.214.268 0 .446.161l2.446 2.464q.161.143.17.366t-.134.402q-1.946 2.357-4.714 3.652t-5.839 1.295q-2.786 0-5.321-1.089t-4.375-2.929-2.929-4.375T0 16.002t1.089-5.321 2.929-4.375 4.375-2.929 5.321-1.089q2.625 0 5.08.991t4.366 2.795l2.321-2.304q.518-.554 1.25-.25.696.304.696 1.054z"
 });
 
 var SvgRepeat = function SvgRepeat(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$N({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$O({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$N);
+  }, props), _ref$O);
 };
 
-function _extends$O() { _extends$O = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$O.apply(this, arguments); }
+function _extends$P() { _extends$P = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$P.apply(this, arguments); }
 
-var _ref$O = /*#__PURE__*/React__default.createElement("path", {
+var _ref$P = /*#__PURE__*/React__default.createElement("path", {
   fill: "#040000",
   d: "M0 162.517l98.977-82.481v164.961L0 162.517zm17.756 0l69.854 58.211V104.306l-69.854 58.211zM182.945 244.998V80.036l98.979 82.481zM190.486 20.714c-26.433-26.432-68.313-27.806-93.373-2.747L80.636 34.444l6.866 6.866 16.477-16.477c21.284-21.284 56.985-19.911 79.642 2.746L169.889 41.31l48.06 13.731-13.732-48.059-13.731 13.732zm0 0"
 });
 
-var _ref2$9 = /*#__PURE__*/React__default.createElement("g", {
+var _ref2$a = /*#__PURE__*/React__default.createElement("g", {
   fill: "#040000"
 }, /*#__PURE__*/React__default.createElement("path", {
   d: "M134.714 224.502h12.496v37.062a6.247 6.247 0 01-12.495 0v-37.062zM134.714 161.948h12.496v48.121h-12.496zM140.962 44.864a6.247 6.247 0 016.249 6.248v32.251h-12.496V51.124a6.25 6.25 0 016.248-6.248v-.012zM134.714 97.796h12.496v48.109h-12.496z"
 }));
 
 var SvgFlipHorizontal = function SvgFlipHorizontal(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$O({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$P({
     width: 283.46,
     height: 283.46,
     viewBox: "0 0 283.46 283.46",
     fill: "currentColor"
-  }, props), _ref$O, _ref2$9);
+  }, props), _ref$P, _ref2$a);
 };
 
-function _extends$P() { _extends$P = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$P.apply(this, arguments); }
+function _extends$Q() { _extends$Q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Q.apply(this, arguments); }
 
-var _ref$P = /*#__PURE__*/React__default.createElement("path", {
+var _ref$Q = /*#__PURE__*/React__default.createElement("path", {
   fill: "#040000",
   d: "M105.294 0l82.481 98.977H22.813L105.294 0zm0 17.756L47.083 87.61h116.422l-58.211-69.854zM22.813 182.945h164.962l-82.481 98.979zM247.097 190.486c26.432-26.433 27.806-68.313 2.747-93.373l-16.477-16.477-6.866 6.866 16.477 16.477c21.284 21.284 19.911 56.985-2.746 79.642L226.5 169.889l-13.731 48.06 48.059-13.732-13.731-13.731zm0 0"
 });
 
-var _ref2$a = /*#__PURE__*/React__default.createElement("g", {
+var _ref2$b = /*#__PURE__*/React__default.createElement("g", {
   fill: "#040000"
 }, /*#__PURE__*/React__default.createElement("path", {
   d: "M43.309 134.714v12.496H6.247a6.247 6.247 0 010-12.495h37.062zM57.742 134.714h48.121v12.496H57.742zM222.947 140.962a6.247 6.247 0 01-6.248 6.249h-32.251v-12.496h32.239a6.25 6.25 0 016.248 6.248h.012zM121.907 134.714h48.109v12.496h-48.109z"
 }));
 
 var SvgFlipVertical = function SvgFlipVertical(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$P({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$Q({
     width: 283.46,
     height: 283.46,
     viewBox: "0 0 283.46 283.46",
     fill: "currentColor"
-  }, props), _ref$P, _ref2$a);
+  }, props), _ref$Q, _ref2$b);
 };
 
 (function () {
@@ -33062,18 +33627,18 @@ var SvgFlipVertical = function SvgFlipVertical(props) {
   enterModule && enterModule(module);
 })();
 
-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 __signature__$2d = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2f = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var Rotate = /*#__PURE__*/function (_Component) {
   inherits(Rotate, _Component);
 
-  var _super = _createSuper$N(Rotate);
+  var _super = _createSuper$O(Rotate);
 
   function Rotate(props) {
     classCallCheck(this, Rotate);
@@ -33161,7 +33726,7 @@ function ownKeys$j(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$j(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$2e = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2g = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -33235,64 +33800,64 @@ var _default$N = ConnectedRotate;
   leaveModule && leaveModule(module);
 })();
 
-function _extends$Q() { _extends$Q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Q.apply(this, arguments); }
+function _extends$R() { _extends$R = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$R.apply(this, arguments); }
 
-var _ref$Q = /*#__PURE__*/React__default.createElement("path", {
+var _ref$R = /*#__PURE__*/React__default.createElement("path", {
   d: "M6.857 20.571v2.286H4.571v-2.286h2.286zm0-13.714v2.286H4.571V6.857h2.286zm13.714 0v2.286h-2.286V6.857h2.286zM2.286 25.125h6.857v-6.839H2.286v6.839zm0-13.696h6.857V4.572H2.286v6.857zm13.714 0h6.857V4.572H16v6.857zM11.429 16v11.429H0V16h11.429zm9.142 9.143v2.286h-2.286v-2.286h2.286zm4.572 0v2.286h-2.286v-2.286h2.286zm0-9.143v6.857h-6.857v-2.286H16v6.857h-2.286V15.999h6.857v2.286h2.286v-2.286h2.286zM11.429 2.286v11.429H0V2.286h11.429zm13.714 0v11.429H13.714V2.286h11.429z"
 });
 
 var SvgQrcode = function SvgQrcode(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$Q({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$R({
     width: 25,
     height: 32,
     viewBox: "0 0 25 32",
     fill: "currentColor"
-  }, props), _ref$Q);
+  }, props), _ref$R);
 };
 
-function _extends$R() { _extends$R = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$R.apply(this, arguments); }
+function _extends$S() { _extends$S = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$S.apply(this, arguments); }
 
-var _ref$R = /*#__PURE__*/React__default.createElement("path", {
+var _ref$S = /*#__PURE__*/React__default.createElement("path", {
   d: "M26.214 6.786q.5.5.857 1.357t.357 1.571v20.571q0 .714-.5 1.214t-1.214.5h-24q-.714 0-1.214-.5T0 30.285V1.714Q0 1 .5.5T1.714 0h16q.714 0 1.571.357t1.357.857zm-7.928-4.357v6.714H25q-.179-.518-.393-.732l-5.589-5.589q-.214-.214-.732-.393zm6.857 27.285V11.428h-7.429q-.714 0-1.214-.5T16 9.714V2.285H2.286v27.429h22.857zM6.857 14.286q0-.25.161-.411t.411-.161H20q.25 0 .411.161t.161.411v1.143q0 .25-.161.411t-.411.161H7.429q-.25 0-.411-.161t-.161-.411v-1.143zm13.143 4q.25 0 .411.161t.161.411v1.143q0 .25-.161.411t-.411.161H7.429q-.25 0-.411-.161t-.161-.411v-1.143q0-.25.161-.411t.411-.161H20zm0 4.571q.25 0 .411.161t.161.411v1.143q0 .25-.161.411t-.411.161H7.429q-.25 0-.411-.161t-.161-.411v-1.143q0-.25.161-.411t.411-.161H20z"
 });
 
 var SvgFileTextAlt = function SvgFileTextAlt(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$R({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$S({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$R);
+  }, props), _ref$S);
 };
 
-function _extends$S() { _extends$S = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$S.apply(this, arguments); }
+function _extends$T() { _extends$T = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$T.apply(this, arguments); }
 
-var _ref$S = /*#__PURE__*/React__default.createElement("path", {
+var _ref$T = /*#__PURE__*/React__default.createElement("path", {
   d: "M9.143 22.286v3.429q0 .714-.5 1.214t-1.214.5H1.715q-.714 0-1.214-.5t-.5-1.214v-3.429q0-.714.5-1.214t1.214-.5h5.714q.714 0 1.214.5t.5 1.214zm0-9.143v3.429q0 .714-.5 1.214t-1.214.5H1.715q-.714 0-1.214-.5t-.5-1.214v-3.429q0-.714.5-1.214t1.214-.5h5.714q.714 0 1.214.5t.5 1.214zM32 22.286v3.429q0 .714-.5 1.214t-1.214.5H13.143q-.714 0-1.214-.5t-.5-1.214v-3.429q0-.714.5-1.214t1.214-.5h17.143q.714 0 1.214.5t.5 1.214zM9.143 4v3.429q0 .714-.5 1.214t-1.214.5H1.715q-.714 0-1.214-.5t-.5-1.214V4q0-.714.5-1.214t1.214-.5h5.714q.714 0 1.214.5T9.143 4zM32 13.143v3.429q0 .714-.5 1.214t-1.214.5H13.143q-.714 0-1.214-.5t-.5-1.214v-3.429q0-.714.5-1.214t1.214-.5h17.143q.714 0 1.214.5t.5 1.214zM32 4v3.429q0 .714-.5 1.214t-1.214.5H13.143q-.714 0-1.214-.5t-.5-1.214V4q0-.714.5-1.214t1.214-.5h17.143q.714 0 1.214.5T32 4z"
 });
 
 var SvgThList = function SvgThList(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$S({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$T({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$S);
+  }, props), _ref$T);
 };
 
-function _extends$T() { _extends$T = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$T.apply(this, arguments); }
+function _extends$U() { _extends$U = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$U.apply(this, arguments); }
 
-var _ref$T = /*#__PURE__*/React__default.createElement("path", {
+var _ref$U = /*#__PURE__*/React__default.createElement("path", {
   d: "M23.429 15.946q0-2.875-1.554-5.268L8.411 24.124q2.446 1.589 5.304 1.589 1.982 0 3.777-.777t3.098-2.08 2.071-3.116.768-3.795zm-17.84 5.34L19.071 7.822q-2.411-1.625-5.357-1.625-2.643 0-4.875 1.304t-3.536 3.554-1.304 4.893q0 2.893 1.589 5.339zm21.84-5.34q0 2.804-1.089 5.357t-2.92 4.393-4.375 2.929-5.33 1.089-5.33-1.089-4.375-2.929-2.92-4.393-1.089-5.357 1.089-5.348 2.92-4.384 4.375-2.929 5.33-1.089 5.33 1.089 4.375 2.929 2.92 4.384 1.089 5.348z"
 });
 
 var SvgBanCircle = function SvgBanCircle(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$T({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$U({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$T);
+  }, props), _ref$U);
 };
 
 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";
@@ -33303,18 +33868,18 @@ styleInject$1(css_248z$7);
   enterModule && enterModule(module);
 })();
 
-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 __signature__$2f = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2h = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var ButtonGroup = /*#__PURE__*/function (_Component) {
   inherits(ButtonGroup, _Component);
 
-  var _super = _createSuper$O(ButtonGroup);
+  var _super = _createSuper$P(ButtonGroup);
 
   function ButtonGroup() {
     classCallCheck(this, ButtonGroup);
@@ -33364,7 +33929,7 @@ defineProperty(ButtonGroup, "propTypes", {});
   enterModule && enterModule(module);
 })();
 
-var __signature__$2g = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2i = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 /**
@@ -33449,18 +34014,18 @@ styleInject$1(css_248z$8);
   enterModule && enterModule(module);
 })();
 
-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; } }
 
-var __signature__$2h = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2j = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var DicomTagsRow = /*#__PURE__*/function (_Component) {
   inherits(DicomTagsRow, _Component);
 
-  var _super = _createSuper$P(DicomTagsRow);
+  var _super = _createSuper$Q(DicomTagsRow);
 
   function DicomTagsRow(props) {
     var _this;
@@ -33565,7 +34130,7 @@ defineProperty(DicomTagsRow, "propTypes", {
   enterModule && enterModule(module);
 })();
 
-var __signature__$2i = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2k = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -33597,11 +34162,11 @@ function ownKeys$k(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$k(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$k(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _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 __signature__$2j = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2l = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var dicomTagsKeysScan = lodash$1.chain(dicomDataDictionary.standardDataElements).pickBy(function (value) {
@@ -33611,7 +34176,7 @@ var dicomTagsKeysScan = lodash$1.chain(dicomDataDictionary.standardDataElements)
 var DicomInfoModal = /*#__PURE__*/function (_Component) {
   inherits(DicomInfoModal, _Component);
 
-  var _super = _createSuper$Q(DicomInfoModal);
+  var _super = _createSuper$R(DicomInfoModal);
 
   function DicomInfoModal(props) {
     var _this;
@@ -33789,18 +34354,18 @@ styleInject$1(css_248z$9);
   enterModule && enterModule(module);
 })();
 
-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 __signature__$2k = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2m = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var ImageTool = /*#__PURE__*/function (_Component) {
   inherits(ImageTool, _Component);
 
-  var _super = _createSuper$R(ImageTool);
+  var _super = _createSuper$S(ImageTool);
 
   function ImageTool(props) {
     var _this;
@@ -34077,7 +34642,7 @@ function ownKeys$l(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$l(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$2l = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2n = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -34161,34 +34726,34 @@ var _default$Q = ConnectedImageTool;
   leaveModule && leaveModule(module);
 })();
 
-function _extends$U() { _extends$U = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$U.apply(this, arguments); }
+function _extends$V() { _extends$V = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$V.apply(this, arguments); }
 
-var _ref$U = /*#__PURE__*/React__default.createElement("path", {
+var _ref$V = /*#__PURE__*/React__default.createElement("path", {
   d: "M9.143 13.143v10.286q0 .25-.161.411t-.411.161H7.428q-.25 0-.411-.161t-.161-.411V13.143q0-.25.161-.411t.411-.161h1.143q.25 0 .411.161t.161.411zm4.571 0v10.286q0 .25-.161.411t-.411.161h-1.143q-.25 0-.411-.161t-.161-.411V13.143q0-.25.161-.411t.411-.161h1.143q.25 0 .411.161t.161.411zm4.572 0v10.286q0 .25-.161.411t-.411.161h-1.143q-.25 0-.411-.161t-.161-.411V13.143q0-.25.161-.411t.411-.161h1.143q.25 0 .411.161t.161.411zm2.285 12.928V9.142h-16v16.929q0 .393.125.723t.259.482.188.152H20q.054 0 .188-.152t.259-.482.125-.723zm-12-19.214h8l-.857-2.089q-.125-.161-.304-.196H9.749q-.179.036-.304.196zm16.572.572v1.143q0 .25-.161.411t-.411.161h-1.714v16.929q0 1.482-.839 2.563T20 29.716H5.143q-1.179 0-2.018-1.045t-.839-2.527v-17H.572q-.25 0-.411-.161T0 8.572V7.429q0-.25.161-.411t.411-.161H6.09l1.25-2.982q.268-.661.964-1.125t1.411-.464h5.714q.714 0 1.411.464t.964 1.125l1.25 2.982h5.518q.25 0 .411.161t.161.411z"
 });
 
 var SvgTrash = function SvgTrash(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$U({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$V({
     width: 25,
     height: 32,
     viewBox: "0 0 25 32",
     fill: "currentColor"
-  }, props), _ref$U);
+  }, props), _ref$V);
 };
 
-function _extends$V() { _extends$V = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$V.apply(this, arguments); }
+function _extends$W() { _extends$W = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$W.apply(this, arguments); }
 
-var _ref$V = /*#__PURE__*/React__default.createElement("path", {
+var _ref$W = /*#__PURE__*/React__default.createElement("path", {
   d: "M16 0q3.25 0 6.214 1.268t5.107 3.411 3.411 5.107T32 16t-1.268 6.214-3.411 5.107-5.107 3.411T16 32t-6.214-1.268-5.107-3.411-3.411-5.107T0 16t1.268-6.214 3.411-5.107 5.107-3.411T16 0zm0 2.286q-3.393 0-6.446 1.607l3.464 3.464q1.464-.5 2.982-.5t2.982.5l3.464-3.464Q19.392 2.286 16 2.286zM3.893 22.446l3.464-3.464q-.5-1.464-.5-2.982t.5-2.982L3.893 9.554Q2.286 12.608 2.286 16t1.607 6.446zM16 29.714q3.393 0 6.446-1.607l-3.464-3.464q-1.464.5-2.982.5t-2.982-.5l-3.464 3.464q3.054 1.607 6.446 1.607zm0-6.857q2.839 0 4.848-2.009T22.857 16t-2.009-4.848T16 9.143t-4.848 2.009T9.143 16t2.009 4.848T16 22.857zm8.643-3.875l3.464 3.464q1.607-3.054 1.607-6.446t-1.607-6.446l-3.464 3.464q.5 1.464.5 2.982t-.5 2.982z"
 });
 
 var Svg433 = function Svg433(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$V({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$W({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$V);
+  }, props), _ref$W);
 };
 
 (function () {
@@ -34196,18 +34761,18 @@ var Svg433 = function Svg433(props) {
   enterModule && enterModule(module);
 })();
 
-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 __signature__$2m = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2o = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var LengthTool$1 = /*#__PURE__*/function (_Component) {
   inherits(LengthTool, _Component);
 
-  var _super = _createSuper$S(LengthTool);
+  var _super = _createSuper$T(LengthTool);
 
   function LengthTool(props) {
     var _this;
@@ -34401,34 +34966,34 @@ var LengthTool$1 = /*#__PURE__*/function (_Component) {
 var css_248z$a = ".paladin-global-msg {\n  position: absolute;\n  top: 10px;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 2;\n  padding: 5px 10px;\n  border-radius: 4px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  background: #ffffff;\n  color: #666;\n  font-size: 14px;\n}\n.paladin-global-msg svg {\n  vertical-align: middle;\n  width: 18px !important;\n  height: 18px !important;\n  margin-right: 5px;\n}\n.paladin-global-msg-error svg {\n  color: red;\n}\n.paladin-global-msg-info svg {\n  color: #00a4fe;\n}\n.paladin-global-msg-success svg {\n  color: #2FC761;\n}\n";
 styleInject$1(css_248z$a);
 
-function _extends$W() { _extends$W = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$W.apply(this, arguments); }
+function _extends$X() { _extends$X = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$X.apply(this, arguments); }
 
-var _ref$W = /*#__PURE__*/React__default.createElement("path", {
+var _ref$X = /*#__PURE__*/React__default.createElement("path", {
   d: "M20.518 20.036q0-.464-.339-.804L16.947 16l3.232-3.232q.339-.339.339-.804 0-.482-.339-.821l-1.607-1.607q-.339-.339-.821-.339-.464 0-.804.339l-3.232 3.232-3.232-3.232q-.339-.339-.804-.339-.482 0-.821.339l-1.607 1.607q-.339.339-.339.821 0 .464.339.804L10.483 16l-3.232 3.232q-.339.339-.339.804 0 .482.339.821l1.607 1.607q.339.339.821.339.464 0 .804-.339l3.232-3.232 3.232 3.232q.339.339.804.339.482 0 .821-.339l1.607-1.607q.339-.339.339-.821zM27.429 16q0 3.732-1.839 6.884t-4.991 4.991-6.884 1.839-6.884-1.839-4.991-4.991T.001 16 1.84 9.116t4.991-4.991 6.884-1.839 6.884 1.839 4.991 4.991T27.429 16z"
 });
 
 var SvgRemoveSign = function SvgRemoveSign(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$W({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$X({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$W);
+  }, props), _ref$X);
 };
 
-function _extends$X() { _extends$X = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$X.apply(this, arguments); }
+function _extends$Y() { _extends$Y = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Y.apply(this, arguments); }
 
-var _ref$X = /*#__PURE__*/React__default.createElement("path", {
+var _ref$Y = /*#__PURE__*/React__default.createElement("path", {
   d: "M22.929 13.107q0-.5-.321-.821l-1.625-1.607q-.339-.339-.804-.339t-.804.339l-7.286 7.268-4.036-4.036q-.339-.339-.804-.339t-.804.339L4.82 15.518q-.321.321-.321.821 0 .482.321.804l6.464 6.464q.339.339.804.339.482 0 .821-.339l9.696-9.696q.321-.321.321-.804zm4.5 2.893q0 3.732-1.839 6.884t-4.991 4.991-6.884 1.839-6.884-1.839-4.991-4.991T.001 16 1.84 9.116t4.991-4.991 6.884-1.839 6.884 1.839 4.991 4.991T27.429 16z"
 });
 
 var SvgOkSign = function SvgOkSign(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$X({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$Y({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$X);
+  }, props), _ref$Y);
 };
 
 (function () {
@@ -34440,7 +35005,7 @@ function ownKeys$m(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$m(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$2n = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2p = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var destroyFns$1 = [];
@@ -34538,7 +35103,7 @@ 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; }
 
-var __signature__$2o = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2q = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -36014,7 +36579,7 @@ var defineProperty$3 = function (obj, key, value) {
   return obj;
 };
 
-var _extends$Y = Object.assign || function (target) {
+var _extends$Z = Object.assign || function (target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i];
 
@@ -36036,7 +36601,7 @@ var _extends$Y = Object.assign || function (target) {
  * @returns {Object} ClientRect like output
  */
 function getClientRect(offsets) {
-  return _extends$Y({}, offsets, {
+  return _extends$Z({}, offsets, {
     right: offsets.left + offsets.width,
     bottom: offsets.top + offsets.height
   });
@@ -36324,7 +36889,7 @@ function computeAutoPlacement(placement, refRect, popper, reference, boundariesE
   };
 
   var sortedAreas = Object.keys(rects).map(function (key) {
-    return _extends$Y({
+    return _extends$Z({
       key: key
     }, rects[key], {
       area: getArea(rects[key])
@@ -36966,9 +37531,9 @@ function computeStyle(data, options) {
   };
 
   // Update `data` attributes, styles and arrowStyles
-  data.attributes = _extends$Y({}, attributes, data.attributes);
-  data.styles = _extends$Y({}, styles, data.styles);
-  data.arrowStyles = _extends$Y({}, data.offsets.arrow, data.arrowStyles);
+  data.attributes = _extends$Z({}, attributes, data.attributes);
+  data.styles = _extends$Z({}, styles, data.styles);
+  data.arrowStyles = _extends$Z({}, data.offsets.arrow, data.arrowStyles);
 
   return data;
 }
@@ -37248,7 +37813,7 @@ function flip(data, options) {
 
       // this object contains `position`, we want to preserve it along with
       // any additional property we may add in the future
-      data.offsets.popper = _extends$Y({}, data.offsets.popper, getPopperOffsets(data.instance.popper, data.offsets.reference, data.placement));
+      data.offsets.popper = _extends$Z({}, data.offsets.popper, getPopperOffsets(data.instance.popper, data.offsets.reference, data.placement));
 
       data = runModifiers(data.instance.modifiers, data, 'flip');
     }
@@ -37522,7 +38087,7 @@ function preventOverflow(data, options) {
 
   order.forEach(function (placement) {
     var side = ['left', 'top'].indexOf(placement) !== -1 ? 'primary' : 'secondary';
-    popper = _extends$Y({}, popper, check[side](placement));
+    popper = _extends$Z({}, popper, check[side](placement));
   });
 
   data.offsets.popper = popper;
@@ -37557,7 +38122,7 @@ function shift(data) {
       end: defineProperty$3({}, side, reference[side] + reference[measurement] - popper[measurement])
     };
 
-    data.offsets.popper = _extends$Y({}, popper, shiftOffsets[shiftvariation]);
+    data.offsets.popper = _extends$Z({}, popper, shiftOffsets[shiftvariation]);
   }
 
   return data;
@@ -38089,7 +38654,7 @@ var Popper = function () {
     this.update = debounce(this.update.bind(this));
 
     // with {} we create a new object with the options inside it
-    this.options = _extends$Y({}, Popper.Defaults, options);
+    this.options = _extends$Z({}, Popper.Defaults, options);
 
     // init state
     this.state = {
@@ -38104,13 +38669,13 @@ var Popper = function () {
 
     // Deep merge modifiers options
     this.options.modifiers = {};
-    Object.keys(_extends$Y({}, Popper.Defaults.modifiers, options.modifiers)).forEach(function (name) {
-      _this.options.modifiers[name] = _extends$Y({}, Popper.Defaults.modifiers[name] || {}, options.modifiers ? options.modifiers[name] : {});
+    Object.keys(_extends$Z({}, Popper.Defaults.modifiers, options.modifiers)).forEach(function (name) {
+      _this.options.modifiers[name] = _extends$Z({}, Popper.Defaults.modifiers[name] || {}, options.modifiers ? options.modifiers[name] : {});
     });
 
     // Refactoring modifiers' list (Object => Array)
     this.modifiers = Object.keys(this.options.modifiers).map(function (name) {
-      return _extends$Y({
+      return _extends$Z({
         name: name
       }, _this.options.modifiers[name]);
     })
@@ -38860,18 +39425,18 @@ function ownKeys$o(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$o(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 _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 __signature__$2p = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2r = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var PopperBox = /*#__PURE__*/function (_Component) {
   inherits(PopperBox, _Component);
 
-  var _super = _createSuper$T(PopperBox);
+  var _super = _createSuper$U(PopperBox);
 
   function PopperBox(props) {
     var _this;
@@ -39073,94 +39638,94 @@ defineProperty(PopperBox, "propTypes", {
   leaveModule && leaveModule(module);
 })();
 
-function _extends$Z() { _extends$Z = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Z.apply(this, arguments); }
+function _extends$_() { _extends$_ = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$_.apply(this, arguments); }
 
-var _ref$Y = /*#__PURE__*/React__default.createElement("path", {
+var _ref$Z = /*#__PURE__*/React__default.createElement("path", {
   d: "M18.286 21.714q0 .464-.339.804t-.804.339h-16q-.464 0-.804-.339T0 21.714t.339-.804l8-8q.339-.339.804-.339t.804.339l8 8q.339.339.339.804z"
 });
 
 var SvgCaretUp = function SvgCaretUp(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$Z({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$_({
     width: 18,
     height: 32,
     viewBox: "0 0 18 32",
     fill: "currentColor"
-  }, props), _ref$Y);
+  }, props), _ref$Z);
 };
 
-function _extends$_() { _extends$_ = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$_.apply(this, arguments); }
+function _extends$$() { _extends$$ = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$$.apply(this, arguments); }
 
-var _ref$Z = /*#__PURE__*/React__default.createElement("path", {
+var _ref$_ = /*#__PURE__*/React__default.createElement("path", {
   d: "M18.286 12.571q0 .464-.339.804l-8 8q-.339.339-.804.339t-.804-.339l-8-8Q0 13.036 0 12.571t.339-.804.804-.339h16q.464 0 .804.339t.339.804z"
 });
 
 var SvgCaretDown = function SvgCaretDown(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$_({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$$({
     width: 18,
     height: 32,
     viewBox: "0 0 18 32",
     fill: "currentColor"
-  }, props), _ref$Z);
+  }, props), _ref$_);
 };
 
-function _extends$$() { _extends$$ = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$$.apply(this, arguments); }
+function _extends$10() { _extends$10 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$10.apply(this, arguments); }
 
-var _ref$_ = /*#__PURE__*/React__default.createElement("path", {
+var _ref$$ = /*#__PURE__*/React__default.createElement("path", {
   d: "M24.714 16.554L1 29.733q-.411.232-.705.054T0 29.144V2.858q0-.464.295-.643T1 2.269l23.714 13.179q.411.232.411.554t-.411.554z"
 });
 
 var SvgPlay = function SvgPlay(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$$({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$10({
     width: 25,
     height: 32,
     viewBox: "0 0 25 32",
     fill: "currentColor"
-  }, props), _ref$_);
+  }, props), _ref$$);
 };
 
-function _extends$10() { _extends$10 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$10.apply(this, arguments); }
+function _extends$11() { _extends$11 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$11.apply(this, arguments); }
 
-var _ref$$ = /*#__PURE__*/React__default.createElement("path", {
+var _ref$10 = /*#__PURE__*/React__default.createElement("path", {
   d: "M31.196 2.518q.339-.339.571-.232t.232.571v26.286q0 .464-.232.571t-.571-.232L18.517 16.803q-.161-.161-.232-.339v12.679q0 .464-.232.571t-.571-.232L4.803 16.803q-.161-.161-.232-.339v12.107q0 .464-.339.804t-.804.339H1.142q-.464 0-.804-.339t-.339-.804V3.428q0-.464.339-.804t.804-.339h2.286q.464 0 .804.339t.339.804v12.107q.071-.179.232-.339L17.482 2.517q.339-.339.571-.232t.232.571v12.679q.071-.179.232-.339z"
 });
 
 var SvgFastBackward = function SvgFastBackward(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$10({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$11({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$$);
+  }, props), _ref$10);
 };
 
-function _extends$11() { _extends$11 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$11.apply(this, arguments); }
+function _extends$12() { _extends$12 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$12.apply(this, arguments); }
 
-var _ref$10 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$11 = /*#__PURE__*/React__default.createElement("path", {
   d: "M.804 29.482q-.339.339-.571.232t-.232-.571V2.857q0-.464.232-.571t.571.232l12.679 12.679q.161.161.232.339V2.857q0-.464.232-.571t.571.232l12.679 12.679q.161.161.232.339V3.429q0-.464.339-.804t.804-.339h2.286q.464 0 .804.339t.339.804v25.143q0 .464-.339.804t-.804.339h-2.286q-.464 0-.804-.339t-.339-.804V16.465q-.071.179-.232.339L14.518 29.483q-.339.339-.571.232t-.232-.571V16.465q-.071.179-.232.339z"
 });
 
 var SvgFastForward = function SvgFastForward(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$11({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$12({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$10);
+  }, props), _ref$11);
 };
 
-function _extends$12() { _extends$12 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$12.apply(this, arguments); }
+function _extends$13() { _extends$13 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$13.apply(this, arguments); }
 
-var _ref$11 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$12 = /*#__PURE__*/React__default.createElement("path", {
   d: "M27.429 3.429v25.143q0 .464-.339.804t-.804.339h-9.143q-.464 0-.804-.339T16 28.572V3.429q0-.464.339-.804t.804-.339h9.143q.464 0 .804.339t.339.804zm-16 0v25.143q0 .464-.339.804t-.804.339H1.143q-.464 0-.804-.339T0 28.572V3.429q0-.464.339-.804t.804-.339h9.143q.464 0 .804.339t.339.804z"
 });
 
 var SvgPause = function SvgPause(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$12({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$13({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$11);
+  }, props), _ref$12);
 };
 
 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";
@@ -39171,18 +39736,18 @@ styleInject$1(css_248z$c);
   enterModule && enterModule(module);
 })();
 
-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 __signature__$2q = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2s = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var Cine = /*#__PURE__*/function (_Component) {
   inherits(Cine, _Component);
 
-  var _super = _createSuper$U(Cine);
+  var _super = _createSuper$V(Cine);
 
   function Cine(props) {
     classCallCheck(this, Cine);
@@ -39324,7 +39889,7 @@ function ownKeys$p(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$p(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; }
 
-var __signature__$2r = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2t = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -39461,18 +40026,18 @@ var _default$T = ConnectedCine;
   enterModule && enterModule(module);
 })();
 
-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 __signature__$2s = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2u = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var VRDirection = /*#__PURE__*/function (_Component) {
   inherits(VRDirection, _Component);
 
-  var _super = _createSuper$V(VRDirection);
+  var _super = _createSuper$W(VRDirection);
 
   function VRDirection(props) {
     var _this;
@@ -39548,7 +40113,7 @@ function ownKeys$q(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$q(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; }
 
-var __signature__$2t = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2v = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -39657,18 +40222,18 @@ var _default$U = ConnectedVRDirection;
   enterModule && enterModule(module);
 })();
 
-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 __signature__$2u = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2w = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var VRPresentColor = /*#__PURE__*/function (_Component) {
   inherits(VRPresentColor, _Component);
 
-  var _super = _createSuper$W(VRPresentColor);
+  var _super = _createSuper$X(VRPresentColor);
 
   function VRPresentColor(props) {
     var _this;
@@ -39791,7 +40356,7 @@ 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; }
 
-var __signature__$2v = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2x = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -39871,18 +40436,18 @@ var _default$V = ConnectedVRPresentColor;
   enterModule && enterModule(module);
 })();
 
-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 __signature__$2w = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2y = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var Reset = /*#__PURE__*/function (_Component) {
   inherits(Reset, _Component);
 
-  var _super = _createSuper$X(Reset);
+  var _super = _createSuper$Y(Reset);
 
   function Reset(props) {
     classCallCheck(this, Reset);
@@ -39961,7 +40526,7 @@ function ownKeys$s(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$s(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 __signature__$2x = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2z = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -40061,11 +40626,11 @@ var _VRModeDict;
   enterModule && enterModule(module);
 })();
 
-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 __signature__$2y = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2A = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var VRModeDict = (_VRModeDict = {}, defineProperty(_VRModeDict, OperationMode.Fast, '流畅'), defineProperty(_VRModeDict, OperationMode.Standard, '常规'), defineProperty(_VRModeDict, OperationMode.Advanced, '增强'), _VRModeDict);
@@ -40073,7 +40638,7 @@ var VRModeDict = (_VRModeDict = {}, defineProperty(_VRModeDict, OperationMode.Fa
 var VRMode = /*#__PURE__*/function (_Component) {
   inherits(VRMode, _Component);
 
-  var _super = _createSuper$Y(VRMode);
+  var _super = _createSuper$Z(VRMode);
 
   function VRMode(props) {
     var _this;
@@ -40140,7 +40705,7 @@ function ownKeys$t(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$t(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; }
 
-var __signature__$2z = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2B = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -40227,7 +40792,7 @@ styleInject$1(css_248z$d);
   enterModule && enterModule(module);
 })();
 
-var __signature__$2A = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2C = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -40273,7 +40838,7 @@ function exitFullscreen() {
   enterModule && enterModule(module);
 })();
 
-var __signature__$2B = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2D = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var boundsPosition = function boundsPosition(_ref) {
@@ -40316,18 +40881,18 @@ var boundsPosition = function boundsPosition(_ref) {
   enterModule && enterModule(module);
 })();
 
-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 __signature__$2C = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2E = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var Scrollable = /*#__PURE__*/function (_Component) {
   inherits(Scrollable, _Component);
 
-  var _super = _createSuper$Z(Scrollable);
+  var _super = _createSuper$_(Scrollable);
 
   function Scrollable(props) {
     var _this;
@@ -40519,8 +41084,8 @@ defineProperty(Scrollable, "propTypes", {
   leaveModule && leaveModule(module);
 })();
 
-function _extends$13() {
-  _extends$13 = Object.assign || function (target) {
+function _extends$14() {
+  _extends$14 = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -40534,7 +41099,7 @@ function _extends$13() {
     return target;
   };
 
-  return _extends$13.apply(this, arguments);
+  return _extends$14.apply(this, arguments);
 }
 
 function _arrayWithHoles$1(arr) {
@@ -42146,7 +42711,7 @@ function sortableContainer(WrappedComponent) {
       key: "render",
       value: function render() {
         var ref = config.withRef ? 'wrappedInstance' : null;
-        return React.createElement(WrappedComponent, _extends$13({
+        return React.createElement(WrappedComponent, _extends$14({
           ref: ref
         }, omit(this.props, omittedProps)));
       }
@@ -42279,7 +42844,7 @@ function sortableElement(WrappedComponent) {
       key: "render",
       value: function render() {
         var ref = config.withRef ? 'wrappedInstance' : null;
-        return React.createElement(WrappedComponent, _extends$13({
+        return React.createElement(WrappedComponent, _extends$14({
           ref: ref
         }, omit(this.props, omittedProps$1)));
       }
@@ -42301,11 +42866,11 @@ styleInject$1(css_248z$e);
   enterModule && enterModule(module);
 })();
 
-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 __signature__$2D = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2F = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var SortableItem = sortableElement(function (_ref) {
@@ -42337,7 +42902,7 @@ var SortableList = sortableContainer(function (_ref2) {
 var SettingModal = /*#__PURE__*/function (_Component) {
   inherits(SettingModal, _Component);
 
-  var _super = _createSuper$_(SettingModal);
+  var _super = _createSuper$$(SettingModal);
 
   function SettingModal(props) {
     classCallCheck(this, SettingModal);
@@ -42416,65 +42981,65 @@ var SettingModal = /*#__PURE__*/function (_Component) {
   leaveModule && leaveModule(module);
 })();
 
-function _extends$14() { _extends$14 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$14.apply(this, arguments); }
+function _extends$15() { _extends$15 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$15.apply(this, arguments); }
 
-var _ref$12 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$13 = /*#__PURE__*/React__default.createElement("path", {
   d: "M59.661.336L0 34.781v68.357l59.661-33.913V.336zm-8.165 60.185l-8.928 4.966s.123-30.196.373-33.682l-.186.103c-.497 3.378-.993 5.946-1.488 7.709l-7.624 30.836-7.811 4.345-7.625-23.096a215.946 215.946 0 01-1.488-5.495l-.186.104c0 .744.061 1.764.186 3.058.123 3.651.186 30.396.186 30.396l-8.74 4.863V43.713l13.761-7.656 7.253 22.745c.122.676.308 2.061.557 4.153 0-.371.062-.899.186-1.59 0-1.61.122-2.672.372-3.183l7.253-30.815 13.948-7.76v40.914zm0 0M92.144 37.107l-6.632-3.974v13.466l6.632 3.973c5.225 2.999 7.905 2.325 8.039-2.017-.134-4.367-2.814-8.183-8.039-11.448zm0 0"
 });
 
-var _ref2$b = /*#__PURE__*/React__default.createElement("path", {
+var _ref2$c = /*#__PURE__*/React__default.createElement("path", {
   d: "M63.219.336v68.892l59.661 34.671V34.781L63.219.336zm29.729 58.356l-7.436-4.455v15.476l-10.05-6.021V19.475l18.491 11.078c10.718 6.691 16.28 14.646 16.682 23.862.132 10.128-5.763 11.556-17.687 4.277zm0 0M66.81 100.098c.111-3.502-2.093-5.199-6.613-5.087h-7.29v10.003h7.29c4.52 0 6.724-1.637 6.613-4.916zm0 0"
 });
 
-var _ref3$2 = /*#__PURE__*/React__default.createElement("path", {
+var _ref3$3 = /*#__PURE__*/React__default.createElement("path", {
   d: "M1.249 106.95l60.127 34.714 59.466-34.332-59.469-34.558L1.249 106.95zm74.547-7.361c.112 6.218-2.94 10.004-9.156 11.36l11.021 14.921H66.98l-9.156-14.582h-4.917v14.582h-8.478V88.568h17.125c9.157.227 13.904 3.9 14.242 11.021zm0 0"
 });
 
 var SvgMpr = function SvgMpr(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$14({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$15({
     width: 142,
     height: 142,
     viewBox: "0 0 142 142",
     fill: "currentColor"
-  }, props), _ref$12, _ref2$b, _ref3$2);
+  }, props), _ref$13, _ref2$c, _ref3$3);
 };
 
-function _extends$15() { _extends$15 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$15.apply(this, arguments); }
+function _extends$16() { _extends$16 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$16.apply(this, arguments); }
 
-var _ref$13 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$14 = /*#__PURE__*/React__default.createElement("path", {
   d: "M11.217 10.354l1.672 4.76 1.698-4.76h1.366l-2.49 6.326h-1.212l-2.398-6.326zM21.513 15.722a4.73 4.73 0 00-.073-.617 2.253 2.253 0 00-.149-.436 1.319 1.319 0 00-.308-.432 1.8 1.8 0 00-.503-.28c.278-.102.503-.249.674-.446.273-.33.41-.795.41-1.395a1.91 1.91 0 00-.176-.821 1.521 1.521 0 00-.5-.602c-.313-.228-.868-.341-1.665-.341h-2.775v6.328h1.212v-2.4h.972c.42-.007.74.057.963.19.176.114.308.268.396.465.088.197.147.477.176.844.045.455.088.757.128.901h1.357c-.058-.182-.105-.502-.139-.958zm-1.558-2.713c-.119.095-.32.142-.607.142H17.65v-1.67h1.698c.216 0 .372.019.47.057.273.109.41.353.41.74 0 .349-.09.591-.273.731z"
 });
 
-var _ref2$c = /*#__PURE__*/React__default.createElement("path", {
+var _ref2$d = /*#__PURE__*/React__default.createElement("path", {
   d: "M18.632 20.558a.544.544 0 00-.676.347c-1.013 3.168-2.586 5.059-4.21 5.059-.645 0-1.283-.294-1.893-.872-.641-.609-1.222-1.488-1.722-2.613-1.068-2.384-1.654-5.565-1.654-8.958 0-3.394.587-6.576 1.654-8.96.498-1.122 1.077-2 1.722-2.612.614-.578 1.25-.872 1.893-.872 1.158 0 2.082.932 2.711 1.846l-1.634 1.03 4.315 2.226-.155-4.849-1.622 1.022C16.312.818 15.073 0 13.748 0c-1.775 0-3.408 1.465-4.595 4.124-1.126 2.513-1.746 5.849-1.746 9.396 0 3.543.62 6.88 1.746 9.396 1.19 2.655 2.821 4.117 4.595 4.117 1.099 0 2.17-.576 3.1-1.667.847-.993 1.583-2.422 2.131-4.135a.537.537 0 00-.347-.673z"
 });
 
-var _ref3$3 = /*#__PURE__*/React__default.createElement("path", {
+var _ref3$4 = /*#__PURE__*/React__default.createElement("path", {
   d: "M25.938 10.351c-1.25-.931-3.022-1.704-5.13-2.237-.277-.057-.577.109-.649.39a.531.531 0 00.389.65c3.958.998 6.419 2.789 6.419 4.674 0 .663-.306 1.32-.913 1.954-.626.659-1.54 1.257-2.718 1.779-2.478 1.099-5.787 1.703-9.317 1.703-3.53 0-6.839-.604-9.319-1.703-1.176-.523-2.09-1.122-2.718-1.779-.604-.63-.911-1.287-.911-1.954 0-.856.526-1.712 1.515-2.494l1.097 1.589 2.048-4.4-4.842.354 1.089 1.577C.688 11.456 0 12.616 0 13.828c0 1.821 1.515 3.495 4.268 4.714 2.614 1.158 6.076 1.795 9.753 1.795s7.137-.638 9.745-1.798c2.753-1.219 4.268-2.893 4.268-4.714 0-1.249-.724-2.452-2.096-3.474z"
 });
 
 var SvgVr = function SvgVr(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$15({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$16({
     width: 28.346,
     height: 28.346,
     viewBox: "0 0 28.346 28.346",
     fill: "currentColor"
-  }, props), _ref$13, _ref2$c, _ref3$3);
+  }, props), _ref$14, _ref2$d, _ref3$4);
 };
 
-function _extends$16() { _extends$16 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$16.apply(this, arguments); }
+function _extends$17() { _extends$17 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$17.apply(this, arguments); }
 
-var _ref$14 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$15 = /*#__PURE__*/React__default.createElement("path", {
   d: "M10.286 16q0 .464-.339.804l-8 8q-.339.339-.804.339t-.804-.339T0 24V8q0-.464.339-.804t.804-.339.804.339l8 8q.339.339.339.804z"
 });
 
 var SvgCaretRight = function SvgCaretRight(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$16({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$17({
     width: 11,
     height: 32,
     viewBox: "0 0 11 32",
     fill: "currentColor"
-  }, props), _ref$14);
+  }, props), _ref$15);
 };
 
 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";
@@ -42485,18 +43050,18 @@ styleInject$1(css_248z$f);
   enterModule && enterModule(module);
 })();
 
-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 __signature__$2E = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2G = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var DicomToolItem = /*#__PURE__*/function (_Component) {
   inherits(DicomToolItem, _Component);
 
-  var _super = _createSuper$$(DicomToolItem);
+  var _super = _createSuper$10(DicomToolItem);
 
   function DicomToolItem(props) {
     var _this;
@@ -42700,27 +43265,27 @@ defineProperty(DicomToolItem, "propTypes", {
   leaveModule && leaveModule(module);
 })();
 
-function _extends$17() { _extends$17 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$17.apply(this, arguments); }
+function _extends$18() { _extends$18 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$18.apply(this, arguments); }
 
-var _ref$15 = /*#__PURE__*/React__default.createElement("g", {
+var _ref$16 = /*#__PURE__*/React__default.createElement("g", {
   opacity: 0.5
 }, /*#__PURE__*/React__default.createElement("path", {
   fill: "#FFF",
   d: "M69.932 69.61a2.333 2.333 0 01-.21-4.659c5.374-.496 8.79-.947 8.813-.95a2.326 2.326 0 012.621 2.007 2.337 2.337 0 01-2.007 2.621s-3.494.463-8.999.971a2.67 2.67 0 01-.218.01zM43.655 70.914c-3.452 0-6.767-.084-9.851-.249a2.332 2.332 0 01-2.206-2.454c.068-1.289 1.185-2.323 2.454-2.206 5.473.291 11.89.298 17.809.096 1.276-.089 2.37.962 2.412 2.251a2.33 2.33 0 01-2.251 2.412c-2.725.096-5.534.15-8.367.15zm-27.55-2.694c-.196 0-.396-.026-.594-.077C6.428 65.759 1.228 61.747.051 56.22a2.333 2.333 0 011.797-2.768 2.33 2.33 0 012.768 1.797c.778 3.661 4.842 6.48 12.079 8.378a2.336 2.336 0 01-.59 4.593zm-5.524-24.506a2.336 2.336 0 01-1.028-4.432c4.313-2.111 10.118-3.477 18.265-4.301 1.297-.154 2.426.803 2.556 2.086s-.805 2.426-2.086 2.556c-7.581.768-12.881 1.992-16.683 3.852-.33.161-.68.239-1.024.239zm35.488-5.234a2.333 2.333 0 01-.126-4.664c7.067-.386 12.765-.847 17.6-1.834a2.324 2.324 0 012.754 1.82 2.332 2.332 0 01-1.818 2.752c-5.116 1.045-11.008 1.525-18.28 1.921-.044.005-.088.005-.13.005zm32.18-11.231a2.334 2.334 0 01-2.232-3.017c.254-.829.382-1.753.38-2.742l-.012-.531c-.172-4.024-2.032-7.186-5.687-9.669a2.334 2.334 0 012.623-3.861c4.891 3.321 7.491 7.807 7.728 13.333l.016.724c.002 1.452-.195 2.835-.584 4.109a2.335 2.335 0 01-2.232 1.654zM55.035 6.132c-.107 0-.214-.007-.323-.021-5.108-.708-11.329-.981-17.61-.838-1.346-.06-2.356-.996-2.384-2.283A2.333 2.333 0 0137 .606c6.515-.133 12.995.142 18.351.88a2.335 2.335 0 01-.316 4.646zM9.854 7.836a2.335 2.335 0 01-2.297-1.929 2.332 2.332 0 011.892-2.702c.146-.026 3.613-.635 9.022-1.266 1.248-.156 2.439.766 2.588 2.046a2.33 2.33 0 01-2.048 2.589c-5.26.615-8.715 1.22-8.75 1.227a2.269 2.269 0 01-.407.035z"
 }));
 
-var _ref2$d = /*#__PURE__*/React__default.createElement("path", {
+var _ref2$e = /*#__PURE__*/React__default.createElement("path", {
   fill: "#FFF",
   d: "M128.104.646l11.434 11.096a2.36 2.36 0 01.732 1.702c0 .638-.264 1.252-.732 1.703a2.536 2.536 0 01-3.508 0l-3.824-3.712-6.22 6.179 13.402 13.026c.468.45.732 1.063.732 1.702 0 .64-.264 1.252-.732 1.703a2.545 2.545 0 01-1.754.674 2.538 2.538 0 01-1.754-.707l-5.182-5.029-25.38 25.303a9.602 9.602 0 01-6.839 2.834 9.604 9.604 0 01-6.84-2.832l-1.047-1.048-8.739 8.742a2.53 2.53 0 01-1.778.739 2.536 2.536 0 01-2.524-2.519c0-.669.269-1.31.744-1.781l8.739-8.743-1.053-1.055a9.717 9.717 0 010-13.709l25.02-25.046-5.846-5.673a2.363 2.363 0 01-.637-2.333A2.452 2.452 0 01106.28.159a2.537 2.537 0 012.4.631l13.907 13.518L128.77 8.1l-4.173-4.049a2.358 2.358 0 01.062-3.345 2.534 2.534 0 013.445-.06zM94.112 33.519a2.144 2.144 0 00-.582 2.823l.101.153 6.922 6.792a2.29 2.29 0 003.061-.453 2.158 2.158 0 00.568-2.838l-.101-.153-6.906-6.776a2.292 2.292 0 00-3.063.452zm7.072-6.888a2.142 2.142 0 00-.599 2.82l.101.155 4.276 4.285a2.293 2.293 0 003.061-.403 2.176 2.176 0 00.598-2.837l-.098-.155-4.276-4.285c-.718-.76-2.081-.518-3.063.42zm0 0"
 });
 
 var SvgCentesis = function SvgCentesis(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$17({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$18({
     width: 141.73,
     height: 141.73,
     viewBox: "0 0 141.73 141.73",
     fill: "currentColor"
-  }, props), _ref$15, _ref2$d);
+  }, props), _ref$16, _ref2$e);
 };
 
 (function () {
@@ -42732,18 +43297,18 @@ function ownKeys$u(object, enumerableOnly) { var keys = Object.keys(object); if
 
 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 _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 __signature__$2F = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2H = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var DicomToolLineMode = /*#__PURE__*/function (_Component) {
   inherits(DicomToolLineMode, _Component);
 
-  var _super = _createSuper$10(DicomToolLineMode);
+  var _super = _createSuper$11(DicomToolLineMode);
 
   function DicomToolLineMode(props) {
     var _this;
@@ -43004,18 +43569,18 @@ styleInject$1(css_248z$g);
   enterModule && enterModule(module);
 })();
 
-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 __signature__$2G = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2I = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var DicomToolItemPlus = /*#__PURE__*/function (_Component) {
   inherits(DicomToolItemPlus, _Component);
 
-  var _super = _createSuper$11(DicomToolItemPlus);
+  var _super = _createSuper$12(DicomToolItemPlus);
 
   function DicomToolItemPlus(props) {
     var _this;
@@ -43154,34 +43719,34 @@ defineProperty(DicomToolItemPlus, "propTypes", {
   leaveModule && leaveModule(module);
 })();
 
-function _extends$18() { _extends$18 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$18.apply(this, arguments); }
+function _extends$19() { _extends$19 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$19.apply(this, arguments); }
 
-var _ref$16 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$17 = /*#__PURE__*/React__default.createElement("path", {
   d: "M11.429 8v16q0 .464-.339.804t-.804.339-.804-.339l-8-8q-.339-.339-.339-.804t.339-.804l8-8q.339-.339.804-.339t.804.339.339.804z"
 });
 
 var SvgCaretLeft = function SvgCaretLeft(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$18({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$19({
     width: 11,
     height: 32,
     viewBox: "0 0 11 32",
     fill: "currentColor"
-  }, props), _ref$16);
+  }, props), _ref$17);
 };
 
-function _extends$19() { _extends$19 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$19.apply(this, arguments); }
+function _extends$1a() { _extends$1a = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1a.apply(this, arguments); }
 
-var _ref$17 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$18 = /*#__PURE__*/React__default.createElement("path", {
   d: "M16 24.571v-3.429q0-.25-.161-.411t-.411-.161h-3.429q-.25 0-.411.161t-.161.411v3.429q0 .25.161.411t.411.161h3.429q.25 0 .411-.161t.161-.411zm4.571-12q0-1.571-.991-2.911t-2.473-2.071-3.036-.732q-4.339 0-6.625 3.804-.268.429.143.75l2.357 1.786q.125.107.339.107.286 0 .446-.214.946-1.214 1.536-1.643.607-.429 1.536-.429.857 0 1.527.464t.67 1.054q0 .679-.357 1.089t-1.214.804q-1.125.5-2.063 1.545t-.938 2.241v.643q0 .25.161.411t.411.161h3.429q.25 0 .411-.161t.161-.411q0-.339.384-.884t.973-.884q.571-.321.875-.509t.821-.625.795-.857.5-1.08.223-1.446zM27.429 16q0 3.732-1.839 6.884t-4.991 4.991-6.884 1.839-6.884-1.839-4.991-4.991T.001 16 1.84 9.116t4.991-4.991 6.884-1.839 6.884 1.839 4.991 4.991T27.429 16z"
 });
 
 var SvgQuestionSign = function SvgQuestionSign(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$19({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$1a({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$17);
+  }, props), _ref$18);
 };
 
 (function () {
@@ -43189,18 +43754,18 @@ var SvgQuestionSign = function SvgQuestionSign(props) {
   enterModule && enterModule(module);
 })();
 
-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 __signature__$2H = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2J = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var DicomToolFlattenMode = /*#__PURE__*/function (_Component) {
   inherits(DicomToolFlattenMode, _Component);
 
-  var _super = _createSuper$12(DicomToolFlattenMode);
+  var _super = _createSuper$13(DicomToolFlattenMode);
 
   function DicomToolFlattenMode(props) {
     var _this;
@@ -43255,14 +43820,10 @@ var DicomToolFlattenMode = /*#__PURE__*/function (_Component) {
       var isThree = MPR || VR || Surgery; // 非同屏互通模式下
 
       var IODisconnect = !IO;
-      var commonTools = ['Layout', 'StackScroll', 'Wwwc', 'Zoom', 'Pan', 'Rotate', 'ReverseColor', 'Reset', 'Cine', 'FalseColor', 'Link'];
+      var commonTools = ['Layout', 'StackScroll', 'Wwwc', 'Zoom', 'Pan', 'Rotate', 'ReverseColor', 'Reset', 'Cine', 'FalseColor', 'Link', 'ReferencePosition'];
 
       if (mode === 'imageMode') {
         commonTools = ['Layout', 'Wwwc', 'Zoom', 'Pan', 'Reset', 'Save', 'Rotate', 'ReverseColor', 'FalseColor'];
-      } else {
-        if (IODisconnect) {
-          commonTools.push('Save');
-        }
       }
 
       if (isThree) {
@@ -43276,6 +43837,11 @@ var DicomToolFlattenMode = /*#__PURE__*/function (_Component) {
       }
 
       var lengthTools = ['LengthTool', 'Angle', 'ArrowAnnotate', 'RectangleRoi', 'EllipticalRoi', 'Probe', 'CobbAngle', 'CTR'];
+
+      if (IODisconnect) {
+        lengthTools.push('Save');
+      }
+
       var centesisTools = ['CentesisStart', 'CentesisEnd', 'CentesisSave'];
       return /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-tool-flatten-vertical-wrapper"
@@ -43478,18 +44044,18 @@ var LargeToolItem = function LargeToolItem(props) {
   enterModule && enterModule(module);
 })();
 
-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 __signature__$2I = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2K = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var DicomToolFlattenMode$1 = /*#__PURE__*/function (_Component) {
   inherits(DicomToolFlattenMode, _Component);
 
-  var _super = _createSuper$13(DicomToolFlattenMode);
+  var _super = _createSuper$14(DicomToolFlattenMode);
 
   function DicomToolFlattenMode(props) {
     var _this;
@@ -43543,14 +44109,10 @@ var DicomToolFlattenMode$1 = /*#__PURE__*/function (_Component) {
           handleFullscreen = _this$props3.handleFullscreen;
       var isThree = MPR || VR || Surgery;
       var IODisconnect = !IO;
-      var commonTools = ['Layout', 'StackScroll', 'Wwwc', 'Zoom', 'Pan', 'Rotate', 'ReverseColor', 'Reset', 'Cine', 'FalseColor', 'Link'];
+      var commonTools = ['Layout', 'StackScroll', 'Wwwc', 'Zoom', 'Pan', 'Rotate', 'ReverseColor', 'Reset', 'Cine', 'FalseColor', 'Link', 'ReferencePosition'];
 
       if (mode === 'imageMode') {
         commonTools = ['Layout', 'Wwwc', 'Zoom', 'Pan', 'Reset', 'Save', 'Rotate', 'ReverseColor', 'FalseColor'];
-      } else {
-        if (IODisconnect) {
-          commonTools.push('Save');
-        }
       }
 
       if (isThree) {
@@ -43564,6 +44126,11 @@ var DicomToolFlattenMode$1 = /*#__PURE__*/function (_Component) {
       }
 
       var lengthTools = ['LengthTool', 'Angle', 'ArrowAnnotate', 'RectangleRoi', 'EllipticalRoi', 'Probe', 'CobbAngle', 'CTR'];
+
+      if (IODisconnect) {
+        lengthTools.push('Save');
+      }
+
       var centesisTools = ['CentesisStart', 'CentesisEnd', 'CentesisSave'];
       return /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-tool-flatten-hor-wrapper"
@@ -43784,18 +44351,18 @@ var LargeToolItem$1 = function LargeToolItem(props) {
   enterModule && enterModule(module);
 })();
 
-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 __signature__$2J = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2L = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var VRClip = /*#__PURE__*/function (_Component) {
   inherits(VRClip, _Component);
 
-  var _super = _createSuper$14(VRClip);
+  var _super = _createSuper$15(VRClip);
 
   function VRClip(props) {
     classCallCheck(this, VRClip);
@@ -43858,7 +44425,7 @@ function ownKeys$v(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$w(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$v(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$2K = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2M = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -43951,18 +44518,18 @@ var _default$Y = ConnectedVRClip;
   enterModule && enterModule(module);
 })();
 
-function _createSuper$15(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$15(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$16(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$16(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$15() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$16() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-var __signature__$2L = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2N = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var DicomTool = /*#__PURE__*/function (_Component) {
   inherits(DicomTool, _Component);
 
-  var _super = _createSuper$15(DicomTool);
+  var _super = _createSuper$16(DicomTool);
 
   function DicomTool(props) {
     var _this;
@@ -44437,6 +45004,27 @@ var DicomTool = /*#__PURE__*/function (_Component) {
         onClick: function onClick() {
           _this.props.handleSaveCentesisPath();
         }
+      },
+      ReferencePosition: {
+        name: 'ReferencePosition',
+        label: '3D定位',
+        tooltip: "3D定位",
+        component: /*#__PURE__*/React__default.createElement(SvgReferencePosition, null),
+        onClick: function onClick() {
+          var _this$props = _this.props,
+              setActiveTool = _this$props.setActiveTool,
+              activeDicomFunction = _this$props.activeDicomFunction,
+              originActiveTool = _this$props.originActiveTool;
+          activeDicomFunction && activeDicomFunction('ReferencePosition');
+
+          if (_this.props.ReferencePosition) {
+            // 激活中-> 关闭
+            setActiveTool && setActiveTool(originActiveTool || 'Wwwc');
+          } else {
+            // 关闭 -> 激活
+            setActiveTool && setActiveTool('ReferencePosition');
+          }
+        }
       }
     };
     return _this;
@@ -44460,13 +45048,13 @@ var DicomTool = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props = this.props,
-          toolMode = _this$props.toolMode,
-          VR = _this$props.VR,
-          VRCenterPointShow = _this$props.VRCenterPointShow,
-          VRModeText = _this$props.VRModeText,
-          isMobile = _this$props.isMobile,
-          windowLayoutType = _this$props.windowLayoutType;
+      var _this$props2 = this.props,
+          toolMode = _this$props2.toolMode,
+          VR = _this$props2.VR,
+          VRCenterPointShow = _this$props2.VRCenterPointShow,
+          VRModeText = _this$props2.VRModeText,
+          isMobile = _this$props2.isMobile,
+          windowLayoutType = _this$props2.windowLayoutType;
 
       if (VR) {
         if (this.toolsMap) {
@@ -44547,7 +45135,7 @@ styleInject$1(css_248z$h);
   enterModule && enterModule(module);
 })();
 
-var __signature__$2M = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2O = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -44653,18 +45241,18 @@ function canImagesProcess(images) {
   enterModule && enterModule(module);
 })();
 
-function _createSuper$16(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$16(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$17(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$17(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$16() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$17() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-var __signature__$2N = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2P = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var ThreeDLoadingModal = /*#__PURE__*/function (_Component) {
   inherits(ThreeDLoadingModal, _Component);
 
-  var _super = _createSuper$16(ThreeDLoadingModal);
+  var _super = _createSuper$17(ThreeDLoadingModal);
 
   function ThreeDLoadingModal(props) {
     var _this;
@@ -44825,10 +45413,10 @@ function ownKeys$w(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$x(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$w(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$2O = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2Q = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var scrollToIndex$1 = _default$E.importInternal('util/scrollToIndex');
+var scrollToIndex$2 = _default$E.importInternal('util/scrollToIndex');
 
 var mapStateToProps$c = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.customization,
@@ -44853,6 +45441,7 @@ var mapStateToProps$c = function mapStateToProps(state) {
       lastCustomCol = _state$paladin$tools$2.lastCustomCol;
   var _state$paladin$tools$3 = state.paladin.tools.action,
       activeTool = _state$paladin$tools$3.activeTool,
+      originActiveTool = _state$paladin$tools$3.originActiveTool,
       mode = _state$paladin$tools$3.mode,
       cineFps = _state$paladin$tools$3.cineFps,
       ReferenceLines = _state$paladin$tools$3.ReferenceLines,
@@ -44871,7 +45460,8 @@ var mapStateToProps$c = function mapStateToProps(state) {
       CentesisStart = _state$paladin$tools$3.CentesisStart,
       CentesisEnd = _state$paladin$tools$3.CentesisEnd,
       VRClip = _state$paladin$tools$3.VRClip,
-      IO = _state$paladin$tools$3.IO;
+      IO = _state$paladin$tools$3.IO,
+      ReferencePosition = _state$paladin$tools$3.ReferencePosition;
   var isMobile = _default$D.isDeviceTypeMobile();
   var _state$paladin$viewpo = state.paladin.viewport,
       activeIndex = _state$paladin$viewpo.activeIndex,
@@ -44931,6 +45521,7 @@ var mapStateToProps$c = function mapStateToProps(state) {
   return {
     toolMode: toolMode,
     activeTool: activeTool,
+    originActiveTool: originActiveTool,
     mode: mode,
     ReferenceLines: ReferenceLines,
     Fullscreen: Fullscreen,
@@ -44971,7 +45562,8 @@ var mapStateToProps$c = function mapStateToProps(state) {
     CentesisStart: CentesisStart,
     CentesisEnd: CentesisEnd,
     VRClip: VRClip,
-    IO: IO
+    IO: IO,
+    ReferencePosition: ReferencePosition
   };
 };
 
@@ -45034,7 +45626,7 @@ var mergeProps$c = function mergeProps(propsFromState, propsFromDispatch, ownPro
         prevIndex = maxIndex;
       }
 
-      scrollToIndex$1(activeElement, prevIndex);
+      scrollToIndex$2(activeElement, prevIndex);
     },
     nextImage: function nextImage() {
       // 下一张
@@ -45058,7 +45650,7 @@ var mergeProps$c = function mergeProps(propsFromState, propsFromDispatch, ownPro
         nextIndex = 0;
       }
 
-      scrollToIndex$1(activeElement, nextIndex);
+      scrollToIndex$2(activeElement, nextIndex);
     },
     // 切换模式
     // key: 1.SeriesMode返回序列模式 2.ImageMode进入图像模式
@@ -45196,7 +45788,7 @@ var mergeProps$c = function mergeProps(propsFromState, propsFromDispatch, ownPro
               case 34:
                 if (links && links.length > 0) {
                   lodash$1.forEach(links, function (link) {
-                    scrollToIndex$1(getElement(link), _currentImageIdIndex);
+                    scrollToIndex$2(getElement(link), _currentImageIdIndex);
                   });
                 }
 
@@ -45604,7 +46196,7 @@ var _default$_ = ConnectedDicomTool;
     return;
   }
 
-  reactHotLoader.register(scrollToIndex$1, "scrollToIndex", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/ConnectedDicomTool.js");
+  reactHotLoader.register(scrollToIndex$2, "scrollToIndex", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/ConnectedDicomTool.js");
   reactHotLoader.register(mapStateToProps$c, "mapStateToProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/ConnectedDicomTool.js");
   reactHotLoader.register(mergeProps$c, "mergeProps", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/ConnectedDicomTool.js");
   reactHotLoader.register(ConnectedDicomTool, "ConnectedDicomTool", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomTool/ConnectedDicomTool.js");
@@ -45619,19 +46211,19 @@ var _default$_ = ConnectedDicomTool;
 var css_248z$i = ".paladin-thumb-content {\n  position: relative;\n  height: 66px;\n  width: 66px;\n  border-width: 1px;\n  border-style: solid;\n  cursor: pointer;\n}\n.paladin-thumb-content .paladin-thumb-bottom {\n  white-space: nowrap;\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  color: #faa80a;\n  text-align: center;\n  font-size: 14px;\n  z-index: 2;\n}\n.paladin-thumb-content .paladin-thumb-mask {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n.paladin-thumb-content .paladin-thumb-process {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  height: 4px;\n  width: 100%;\n  background: #ffffff;\n  overflow: hidden;\n}\n.paladin-thumb-content .paladin-thumb-process .paladin-thumb-process-inner {\n  background: #faa80a;\n  height: 100%;\n}\n.paladin-thumb-svg {\n  cursor: pointer;\n  justify-content: center;\n}\n.paladin-thumb-svg svg {\n  fill: #fff;\n}\n.paladin-thumb-svg:hover {\n  background-color: #616772;\n}\n.paladin-thumb-button {\n  cursor: pointer;\n  justify-content: center;\n  padding: 0 15px;\n}\n.paladin-thumb-button svg {\n  fill: #fff;\n}\n.paladin-thumb-button:hover {\n  background-color: #616772;\n}\n.paladin-thumb-button svg {\n  width: 11px !important;\n}\n.paladin-fresh-button {\n  cursor: pointer;\n  justify-content: center;\n  padding: 0 25px;\n}\n.paladin-fresh-button svg {\n  fill: #fff;\n}\n.paladin-fresh-button:hover {\n  background-color: #616772;\n}\n.paladin-fresh-button svg {\n  width: 15px !important;\n}\n.paladin-thumb-study {\n  cursor: pointer;\n  font-size: 14px;\n  line-height: 40px;\n  padding: 0 12px;\n  color: #ffffff;\n}\n.paladin-thumb-viewport {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n}\n.paladin-thumb-viewport h4,\n.paladin-thumb-viewport p {\n  font-size: 10px;\n}\n.paladin-thumb-study-wrapper {\n  border-bottom: 1px solid #727882;\n}\n.paladin-thumb-context-wrapper {\n  padding: 4px 2px;\n}\n";
 styleInject$1(css_248z$i);
 
-function _extends$1a() { _extends$1a = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1a.apply(this, arguments); }
+function _extends$1b() { _extends$1b = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1b.apply(this, arguments); }
 
-var _ref$18 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$19 = /*#__PURE__*/React__default.createElement("path", {
   d: "M3658.026 10.064c5.915-.329 11.359 2.241 14.432 6.357l-5.498 2.292 14.488 7.78 4.678-15.768-5.437 2.266c-4.491-7.516-13.347-12.235-23.194-11.634-12.153.737-22.056 9.888-23.034 21.285l8.693.746c.612-7.121 7.003-12.847 14.872-13.324zM3661.635 45.864c-6.105.345-11.715-2.402-14.729-6.753l4.887-2.037-13.401-7.196-4.324 14.584 4.657-1.941c4.157 7.321 12.398 12.102 21.752 12.102.558 0 1.121-.017 1.687-.051 12.151-.737 22.054-9.888 23.032-21.285l-8.691-.746c-.615 7.12-7.005 12.846-14.87 13.323z"
 });
 
 var SvgRefresh$1 = function SvgRefresh(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$1a({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$1b({
     width: 60,
     height: 56,
     viewBox: "3630 0 60 56",
     fill: "currentColor"
-  }, props), _ref$18);
+  }, props), _ref$19);
 };
 
 var css_248z$j = ".loadingIndicator {\n  position: absolute;\n  top: 0;\n  background: black;\n  opacity: 1;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.loadingIndicator .lds-ring {\n  color: #999;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  width: 40px;\n  height: 40px;\n  margin: auto;\n}\n.loadingIndicator .lds-ring div {\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  width: 40px;\n  height: 40px;\n  border: 4px solid silver;\n  border-radius: 50%;\n  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: silver transparent transparent transparent;\n}\n.loadingIndicator .lds-ring div:nth-child(1) {\n  animation-delay: -0.45s;\n}\n.loadingIndicator .lds-ring div:nth-child(2) {\n  animation-delay: -0.3s;\n}\n.loadingIndicator .lds-ring div:nth-child(3) {\n  animation-delay: -0.15s;\n}\n@keyframes lds-ring {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.loadingIndicator .loadingIndicator-retry {\n  width: 40px;\n  color: #999;\n  margin: 0 auto;\n  font-size: 14px;\n}\n.loadingIndicator .indicatorContents h4 {\n  font-size: 18px;\n  margin: 0 auto 10px 0;\n}\n.loadingIndicator .indicatorContents p {\n  margin: 4px auto;\n  color: #999;\n  font-size: 14px;\n}\n.loadingIndicator .indicatorContents .loadingIndicator-retry {\n  width: 40px;\n  margin: 20px auto 0 auto;\n}\n.loadingIndicator .indicatorContents-mini h4 {\n  color: #fff;\n  font-size: 12px;\n  margin: 5px 0 5px 0;\n}\n.loadingIndicator .indicatorContents-mini .loadingIndicator-retry {\n  width: 20px;\n  font-size: 12px;\n}\n";
@@ -45642,18 +46234,18 @@ styleInject$1(css_248z$j);
   enterModule && enterModule(module);
 })();
 
-function _createSuper$17(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$17(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$18(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$18(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$17() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$18() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-var __signature__$2P = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2R = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var LoadingIndicator = /*#__PURE__*/function (_PureComponent) {
   inherits(LoadingIndicator, _PureComponent);
 
-  var _super = _createSuper$17(LoadingIndicator);
+  var _super = _createSuper$18(LoadingIndicator);
 
   function LoadingIndicator() {
     classCallCheck(this, LoadingIndicator);
@@ -45739,11 +46331,11 @@ var _default$$ = LoadingIndicator;
   enterModule && enterModule(module);
 })();
 
-function _createSuper$18(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$18(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$19(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$19(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$18() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$19() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-var __signature__$2Q = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2S = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var loadIndicatorDelay = 300;
@@ -45771,7 +46363,7 @@ function initializeTools(cornerstoneTools, tools, element) {
 var ThumbnailViewport = /*#__PURE__*/function (_Component) {
   inherits(ThumbnailViewport, _Component);
 
-  var _super = _createSuper$18(ThumbnailViewport);
+  var _super = _createSuper$19(ThumbnailViewport);
 
   function ThumbnailViewport(props) {
     var _this;
@@ -45955,11 +46547,11 @@ defineProperty(ThumbnailViewport, "defaultProps", {
   enterModule && enterModule(module);
 })();
 
-function _createSuper$19(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$19(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1a(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1a(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$19() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1a() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-var __signature__$2R = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2T = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -45998,7 +46590,7 @@ var ThumbContent = function ThumbContent(props) {
 var DicomThumbnailLayout = /*#__PURE__*/function (_Component) {
   inherits(DicomThumbnailLayout, _Component);
 
-  var _super = _createSuper$19(DicomThumbnailLayout);
+  var _super = _createSuper$1a(DicomThumbnailLayout);
 
   function DicomThumbnailLayout(props) {
     var _this;
@@ -46168,7 +46760,7 @@ 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; }
 
-var __signature__$2S = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2U = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -46273,7 +46865,7 @@ styleInject$1(css_248z$k);
   enterModule && enterModule(module);
 })();
 
-var __signature__$2T = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2V = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 function combineDateAndTimeToMoment(dicom, tag) {
@@ -46326,7 +46918,7 @@ function convertSecondsToMinAndSecond(seconds) {
   enterModule && enterModule(module);
 })();
 
-var __signature__$2U = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2W = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -46356,7 +46948,7 @@ function formatNumberPrecision(number, precision) {
   enterModule && enterModule(module);
 })();
 
-var __signature__$2V = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2X = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 function getPixelSpacing$8(imageId) {
@@ -46395,11 +46987,11 @@ function getPixelSpacing$8(imageId) {
   enterModule && enterModule(module);
 })();
 
-function _createSuper$1a(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1a(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1b(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1b(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1a() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1b() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-var __signature__$2W = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2Y = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -46525,7 +47117,7 @@ var formatDicomInfo = function formatDicomInfo(label, value) {
 var ViewportOverlay = /*#__PURE__*/function (_PureComponent) {
   inherits(ViewportOverlay, _PureComponent);
 
-  var _super = _createSuper$1a(ViewportOverlay);
+  var _super = _createSuper$1b(ViewportOverlay);
 
   function ViewportOverlay() {
     classCallCheck(this, ViewportOverlay);
@@ -46712,34 +47304,34 @@ var _default$11 = ViewportOverlay;
 var css_248z$l = ".paladin-custom-scroll {\n  cursor: pointer;\n  background: #333333;\n  position: relative;\n  border-color: #727882;\n  border-style: solid;\n  border-width: 0;\n  box-sizing: border-box;\n}\n.paladin-custom-scroll .paladin-custom-scroll-controller {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.paladin-custom-scroll .paladin-custom-scroll-controller .paladin-custom-scroll-box {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 16px;\n  width: 16px;\n  background: rgba(91, 91, 91, 0.8);\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-up {\n  width: 16px;\n  height: 20px;\n  background: #5b5b5b;\n  position: absolute;\n  top: 0;\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-up svg {\n  color: #ccc;\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-down {\n  width: 16px;\n  height: 20px;\n  background: #5b5b5b;\n  position: absolute;\n  bottom: 0;\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-down svg {\n  color: #ccc;\n}\n";
 styleInject$1(css_248z$l);
 
-function _extends$1b() { _extends$1b = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1b.apply(this, arguments); }
+function _extends$1c() { _extends$1c = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1c.apply(this, arguments); }
 
-var _ref$19 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1a = /*#__PURE__*/React__default.createElement("path", {
   d: "M30.054 23.768l-2.964 2.946q-.339.339-.804.339t-.804-.339L16 17.232l-9.482 9.482q-.339.339-.804.339t-.804-.339l-2.964-2.946q-.339-.339-.339-.813t.339-.813L15.196 8.91q.339-.339.804-.339t.804.339l13.25 13.232q.339.339.339.813t-.339.813z"
 });
 
 var SvgChevronUp = function SvgChevronUp(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$1b({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$1c({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$19);
+  }, props), _ref$1a);
 };
 
-function _extends$1c() { _extends$1c = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1c.apply(this, arguments); }
+function _extends$1d() { _extends$1d = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1d.apply(this, arguments); }
 
-var _ref$1a = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1b = /*#__PURE__*/React__default.createElement("path", {
   d: "M30.054 14.429l-13.25 13.232Q16.465 28 16 28t-.804-.339L1.946 14.429q-.339-.339-.339-.813t.339-.813L4.91 9.857q.339-.339.804-.339t.804.339L16 19.339l9.482-9.482q.339-.339.804-.339t.804.339l2.964 2.946q.339.339.339.813t-.339.813z"
 });
 
 var SvgChevronDown = function SvgChevronDown(props) {
-  return /*#__PURE__*/React__default.createElement("svg", _extends$1c({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$1d({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "currentColor"
-  }, props), _ref$1a);
+  }, props), _ref$1b);
 };
 
 var css_248z$m = ".paladin-aiTips-wrapper {\n  width: 100%;\n  height: 100%;\n}\n.paladin-aiTips-content {\n  width: 1px;\n  height: 100%;\n  background: #ffff00;\n  position: absolute;\n  top: 0;\n}\n";
@@ -46750,18 +47342,18 @@ styleInject$1(css_248z$m);
   enterModule && enterModule(module);
 })();
 
-function _createSuper$1b(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1b(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1c(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1c(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1b() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1c() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-var __signature__$2X = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2Z = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var AITips = /*#__PURE__*/function (_Component) {
   inherits(AITips, _Component);
 
-  var _super = _createSuper$1b(AITips);
+  var _super = _createSuper$1c(AITips);
 
   function AITips() {
     classCallCheck(this, AITips);
@@ -46825,18 +47417,18 @@ defineProperty(AITips, "propTypes", {
   enterModule && enterModule(module);
 })();
 
-function _createSuper$1c(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1c(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1d(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1d(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1c() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1d() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-var __signature__$2Y = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2_ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var CustomScroll = /*#__PURE__*/function (_Component) {
   inherits(CustomScroll, _Component);
 
-  var _super = _createSuper$1c(CustomScroll);
+  var _super = _createSuper$1d(CustomScroll);
 
   function CustomScroll(props) {
     var _this;
@@ -47248,7 +47840,7 @@ function _unsupportedIterableToArray$b(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$b(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-var __signature__$2Z = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2$ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var triggerEvent$3 = _default$E.importInternal('util/triggerEvent');
@@ -47421,10 +48013,10 @@ function _unsupportedIterableToArray$c(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$c(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-var __signature__$2_ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$30 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var external$q = cornerstoneTools.external;
+var external$r = cornerstoneTools.external;
 
 function processCentesisPath(imageId) {
   var _imageId$split = imageId.split(':'),
@@ -47456,7 +48048,7 @@ function processCentesisPath(imageId) {
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var element = _step.value;
-      external$q.cornerstone.triggerEvent(element, 'MPR_REFERENCE_LINE', {
+      external$r.cornerstone.triggerEvent(element, 'MPR_REFERENCE_LINE', {
         images: images,
         source: imageOrientationPatient
       });
@@ -47475,7 +48067,7 @@ function processCentesisPath(imageId) {
     return;
   }
 
-  reactHotLoader.register(external$q, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/processCentesisPath.js");
+  reactHotLoader.register(external$r, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/processCentesisPath.js");
   reactHotLoader.register(processCentesisPath, "processCentesisPath", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/processCentesisPath.js");
 })();
 
@@ -47493,11 +48085,11 @@ function ownKeys$y(object, enumerableOnly) { var keys = Object.keys(object); if
 
 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 _createSuper$1d(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1d(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1e(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1e(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1d() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1e() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-var __signature__$2$ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$31 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var EVENT_RESIZE = 'resize';
@@ -47539,7 +48131,7 @@ function initializeTools$1(cornerstoneTools, tools, element) {
 var DicomViewport = /*#__PURE__*/function (_Component) {
   inherits(DicomViewport, _Component);
 
-  var _super = _createSuper$1d(DicomViewport);
+  var _super = _createSuper$1e(DicomViewport);
 
   function DicomViewport(_props) {
     var _this;
@@ -47962,7 +48554,10 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
 
         cornerstone.displayImage(_this.element, image); // 扫描定位线处理 May be we can remove it, 防丢失
 
-        _this.initReferenceLine(); // 处理sync的初始化
+        _this.initReferenceLine(); // 二维定位处理
+
+
+        _this.initReferencePosition(); // 处理sync的初始化
 
 
         _this.initSync(); // 默认开启标尺 / 开启方位
@@ -48681,6 +49276,19 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
 
           break;
 
+        case prevProps.ReferencePosition !== this.props.ReferencePosition:
+          this.initReferencePosition();
+
+          if (this.props.ReferencePosition) {
+            this.setActiveTool(this.props.activeTool);
+          } else {
+            // 如果是从ReferencePosition切换成别的工具 清空当前element的toolstate
+            this.setActiveTool(this.props.activeTool);
+            _default$E.clearToolState(this.element, 'ReferencePosition');
+          }
+
+          break;
+
         case prevProps.activeTool !== this.props.activeTool:
           this.setActiveTool(this.props.activeTool);
           break;
@@ -48692,10 +49300,17 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
             // if current active index from true to false, remove this element from synchronizer source
             // render reference line again.
             // https://github.com/OHIF/Viewers/issues/619
+            // 定位线
             this.removeElementReferenceLines();
             this.addElementReferenceLines();
           }
 
+          if (this.props.ReferencePosition && this.firstLoaded) {
+            // 3D定位
+            this.removeElementReferencePosition();
+            this.addElementReferencePosition();
+          }
+
           break;
 
         case prevProps.ReferenceLines !== this.props.ReferenceLines:
@@ -48746,6 +49361,51 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
         synchronizationContext: this.props.synchronizer
       });
     }
+  }, {
+    key: "initReferencePosition",
+    value: function initReferencePosition() {
+      if (this.props.ReferencePosition) {
+        this.addElementReferencePosition();
+      } else {
+        this.removeElementReferencePosition();
+      }
+    }
+  }, {
+    key: "addElementReferencePosition",
+    value: function addElementReferencePosition() {
+      var _this$props7 = this.props,
+          positionSynchronizer = _this$props7.positionSynchronizer,
+          activeIndex = _this$props7.activeIndex,
+          index = _this$props7.index;
+      var stack = this.state.stack;
+      var active = activeIndex === index;
+
+      if (active) {
+        positionSynchronizer.addSource(this.element);
+        _default$E.setToolEnabledForElement(this.element, 'ReferencePosition', {
+          synchronizationContext: positionSynchronizer,
+          isSource: true
+        });
+        _default$E.setToolActiveForElement(this.element, 'ReferencePosition', {
+          mouseButtonMask: 1,
+          isTouchActive: true
+        });
+      } else {
+        positionSynchronizer.addTarget(this.element);
+        _default$E.setToolEnabledForElement(this.element, 'ReferencePosition', {
+          synchronizationContext: positionSynchronizer,
+          isSource: false,
+          imageIds: stack && stack.imageIds
+        });
+      }
+    }
+  }, {
+    key: "removeElementReferencePosition",
+    value: function removeElementReferencePosition() {
+      var positionSynchronizer = this.props.positionSynchronizer;
+      positionSynchronizer.remove(this.element);
+      _default$E.setToolDisabledForElement(this.element, 'ReferencePosition');
+    }
   }, {
     key: "initSync",
     value: function initSync() {
@@ -48866,6 +49526,9 @@ defineProperty(DicomViewport, "defaultProps", {
     name: 'Overlay'
   }, {
     name: 'AIAnalysisOverlay'
+  }, {
+    name: 'ReferencePosition',
+    mouseButtonMasks: [1]
   }]
 });
 
@@ -48895,7 +49558,7 @@ defineProperty(DicomViewport, "defaultProps", {
   enterModule && enterModule(module);
 })();
 
-var __signature__$30 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$32 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var _default$12 = DicomViewport;
@@ -48920,7 +49583,7 @@ var _default$12 = DicomViewport;
   enterModule && enterModule(module);
 })();
 
-var __signature__$31 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$33 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -48934,7 +49597,8 @@ var mapStateToProps$e = function mapStateToProps(state) {
       mode = _state$paladin$tools$.mode,
       Surgery = _state$paladin$tools$.Surgery,
       CentesisStart = _state$paladin$tools$.CentesisStart,
-      CentesisEnd = _state$paladin$tools$.CentesisEnd;
+      CentesisEnd = _state$paladin$tools$.CentesisEnd,
+      ReferencePosition = _state$paladin$tools$.ReferencePosition;
   var _state$paladin$tools$2 = state.paladin.tools.layout,
       col = _state$paladin$tools$2.col,
       currentScrollLine = _state$paladin$tools$2.currentScrollLine,
@@ -48944,7 +49608,8 @@ var mapStateToProps$e = function mapStateToProps(state) {
       linkSeriesIndex = _state$paladin$viewpo.linkSeriesIndex,
       linkSynchronizer = _state$paladin$viewpo.linkSynchronizer,
       linkImageModeSynchronizer = _state$paladin$viewpo.linkImageModeSynchronizer,
-      seriesCurrentIndex = _state$paladin$viewpo.seriesCurrentIndex;
+      seriesCurrentIndex = _state$paladin$viewpo.seriesCurrentIndex,
+      positionSynchronizer = _state$paladin$viewpo.positionSynchronizer;
   return {
     activeTool: activeTool,
     originActiveTool: originActiveTool,
@@ -48962,7 +49627,9 @@ var mapStateToProps$e = function mapStateToProps(state) {
     onePickMode: onePickMode,
     Surgery: Surgery,
     CentesisEnd: CentesisEnd,
-    CentesisStart: CentesisStart
+    CentesisStart: CentesisStart,
+    positionSynchronizer: positionSynchronizer,
+    ReferencePosition: ReferencePosition
   };
 };
 
@@ -48997,7 +49664,7 @@ styleInject$1(css_248z$o);
   enterModule && enterModule(module);
 })();
 
-var __signature__$32 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$34 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var DicomLayoutContainer = function DicomLayoutContainer(props) {
@@ -49033,11 +49700,11 @@ function _unsupportedIterableToArray$d(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$d(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _createSuper$1e(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1e(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1f(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1f(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1e() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1f() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-var __signature__$33 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$35 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -49054,7 +49721,7 @@ var EmptyElement = function EmptyElement(_ref) {
 var DicomLayout = /*#__PURE__*/function (_Component) {
   inherits(DicomLayout, _Component);
 
-  var _super = _createSuper$1e(DicomLayout);
+  var _super = _createSuper$1f(DicomLayout);
 
   function DicomLayout(props) {
     var _this;
@@ -49376,7 +50043,7 @@ function ownKeys$z(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$A(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$z(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$34 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$36 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 /**
@@ -49679,7 +50346,7 @@ function ownKeys$A(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$B(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$A(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$A(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$35 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$37 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 /**
@@ -49946,18 +50613,18 @@ styleInject$1(css_248z$p);
   enterModule && enterModule(module);
 })();
 
-function _createSuper$1f(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1f(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1g(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1g(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1f() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1g() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-var __signature__$36 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$38 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var SurgeryLayout = /*#__PURE__*/function (_Component) {
   inherits(SurgeryLayout, _Component);
 
-  var _super = _createSuper$1f(SurgeryLayout);
+  var _super = _createSuper$1g(SurgeryLayout);
 
   function SurgeryLayout(props) {
     var _this;
@@ -50643,7 +51310,7 @@ function ownKeys$B(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$C(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$B(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$B(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$37 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$39 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -50717,18 +51384,18 @@ styleInject$1(css_248z$r);
   enterModule && enterModule(module);
 })();
 
-function _createSuper$1g(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1g(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1h(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1h(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1g() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1h() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-var __signature__$38 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3a = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var ThreeDLayout = /*#__PURE__*/function (_Component) {
   inherits(ThreeDLayout, _Component);
 
-  var _super = _createSuper$1g(ThreeDLayout);
+  var _super = _createSuper$1h(ThreeDLayout);
 
   function ThreeDLayout(props) {
     var _this;
@@ -51165,7 +51832,7 @@ function ownKeys$C(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$D(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$C(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$C(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$39 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3b = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -51236,18 +51903,18 @@ function _unsupportedIterableToArray$e(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$e(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _createSuper$1h(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1h(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1i(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1i(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1h() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1i() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-var __signature__$3a = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3c = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var ThreeDLayout$1 = /*#__PURE__*/function (_Component) {
   inherits(ThreeDLayout, _Component);
 
-  var _super = _createSuper$1h(ThreeDLayout);
+  var _super = _createSuper$1i(ThreeDLayout);
 
   function ThreeDLayout(props) {
     var _this;
@@ -51544,7 +52211,7 @@ function ownKeys$D(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$E(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$D(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$D(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$3b = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3d = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -51587,7 +52254,7 @@ var _default$18 = ConnectedVR;
   enterModule && enterModule(module);
 })();
 
-var __signature__$3c = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3e = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -51630,11 +52297,11 @@ function _unsupportedIterableToArray$f(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$f(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _createSuper$1i(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1i(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1j(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1j(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1i() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1j() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-var __signature__$3d = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3f = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -51684,7 +52351,7 @@ index$1.configure({
 var DicomView = /*#__PURE__*/function (_Component) {
   inherits(DicomView, _Component);
 
-  var _super = _createSuper$1i(DicomView);
+  var _super = _createSuper$1j(DicomView);
 
   function DicomView(props) {
     var _this;
@@ -51883,6 +52550,7 @@ var DicomView = /*#__PURE__*/function (_Component) {
       var seriesCurrentIndex = reduxState.viewport.seriesCurrentIndex;
       var row = reduxState.tools.layout.row;
       var col = reduxState.tools.layout.col;
+      var currentScrollLine = reduxState.tools.layout.currentScrollLine;
 
       try {
         var elements = lodash$1.map(Array(row * col), function (v, n) {
@@ -51898,9 +52566,10 @@ var DicomView = /*#__PURE__*/function (_Component) {
 
           for (var i = 0; i < elements.length; i++) {
             if (elements[i]) {
-              var scrollIndex = seriesCurrentIndex[i];
+              var realIndex = col * currentScrollLine + i;
+              var scrollIndex = seriesCurrentIndex[realIndex];
               cornerstoneTools.scrollToIndex(elements[i], scrollIndex);
-              var cacheViewport = imageViewports[i][scrollIndex];
+              var cacheViewport = imageViewports[realIndex][scrollIndex];
 
               if (cacheViewport && !lodash$1.isEmpty(cacheViewport)) {
                 cornerstone.setViewport(elements[i], cacheViewport);
@@ -52250,7 +52919,7 @@ function ownKeys$E(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$F(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$E(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$E(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$3e = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3g = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var scroll = _default$E.importInternal('util/scroll');
@@ -52625,6 +53294,7 @@ var mergeProps$j = function mergeProps(propsFromState, propsFromDispatch, ownPro
        *
        * 检查io是否为true是的话打开同屏开关
        */
+      console.log('[paladin] - init series');
       cornerstoneWADOImageLoader.configure({
         beforeSend: function beforeSend(xhr) {
           xhr.setRequestHeader('Authorization', "bearer ".concat(ownProps.token));
@@ -52810,7 +53480,7 @@ var _default$19 = ConnectedDicomView;
   enterModule && enterModule(module);
 })();
 
-var __signature__$3f = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3h = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var _default$1a = _default$19;