hellfire 0.29.10 → 0.29.12

package/dist/index.js

@@ -1042,7 +1042,11 @@ var initialState$1 = {
   // 开启、关闭遮罩，默认开启
   showFilmPrinterEntrance: true,
   // 显示隐藏胶片打印入口按钮，默认隐藏
-  imageAutoLoad: true // 默认开启图像自动预加载
+  imageAutoLoad: true,
+  // 默认开启图像自动预加载
+  autoLinkSyncWL: false,
+  // 联动同步窗值
+  autoLinkSyncOther: true // 联动同步缩放平移等
 
 };
 var action = (function () {
@@ -12600,6 +12604,13 @@ var resources = {
     image_auto_download: {
       auto_on_tooltip: 'Switch To manual load mode, image will download after stack scroll.',
       auto_off_tooltip: 'Manual load mode enabled, image will download after stack scroll.'
+    },
+    auto_link_setting: {
+      title: 'Setting',
+      sync_wwwc: 'Sync Window Level',
+      sync_other: 'Sync Zoom,Pan,etc.',
+      on: 'ON',
+      off: 'OFF'
     }
   },
   zh: {
@@ -12799,6 +12810,13 @@ var resources = {
     image_auto_download: {
       auto_on_tooltip: '切换到手动加载模式后，需对序列进行翻层的操作后，才会下载该序列的完整影像。',
       auto_off_tooltip: '当前为手动加载模式，需对序列进行翻层的操作后，才会下载该序列的完整影像。'
+    },
+    auto_link_setting: {
+      title: '联动设置',
+      sync_wwwc: '同步窗值',
+      sync_other: '同步缩放和平移等',
+      on: '是',
+      off: '否'
     }
   }
 };
@@ -25618,11 +25636,11 @@ function relativeChangeSetViewport(e, element, activeTool, mouseDownViewport, so
   var hasAbsoluteSync = imageModeElements && imageModeElements.length > 0; // 触发event 绝对同步和相对同步两种情况
 
   if (hasRelativeSync || hasAbsoluteSync) {
-    if (e.buttons === 2) {
+    if (e.button === 2) {
       activeTool = customDicomSetting.rightMouseTool;
     }
 
-    if (e.buttons === 4) {
+    if (e.button === 4) {
       activeTool = customDicomSetting.middleMouseTool;
     }
 
@@ -29618,7 +29636,6 @@ function linkImageModeSynchronizer (synchronizer, sourceElement, targetElement,
   }
 }
 
-var getToolState$i = cornerstoneTools.getToolState;
 /**
  * Propogate scrolling actions from the source element to the target element.
  * @export
@@ -29634,39 +29651,105 @@ var getToolState$i = cornerstoneTools.getToolState;
  * @returns {void}
  */
 
-function stackScrollSynchronizer (synchronizer, sourceElement, targetElement, eventData) {
-  // If the target and source are the same, stop
-  if (sourceElement === targetElement) {
-    return;
-  } // If there is no event, or direction is 0, stop
+function stackScrollSynchronizer (_x, _x2, _x3, _x4) {
+  return _ref.apply(this, arguments);
+}
 
+function _ref() {
+  _ref = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(synchronizer, sourceElement, targetElement, eventData) {
+    var targetStack, targetImageLength, sourceStack, sourceImageLength, newImageIdIndex, targetNewIndex;
+    return regenerator.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            if (!(sourceElement === targetElement)) {
+              _context.next = 2;
+              break;
+            }
 
-  if (!eventData || !eventData.direction) {
-    return;
-  } // 所有滚动都加上eventTrigger:false 关闭事件触发 以免循环触发
-  // 回到开头
+            return _context.abrupt("return");
 
+          case 2:
+            if (!(!eventData || !eventData.direction)) {
+              _context.next = 4;
+              break;
+            }
 
-  if (eventData.backToStart) {
-    scrollToIndex(element, 0, {
-      eventTrigger: false
-    });
-    return;
-  } // 回到结尾
+            return _context.abrupt("return");
 
+          case 4:
+            if (!eventData.backToStart) {
+              _context.next = 7;
+              break;
+            }
 
-  if (eventData.backToEnd) {
-    var max = getImagesLength(activeElement) - 1;
-    scrollToIndex(element, max, {
-      eventTrigger: false
-    });
-    return;
-  } // 相对变化
+            scrollToIndex(targetElement, 0, {
+              eventTrigger: false
+            });
+            return _context.abrupt("return");
 
+          case 7:
+            targetStack = cornerstoneTools.getToolState(targetElement, 'stack');
+            targetImageLength = targetStack.data[0].numberOfSeriesRelatedInstances;
+            sourceStack = cornerstoneTools.getToolState(sourceElement, 'stack');
+            sourceImageLength = sourceStack.data[0].numberOfSeriesRelatedInstances;
 
-  scroll(targetElement, eventData.direction, true, true, {
-    eventTrigger: false
-  });
+            if (!(!sourceStack || !targetStack || !sourceStack.data || !targetStack.data)) {
+              _context.next = 13;
+              break;
+            }
+
+            return _context.abrupt("return");
+
+          case 13:
+            if (!eventData.backToEnd) {
+              _context.next = 16;
+              break;
+            }
+
+            scrollToIndex(targetElement, targetImageLength - 1, {
+              eventTrigger: false
+            });
+            return _context.abrupt("return");
+
+          case 16:
+            // 相对变化
+            if (sourceImageLength === targetImageLength) {
+              // 序列图像张数一致 按行为
+              scroll(targetElement, eventData.direction, true, true, {
+                eventTrigger: false
+              });
+            } else {
+              // 序列图像张数不同 按比例
+              newImageIdIndex = eventData.newImageIdIndex;
+
+              if (targetImageLength > sourceImageLength) {
+                targetNewIndex = lodash$1.round(targetImageLength / sourceImageLength * newImageIdIndex);
+              } else {
+                targetNewIndex = lodash$1.round(newImageIdIndex / (sourceImageLength / targetImageLength));
+              }
+
+              if (targetNewIndex < 0) {
+                targetNewIndex = 0;
+              }
+
+              if (targetNewIndex > targetImageLength - 1) {
+                targetNewIndex = targetImageLength - 1;
+              }
+
+              scrollToIndex(targetElement, targetNewIndex, {
+                eventTrigger: false
+              });
+            }
+
+          case 17:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _ref.apply(this, arguments);
 }
 
 var external$w = cornerstoneTools.external;
@@ -31257,7 +31340,7 @@ module.exports = _extends;
 
 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 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1 = /*#__PURE__*/React__default.createElement("path", {
   d: "M167.22 167.113l-45.754-23.359c-10.405-5.203-14.887.052-14.887 11.705v42.221c0 11.636 4.482 16.893 14.887 11.671l44.735-23.377c10.404-5.22 11.389-13.71 1.019-18.861z"
 });
 
@@ -31270,11 +31353,11 @@ const SvgVideo = props => /*#__PURE__*/React__default.createElement("svg", _exte
   height: 283.465,
   viewBox: "0 0 283.465 283.465",
   fill: "currentColor"
-}, props), _ref, _ref2);
+}, props), _ref$1, _ref2);
 
 function _extends$1() { _extends$1 = 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$1.apply(this, arguments); }
 
-var _ref$1 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$2 = /*#__PURE__*/React__default.createElement("path", {
   d: "M380.503 27.818l-335.81-.001c-21.95 0-39.733 17.79-39.733 39.737v290.092c0 21.942 17.783 39.733 39.733 39.733h335.811c21.942 0 39.734-17.791 39.734-39.733V67.555c0-21.947-17.792-39.737-39.735-39.737zM176.148 73.287h73.509v26.307h-73.509V73.287zm-105.214 0h65.476v26.307H70.934V73.287zm65.476 281.795H70.933v-29.521h65.477v29.521zm-4.735-109.196c0-12.074 4.691-23.414 13.209-31.932l20.06-20.061 10.868 10.869-20.061 20.06c-11.614 11.615-11.614 30.515 0 42.129 5.617 5.616 13.099 8.71 21.065 8.71s15.448-3.094 21.064-8.71l17.934-17.938c11.612-11.608 11.611-30.508-.001-42.131l-2.119-2.121 10.866-10.87 2.121 2.124c17.601 17.617 17.598 46.267-.006 63.865l-17.932 17.938c-8.518 8.518-19.857 13.209-31.93 13.209s-23.413-4.691-31.931-13.209-13.207-19.858-13.207-31.932zm117.982 109.196h-73.509v-29.521h73.509v29.521zm10.606-123.789l-10.869-10.866 20.056-20.055c11.61-11.621 11.611-30.523 0-42.136-5.618-5.615-13.101-8.707-21.068-8.707-7.966 0-15.446 3.092-21.063 8.708l-17.932 17.934c-11.609 11.614-11.608 30.516 0 42.136l2.12 2.121-10.868 10.866-2.121-2.122c-17.599-17.61-17.599-46.259.001-63.863l17.939-17.934c8.512-8.515 19.85-13.205 31.925-13.205 12.074 0 23.415 4.689 31.933 13.205 8.516 8.512 13.206 19.852 13.206 31.929 0 12.077-4.69 23.418-13.206 31.936l-20.053 20.053zm94.61 123.789h-65.468v-29.521h65.468v29.521zm0-255.488h-65.468V73.287h65.468v26.307z"
 });
 
@@ -31283,11 +31366,11 @@ const SvgLinkage = props => /*#__PURE__*/React__default.createElement("svg", _ex
   height: 425.197,
   viewBox: "0 0 425.197 425.197",
   fill: "currentColor"
-}, props), _ref$1);
+}, props), _ref$2);
 
 function _extends$2() { _extends$2 = 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$2.apply(this, arguments); }
 
-var _ref$2 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$3 = /*#__PURE__*/React__default.createElement("path", {
   d: "M3411.677 3.699h15.895v15.895h-15.895zM3432.111 3.699h15.895v15.895h-15.895zM3452.547 3.699h15.895v15.895h-15.895zM3411.557 30.189h56.885l-17.298 22.179v-9.806h-39.587z"
 });
 
@@ -31296,11 +31379,11 @@ const SvgMeasurement = props => /*#__PURE__*/React__default.createElement("svg",
   height: 56,
   viewBox: "3410 0 60 56",
   fill: "currentColor"
-}, props), _ref$2);
+}, props), _ref$3);
 
 function _extends$3() { _extends$3 = 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$3.apply(this, arguments); }
 
-var _ref$3 = /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", {
+var _ref$4 = /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", {
   id: "reference-line-v2_svg__a"
 }, /*#__PURE__*/React__default.createElement("path", {
   "data-name": "\\u77E9\\u5F62 1633",
@@ -31362,11 +31445,11 @@ const SvgReferenceLineV2 = props => /*#__PURE__*/React__default.createElement("s
   height: 20.86,
   viewBox: "0 0 21 20.86",
   fill: "currentColor"
-}, props), _ref$3, _ref2$1, _ref3, _ref4);
+}, props), _ref$4, _ref2$1, _ref3, _ref4);
 
 function _extends$4() { _extends$4 = 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$4.apply(this, arguments); }
 
-var _ref$4 = /*#__PURE__*/React__default.createElement("circle", {
+var _ref$5 = /*#__PURE__*/React__default.createElement("circle", {
   cx: 1899.997,
   cy: 27.994,
   r: 11.605
@@ -31381,11 +31464,11 @@ const SvgBrightness = props => /*#__PURE__*/React__default.createElement("svg",
   height: 56,
   viewBox: "1870 0 60 56",
   fill: "currentColor"
-}, props), _ref$4, _ref2$2);
+}, props), _ref$5, _ref2$2);
 
 function _extends$5() { _extends$5 = 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$5.apply(this, arguments); }
 
-var _ref$5 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$6 = /*#__PURE__*/React__default.createElement("path", {
   d: "M2587.222 50.325l-8.109-8.11c6.95-10.076 6.017-24.118-2.815-33.119-4.808-4.897-11.202-7.595-18.006-7.595-6.806 0-13.201 2.698-18.006 7.595-9.885 10.074-9.885 26.467 0 36.541 4.805 4.897 11.2 7.595 18.006 7.595 6.279 0 12.206-2.303 16.863-6.506l7.832 7.833 4.235-4.234zm-28.93-3.081c-5.186 0-10.06-2.061-13.733-5.802-7.615-7.761-7.615-20.389 0-28.15 3.673-3.741 8.547-5.802 13.733-5.802 5.182 0 10.06 2.061 13.729 5.802 7.619 7.761 7.619 20.389 0 28.15-3.669 3.741-8.547 5.802-13.729 5.802z"
 });
 
@@ -31398,11 +31481,11 @@ const SvgZoomScale = props => /*#__PURE__*/React__default.createElement("svg", _
   height: 56,
   viewBox: "2530 0 60 56",
   fill: "currentColor"
-}, props), _ref$5, _ref2$3);
+}, props), _ref$6, _ref2$3);
 
 function _extends$6() { _extends$6 = 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$6.apply(this, arguments); }
 
-var _ref$6 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$7 = /*#__PURE__*/React__default.createElement("path", {
   d: "M3119.921 14.603v38.474h18.662zM3081.448 53.077h33.947v-18.13zM3114.395 16.59a1.36 1.36 0 00.138-.553 1.366 1.366 0 00-.225-.806l-12.295-11.828a2.034 2.034 0 00-2.419-.07c-.638.443-.691 1.217-.582 1.994v5.365c-4.722.596-9.401 3.019-12.359 6.749-2.592 3.267-3.593 7.523-3.92 11.497-.047.564.037 1.114.59 1.237.597.132.833-.41 1.066-.977 1.217-2.961 4.63-4.555 7.645-5.763 2.152-.863 4.659-1.307 6.978-1.307v5.076c-.04 1.055.232 1.986 1.262 2.209a2.058 2.058 0 001.55-.281l12.571-12.542z"
 });
 
@@ -31411,11 +31494,11 @@ const SvgSpin = props => /*#__PURE__*/React__default.createElement("svg", _exten
   height: 56,
   viewBox: "3080 0 60 56",
   fill: "currentColor"
-}, props), _ref$6);
+}, props), _ref$7);
 
 function _extends$7() { _extends$7 = 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$7.apply(this, arguments); }
 
-var _ref$7 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$8 = /*#__PURE__*/React__default.createElement("path", {
   d: "M3303.426 1.474h9.233v9.233h-9.233zM3333.431 1.474h23.082v23.082h-23.082zM3303.426 31.481h23.08v23.082h-23.08zM3333.431 31.481h23.082v23.082h-23.082zM3317.276 1.474h9.231v9.233h-9.231zM3303.426 15.323h9.233v9.233h-9.233zM3317.276 15.323h9.231v9.233h-9.231z"
 });
 
@@ -31424,11 +31507,11 @@ const SvgLayoutImage = props => /*#__PURE__*/React__default.createElement("svg",
   height: 56,
   viewBox: "3300 0 60 56",
   fill: "currentColor"
-}, props), _ref$7);
+}, props), _ref$8);
 
 function _extends$8() { _extends$8 = 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$8.apply(this, arguments); }
 
-var _ref$8 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$9 = /*#__PURE__*/React__default.createElement("path", {
   d: "M313.378 211.899H151.166l38.864-38.748c6.635-6.633 6.635-17.391 0-24.026-6.635-6.633-17.391-6.633-24.026 0l-67.68 67.682a16.913 16.913 0 000 24.026l67.68 67.679c6.635 6.635 17.391 6.635 24.026 0 6.635-6.635 6.635-17.391 0-24.026l-38.866-38.748h162.214c9.344 0 16.919-7.575 16.919-16.919-.001-9.345-7.576-16.92-16.919-16.92zM494.592 352.1l-67.682-67.681c-6.633-6.635-17.391-6.635-24.026 0-6.633 6.635-6.633 17.391 0 24.026l38.864 38.748h-162.21c-9.346 0-16.921 7.575-16.921 16.921 0 9.343 7.575 16.918 16.921 16.918H441.75l-38.867 38.748c-6.633 6.635-6.633 17.391 0 24.026 6.635 6.635 17.394 6.635 24.026 0l67.682-67.679a16.919 16.919 0 005.003-12.013 16.905 16.905 0 00-5.002-12.014z"
 });
 
@@ -31441,11 +31524,11 @@ const SvgViewMode = props => /*#__PURE__*/React__default.createElement("svg", _e
   height: 595.276,
   viewBox: "0 0 595.28 595.276",
   fill: "currentColor"
-}, props), _ref$8, _ref2$4);
+}, props), _ref$9, _ref2$4);
 
 function _extends$9() { _extends$9 = 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$9.apply(this, arguments); }
 
-var _ref$9 = /*#__PURE__*/React__default.createElement("g", {
+var _ref$a = /*#__PURE__*/React__default.createElement("g", {
   "data-name": "\\u7EC4 3591"
 }, /*#__PURE__*/React__default.createElement("path", {
   "data-name": "\\u51CF\\u53BB 7",
@@ -31458,11 +31541,11 @@ const Svg2D = props => /*#__PURE__*/React__default.createElement("svg", _extends
   height: 66,
   viewBox: "0 0 66 66",
   fill: "currentColor"
-}, props), _ref$9);
+}, props), _ref$a);
 
 function _extends$a() { _extends$a = 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$a.apply(this, arguments); }
 
-var _ref$a = /*#__PURE__*/React__default.createElement("path", {
+var _ref$b = /*#__PURE__*/React__default.createElement("path", {
   d: "M15.034 20.639l1.565-1.565-8.072-8.073L16.6 2.928l-1.565-1.565-9.639 9.639z"
 });
 
@@ -31472,11 +31555,11 @@ const SvgBack = props => /*#__PURE__*/React__default.createElement("svg", _exten
   height: 22,
   viewBox: "0 0 22 22",
   fill: "currentColor"
-}, props), _ref$a);
+}, props), _ref$b);
 
 function _extends$b() { _extends$b = 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$b.apply(this, arguments); }
 
-var _ref$b = /*#__PURE__*/React__default.createElement("path", {
+var _ref$c = /*#__PURE__*/React__default.createElement("path", {
   d: "M13.714 18.286v6.857q0 .929-.679 1.607t-1.607.679H2.285q-.929 0-1.607-.679t-.679-1.607v-6.857q0-.929.679-1.607T2.285 16h9.143q.929 0 1.607.679t.679 1.607zm0-13.715v6.857q0 .929-.679 1.607t-1.607.679H2.285q-.929 0-1.607-.679t-.679-1.607V4.571q0-.929.679-1.607t1.607-.679h9.143q.929 0 1.607.679t.679 1.607zm16 13.715v6.857q0 .929-.679 1.607t-1.607.679h-9.143q-.929 0-1.607-.679t-.679-1.607v-6.857q0-.929.679-1.607T18.285 16h9.143q.929 0 1.607.679t.679 1.607zm0-13.715v6.857q0 .929-.679 1.607t-1.607.679h-9.143q-.929 0-1.607-.679t-.679-1.607V4.571q0-.929.679-1.607t1.607-.679h9.143q.929 0 1.607.679t.679 1.607z"
 });
 
@@ -31485,11 +31568,11 @@ const SvgThLarge = props => /*#__PURE__*/React__default.createElement("svg", _ex
   height: 32,
   viewBox: "0 0 30 32",
   fill: "currentColor"
-}, props), _ref$b);
+}, props), _ref$c);
 
 function _extends$c() { _extends$c = 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$c.apply(this, arguments); }
 
-var _ref$c = /*#__PURE__*/React__default.createElement("path", {
+var _ref$d = /*#__PURE__*/React__default.createElement("path", {
   d: "M9.143 24.571v-3.429q0-.25-.161-.411t-.411-.161H2.857q-.25 0-.411.161t-.161.411v3.429q0 .25.161.411t.411.161h5.714q.25 0 .411-.161t.161-.411zm0-6.857v-3.429q0-.25-.161-.411t-.411-.161H2.857q-.25 0-.411.161t-.161.411v3.429q0 .25.161.411t.411.161h5.714q.25 0 .411-.161t.161-.411zm9.143 6.857v-3.429q0-.25-.161-.411t-.411-.161H12q-.25 0-.411.161t-.161.411v3.429q0 .25.161.411t.411.161h5.714q.25 0 .411-.161t.161-.411zM9.143 10.857V7.428q0-.25-.161-.411t-.411-.161H2.857q-.25 0-.411.161t-.161.411v3.429q0 .25.161.411t.411.161h5.714q.25 0 .411-.161t.161-.411zm9.143 6.857v-3.429q0-.25-.161-.411t-.411-.161H12q-.25 0-.411.161t-.161.411v3.429q0 .25.161.411t.411.161h5.714q.25 0 .411-.161t.161-.411zm9.143 6.857v-3.429q0-.25-.161-.411t-.411-.161h-5.714q-.25 0-.411.161t-.161.411v3.429q0 .25.161.411t.411.161h5.714q.25 0 .411-.161t.161-.411zm-9.143-13.714V7.428q0-.25-.161-.411t-.411-.161H12q-.25 0-.411.161t-.161.411v3.429q0 .25.161.411t.411.161h5.714q.25 0 .411-.161t.161-.411zm9.143 6.857v-3.429q0-.25-.161-.411t-.411-.161h-5.714q-.25 0-.411.161t-.161.411v3.429q0 .25.161.411t.411.161h5.714q.25 0 .411-.161t.161-.411zm0-6.857V7.428q0-.25-.161-.411t-.411-.161h-5.714q-.25 0-.411.161t-.161.411v3.429q0 .25.161.411t.411.161h5.714q.25 0 .411-.161t.161-.411zm2.285-5.714v19.429q0 1.179-.839 2.018t-2.018.839h-24q-1.179 0-2.018-.839T0 24.572V5.143q0-1.179.839-2.018t2.018-.839h24q1.179 0 2.018.839t.839 2.018z"
 });
 
@@ -31498,11 +31581,11 @@ const SvgTable = props => /*#__PURE__*/React__default.createElement("svg", _exte
   height: 32,
   viewBox: "0 0 30 32",
   fill: "currentColor"
-}, props), _ref$c);
+}, props), _ref$d);
 
 function _extends$d() { _extends$d = 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$d.apply(this, arguments); }
 
-var _ref$d = /*#__PURE__*/React__default.createElement("path", {
+var _ref$e = /*#__PURE__*/React__default.createElement("path", {
   d: "M26 21.714q0-.714-.5-1.214l-3.714-3.714q-.5-.5-1.214-.5-.75 0-1.286.571.054.054.339.33t.384.384.268.339.232.455.063.491q0 .714-.5 1.214t-1.214.5q-.268 0-.491-.063t-.455-.232-.339-.268-.384-.384-.33-.339q-.589.554-.589 1.304 0 .714.5 1.214l3.679 3.696q.482.482 1.214.482.714 0 1.214-.464l2.625-2.607q.5-.5.5-1.196zM13.446 9.125q0-.714-.5-1.214L9.267 4.215q-.5-.5-1.214-.5-.696 0-1.214.482L4.214 6.804q-.5.5-.5 1.196 0 .714.5 1.214l3.714 3.714q.482.482 1.214.482.75 0 1.286-.554-.054-.054-.339-.33t-.384-.384-.268-.339-.232-.455-.063-.491q0-.714.5-1.214t1.214-.5q.268 0 .491.063t.455.232.339.268.384.384.33.339q.589-.554.589-1.304zm15.983 12.589q0 2.143-1.518 3.625l-2.625 2.607q-1.482 1.482-3.625 1.482-2.161 0-3.643-1.518l-3.679-3.696q-1.482-1.482-1.482-3.625 0-2.196 1.571-3.732l-1.571-1.571q-1.536 1.571-3.714 1.571-2.143 0-3.643-1.5l-3.714-3.714Q.286 10.143.286 8t1.518-3.625l2.625-2.607Q5.911.286 8.054.286q2.161 0 3.643 1.518L15.376 5.5q1.482 1.482 1.482 3.625 0 2.196-1.571 3.732l1.571 1.571q1.536-1.571 3.714-1.571 2.143 0 3.643 1.5l3.714 3.714q1.5 1.5 1.5 3.643z"
 });
 
@@ -31511,11 +31594,11 @@ const SvgLink = props => /*#__PURE__*/React__default.createElement("svg", _exten
   height: 32,
   viewBox: "0 0 30 32",
   fill: "currentColor"
-}, props), _ref$d);
+}, props), _ref$e);
 
 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("path", {
+var _ref$f = /*#__PURE__*/React__default.createElement("path", {
   d: "M32 17.714V2.857q0-.232-.17-.402t-.402-.17H2.857q-.232 0-.402.17t-.17.402v14.857q0 .232.17.402t.402.17h28.571q.232 0 .402-.17t.17-.402zm2.286-14.857v19.429q0 1.179-.839 2.018t-2.018.839h-9.714q0 .661.286 1.384t.571 1.268.286.777q0 .464-.339.804t-.804.339h-9.143q-.464 0-.804-.339t-.339-.804q0-.25.286-.786t.571-1.25.286-1.393H2.858q-1.179 0-2.018-.839t-.839-2.018V2.857q0-1.179.839-2.018T2.858 0h28.571q1.179 0 2.018.839t.839 2.018z"
 });
 
@@ -31524,11 +31607,11 @@ const SvgDesktop = props => /*#__PURE__*/React__default.createElement("svg", _ex
   height: 32,
   viewBox: "0 0 34 32",
   fill: "currentColor"
-}, props), _ref$e);
+}, props), _ref$f);
 
 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$f = /*#__PURE__*/React__default.createElement("path", {
+var _ref$g = /*#__PURE__*/React__default.createElement("path", {
   d: "M26.982 18.857q0 .089-.018.125-1.143 4.786-4.786 7.759t-8.536 2.973q-2.607 0-5.045-.982t-4.348-2.804l-2.304 2.304q-.339.339-.804.339t-.804-.339-.339-.804v-8q0-.464.339-.804t.804-.339h8q.464 0 .804.339t.339.804-.339.804l-2.446 2.446q1.268 1.179 2.875 1.821t3.339.643q2.393 0 4.464-1.161t3.321-3.196q.196-.304.946-2.089.143-.411.536-.411h3.429q.232 0 .402.17t.17.402zm.447-14.286v8q0 .464-.339.804t-.804.339h-8q-.464 0-.804-.339t-.339-.804.339-.804l2.464-2.464q-2.643-2.446-6.232-2.446-2.393 0-4.464 1.161t-3.321 3.196q-.196.304-.946 2.089-.143.411-.536.411H.893q-.232 0-.402-.17t-.17-.402v-.125q1.161-4.786 4.821-7.759t8.571-2.973q2.607 0 5.071.991t4.375 2.795l2.321-2.304q.339-.339.804-.339t.804.339.339.804z"
 });
 
@@ -31537,11 +31620,11 @@ const SvgRefresh = props => /*#__PURE__*/React__default.createElement("svg", _ex
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$f);
+}, props), _ref$g);
 
 function _extends$g() { _extends$g = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
 
-var _ref$g = /*#__PURE__*/React__default.createElement("path", {
+var _ref$h = /*#__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.857zm-2.286-8v5.714H4.571v-3.429L8 20.57l2.286 2.286 6.857-6.857zM8 18.286q-1.429 0-2.429-1t-1-2.429 1-2.429 2.429-1 2.429 1 1 2.429-1 2.429-2.429 1z"
 });
 
@@ -31550,11 +31633,11 @@ const Svg425 = props => /*#__PURE__*/React__default.createElement("svg", _extend
   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); }
 
-var _ref$h = /*#__PURE__*/React__default.createElement("path", {
+var _ref$i = /*#__PURE__*/React__default.createElement("path", {
   d: "M26.286 24.571V16H13.715V3.429H5.144q-1.661 0-2.83 1.17t-1.17 2.83V16h12.571v12.571h8.571q1.661 0 2.83-1.17t1.17-2.83zm1.143-17.142v17.143q0 2.125-1.509 3.634t-3.634 1.509H5.143q-2.125 0-3.634-1.509T0 24.572V7.429q0-2.125 1.509-3.634t3.634-1.509h17.143q2.125 0 3.634 1.509t1.509 3.634z"
 });
 
@@ -31563,11 +31646,11 @@ const Svg395 = props => /*#__PURE__*/React__default.createElement("svg", _extend
   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); }
 
-var _ref$i = /*#__PURE__*/React__default.createElement("path", {
+var _ref$j = /*#__PURE__*/React__default.createElement("path", {
   d: "M15.714 2.286q-.821 0-1.411.589t-.589 1.411V16h-.571V6.571q0-.821-.589-1.411t-1.411-.589-1.411.589-.589 1.411v14l-2.75-3.661q-.679-.911-1.821-.911-.946 0-1.616.67t-.67 1.616q0 .768.464 1.375l6.857 9.143q.679.911 1.821.911h12.286q.607 0 1.089-.393t.607-1l1.357-7.232q.089-.571.089-1.054v-8.893q0-.821-.589-1.411t-1.411-.589-1.411.589-.589 1.411v4.857h-.571V6.57q0-.821-.589-1.411t-1.411-.589-1.411.589-.589 1.411v9.429h-.571V4.285q0-.821-.589-1.411t-1.411-.589zm0-2.286q1.214 0 2.241.634t1.58 1.723q.339-.071.75-.071 1.768 0 3.027 1.259t1.259 3.027v.304q1.875-.107 3.223 1.143t1.348 3.125v8.893q0 .714-.143 1.482l-1.357 7.214q-.25 1.411-1.366 2.339t-2.563.929H11.427q-1.071 0-2.045-.491t-1.616-1.33L.909 21.037q-.911-1.214-.911-2.75 0-1.893 1.339-3.232t3.232-1.339q1.393 0 2.286.607v-7.75q0-1.768 1.259-3.027t3.027-1.259q.411 0 .75.071.554-1.089 1.58-1.723t2.241-.634z"
 });
 
@@ -31576,11 +31659,11 @@ const SvgHandStop = props => /*#__PURE__*/React__default.createElement("svg", _e
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$i);
+}, props), _ref$j);
 
 function _extends$j() { _extends$j = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$j.apply(this, arguments); }
 
-var _ref$j = /*#__PURE__*/React__default.createElement("path", {
+var _ref$k = /*#__PURE__*/React__default.createElement("path", {
   d: "M20.911 5.375l-9.482 9.482 9.482 9.482q.339.339.339.804t-.339.804l-2.964 2.964q-.339.339-.804.339t-.804-.339l-13.25-13.25q-.339-.339-.339-.804t.339-.804L16.339.803q.339-.339.804-.339t.804.339l2.964 2.964q.339.339.339.804t-.339.804z"
 });
 
@@ -31589,11 +31672,11 @@ const SvgChevronLeft = props => /*#__PURE__*/React__default.createElement("svg",
   height: 32,
   viewBox: "0 0 23 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); }
 
-var _ref$k = /*#__PURE__*/React__default.createElement("path", {
+var _ref$l = /*#__PURE__*/React__default.createElement("path", {
   d: "M19.768 15.661l-13.25 13.25q-.339.339-.804.339t-.804-.339l-2.964-2.964q-.339-.339-.339-.804t.339-.804l9.482-9.482-9.482-9.482q-.339-.339-.339-.804t.339-.804L4.91.803q.339-.339.804-.339t.804.339l13.25 13.25q.339.339.339.804t-.339.804z"
 });
 
@@ -31602,11 +31685,11 @@ const SvgChevronRight = props => /*#__PURE__*/React__default.createElement("svg"
   height: 32,
   viewBox: "0 0 23 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); }
 
-var _ref$l = /*#__PURE__*/React__default.createElement("path", {
+var _ref$m = /*#__PURE__*/React__default.createElement("path", {
   d: "M32 16q0 .464-.339.804l-4.571 4.571q-.339.339-.804.339t-.804-.339-.339-.804v-2.286h-6.857v6.857h2.286q.464 0 .804.339t.339.804-.339.804l-4.571 4.571q-.339.339-.804.339t-.804-.339l-4.571-4.571q-.339-.339-.339-.804t.339-.804.804-.339h2.286v-6.857H6.859v2.286q0 .464-.339.804t-.804.339-.804-.339L.341 16.804Q.002 16.465.002 16t.339-.804l4.571-4.571q.339-.339.804-.339t.804.339.339.804v2.286h6.857V6.858H11.43q-.464 0-.804-.339t-.339-.804.339-.804L15.197.34q.339-.339.804-.339t.804.339l4.571 4.571q.339.339.339.804t-.339.804-.804.339h-2.286v6.857h6.857v-2.286q0-.464.339-.804t.804-.339.804.339l4.571 4.571Q32 15.535 32 16z"
 });
 
@@ -31615,11 +31698,11 @@ const SvgMove = props => /*#__PURE__*/React__default.createElement("svg", _exten
   height: 32,
   viewBox: "0 0 32 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); }
 
-var _ref$m = /*#__PURE__*/React__default.createElement("path", {
+var _ref$n = /*#__PURE__*/React__default.createElement("path", {
   d: "M27.429 16q0 2.786-1.089 5.321t-2.929 4.375-4.375 2.929-5.321 1.089q-3.071 0-5.839-1.295t-4.714-3.652q-.125-.179-.116-.402t.152-.366l2.446-2.464q.179-.161.446-.161.286.036.411.214 1.304 1.696 3.196 2.625t4.018.929q1.857 0 3.545-.723t2.92-1.955 1.955-2.92.723-3.545-.723-3.545-1.955-2.92-2.92-1.955-3.545-.723q-1.75 0-3.357.634T7.501 9.303l2.446 2.464q.554.536.25 1.232-.304.714-1.054.714h-8q-.464 0-.804-.339T0 12.57v-8q0-.75.714-1.054.696-.304 1.232.25L4.267 6.07q1.911-1.804 4.366-2.795t5.08-.991q2.786 0 5.321 1.089t4.375 2.929 2.929 4.375 1.089 5.321zM16 10.857v8q0 .25-.161.411t-.411.161H9.714q-.25 0-.411-.161t-.161-.411v-1.143q0-.25.161-.411t.411-.161h4v-6.286q0-.25.161-.411t.411-.161h1.143q.25 0 .411.161t.161.411z"
 });
 
@@ -31628,11 +31711,11 @@ const Svg445 = props => /*#__PURE__*/React__default.createElement("svg", _extend
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$m);
+}, props), _ref$n);
 
 function _extends$n() { _extends$n = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$n.apply(this, arguments); }
 
-var _ref$n = /*#__PURE__*/React__default.createElement("path", {
+var _ref$o = /*#__PURE__*/React__default.createElement("path", {
   d: "M19.107 19.161l-2.857 2.857-2.696 2.714-.536.536q-1.161 1.143-2.705 1.554t-3.063.036q-.286 1.25-1.286 2.054t-2.304.804q-1.518 0-2.589-1.08T0 26.038q0-1.286.795-2.286t2.027-1.286q-.393-1.536.018-3.089t1.571-2.714l.214-.214 2.696 2.714-.196.196q-.661.661-.661 1.589t.661 1.607q.661.661 1.589.661t1.589-.661l.536-.536 2.696-2.714 2.875-2.857zM13.018 6.982l.214.214-2.714 2.714-.214-.214q-.661-.661-1.589-.661t-1.589.661-.661 1.598.661 1.598l6.089 6.089-2.696 2.714-2.875-2.857-2.696-2.714-.536-.536q-1.214-1.196-1.607-2.848t.089-3.205Q1.644 9.267.84 8.267T.036 5.963q0-1.518 1.071-2.598t2.589-1.08q1.357 0 2.384.875t1.241 2.196q1.5-.357 3.027.063t2.67 1.563zm14.411 19.054q0 1.518-1.071 2.598t-2.589 1.08q-1.321 0-2.339-.839t-1.268-2.107q-1.536.5-3.205.107t-2.884-1.607l-.196-.214 2.696-2.714.214.214q.661.661 1.589.661t1.589-.661.661-1.589-.661-1.589l-6.107-6.107 2.714-2.714 5.571 5.571.518.536q1.143 1.143 1.563 2.688t.045 3.063q1.357.196 2.259 1.223t.902 2.402zm-.036-20.072q0 1.375-.911 2.411t-2.268 1.232q.464 1.518.054 3.152t-1.607 2.83l-.214.214-2.696-2.714.214-.214q.661-.661.661-1.589t-.661-1.589-1.589-.661-1.589.661l-6.107 6.107-2.714-2.714 2.875-2.857 2.714-2.714.518-.536q1.196-1.196 2.839-1.598t3.179.063q.196-1.339 1.223-2.25t2.42-.911q1.518 0 2.589 1.08t1.071 2.598z"
 });
 
@@ -31641,11 +31724,11 @@ const Svg400 = props => /*#__PURE__*/React__default.createElement("svg", _extend
   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); }
 
-var _ref$o = /*#__PURE__*/React__default.createElement("path", {
+var _ref$p = /*#__PURE__*/React__default.createElement("path", {
   d: "M18.286 24.571v-2.857q0-.25-.161-.411t-.411-.161H16v-9.143q0-.25-.161-.411t-.411-.161H9.714q-.25 0-.411.161t-.161.411v2.857q0 .25.161.411t.411.161h1.714v5.714H9.714q-.25 0-.411.161t-.161.411v2.857q0 .25.161.411t.411.161h8q.25 0 .411-.161t.161-.411zM16 8.571V5.714q0-.25-.161-.411t-.411-.161h-3.429q-.25 0-.411.161t-.161.411v2.857q0 .25.161.411t.411.161h3.429q.25 0 .411-.161T16 8.571zM27.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"
 });
 
@@ -31654,11 +31737,11 @@ const SvgInfoSign = props => /*#__PURE__*/React__default.createElement("svg", _e
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$o);
+}, props), _ref$p);
 
 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$p = /*#__PURE__*/React__default.createElement("g", {
+var _ref$q = /*#__PURE__*/React__default.createElement("g", {
   fill: "#FFF"
 }, /*#__PURE__*/React__default.createElement("path", {
   d: "M0 146.771v81.846l52.429 20.25v.031l.377-80.371L0 146.771zM133.303 36.638l48.16-20.689 11.02 3.924L143.6 40.876l64.359 26.497-10.988 4.395.534.188 10.8-4.395-.408-.157 55.851-22.196-71.235-25.336.628-.283-11.145-3.862-.502.22L136.568 0 87.34 17.675l-.408-.157L75.787 21.6l.283.126 11.302-4.05 45.931 18.962z"
@@ -31673,11 +31756,11 @@ const SvgVrDirection = props => /*#__PURE__*/React__default.createElement("svg",
   height: 283.46,
   viewBox: "0 0 283.46 283.46",
   fill: "currentColor"
-}, props), _ref$p);
+}, props), _ref$q);
 
 function _extends$q() { _extends$q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$q.apply(this, arguments); }
 
-var _ref$q = /*#__PURE__*/React__default.createElement("linearGradient", {
+var _ref$r = /*#__PURE__*/React__default.createElement("linearGradient", {
   id: "vr-color_svg__a",
   gradientUnits: "userSpaceOnUse",
   x1: 0,
@@ -31710,11 +31793,11 @@ const SvgVrColor = props => /*#__PURE__*/React__default.createElement("svg", _ex
   height: 283.46,
   viewBox: "0 0 283.46 283.46",
   fill: "currentColor"
-}, props), _ref$q, _ref2$5);
+}, props), _ref$r, _ref2$5);
 
 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$r = /*#__PURE__*/React__default.createElement("path", {
+var _ref$s = /*#__PURE__*/React__default.createElement("path", {
   d: "M133.502 0h16.453v92.611h-16.453zM133.197 190.251h16.453v92.595h-16.453zM190.251 133.197h92.595v16.453h-92.595zM0 133.197h92.611v16.453H0z"
 });
 
@@ -31729,11 +31812,11 @@ const SvgVrCenter = props => /*#__PURE__*/React__default.createElement("svg", _e
   height: 283.46,
   viewBox: "0 0 283.46 283.46",
   fill: "currentColor"
-}, props), _ref$r, _ref2$6);
+}, props), _ref$s, _ref2$6);
 
 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$s = /*#__PURE__*/React__default.createElement("path", {
+var _ref$t = /*#__PURE__*/React__default.createElement("path", {
   d: "M6.482 27.429l1.625-1.625-4.196-4.196-1.625 1.625v1.911h2.286v2.286h1.911zm9.339-16.572q0-.393-.393-.393-.179 0-.304.125l-9.679 9.679q-.125.125-.125.304 0 .393.393.393.179 0 .304-.125l9.679-9.679q.125-.125.125-.304zm-.964-3.428l7.429 7.429L7.429 29.715H0v-7.429zm12.197 1.714q0 .946-.661 1.607l-2.964 2.964L16 6.285l2.964-2.946q.643-.679 1.607-.679.946 0 1.625.679l4.196 4.179q.661.696.661 1.625z"
 });
 
@@ -31742,11 +31825,11 @@ const SvgPencil = props => /*#__PURE__*/React__default.createElement("svg", _ext
   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); }
 
-var _ref$t = /*#__PURE__*/React__default.createElement("path", {
+var _ref$u = /*#__PURE__*/React__default.createElement("path", {
   d: "M13.714 4.571q-2.321 0-4.438.911T5.633 7.92t-2.438 3.643-.911 4.438.911 4.438 2.438 3.643 3.643 2.438 4.438.911 4.437-.911 3.643-2.438 2.438-3.643.911-4.438-.911-4.438-2.438-3.643-3.643-2.438-4.438-.911zM27.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"
 });
 
@@ -31755,11 +31838,11 @@ const Svg446 = props => /*#__PURE__*/React__default.createElement("svg", _extend
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$t);
+}, props), _ref$u);
 
 function _extends$u() { _extends$u = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$u.apply(this, arguments); }
 
-var _ref$u = /*#__PURE__*/React__default.createElement("path", {
+var _ref$v = /*#__PURE__*/React__default.createElement("path", {
   d: "M20 4.571H5.143q-1.179 0-2.018.839t-.839 2.018v14.857q0 1.179.839 2.018t2.018.839H20q1.179 0 2.018-.839t.839-2.018V7.428q0-1.179-.839-2.018T20 4.571zm5.143 2.858v14.857q0 2.125-1.509 3.634T20 27.429H5.143q-2.125 0-3.634-1.509T0 22.286V7.429q0-2.125 1.509-3.634t3.634-1.509H20q2.125 0 3.634 1.509t1.509 3.634z"
 });
 
@@ -31768,11 +31851,11 @@ const SvgCheckEmpty = props => /*#__PURE__*/React__default.createElement("svg",
   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); }
 
-var _ref$v = /*#__PURE__*/React__default.createElement("path", {
+var _ref$w = /*#__PURE__*/React__default.createElement("path", {
   d: "M28.768 17.339q0 .911-.661 1.607l-1.339 1.339q-.679.679-1.625.679-.964 0-1.607-.679l-5.25-5.232v12.571q0 .929-.67 1.509t-1.616.58h-2.286q-.946 0-1.616-.58t-.67-1.509V15.053l-5.25 5.232q-.643.679-1.607.679t-1.607-.679l-1.339-1.339q-.679-.679-.679-1.607 0-.946.679-1.625L13.25 4.089q.625-.661 1.607-.661.964 0 1.625.661l11.625 11.625q.661.696.661 1.625z"
 });
 
@@ -31781,11 +31864,11 @@ const SvgArrowUp = props => /*#__PURE__*/React__default.createElement("svg", _ex
   height: 32,
   viewBox: "0 0 30 32",
   fill: "currentColor"
-}, props), _ref$v);
+}, props), _ref$w);
 
 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$w = /*#__PURE__*/React__default.createElement("path", {
+var _ref$x = /*#__PURE__*/React__default.createElement("path", {
   d: "M17.143 4.571q0-.464-.339-.804T16 3.428t-.804.339-.339.804.339.804.804.339.804-.339.339-.804zM32 21.143v6.286q0 .393-.357.536-.143.036-.214.036-.214 0-.411-.161l-1.661-1.661q-2.125 2.554-5.688 4.045t-7.67 1.491-7.67-1.491-5.688-4.045L.98 27.84q-.161.161-.411.161-.071 0-.214-.036-.357-.143-.357-.536v-6.286q0-.25.161-.411t.411-.161h6.286q.393 0 .536.357.143.339-.125.625l-1.786 1.786q1.196 1.625 3.384 2.741t4.848 1.473V15.999h-3.429q-.464 0-.804-.339t-.339-.804V12.57q0-.464.339-.804t.804-.339h3.429V8.516q-1.036-.607-1.661-1.652t-.625-2.295q0-1.893 1.339-3.232t3.232-1.339 3.232 1.339 1.339 3.232q0 1.25-.625 2.295t-1.661 1.652v2.911h3.429q.464 0 .804.339t.339.804v2.286q0 .464-.339.804t-.804.339h-3.429v11.554q2.661-.357 4.848-1.473t3.384-2.741l-1.786-1.786q-.268-.286-.125-.625.143-.357.536-.357h6.286q.25 0 .411.161t.161.411z"
 });
 
@@ -31794,11 +31877,11 @@ const SvgAnchor = props => /*#__PURE__*/React__default.createElement("svg", _ext
   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); }
 
-var _ref$x = /*#__PURE__*/React__default.createElement("path", {
+var _ref$y = /*#__PURE__*/React__default.createElement("path", {
   d: "M6.857 27.429h13.714v-6.857H6.857v6.857zm16 0h2.286v-16q0-.25-.179-.688t-.357-.616l-5.018-5.018q-.179-.179-.607-.357t-.696-.179V12q0 .714-.5 1.214t-1.214.5H6.286q-.714 0-1.214-.5T4.572 12V4.571H2.286v22.857h2.286v-7.429q0-.714.5-1.214t1.214-.5h14.857q.714 0 1.214.5t.5 1.214v7.429zM16 10.857V5.143q0-.232-.17-.402t-.402-.17h-3.429q-.232 0-.402.17t-.17.402v5.714q0 .232.17.402t.402.17h3.429q.232 0 .402-.17t.17-.402zm11.429.572V28q0 .714-.5 1.214t-1.214.5h-24q-.714 0-1.214-.5T.001 28V4q0-.714.5-1.214t1.214-.5h16.571q.714 0 1.571.357t1.357.857l5 5q.5.5.857 1.357t.357 1.571z"
 });
 
@@ -31807,11 +31890,11 @@ const SvgSave = props => /*#__PURE__*/React__default.createElement("svg", _exten
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$x);
+}, props), _ref$y);
 
 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$y = /*#__PURE__*/React__default.createElement("path", {
+var _ref$z = /*#__PURE__*/React__default.createElement("path", {
   d: "M17.143 16q.464 0 .804.339t.339.804-.339.804-.804.339-.804-.339-.339-.804.339-.804.804-.339zm5.357 1.143l9.054 7.107q.5.357.446 1-.089.625-.625.911l-2.286 1.143q-.232.125-.518.125-.304 0-.554-.143l-12.321-6.911-1.964 1.179q-.143.071-.214.089.25.875.179 1.732-.125 1.375-1 2.634t-2.357 2.205q-2.357 1.5-4.946 1.5-2.429 0-3.964-1.393-1.607-1.5-1.411-3.696.125-1.357 1-2.625t2.339-2.214q2.357-1.5 4.964-1.5 1.482 0 2.696.554.161-.232.393-.393l2.179-1.304-2.179-1.304q-.232-.161-.393-.393Q9.804 16 8.322 16q-2.607 0-4.964-1.5-1.464-.946-2.339-2.214t-1-2.625Q-.07 8.607.296 7.643T1.43 5.982q1.518-1.411 3.964-1.411 2.589 0 4.946 1.5 1.482.929 2.357 2.196t1 2.643q.071.857-.179 1.732.071.018.214.089l1.964 1.179 12.321-6.911q.25-.143.554-.143.286 0 .518.125l2.286 1.143q.536.286.625.911.054.643-.446 1zM10.339 12.5q.821-.75.375-1.929T8.821 8.482Q7.178 7.428 5.392 7.428q-1.321 0-2.018.643-.821.75-.375 1.929t1.893 2.089q1.643 1.054 3.429 1.054 1.321 0 2.018-.643zM8.821 25.804q1.446-.911 1.893-2.089t-.375-1.929q-.696-.643-2.018-.643-1.786 0-3.429 1.054-1.446.911-1.893 2.089t.375 1.929q.696.643 2.018.643 1.786 0 3.429-1.054zM12 14.857l1.714 1.036v-.196q0-.643.589-1l.25-.143-1.411-.839-.464.464q-.054.054-.179.196t-.214.214q-.036.036-.071.063t-.054.045zm4 4l1.714.571L30.857 9.142l-2.286-1.143-13.714 7.696v2.018L12 19.427l.161.143q.036.036.125.107.071.071.196.214t.196.214l.464.464zm12.571 7.429l2.286-1.143-9.286-7.286-3.161 2.464q-.036.054-.232.125z"
 });
 
@@ -31820,11 +31903,11 @@ const SvgCut = props => /*#__PURE__*/React__default.createElement("svg", _extend
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$y);
+}, props), _ref$z);
 
 function _extends$z() { _extends$z = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$z.apply(this, arguments); }
 
-var _ref$z = /*#__PURE__*/React__default.createElement("path", {
+var _ref$A = /*#__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"
 });
 
@@ -31833,11 +31916,11 @@ const SvgReply = props => /*#__PURE__*/React__default.createElement("svg", _exte
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$z);
+}, props), _ref$A);
 
 function _extends$A() { _extends$A = 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$A.apply(this, arguments); }
 
-var _ref$A = /*#__PURE__*/React__default.createElement("path", {
+var _ref$B = /*#__PURE__*/React__default.createElement("path", {
   d: "M115.473 14.673v-18.84l-7.907 5.573H48.179l-7.707-5.433v18.84l7.906-5.573h59.387zM142 41.465V22.626l-7.835 5.523H7.78L0 22.665v18.839l7.835-5.522h126.386z"
 });
 
@@ -31846,11 +31929,11 @@ const SvgCtr = props => /*#__PURE__*/React__default.createElement("svg", _extend
   height: 45.632,
   viewBox: "0 -4.167 142 45.632",
   fill: "currentColor"
-}, props), _ref$A);
+}, props), _ref$B);
 
 function _extends$B() { _extends$B = 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$B.apply(this, arguments); }
 
-var _ref$B = /*#__PURE__*/React__default.createElement("path", {
+var _ref$C = /*#__PURE__*/React__default.createElement("path", {
   d: "M253.785 164.532c-12.203 0-22.503 8.129-25.795 19.266h-70.855c-3.06-31.725-16.169-61.612-37.561-85.506l41.638-47.014a26.792 26.792 0 0011.375 2.522c14.857 0 26.901-12.044 26.901-26.899C199.489 12.044 187.444 0 172.588 0c-14.857 0-26.902 12.044-26.902 26.901a26.759 26.759 0 004.092 14.255L38.275 167.055a26.788 26.788 0 00-11.374-2.523C12.044 164.532 0 176.577 0 191.434c0 14.854 12.044 26.899 26.901 26.899 12.202 0 22.501-8.13 25.793-19.266H227.99c3.291 11.136 13.591 19.266 25.795 19.266 14.857 0 26.899-12.045 26.899-26.899.001-14.857-12.042-26.902-26.899-26.902zm-112.006 19.266H52.694a26.762 26.762 0 00-2.985-6.62l59.667-67.37c18.192 20.865 29.467 46.635 32.403 73.99z"
 });
 
@@ -31859,11 +31942,11 @@ const SvgToolAngle = props => /*#__PURE__*/React__default.createElement("svg", _
   height: 283.46,
   viewBox: "0 0 283.46 283.46",
   fill: "currentColor"
-}, props), _ref$B);
+}, props), _ref$C);
 
 function _extends$C() { _extends$C = 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$C.apply(this, arguments); }
 
-var _ref$C = /*#__PURE__*/React__default.createElement("path", {
+var _ref$D = /*#__PURE__*/React__default.createElement("path", {
   d: "M143.632 161.965c14.867-38.272 16.765-80.259 5.422-119.878l125.151-23.232L270.705 0 0 50.251l3.5 18.855 126.596-23.5c10.937 36.727 9.168 75.81-5.066 111.216L5.11 123.668 0 142.15l274.626 75.925 5.11-18.482-136.104-37.628z"
 });
 
@@ -31872,11 +31955,11 @@ const SvgToolCobb = props => /*#__PURE__*/React__default.createElement("svg", _e
   height: 283.46,
   viewBox: "0 0 283.46 283.46",
   fill: "currentColor"
-}, props), _ref$C);
+}, props), _ref$D);
 
 function _extends$D() { _extends$D = 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$D.apply(this, arguments); }
 
-var _ref$D = /*#__PURE__*/React__default.createElement("path", {
+var _ref$E = /*#__PURE__*/React__default.createElement("path", {
   d: "M13.714 25.714V6.285q-2.643 0-4.875 1.304t-3.536 3.536T3.999 16t1.304 4.875 3.536 3.536 4.875 1.304zM27.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"
 });
 
@@ -31885,11 +31968,11 @@ const SvgAdjust = props => /*#__PURE__*/React__default.createElement("svg", _ext
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$D);
+}, props), _ref$E);
 
 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("g", {
+var _ref$F = /*#__PURE__*/React__default.createElement("g", {
   opacity: 0.5
 }, /*#__PURE__*/React__default.createElement("path", {
   d: "M99.399 127.359a3.315 3.315 0 01-.299-6.617c7.633-.705 12.489-1.345 12.521-1.35a3.304 3.304 0 013.723 2.851 3.32 3.32 0 01-2.851 3.723s-4.966.657-12.785 1.38a3.99 3.99 0 01-.309.013zM62.074 129.212c-4.903 0-9.61-.12-13.99-.354a3.313 3.313 0 01-3.133-3.486c.097-1.83 1.649-3.3 3.486-3.133 7.78.413 16.897.423 25.296.137 1.783-.127 3.367 1.367 3.427 3.198a3.312 3.312 0 01-3.198 3.427c-3.871.134-7.866.211-11.888.211zm-39.129-3.827c-.279 0-.563-.037-.844-.11-12.9-3.384-20.288-9.082-21.964-16.931a3.315 3.315 0 116.485-1.385c1.111 5.202 6.883 9.207 17.163 11.901a3.319 3.319 0 012.366 4.049 3.322 3.322 0 01-3.206 2.476zm-7.855-34.81a3.315 3.315 0 01-1.459-6.295c6.129-3.001 14.374-4.943 25.944-6.111 1.815-.217 3.447 1.141 3.631 2.963s-1.143 3.449-2.963 3.631c-10.766 1.088-18.294 2.829-23.698 5.474a3.313 3.313 0 01-1.455.338zm50.406-7.436a3.315 3.315 0 01-.179-6.624c10.036-.548 18.129-1.2 25.003-2.602a3.291 3.291 0 013.91 2.585 3.315 3.315 0 01-2.585 3.91c-7.269 1.484-15.637 2.164-25.964 2.727-.063.004-.125.004-.185.004zm45.714-15.945a3.28 3.28 0 01-.969-.147 3.314 3.314 0 01-2.201-4.139c.361-1.178.543-2.49.543-3.902l-.017-.752c-.244-5.713-2.886-10.208-8.074-13.731a3.315 3.315 0 113.726-5.484c6.945 4.717 10.636 11.089 10.972 18.936l.022 1.031c0 2.069-.279 4.034-.832 5.84a3.315 3.315 0 01-3.17 2.348zM78.246 37.193c-.152 0-.306-.01-.458-.03-5.967-.827-12.765-1.245-20.206-1.245-1.574.002-3.217.02-4.809.055-1.895-.085-3.347-1.414-3.387-3.242a3.316 3.316 0 013.242-3.387c1.636-.035 3.344-.017 4.953-.055 7.742 0 14.847.438 21.113 1.305a3.314 3.314 0 01-.448 6.599zM14.062 39.614a3.317 3.317 0 01-3.262-2.739 3.313 3.313 0 012.687-3.84c.207-.037 5.132-.901 12.815-1.798 1.795-.222 3.462 1.088 3.676 2.906a3.312 3.312 0 01-2.909 3.678c-7.471.874-12.379 1.733-12.429 1.743-.195.035-.389.05-.578.05z"
@@ -31909,11 +31992,11 @@ const SvgCentesisStart = props => /*#__PURE__*/React__default.createElement("svg
   height: 141.73,
   viewBox: "0 0 141.73 141.73",
   fill: "currentColor"
-}, props), _ref$E, _ref2$7, _ref3$1);
+}, props), _ref$F, _ref2$7, _ref3$1);
 
 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$F = /*#__PURE__*/React__default.createElement("g", {
+var _ref$G = /*#__PURE__*/React__default.createElement("g", {
   opacity: 0.5
 }, /*#__PURE__*/React__default.createElement("path", {
   d: "M92.757 138.338a2.696 2.696 0 01-.243-5.38c6.205-.573 10.151-1.093 10.177-1.097a2.686 2.686 0 013.027 2.318 2.7 2.7 0 01-2.318 3.027s-4.035.534-10.392 1.122a3.51 3.51 0 01-.251.01zM62.413 139.844c-3.986 0-7.813-.097-11.374-.287a2.693 2.693 0 01-2.547-2.834c.079-1.488 1.371-2.683 2.834-2.547 6.325.336 13.737.344 20.565.111 1.522-.103 2.735 1.111 2.786 2.6a2.692 2.692 0 01-2.6 2.786c-3.147.108-6.394.171-9.664.171zm-31.812-3.112c-.227 0-.458-.03-.686-.089-10.487-2.751-16.494-7.384-17.856-13.765a2.696 2.696 0 012.073-3.199 2.7 2.7 0 013.199 2.073c.903 4.229 5.596 7.485 13.953 9.675a2.698 2.698 0 01-.683 5.305zm-6.385-28.299a2.696 2.696 0 01-1.186-5.118c4.982-2.44 11.686-4.019 21.092-4.968 1.482-.176 2.804.927 2.952 2.409a2.692 2.692 0 01-2.409 2.952c-8.752.885-14.872 2.3-19.266 4.45a2.695 2.695 0 01-1.183.275zm40.981-6.043a2.695 2.695 0 01-.146-5.385c8.161-.445 14.739-.978 20.324-2.118a2.695 2.695 0 111.078 5.28c-5.906 1.207-12.708 1.761-21.106 2.219-.051.004-.102.004-.15.004zm37.16-12.965a2.696 2.696 0 01-2.578-3.484c.294-.958.441-2.025.441-3.172l-.012-.634c-.198-4.622-2.346-8.274-6.566-11.141a2.695 2.695 0 013.028-4.458c5.648 3.837 8.649 9.015 8.922 15.395l.016.838c0 1.682-.227 3.28-.676 4.748a2.692 2.692 0 01-2.575 1.908zm-26.799-24.39c-.123 0-.249-.008-.373-.024-4.851-.672-10.378-1.012-16.427-1.012-1.324.002-2.614.016-3.909.045-1.486-.069-2.721-1.15-2.753-2.636a2.695 2.695 0 012.636-2.753c1.33-.028 2.638-.014 4.027-.045 6.294 0 12.07.356 17.164 1.061a2.697 2.697 0 012.302 3.039 2.698 2.698 0 01-2.667 2.325zM23.38 67.003a2.696 2.696 0 01-.468-5.349c.168-.03 4.173-.733 10.418-1.462 1.45-.18 2.816.885 2.988 2.363a2.693 2.693 0 01-2.365 2.99c-6.074.711-10.064 1.409-10.105 1.417a2.575 2.575 0 01-.468.041z"
@@ -31933,11 +32016,11 @@ const SvgCentesisEnd = props => /*#__PURE__*/React__default.createElement("svg",
   height: 141.73,
   viewBox: "0 0 141.73 141.73",
   fill: "currentColor"
-}, props), _ref$F, _ref2$8, _ref3$2);
+}, props), _ref$G, _ref2$8, _ref3$2);
 
 function _extends$G() { _extends$G = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$G.apply(this, arguments); }
 
-var _ref$G = /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("style", null));
+var _ref$H = /*#__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"
@@ -31953,11 +32036,11 @@ const SvgReferencePosition = props => /*#__PURE__*/React__default.createElement(
   width: 200,
   height: 200,
   fill: "currentColor"
-}, props), _ref$G, _ref2$9, _ref3$3);
+}, props), _ref$H, _ref2$9, _ref3$3);
 
 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$H = /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("style", null, "@font-face{font-family:feedback-iconfont;src:url(//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944) format(&quot;woff2&quot;),url(//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944) format(&quot;woff&quot;),url(//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944) format(&quot;truetype&quot;)}"));
+var _ref$I = /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("style", null, "@font-face{font-family:feedback-iconfont;src:url(//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944) format(&quot;woff2&quot;),url(//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944) format(&quot;woff&quot;),url(//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944) format(&quot;truetype&quot;)}"));
 
 var _ref2$a = /*#__PURE__*/React__default.createElement("path", {
   d: "M904.704 651.776l-2.048-229.888c52.224-10.752 91.648-56.832 91.648-112.128 0-62.976-51.2-114.688-114.688-114.688-46.08 0-86.016 27.648-103.936 66.56L230.4 129.024v-5.12c0-62.976-51.2-114.176-114.688-114.176S1.536 60.928 1.536 123.904s51.2 114.688 114.688 114.688h.512l101.888 513.024c-40.448 17.408-69.12 57.856-69.12 104.96 0 62.976 51.2 114.688 114.688 114.688 58.368 0 106.496-44.032 113.664-100.352l399.872-66.56c16.384 43.52 58.368 74.24 107.008 74.24 62.976 0 114.688-51.2 114.688-114.688-1.024-55.808-41.472-102.4-94.72-112.128zm-24.576-413.184c38.912 0 70.656 31.744 70.656 70.656 0 31.232-20.48 57.856-48.64 67.072-7.168 2.56-14.336 3.584-22.528 3.584-7.168 0-14.336-1.024-20.992-3.072-27.136-8.704-47.104-32.768-49.664-62.464 0-1.536-.512-3.584-.512-5.12 0-13.824 4.096-26.112 10.752-36.864 12.8-20.48 35.328-33.792 60.928-33.792zm-764.416-43.52c-2.56 0-5.632 0-8.192-.512-35.328-4.096-62.464-34.304-62.464-70.144 0-38.912 31.744-70.656 70.656-70.656 37.376 0 68.096 29.184 70.656 65.536 0 1.536.512 3.584.512 5.12 0 13.824-4.096 26.112-10.752 36.864-6.144 10.24-15.36 18.944-25.6 25.088-10.24 5.12-22.016 8.704-34.816 8.704zm43.52 34.816c27.136-11.264 48.64-31.744 60.928-58.368l545.792 132.608v5.12c0 55.808 40.448 102.912 93.696 112.64l2.048 229.888c-51.2 10.24-90.112 55.296-91.648 109.056L374.784 826.88c-13.824-48.64-58.368-84.48-111.104-84.48h-2.56L159.232 229.888zM263.68 927.744c-38.912 0-70.656-31.744-70.656-70.656 0-25.6 13.824-48.128 34.304-60.928 10.752-6.656 23.04-10.24 36.352-10.24 2.048 0 4.096 0 6.144.512 28.672 2.56 52.736 22.016 61.44 48.128 2.56 7.168 3.584 14.336 3.584 22.528 0 7.68-1.024 14.848-3.584 22.016-9.216 27.648-36.352 48.64-67.584 48.64zm620.544-92.672c-27.136 0-51.2-15.36-62.976-38.4-5.12-9.728-8.192-20.992-8.192-32.768 0-3.584.512-7.168 1.024-10.24 4.096-26.624 22.528-48.64 47.616-56.832 7.168-2.56 14.336-3.584 22.528-3.584 7.168 0 14.336 1.024 20.992 3.072 28.672 9.216 49.664 35.84 49.664 67.584 0 39.424-31.744 71.168-70.656 71.168z"
@@ -31969,11 +32052,11 @@ const SvgPolygon = props => /*#__PURE__*/React__default.createElement("svg", _ex
   width: 200,
   height: 200,
   fill: "currentColor"
-}, props), _ref$H, _ref2$a);
+}, props), _ref$I, _ref2$a);
 
 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$I = /*#__PURE__*/React__default.createElement("path", {
+var _ref$J = /*#__PURE__*/React__default.createElement("path", {
   "data-name": "3D",
   d: "M16.626.175l14.68 8.476a1.3 1.3 0 01.652 1.129v16.941a1.3 1.3 0 01-.652 1.129l-14.68 8.473a1.3 1.3 0 01-1.3 0L.652 27.851A1.3 1.3 0 010 26.722V9.776a1.3 1.3 0 01.652-1.129L15.326.175a1.3 1.3 0 011.3 0zm-.652 2.634L3.906 9.777l3.689 2.131-1.3 2.258-3.689-2.13v13.933l12.068 6.966v-4.258h2.607v4.259l12.068-6.967V12.034l-3.689 2.13-1.3-2.258 3.689-2.131zm-4.49 10.078a3.145 3.145 0 013.283 3.17 3.42 3.42 0 01-.229 1.237 2.6 2.6 0 01-.955 1.062 2.772 2.772 0 011.016 1.1 3.16 3.16 0 01.3 1.344 3.276 3.276 0 01-.97 2.467 3.347 3.347 0 01-2.413.94 3.057 3.057 0 01-2.016-.733 3.487 3.487 0 01-1.139-2.123h1.6a2.251 2.251 0 00.6.9 1.514 1.514 0 001.055.358 1.609 1.609 0 001.184-.481 1.7 1.7 0 00.5-1.283 1.772 1.772 0 00-.5-1.313 1.717 1.717 0 00-1.222-.451h-.672v-1.412h.549a1.715 1.715 0 001.268-.45 1.5 1.5 0 00.45-1.13 1.612 1.612 0 00-.466-1.154 1.652 1.652 0 00-1.16-.45 1.477 1.477 0 00-.932.328 1.652 1.652 0 00-.6 1.015h-1.6a3.256 3.256 0 011-2.086 2.915 2.915 0 012.062-.855zm8.271.092a3.743 3.743 0 013.392 1.879 3.345 3.345 0 01.512 1.313l.021.2q.059.657.063 1.954v.22a16.067 16.067 0 01-.13 2.505 2.8 2.8 0 01-.182.641 5.927 5.927 0 01-.314.574 4.047 4.047 0 01-3.475 1.848h-3.78V12.979zm-.19 1.6h-2.016v7.942h2.016a2.324 2.324 0 001.984-.86l.078-.111.076-.106a1.927 1.927 0 00.283-.8 14.3 14.3 0 00.065-1.46v-.792q0-1.281-.068-1.859a1.918 1.918 0 00-.435-1.015 2.186 2.186 0 00-1.674-.932l-.154-.008z",
   fill: "silver"
@@ -31984,11 +32067,11 @@ const SvgMipRotate = props => /*#__PURE__*/React__default.createElement("svg", _
   height: 36.497,
   viewBox: "0 0 31.957 36.497",
   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); }
 
-var _ref$J = /*#__PURE__*/React__default.createElement("path", {
+var _ref$K = /*#__PURE__*/React__default.createElement("path", {
   d: "M512.28 62.11l358.4 896h-716.8z"
 });
 
@@ -31998,11 +32081,11 @@ const SvgSharpen = props => /*#__PURE__*/React__default.createElement("svg", _ex
   width: 200,
   height: 200,
   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); }
 
-var _ref$K = /*#__PURE__*/React__default.createElement("path", {
+var _ref$L = /*#__PURE__*/React__default.createElement("path", {
   "data-name": "\\u8054\\u5408 19",
   d: "M3.779 8.572l-2.96 2.96-.78-.779 2.959-2.96-3-3 .071-.07a4.766 4.766 0 013.376-1.389 4.792 4.792 0 011.362.2l.8-.8a2.77 2.77 0 01.7-2.659l.071-.071 5.2 5.2-.072.071a2.742 2.742 0 01-1.938.791 2.763 2.763 0 01-.72-.1l-.8.8a4.8 4.8 0 01-1.193 4.739l-.071.071zm-2.12-3.68l5.02 5.02a3.7 3.7 0 00.294-2.878l-.178-.579 1.727-1.727.571.167a1.7 1.7 0 00.667.055L6.624 1.814a1.67 1.67 0 00.055.666l.167.571-1.727 1.727L4.54 4.6a3.694 3.694 0 00-1.1-.165 3.684 3.684 0 00-1.777.456z",
   fill: "rgba(255,255,255,0.9)"
@@ -32013,11 +32096,11 @@ const SvgKeyImages = props => /*#__PURE__*/React__default.createElement("svg", _
   height: 11.575,
   viewBox: "0 0 11.575 11.575",
   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); }
 
-var _ref$L = /*#__PURE__*/React__default.createElement("path", {
+var _ref$M = /*#__PURE__*/React__default.createElement("path", {
   d: "M857.088 154.112S699.904 184.832 512 184.832s-346.624-30.72-346.624-30.72v182.784l6.656-5.12c37.888-29.696 84.992-46.08 133.632-46.08h134.144v493.568c0 49.664-16.896 98.304-48.64 137.216l-2.56 3.584h247.296l-2.56-3.584c-31.232-38.912-48.64-87.04-48.64-137.216V285.696h132.608c49.152 0 96.768 16.896 135.168 47.104l4.608 4.096V154.112z"
 });
 
@@ -32027,11 +32110,11 @@ const SvgWord = props => /*#__PURE__*/React__default.createElement("svg", _exten
   width: 200,
   height: 200,
   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); }
 
-var _ref$M = /*#__PURE__*/React__default.createElement("path", {
+var _ref$N = /*#__PURE__*/React__default.createElement("path", {
   "data-name": "\\u8DEF\\u5F84 2873",
   d: "M7.704 20.066c0-9.391 5.217-17.337 12.2-19.5A14.881 14.881 0 0016.052 0C7.224 0 .004 8.989.004 20.066s7.22 20.065 16.048 20.065a14.881 14.881 0 003.852-.562c-6.982-2.169-12.2-10.113-12.2-19.503z",
   fill: "#777"
@@ -32060,7 +32143,7 @@ const SvgFusion = props => /*#__PURE__*/React__default.createElement("svg", _ext
   height: 40.131,
   viewBox: "0 0 39.81 40.131",
   fill: "currentColor"
-}, props), _ref$M, _ref2$b, _ref3$4, _ref4$1);
+}, props), _ref$N, _ref2$b, _ref3$4, _ref4$1);
 
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
@@ -32904,7 +32987,7 @@ styleInject$1(css_248z$1);
 
 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$N = /*#__PURE__*/React__default.createElement("path", {
+var _ref$O = /*#__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"
 });
 
@@ -32913,7 +32996,7 @@ const SvgCog = props => /*#__PURE__*/React__default.createElement("svg", _extend
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$N);
+}, props), _ref$O);
 
 var css_248z$2 = ".paladin-ipt {\n  box-sizing: border-box;\n  width: 100%;\n  height: 34px;\n  padding: 6px 12px;\n  background-color: transparent;\n  background-image: none;\n  border: 1px solid #ccc;\n  border-radius: 8px;\n  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n  display: block;\n  font-size: 14px;\n  line-height: 1.42857;\n  color: #555;\n}\n.paladin-ipt:focus {\n  outline: none;\n}\n";
 styleInject$1(css_248z$2);
@@ -33148,7 +33231,7 @@ defineProperty(Button, "propTypes", {
 
 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$O = /*#__PURE__*/React__default.createElement("path", {
+var _ref$P = /*#__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"
 });
 
@@ -33157,7 +33240,7 @@ const SvgRemove = props => /*#__PURE__*/React__default.createElement("svg", _ext
   height: 32,
   viewBox: "0 0 25 32",
   fill: "currentColor"
-}, props), _ref$O);
+}, props), _ref$P);
 
 function _createSuper$Q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$Q(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
@@ -34051,7 +34134,7 @@ var ConnectedWwwc = reactRedux.connect(mapStateToProps$1, mapDispatchToProps, me
 
 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$P = /*#__PURE__*/React__default.createElement("path", {
+var _ref$Q = /*#__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"
 });
 
@@ -34060,11 +34143,11 @@ const SvgFullscreen = props => /*#__PURE__*/React__default.createElement("svg",
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$P);
+}, props), _ref$Q);
 
 function _extends$Q() { _extends$Q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Q.apply(this, arguments); }
 
-var _ref$Q = /*#__PURE__*/React__default.createElement("path", {
+var _ref$R = /*#__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"
 });
 
@@ -34073,11 +34156,11 @@ const SvgResizeHorizontal = props => /*#__PURE__*/React__default.createElement("
   height: 32,
   viewBox: "0 0 32 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); }
 
-var _ref$R = /*#__PURE__*/React__default.createElement("path", {
+var _ref$S = /*#__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"
 });
 
@@ -34086,11 +34169,11 @@ const SvgResizeVertical = props => /*#__PURE__*/React__default.createElement("sv
   height: 32,
   viewBox: "0 0 14 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); }
 
-var _ref$S = /*#__PURE__*/React__default.createElement("path", {
+var _ref$T = /*#__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"
 });
 
@@ -34099,11 +34182,11 @@ const SvgZoomIn = props => /*#__PURE__*/React__default.createElement("svg", _ext
   height: 32,
   viewBox: "0 0 30 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); }
 
-var _ref$T = /*#__PURE__*/React__default.createElement("path", {
+var _ref$U = /*#__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"
 });
 
@@ -34112,11 +34195,11 @@ const SvgZoomOut = props => /*#__PURE__*/React__default.createElement("svg", _ex
   height: 32,
   viewBox: "0 0 30 32",
   fill: "currentColor"
-}, props), _ref$T);
+}, props), _ref$U);
 
 function _extends$U() { _extends$U = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$U.apply(this, arguments); }
 
-var _ref$U = /*#__PURE__*/React__default.createElement("path", {
+var _ref$V = /*#__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"
 });
 
@@ -34125,7 +34208,7 @@ const SvgSearch = props => /*#__PURE__*/React__default.createElement("svg", _ext
   height: 32,
   viewBox: "0 0 30 32",
   fill: "currentColor"
-}, props), _ref$U);
+}, props), _ref$V);
 
 function _createSuper$T(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$T(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
@@ -34273,7 +34356,7 @@ var ConnectedZoom = reactRedux.connect(mapStateToProps$2, mapDispatchToProps$1,
 
 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$V = /*#__PURE__*/React__default.createElement("path", {
+var _ref$W = /*#__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"
 });
 
@@ -34282,11 +34365,11 @@ const SvgRepeat = props => /*#__PURE__*/React__default.createElement("svg", _ext
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$V);
+}, props), _ref$W);
 
 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$W = /*#__PURE__*/React__default.createElement("path", {
+var _ref$X = /*#__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"
 });
@@ -34302,11 +34385,11 @@ const SvgFlipHorizontal = props => /*#__PURE__*/React__default.createElement("sv
   height: 283.46,
   viewBox: "0 0 283.46 283.46",
   fill: "currentColor"
-}, props), _ref$W, _ref2$c);
+}, props), _ref$X, _ref2$c);
 
 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$X = /*#__PURE__*/React__default.createElement("path", {
+var _ref$Y = /*#__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"
 });
@@ -34322,7 +34405,7 @@ const SvgFlipVertical = props => /*#__PURE__*/React__default.createElement("svg"
   height: 283.46,
   viewBox: "0 0 283.46 283.46",
   fill: "currentColor"
-}, props), _ref$X, _ref2$d);
+}, props), _ref$Y, _ref2$d);
 
 function _createSuper$U(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$U(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
@@ -34435,7 +34518,7 @@ var ConnectedRotate = reactRedux.connect(mapStateToProps$3, mapDispatchToProps$2
 
 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$Y = /*#__PURE__*/React__default.createElement("path", {
+var _ref$Z = /*#__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"
 });
 
@@ -34444,11 +34527,11 @@ const SvgQrcode = props => /*#__PURE__*/React__default.createElement("svg", _ext
   height: 32,
   viewBox: "0 0 25 32",
   fill: "currentColor"
-}, props), _ref$Y);
+}, props), _ref$Z);
 
 function _extends$Z() { _extends$Z = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Z.apply(this, arguments); }
 
-var _ref$Z = /*#__PURE__*/React__default.createElement("path", {
+var _ref$_ = /*#__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"
 });
 
@@ -34457,11 +34540,11 @@ const SvgFileTextAlt = props => /*#__PURE__*/React__default.createElement("svg",
   height: 32,
   viewBox: "0 0 32 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); }
 
-var _ref$_ = /*#__PURE__*/React__default.createElement("path", {
+var _ref$$ = /*#__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"
 });
 
@@ -34470,11 +34553,11 @@ const SvgThList = props => /*#__PURE__*/React__default.createElement("svg", _ext
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$_);
+}, 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); }
 
-var _ref$$ = /*#__PURE__*/React__default.createElement("path", {
+var _ref$10 = /*#__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"
 });
 
@@ -34483,7 +34566,7 @@ const SvgBanCircle = props => /*#__PURE__*/React__default.createElement("svg", _
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$$);
+}, props), _ref$10);
 
 var css_248z$7 = ".paladin-btn-group .paladin-btn:first-child:not(:last-child) {\n  border-bottom-right-radius: 0;\n  border-top-right-radius: 0;\n}\n.paladin-btn-group .paladin-btn:last-child:not(:first-child) {\n  border-bottom-left-radius: 0;\n  border-top-left-radius: 0;\n}\n";
 styleInject$1(css_248z$7);
@@ -35189,7 +35272,7 @@ var ConnectedImageTool = reactRedux.connect(mapStateToProps$4, {
 
 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$10 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$11 = /*#__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"
 });
 
@@ -35198,11 +35281,11 @@ const SvgTrash = props => /*#__PURE__*/React__default.createElement("svg", _exte
   height: 32,
   viewBox: "0 0 25 32",
   fill: "currentColor"
-}, props), _ref$10);
+}, props), _ref$11);
 
 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$11 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$12 = /*#__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"
 });
 
@@ -35211,7 +35294,7 @@ const Svg433 = props => /*#__PURE__*/React__default.createElement("svg", _extend
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$11);
+}, props), _ref$12);
 
 function _createSuper$Z(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$Z(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
@@ -35409,7 +35492,7 @@ styleInject$1(css_248z$a);
 
 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$12 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$13 = /*#__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"
 });
 
@@ -35418,11 +35501,11 @@ const SvgRemoveSign = props => /*#__PURE__*/React__default.createElement("svg",
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$12);
+}, props), _ref$13);
 
 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$13 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$14 = /*#__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"
 });
 
@@ -35431,7 +35514,7 @@ const SvgOkSign = props => /*#__PURE__*/React__default.createElement("svg", _ext
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$13);
+}, props), _ref$14);
 
 function ownKeys$p(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
@@ -39950,7 +40033,8 @@ var PopperBox = /*#__PURE__*/function (_Component) {
           ref: ref,
           style: _objectSpread$r(_objectSpread$r(_objectSpread$r({}, style), popperStyle), {}, {
             // zIndex: -1,
-            margin: popoverArrow ? '10px' : 0
+            margin: popoverArrow ? '10px' : 0,
+            zIndex: 99
           }),
           "data-placement": placement
         }, /*#__PURE__*/React__default.createElement(WrapperPopover, _extends_1({
@@ -39981,7 +40065,7 @@ defineProperty(PopperBox, "propTypes", {
 
 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$14 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$15 = /*#__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"
 });
 
@@ -39990,11 +40074,11 @@ const SvgCaretUp = props => /*#__PURE__*/React__default.createElement("svg", _ex
   height: 32,
   viewBox: "0 0 18 32",
   fill: "currentColor"
-}, props), _ref$14);
+}, props), _ref$15);
 
 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$15 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$16 = /*#__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"
 });
 
@@ -40003,11 +40087,11 @@ const SvgCaretDown = props => /*#__PURE__*/React__default.createElement("svg", _
   height: 32,
   viewBox: "0 0 18 32",
   fill: "currentColor"
-}, props), _ref$15);
+}, props), _ref$16);
 
 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$16 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$17 = /*#__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"
 });
 
@@ -40016,11 +40100,11 @@ const SvgPlay = props => /*#__PURE__*/React__default.createElement("svg", _exten
   height: 32,
   viewBox: "0 0 25 32",
   fill: "currentColor"
-}, props), _ref$16);
+}, props), _ref$17);
 
 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$17 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$18 = /*#__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"
 });
 
@@ -40029,11 +40113,11 @@ const SvgFastBackward = props => /*#__PURE__*/React__default.createElement("svg"
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$17);
+}, props), _ref$18);
 
 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$18 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$19 = /*#__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"
 });
 
@@ -40042,11 +40126,11 @@ const SvgFastForward = props => /*#__PURE__*/React__default.createElement("svg",
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$18);
+}, props), _ref$19);
 
 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$19 = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1a = /*#__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"
 });
 
@@ -40055,7 +40139,7 @@ const SvgPause = props => /*#__PURE__*/React__default.createElement("svg", _exte
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$19);
+}, props), _ref$1a);
 
 var css_248z$c = ".paladin-cine-row {\n  padding: 3px 20px;\n  width: 100%;\n  height: 40px;\n}\n.paladin-cine-row .paladin-cine-label {\n  font-size: 12px;\n  color: #727882;\n  justify-content: center;\n  white-space: nowrap;\n}\n.paladin-cine-row .paladin-cine-input {\n  padding: 0 8px;\n  justify-content: center;\n  align-items: center;\n}\n.paladin-cine-row .paladin-cine-input input {\n  height: 20px;\n  padding: 0;\n  width: 80%;\n}\n.paladin-cine-row .paladin-cine-svg {\n  height: 100%;\n}\n.paladin-cine-row .paladin-cine-svg .paladin-row {\n  height: 20px;\n}\n.paladin-cine-row .paladin-cine-svg svg {\n  fill: #727882;\n}\n.paladin-cine-svg-play svg {\n  width: 12px !important;\n  height: 12px !important;\n  fill: #727882;\n}\n";
 styleInject$1(css_248z$c);
@@ -42903,7 +42987,7 @@ var SettingModal = /*#__PURE__*/function (_Component) {
 
 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$1a = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1b = /*#__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"
 });
 
@@ -42920,11 +43004,11 @@ const SvgMpr = props => /*#__PURE__*/React__default.createElement("svg", _extend
   height: 142,
   viewBox: "0 0 142 142",
   fill: "currentColor"
-}, props), _ref$1a, _ref2$e, _ref3$5);
+}, props), _ref$1b, _ref2$e, _ref3$5);
 
 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$1b = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1c = /*#__PURE__*/React__default.createElement("path", {
   "data-name": "\\u51CF\\u53BB 6",
   d: "M128 85H9a9.01 9.01 0 01-9-9V9a9.01 9.01 0 019-9h119a9.01 9.01 0 019 9v67a9.01 9.01 0 01-9 9zM93.259 17.92v49.157h7.706V51.143h5.351a25.3 25.3 0 007.142-.887 10.88 10.88 0 004.882-2.9 12.193 12.193 0 002.794-5.206 30.158 30.158 0 00.88-7.863 31.849 31.849 0 00-.764-7.439 11.483 11.483 0 00-2.587-5.1 10.638 10.638 0 00-4.852-2.9 26.27 26.27 0 00-7.5-.922zm-22.094 0v49.157h7.7V17.92zm-22.606 9.067v40.09h7.586V17.92H44.034L35.8 46.961h-.354l-8-29.041h-12.46v49.157h7.526v-40.09h.354l8.7 30.176h7.879l8.763-30.176h.349zm56.813 16.645h-4.407V25.43h4.407c3.241 0 5.536.667 6.822 1.982s1.94 3.677 1.94 7.014a18.955 18.955 0 01-.44 4.46 6.186 6.186 0 01-1.47 2.835 5.6 5.6 0 01-2.7 1.486 17.364 17.364 0 01-4.152.426z"
 });
@@ -42934,11 +43018,11 @@ const SvgMip = props => /*#__PURE__*/React__default.createElement("svg", _extend
   height: 85,
   viewBox: "0 0 137 85",
   fill: "currentColor"
-}, props), _ref$1b);
+}, props), _ref$1c);
 
 function _extends$1e() { _extends$1e = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1e.apply(this, arguments); }
 
-var _ref$1c = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1d = /*#__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"
 });
 
@@ -42955,11 +43039,11 @@ const SvgVr = props => /*#__PURE__*/React__default.createElement("svg", _extends
   height: 28.346,
   viewBox: "0 0 28.346 28.346",
   fill: "currentColor"
-}, props), _ref$1c, _ref2$f, _ref3$6);
+}, props), _ref$1d, _ref2$f, _ref3$6);
 
 function _extends$1f() { _extends$1f = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1f.apply(this, arguments); }
 
-var _ref$1d = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1e = /*#__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"
 });
 
@@ -42968,7 +43052,7 @@ const SvgCaretRight = props => /*#__PURE__*/React__default.createElement("svg",
   height: 32,
   viewBox: "0 0 11 32",
   fill: "currentColor"
-}, props), _ref$1d);
+}, props), _ref$1e);
 
 var css_248z$f = ".lightHoverStyle {\n  background-color: #d4d4d4;\n  color: #333;\n}\n.darkHoverStyle {\n  color: black !important;\n  background-color: #a4a4a4;\n  border-color: #8c8c8c;\n}\n.paladin-tool-button,\n.paladin-tool-button-nohover {\n  text-align: center;\n  width: 64px;\n  height: 56px;\n  color: white;\n  line-height: 56px;\n  cursor: pointer;\n}\n.paladin-tool-button:active,\n.paladin-tool-button-nohover:active {\n  background-color: #d4d4d4;\n  color: #333;\n}\n.paladin-show-more-button,\n.paladin-show-more-button-nohover {\n  display: flex;\n  flex-direction: column;\n  width: 20px;\n  height: 56px;\n  line-height: 56px;\n  justify-content: center;\n  align-items: center;\n  color: white;\n  cursor: pointer;\n}\n.paladin-show-more-button:hover,\n.paladin-tool-button:hover,\n.paladin-more-active {\n  color: black !important;\n  background-color: #a4a4a4;\n  border-color: #8c8c8c;\n}\n.paladin-tool-active {\n  background-color: #d4d4d4;\n  color: #333;\n}\n.paladin-tool-active:hover {\n  background-color: #d4d4d4;\n  color: #333;\n}\n.paladin-dicomToolItem-text {\n  height: 100%;\n  display: inline-block;\n}\n";
 styleInject$1(css_248z$f);
@@ -43171,7 +43255,7 @@ defineProperty(DicomToolItem, "propTypes", {
 
 function _extends$1g() { _extends$1g = 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$1g.apply(this, arguments); }
 
-var _ref$1e = /*#__PURE__*/React__default.createElement("g", {
+var _ref$1f = /*#__PURE__*/React__default.createElement("g", {
   opacity: 0.5
 }, /*#__PURE__*/React__default.createElement("path", {
   fill: "#FFF",
@@ -43188,7 +43272,7 @@ const SvgCentesis = props => /*#__PURE__*/React__default.createElement("svg", _e
   height: 141.73,
   viewBox: "0 0 141.73 141.73",
   fill: "currentColor"
-}, props), _ref$1e, _ref2$g);
+}, props), _ref$1f, _ref2$g);
 
 function ownKeys$x(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
@@ -43604,7 +43688,7 @@ defineProperty(DicomToolItemPlus, "propTypes", {
 
 function _extends$1h() { _extends$1h = 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$1h.apply(this, arguments); }
 
-var _ref$1f = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1g = /*#__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"
 });
 
@@ -43613,11 +43697,11 @@ const SvgCaretLeft = props => /*#__PURE__*/React__default.createElement("svg", _
   height: 32,
   viewBox: "0 0 11 32",
   fill: "currentColor"
-}, props), _ref$1f);
+}, props), _ref$1g);
 
 function _extends$1i() { _extends$1i = 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$1i.apply(this, arguments); }
 
-var _ref$1g = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1h = /*#__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"
 });
 
@@ -43626,7 +43710,7 @@ const SvgQuestionSign = props => /*#__PURE__*/React__default.createElement("svg"
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$1g);
+}, props), _ref$1h);
 
 var css_248z$h = ".paladin-vr-cine {\n  min-width: 220px;\n  font-size: 14px;\n  color: #c0c0c0;\n  background: #353535;\n  padding-bottom: 8px;\n}\n.paladin-vr-cine .paladin-vr-cine-click {\n  cursor: pointer;\n}\n.paladin-vr-cine .paladin-vr-cine-active {\n  cursor: pointer;\n  background: #0d5075;\n  color: #fff;\n}\n.paladin-vr-cine .paladin-vr-cine-active svg {\n  fill: #fff;\n}\n.paladin-vr-cine svg {\n  width: 12px !important;\n  height: 12px !important;\n  fill: #c0c0c0;\n}\n.paladin-vr-cine .paladin-vr-cine-row {\n  padding: 3px 0;\n  width: 100%;\n  height: 40px;\n}\n.paladin-vr-cine .paladin-vr-cine-speed {\n  padding-left: 12px;\n}\n.paladin-vr-cine .paladin-vr-cine-speed .paladin-cine-label {\n  font-size: 12px;\n  justify-content: center;\n  white-space: nowrap;\n}\n.paladin-vr-cine .paladin-vr-cine-speed .paladin-cine-input {\n  justify-content: center;\n  align-items: center;\n}\n.paladin-vr-cine .paladin-vr-cine-speed .paladin-cine-input input {\n  height: 20px;\n  padding: 0;\n  width: 80%;\n  border-color: #c0c0c0;\n  color: #c0c0c0;\n}\n.paladin-vr-cine .paladin-vr-cine-angle {\n  font-size: 12px;\n  padding-left: 12px;\n  padding-right: 5px;\n  margin: 5px 0;\n}\n.paladin-vr-cine .paladin-vr-cine-angle .paladin-vr-cine-angle-item {\n  border: 1px solid #666;\n  margin-left: 5px;\n  justify-content: center;\n  align-items: center;\n}\n.paladin-vr-cine .paladin-vr-cine-angle .paladin-vr-cine-angle-item-active {\n  background: #7f7f7f;\n  color: #333;\n}\n";
 styleInject$1(css_248z$h);
@@ -45811,7 +45895,7 @@ var LargeToolItem$1 = function LargeToolItem(props) {
 
 function _extends$1j() { _extends$1j = 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$1j.apply(this, arguments); }
 
-var _ref$1h = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1i = /*#__PURE__*/React__default.createElement("path", {
   d: "M.569 3.526c-.504 0-.712-.153-.469-.341L4.11.141a.783.783 0 01.9 0l4.003 3.044c.247.189.039.341-.466.341z",
   opacity: 0.9
 });
@@ -45821,7 +45905,7 @@ const SvgMenuUp = props => /*#__PURE__*/React__default.createElement("svg", _ext
   height: 3.526,
   viewBox: "0 0 9.117 3.526",
   fill: "currentColor"
-}, props), _ref$1h);
+}, props), _ref$1i);
 
 var css_248z$n = ".paladin-mobile-button,\n.paladin-mobile-button-nohover {\n  text-align: center;\n  width: 100%;\n  height: 100%;\n  color: #C9C9C9;\n  cursor: pointer;\n  background: #1D1D1D;\n  box-sizing: border-box;\n}\n.paladin-mobile-button svg,\n.paladin-mobile-button-nohover svg {\n  height: 20px !important;\n}\n.paladin-mobile-more-button,\n.paladin-mobile-more-button-nohover {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  height: 20px;\n  line-height: 20px;\n  justify-content: center;\n  align-items: center;\n  color: #C9C9C9;\n  cursor: pointer;\n  background: #1D1D1D;\n}\n.paladin-tool-mobile-active {\n  border-bottom: 2px solid #F5F5F5;\n  color: #F5F5F5;\n}\n.paladin-mobile-more-active {\n  color: #F5F5F5;\n}\n.paladin-dicomToolItem-text {\n  height: 100%;\n  display: inline-block;\n}\n";
 styleInject$1(css_248z$n);
@@ -46043,7 +46127,7 @@ styleInject$1(css_248z$p);
 
 function _extends$1k() { _extends$1k = 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$1k.apply(this, arguments); }
 
-var _ref$1i = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1j = /*#__PURE__*/React__default.createElement("path", {
   d: "M0 1C0 .114.625-.25 1.391.183l12.435 7.031c.768.434.766 1.14 0 1.573L1.391 15.818C.623 16.252 0 15.887 0 15.001z",
   opacity: 0.997
 });
@@ -46053,7 +46137,7 @@ const SvgPlay$1 = props => /*#__PURE__*/React__default.createElement("svg", _ext
   height: 16,
   viewBox: "0 0 14.401 16",
   fill: "currentColor"
-}, props), _ref$1i);
+}, props), _ref$1j);
 
 function _createSuper$1j(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1j(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
@@ -46300,7 +46384,7 @@ styleInject$1(css_248z$q);
 
 function _extends$1l() { _extends$1l = 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$1l.apply(this, arguments); }
 
-var _ref$1j = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1k = /*#__PURE__*/React__default.createElement("path", {
   "data-name": "\\u8054\\u5408 4",
   d: "M10 14.154v-4.89l-8.841 5.66c-.64.41-1.159.065-1.159-.77V.943C0 .107.52-.237 1.159.172L10 5.832V.943c0-.836.521-1.18 1.159-.77L21.52 6.807a.814.814 0 010 1.484l-10.361 6.633a.963.963 0 01-.51.173c-.385.003-.649-.346-.649-.943z",
   fill: "#c9c9c9",
@@ -46312,11 +46396,11 @@ const SvgAddFps = props => /*#__PURE__*/React__default.createElement("svg", _ext
   height: 15.097,
   viewBox: "0 0 22 15.097",
   fill: "currentColor"
-}, props), _ref$1j);
+}, props), _ref$1k);
 
 function _extends$1m() { _extends$1m = 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$1m.apply(this, arguments); }
 
-var _ref$1k = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1l = /*#__PURE__*/React__default.createElement("path", {
   "data-name": "\\u8054\\u5408 4",
   d: "M11.929 14.069V9.206l8.787 5.628c.636.408 1.152.065 1.152-.765V.937c0-.831-.517-1.172-1.152-.766l-8.787 5.626V.937c0-.831-.518-1.172-1.152-.766L.477 6.765a.809.809 0 000 1.475l10.299 6.594a.957.957 0 00.507.172c.385 0 .646-.344.646-.937z",
   fill: "#c8c8c8",
@@ -46328,11 +46412,11 @@ const SvgMinusFps = props => /*#__PURE__*/React__default.createElement("svg", _e
   height: 15.006,
   viewBox: "0 0 21.868 15.006",
   fill: "currentColor"
-}, props), _ref$1k);
+}, props), _ref$1l);
 
 function _extends$1n() { _extends$1n = 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$1n.apply(this, arguments); }
 
-var _ref$1l = /*#__PURE__*/React__default.createElement("g", {
+var _ref$1m = /*#__PURE__*/React__default.createElement("g", {
   "data-name": "\\u7EC4 4486"
 }, /*#__PURE__*/React__default.createElement("path", {
   d: "M8.209 19.496a8.78 8.78 0 002.32.475l-.155 2.285a11.074 11.074 0 01-2.92-.6zm12.318-2.364L18.605 15.9a8.815 8.815 0 01-1.529 1.808l1.537 1.7a11.243 11.243 0 001.922-2.271zm-.629-4.7a8.769 8.769 0 01-.3 1.31l2.189.674a10.838 10.838 0 00.378-1.655l-2.271-.332zm-4.775 6.613a8.761 8.761 0 01-2.233.772l.453 2.247a11.16 11.16 0 002.816-.977zm-9.021-.624a8.971 8.971 0 01-1.751-1.592l-1.747 1.474a11.236 11.236 0 002.2 2l1.305-1.882zm5.04-18.423A11.147 11.147 0 001.01 15.783l2.081-.956A8.851 8.851 0 0116.48 4.091l-1.684 1.792 6.735 1.678-1.634-6.9-1.782 1.793a11.061 11.061 0 00-6.973-2.456zm0 0",
@@ -46359,11 +46443,11 @@ const SvgAngle = props => /*#__PURE__*/React__default.createElement("svg", _exte
   height: 22.257,
   viewBox: "0 0 22.169 22.257",
   fill: "currentColor"
-}, props), _ref$1l);
+}, props), _ref$1m);
 
 function _extends$1o() { _extends$1o = 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$1o.apply(this, arguments); }
 
-var _ref$1m = /*#__PURE__*/React__default.createElement("g", {
+var _ref$1n = /*#__PURE__*/React__default.createElement("g", {
   "data-name": "\\u7EC4 4494"
 }, /*#__PURE__*/React__default.createElement("g", {
   "data-name": "\\u7EC4 4492"
@@ -46390,11 +46474,11 @@ const SvgVerticalRotate = props => /*#__PURE__*/React__default.createElement("sv
   height: 25.027,
   viewBox: "0 0 24.567 25.027",
   fill: "currentColor"
-}, props), _ref$1m);
+}, props), _ref$1n);
 
 function _extends$1p() { _extends$1p = 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$1p.apply(this, arguments); }
 
-var _ref$1n = /*#__PURE__*/React__default.createElement("g", {
+var _ref$1o = /*#__PURE__*/React__default.createElement("g", {
   "data-name": "\\u7EC4 4495"
 }, /*#__PURE__*/React__default.createElement("g", {
   "data-name": "\\u7EC4 4493"
@@ -46419,7 +46503,7 @@ const SvgHozRotate = props => /*#__PURE__*/React__default.createElement("svg", _
   height: 26.472,
   viewBox: "0 0 22.659 26.472",
   fill: "currentColor"
-}, props), _ref$1n);
+}, props), _ref$1o);
 
 function _createSuper$1k(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1k(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
@@ -47325,14 +47409,121 @@ var ConnectedReferenceLineMobileTool = reactRedux.connect(mapStateToProps$l, {
   activeDicomFunction: activeDicomFunction
 }, mergeProps$l)(ReferenceLineTool$1);
 
+function _objectDestructuringEmpty(obj) {
+  if (obj == null) throw new TypeError("Cannot destructure undefined");
+}
+
+var objectDestructuringEmpty = _objectDestructuringEmpty;
+
+function _extends$1q() { _extends$1q = 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$1q.apply(this, arguments); }
+
+var _ref$1p = /*#__PURE__*/React__default.createElement("path", {
+  d: "M25.143 16.607v5.679q0 2.125-1.509 3.634T20 27.429H5.143q-2.125 0-3.634-1.509T0 22.286V7.429q0-2.125 1.509-3.634t3.634-1.509H20q1.125 0 2.089.446.268.125.321.411.054.304-.161.518l-.875.875q-.179.179-.411.179-.054 0-.161-.036-.411-.107-.804-.107H5.141q-1.179 0-2.018.839t-.839 2.018v14.857q0 1.179.839 2.018t2.018.839h14.857q1.179 0 2.018-.839t.839-2.018V17.75q0-.232.161-.393l1.143-1.143q.179-.179.411-.179.107 0 .214.054.357.143.357.518zm4.125-8.732L14.732 22.411q-.429.429-1.018.429t-1.018-.429l-7.679-7.679q-.429-.429-.429-1.018t.429-1.018l1.964-1.964q.429-.429 1.018-.429t1.018.429l4.696 4.696L25.267 3.874q.429-.429 1.018-.429t1.018.429l1.964 1.964q.429.429.429 1.018t-.429 1.018z"
+});
+
+const SvgCheck = props => /*#__PURE__*/React__default.createElement("svg", _extends$1q({
+  width: 30,
+  height: 32,
+  viewBox: "0 0 30 32",
+  fill: "currentColor"
+}, props), _ref$1p);
+
+var css_248z$t = ".paladin-auto-link-row {\n  display: flex;\n  padding: 3px 20px;\n  flex-direction: row;\n  overflow: hidden;\n  font-size: 14px;\n  color: #53585f;\n  cursor: pointer;\n  white-space: nowrap;\n}\n.paladin-auto-link-checkbox {\n  display: flex;\n  flex-direction: column;\n  width: 20px;\n  height: 20px;\n  margin-right: 2px;\n}\n.paladin-auto-link-checkbox svg {\n  width: 100%;\n}\n";
+styleInject$1(css_248z$t);
+
 function _createSuper$1q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1q(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct$1q() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
+var AutoLink = /*#__PURE__*/function (_Component) {
+  inherits(AutoLink, _Component);
+
+  var _super = _createSuper$1q(AutoLink);
+
+  function AutoLink(props) {
+    classCallCheck(this, AutoLink);
+
+    return _super.call(this, props);
+  }
+
+  createClass(AutoLink, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          autoLinkSyncWL = _this$props.autoLinkSyncWL,
+          autoLinkSyncOther = _this$props.autoLinkSyncOther,
+          toggleAutoLinkSyncWL = _this$props.toggleAutoLinkSyncWL,
+          toggleAutoLinkSyncOther = _this$props.toggleAutoLinkSyncOther;
+      return /*#__PURE__*/React__default.createElement("div", {
+        className: "paladin-tool-item popover-template"
+      }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
+        className: "popover-template-header"
+      }, getI18nMessage('auto_link_setting', 'title')), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-auto-link-row',
+        onClick: toggleAutoLinkSyncWL
+      }, /*#__PURE__*/React__default.createElement("span", {
+        className: 'paladin-auto-link-checkbox'
+      }, autoLinkSyncWL ? /*#__PURE__*/React__default.createElement(SvgCheck, null) : /*#__PURE__*/React__default.createElement(SvgCheckEmpty, null)), getI18nMessage('auto_link_setting', 'sync_wwwc')), /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-auto-link-row',
+        onClick: toggleAutoLinkSyncOther
+      }, /*#__PURE__*/React__default.createElement("span", {
+        className: 'paladin-auto-link-checkbox'
+      }, autoLinkSyncOther ? /*#__PURE__*/React__default.createElement(SvgCheck, null) : /*#__PURE__*/React__default.createElement(SvgCheckEmpty, null)), getI18nMessage('auto_link_setting', 'sync_other')))));
+    }
+  }]);
+
+  return AutoLink;
+}(React.Component);
+
+function ownKeys$M(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$N(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$M(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$M(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var mapStateToProps$m = function mapStateToProps(state) {
+  var _state$paladin$tools$ = state.paladin.tools.action,
+      autoLinkSyncWL = _state$paladin$tools$.autoLinkSyncWL,
+      autoLinkSyncOther = _state$paladin$tools$.autoLinkSyncOther;
+  return {
+    autoLinkSyncWL: autoLinkSyncWL,
+    autoLinkSyncOther: autoLinkSyncOther
+  };
+};
+
+var mergeProps$m = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  objectDestructuringEmpty(propsFromState);
+
+  return _objectSpread$N(_objectSpread$N(_objectSpread$N({}, ownProps), propsFromState), {}, {
+    toggleAutoLinkSyncWL: function toggleAutoLinkSyncWL() {
+      var nextValue = !propsFromState.autoLinkSyncWL;
+      window.localStorage.setItem('hellfire-auto-link-sync-wl-default-state', nextValue ? 'open' : 'close');
+      propsFromDispatch.setActionStateByKey({
+        key: 'autoLinkSyncWL',
+        value: nextValue
+      });
+    },
+    toggleAutoLinkSyncOther: function toggleAutoLinkSyncOther() {
+      var nextValue = !propsFromState.autoLinkSyncOther;
+      window.localStorage.setItem('hellfire-auto-link-sync-other-default-state', nextValue ? 'open' : 'close');
+      propsFromDispatch.setActionStateByKey({
+        key: 'autoLinkSyncOther',
+        value: nextValue
+      });
+    }
+  });
+};
+
+var ConnectedAutoLink = reactRedux.connect(mapStateToProps$m, {
+  setActionStateByKey: setActionStateByKey
+}, mergeProps$m)(AutoLink);
+
+function _createSuper$1r(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1r(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$1r() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 var DicomTool = /*#__PURE__*/function (_Component) {
   inherits(DicomTool, _Component);
 
-  var _super = _createSuper$1q(DicomTool);
+  var _super = _createSuper$1r(DicomTool);
 
   function DicomTool(props) {
     var _this$VRModeDict;
@@ -47642,7 +47833,8 @@ var DicomTool = /*#__PURE__*/function (_Component) {
         singleActive: true,
         onClick: function onClick() {
           _this.props.autoLink();
-        }
+        },
+        moreComponent: ConnectedAutoLink
       },
       ReferenceLine: {
         name: "ReferenceLines",
@@ -48240,12 +48432,12 @@ var scrollToIndex$3 = cornerstoneTools.scrollToIndex;
  */
 
 function openAutoLink (_x) {
-  return _ref$1o.apply(this, arguments);
+  return _ref$1q.apply(this, arguments);
 }
 
-function _ref$1o() {
-  _ref$1o = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(props) {
-    var col, row, currentScrollLine, activeIndex, seriesCurrentIndex, series, setLinkSeries, linkSynchronizer, linkScrollSynchronizer, realActiveIndex, realSeriesIndex, _currentImageIdIndex, _currentSeries, currentImageId, currentDicom, currentPos, links, startIndex, endIndex, currentLayoutSeries, _series, i, seriesItem, imageId, dicom, comparePos, angle, activeElement;
+function _ref$1q() {
+  _ref$1q = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(props) {
+    var col, row, currentScrollLine, activeIndex, seriesCurrentIndex, series, setLinkSeries, linkSynchronizer, linkScrollSynchronizer, realActiveIndex, realSeriesIndex, currentImageIdIndex, calcImageIdIndex, _currentSeries, currentImageId, currentDicom, currentPos, links, startIndex, endIndex, currentLayoutSeries, _series, i, seriesItem, imageId, dicom, comparePos, angle, activeElement, sourceStack, sourceImageLength;
 
     return regenerator.wrap(function _callee$(_context) {
       while (1) {
@@ -48253,19 +48445,20 @@ function _ref$1o() {
           case 0:
             col = props.col, row = props.row, currentScrollLine = props.currentScrollLine, activeIndex = props.activeIndex, seriesCurrentIndex = props.seriesCurrentIndex, series = props.series, setLinkSeries = props.setLinkSeries, linkSynchronizer = props.linkSynchronizer, linkScrollSynchronizer = props.linkScrollSynchronizer, realActiveIndex = props.realActiveIndex;
             realSeriesIndex = col * currentScrollLine + activeIndex;
-            _currentImageIdIndex = seriesCurrentIndex[realSeriesIndex];
+            currentImageIdIndex = seriesCurrentIndex[realSeriesIndex];
+            calcImageIdIndex = 0;
             _currentSeries = series[realSeriesIndex];
-            currentImageId = _currentSeries.imageIds[_currentImageIdIndex];
-            _context.next = 7;
+            currentImageId = _currentSeries.imageIds[calcImageIdIndex];
+            _context.next = 8;
             return loadAndCacheDicom(currentImageId);
 
-          case 7:
+          case 8:
             currentDicom = _context.sent;
             currentPos = getPosFromDicom(currentDicom);
             links = [];
 
             if (!currentPos) {
-              _context.next = 28;
+              _context.next = 29;
               break;
             }
 
@@ -48276,24 +48469,24 @@ function _ref$1o() {
             _series = lodash$1.cloneDeep(currentLayoutSeries);
             i = 0;
 
-          case 16:
+          case 17:
             if (!(i < _series.length)) {
-              _context.next = 28;
+              _context.next = 29;
               break;
             }
 
-            seriesItem = _series[i];
+            seriesItem = _series[i]; // (seriesItem.numberOfSeriesRelatedInstances === _currentSeries.numberOfSeriesRelatedInstances)
 
-            if (!(seriesItem.seriesInstanceUID !== _currentSeries.seriesInstanceUID && seriesItem.numberOfSeriesRelatedInstances === _currentSeries.numberOfSeriesRelatedInstances)) {
-              _context.next = 25;
+            if (!(seriesItem.seriesInstanceUID !== _currentSeries.seriesInstanceUID)) {
+              _context.next = 26;
               break;
             }
 
-            imageId = seriesItem.imageIds[_currentImageIdIndex];
-            _context.next = 22;
+            imageId = seriesItem.imageIds[calcImageIdIndex];
+            _context.next = 23;
             return loadAndCacheDicom(imageId);
 
-          case 22:
+          case 23:
             dicom = _context.sent;
             comparePos = getPosFromDicom(dicom);
 
@@ -48305,20 +48498,25 @@ function _ref$1o() {
               }
             }
 
-          case 25:
+          case 26:
             i++;
-            _context.next = 16;
+            _context.next = 17;
             break;
 
-          case 28:
+          case 29:
+            activeElement = getElement(realActiveIndex);
+
             if (links && links.length > 0) {
+              sourceStack = cornerstoneTools.getToolState(activeElement, 'stack');
+              sourceImageLength = sourceStack.data[0].numberOfSeriesRelatedInstances;
               lodash$1.forEach(links, function (link) {
-                scrollToIndex$3(getElement(link), _currentImageIdIndex);
+                var targetElement = getElement(link);
+                var nextIndex = calcTargetIndex(sourceImageLength, targetElement, currentImageIdIndex);
+                scrollToIndex$3(targetElement, nextIndex || 0);
               });
             }
 
             setLinkSeries(links);
-            activeElement = getElement(realActiveIndex);
 
             if (links && links.length > 0) {
               lodash$1.forEach(links, function (link) {
@@ -48329,44 +48527,72 @@ function _ref$1o() {
               linkScrollSynchronizer.add(activeElement);
             }
 
-          case 32:
+          case 33:
           case "end":
             return _context.stop();
         }
       }
     }, _callee);
   }));
-  return _ref$1o.apply(this, arguments);
+  return _ref$1q.apply(this, arguments);
 }
 
-var css_248z$t = ".paladin-user-setting {\n  padding: 0 20px;\n  margin-bottom: 30px;\n  font-size: 15px;\n}\n.paladin-user-setting p {\n  font-size: 16px;\n}\n.paladin-user-setting p svg {\n  width: 10px;\n  margin-right: 2px;\n}\n.paladin-user-setting .paladin-user-setting-remark {\n  color: #d43f3a;\n  margin: 10px 0 0 0;\n}\n.paladin-user-setting .paladin-user-setting-footer {\n  margin-top: 15px;\n  text-align: right;\n}\n.paladin-user-setting .paladin-user-setting-footer button {\n  margin-left: 10px;\n}\n.paladin-user-setting .paladin-setting-radio {\n  display: flex;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-label {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item {\n  display: flex;\n  flex-direction: row;\n  margin-right: 10px;\n  align-items: center;\n  justify-content: center;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item .paladin-ipt {\n  padding: 0 !important;\n  margin: 0 3px 0 0 !important;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item input {\n  display: flex;\n  flex-direction: column;\n  width: 20px;\n  height: 20px;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item span {\n  display: flex;\n  flex-direction: column;\n}\n.paladin-user-setting .paladin-setting-hotkey {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.paladin-user-setting .paladin-setting-hotkey .paladin-setting-hotkey-item {\n  display: flex;\n  flex-direction: column;\n  flex: none;\n  padding: 5px 10px;\n  border: 1px solid #666;\n  border-radius: 3px;\n  margin-right: 10px;\n  margin-bottom: 10px;\n}\n";
-styleInject$1(css_248z$t);
+function calcTargetIndex(sourceImageLength, targetElement, currentImageIdIndex) {
+  var targetStack = cornerstoneTools.getToolState(targetElement, 'stack');
+  var targetImageLength = targetStack.data[0].numberOfSeriesRelatedInstances;
 
-function _extends$1q() { _extends$1q = 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$1q.apply(this, arguments); }
+  if (sourceImageLength === targetImageLength) {
+    return currentImageIdIndex;
+  } else {
+    // 序列图像张数不同 按比例
+    var targetNewIndex;
 
-var _ref$1p = /*#__PURE__*/React__default.createElement("path", {
+    if (targetImageLength > sourceImageLength) {
+      targetNewIndex = lodash$1.round(targetImageLength / sourceImageLength * currentImageIdIndex);
+    } else {
+      targetNewIndex = lodash$1.round(currentImageIdIndex / (sourceImageLength / targetImageLength));
+    }
+
+    if (targetNewIndex < 0) {
+      targetNewIndex = 0;
+    }
+
+    if (targetNewIndex > targetImageLength - 1) {
+      targetNewIndex = targetImageLength - 1;
+    }
+
+    return targetNewIndex;
+  }
+}
+
+var css_248z$u = ".paladin-user-setting {\n  padding: 0 20px;\n  margin-bottom: 30px;\n  font-size: 15px;\n}\n.paladin-user-setting p {\n  font-size: 16px;\n}\n.paladin-user-setting p svg {\n  width: 10px;\n  margin-right: 2px;\n}\n.paladin-user-setting .paladin-user-setting-remark {\n  color: #d43f3a;\n  margin: 10px 0 0 0;\n}\n.paladin-user-setting .paladin-user-setting-footer {\n  margin-top: 15px;\n  text-align: right;\n}\n.paladin-user-setting .paladin-user-setting-footer button {\n  margin-left: 10px;\n}\n.paladin-user-setting .paladin-setting-radio {\n  display: flex;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-label {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item {\n  display: flex;\n  flex-direction: row;\n  margin-right: 10px;\n  align-items: center;\n  justify-content: center;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item .paladin-ipt {\n  padding: 0 !important;\n  margin: 0 3px 0 0 !important;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item input {\n  display: flex;\n  flex-direction: column;\n  width: 20px;\n  height: 20px;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item span {\n  display: flex;\n  flex-direction: column;\n}\n.paladin-user-setting .paladin-setting-hotkey {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.paladin-user-setting .paladin-setting-hotkey .paladin-setting-hotkey-item {\n  display: flex;\n  flex-direction: column;\n  flex: none;\n  padding: 5px 10px;\n  border: 1px solid #666;\n  border-radius: 3px;\n  margin-right: 10px;\n  margin-bottom: 10px;\n}\n";
+styleInject$1(css_248z$u);
+
+function _extends$1r() { _extends$1r = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1r.apply(this, arguments); }
+
+var _ref$1r = /*#__PURE__*/React__default.createElement("path", {
   d: "M24.571 16l2.464 2.411q.536.5.357 1.25-.214.732-.929.911l-3.357.857.946 3.321q.214.732-.339 1.25-.518.554-1.25.339l-3.321-.946-.857 3.357q-.179.714-.911.929-.214.036-.339.036-.554 0-.911-.393l-2.411-2.464-2.411 2.464q-.5.536-1.25.357-.732-.196-.911-.929l-.857-3.357-3.321.946q-.732.214-1.25-.339-.554-.518-.339-1.25l.946-3.321-3.357-.857q-.714-.179-.929-.911-.179-.75.357-1.25L2.855 16 .391 13.589q-.536-.5-.357-1.25.214-.732.929-.911l3.357-.857-.946-3.321Q3.16 6.518 3.713 6q.518-.554 1.25-.339l3.321.946.857-3.357q.179-.732.911-.911.732-.214 1.25.339l2.411 2.482 2.411-2.482q.518-.536 1.25-.339.732.179.911.911l.857 3.357 3.321-.946q.732-.214 1.25.339.554.518.339 1.25l-.946 3.321 3.357.857q.714.179.929.911.179.75-.357 1.25z"
 });
 
-const SvgCertificate = props => /*#__PURE__*/React__default.createElement("svg", _extends$1q({
+const SvgCertificate = props => /*#__PURE__*/React__default.createElement("svg", _extends$1r({
   width: 32,
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$1p);
+}, props), _ref$1r);
 
-function ownKeys$M(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$N(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$N(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$M(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$M(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$O(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$N(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$N(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$1r(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1r(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1s(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1s(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1r() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1s() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var UserSettingModal = /*#__PURE__*/function (_Component) {
   inherits(UserSettingModal, _Component);
 
-  var _super = _createSuper$1r(UserSettingModal);
+  var _super = _createSuper$1s(UserSettingModal);
 
   function UserSettingModal(props) {
     var _this;
@@ -48395,7 +48621,7 @@ var UserSettingModal = /*#__PURE__*/function (_Component) {
       }
     });
 
-    _this.state = _objectSpread$N({}, customDicomSetting);
+    _this.state = _objectSpread$O({}, customDicomSetting);
     return _this;
   }
 
@@ -48599,11 +48825,11 @@ function calcSUVToPixelData(suv, image) {
 }
 
 function petFusionCheck (_x, _x2) {
-  return _ref$1q.apply(this, arguments);
+  return _ref$1s.apply(this, arguments);
 }
 
-function _ref$1q() {
-  _ref$1q = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(ownProps, propsFromState) {
+function _ref$1s() {
+  _ref$1s = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(ownProps, propsFromState) {
     var isThree, mode, currentSeries, errorMessage, _fusionCTSeries, _fusionPETSeries, enterAfterOk, allowModality, currentStudy, currentImagePlane, currentFrameOfReferenceUID, matchSeries, matchLinkedSeries, linkSeriesIndex, series, _matchSeries, _matchLinkedSeries, _linkSeriesIndex, _series, ctImagePositionZ1, ctImagePositionZ2, ptImagePositionZ1, ptImagePositionZ2, direction1, direction2;
 
     return regenerator.wrap(function _callee$(_context) {
@@ -48774,7 +49000,7 @@ function _ref$1q() {
       }
     }, _callee);
   }));
-  return _ref$1q.apply(this, arguments);
+  return _ref$1s.apply(this, arguments);
 }
 
 function getImagePositionZ(_x3) {
@@ -48812,18 +49038,18 @@ function _getImagePositionZ() {
   return _getImagePositionZ.apply(this, arguments);
 }
 
-function ownKeys$N(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$O(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$O(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$N(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$N(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$P(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$O(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$O(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$1s(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1s(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1t(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1t(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1s() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1t() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var UserSettingModalEn = /*#__PURE__*/function (_Component) {
   inherits(UserSettingModalEn, _Component);
 
-  var _super = _createSuper$1s(UserSettingModalEn);
+  var _super = _createSuper$1t(UserSettingModalEn);
 
   function UserSettingModalEn(props) {
     var _this;
@@ -48852,7 +49078,7 @@ var UserSettingModalEn = /*#__PURE__*/function (_Component) {
       }
     });
 
-    _this.state = _objectSpread$O({}, customDicomSetting);
+    _this.state = _objectSpread$P({}, customDicomSetting);
     return _this;
   }
 
@@ -49021,12 +49247,12 @@ function _unsupportedIterableToArray$b(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$b(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function ownKeys$O(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$P(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$P(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$O(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$O(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$Q(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$P(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var scrollToIndex$4 = cornerstoneTools.scrollToIndex;
 
-var mapStateToProps$m = function mapStateToProps(state) {
+var mapStateToProps$n = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.customization,
       tools = _state$paladin$tools$.tools,
       imageModeTools = _state$paladin$tools$.imageModeTools,
@@ -49208,7 +49434,7 @@ var mapStateToProps$m = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$m = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$n = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   // 数据
   var series = propsFromState.series,
       activeIndex = propsFromState.activeIndex,
@@ -49293,7 +49519,7 @@ var mergeProps$m = function mergeProps(propsFromState, propsFromDispatch, ownPro
   };
 
   var isThree = MPR || VR || MIP || CPR;
-  return _objectSpread$P(_objectSpread$P(_objectSpread$P(_objectSpread$P({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$Q(_objectSpread$Q(_objectSpread$Q(_objectSpread$Q({}, ownProps), propsFromState), propsFromDispatch), {}, {
     isThree: isThree,
     reset: function reset() {
       // 重置
@@ -50388,7 +50614,7 @@ var mergeProps$m = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomTool = reactRedux.connect(mapStateToProps$m, {
+var ConnectedDicomTool = reactRedux.connect(mapStateToProps$n, {
   setActiveTool: setActiveTool,
   setTools: setTools,
   refreshTools: refreshTools,
@@ -50415,11 +50641,11 @@ var ConnectedDicomTool = reactRedux.connect(mapStateToProps$m, {
   toggleDisplayShutter: toggleDisplayShutter,
   setFusionReduxValue: setFusionReduxValue,
   toggleFilmPrinterEntrance: toggleFilmPrinterEntrance
-}, mergeProps$m)(DicomTool);
+}, mergeProps$n)(DicomTool);
 
-function _extends$1r() { _extends$1r = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1r.apply(this, arguments); }
+function _extends$1s() { _extends$1s = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1s.apply(this, arguments); }
 
-var _ref$1r = /*#__PURE__*/React__default.createElement("g", {
+var _ref$1t = /*#__PURE__*/React__default.createElement("g", {
   opacity: 0.75
 }, /*#__PURE__*/React__default.createElement("path", {
   "data-name": "\\u77E9\\u5F62 2130",
@@ -50445,16 +50671,16 @@ var _ref$1r = /*#__PURE__*/React__default.createElement("g", {
   fill: "#fff"
 }));
 
-const SvgImageAutoDownloadOn = props => /*#__PURE__*/React__default.createElement("svg", _extends$1r({
+const SvgImageAutoDownloadOn = props => /*#__PURE__*/React__default.createElement("svg", _extends$1s({
   width: 54.558,
   height: 46.062,
   viewBox: "0 0 54.558 46.062",
   fill: "currentColor"
-}, props), _ref$1r);
+}, props), _ref$1t);
 
-function _extends$1s() { _extends$1s = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1s.apply(this, arguments); }
+function _extends$1t() { _extends$1t = 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$1t.apply(this, arguments); }
 
-var _ref$1s = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1u = /*#__PURE__*/React__default.createElement("path", {
   "data-name": "\\u77E9\\u5F62 2130",
   d: "M6.181 0H45.63a1 1 0 011 1v15.839H6.181a1 1 0 01-1-1V1a1 1 0 011-1z",
   fill: "#ffa921",
@@ -50484,41 +50710,41 @@ var _ref3$7 = /*#__PURE__*/React__default.createElement("g", {
   d: "M22.151 3.696l2.711 2.711L6.53 24.739l-2.711-2.71z"
 }));
 
-const SvgImageAutoDownloadOff = props => /*#__PURE__*/React__default.createElement("svg", _extends$1s({
+const SvgImageAutoDownloadOff = props => /*#__PURE__*/React__default.createElement("svg", _extends$1t({
   "data-name": "\\u7EC4 4264",
   width: 53.11,
   height: 45.448,
   viewBox: "0 0 53.11 45.448",
   fill: "currentColor"
-}, props), _ref$1s, _ref2$h, _ref3$7);
+}, props), _ref$1u, _ref2$h, _ref3$7);
 
-var css_248z$u = ".paladin-thumb-content {\n  position: relative;\n  height: 66px;\n  width: 66px;\n  border-width: 1px;\n  border-style: solid;\n  cursor: pointer;\n}\n.paladin-thumb-content .paladin-thumb-bottom {\n  white-space: nowrap;\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  color: #faa80a;\n  text-align: center;\n  font-size: 14px;\n  z-index: 2;\n}\n.paladin-thumb-content .paladin-thumb-bottom-mobile,\n.paladin-thumb-content .paladin-thumb-top-mobile {\n  font-size: 10px;\n}\n.paladin-thumb-content .paladin-thumb-top {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  color: yellow;\n  font-size: 14px;\n  z-index: 2;\n}\n.paladin-thumb-content .paladin-thumb-mask {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n.paladin-thumb-content .paladin-thumb-process {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  height: 4px;\n  width: 100%;\n  background: #ffffff;\n  overflow: hidden;\n}\n.paladin-thumb-content .paladin-thumb-process .paladin-thumb-process-inner {\n  background: #faa80a;\n  height: 100%;\n}\n.mobile-thumb {\n  width: 50px;\n  height: 50px;\n}\n.paladin-thumb-svg {\n  cursor: pointer;\n  justify-content: center;\n}\n.paladin-thumb-svg svg {\n  fill: #fff;\n}\n.paladin-thumb-svg:hover {\n  background-color: #616772;\n}\n.paladin-thumb-button {\n  cursor: pointer;\n  justify-content: center;\n  padding: 0 15px;\n}\n.paladin-thumb-button svg {\n  fill: #fff;\n}\n.paladin-thumb-button:hover {\n  background-color: #616772;\n}\n.paladin-thumb-button svg {\n  width: 11px !important;\n}\n.paladin-fresh-button {\n  cursor: pointer;\n  justify-content: center;\n  padding: 0 22px;\n}\n.paladin-fresh-button svg {\n  fill: #fff;\n}\n.paladin-fresh-button:hover {\n  background-color: #616772;\n}\n.paladin-fresh-button svg {\n  width: 15px !important;\n}\n.paladin-image-auto-button {\n  cursor: pointer;\n  padding: 0 15px;\n  height: 76px;\n  align-items: center;\n  justify-content: center;\n}\n.paladin-image-auto-button:hover {\n  background-color: #616772;\n}\n.paladin-image-auto-button svg {\n  width: 20px !important;\n}\n.paladin-thumb-study {\n  cursor: pointer;\n  font-size: 14px;\n  line-height: 40px;\n  padding: 0 12px;\n  color: #ffffff;\n}\n.paladin-thumb-viewport {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n}\n.paladin-thumb-viewport h4,\n.paladin-thumb-viewport p {\n  font-size: 10px;\n}\n.paladin-thumb-study-wrapper {\n  border-bottom: 1px solid #727882;\n}\n.paladin-thumb-context-wrapper {\n  padding: 4px 2px;\n}\n";
-styleInject$1(css_248z$u);
+var css_248z$v = ".paladin-thumb-content {\n  position: relative;\n  height: 66px;\n  width: 66px;\n  border-width: 1px;\n  border-style: solid;\n  cursor: pointer;\n}\n.paladin-thumb-content .paladin-thumb-bottom {\n  white-space: nowrap;\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  color: #faa80a;\n  text-align: center;\n  font-size: 14px;\n  z-index: 2;\n}\n.paladin-thumb-content .paladin-thumb-bottom-mobile,\n.paladin-thumb-content .paladin-thumb-top-mobile {\n  font-size: 10px;\n}\n.paladin-thumb-content .paladin-thumb-top {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  color: yellow;\n  font-size: 14px;\n  z-index: 2;\n}\n.paladin-thumb-content .paladin-thumb-mask {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n.paladin-thumb-content .paladin-thumb-process {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  height: 4px;\n  width: 100%;\n  background: #ffffff;\n  overflow: hidden;\n}\n.paladin-thumb-content .paladin-thumb-process .paladin-thumb-process-inner {\n  background: #faa80a;\n  height: 100%;\n}\n.mobile-thumb {\n  width: 50px;\n  height: 50px;\n}\n.paladin-thumb-svg {\n  cursor: pointer;\n  justify-content: center;\n}\n.paladin-thumb-svg svg {\n  fill: #fff;\n}\n.paladin-thumb-svg:hover {\n  background-color: #616772;\n}\n.paladin-thumb-button {\n  cursor: pointer;\n  justify-content: center;\n  padding: 0 15px;\n}\n.paladin-thumb-button svg {\n  fill: #fff;\n}\n.paladin-thumb-button:hover {\n  background-color: #616772;\n}\n.paladin-thumb-button svg {\n  width: 11px !important;\n}\n.paladin-fresh-button {\n  cursor: pointer;\n  justify-content: center;\n  padding: 0 22px;\n}\n.paladin-fresh-button svg {\n  fill: #fff;\n}\n.paladin-fresh-button:hover {\n  background-color: #616772;\n}\n.paladin-fresh-button svg {\n  width: 15px !important;\n}\n.paladin-image-auto-button {\n  cursor: pointer;\n  padding: 0 15px;\n  height: 76px;\n  align-items: center;\n  justify-content: center;\n}\n.paladin-image-auto-button:hover {\n  background-color: #616772;\n}\n.paladin-image-auto-button svg {\n  width: 20px !important;\n}\n.paladin-thumb-study {\n  cursor: pointer;\n  font-size: 14px;\n  line-height: 40px;\n  padding: 0 12px;\n  color: #ffffff;\n}\n.paladin-thumb-viewport {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n}\n.paladin-thumb-viewport h4,\n.paladin-thumb-viewport p {\n  font-size: 10px;\n}\n.paladin-thumb-study-wrapper {\n  border-bottom: 1px solid #727882;\n}\n.paladin-thumb-context-wrapper {\n  padding: 4px 2px;\n}\n";
+styleInject$1(css_248z$v);
 
-function _extends$1t() { _extends$1t = 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$1t.apply(this, arguments); }
+function _extends$1u() { _extends$1u = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1u.apply(this, arguments); }
 
-var _ref$1t = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1v = /*#__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"
 });
 
-const SvgRefresh$1 = props => /*#__PURE__*/React__default.createElement("svg", _extends$1t({
+const SvgRefresh$1 = props => /*#__PURE__*/React__default.createElement("svg", _extends$1u({
   width: 60,
   height: 56,
   viewBox: "3630 0 60 56",
   fill: "currentColor"
-}, props), _ref$1t);
+}, props), _ref$1v);
 
-var css_248z$v = ".loadingIndicator {\n  position: absolute;\n  top: 0;\n  background: black;\n  opacity: 1;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.loadingIndicator .lds-ring {\n  color: #999;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  width: 40px;\n  height: 40px;\n  margin: auto;\n}\n.loadingIndicator .lds-ring div {\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  width: 40px;\n  height: 40px;\n  border: 4px solid silver;\n  border-radius: 50%;\n  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: silver transparent transparent transparent;\n}\n.loadingIndicator .lds-ring div:nth-child(1) {\n  animation-delay: -0.45s;\n}\n.loadingIndicator .lds-ring div:nth-child(2) {\n  animation-delay: -0.3s;\n}\n.loadingIndicator .lds-ring div:nth-child(3) {\n  animation-delay: -0.15s;\n}\n@keyframes lds-ring {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.loadingIndicator .loadingIndicator-retry {\n  width: 40px;\n  color: #999;\n  margin: 0 auto;\n  font-size: 14px;\n}\n.loadingIndicator .indicatorContents h4 {\n  font-size: 18px;\n  margin: 0 auto 10px 0;\n}\n.loadingIndicator .indicatorContents h5 {\n  font-size: 16px;\n  margin: 0 auto 10px 0;\n}\n.loadingIndicator .indicatorContents p {\n  margin: 4px auto;\n  color: #999;\n  font-size: 14px;\n}\n.loadingIndicator .indicatorContents .loadingIndicator-retry {\n  width: 40px;\n  margin: 20px auto 0 auto;\n}\n.loadingIndicator .indicatorContents-mini h4 {\n  color: #fff;\n  font-size: 12px;\n  margin: 5px 0 5px 0;\n}\n.loadingIndicator .indicatorContents-mini .loadingIndicator-retry {\n  width: 20px;\n  font-size: 12px;\n}\n";
-styleInject$1(css_248z$v);
+var css_248z$w = ".loadingIndicator {\n  position: absolute;\n  top: 0;\n  background: black;\n  opacity: 1;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.loadingIndicator .lds-ring {\n  color: #999;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  width: 40px;\n  height: 40px;\n  margin: auto;\n}\n.loadingIndicator .lds-ring div {\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  width: 40px;\n  height: 40px;\n  border: 4px solid silver;\n  border-radius: 50%;\n  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: silver transparent transparent transparent;\n}\n.loadingIndicator .lds-ring div:nth-child(1) {\n  animation-delay: -0.45s;\n}\n.loadingIndicator .lds-ring div:nth-child(2) {\n  animation-delay: -0.3s;\n}\n.loadingIndicator .lds-ring div:nth-child(3) {\n  animation-delay: -0.15s;\n}\n@keyframes lds-ring {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.loadingIndicator .loadingIndicator-retry {\n  width: 40px;\n  color: #999;\n  margin: 0 auto;\n  font-size: 14px;\n}\n.loadingIndicator .indicatorContents h4 {\n  font-size: 18px;\n  margin: 0 auto 10px 0;\n}\n.loadingIndicator .indicatorContents h5 {\n  font-size: 16px;\n  margin: 0 auto 10px 0;\n}\n.loadingIndicator .indicatorContents p {\n  margin: 4px auto;\n  color: #999;\n  font-size: 14px;\n}\n.loadingIndicator .indicatorContents .loadingIndicator-retry {\n  width: 40px;\n  margin: 20px auto 0 auto;\n}\n.loadingIndicator .indicatorContents-mini h4 {\n  color: #fff;\n  font-size: 12px;\n  margin: 5px 0 5px 0;\n}\n.loadingIndicator .indicatorContents-mini .loadingIndicator-retry {\n  width: 20px;\n  font-size: 12px;\n}\n";
+styleInject$1(css_248z$w);
 
-function _createSuper$1t(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1t(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1u(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1u(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1t() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1u() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var LoadingIndicator = /*#__PURE__*/function (_PureComponent) {
   inherits(LoadingIndicator, _PureComponent);
 
-  var _super = _createSuper$1t(LoadingIndicator);
+  var _super = _createSuper$1u(LoadingIndicator);
 
   function LoadingIndicator() {
     classCallCheck(this, LoadingIndicator);
@@ -50584,16 +50810,16 @@ defineProperty(LoadingIndicator, "defaultProps", {
   error: null
 });
 
-function _createSuper$1u(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1u(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1v(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1v(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1u() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1v() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 var loadIndicatorDelay = 300;
 var isMobile$2 = ua.isDeviceTypeMobile();
 
 var ThumbnailViewport = /*#__PURE__*/function (_Component) {
   inherits(ThumbnailViewport, _Component);
 
-  var _super = _createSuper$1u(ThumbnailViewport);
+  var _super = _createSuper$1v(ThumbnailViewport);
 
   function ThumbnailViewport(props) {
     var _this;
@@ -50733,9 +50959,9 @@ var ThumbnailViewport = /*#__PURE__*/function (_Component) {
   return ThumbnailViewport;
 }(React.Component);
 
-function _createSuper$1v(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1v(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1w(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1w(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1v() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1w() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 var isMobile$3 = ua.isDeviceTypeMobile();
 
 var ThumbContent = function ThumbContent(props) {
@@ -50781,7 +51007,7 @@ var ThumbContent = function ThumbContent(props) {
 var DicomThumbnailLayout = /*#__PURE__*/function (_Component) {
   inherits(DicomThumbnailLayout, _Component);
 
-  var _super = _createSuper$1v(DicomThumbnailLayout);
+  var _super = _createSuper$1w(DicomThumbnailLayout);
 
   function DicomThumbnailLayout(props) {
     var _this;
@@ -50953,11 +51179,11 @@ var DicomThumbnailLayout = /*#__PURE__*/function (_Component) {
   return DicomThumbnailLayout;
 }(React.Component);
 
-function ownKeys$P(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$Q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$Q(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$P(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$R(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$Q(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$Q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$n = function mapStateToProps(state) {
+var mapStateToProps$o = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       activeIndex = _state$paladin$viewpo.activeIndex,
       currentSeriesUID = _state$paladin$viewpo.currentSeriesUID,
@@ -50981,8 +51207,8 @@ var mapStateToProps$n = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$n = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$Q(_objectSpread$Q(_objectSpread$Q({}, ownProps), propsFromState), {}, {
+var mergeProps$o = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$R(_objectSpread$R(_objectSpread$R({}, ownProps), propsFromState), {}, {
     selectThumb: function selectThumb(selectSeriesIndex, currentStudy) {
       /**
        * 选择了缩略图时
@@ -51050,7 +51276,7 @@ var mergeProps$n = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomThumbnail = reactRedux.connect(mapStateToProps$n, {
+var ConnectedDicomThumbnail = reactRedux.connect(mapStateToProps$o, {
   setSeries: setSeries,
   setCurrentSeries: setCurrentSeries,
   setSeriesCurrentIndex: setSeriesCurrentIndex,
@@ -51059,10 +51285,10 @@ var ConnectedDicomThumbnail = reactRedux.connect(mapStateToProps$n, {
   setScrollLine: setScrollLine,
   setActiveIndex: setActiveIndex,
   activeDicomFunction: activeDicomFunction
-}, mergeProps$n)(DicomThumbnailLayout);
+}, mergeProps$o)(DicomThumbnailLayout);
 
-var css_248z$w = ".paladin-dicom-layout {\n  display: flex;\n  flex-wrap: wrap;\n  height: 100%;\n  flex: 1;\n}\n.paladin-dicom-layout-warp {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n";
-styleInject$1(css_248z$w);
+var css_248z$x = ".paladin-dicom-layout {\n  display: flex;\n  flex-wrap: wrap;\n  height: 100%;\n  flex: 1;\n}\n.paladin-dicom-layout-warp {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n";
+styleInject$1(css_248z$x);
 
 function combineDateAndTimeToMoment(dicom, tag) {
   var date = dicom[tag + 'Date'].toString();
@@ -51115,9 +51341,9 @@ function getPixelSpacing$9(imageId) {
   };
 }
 
-function _createSuper$1w(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1w(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1x(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1x(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1w() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1x() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var getStudyDateTime = function getStudyDateTime(dicom) {
   // 因为检查时间部分数据可能未传, 根据以下顺序进行获取
@@ -51243,7 +51469,7 @@ var formatDRDXInfo = function formatDRDXInfo(label, value) {
 var ViewportOverlay = /*#__PURE__*/function (_PureComponent) {
   inherits(ViewportOverlay, _PureComponent);
 
-  var _super = _createSuper$1w(ViewportOverlay);
+  var _super = _createSuper$1x(ViewportOverlay);
 
   function ViewportOverlay(props) {
     var _this;
@@ -51613,46 +51839,46 @@ defineProperty(ViewportOverlay, "propTypes", {
   hide: PropTypes$1.bool
 });
 
-var css_248z$x = ".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$x);
+var css_248z$y = ".paladin-custom-scroll {\n  cursor: pointer;\n  background: #333333;\n  position: relative;\n  border-color: #727882;\n  border-style: solid;\n  border-width: 0;\n  box-sizing: border-box;\n}\n.paladin-custom-scroll .paladin-custom-scroll-controller {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.paladin-custom-scroll .paladin-custom-scroll-controller .paladin-custom-scroll-box {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 16px;\n  width: 16px;\n  background: rgba(91, 91, 91, 0.8);\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-up {\n  width: 16px;\n  height: 20px;\n  background: #5b5b5b;\n  position: absolute;\n  top: 0;\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-up svg {\n  color: #ccc;\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-down {\n  width: 16px;\n  height: 20px;\n  background: #5b5b5b;\n  position: absolute;\n  bottom: 0;\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-down svg {\n  color: #ccc;\n}\n";
+styleInject$1(css_248z$y);
 
-function _extends$1u() { _extends$1u = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1u.apply(this, arguments); }
+function _extends$1v() { _extends$1v = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1v.apply(this, arguments); }
 
-var _ref$1u = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1w = /*#__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"
 });
 
-const SvgChevronUp = props => /*#__PURE__*/React__default.createElement("svg", _extends$1u({
+const SvgChevronUp = props => /*#__PURE__*/React__default.createElement("svg", _extends$1v({
   width: 32,
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$1u);
+}, props), _ref$1w);
 
-function _extends$1v() { _extends$1v = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1v.apply(this, arguments); }
+function _extends$1w() { _extends$1w = 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$1w.apply(this, arguments); }
 
-var _ref$1v = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1x = /*#__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"
 });
 
-const SvgChevronDown = props => /*#__PURE__*/React__default.createElement("svg", _extends$1v({
+const SvgChevronDown = props => /*#__PURE__*/React__default.createElement("svg", _extends$1w({
   width: 32,
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$1v);
+}, props), _ref$1x);
 
-var css_248z$y = ".paladin-aiTips-wrapper {\n  width: 100%;\n  height: 100%;\n}\n.paladin-aiTips-content {\n  width: 1px;\n  height: 100%;\n  background: #ffff00;\n  position: absolute;\n  top: 0;\n}\n";
-styleInject$1(css_248z$y);
+var css_248z$z = ".paladin-aiTips-wrapper {\n  width: 100%;\n  height: 100%;\n}\n.paladin-aiTips-content {\n  width: 1px;\n  height: 100%;\n  background: #ffff00;\n  position: absolute;\n  top: 0;\n}\n";
+styleInject$1(css_248z$z);
 
-function _createSuper$1x(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1x(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1y(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1y(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1x() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1y() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var AITips = /*#__PURE__*/function (_Component) {
   inherits(AITips, _Component);
 
-  var _super = _createSuper$1x(AITips);
+  var _super = _createSuper$1y(AITips);
 
   function AITips() {
     classCallCheck(this, AITips);
@@ -51689,14 +51915,14 @@ defineProperty(AITips, "propTypes", {
   data: PropTypes$1.any
 });
 
-function _createSuper$1y(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1y(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1z(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1z(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1y() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1z() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var CustomScroll = /*#__PURE__*/function (_Component) {
   inherits(CustomScroll, _Component);
 
-  var _super = _createSuper$1y(CustomScroll);
+  var _super = _createSuper$1z(CustomScroll);
 
   function CustomScroll(props) {
     var _this;
@@ -52076,8 +52302,8 @@ defineProperty(CustomScroll, "propTypes", {
 
 });
 
-var css_248z$z = ".paladin-mpr-direaction-tip {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  width: 10px;\n  height: 10px;\n}\n.paladin-mpr-direaction-toggle-box {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  cursor: pointer;\n}\n.paladin-mpr-direaction-toggle-box span {\n  display: inline-block;\n  padding: 3px;\n  font-size: 12px;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle {\n  border: 1px solid #999;\n  background: #000;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle:last-child {\n  border-left: none;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle-active {\n  background: #0d5075;\n}\n.rc-slider {\n  background-color: transparent !important;\n}\n.paladin-viewport-wrapper {\n  overflow: hidden;\n  color: white;\n  height: 100%;\n  position: relative;\n}\n.cornerstone-canvas-container {\n  box-sizing: border-box;\n  width: 100%;\n  position: relative;\n}\n.paladin-viewport-scroll-wrappper {\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n}\n.paladin-viewport-scroll-inner {\n  width: 40%;\n  margin: 5px auto auto;\n}\n.paladin-viewport-scroll-mpr-wrappper {\n  width: 100%;\n  position: relative;\n  z-index: 1;\n}\n.paladin-key-image-tip {\n  position: absolute;\n  top: 9px;\n  left: 50%;\n  font-size: 12px;\n  transform: translateX(20px);\n}\n.paladin-key-image-tip svg {\n  display: inline-block;\n  width: 12px !important;\n  height: 12px !important;\n  margin-right: 3px;\n}\n";
-styleInject$1(css_248z$z);
+var css_248z$A = ".paladin-mpr-direaction-tip {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  width: 10px;\n  height: 10px;\n}\n.paladin-mpr-direaction-toggle-box {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  cursor: pointer;\n}\n.paladin-mpr-direaction-toggle-box span {\n  display: inline-block;\n  padding: 3px;\n  font-size: 12px;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle {\n  border: 1px solid #999;\n  background: #000;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle:last-child {\n  border-left: none;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle-active {\n  background: #0d5075;\n}\n.rc-slider {\n  background-color: transparent !important;\n}\n.paladin-viewport-wrapper {\n  overflow: hidden;\n  color: white;\n  height: 100%;\n  position: relative;\n}\n.cornerstone-canvas-container {\n  box-sizing: border-box;\n  width: 100%;\n  position: relative;\n}\n.paladin-viewport-scroll-wrappper {\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n}\n.paladin-viewport-scroll-inner {\n  width: 40%;\n  margin: 5px auto auto;\n}\n.paladin-viewport-scroll-mpr-wrappper {\n  width: 100%;\n  position: relative;\n  z-index: 1;\n}\n.paladin-key-image-tip {\n  position: absolute;\n  top: 9px;\n  left: 50%;\n  font-size: 12px;\n  transform: translateX(20px);\n}\n.paladin-key-image-tip svg {\n  display: inline-block;\n  width: 12px !important;\n  height: 12px !important;\n  margin-right: 3px;\n}\n";
+styleInject$1(css_248z$A);
 
 function _createForOfIteratorHelper$a(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$c(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
@@ -52324,17 +52550,17 @@ function processCentesisPath(imageId) {
   }
 }
 
-var css_248z$A = ".paladin-thickness-container {\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100px;\n  height: 16px;\n  background-color: #505050;\n  color: #888;\n  font-size: 13px;\n}\n.paladin-thickness-selecter {\n  padding: 5px 0;\n  background-color: #333;\n  color: #c8c8c8;\n  font-size: 12px;\n}\n.paladin-thickness-selecter .paladin-thickness-select-item {\n  padding: 3px 20px;\n  cursor: pointer;\n}\n.paladin-thickness-selecter .paladin-thickness-select-item:hover {\n  background-color: #fff;\n  color: #000;\n}\n.paladin-thickness-selecter .paladin-thickness-select-mpr {\n  border-bottom: 1px solid #ffffff;\n  padding: 3px 20px 8px 20px;\n}\n";
-styleInject$1(css_248z$A);
+var css_248z$B = ".paladin-thickness-container {\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100px;\n  height: 16px;\n  background-color: #505050;\n  color: #888;\n  font-size: 13px;\n}\n.paladin-thickness-selecter {\n  padding: 5px 0;\n  background-color: #333;\n  color: #c8c8c8;\n  font-size: 12px;\n}\n.paladin-thickness-selecter .paladin-thickness-select-item {\n  padding: 3px 20px;\n  cursor: pointer;\n}\n.paladin-thickness-selecter .paladin-thickness-select-item:hover {\n  background-color: #fff;\n  color: #000;\n}\n.paladin-thickness-selecter .paladin-thickness-select-mpr {\n  border-bottom: 1px solid #ffffff;\n  padding: 3px 20px 8px 20px;\n}\n";
+styleInject$1(css_248z$B);
 
-function _createSuper$1z(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1z(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$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$1z() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$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 ThicknessSelectMain = /*#__PURE__*/function (_Component) {
   inherits(ThicknessSelectMain, _Component);
 
-  var _super = _createSuper$1z(ThicknessSelectMain);
+  var _super = _createSuper$1A(ThicknessSelectMain);
 
   function ThicknessSelectMain(props) {
     var _this;
@@ -52781,13 +53007,13 @@ function getCustomAvailableTools(data) {
   }];
 }
 
-function ownKeys$Q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$R(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$R(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$Q(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$Q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$S(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$R(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-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 EVENT_RESIZE = 'resize';
 var loadIndicatorDelay$1 = 300;
 var loadHandlerManager$1 = cornerstoneTools.loadHandlerManager;
@@ -52827,7 +53053,7 @@ function initializeTools(cornerstoneTools, tools, element) {
 var DicomViewport = /*#__PURE__*/function (_Component) {
   inherits(DicomViewport, _Component);
 
-  var _super = _createSuper$1A(DicomViewport);
+  var _super = _createSuper$1B(DicomViewport);
 
   function DicomViewport(_props) {
     var _this;
@@ -53085,7 +53311,13 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
 
     defineProperty(assertThisInitialized(_this), "handleViewportRelativeChange", function () {
       // 相对同步
-      var linkSynchronizer = _this.props.linkSynchronizer;
+      // 注：联动的情况下，是否同步窗值和其他viewport，需要依据联动配置
+      var _this$props2 = _this.props,
+          linkSynchronizer = _this$props2.linkSynchronizer,
+          Link = _this$props2.Link,
+          activeTool = _this$props2.activeTool,
+          autoLinkSyncWL = _this$props2.autoLinkSyncWL,
+          autoLinkSyncOther = _this$props2.autoLinkSyncOther;
       var sorceElements = linkSynchronizer && linkSynchronizer.getSourceElements();
 
       if (sorceElements && sorceElements.length > 0) {
@@ -53094,9 +53326,38 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
 
 
       window.onmouseup = function (e) {
-        var _this$props2 = _this.props,
-            linkSynchronizer = _this$props2.linkSynchronizer,
-            linkImageModeSynchronizer = _this$props2.linkImageModeSynchronizer;
+        // 联动开启时，element是否需要同步viewport，按照联动配置判断
+        if (Link) {
+          var _activeTool = activeTool;
+          var button = e.button;
+
+          if (button === 2) {
+            _activeTool = customDicomSetting.rightMouseTool;
+          }
+
+          if (button === 4) {
+            _activeTool = customDicomSetting.middleMouseTool;
+          }
+
+          var syncViewportWithLinkedElement = false;
+
+          if (_activeTool === 'Wwwc' && autoLinkSyncWL) {
+            syncViewportWithLinkedElement = true;
+          }
+
+          if (_activeTool !== 'Wwwc' && autoLinkSyncOther) {
+            syncViewportWithLinkedElement = true;
+          }
+
+          if (!syncViewportWithLinkedElement) {
+            window.onmouseup = null;
+            return;
+          }
+        }
+
+        var _this$props3 = _this.props,
+            linkSynchronizer = _this$props3.linkSynchronizer,
+            linkImageModeSynchronizer = _this$props3.linkImageModeSynchronizer;
         var sourceElements = linkSynchronizer && linkSynchronizer.getSourceElements();
         var imageModeElements = linkImageModeSynchronizer && linkImageModeSynchronizer.getSourceElements();
         relativeChangeSetViewport(e, _this.element, _this.props.activeTool, _this.mouseDownViewport, sourceElements, imageModeElements);
@@ -53181,10 +53442,10 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
     });
 
     defineProperty(assertThisInitialized(_this), "onStackScroll", function (ev) {
-      var _this$props3 = _this.props,
-          col = _this$props3.col,
-          currentScrollLine = _this$props3.currentScrollLine,
-          index = _this$props3.index;
+      var _this$props4 = _this.props,
+          col = _this$props4.col,
+          currentScrollLine = _this$props4.currentScrollLine,
+          index = _this$props4.index;
       var newImageIdIndex = ev.detail.newImageIdIndex;
       var seriesIndex = col * currentScrollLine + index;
 
@@ -53701,26 +53962,26 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
           stack = _this$state.stack,
           domError = _this$state.domError,
           basicInfoFromStudy = _this$state.basicInfoFromStudy;
-      var _this$props4 = this.props,
-          showCustomScroll = _this$props4.showCustomScroll,
-          mpr = _this$props4.mpr,
-          showOverlayText = _this$props4.showOverlayText,
-          width = _this$props4.width,
-          activeIndex = _this$props4.activeIndex,
-          index = _this$props4.index,
-          linkedIndexArr = _this$props4.linkedIndexArr,
-          onClick = _this$props4.onClick,
-          scrollWidth = _this$props4.scrollWidth,
-          _this$props4$scrollTy = _this$props4.scrollType,
-          scrollType = _this$props4$scrollTy === void 0 ? 'custom' : _this$props4$scrollTy,
-          showAIResult = _this$props4.showAIResult,
-          Surgery = _this$props4.Surgery,
-          directionToggle = _this$props4.directionToggle,
-          direction = _this$props4.direction,
-          CPR = _this$props4.CPR,
-          onClickDomErrorReRenderButton = _this$props4.onClickDomErrorReRenderButton,
-          keyImages = _this$props4.keyImages,
-          onDoubleClick = _this$props4.onDoubleClick;
+      var _this$props5 = this.props,
+          showCustomScroll = _this$props5.showCustomScroll,
+          mpr = _this$props5.mpr,
+          showOverlayText = _this$props5.showOverlayText,
+          width = _this$props5.width,
+          activeIndex = _this$props5.activeIndex,
+          index = _this$props5.index,
+          linkedIndexArr = _this$props5.linkedIndexArr,
+          onClick = _this$props5.onClick,
+          scrollWidth = _this$props5.scrollWidth,
+          _this$props5$scrollTy = _this$props5.scrollType,
+          scrollType = _this$props5$scrollTy === void 0 ? 'custom' : _this$props5$scrollTy,
+          showAIResult = _this$props5.showAIResult,
+          Surgery = _this$props5.Surgery,
+          directionToggle = _this$props5.directionToggle,
+          direction = _this$props5.direction,
+          CPR = _this$props5.CPR,
+          onClickDomErrorReRenderButton = _this$props5.onClickDomErrorReRenderButton,
+          keyImages = _this$props5.keyImages,
+          onDoubleClick = _this$props5.onDoubleClick;
       var active = activeIndex === index;
 
       var linked = lodash$1.includes(linkedIndexArr, index);
@@ -53907,12 +54168,24 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
   }, {
     key: "onNewImage",
     value: function onNewImage() {
-      // 展示新的image时先去viewport缓存池中找有没有已存的viewport
+      // 更新series current index（联动、同步的情况下，需要这边触发更新）
+      var currentImageIdIndex = this.state.stack ? this.state.stack.currentImageIdIndex : 0;
+
+      if (this.props.mode === 'seriesMode' && !this.props.mpr) {
+        var _this$props6 = this.props,
+            col = _this$props6.col,
+            currentScrollLine = _this$props6.currentScrollLine,
+            index = _this$props6.index,
+            setSeriesCurrentIndex = _this$props6.setSeriesCurrentIndex;
+        var currentSeriesIndex = col * currentScrollLine + index;
+        setSeriesCurrentIndex(currentSeriesIndex, currentImageIdIndex);
+      } // 展示新的image时先去viewport缓存池中找有没有已存的viewport
+
+
       if (!this.props.getCacheViewport) {
         return;
       }
 
-      var currentImageIdIndex = this.state.stack ? this.state.stack.currentImageIdIndex : 0;
       var key = this.props.mpr || this.props.index;
       var initViewport = this.props.getCacheViewport(key, currentImageIdIndex);
       /**
@@ -53946,7 +54219,7 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
           nextViewport.colormap = undefined;
         }
 
-        cornerstone.setViewport(this.element, _objectSpread$R(_objectSpread$R({}, nextViewport), {}, {
+        cornerstone.setViewport(this.element, _objectSpread$S(_objectSpread$S({}, nextViewport), {}, {
           displayedArea: defaultViewport.displayedArea
         }));
         this.setState({
@@ -54030,9 +54303,9 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
 
       e.stopPropagation();
       checkAndUnLockToolState(e, this.element);
-      var _this$props5 = this.props,
-          onViewportMouseDown = _this$props5.onViewportMouseDown,
-          mpr = _this$props5.mpr;
+      var _this$props7 = this.props,
+          onViewportMouseDown = _this$props7.onViewportMouseDown,
+          mpr = _this$props7.mpr;
       onViewportMouseDown && onViewportMouseDown(e, this.state.stack.seriesInstanceUID);
       var activeDataTool = this.checkToolDataActive();
 
@@ -54055,10 +54328,10 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
       var isMobile = ua.isDeviceTypeMobile();
 
       if (isMobile) {
-        var _this$props6 = this.props,
-            activeTool = _this$props6.activeTool,
-            originActiveTool = _this$props6.originActiveTool,
-            setActiveTool = _this$props6.setActiveTool;
+        var _this$props8 = this.props,
+            activeTool = _this$props8.activeTool,
+            originActiveTool = _this$props8.originActiveTool,
+            setActiveTool = _this$props8.setActiveTool;
 
         if (lodash$1.includes(LengthToolsWithMeasure, activeTool)) {
           var toolData = cornerstoneTools.getToolState(this.element, activeTool);
@@ -54416,9 +54689,9 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
   }, {
     key: "changeReferenceLineType",
     value: function changeReferenceLineType(type) {
-      var _this$props7 = this.props,
-          ReferencePosition = _this$props7.ReferencePosition,
-          synchronizer = _this$props7.synchronizer;
+      var _this$props9 = this.props,
+          ReferencePosition = _this$props9.ReferencePosition,
+          synchronizer = _this$props9.synchronizer;
 
       if (ReferencePosition) {
         cornerstoneTools.setToolDisabledForElement(this.element, 'ReferenceLines', {
@@ -54435,10 +54708,10 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
   }, {
     key: "addElementReferenceLines",
     value: function addElementReferenceLines(type) {
-      var _this$props8 = this.props,
-          synchronizer = _this$props8.synchronizer,
-          activeIndex = _this$props8.activeIndex,
-          index = _this$props8.index;
+      var _this$props10 = this.props,
+          synchronizer = _this$props10.synchronizer,
+          activeIndex = _this$props10.activeIndex,
+          index = _this$props10.index;
       var active = activeIndex === index;
 
       if (active) {
@@ -54471,10 +54744,10 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
   }, {
     key: "addElementReferencePosition",
     value: function addElementReferencePosition() {
-      var _this$props9 = this.props,
-          positionSynchronizer = _this$props9.positionSynchronizer,
-          activeIndex = _this$props9.activeIndex,
-          index = _this$props9.index;
+      var _this$props11 = this.props,
+          positionSynchronizer = _this$props11.positionSynchronizer,
+          activeIndex = _this$props11.activeIndex,
+          index = _this$props11.index;
       var stack = this.state.stack;
       var active = activeIndex === index;
 
@@ -54539,7 +54812,7 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
 
 defineProperty(DicomViewport, "defaultProps", dicomToolDefaultProps);
 
-var mapStateToProps$o = function mapStateToProps(state) {
+var mapStateToProps$p = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.action,
       activeTool = _state$paladin$tools$.activeTool,
       ReferenceLines = _state$paladin$tools$.ReferenceLines,
@@ -54555,7 +54828,10 @@ var mapStateToProps$o = function mapStateToProps(state) {
       referenceLineType = _state$paladin$tools$.referenceLineType,
       keyImages = _state$paladin$tools$.keyImages,
       displayShutter = _state$paladin$tools$.displayShutter,
-      VR = _state$paladin$tools$.VR;
+      VR = _state$paladin$tools$.VR,
+      autoLinkSyncWL = _state$paladin$tools$.autoLinkSyncWL,
+      autoLinkSyncOther = _state$paladin$tools$.autoLinkSyncOther,
+      Link = _state$paladin$tools$.Link;
   var _state$paladin$tools$2 = state.paladin.tools.layout,
       col = _state$paladin$tools$2.col,
       currentScrollLine = _state$paladin$tools$2.currentScrollLine,
@@ -54595,17 +54871,20 @@ var mapStateToProps$o = function mapStateToProps(state) {
     originStudy: originStudy,
     displayShutter: displayShutter,
     mprPerspective: mprPerspective,
-    VR: VR
+    VR: VR,
+    autoLinkSyncWL: autoLinkSyncWL,
+    autoLinkSyncOther: autoLinkSyncOther,
+    Link: Link
   };
 };
 
-var ConnectedDicomViewport = reactRedux.connect(mapStateToProps$o, {
+var ConnectedDicomViewport = reactRedux.connect(mapStateToProps$p, {
   setActiveTool: setActiveTool,
   setSeriesCurrentIndex: setSeriesCurrentIndex
 })(DicomViewport);
 
-var css_248z$B = ".paladin-dicom-scroll {\n  display: flex;\n  width: 16px;\n  height: 100%;\n  flex-shrink: 0;\n  background: #333333;\n}\n";
-styleInject$1(css_248z$B);
+var css_248z$C = ".paladin-dicom-scroll {\n  display: flex;\n  width: 16px;\n  height: 100%;\n  flex-shrink: 0;\n  background: #333333;\n}\n";
+styleInject$1(css_248z$C);
 
 var DicomLayoutContainer = function DicomLayoutContainer(props) {
   return /*#__PURE__*/React__default.createElement("div", {
@@ -54620,9 +54899,9 @@ function _unsupportedIterableToArray$e(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$e(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _createSuper$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 EmptyElement = function EmptyElement(_ref) {
   var col = _ref.col;
@@ -54639,7 +54918,7 @@ var isMobile$4 = ua.isDeviceTypeMobile();
 var DicomLayout = /*#__PURE__*/function (_Component) {
   inherits(DicomLayout, _Component);
 
-  var _super = _createSuper$1B(DicomLayout);
+  var _super = _createSuper$1C(DicomLayout);
 
   function DicomLayout(props) {
     var _this;
@@ -54947,15 +55226,15 @@ defineProperty(DicomLayout, "propTypes", {
 
 });
 
-function ownKeys$R(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$S(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$S(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$R(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$T(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$S(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$S(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 /**
  * 序列模式
  *
  */
 
-var mapStateToProps$p = function mapStateToProps(state) {
+var mapStateToProps$q = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       activeIndex = _state$paladin$viewpo.activeIndex,
       linkSeriesIndex = _state$paladin$viewpo.linkSeriesIndex,
@@ -54989,7 +55268,7 @@ var mapStateToProps$p = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$o = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$p = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var linkSeriesIndex = propsFromState.linkSeriesIndex,
       linkSynchronizer = propsFromState.linkSynchronizer,
       linkScrollSynchronizer = propsFromState.linkScrollSynchronizer,
@@ -55019,7 +55298,7 @@ var mergeProps$o = function mergeProps(propsFromState, propsFromDispatch, ownPro
   var startIndex = col * currentScrollLine;
   var endIndex = startIndex + col * row;
   var currentLayoutSeries = series.slice(startIndex, endIndex);
-  return _objectSpread$S(_objectSpread$S(_objectSpread$S(_objectSpread$S({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$T(_objectSpread$T(_objectSpread$T(_objectSpread$T({}, ownProps), propsFromState), propsFromDispatch), {}, {
     series: currentLayoutSeries,
     seriesTotalCount: series.length,
     row: row,
@@ -55289,7 +55568,7 @@ var mergeProps$o = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomLayout = reactRedux.connect(mapStateToProps$p, {
+var ConnectedDicomLayout = reactRedux.connect(mapStateToProps$q, {
   setActiveIndex: setActiveIndex,
   setCurrentSeries: setCurrentSeries,
   setSeries: setSeries,
@@ -55300,17 +55579,17 @@ var ConnectedDicomLayout = reactRedux.connect(mapStateToProps$p, {
   openOnePickLayout: openOnePickLayout,
   closeOnePickLayout: closeOnePickLayout,
   setCineFps: setCineFps
-}, mergeProps$o)(DicomLayout);
+}, mergeProps$p)(DicomLayout);
 
-function ownKeys$S(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$T(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$T(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$S(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$S(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$U(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$T(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$T(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 /**
  * 图像模式
  *
  */
 
-var mapStateToProps$q = function mapStateToProps(state) {
+var mapStateToProps$r = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       imageActiveIndex = _state$paladin$viewpo.imageActiveIndex,
       currentSeries = _state$paladin$viewpo.currentSeries,
@@ -55375,7 +55654,7 @@ var mapDispatchToProps$4 = function mapDispatchToProps(dispatch) {
   };
 };
 
-var mergeProps$p = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$q = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var currentSeries = propsFromState.currentSeries,
       imageActiveIndex = propsFromState.imageActiveIndex,
       linkImageIndex = propsFromState.linkImageIndex,
@@ -55410,7 +55689,7 @@ var mergeProps$p = function mergeProps(propsFromState, propsFromDispatch, ownPro
     };
   });
   var showVerticalScroll = series && series.length / col > row;
-  return _objectSpread$T(_objectSpread$T(_objectSpread$T(_objectSpread$T({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$U(_objectSpread$U(_objectSpread$U(_objectSpread$U({}, ownProps), propsFromState), propsFromDispatch), {}, {
     currentScrollLine: currentScrollLineImage,
     series: series,
     activeIndex: imageActiveIndex,
@@ -55540,19 +55819,19 @@ var mergeProps$p = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomImageModeLayout = reactRedux.connect(mapStateToProps$q, mapDispatchToProps$4, mergeProps$p)(DicomLayout);
+var ConnectedDicomImageModeLayout = reactRedux.connect(mapStateToProps$r, mapDispatchToProps$4, mergeProps$q)(DicomLayout);
 
-var css_248z$C = ".paladin-dicom-layout {\n  display: flex;\n  flex-wrap: wrap;\n  height: 100%;\n  flex: 1;\n}\n.paladin-dicom-layout-warp {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n";
-styleInject$1(css_248z$C);
+var css_248z$D = ".paladin-dicom-layout {\n  display: flex;\n  flex-wrap: wrap;\n  height: 100%;\n  flex: 1;\n}\n.paladin-dicom-layout-warp {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n";
+styleInject$1(css_248z$D);
 
-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 SurgeryLayout = /*#__PURE__*/function (_Component) {
   inherits(SurgeryLayout, _Component);
 
-  var _super = _createSuper$1C(SurgeryLayout);
+  var _super = _createSuper$1D(SurgeryLayout);
 
   function SurgeryLayout(props) {
     var _this;
@@ -56209,11 +56488,11 @@ var SurgeryLayout = /*#__PURE__*/function (_Component) {
 
 defineProperty(SurgeryLayout, "propTypes", {});
 
-function ownKeys$T(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$U(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$U(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$T(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$T(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$V(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$U(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$U(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$r = function mapStateToProps(state) {
+var mapStateToProps$s = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       currentSeries = _state$paladin$viewpo.currentSeries,
       surgeryActiveIndex = _state$paladin$viewpo.surgeryActiveIndex,
@@ -56229,8 +56508,8 @@ var mapStateToProps$r = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$q = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$U(_objectSpread$U(_objectSpread$U({}, propsFromState), ownProps), {}, {
+var mergeProps$r = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$V(_objectSpread$V(_objectSpread$V({}, propsFromState), ownProps), {}, {
     onViewPortCellClick: function onViewPortCellClick() {
       propsFromDispatch.setSurgeryActiveIndex.apply(propsFromDispatch, arguments);
     },
@@ -56249,21 +56528,21 @@ var mergeProps$q = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedSurgeryLayout = reactRedux.connect(mapStateToProps$r, {
+var ConnectedSurgeryLayout = reactRedux.connect(mapStateToProps$s, {
   setSurgeryActiveIndex: setSurgeryActiveIndex
-}, mergeProps$q)(SurgeryLayout);
+}, mergeProps$r)(SurgeryLayout);
 
-var css_248z$D = ".paladin-dicom-layout {\n  display: flex;\n  flex-wrap: wrap;\n  height: 100%;\n  flex: 1;\n}\n.paladin-dicom-layout-warp {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n";
-styleInject$1(css_248z$D);
+var css_248z$E = ".paladin-dicom-layout {\n  display: flex;\n  flex-wrap: wrap;\n  height: 100%;\n  flex: 1;\n}\n.paladin-dicom-layout-warp {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n";
+styleInject$1(css_248z$E);
 
-function _createSuper$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 CPRLayout = /*#__PURE__*/function (_Component) {
   inherits(CPRLayout, _Component);
 
-  var _super = _createSuper$1D(CPRLayout);
+  var _super = _createSuper$1E(CPRLayout);
 
   function CPRLayout(props) {
     var _this;
@@ -56551,11 +56830,11 @@ var CPRLayout = /*#__PURE__*/function (_Component) {
 
 defineProperty(CPRLayout, "propTypes", {});
 
-function ownKeys$U(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$V(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$V(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$U(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$U(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$W(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$V(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$V(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$s = function mapStateToProps(state) {
+var mapStateToProps$t = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       currentSeries = _state$paladin$viewpo.currentSeries,
       surgeryActiveIndex = _state$paladin$viewpo.surgeryActiveIndex,
@@ -56569,8 +56848,8 @@ var mapStateToProps$s = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$r = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$V(_objectSpread$V(_objectSpread$V({}, propsFromState), ownProps), {}, {
+var mergeProps$s = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$W(_objectSpread$W(_objectSpread$W({}, propsFromState), ownProps), {}, {
     onViewPortCellClick: function onViewPortCellClick() {
       propsFromDispatch.setSurgeryActiveIndex.apply(propsFromDispatch, arguments);
     },
@@ -56583,24 +56862,24 @@ var mergeProps$r = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedCPRLayout = reactRedux.connect(mapStateToProps$s, {
+var ConnectedCPRLayout = reactRedux.connect(mapStateToProps$t, {
   setSurgeryActiveIndex: setSurgeryActiveIndex
-}, mergeProps$r)(CPRLayout);
-
-var css_248z$E = ".paladin-main-wrapper svg {\n  width: 100%;\n  height: 100%;\n}\n.paladin-main-wrapper span,\n.paladin-main-wrapper div {\n  user-select: none;\n}\n.paladin-main-wrapper .paladin-dicomView-dicomToolWrapper {\n  background-color: #353535;\n  z-index: 2;\n}\n.paladin-main-wrapper .paladin-dicomView-dicomThumbnailWrapper {\n  background-color: #353535;\n  border: 1px solid #727882;\n}\n.paladin-main-wrapper .paladin-dicomView-mobileWrapper {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  width: 0;\n  background: #1D1D1D;\n  padding-bottom: env(safe-area-inset-bottom);\n}\n.paladin-main-wrapper .paladin-dicomView-pcmobileWrapper {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  width: 0;\n}\nbutton:focus {\n  outline: none;\n}\n.paladin-flex {\n  display: flex;\n}\n.paladin-flex-row {\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: row;\n  flex-wrap: wrap;\n  flex: 0 1 auto;\n}\n.paladin-flex-col {\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  flex: 0 0 auto;\n}\n.paladin-flex-center {\n  justify-content: center;\n  align-items: center;\n}\n.paladin-flex-end {\n  justify-content: flex-end;\n}\n.paladin-flex-1 {\n  flex: 1;\n}\n.paladin-full-content {\n  width: 100%;\n  height: 100%;\n}\n.paladin-full-height {\n  height: 100%;\n}\n.paladin-full-width {\n  width: 100%;\n}\n.paladin-text-center {\n  text-align: center;\n}\n.paladin-global-loading {\n  position: absolute;\n  z-index: 9999;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.55);\n  color: #fff;\n  text-align: center;\n  font-size: 20px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paladin-global-loading .paladin-global-loading-close {\n  position: absolute;\n  z-index: 19999;\n  top: 10px;\n  right: 10px;\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n}\n.paladin-global-loading .paladin-global-loading-text {\n  margin-bottom: 100px;\n}\n";
-styleInject$1(css_248z$E);
+}, mergeProps$s)(CPRLayout);
 
-var css_248z$F = ".image-processing-container {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  background: black;\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  flex-direction: column;\n  z-index: 999;\n}\n.image-processing-container-content {\n  cursor: pointer;\n}\n.image-processing-container-content svg {\n  width: 50px;\n  height: 50px;\n  display: block;\n  margin: 15px auto 0 auto;\n  color: #999;\n}\n.paladin-three-wrapper {\n  width: 100%;\n  height: 100%;\n  color: white;\n  display: flex;\n}\n.paladin-three-horizontal-left {\n  width: 66.6%;\n  height: 100%;\n}\n.paladin-three-horizontal-right {\n  width: 33.4%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.paladin-three-vertical-top {\n  width: 100%;\n  height: 66.6%;\n  flex-direction: row;\n}\n.paladin-three-vertical-bottom {\n  width: 100%;\n  height: 33.4%;\n  display: flex;\n  flex-direction: row;\n}\n.paladin-three-height-55 {\n  width: 100%;\n  height: 55%;\n}\n.paladin-three-height-45 {\n  width: 100%;\n  height: 45%;\n}\n.paladin-three-height-50 {\n  width: 100%;\n  height: 50%;\n}\n.paladin-three-width-50 {\n  width: 50%;\n  height: 100%;\n}\n.paladin-three-height-33 {\n  width: 100%;\n  height: 33.333%;\n}\n.paladin-three-width-33 {\n  height: 100%;\n  width: 33.333%;\n}\n.paladin-three-relative {\n  position: relative;\n}\n.mip-wwwc {\n  position: absolute;\n  bottom: 15px;\n  left: 15px;\n}\n.mip-wwwc p {\n  color: #ffffff;\n  margin: 0;\n  text-align: right;\n}\n";
+var css_248z$F = ".paladin-main-wrapper svg {\n  width: 100%;\n  height: 100%;\n}\n.paladin-main-wrapper span,\n.paladin-main-wrapper div {\n  user-select: none;\n}\n.paladin-main-wrapper .paladin-dicomView-dicomToolWrapper {\n  background-color: #353535;\n  z-index: 2;\n}\n.paladin-main-wrapper .paladin-dicomView-dicomThumbnailWrapper {\n  background-color: #353535;\n  border: 1px solid #727882;\n}\n.paladin-main-wrapper .paladin-dicomView-mobileWrapper {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  width: 0;\n  background: #1D1D1D;\n  padding-bottom: env(safe-area-inset-bottom);\n}\n.paladin-main-wrapper .paladin-dicomView-pcmobileWrapper {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  width: 0;\n}\nbutton:focus {\n  outline: none;\n}\n.paladin-flex {\n  display: flex;\n}\n.paladin-flex-row {\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: row;\n  flex-wrap: wrap;\n  flex: 0 1 auto;\n}\n.paladin-flex-col {\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  flex: 0 0 auto;\n}\n.paladin-flex-center {\n  justify-content: center;\n  align-items: center;\n}\n.paladin-flex-end {\n  justify-content: flex-end;\n}\n.paladin-flex-1 {\n  flex: 1;\n}\n.paladin-full-content {\n  width: 100%;\n  height: 100%;\n}\n.paladin-full-height {\n  height: 100%;\n}\n.paladin-full-width {\n  width: 100%;\n}\n.paladin-text-center {\n  text-align: center;\n}\n.paladin-global-loading {\n  position: absolute;\n  z-index: 9999;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.55);\n  color: #fff;\n  text-align: center;\n  font-size: 20px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paladin-global-loading .paladin-global-loading-close {\n  position: absolute;\n  z-index: 19999;\n  top: 10px;\n  right: 10px;\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n}\n.paladin-global-loading .paladin-global-loading-text {\n  margin-bottom: 100px;\n}\n";
 styleInject$1(css_248z$F);
 
-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); }; }
+var css_248z$G = ".image-processing-container {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  background: black;\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  flex-direction: column;\n  z-index: 999;\n}\n.image-processing-container-content {\n  cursor: pointer;\n}\n.image-processing-container-content svg {\n  width: 50px;\n  height: 50px;\n  display: block;\n  margin: 15px auto 0 auto;\n  color: #999;\n}\n.paladin-three-wrapper {\n  width: 100%;\n  height: 100%;\n  color: white;\n  display: flex;\n}\n.paladin-three-horizontal-left {\n  width: 66.6%;\n  height: 100%;\n}\n.paladin-three-horizontal-right {\n  width: 33.4%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.paladin-three-vertical-top {\n  width: 100%;\n  height: 66.6%;\n  flex-direction: row;\n}\n.paladin-three-vertical-bottom {\n  width: 100%;\n  height: 33.4%;\n  display: flex;\n  flex-direction: row;\n}\n.paladin-three-height-55 {\n  width: 100%;\n  height: 55%;\n}\n.paladin-three-height-45 {\n  width: 100%;\n  height: 45%;\n}\n.paladin-three-height-50 {\n  width: 100%;\n  height: 50%;\n}\n.paladin-three-width-50 {\n  width: 50%;\n  height: 100%;\n}\n.paladin-three-height-33 {\n  width: 100%;\n  height: 33.333%;\n}\n.paladin-three-width-33 {\n  height: 100%;\n  width: 33.333%;\n}\n.paladin-three-relative {\n  position: relative;\n}\n.mip-wwwc {\n  position: absolute;\n  bottom: 15px;\n  left: 15px;\n}\n.mip-wwwc p {\n  color: #ffffff;\n  margin: 0;\n  text-align: right;\n}\n";
+styleInject$1(css_248z$G);
 
-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 _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$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 ThreeDLayout = /*#__PURE__*/function (_Component) {
   inherits(ThreeDLayout, _Component);
 
-  var _super = _createSuper$1E(ThreeDLayout);
+  var _super = _createSuper$1F(ThreeDLayout);
 
   function ThreeDLayout(props) {
     var _this;
@@ -57030,11 +57309,11 @@ var ThreeDLayout = /*#__PURE__*/function (_Component) {
 
 defineProperty(ThreeDLayout, "propTypes", {});
 
-function ownKeys$V(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$W(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$W(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$V(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$V(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$X(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$W(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$W(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$t = function mapStateToProps(state) {
+var mapStateToProps$u = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       currentSeries = _state$paladin$viewpo.currentSeries,
       mprActiveIndex = _state$paladin$viewpo.mprActiveIndex,
@@ -57050,8 +57329,8 @@ var mapStateToProps$t = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$s = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$W(_objectSpread$W(_objectSpread$W({}, propsFromState), ownProps), {}, {
+var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$X(_objectSpread$X(_objectSpread$X({}, propsFromState), ownProps), {}, {
     onViewPortCellClick: function onViewPortCellClick() {
       propsFromDispatch.setMprActiveIndex.apply(propsFromDispatch, arguments);
     },
@@ -57070,10 +57349,10 @@ var mergeProps$s = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedMPRLayout = reactRedux.connect(mapStateToProps$t, {
+var ConnectedMPRLayout = reactRedux.connect(mapStateToProps$u, {
   setMprActiveIndex: setMprActiveIndex,
   switchMprPerspective: switchMprPerspective
-}, mergeProps$s)(ThreeDLayout);
+}, mergeProps$t)(ThreeDLayout);
 
 function _createForOfIteratorHelper$d(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$f(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
@@ -57081,14 +57360,14 @@ function _unsupportedIterableToArray$f(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$f(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _createSuper$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 ThreeDLayout$1 = /*#__PURE__*/function (_Component) {
   inherits(ThreeDLayout, _Component);
 
-  var _super = _createSuper$1F(ThreeDLayout);
+  var _super = _createSuper$1G(ThreeDLayout);
 
   function ThreeDLayout(props) {
     var _this;
@@ -57358,31 +57637,31 @@ var ThreeDLayout$1 = /*#__PURE__*/function (_Component) {
 
 defineProperty(ThreeDLayout$1, "propTypes", {});
 
-function ownKeys$W(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$X(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$X(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$W(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$W(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$Y(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$X(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$X(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$u = function mapStateToProps(state) {
+var mapStateToProps$v = function mapStateToProps(state) {
   var currentSeries = state.paladin.viewport.currentSeries;
   return {
     currentSeries: currentSeries
   };
 };
 
-var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$X(_objectSpread$X({}, propsFromState), ownProps);
+var mergeProps$u = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$Y(_objectSpread$Y({}, propsFromState), ownProps);
 };
 
-var ConnectedVR = reactRedux.connect(mapStateToProps$u, {}, mergeProps$t)(ThreeDLayout$1);
+var ConnectedVR = reactRedux.connect(mapStateToProps$v, {}, mergeProps$u)(ThreeDLayout$1);
 
-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 MIPLayout = /*#__PURE__*/function (_Component) {
   inherits(MIPLayout, _Component);
 
-  var _super = _createSuper$1G(MIPLayout);
+  var _super = _createSuper$1H(MIPLayout);
 
   function MIPLayout(props) {
     var _this;
@@ -57600,24 +57879,24 @@ var MIPLayout = /*#__PURE__*/function (_Component) {
 
 defineProperty(MIPLayout, "propTypes", {});
 
-function ownKeys$X(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$Y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$Y(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$X(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$X(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$Z(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$Y(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$Y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$v = function mapStateToProps(state) {
+var mapStateToProps$w = function mapStateToProps(state) {
   var currentSeries = state.paladin.viewport.currentSeries;
   return {
     currentSeries: currentSeries
   };
 };
 
-var mergeProps$u = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$Y(_objectSpread$Y(_objectSpread$Y({}, propsFromState), propsFromDispatch), ownProps);
+var mergeProps$v = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$Z(_objectSpread$Z(_objectSpread$Z({}, propsFromState), propsFromDispatch), ownProps);
 };
 
-var ConnectedMIP = reactRedux.connect(mapStateToProps$v, {
+var ConnectedMIP = reactRedux.connect(mapStateToProps$w, {
   set3DActiveTool: set3DActiveTool
-}, mergeProps$u)(MIPLayout);
+}, mergeProps$v)(MIPLayout);
 
 function colorMapFix(viewportData) {
   viewportData.imageViewports = lodash$1.map(viewportData.imageViewports, function (seriesViewportArr) {
@@ -57632,15 +57911,15 @@ function colorMapFix(viewportData) {
   return viewportData;
 }
 
-function ownKeys$Y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$Z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$Z(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$Y(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$Y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$_(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$Z(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$Z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 /**
  * 全部模式
  *
  */
 
-var mapStateToProps$w = function mapStateToProps(state) {
+var mapStateToProps$x = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       imageActiveIndex = _state$paladin$viewpo.imageActiveIndex,
       linkImageIndex = _state$paladin$viewpo.linkImageIndex,
@@ -57703,7 +57982,7 @@ var mapDispatchToProps$5 = function mapDispatchToProps(dispatch) {
   };
 };
 
-var mergeProps$v = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$w = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var imageActiveIndex = propsFromState.imageActiveIndex,
       linkImageIndex = propsFromState.linkImageIndex,
       activeIndex = propsFromState.activeIndex,
@@ -57738,7 +58017,7 @@ var mergeProps$v = function mergeProps(propsFromState, propsFromDispatch, ownPro
   var endIndex = startIndex + onePageCount;
   var series = allSeries.slice(startIndex, endIndex);
   var showVerticalScroll = series && series.length / col > row;
-  return _objectSpread$Z(_objectSpread$Z(_objectSpread$Z(_objectSpread$Z({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$_(_objectSpread$_(_objectSpread$_(_objectSpread$_({}, ownProps), propsFromState), propsFromDispatch), {}, {
     currentScrollLine: currentScrollLineImage,
     series: series,
     activeIndex: imageActiveIndex,
@@ -57852,11 +58131,11 @@ var mergeProps$v = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomAllImageModeLayout = reactRedux.connect(mapStateToProps$w, mapDispatchToProps$5, mergeProps$v)(DicomLayout);
+var ConnectedDicomAllImageModeLayout = reactRedux.connect(mapStateToProps$x, mapDispatchToProps$5, mergeProps$w)(DicomLayout);
 
-function ownKeys$Z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$_(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$_(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$Z(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$Z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$$(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$_(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$_(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 /**
  * 一些情况下传入paladin的numberOfSeriesRelatedInstances不是实际的序列图像数量
  * 所以在study传入的时候需进行修正
@@ -57867,9 +58146,9 @@ function studySeriesDataCheck (studies) {
     if (study.checked) {
       return study;
     } else {
-      return _objectSpread$_(_objectSpread$_({}, study), {}, {
+      return _objectSpread$$(_objectSpread$$({}, study), {}, {
         series: lodash$1.map(study.series, function (series) {
-          return _objectSpread$_(_objectSpread$_({}, series), {}, {
+          return _objectSpread$$(_objectSpread$$({}, series), {}, {
             numberOfSeriesRelatedInstances: series.imageIds.length || 0
           });
         }),
@@ -57879,55 +58158,55 @@ function studySeriesDataCheck (studies) {
   });
 }
 
-var css_248z$G = ".paladin-film-tool {\n  width: 220px;\n  color: #c0c0c0;\n  padding: 10px;\n  font-size: 15px;\n}\n.paladin-film-tool .film-full-line {\n  width: 100%;\n  height: 1px;\n  background: #777676;\n  margin: 10px 0;\n}\n.paladin-film-tool .film-half-button,\n.paladin-film-tool .film-full-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  height: 40px;\n  border: 1px solid #1c1c1c;\n  box-sizing: border-box;\n}\n.paladin-film-tool .film-half-button svg,\n.paladin-film-tool .film-full-button svg {\n  width: 18px;\n  height: 18px;\n  margin-right: 6px;\n}\n.paladin-film-tool .film-half-button {\n  width: 50%;\n}\n.paladin-film-tool .film-full-button {\n  width: 100%;\n}\n.paladin-film-tool .film-template-box {\n  display: flex;\n  width: 100%;\n  height: 40px;\n  border: 1px solid #1c1c1c;\n  box-sizing: border-box;\n}\n.paladin-film-tool .film-template-box div {\n  display: flex;\n  flex: 1;\n  cursor: pointer;\n  align-items: center;\n}\n.paladin-film-tool .film-template-box .template-add {\n  flex: none;\n  padding-left: 5px;\n  padding-right: 7px;\n  border-right: 1px solid #1c1c1c;\n  height: 100%;\n}\n.paladin-film-tool .film-template-box .template-select {\n  justify-content: center;\n}\n.paladin-film-tool .film-template-box .template-select svg {\n  width: 18px;\n  margin-left: 3px;\n}\n.paladin-film-tool .film-template-box .template-setting {\n  height: 100%;\n  width: 20px;\n  flex: none;\n  padding-left: 7px;\n  padding-right: 5px;\n  border-left: 1px solid #1c1c1c;\n}\n.paladin-film-tool .film-template-box .template-setting svg {\n  width: 20px;\n}\n.paladin-film-tool .film-size-box {\n  margin: 20px 0;\n  display: flex;\n  align-items: center;\n}\n.paladin-film-tool .film-size-box span {\n  display: flex;\n  flex: none;\n  margin-right: 8px;\n}\n.paladin-film-tool .film-size-box .film-size-select {\n  height: 40px;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid #1c1c1c;\n  box-sizing: border-box;\n}\n.paladin-film-tool .film-size-box button {\n  border: none;\n  width: 100%;\n  height: 100%;\n  background: #353535;\n  color: #c0c0c0;\n  font-size: 15px;\n}\n.paladin-film-tool .film-size-box svg {\n  width: 20px;\n}\n.paladin-film-tool .g-rgl-grid {\n  padding: 12px;\n}\n.paladin-dropdown-custom {\n  z-index: 99;\n  left: 50px !important;\n}\n.paladin-menu-custom {\n  width: 180px;\n  background: #000000;\n  color: #c0c0c0;\n  padding: 0;\n}\n.paladin-menu-custom li {\n  text-align: center;\n  list-style: none;\n  border-bottom: 1px solid #4D4D4D;\n  padding: 6px 0;\n  cursor: pointer;\n}\n.paladin-menu-custom li:last-child {\n  border-bottom: none;\n}\n.rc-dropdown-hidden {\n  display: none;\n}\n.paladin-film-print-modal-wrapper {\n  overflow: hidden;\n}\n.paladin-film-print-modal-wrapper .paladin-modal-header {\n  color: #fff;\n  font-weight: normal;\n  font-size: 16px;\n  border-bottom: 1px solid #484849;\n}\n.paladin-film-print-modal-wrapper .paladin-modal-footer {\n  border: none;\n}\n";
-styleInject$1(css_248z$G);
+var css_248z$H = ".paladin-film-tool {\n  width: 220px;\n  color: #c0c0c0;\n  padding: 10px;\n  font-size: 15px;\n}\n.paladin-film-tool .film-full-line {\n  width: 100%;\n  height: 1px;\n  background: #777676;\n  margin: 10px 0;\n}\n.paladin-film-tool .film-half-button,\n.paladin-film-tool .film-full-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  height: 40px;\n  border: 1px solid #1c1c1c;\n  box-sizing: border-box;\n}\n.paladin-film-tool .film-half-button svg,\n.paladin-film-tool .film-full-button svg {\n  width: 18px;\n  height: 18px;\n  margin-right: 6px;\n}\n.paladin-film-tool .film-half-button {\n  width: 50%;\n}\n.paladin-film-tool .film-full-button {\n  width: 100%;\n}\n.paladin-film-tool .film-template-box {\n  display: flex;\n  width: 100%;\n  height: 40px;\n  border: 1px solid #1c1c1c;\n  box-sizing: border-box;\n}\n.paladin-film-tool .film-template-box div {\n  display: flex;\n  flex: 1;\n  cursor: pointer;\n  align-items: center;\n}\n.paladin-film-tool .film-template-box .template-add {\n  flex: none;\n  padding-left: 5px;\n  padding-right: 7px;\n  border-right: 1px solid #1c1c1c;\n  height: 100%;\n}\n.paladin-film-tool .film-template-box .template-select {\n  justify-content: center;\n}\n.paladin-film-tool .film-template-box .template-select svg {\n  width: 18px;\n  margin-left: 3px;\n}\n.paladin-film-tool .film-template-box .template-setting {\n  height: 100%;\n  width: 20px;\n  flex: none;\n  padding-left: 7px;\n  padding-right: 5px;\n  border-left: 1px solid #1c1c1c;\n}\n.paladin-film-tool .film-template-box .template-setting svg {\n  width: 20px;\n}\n.paladin-film-tool .film-size-box {\n  margin: 20px 0;\n  display: flex;\n  align-items: center;\n}\n.paladin-film-tool .film-size-box span {\n  display: flex;\n  flex: none;\n  margin-right: 8px;\n}\n.paladin-film-tool .film-size-box .film-size-select {\n  height: 40px;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid #1c1c1c;\n  box-sizing: border-box;\n}\n.paladin-film-tool .film-size-box button {\n  border: none;\n  width: 100%;\n  height: 100%;\n  background: #353535;\n  color: #c0c0c0;\n  font-size: 15px;\n}\n.paladin-film-tool .film-size-box svg {\n  width: 20px;\n}\n.paladin-film-tool .g-rgl-grid {\n  padding: 12px;\n}\n.paladin-dropdown-custom {\n  z-index: 99;\n  left: 50px !important;\n}\n.paladin-menu-custom {\n  width: 180px;\n  background: #000000;\n  color: #c0c0c0;\n  padding: 0;\n}\n.paladin-menu-custom li {\n  text-align: center;\n  list-style: none;\n  border-bottom: 1px solid #4D4D4D;\n  padding: 6px 0;\n  cursor: pointer;\n}\n.paladin-menu-custom li:last-child {\n  border-bottom: none;\n}\n.rc-dropdown-hidden {\n  display: none;\n}\n.paladin-film-print-modal-wrapper {\n  overflow: hidden;\n}\n.paladin-film-print-modal-wrapper .paladin-modal-header {\n  color: #fff;\n  font-weight: normal;\n  font-size: 16px;\n  border-bottom: 1px solid #484849;\n}\n.paladin-film-print-modal-wrapper .paladin-modal-footer {\n  border: none;\n}\n";
+styleInject$1(css_248z$H);
 
-function _extends$1w() { _extends$1w = 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$1w.apply(this, arguments); }
+function _extends$1x() { _extends$1x = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1x.apply(this, arguments); }
 
-var _ref$1w = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1y = /*#__PURE__*/React__default.createElement("path", {
   "data-name": "\\u64A4\\u9500 \\u8FD4\\u56DE \\u64A4\\u56DE \\u4E0A\\u4E00\\u6B65",
   d: "M10.16 3.407H1.851L4.34.921a.54.54 0 00-.764-.762L.159 3.572a.538.538 0 000 .763l3.417 3.413a.54.54 0 00.764-.763L1.884 4.534h8.276a3.377 3.377 0 110 6.753H2.844a.563.563 0 100 1.126h7.316a4.5 4.5 0 000-9z",
   fill: "silver"
 });
 
-const SvgFilmBack = props => /*#__PURE__*/React__default.createElement("svg", _extends$1w({
+const SvgFilmBack = props => /*#__PURE__*/React__default.createElement("svg", _extends$1x({
   width: 14.663,
   height: 12.411,
   viewBox: "0 0 14.663 12.411",
   fill: "currentColor"
-}, props), _ref$1w);
+}, props), _ref$1y);
 
-function _extends$1x() { _extends$1x = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1x.apply(this, arguments); }
+function _extends$1y() { _extends$1y = 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$1y.apply(this, arguments); }
 
-var _ref$1x = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1z = /*#__PURE__*/React__default.createElement("path", {
   d: "M.006 0v4.388h4.486V0zm6.287 0v4.388h4.487V0zm6.358 0v4.388h4.489V0zM0 6.199v4.388h4.486V6.199zm6.287 0v4.388h4.486V6.199zm6.358 0v4.388h4.486V6.199zM0 12.369v4.389h4.486v-4.389zm6.287 0v4.389h4.486v-4.389zm6.358 0v4.389h4.486v-4.389z",
   fill: "silver"
 });
 
-const SvgFilmLayout = props => /*#__PURE__*/React__default.createElement("svg", _extends$1x({
+const SvgFilmLayout = props => /*#__PURE__*/React__default.createElement("svg", _extends$1y({
   width: 17.137,
   height: 16.762,
   viewBox: "0 0 17.137 16.762",
   fill: "currentColor"
-}, props), _ref$1x);
+}, props), _ref$1z);
 
-function _extends$1y() { _extends$1y = 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$1y.apply(this, arguments); }
+function _extends$1z() { _extends$1z = 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$1z.apply(this, arguments); }
 
-var _ref$1y = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1A = /*#__PURE__*/React__default.createElement("path", {
   d: "M8.933 7.751a.842.842 0 01.842.842v2.022a.842.842 0 01-.842.842H3.878a.842.842 0 01-.842-.842V8.593a.842.842 0 01.842-.842zm.674-7.75a1.179 1.179 0 011.178 1.115V1.686h.168a1.853 1.853 0 011.852 1.779v5.129a1.853 1.853 0 01-1.779 1.852h-.243V8.593A1.853 1.853 0 008.93 6.74H3.875a1.853 1.853 0 00-1.853 1.853v1.853h-.168A1.853 1.853 0 01.001 8.667V3.538A1.853 1.853 0 011.78 1.686h.243v-.505A1.179 1.179 0 013.138.003h.065zm.674 3.707h-.674a.505.505 0 00-.049 1.009H10.281a.506.506 0 100-1.011zm-.674-2.7h-6.4a.169.169 0 00-.166.138v.535H9.78v-.505a.168.168 0 00-.138-.166z",
   fill: "silver"
 });
 
-const SvgPrint = props => /*#__PURE__*/React__default.createElement("svg", _extends$1y({
+const SvgPrint = props => /*#__PURE__*/React__default.createElement("svg", _extends$1z({
   width: 12.805,
   height: 11.457,
   viewBox: "0 0 12.805 11.457",
   fill: "currentColor"
-}, props), _ref$1y);
+}, props), _ref$1A);
 
-function _extends$1z() { _extends$1z = 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$1z.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$1z = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1B = /*#__PURE__*/React__default.createElement("path", {
   d: "M9.357 0a1.149 1.149 0 011.147 1.086V1.641h.164a1.806 1.806 0 011.8 1.733v5a1.806 1.806 0 01-1.733 1.8h-.237V8.368a1.806 1.806 0 00-1.806-1.806H3.767a1.806 1.806 0 00-1.806 1.806v1.806h-.164a1.806 1.806 0 01-1.8-1.733v-5a1.806 1.806 0 011.733-1.8h.237v-.492A1.149 1.149 0 013.053.002h.063zm.657 3.611h-.657a.492.492 0 00-.047.983H10.014a.492.492 0 100-.985zM9.357.984H3.119a.164.164 0 00-.162.135v.522h6.566v-.492a.164.164 0 00-.135-.162z",
   fill: "silver"
 });
@@ -57937,22 +58216,22 @@ var _ref2$i = /*#__PURE__*/React__default.createElement("path", {
   fill: "silver"
 });
 
-const SvgPrintSetting = props => /*#__PURE__*/React__default.createElement("svg", _extends$1z({
+const SvgPrintSetting = props => /*#__PURE__*/React__default.createElement("svg", _extends$1A({
   "data-name": "\\u7EC4 3872",
   width: 12.476,
   height: 12.949,
   viewBox: "0 0 12.476 12.949",
   fill: "currentColor"
-}, props), _ref$1z, _ref2$i);
+}, props), _ref$1B, _ref2$i);
 
-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 Layout$1 = /*#__PURE__*/function (_Component) {
   inherits(Layout, _Component);
 
-  var _super = _createSuper$1H(Layout);
+  var _super = _createSuper$1I(Layout);
 
   function Layout(props) {
     classCallCheck(this, Layout);
@@ -58004,11 +58283,11 @@ function _unsupportedIterableToArray$g(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$g(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function ownKeys$_(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$$(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$$(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$_(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$_(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$10(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$$(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$$(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$x = function mapStateToProps(state) {
+var mapStateToProps$y = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.film,
       filmLayoutRow = _state$paladin$tools$.filmLayoutRow,
       filmLayoutCol = _state$paladin$tools$.filmLayoutCol;
@@ -58018,8 +58297,8 @@ var mapStateToProps$x = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$w = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$$(_objectSpread$$(_objectSpread$$({}, ownProps), propsFromState), {}, {
+var mergeProps$x = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$10(_objectSpread$10(_objectSpread$10({}, ownProps), propsFromState), {}, {
     onLayoutChange: function onLayoutChange(row, col) {
       propsFromDispatch.setFilmLayout(row, col);
       setTimeout(function () {
@@ -58049,9 +58328,9 @@ var mergeProps$w = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedLayoutButton$1 = reactRedux.connect(mapStateToProps$x, {
+var ConnectedLayoutButton$1 = reactRedux.connect(mapStateToProps$y, {
   setFilmLayout: setFilmLayout
-}, mergeProps$w)(Layout$1);
+}, mergeProps$x)(Layout$1);
 
 var _global = createCommonjsModule(function (module) {
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
@@ -58433,7 +58712,7 @@ module.exports = { "default": assign, __esModule: true };
 
 unwrapExports(assign$1);
 
-var _extends$1A = createCommonjsModule(function (module, exports) {
+var _extends$1B = createCommonjsModule(function (module, exports) {
 
 exports.__esModule = true;
 
@@ -58458,7 +58737,7 @@ exports.default = _assign2.default || function (target) {
 };
 });
 
-var _extends$1B = unwrapExports(_extends$1A);
+var _extends$1C = unwrapExports(_extends$1B);
 
 /*
 object-assign
@@ -60349,7 +60628,7 @@ var classnames = createCommonjsModule(function (module) {
 }());
 });
 
-var _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; };
+var _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; };
 
 var _typeof$1 = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; };
 
@@ -60723,7 +61002,7 @@ function setOffset(elem, offset) {
   css$1(elem, ret);
 }
 
-var util = _extends$1C({
+var util = _extends$1D({
   getWindow: function getWindow(node) {
     var doc = node.ownerDocument || node;
     return doc.defaultView || doc.parentWindow;
@@ -60990,7 +61269,7 @@ Object.defineProperty(exports, "__esModule", {
 
 
 
-var _extends3 = _interopRequireDefault(_extends$1A);
+var _extends3 = _interopRequireDefault(_extends$1B);
 
 
 
@@ -61048,7 +61327,7 @@ Object.defineProperty(exports, "__esModule", {
 
 
 
-var _extends3 = _interopRequireDefault(_extends$1A);
+var _extends3 = _interopRequireDefault(_extends$1B);
 
 
 
@@ -61382,7 +61661,7 @@ Object.defineProperty(exports, "__esModule", {
 
 
 
-var _extends3 = _interopRequireDefault(_extends$1A);
+var _extends3 = _interopRequireDefault(_extends$1B);
 
 
 
@@ -63023,20 +63302,20 @@ function _inherits$3(subClass, superClass) { if (typeof superClass !== "function
 
 function _setPrototypeOf$1(o, p) { _setPrototypeOf$1 = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf$1(o, p); }
 
-function _createSuper$1I(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1I(); return function _createSuperInternal() { var Super = _getPrototypeOf$1(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$1(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$3(this, result); }; }
+function _createSuper$1J(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1J(); return function _createSuperInternal() { var Super = _getPrototypeOf$1(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$1(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$3(this, result); }; }
 
 function _possibleConstructorReturn$3(self, call) { if (call && (_typeof$3(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$2(self); }
 
 function _assertThisInitialized$2(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _isNativeReflectConstruct$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; } }
 
 function _getPrototypeOf$1(o) { _getPrototypeOf$1 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf$1(o); }
 
 var ContainerRender = /*#__PURE__*/function (_React$Component) {
   _inherits$3(ContainerRender, _React$Component);
 
-  var _super = _createSuper$1I(ContainerRender);
+  var _super = _createSuper$1J(ContainerRender);
 
   function ContainerRender() {
     var _this;
@@ -63145,20 +63424,20 @@ function _inherits$4(subClass, superClass) { if (typeof superClass !== "function
 
 function _setPrototypeOf$2(o, p) { _setPrototypeOf$2 = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf$2(o, p); }
 
-function _createSuper$1J(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1J(); return function _createSuperInternal() { var Super = _getPrototypeOf$2(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$2(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$4(this, result); }; }
+function _createSuper$1K(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1K(); return function _createSuperInternal() { var Super = _getPrototypeOf$2(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$2(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$4(this, result); }; }
 
 function _possibleConstructorReturn$4(self, call) { if (call && (_typeof$4(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$3(self); }
 
 function _assertThisInitialized$3(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _isNativeReflectConstruct$1J() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1K() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 function _getPrototypeOf$2(o) { _getPrototypeOf$2 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf$2(o); }
 
 var Portal = /*#__PURE__*/function (_React$Component) {
   _inherits$4(Portal, _React$Component);
 
-  var _super = _createSuper$1J(Portal);
+  var _super = _createSuper$1K(Portal);
 
   function Portal() {
     _classCallCheck$4(this, Portal);
@@ -63227,7 +63506,7 @@ function isPointsEq(a1, a2, isAlignPoint) {
 
 function getAlignFromPlacement(builtinPlacements, placementStr, align) {
   var baseAlign = builtinPlacements[placementStr] || {};
-  return _extends$1B({}, baseAlign, align);
+  return _extends$1C({}, baseAlign, align);
 }
 
 function getAlignPopupClassName(builtinPlacements, prefixCls, align, isAlignPoint) {
@@ -63306,7 +63585,7 @@ function _defineProperty$3(obj, key, value) {
   return obj;
 }
 
-function ownKeys$$(object, enumerableOnly) {
+function ownKeys$10(object, enumerableOnly) {
   var keys = Object.keys(object);
 
   if (Object.getOwnPropertySymbols) {
@@ -63325,13 +63604,13 @@ function _objectSpread2(target) {
     var source = arguments[i] != null ? arguments[i] : {};
 
     if (i % 2) {
-      ownKeys$$(source, true).forEach(function (key) {
+      ownKeys$10(source, true).forEach(function (key) {
         _defineProperty$3(target, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$$(source).forEach(function (key) {
+      ownKeys$10(source).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -65796,7 +66075,7 @@ var Animate = function (_React$Component) {
       if (Component) {
         var passedProps = props;
         if (typeof Component === 'string') {
-          passedProps = _extends$1B({
+          passedProps = _extends$1C({
             className: props.className,
             style: props.style
           }, props.componentProps);
@@ -66149,7 +66428,7 @@ var Popup = function (_Component) {
       }
     }
 
-    var newStyle = _extends$1B({}, sizeStyle, style, this.getZIndexStyle());
+    var newStyle = _extends$1C({}, sizeStyle, style, this.getZIndexStyle());
 
     var popupInnerProps = {
       className: className,
@@ -66182,7 +66461,7 @@ var Popup = function (_Component) {
           },
           React__default.createElement(
             PopupInner,
-            _extends$1B({
+            _extends$1C({
               visible: true
             }, popupInnerProps),
             children
@@ -66215,7 +66494,7 @@ var Popup = function (_Component) {
         },
         React__default.createElement(
           PopupInner,
-          _extends$1B({
+          _extends$1C({
             hiddenClassName: hiddenClassName
           }, popupInnerProps),
           children
@@ -67003,7 +67282,7 @@ var _initialiseProps$2 = function _initialiseProps() {
 
     return React__default.createElement(
       Popup,
-      _extends$1B({
+      _extends$1C({
         prefixCls: prefixCls,
         destroyPopupOnHide: destroyPopupOnHide,
         visible: popupVisible,
@@ -67082,7 +67361,7 @@ var _typeof3 = _interopRequireDefault(_typeof_1$1);
 
 
 
-var _extends3 = _interopRequireDefault(_extends$1A);
+var _extends3 = _interopRequireDefault(_extends$1B);
 
 
 
@@ -67247,7 +67526,7 @@ var _defineProperty3 = _interopRequireDefault(defineProperty$6);
 
 
 
-var _extends3 = _interopRequireDefault(_extends$1A);
+var _extends3 = _interopRequireDefault(_extends$1B);
 
 
 
@@ -67690,7 +67969,7 @@ Object.defineProperty(exports, "__esModule", {
 
 
 
-var _extends3 = _interopRequireDefault(_extends$1A);
+var _extends3 = _interopRequireDefault(_extends$1B);
 
 
 
@@ -68130,17 +68409,17 @@ var FILM_DESTINATION_DIC = [{
   value: 'PROCESSOR'
 }];
 
-var css_248z$H = ".paladin-film-tool-item {\n  width: 46px;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid #252525;\n  background: #252525;\n  margin: 2px;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-label {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  white-space: nowrap;\n  color: #c0c0c0;\n  margin-top: 5px;\n  overflow: hidden;\n  text-align: center;\n  word-break: break-all;\n  justify-content: center;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-icon {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-icon svg {\n  width: 22px;\n  height: 22px;\n  color: #c0c0c0;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-text {\n  color: #fff;\n  text-align: center;\n  font-size: 14px;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-more {\n  padding: 0 4px 0 3px;\n  height: 100%;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-more svg {\n  width: 7px;\n  color: #c0c0c0;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-more:hover {\n  background: #0d5075;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main {\n  height: 100%;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main:hover {\n  background: #0d5075;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main:hover .paladin-tool-item-plus-label {\n  color: #fff;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main:hover .paladin-tool-item-plus-icon svg {\n  color: #fff;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main .paladin-tool-item-content {\n  padding: 6px;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main-active {\n  background: #0d5075;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main-active .paladin-tool-item-plus-label {\n  color: #fff;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main-active .paladin-tool-item-plus-icon svg {\n  color: #fff;\n}\n";
-styleInject$1(css_248z$H);
+var css_248z$I = ".paladin-film-tool-item {\n  width: 46px;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid #252525;\n  background: #252525;\n  margin: 2px;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-label {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  white-space: nowrap;\n  color: #c0c0c0;\n  margin-top: 5px;\n  overflow: hidden;\n  text-align: center;\n  word-break: break-all;\n  justify-content: center;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-icon {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-icon svg {\n  width: 22px;\n  height: 22px;\n  color: #c0c0c0;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-text {\n  color: #fff;\n  text-align: center;\n  font-size: 14px;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-more {\n  padding: 0 4px 0 3px;\n  height: 100%;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-more svg {\n  width: 7px;\n  color: #c0c0c0;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-more:hover {\n  background: #0d5075;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main {\n  height: 100%;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main:hover {\n  background: #0d5075;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main:hover .paladin-tool-item-plus-label {\n  color: #fff;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main:hover .paladin-tool-item-plus-icon svg {\n  color: #fff;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main .paladin-tool-item-content {\n  padding: 6px;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main-active {\n  background: #0d5075;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main-active .paladin-tool-item-plus-label {\n  color: #fff;\n}\n.paladin-film-tool-item .paladin-tool-item-plus-main-active .paladin-tool-item-plus-icon svg {\n  color: #fff;\n}\n";
+styleInject$1(css_248z$I);
 
-function _createSuper$1K(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1K(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1L(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1L(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1K() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1L() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var FilmDicomToolItem = /*#__PURE__*/function (_Component) {
   inherits(FilmDicomToolItem, _Component);
 
-  var _super = _createSuper$1K(FilmDicomToolItem);
+  var _super = _createSuper$1L(FilmDicomToolItem);
 
   function FilmDicomToolItem(props) {
     var _this;
@@ -68232,14 +68511,14 @@ defineProperty(FilmDicomToolItem, "propTypes", {
   data: PropTypes$1.any
 });
 
-function _createSuper$1L(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1L(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1M(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1M(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1L() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1M() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var FilmToolVerticalMode = /*#__PURE__*/function (_Component) {
   inherits(FilmToolVerticalMode, _Component);
 
-  var _super = _createSuper$1L(FilmToolVerticalMode);
+  var _super = _createSuper$1M(FilmToolVerticalMode);
 
   function FilmToolVerticalMode(props) {
     var _this;
@@ -68340,29 +68619,29 @@ var FilmToolVerticalMode = /*#__PURE__*/function (_Component) {
   return FilmToolVerticalMode;
 }(React.Component);
 
-var css_248z$I = ".paladin-film-print-modal table {\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n  border: 1px solid #525253;\n  border-bottom: none;\n}\n.paladin-film-print-modal table svg {\n  width: 20px;\n}\n.paladin-film-print-modal table tr {\n  height: 54px;\n  margin-left: 30px;\n  border-bottom: 1px solid #525253;\n}\n.paladin-film-print-modal table tr .th-1 {\n  width: 3%;\n}\n.paladin-film-print-modal table tr .th-2 {\n  width: 18%;\n}\n.paladin-film-print-modal table tr .th-3 {\n  width: 13%;\n}\n.paladin-film-print-modal table tr .th-4 {\n  width: 19%;\n}\n.paladin-film-print-modal table tr .th-5 {\n  width: 15%;\n}\n.paladin-film-print-modal table tr .th-6 {\n  width: 12%;\n}\n.paladin-film-print-modal table tr .th-7 {\n  width: 16%;\n}\n.paladin-film-print-modal table tr th {\n  background: #404041;\n}\n.paladin-film-print-modal table tr th,\n.paladin-film-print-modal table tr td {\n  text-align: left;\n  font-weight: normal;\n  font-size: 14px;\n  word-wrap: break-word;\n  word-break: break-all;\n}\n.paladin-film-print-modal table tr th button,\n.paladin-film-print-modal table tr td button {\n  border: none;\n  background: transparent;\n  color: #3C7EFF;\n}\n.paladin-film-print-modal .print-modal-top {\n  margin-bottom: 24px;\n  margin-top: 5px;\n}\n.paladin-film-print-modal .print-modal-top button {\n  background: #3C7EFF;\n}\n.paladin-film-print-modal .printer-config-add-title {\n  color: #3C7EFF;\n  margin-left: 30px;\n}\n.paladin-film-print-modal .printer-config-form {\n  margin-top: 20px;\n}\n.paladin-film-print-modal .printer-config-form .paladin-ipt {\n  color: #ccc;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n}\n.paladin-film-print-modal .printer-config-form .paladin-row {\n  margin-bottom: 18px;\n}\n.paladin-film-print-modal .printer-config-form .paladin-col {\n  padding-right: 20px;\n}\n.paladin-film-print-modal .printer-config-form .paladin-col-xs-2 {\n  justify-content: center;\n  align-items: end;\n}\n.paladin-film-print-modal .printer-config-form .printer-config-form-radio .paladin-ipt {\n  width: 20px;\n}\n.paladin-film-print-modal .film-box {\n  display: flex;\n  align-items: center;\n}\n.paladin-film-print-modal .film-box span {\n  display: flex;\n  flex: none;\n  width: 100px;\n}\n.paladin-film-print-modal .film-box .film-select {\n  cursor: pointer;\n  width: 200px;\n  height: 40px;\n  display: flex;\n  position: relative;\n  align-items: center;\n  justify-content: center;\n  background: #1f1f1f;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n}\n.paladin-film-print-modal .film-box button {\n  border: none;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  background: #1f1f1f;\n  color: #c0c0c0;\n  font-size: 15px;\n}\n.paladin-film-print-modal .film-box svg {\n  width: 20px;\n  position: absolute;\n  right: 5px;\n  top: 0;\n}\n.paladin-film-print-modal .film-printer-info {\n  margin-left: 100px;\n  color: #A4A4A4;\n}\n.paladin-film-print-modal .film-printer-info p {\n  margin-top: 15px;\n}\n.paladin-film-print-modal .paladin-menu-custom {\n  width: 200px;\n  background: #000000;\n  color: #c0c0c0;\n  padding: 0;\n  margin: 0;\n}\n.paladin-film-print-modal .paladin-menu-custom li {\n  text-align: center;\n  list-style: none;\n  border-bottom: 1px solid #4D4D4D;\n  padding: 6px 0;\n  cursor: pointer;\n}\n.paladin-film-print-modal .paladin-menu-custom li:last-child {\n  border-bottom: none;\n}\n.paladin-film-print-modal .film-button-select-margin-top {\n  margin-top: 15px;\n}\n.paladin-film-print-modal .film-button-select {\n  height: 36px;\n}\n.paladin-film-print-modal .film-button-select .paladin-col {\n  justify-content: center;\n}\n.paladin-film-print-modal .film-button-select .paladin-ipt {\n  color: #fff;\n  border-color: #4D4D4D;\n}\n.paladin-film-print-modal .film-button-select-item {\n  cursor: pointer;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  height: 36px;\n  border: 1px solid #555555;\n  border-right: none;\n}\n.paladin-film-print-modal .film-button-select-item:last-child {\n  border-right: 1px solid #555555;\n}\n.paladin-film-print-modal .film-button-select-item-active {\n  background: #3C7EFF;\n  color: #fff;\n}\n.paladin-film-print-modal .print-modal-bottom {\n  margin-top: 30px;\n  text-align: right;\n}\n.paladin-film-print-modal .print-modal-bottom .paladin-default {\n  background: #454545;\n  border: 1px solid #707070;\n  color: rgba(255, 255, 255, 0.9);\n}\n.paladin-film-print-modal .print-modal-bottom .paladin-primary {\n  background: #3C7EFF;\n}\n";
-styleInject$1(css_248z$I);
+var css_248z$J = ".paladin-film-print-modal table {\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n  border: 1px solid #525253;\n  border-bottom: none;\n}\n.paladin-film-print-modal table svg {\n  width: 20px;\n}\n.paladin-film-print-modal table tr {\n  height: 54px;\n  margin-left: 30px;\n  border-bottom: 1px solid #525253;\n}\n.paladin-film-print-modal table tr .th-1 {\n  width: 3%;\n}\n.paladin-film-print-modal table tr .th-2 {\n  width: 18%;\n}\n.paladin-film-print-modal table tr .th-3 {\n  width: 13%;\n}\n.paladin-film-print-modal table tr .th-4 {\n  width: 19%;\n}\n.paladin-film-print-modal table tr .th-5 {\n  width: 15%;\n}\n.paladin-film-print-modal table tr .th-6 {\n  width: 12%;\n}\n.paladin-film-print-modal table tr .th-7 {\n  width: 16%;\n}\n.paladin-film-print-modal table tr th {\n  background: #404041;\n}\n.paladin-film-print-modal table tr th,\n.paladin-film-print-modal table tr td {\n  text-align: left;\n  font-weight: normal;\n  font-size: 14px;\n  word-wrap: break-word;\n  word-break: break-all;\n}\n.paladin-film-print-modal table tr th button,\n.paladin-film-print-modal table tr td button {\n  border: none;\n  background: transparent;\n  color: #3C7EFF;\n}\n.paladin-film-print-modal .print-modal-top {\n  margin-bottom: 24px;\n  margin-top: 5px;\n}\n.paladin-film-print-modal .print-modal-top button {\n  background: #3C7EFF;\n}\n.paladin-film-print-modal .printer-config-add-title {\n  color: #3C7EFF;\n  margin-left: 30px;\n}\n.paladin-film-print-modal .printer-config-form {\n  margin-top: 20px;\n}\n.paladin-film-print-modal .printer-config-form .paladin-ipt {\n  color: #ccc;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n}\n.paladin-film-print-modal .printer-config-form .paladin-row {\n  margin-bottom: 18px;\n}\n.paladin-film-print-modal .printer-config-form .paladin-col {\n  padding-right: 20px;\n}\n.paladin-film-print-modal .printer-config-form .paladin-col-xs-2 {\n  justify-content: center;\n  align-items: end;\n}\n.paladin-film-print-modal .printer-config-form .printer-config-form-radio .paladin-ipt {\n  width: 20px;\n}\n.paladin-film-print-modal .film-box {\n  display: flex;\n  align-items: center;\n}\n.paladin-film-print-modal .film-box span {\n  display: flex;\n  flex: none;\n  width: 100px;\n}\n.paladin-film-print-modal .film-box .film-select {\n  cursor: pointer;\n  width: 200px;\n  height: 40px;\n  display: flex;\n  position: relative;\n  align-items: center;\n  justify-content: center;\n  background: #1f1f1f;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n}\n.paladin-film-print-modal .film-box button {\n  border: none;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  background: #1f1f1f;\n  color: #c0c0c0;\n  font-size: 15px;\n}\n.paladin-film-print-modal .film-box svg {\n  width: 20px;\n  position: absolute;\n  right: 5px;\n  top: 0;\n}\n.paladin-film-print-modal .film-printer-info {\n  margin-left: 100px;\n  color: #A4A4A4;\n}\n.paladin-film-print-modal .film-printer-info p {\n  margin-top: 15px;\n}\n.paladin-film-print-modal .paladin-menu-custom {\n  width: 200px;\n  background: #000000;\n  color: #c0c0c0;\n  padding: 0;\n  margin: 0;\n}\n.paladin-film-print-modal .paladin-menu-custom li {\n  text-align: center;\n  list-style: none;\n  border-bottom: 1px solid #4D4D4D;\n  padding: 6px 0;\n  cursor: pointer;\n}\n.paladin-film-print-modal .paladin-menu-custom li:last-child {\n  border-bottom: none;\n}\n.paladin-film-print-modal .film-button-select-margin-top {\n  margin-top: 15px;\n}\n.paladin-film-print-modal .film-button-select {\n  height: 36px;\n}\n.paladin-film-print-modal .film-button-select .paladin-col {\n  justify-content: center;\n}\n.paladin-film-print-modal .film-button-select .paladin-ipt {\n  color: #fff;\n  border-color: #4D4D4D;\n}\n.paladin-film-print-modal .film-button-select-item {\n  cursor: pointer;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  height: 36px;\n  border: 1px solid #555555;\n  border-right: none;\n}\n.paladin-film-print-modal .film-button-select-item:last-child {\n  border-right: 1px solid #555555;\n}\n.paladin-film-print-modal .film-button-select-item-active {\n  background: #3C7EFF;\n  color: #fff;\n}\n.paladin-film-print-modal .print-modal-bottom {\n  margin-top: 30px;\n  text-align: right;\n}\n.paladin-film-print-modal .print-modal-bottom .paladin-default {\n  background: #454545;\n  border: 1px solid #707070;\n  color: rgba(255, 255, 255, 0.9);\n}\n.paladin-film-print-modal .print-modal-bottom .paladin-primary {\n  background: #3C7EFF;\n}\n";
+styleInject$1(css_248z$J);
 
-function _extends$1D() { _extends$1D = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1D.apply(this, arguments); }
+function _extends$1E() { _extends$1E = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1E.apply(this, arguments); }
 
-var _ref$1A = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1C = /*#__PURE__*/React__default.createElement("path", {
   d: "M29.839 10.107q0 .714-.5 1.214L13.982 26.678q-.5.5-1.214.5t-1.214-.5l-8.893-8.893q-.5-.5-.5-1.214t.5-1.214l2.429-2.429q.5-.5 1.214-.5t1.214.5l5.25 5.268L24.482 6.464q.5-.5 1.214-.5t1.214.5l2.429 2.429q.5.5.5 1.214z"
 });
 
-const SvgOk = props => /*#__PURE__*/React__default.createElement("svg", _extends$1D({
+const SvgOk = props => /*#__PURE__*/React__default.createElement("svg", _extends$1E({
   width: 32,
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$1A);
+}, props), _ref$1C);
 
-function ownKeys$10(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$11(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$10(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$10(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$10(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$11(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$11(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$11(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$1M(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1M(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1N(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1N(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1M() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1N() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 var initFormData = {
   id: null,
   name: "",
@@ -68375,7 +68654,7 @@ var initFormData = {
 var FilmPrintModal = /*#__PURE__*/function (_Component) {
   inherits(FilmPrintModal, _Component);
 
-  var _super = _createSuper$1M(FilmPrintModal);
+  var _super = _createSuper$1N(FilmPrintModal);
 
   function FilmPrintModal(props) {
     var _this;
@@ -68425,7 +68704,7 @@ var FilmPrintModal = /*#__PURE__*/function (_Component) {
 
     defineProperty(assertThisInitialized(_this), "setFormData", function (key, value) {
       _this.setState({
-        formData: _objectSpread$10(_objectSpread$10({}, _this.state.formData), {}, defineProperty({}, key, value))
+        formData: _objectSpread$11(_objectSpread$11({}, _this.state.formData), {}, defineProperty({}, key, value))
       });
     });
 
@@ -68622,14 +68901,14 @@ var FilmPrintModal = /*#__PURE__*/function (_Component) {
   return FilmPrintModal;
 }(React.Component);
 
-function _createSuper$1N(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1N(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1O(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1O(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1N() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1O() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var FilmTool = /*#__PURE__*/function (_Component) {
   inherits(FilmTool, _Component);
 
-  var _super = _createSuper$1N(FilmTool);
+  var _super = _createSuper$1O(FilmTool);
 
   function FilmTool(props) {
     var _this;
@@ -68873,9 +69152,9 @@ function _unsupportedIterableToArray$h(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$h(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function ownKeys$11(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$12(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$11(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$11(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$11(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$12(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$12(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$12(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var domId = "paladinFilmOutputMock";
 var devicePixelRatio$4 = getDevicePixelRatio();
 var currentImageLoad = null;
@@ -69030,7 +69309,7 @@ var getFilmPrintImageData = /*#__PURE__*/function () {
             lodash$1.forEach(films, function (film) {
               var _data = lodash$1.pick(film, ['id', 'seriesNumber', 'seriesCount', 'instanceNumber', 'instanceCount', 'viewport']);
 
-              currentFilms[film.imageIds[0]] = _objectSpread$11(_objectSpread$11({}, _data), {}, {
+              currentFilms[film.imageIds[0]] = _objectSpread$12(_objectSpread$12({}, _data), {}, {
                 realWidth: filmItemWidth,
                 widthInView: viewFilmItemWidth
               });
@@ -69080,7 +69359,7 @@ var getFilmPrintImageData = /*#__PURE__*/function () {
             bitmap = _context.sent;
 
           case 37:
-            filmPrintOriginImageData.push(_objectSpread$11(_objectSpread$11({}, film), {}, {
+            filmPrintOriginImageData.push(_objectSpread$12(_objectSpread$12({}, film), {}, {
               bitmap: bitmap
             }));
 
@@ -69532,32 +69811,32 @@ var drawRightBottom = function drawRightBottom(dicom, ctx, width, height, viewpo
   ctx.fillText("W: ".concat(windowWidth.toFixed(0)), contentX, contentY);
 };
 
-function _extends$1E() { _extends$1E = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1E.apply(this, arguments); }
+function _extends$1F() { _extends$1F = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1F.apply(this, arguments); }
 
-var _ref$1B = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1D = /*#__PURE__*/React__default.createElement("path", {
   d: "M185.884 327.55L146.3 367.133l365.721 365.646L877.7 367.133l-39.583-39.583-326.12 326.126z"
 });
 
-const SvgDown = props => /*#__PURE__*/React__default.createElement("svg", _extends$1E({
+const SvgDown = props => /*#__PURE__*/React__default.createElement("svg", _extends$1F({
   className: "down_svg__icon",
   viewBox: "0 0 1024 1024",
   width: 200,
   height: 200,
   fill: "currentColor"
-}, props), _ref$1B);
+}, props), _ref$1D);
 
-function ownKeys$12(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$13(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$12(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$12(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$12(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$13(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$13(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$13(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$1O(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1O(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1P(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1P(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1O() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1P() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var FilmPrintModal$1 = /*#__PURE__*/function (_Component) {
   inherits(FilmPrintModal, _Component);
 
-  var _super = _createSuper$1O(FilmPrintModal);
+  var _super = _createSuper$1P(FilmPrintModal);
 
   function FilmPrintModal(props) {
     var _this;
@@ -69620,7 +69899,7 @@ var FilmPrintModal$1 = /*#__PURE__*/function (_Component) {
         return;
       }
 
-      var printOptions = _objectSpread$12(_objectSpread$12({}, currentPrinter), {}, {
+      var printOptions = _objectSpread$13(_objectSpread$13({}, currentPrinter), {}, {
         filmMedium: filmMedium,
         filmSize: filmSize,
         filmPageType: filmPageType,
@@ -69837,11 +70116,11 @@ function _unsupportedIterableToArray$i(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$i(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function ownKeys$13(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$14(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$13(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$13(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$13(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$14(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$14(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$14(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$y = function mapStateToProps(state) {
+var mapStateToProps$z = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.film,
       films = _state$paladin$tools$.films,
       filmSizeType = _state$paladin$tools$.filmSizeType,
@@ -69863,7 +70142,7 @@ var mapStateToProps$y = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$x = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$y = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var onFilmPrint = /*#__PURE__*/function () {
     var _ref = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(options) {
       var filmSizeId, films, filmCurrentPage, row, col, filmElement, viewFilmItemWidth, imageOptions, printerOptions;
@@ -69910,7 +70189,7 @@ var mergeProps$x = function mergeProps(propsFromState, propsFromDispatch, ownPro
                 col: col,
                 viewFilmItemWidth: viewFilmItemWidth
               };
-              printerOptions = _objectSpread$13(_objectSpread$13({}, options), {}, {
+              printerOptions = _objectSpread$14(_objectSpread$14({}, options), {}, {
                 filmSize: filmSizeId
               }); // 打印的预检查
 
@@ -69950,7 +70229,7 @@ var mergeProps$x = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
                         case 11:
                           result = _context.sent;
-                          ownProps.filmPrinterMethods('print', _objectSpread$13(_objectSpread$13({}, result), {}, {
+                          ownProps.filmPrinterMethods('print', _objectSpread$14(_objectSpread$14({}, result), {}, {
                             totalPage: 1,
                             currentPage: 1,
                             options: printerOptions
@@ -69997,7 +70276,7 @@ var mergeProps$x = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
             case 4:
               result = _context4.sent;
-              ownProps.filmPrinterMethods('print', _objectSpread$13(_objectSpread$13({}, result), {}, {
+              ownProps.filmPrinterMethods('print', _objectSpread$14(_objectSpread$14({}, result), {}, {
                 totalPage: totalPage,
                 currentPage: pageIndex + 1,
                 options: printerOptions
@@ -70046,7 +70325,7 @@ var mergeProps$x = function mergeProps(propsFromState, propsFromDispatch, ownPro
     };
   }();
 
-  return _objectSpread$13(_objectSpread$13(_objectSpread$13(_objectSpread$13({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$14(_objectSpread$14(_objectSpread$14(_objectSpread$14({}, ownProps), propsFromState), propsFromDispatch), {}, {
     back: function back() {
       propsFromDispatch.activeDicomFunction('Film', false);
     },
@@ -70152,23 +70431,23 @@ var mergeProps$x = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedFilmTool = reactRedux.connect(mapStateToProps$y, {
+var ConnectedFilmTool = reactRedux.connect(mapStateToProps$z, {
   setFilmLayout: setFilmLayout,
   setFilmSizeType: setFilmSizeType,
   activeDicomFunction: activeDicomFunction,
   setFilmActiveTool: setFilmActiveTool,
   clearFilms: clearFilms
-}, mergeProps$x)(FilmTool);
-
-var css_248z$J = ".paladin-film-view-wrapper {\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  position: relative;\n}\n.paladin-film-view-wrapper .paladin-film-slide-ctrl {\n  height: 40px;\n  width: 100%;\n  margin: 20px auto 0 auto;\n  color: #d2d2d2;\n  background: #353535;\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n.paladin-film-view-wrapper .paladin-film-slide-ctrl svg {\n  width: 18px;\n  height: 18px;\n}\n.paladin-film-view-wrapper .paladin-film-slide-ctrl div {\n  display: flex;\n  flex: none;\n  margin-left: 15px;\n}\n.paladin-film-view-wrapper .paladin-film-slide-ctrl .paladin-film-slide-ctrl-delete {\n  margin-left: 0;\n  position: absolute;\n  right: 10px;\n}\n.paladin-film-view-wrapper .paladin-film-view-content {\n  box-sizing: border-box;\n  position: absolute;\n  left: 50%;\n}\n.paladin-film-view-wrapper .paladin-film-view-col {\n  box-sizing: border-box;\n  border: 2px solid #353535;\n}\n.paladin-film-view-wrapper .paladin-film-view-row {\n  box-sizing: border-box;\n  display: flex;\n  width: 100%;\n}\n";
-styleInject$1(css_248z$J);
+}, mergeProps$y)(FilmTool);
 
-var css_248z$K = ".paladin-film-viewport-wrapper {\n  width: 100%;\n  height: 100%;\n  color: #fff;\n}\n.cornerstone-canvas-container {\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n";
+var css_248z$K = ".paladin-film-view-wrapper {\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  position: relative;\n}\n.paladin-film-view-wrapper .paladin-film-slide-ctrl {\n  height: 40px;\n  width: 100%;\n  margin: 20px auto 0 auto;\n  color: #d2d2d2;\n  background: #353535;\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n.paladin-film-view-wrapper .paladin-film-slide-ctrl svg {\n  width: 18px;\n  height: 18px;\n}\n.paladin-film-view-wrapper .paladin-film-slide-ctrl div {\n  display: flex;\n  flex: none;\n  margin-left: 15px;\n}\n.paladin-film-view-wrapper .paladin-film-slide-ctrl .paladin-film-slide-ctrl-delete {\n  margin-left: 0;\n  position: absolute;\n  right: 10px;\n}\n.paladin-film-view-wrapper .paladin-film-view-content {\n  box-sizing: border-box;\n  position: absolute;\n  left: 50%;\n}\n.paladin-film-view-wrapper .paladin-film-view-col {\n  box-sizing: border-box;\n  border: 2px solid #353535;\n}\n.paladin-film-view-wrapper .paladin-film-view-row {\n  box-sizing: border-box;\n  display: flex;\n  width: 100%;\n}\n";
 styleInject$1(css_248z$K);
 
-function _createSuper$1P(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1P(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+var css_248z$L = ".paladin-film-viewport-wrapper {\n  width: 100%;\n  height: 100%;\n  color: #fff;\n}\n.cornerstone-canvas-container {\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n";
+styleInject$1(css_248z$L);
 
-function _isNativeReflectConstruct$1P() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _createSuper$1Q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1Q(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$1Q() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 var loadIndicatorDelay$2 = 300;
 
 function capitalizeFirstLetter$1(string) {
@@ -70200,7 +70479,7 @@ function initializeTools$1(cornerstoneTools, tools, element) {
 var FilmViewport = /*#__PURE__*/function (_Component) {
   inherits(FilmViewport, _Component);
 
-  var _super = _createSuper$1P(FilmViewport);
+  var _super = _createSuper$1Q(FilmViewport);
 
   function FilmViewport(props) {
     var _this;
@@ -70550,7 +70829,7 @@ defineProperty(FilmViewport, "defaultProps", {
   }]
 });
 
-var mapStateToProps$z = function mapStateToProps(state) {
+var mapStateToProps$A = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.film,
       filmActiveTool = _state$paladin$tools$.filmActiveTool,
       filmRelativeIndexes = _state$paladin$tools$.filmRelativeIndexes,
@@ -70562,19 +70841,19 @@ var mapStateToProps$z = function mapStateToProps(state) {
   };
 };
 
-var ConnectedFilmViewport = reactRedux.connect(mapStateToProps$z, {
+var ConnectedFilmViewport = reactRedux.connect(mapStateToProps$A, {
   setActiveTool: setActiveTool,
   setSeriesCurrentIndex: setSeriesCurrentIndex
 })(FilmViewport);
 
-function _createSuper$1Q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1Q(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1R(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1R(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1Q() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1R() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var FilmView = /*#__PURE__*/function (_Component) {
   inherits(FilmView, _Component);
 
-  var _super = _createSuper$1Q(FilmView);
+  var _super = _createSuper$1R(FilmView);
 
   function FilmView(props) {
     var _this;
@@ -70830,11 +71109,11 @@ var FilmView = /*#__PURE__*/function (_Component) {
   return FilmView;
 }(React.Component);
 
-function ownKeys$14(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$15(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$14(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$14(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$14(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$15(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$15(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$15(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$A = function mapStateToProps(state) {
+var mapStateToProps$B = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.film,
       films = _state$paladin$tools$.films,
       filmLayoutRow = _state$paladin$tools$.filmLayoutRow,
@@ -70858,8 +71137,8 @@ var mapStateToProps$A = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$y = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$14(_objectSpread$14(_objectSpread$14(_objectSpread$14({}, ownProps), propsFromState), propsFromDispatch), {}, {
+var mergeProps$z = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$15(_objectSpread$15(_objectSpread$15(_objectSpread$15({}, ownProps), propsFromState), propsFromDispatch), {}, {
     dragFilmLocation: function dragFilmLocation(origin, target) {
       if (origin !== target) {
         propsFromDispatch.exchangeFilm(origin, target);
@@ -70907,7 +71186,7 @@ var mergeProps$y = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedFilmView = reactRedux.connect(mapStateToProps$A, {
+var ConnectedFilmView = reactRedux.connect(mapStateToProps$B, {
   setActiveTool: setActiveTool,
   exchangeFilm: exchangeFilm,
   removeFilm: removeFilm,
@@ -70915,10 +71194,10 @@ var ConnectedFilmView = reactRedux.connect(mapStateToProps$A, {
   setFilmRelativeIndex: setFilmRelativeIndex,
   setFilmViewport: setFilmViewport,
   setFilmCurrentPage: setFilmCurrentPage
-}, mergeProps$y)(FilmView);
+}, mergeProps$z)(FilmView);
 
-var css_248z$L = ".paladin-fusion-wrapper {\n  width: 100%;\n  height: 100%;\n  color: white;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.paladin-fusion-wrapper .paladin-fusion-item-fusion {\n  display: flex;\n  flex-direction: column;\n  width: 60%;\n  height: 100%;\n  position: relative;\n  z-index: 1;\n  flex: none;\n}\n.paladin-fusion-wrapper .paladin-fusion-origin {\n  display: flex;\n  flex-direction: column;\n  width: 40%;\n  height: 100%;\n  position: relative;\n  z-index: 1;\n  flex: none;\n}\n.paladin-fusion-wrapper .paladin-fusion-item {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  height: 50%;\n  position: relative;\n  z-index: 1;\n  flex: none;\n}\n.paladin-fusion-wrapper .paladin-fusion-ct,\n.paladin-fusion-wrapper .paladin-fusion-pet {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n.paladin-fusion-wrapper .paladin-fusion-ct {\n  z-index: 2;\n}\n.paladin-fusion-wrapper .paladin-fusion-pet {\n  z-index: 3;\n}\n";
-styleInject$1(css_248z$L);
+var css_248z$M = ".paladin-fusion-wrapper {\n  width: 100%;\n  height: 100%;\n  color: white;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.paladin-fusion-wrapper .paladin-fusion-item-fusion {\n  display: flex;\n  flex-direction: column;\n  width: 60%;\n  height: 100%;\n  position: relative;\n  z-index: 1;\n  flex: none;\n}\n.paladin-fusion-wrapper .paladin-fusion-origin {\n  display: flex;\n  flex-direction: column;\n  width: 40%;\n  height: 100%;\n  position: relative;\n  z-index: 1;\n  flex: none;\n}\n.paladin-fusion-wrapper .paladin-fusion-item {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  height: 50%;\n  position: relative;\n  z-index: 1;\n  flex: none;\n}\n.paladin-fusion-wrapper .paladin-fusion-ct,\n.paladin-fusion-wrapper .paladin-fusion-pet {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n.paladin-fusion-wrapper .paladin-fusion-ct {\n  z-index: 2;\n}\n.paladin-fusion-wrapper .paladin-fusion-pet {\n  z-index: 3;\n}\n";
+styleInject$1(css_248z$M);
 
 var dicomToolDefaultProps$1 = {
   activeTool: 'Wwwc',
@@ -71127,9 +71406,9 @@ function getCustomAvailableTools$1(data) {
   }];
 }
 
-function _createSuper$1R(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1R(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1S(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1S(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1R() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1S() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var getStudyDateTime$2 = function getStudyDateTime(dicom) {
   // 因为检查时间部分数据可能未传, 根据以下顺序进行获取
@@ -71208,7 +71487,7 @@ var formatDicomInfo$2 = function formatDicomInfo(label, value) {
 var ViewportOverlay$1 = /*#__PURE__*/function (_PureComponent) {
   inherits(ViewportOverlay, _PureComponent);
 
-  var _super = _createSuper$1R(ViewportOverlay);
+  var _super = _createSuper$1S(ViewportOverlay);
 
   function ViewportOverlay(props) {
     var _this;
@@ -71497,12 +71776,12 @@ defineProperty(ViewportOverlay$1, "propTypes", {
   hide: PropTypes$1.bool
 });
 
-var css_248z$M = ".paladin-mpr-direaction-tip {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  width: 10px;\n  height: 10px;\n}\n.paladin-mpr-direaction-toggle-box {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  cursor: pointer;\n}\n.paladin-mpr-direaction-toggle-box span {\n  display: inline-block;\n  padding: 3px;\n  font-size: 12px;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle {\n  border: 1px solid #999;\n  background: #000;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle:last-child {\n  border-left: none;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle-active {\n  background: #0d5075;\n}\n.rc-slider {\n  background-color: transparent !important;\n}\n.paladin-viewport-wrapper {\n  overflow: hidden;\n  color: white;\n  height: 100%;\n  position: relative;\n}\n.cornerstone-canvas-container {\n  box-sizing: border-box;\n  width: 100%;\n  position: relative;\n}\n.paladin-viewport-scroll-wrappper {\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n}\n.paladin-viewport-scroll-inner {\n  width: 40%;\n  margin: 5px auto auto;\n}\n.paladin-viewport-scroll-mpr-wrappper {\n  width: 100%;\n  position: relative;\n  z-index: 1;\n}\n.paladin-key-image-tip {\n  position: absolute;\n  top: 9px;\n  left: 50%;\n  font-size: 12px;\n  transform: translateX(20px);\n}\n.paladin-key-image-tip svg {\n  display: inline-block;\n  width: 12px !important;\n  height: 12px !important;\n  margin-right: 3px;\n}\n";
-styleInject$1(css_248z$M);
+var css_248z$N = ".paladin-mpr-direaction-tip {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  width: 10px;\n  height: 10px;\n}\n.paladin-mpr-direaction-toggle-box {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  cursor: pointer;\n}\n.paladin-mpr-direaction-toggle-box span {\n  display: inline-block;\n  padding: 3px;\n  font-size: 12px;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle {\n  border: 1px solid #999;\n  background: #000;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle:last-child {\n  border-left: none;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle-active {\n  background: #0d5075;\n}\n.rc-slider {\n  background-color: transparent !important;\n}\n.paladin-viewport-wrapper {\n  overflow: hidden;\n  color: white;\n  height: 100%;\n  position: relative;\n}\n.cornerstone-canvas-container {\n  box-sizing: border-box;\n  width: 100%;\n  position: relative;\n}\n.paladin-viewport-scroll-wrappper {\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n}\n.paladin-viewport-scroll-inner {\n  width: 40%;\n  margin: 5px auto auto;\n}\n.paladin-viewport-scroll-mpr-wrappper {\n  width: 100%;\n  position: relative;\n  z-index: 1;\n}\n.paladin-key-image-tip {\n  position: absolute;\n  top: 9px;\n  left: 50%;\n  font-size: 12px;\n  transform: translateX(20px);\n}\n.paladin-key-image-tip svg {\n  display: inline-block;\n  width: 12px !important;\n  height: 12px !important;\n  margin-right: 3px;\n}\n";
+styleInject$1(css_248z$N);
 
-function _createSuper$1S(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1S(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1T(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1T(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1S() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1T() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 var calculateSUV$3 = cornerstoneTools.importInternal('util/calculateSUV');
 var EVENT_RESIZE$1 = 'resize';
 var loadIndicatorDelay$3 = 300;
@@ -71537,7 +71816,7 @@ function initializeTools$2(cornerstoneTools, tools, element) {
 var FusionViewport = /*#__PURE__*/function (_Component) {
   inherits(FusionViewport, _Component);
 
-  var _super = _createSuper$1S(FusionViewport);
+  var _super = _createSuper$1T(FusionViewport);
 
   function FusionViewport(props) {
     var _this;
@@ -72286,7 +72565,7 @@ var FusionViewport = /*#__PURE__*/function (_Component) {
 
 defineProperty(FusionViewport, "defaultProps", dicomToolDefaultProps$1);
 
-var mapStateToProps$B = function mapStateToProps(state) {
+var mapStateToProps$C = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.action,
       activeTool = _state$paladin$tools$.activeTool,
       originActiveTool = _state$paladin$tools$.originActiveTool,
@@ -72317,20 +72596,20 @@ var mapStateToProps$B = function mapStateToProps(state) {
   };
 };
 
-var ConnectedFusionViewport = reactRedux.connect(mapStateToProps$B, {
+var ConnectedFusionViewport = reactRedux.connect(mapStateToProps$C, {
   setActiveTool: setActiveTool,
   setSeriesCurrentIndex: setSeriesCurrentIndex,
   setFusionReduxValue: setFusionReduxValue
 })(FusionViewport);
 
-function _createSuper$1T(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1T(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1U(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1U(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1T() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1U() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var PETLayout = /*#__PURE__*/function (_Component) {
   inherits(PETLayout, _Component);
 
-  var _super = _createSuper$1T(PETLayout);
+  var _super = _createSuper$1U(PETLayout);
 
   function PETLayout(props) {
     var _this;
@@ -72461,20 +72740,20 @@ var PETLayout = /*#__PURE__*/function (_Component) {
 
 defineProperty(PETLayout, "propTypes", {});
 
-function ownKeys$15(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$16(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$15(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$15(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$15(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$16(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$16(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$16(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$C = function mapStateToProps(state) {
-  return _objectSpread$15({}, state.paladin.tools.fusion);
+var mapStateToProps$D = function mapStateToProps(state) {
+  return _objectSpread$16({}, state.paladin.tools.fusion);
 };
 
-var mergeProps$z = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$A = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var fusionScrollSynchronizer = propsFromState.fusionScrollSynchronizer,
       fusionSynchronizer = propsFromState.fusionSynchronizer,
       fusionCTWWWCSynchronizer = propsFromState.fusionCTWWWCSynchronizer,
       fusionPETWWWCSynchronizer = propsFromState.fusionPETWWWCSynchronizer;
-  return _objectSpread$15(_objectSpread$15(_objectSpread$15({}, propsFromState), ownProps), {}, {
+  return _objectSpread$16(_objectSpread$16(_objectSpread$16({}, propsFromState), ownProps), {}, {
     onViewPortCellClick: function onViewPortCellClick(value) {
       propsFromDispatch.setFusionActiveIndex(value);
     },
@@ -72508,9 +72787,9 @@ var mergeProps$z = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedPETLayout = reactRedux.connect(mapStateToProps$C, {
+var ConnectedPETLayout = reactRedux.connect(mapStateToProps$D, {
   setFusionActiveIndex: setFusionActiveIndex
-}, mergeProps$z)(PETLayout);
+}, mergeProps$A)(PETLayout);
 
 function _createForOfIteratorHelper$h(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$j(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
@@ -72518,9 +72797,9 @@ function _unsupportedIterableToArray$j(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$j(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _createSuper$1U(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1U(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1V(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1V(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1U() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1V() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var DicomLayoutContainerWrap = function DicomLayoutContainerWrap(props) {
   return /*#__PURE__*/React__default.createElement("div", {
@@ -72544,7 +72823,7 @@ index$3.configure({
 var DicomView = /*#__PURE__*/function (_Component) {
   inherits(DicomView, _Component);
 
-  var _super = _createSuper$1U(DicomView);
+  var _super = _createSuper$1V(DicomView);
 
   function DicomView(props) {
     var _this;
@@ -73168,13 +73447,13 @@ function _unsupportedIterableToArray$k(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$k(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function ownKeys$16(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$17(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$16(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$16(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$16(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$17(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$17(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$17(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var throttle$9 = cornerstoneTools.importInternal('util/throttle');
 var NO_CHECK_MULTI_FRAME_MODALITIES = ['DR', 'CR', 'DX', 'MG'];
 
-var mapStateToProps$D = function mapStateToProps(state) {
+var mapStateToProps$E = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       activeIndex = _state$paladin$viewpo.activeIndex,
       imageActiveIndex = _state$paladin$viewpo.imageActiveIndex,
@@ -73251,7 +73530,7 @@ var mapStateToProps$D = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$A = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$B = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var activeIndex = propsFromState.activeIndex,
       imageActiveIndex = propsFromState.imageActiveIndex,
       MPR = propsFromState.MPR,
@@ -73349,7 +73628,7 @@ var mergeProps$A = function mergeProps(propsFromState, propsFromDispatch, ownPro
    * https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values
    */
 
-  return _objectSpread$16(_objectSpread$16(_objectSpread$16({}, ownProps), propsFromState), {}, {
+  return _objectSpread$17(_objectSpread$17(_objectSpread$17({}, ownProps), propsFromState), {}, {
     showDicomThumbnail: showDicomThumbnail,
     viewMode: viewMode,
     keyMap: {
@@ -73858,7 +74137,7 @@ var mergeProps$A = function mergeProps(propsFromState, propsFromDispatch, ownPro
     },
     initSeries: function () {
       var _initSeries2 = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(changeStudy, callback) {
-        var data, resetToolMergeState, synchronizer, linkSynchronizer, linkImageModeSynchronizer, linkScrollSynchronizer, options, _study, series, needCheckMultiFrame, hasMultiFrame, modalitiesInStudy, i, item, wado, url, dataSet, numFrames, imageIds, _i, imageId, seriesCurrentIndex, firstReady, maxRequest, retry, clearCacheEveryLoad, dicom, frameTime, linkToolLocalDefaultState, realActiveIndex, continuousMeasureLocalDefaultState, referenceLineLocalDefaultState, shutterLocalDefaultState;
+        var data, resetToolMergeState, synchronizer, linkSynchronizer, linkImageModeSynchronizer, linkScrollSynchronizer, options, _study, series, needCheckMultiFrame, hasMultiFrame, modalitiesInStudy, i, item, wado, url, dataSet, numFrames, imageIds, _i, imageId, seriesCurrentIndex, firstReady, maxRequest, retry, clearCacheEveryLoad, dicom, frameTime, linkToolLocalDefaultState, realActiveIndex, continuousMeasureLocalDefaultState, referenceLineLocalDefaultState, shutterLocalDefaultState, autoLinkSyncWindowLevelDefaultState, autoLinkSyncOtherDefaultState;
 
         return regenerator.wrap(function _callee$(_context) {
           while (1) {
@@ -74013,7 +74292,7 @@ var mergeProps$A = function mergeProps(propsFromState, propsFromDispatch, ownPro
                     imageIds.push(imageId);
                   }
 
-                  series[i] = _objectSpread$16(_objectSpread$16({}, item), {}, {
+                  series[i] = _objectSpread$17(_objectSpread$17({}, item), {}, {
                     imageIds: imageIds,
                     numberOfSeriesRelatedInstances: numFrames,
                     isMultiFrame: true
@@ -74078,7 +74357,7 @@ var mergeProps$A = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
                 callback && callback({
                   hasChange: hasMultiFrame,
-                  study: [_objectSpread$16(_objectSpread$16({}, _study[0]), {}, {
+                  study: [_objectSpread$17(_objectSpread$17({}, _study[0]), {}, {
                     series: series
                   })]
                 }); // 如果有frameTime的话设置fps
@@ -74132,7 +74411,24 @@ var mergeProps$A = function mergeProps(propsFromState, propsFromDispatch, ownPro
                   propsFromDispatch.setDisplayShutter(false);
                 }
 
-              case 72:
+                autoLinkSyncWindowLevelDefaultState = window.localStorage.getItem('hellfire-auto-link-sync-wl-default-state');
+                autoLinkSyncOtherDefaultState = window.localStorage.getItem('hellfire-auto-link-sync-other-default-state');
+
+                if (autoLinkSyncWindowLevelDefaultState && autoLinkSyncWindowLevelDefaultState === 'open') {
+                  propsFromDispatch.setActionStateByKey({
+                    key: 'autoLinkSyncWL',
+                    value: true
+                  });
+                }
+
+                if (autoLinkSyncOtherDefaultState && autoLinkSyncOtherDefaultState === 'close') {
+                  propsFromDispatch.setActionStateByKey({
+                    key: 'autoLinkSyncOther',
+                    value: false
+                  });
+                }
+
+              case 76:
               case "end":
                 return _context.stop();
             }
@@ -74217,7 +74513,7 @@ var mergeProps$A = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomView = reactRedux.connect(mapStateToProps$D, {
+var ConnectedDicomView = reactRedux.connect(mapStateToProps$E, {
   initSeries: initSeries,
   addSeries: addSeries,
   setCurrentSeries: setCurrentSeries,
@@ -74252,8 +74548,9 @@ var ConnectedDicomView = reactRedux.connect(mapStateToProps$D, {
   removeFilm: removeFilm,
   setDisplayShutter: setDisplayShutter,
   toggleFilmPrinterEntrance: toggleFilmPrinterEntrance,
-  setReduxLanguage: setReduxLanguage
-}, mergeProps$A, withRef())(DicomView);
+  setReduxLanguage: setReduxLanguage,
+  setActionStateByKey: setActionStateByKey
+}, mergeProps$B, withRef())(DicomView);
 
 function withRef() {
   var reactReduxVersion = package_json.version.split('.')[0];