hellfire 0.27.12 → 0.27.14

package/dist/index.js

@@ -1036,7 +1036,8 @@ var action = (function () {
 
     case RESET_TOOLS_STATE:
       {
-        return _objectSpread$1({}, initialState$1);
+        var mergeState = action.payload || {};
+        return _objectSpread$1(_objectSpread$1({}, initialState$1), mergeState);
       }
 
     case SET_VR_MODE:
@@ -1186,9 +1187,10 @@ function setViewMode(payload) {
   };
 } // 重置工具栏状态（切换study时调用）
 
-function resetToolsState() {
+function resetToolsState(payload) {
   return {
-    type: RESET_TOOLS_STATE
+    type: RESET_TOOLS_STATE,
+    payload: payload
   };
 } // 切换VR渲染模式
 
@@ -31460,10 +31462,13 @@ function isPromise(obj) {
 }
 
 var CreateModal = function CreateModal(props) {
+  var childWithProps = /*#__PURE__*/React__default.cloneElement(props.child, {
+    close: props.close
+  });
   return /*#__PURE__*/React__default.createElement(Modal, _extends_1({}, props, {
     footer: null,
     onCancel: props.close
-  }), props.child, props.footer && /*#__PURE__*/React__default.createElement("div", {
+  }), childWithProps, props.footer && /*#__PURE__*/React__default.createElement("div", {
     className: "paladin-modal-footer"
   }, props.cancelButtonProps.show && /*#__PURE__*/React__default.createElement(Button, {
     type: props.cancelButtonProps.type,
@@ -42750,7 +42755,8 @@ var DicomToolFlattenMode = /*#__PURE__*/function (_Component) {
           toggleMeasure = _this$props3.toggleMeasure,
           handleFullscreen = _this$props3.handleFullscreen,
           openDicomModal = _this$props3.openDicomModal,
-          operateKeyImages = _this$props3.operateKeyImages;
+          operateKeyImages = _this$props3.operateKeyImages,
+          openSettingModal = _this$props3.openSettingModal;
       var isThree = MPR || VR || Surgery || MIP || CPR; // 非同屏互通模式下
 
       var IODisconnect = !IO;
@@ -42977,7 +42983,14 @@ var DicomToolFlattenMode = /*#__PURE__*/function (_Component) {
             start3D('Surgery');
           }
         }
-      }, Surgery ? '退出手术路径规划' : '手术路径规划'))));
+      }, Surgery ? '退出手术路径规划' : '手术路径规划')), /*#__PURE__*/React__default.createElement("div", {
+        className: "paladin-flex-row"
+      }, /*#__PURE__*/React__default.createElement(LargeToolItem, {
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          openSettingModal();
+        }
+      }, "\u529F\u80FD\u8BBE\u7F6E"))));
     }
   }]);
 
@@ -45766,15 +45779,228 @@ function _ref$1m() {
   return _ref$1m.apply(this, arguments);
 }
 
+var css_248z$r = ".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 .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$r);
+
+var dicomSettingLeftMouseTools = ['StackScroll', 'Wwwc'];
+var dicomSettingLeftMouseToolsDic = [{
+  label: '浏览',
+  value: 'StackScroll'
+}, {
+  label: '调窗',
+  value: 'Wwwc'
+}];
+var dicomSettingRightMouseToolsDic = [{
+  label: '浏览',
+  value: 'StackScroll'
+}, {
+  label: '调窗',
+  value: 'Wwwc'
+}, {
+  label: '缩放',
+  value: 'Zoom'
+}, {
+  label: '移动',
+  value: 'Pan'
+}];
+var dicomSettingHotKeyDic = [{
+  label: '调窗',
+  hotkey: 'T'
+}, {
+  label: '浏览',
+  hotkey: 'L'
+}, {
+  label: '缩放',
+  hotkey: 'S'
+}, {
+  label: '移动',
+  hotkey: 'Y'
+}, {
+  label: '反色',
+  hotkey: 'F'
+}, {
+  label: '直线测量',
+  hotkey: 'Z'
+}, {
+  label: '矩形测量',
+  hotkey: 'J'
+}, {
+  label: 'CT值测量',
+  hotkey: 'C'
+}, {
+  label: '连续测量',
+  hotkey: 'A'
+}, {
+  label: '扫描定位线',
+  hotkey: 'D'
+}, {
+  label: '显示/隐藏图像信息',
+  hotkey: 'X'
+}];
+var hotKeyIsOpen = window.localStorage.getItem('hellfire-hotkey-open') || 'open';
+var customDicomSetting = {
+  leftMouseTool: 'Wwwc',
+  rightMouseTool: 'Zoom',
+  hotKeyIsOpen: hotKeyIsOpen
+};
+
+var saveCustomDicomSetting = function saveCustomDicomSetting() {
+  var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+  var _data = lodash$1.pickBy(data, function (value) {
+    return value && value !== '';
+  });
+
+  customDicomSetting = Object.assign(customDicomSetting, _data);
+};
+
+function ownKeys$H(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$I(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$H(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _createSuper$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$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 UserSettingModal = /*#__PURE__*/function (_Component) {
+  inherits(UserSettingModal, _Component);
+
+  var _super = _createSuper$1m(UserSettingModal);
+
+  function UserSettingModal(props) {
+    var _this;
+
+    classCallCheck(this, UserSettingModal);
+
+    _this = _super.call(this, props);
+
+    defineProperty(assertThisInitialized(_this), "handleSave", function () {
+      var dicomSettingChange = _this.props.dicomSettingChange;
+      window.localStorage.setItem('hellfire-hotkey-open', _this.state.hotKeyIsOpen);
+      dicomSettingChange && dicomSettingChange({
+        leftMouseTool: _this.state.leftMouseTool,
+        rightMouseTool: _this.state.rightMouseTool
+      });
+    });
+
+    _this.state = _objectSpread$I({}, customDicomSetting);
+    return _this;
+  }
+
+  createClass(UserSettingModal, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$state = this.state,
+          leftMouseTool = _this$state.leftMouseTool,
+          rightMouseTool = _this$state.rightMouseTool,
+          hotKeyIsOpen = _this$state.hotKeyIsOpen;
+      var close = this.props.close;
+      return /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-user-setting'
+      }, /*#__PURE__*/React__default.createElement("p", null, "\u9F20\u6807\u8BBE\u7F6E\uFF1A"), /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-setting-radio'
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-setting-radio-label'
+      }, "\u5DE6\u952E\uFF1A"), dicomSettingLeftMouseToolsDic && dicomSettingLeftMouseToolsDic.map(function (item, index) {
+        return /*#__PURE__*/React__default.createElement("div", {
+          className: 'paladin-setting-radio-item',
+          key: "setting-left-mouse-".concat(index)
+        }, /*#__PURE__*/React__default.createElement(Input$1, {
+          type: "radio",
+          checked: leftMouseTool === item.value,
+          onChange: function onChange(e) {
+            _this2.setState({
+              leftMouseTool: item.value
+            });
+          }
+        }), /*#__PURE__*/React__default.createElement("span", null, item.label));
+      })), /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-setting-radio',
+        style: {
+          marginTop: '10px'
+        }
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-setting-radio-label'
+      }, "\u53F3\u952E\uFF1A"), dicomSettingRightMouseToolsDic && dicomSettingRightMouseToolsDic.map(function (item, index) {
+        return /*#__PURE__*/React__default.createElement("div", {
+          className: 'paladin-setting-radio-item',
+          key: "setting-right-mouse-".concat(index)
+        }, /*#__PURE__*/React__default.createElement(Input$1, {
+          type: "radio",
+          checked: rightMouseTool === item.value,
+          onChange: function onChange(e) {
+            _this2.setState({
+              rightMouseTool: item.value
+            });
+          }
+        }), /*#__PURE__*/React__default.createElement("span", null, item.label));
+      })), /*#__PURE__*/React__default.createElement("p", {
+        style: {
+          marginTop: '30px'
+        }
+      }, "\u5FEB\u6377\u952E\u8BF4\u660E\uFF1A"), /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-setting-radio',
+        style: {
+          marginBottom: '15px'
+        }
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-setting-radio-item'
+      }, /*#__PURE__*/React__default.createElement(Input$1, {
+        type: "radio",
+        checked: hotKeyIsOpen === 'open',
+        onChange: function onChange(e) {
+          _this2.setState({
+            hotKeyIsOpen: 'open'
+          });
+        }
+      }), /*#__PURE__*/React__default.createElement("span", null, "\u5F00\u542F\u5FEB\u6377\u952E")), /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-setting-radio-item'
+      }, /*#__PURE__*/React__default.createElement(Input$1, {
+        type: "radio",
+        checked: hotKeyIsOpen === 'close',
+        onChange: function onChange(e) {
+          _this2.setState({
+            hotKeyIsOpen: 'close'
+          });
+        }
+      }), /*#__PURE__*/React__default.createElement("span", null, "\u5173\u95ED\u5FEB\u6377\u952E"))), /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-setting-hotkey'
+      }, dicomSettingHotKeyDic && dicomSettingHotKeyDic.map(function (value, index) {
+        return /*#__PURE__*/React__default.createElement("div", {
+          className: 'paladin-setting-hotkey-item',
+          key: "setting-hotkey-".concat(index)
+        }, value.label, "(", value.hotkey, ")");
+      })), /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-user-setting-remark'
+      }, "\u6CE8\uFF1A\u4FDD\u5B58\u540E\u4F1A\u81EA\u52A8\u5237\u65B0\u9875\u9762"), /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-user-setting-footer'
+      }, /*#__PURE__*/React__default.createElement(Button, {
+        onClick: close
+      }, "\u5173\u95ED"), /*#__PURE__*/React__default.createElement(Button, {
+        type: 'primary',
+        onClick: this.handleSave
+      }, "\u4FDD\u5B58")));
+    }
+  }]);
+
+  return UserSettingModal;
+}(React.Component);
+
+defineProperty(UserSettingModal, "propTypes", {
+  dicomSettingChange: PropTypes$1.func
+});
+
 function _createForOfIteratorHelper$9(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$b(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; } } }; }
 
 function _unsupportedIterableToArray$b(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$b(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$b(o, minLen); }
 
 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$H(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$I(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$I(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$H(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$J(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$I(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var scrollToIndex$4 = cornerstoneTools.scrollToIndex;
 
 var mapStateToProps$j = function mapStateToProps(state) {
@@ -46025,7 +46251,7 @@ var mergeProps$j = function mergeProps(propsFromState, propsFromDispatch, ownPro
   };
 
   var isThree = MPR || VR || MIP || CPR;
-  return _objectSpread$I(_objectSpread$I(_objectSpread$I(_objectSpread$I({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$J(_objectSpread$J(_objectSpread$J(_objectSpread$J({}, ownProps), propsFromState), propsFromDispatch), {}, {
     isThree: isThree,
     reset: function reset() {
       // 重置
@@ -46854,6 +47080,7 @@ var mergeProps$j = function mergeProps(propsFromState, propsFromDispatch, ownPro
       resetToolState(activeElement, mode);
     },
     toggleKeyImages: function toggleKeyImages() {
+      // 关键图像添加/移除
       var realSeriesIndex = col * currentScrollLine + activeIndex;
       var currentSeriesIndex = seriesCurrentIndex[realSeriesIndex];
       var SOPInstanceUID = currentSeries.SOPInstanceUIDs[currentSeriesIndex];
@@ -46945,6 +47172,20 @@ var mergeProps$j = function mergeProps(propsFromState, propsFromDispatch, ownPro
           handleAddKeyImage();
         }
       }
+    },
+    // 打开功能设置的弹框
+    openSettingModal: function openSettingModal() {
+      Modal.create( /*#__PURE__*/React__default.createElement(UserSettingModal, {
+        dicomSettingChange: ownProps.dicomSettingChange
+      }), {
+        title: '功能设置',
+        footer: false,
+        style: {
+          width: '580px',
+          top: '10%',
+          transform: 'translate(-50%,0)'
+        }
+      });
     }
   });
 };
@@ -46975,8 +47216,8 @@ var ConnectedDicomTool = reactRedux.connect(mapStateToProps$j, {
   closeGlobalLoading: closeGlobalLoading
 }, mergeProps$j)(DicomTool);
 
-var css_248z$r = ".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  font-size: 10px;\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 25px;\n}\n.paladin-fresh-button svg {\n  fill: #fff;\n}\n.paladin-fresh-button:hover {\n  background-color: #616772;\n}\n.paladin-fresh-button svg {\n  width: 15px !important;\n}\n.paladin-thumb-study {\n  cursor: pointer;\n  font-size: 14px;\n  line-height: 40px;\n  padding: 0 12px;\n  color: #ffffff;\n}\n.paladin-thumb-viewport {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n}\n.paladin-thumb-viewport h4,\n.paladin-thumb-viewport p {\n  font-size: 10px;\n}\n.paladin-thumb-study-wrapper {\n  border-bottom: 1px solid #727882;\n}\n.paladin-thumb-context-wrapper {\n  padding: 4px 2px;\n}\n";
-styleInject$1(css_248z$r);
+var css_248z$s = ".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  font-size: 10px;\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 25px;\n}\n.paladin-fresh-button svg {\n  fill: #fff;\n}\n.paladin-fresh-button:hover {\n  background-color: #616772;\n}\n.paladin-fresh-button svg {\n  width: 15px !important;\n}\n.paladin-thumb-study {\n  cursor: pointer;\n  font-size: 14px;\n  line-height: 40px;\n  padding: 0 12px;\n  color: #ffffff;\n}\n.paladin-thumb-viewport {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n}\n.paladin-thumb-viewport h4,\n.paladin-thumb-viewport p {\n  font-size: 10px;\n}\n.paladin-thumb-study-wrapper {\n  border-bottom: 1px solid #727882;\n}\n.paladin-thumb-context-wrapper {\n  padding: 4px 2px;\n}\n";
+styleInject$1(css_248z$s);
 
 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); }
 
@@ -46991,17 +47232,17 @@ const SvgRefresh$1 = props => /*#__PURE__*/React__default.createElement("svg", _
   fill: "currentColor"
 }, props), _ref$1n);
 
-var css_248z$s = ".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$s);
+var css_248z$t = ".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$t);
 
-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 LoadingIndicator = /*#__PURE__*/function (_PureComponent) {
   inherits(LoadingIndicator, _PureComponent);
 
-  var _super = _createSuper$1m(LoadingIndicator);
+  var _super = _createSuper$1n(LoadingIndicator);
 
   function LoadingIndicator() {
     classCallCheck(this, LoadingIndicator);
@@ -47067,9 +47308,9 @@ defineProperty(LoadingIndicator, "defaultProps", {
   error: null
 });
 
-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 loadIndicatorDelay = 300;
 var isMobile$2 = ua.isDeviceTypeMobile();
 
@@ -47096,7 +47337,7 @@ function initializeTools(cornerstoneTools, tools, element) {
 var ThumbnailViewport = /*#__PURE__*/function (_Component) {
   inherits(ThumbnailViewport, _Component);
 
-  var _super = _createSuper$1n(ThumbnailViewport);
+  var _super = _createSuper$1o(ThumbnailViewport);
 
   function ThumbnailViewport(props) {
     var _this;
@@ -47251,9 +47492,9 @@ defineProperty(ThumbnailViewport, "defaultProps", {
   }]
 });
 
-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 isMobile$3 = ua.isDeviceTypeMobile();
 
 var ThumbContent = function ThumbContent(props) {
@@ -47296,7 +47537,7 @@ var ThumbContent = function ThumbContent(props) {
 var DicomThumbnailLayout = /*#__PURE__*/function (_Component) {
   inherits(DicomThumbnailLayout, _Component);
 
-  var _super = _createSuper$1o(DicomThumbnailLayout);
+  var _super = _createSuper$1p(DicomThumbnailLayout);
 
   function DicomThumbnailLayout(props) {
     var _this;
@@ -47453,9 +47694,9 @@ var DicomThumbnailLayout = /*#__PURE__*/function (_Component) {
   return DicomThumbnailLayout;
 }(React.Component);
 
-function ownKeys$I(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$J(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$J(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$I(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$K(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$J(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$J(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var mapStateToProps$k = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
@@ -47479,7 +47720,7 @@ var mapStateToProps$k = function mapStateToProps(state) {
 };
 
 var mergeProps$k = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$J(_objectSpread$J(_objectSpread$J({}, ownProps), propsFromState), {}, {
+  return _objectSpread$K(_objectSpread$K(_objectSpread$K({}, ownProps), propsFromState), {}, {
     selectThumb: function selectThumb(selectSeriesIndex, currentStudy) {
       /**
        * 选择了缩略图时
@@ -47545,8 +47786,8 @@ var ConnectedDicomThumbnail = reactRedux.connect(mapStateToProps$k, {
   setActiveIndex: setActiveIndex
 }, mergeProps$k)(DicomThumbnailLayout);
 
-var css_248z$t = ".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$t);
+var css_248z$u = ".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$u);
 
 function combineDateAndTimeToMoment(dicom, tag) {
   var date = dicom[tag + 'Date'].toString();
@@ -47599,9 +47840,9 @@ function getPixelSpacing$9(imageId) {
   };
 }
 
-function _createSuper$1p(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1p(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1q(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1p() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1q() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var getCompression = function getCompression(dicom) {
   var lossyImageCompression = dicom.LossyImageCompression.toString(),
@@ -47725,7 +47966,7 @@ var formatDicomInfo = function formatDicomInfo(label, value) {
 var ViewportOverlay = /*#__PURE__*/function (_PureComponent) {
   inherits(ViewportOverlay, _PureComponent);
 
-  var _super = _createSuper$1p(ViewportOverlay);
+  var _super = _createSuper$1q(ViewportOverlay);
 
   function ViewportOverlay(props) {
     var _this;
@@ -47955,8 +48196,8 @@ defineProperty(ViewportOverlay, "propTypes", {
   hide: PropTypes$1.bool
 });
 
-var css_248z$u = ".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$u);
+var css_248z$v = ".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$v);
 
 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); }
 
@@ -47984,17 +48225,17 @@ const SvgChevronDown = props => /*#__PURE__*/React__default.createElement("svg",
   fill: "currentColor"
 }, props), _ref$1p);
 
-var css_248z$v = ".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$v);
+var css_248z$w = ".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$w);
 
-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 AITips = /*#__PURE__*/function (_Component) {
   inherits(AITips, _Component);
 
-  var _super = _createSuper$1q(AITips);
+  var _super = _createSuper$1r(AITips);
 
   function AITips() {
     classCallCheck(this, AITips);
@@ -48031,14 +48272,14 @@ defineProperty(AITips, "propTypes", {
   data: PropTypes$1.any
 });
 
-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 CustomScroll = /*#__PURE__*/function (_Component) {
   inherits(CustomScroll, _Component);
 
-  var _super = _createSuper$1r(CustomScroll);
+  var _super = _createSuper$1s(CustomScroll);
 
   function CustomScroll(props) {
     var _this;
@@ -48418,8 +48659,8 @@ defineProperty(CustomScroll, "propTypes", {
 
 });
 
-var css_248z$w = ".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$w);
+var css_248z$x = ".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$x);
 
 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; } } }; }
 
@@ -48666,17 +48907,17 @@ function processCentesisPath(imageId) {
   }
 }
 
-var css_248z$x = ".paladin-thickness-container {\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 90px;\n  height: 16px;\n  background-color: #505050;\n  color: #888;\n  font-size: 13px;\n}\n.paladin-thickness-selecter {\n  padding: 5px 0;\n  background-color: #333;\n  color: #c8c8c8;\n  font-size: 12px;\n}\n.paladin-thickness-selecter .paladin-thickness-select-item {\n  padding: 3px 20px;\n  cursor: pointer;\n}\n.paladin-thickness-selecter .paladin-thickness-select-item:hover {\n  background-color: #fff;\n  color: #000;\n}\n.paladin-thickness-selecter .paladin-thickness-select-mpr {\n  border-bottom: 1px solid #ffffff;\n  padding: 3px 20px 8px 20px;\n}\n";
-styleInject$1(css_248z$x);
+var css_248z$y = ".paladin-thickness-container {\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 90px;\n  height: 16px;\n  background-color: #505050;\n  color: #888;\n  font-size: 13px;\n}\n.paladin-thickness-selecter {\n  padding: 5px 0;\n  background-color: #333;\n  color: #c8c8c8;\n  font-size: 12px;\n}\n.paladin-thickness-selecter .paladin-thickness-select-item {\n  padding: 3px 20px;\n  cursor: pointer;\n}\n.paladin-thickness-selecter .paladin-thickness-select-item:hover {\n  background-color: #fff;\n  color: #000;\n}\n.paladin-thickness-selecter .paladin-thickness-select-mpr {\n  border-bottom: 1px solid #ffffff;\n  padding: 3px 20px 8px 20px;\n}\n";
+styleInject$1(css_248z$y);
 
-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 ThicknessSelectMain = /*#__PURE__*/function (_Component) {
   inherits(ThicknessSelectMain, _Component);
 
-  var _super = _createSuper$1s(ThicknessSelectMain);
+  var _super = _createSuper$1t(ThicknessSelectMain);
 
   function ThicknessSelectMain(props) {
     var _this;
@@ -48896,13 +49137,209 @@ function newImageIdSpecificToolStateManager() {
 
 var seriesInstanceUidStateManager = newImageIdSpecificToolStateManager();
 
-function ownKeys$J(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; }
+var dicomToolDefaultProps = {
+  activeTool: 'Wwwc',
+  availableTools: [{
+    name: 'Pan',
+    mouseButtonMasks: [1, 4]
+  }, {
+    name: 'Zoom',
+    props: {
+      configuration: {
+        minScale: 0.01,
+        maxScale: 30,
+        preventZoomOutsideImage: true
+      }
+    },
+    mouseButtonMasks: [1, 2]
+  }, {
+    name: 'Wwwc',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'Length',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'ArrowAnnotate',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'RectangleRoi',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'EllipticalRoi',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'Angle',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'CobbAngle',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'Polygon',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'Probe',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'CTR',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'PanMultiTouch'
+  }, {
+    name: 'ZoomTouchPinch'
+  }, {
+    name: 'StackScrollMouseWheel',
+    props: {
+      configuration: {
+        loop: true,
+        allowSkipping: true
+      }
+    }
+  }, {
+    name: 'StackScroll',
+    props: {
+      configuration: {
+        loop: true,
+        allowSkipping: true
+      }
+    },
+    mouseButtonMasks: [1]
+  }, {
+    name: 'StackScrollMultiTouch'
+  }, {
+    name: 'OrientationMarkers',
+    props: {
+      color: "#faa80a"
+    }
+  }, {
+    name: 'RulerOverlay'
+  }, {
+    name: 'ReferenceLines'
+  }, {
+    name: 'CrosshairsMPR'
+  }, {
+    name: 'Overlay'
+  }, {
+    name: 'AIAnalysisOverlay'
+  }, {
+    name: 'ReferencePosition',
+    mouseButtonMasks: [1]
+  }]
+};
 
-function _objectSpread$K(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$J(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$J(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function getCustomAvailableTools(data) {
+  var panMask = [1, 4];
+  var zoomMask = [1];
+  var wwwcMask = [1];
+  var stackScrollMask = [1];
+
+  if (data && data.rightMouseTool) {
+    if (data.rightMouseTool === 'Pan') {
+      panMask = [1, 2, 4];
+    } else if (data.rightMouseTool === 'Wwwc') {
+      wwwcMask = [1, 2];
+    } else if (data.rightMouseTool === 'StackScroll') {
+      stackScrollMask = [1, 2];
+    } else {
+      zoomMask = [1, 2];
+    }
+  } else {
+    zoomMask = [1, 2];
+  }
 
-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); }; }
+  return [{
+    name: 'Pan',
+    mouseButtonMasks: panMask
+  }, {
+    name: 'Zoom',
+    props: {
+      configuration: {
+        minScale: 0.01,
+        maxScale: 30,
+        preventZoomOutsideImage: true
+      }
+    },
+    mouseButtonMasks: zoomMask
+  }, {
+    name: 'Wwwc',
+    mouseButtonMasks: wwwcMask
+  }, {
+    name: 'StackScroll',
+    props: {
+      configuration: {
+        loop: true,
+        allowSkipping: true
+      }
+    },
+    mouseButtonMasks: stackScrollMask
+  }, {
+    name: 'Length',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'ArrowAnnotate',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'RectangleRoi',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'EllipticalRoi',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'Angle',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'CobbAngle',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'Polygon',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'Probe',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'CTR',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'PanMultiTouch'
+  }, {
+    name: 'ZoomTouchPinch'
+  }, {
+    name: 'StackScrollMouseWheel',
+    props: {
+      configuration: {
+        loop: true,
+        allowSkipping: true
+      }
+    }
+  }, {
+    name: 'StackScrollMultiTouch'
+  }, {
+    name: 'OrientationMarkers',
+    props: {
+      color: "#faa80a"
+    }
+  }, {
+    name: 'RulerOverlay'
+  }, {
+    name: 'ReferenceLines'
+  }, {
+    name: 'CrosshairsMPR'
+  }, {
+    name: 'Overlay'
+  }, {
+    name: 'AIAnalysisOverlay'
+  }, {
+    name: 'ReferencePosition',
+    mouseButtonMasks: [1]
+  }];
+}
 
-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 ownKeys$K(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$L(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$K(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _createSuper$1u(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1u(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$1u() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 var EVENT_RESIZE = 'resize';
 var loadIndicatorDelay$1 = 300;
 var loadHandlerManager$1 = cornerstoneTools.loadHandlerManager;
@@ -48942,7 +49379,7 @@ function initializeTools$1(cornerstoneTools, tools, element) {
 var DicomViewport = /*#__PURE__*/function (_Component) {
   inherits(DicomViewport, _Component);
 
-  var _super = _createSuper$1t(DicomViewport);
+  var _super = _createSuper$1u(DicomViewport);
 
   function DicomViewport(_props) {
     var _this;
@@ -50027,7 +50464,7 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
           nextViewport.colormap = undefined;
         }
 
-        cornerstone.setViewport(this.element, _objectSpread$K(_objectSpread$K({}, nextViewport), {}, {
+        cornerstone.setViewport(this.element, _objectSpread$L(_objectSpread$L({}, nextViewport), {}, {
           displayedArea: defaultViewport.displayedArea
         }));
         this.setState({
@@ -50607,93 +51044,7 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
   return DicomViewport;
 }(React.Component);
 
-defineProperty(DicomViewport, "defaultProps", {
-  activeTool: 'Wwwc',
-  availableTools: [{
-    name: 'Pan',
-    mouseButtonMasks: [1, 4]
-  }, {
-    name: 'Zoom',
-    props: {
-      configuration: {
-        minScale: 0.01,
-        maxScale: 30,
-        preventZoomOutsideImage: true
-      }
-    },
-    mouseButtonMasks: [1, 2]
-  }, {
-    name: 'Wwwc',
-    mouseButtonMasks: [1]
-  }, {
-    name: 'Length',
-    mouseButtonMasks: [1]
-  }, {
-    name: 'ArrowAnnotate',
-    mouseButtonMasks: [1]
-  }, {
-    name: 'RectangleRoi',
-    mouseButtonMasks: [1]
-  }, {
-    name: 'EllipticalRoi',
-    mouseButtonMasks: [1]
-  }, {
-    name: 'Angle',
-    mouseButtonMasks: [1]
-  }, {
-    name: 'CobbAngle',
-    mouseButtonMasks: [1]
-  }, {
-    name: 'Polygon',
-    mouseButtonMasks: [1]
-  }, {
-    name: 'Probe',
-    mouseButtonMasks: [1]
-  }, {
-    name: 'CTR',
-    mouseButtonMasks: [1]
-  }, {
-    name: 'PanMultiTouch'
-  }, {
-    name: 'ZoomTouchPinch'
-  }, {
-    name: 'StackScrollMouseWheel',
-    props: {
-      configuration: {
-        loop: true,
-        allowSkipping: true
-      }
-    }
-  }, {
-    name: 'StackScroll',
-    props: {
-      configuration: {
-        loop: true,
-        allowSkipping: true
-      }
-    }
-  }, {
-    name: 'StackScrollMultiTouch'
-  }, {
-    name: 'OrientationMarkers',
-    props: {
-      color: "#faa80a"
-    }
-  }, {
-    name: 'RulerOverlay'
-  }, {
-    name: 'ReferenceLines'
-  }, {
-    name: 'CrosshairsMPR'
-  }, {
-    name: 'Overlay'
-  }, {
-    name: 'AIAnalysisOverlay'
-  }, {
-    name: 'ReferencePosition',
-    mouseButtonMasks: [1]
-  }]
-});
+defineProperty(DicomViewport, "defaultProps", dicomToolDefaultProps);
 
 var mapStateToProps$l = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.action,
@@ -50752,8 +51103,8 @@ var ConnectedDicomViewport = reactRedux.connect(mapStateToProps$l, {
   setSeriesCurrentIndex: setSeriesCurrentIndex
 })(DicomViewport);
 
-var css_248z$y = ".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$y);
+var css_248z$z = ".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$z);
 
 var DicomLayoutContainer = function DicomLayoutContainer(props) {
   return /*#__PURE__*/React__default.createElement("div", {
@@ -50768,9 +51119,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$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 EmptyElement = function EmptyElement(_ref) {
   var col = _ref.col;
@@ -50787,7 +51138,7 @@ var isMobile$4 = ua.isDeviceTypeMobile();
 var DicomLayout = /*#__PURE__*/function (_Component) {
   inherits(DicomLayout, _Component);
 
-  var _super = _createSuper$1u(DicomLayout);
+  var _super = _createSuper$1v(DicomLayout);
 
   function DicomLayout(props) {
     var _this;
@@ -50935,7 +51286,9 @@ var DicomLayout = /*#__PURE__*/function (_Component) {
     window.addEventListener('resize', _this.debouncedResize);
     _this.state = {
       resize: 0
-    };
+    }; // 自定义功能设置中的左右键，右键需要改变availableTools
+
+    _this.availableTools = getCustomAvailableTools(customDicomSetting);
     return _this;
   }
 
@@ -51044,7 +51397,8 @@ var DicomLayout = /*#__PURE__*/function (_Component) {
             showSimpleAIResult: _this2.props.showSimpleAIResult,
             onResizeEmit: _this2.props.onResizeEmit,
             onClickDomErrorReRenderButton: _this2.props.onClickDomErrorReRenderButton,
-            aiResult: _this2.props.aiResult
+            aiResult: _this2.props.aiResult,
+            availableTools: _this2.availableTools
           });
         }));
       })), showVerticalScroll && /*#__PURE__*/React__default.createElement("div", {
@@ -51086,9 +51440,9 @@ defineProperty(DicomLayout, "propTypes", {
 
 });
 
-function ownKeys$K(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$L(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$L(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$K(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$M(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$L(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$L(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 /**
  * 序列模式
  *
@@ -51158,7 +51512,7 @@ var mergeProps$l = function mergeProps(propsFromState, propsFromDispatch, ownPro
   var startIndex = col * currentScrollLine;
   var endIndex = startIndex + col * row;
   var currentLayoutSeries = series.slice(startIndex, endIndex);
-  return _objectSpread$L(_objectSpread$L(_objectSpread$L(_objectSpread$L({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$M(_objectSpread$M(_objectSpread$M(_objectSpread$M({}, ownProps), propsFromState), propsFromDispatch), {}, {
     series: currentLayoutSeries,
     seriesTotalCount: series.length,
     row: row,
@@ -51441,9 +51795,9 @@ var ConnectedDicomLayout = reactRedux.connect(mapStateToProps$m, {
   setCineFps: setCineFps
 }, mergeProps$l)(DicomLayout);
 
-function ownKeys$L(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$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$M(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$L(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$L(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 /**
  * 图像模式
  *
@@ -51549,7 +51903,7 @@ var mergeProps$m = function mergeProps(propsFromState, propsFromDispatch, ownPro
     };
   });
   var showVerticalScroll = series && series.length / col > row;
-  return _objectSpread$M(_objectSpread$M(_objectSpread$M(_objectSpread$M({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$N(_objectSpread$N(_objectSpread$N(_objectSpread$N({}, ownProps), propsFromState), propsFromDispatch), {}, {
     currentScrollLine: currentScrollLineImage,
     series: series,
     activeIndex: imageActiveIndex,
@@ -51681,17 +52035,17 @@ var mergeProps$m = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
 var ConnectedDicomImageModeLayout = reactRedux.connect(mapStateToProps$n, mapDispatchToProps$4, mergeProps$m)(DicomLayout);
 
-var css_248z$z = ".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$z);
+var css_248z$A = ".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$A);
 
-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 SurgeryLayout = /*#__PURE__*/function (_Component) {
   inherits(SurgeryLayout, _Component);
 
-  var _super = _createSuper$1v(SurgeryLayout);
+  var _super = _createSuper$1w(SurgeryLayout);
 
   function SurgeryLayout(props) {
     var _this;
@@ -52348,9 +52702,9 @@ var SurgeryLayout = /*#__PURE__*/function (_Component) {
 
 defineProperty(SurgeryLayout, "propTypes", {});
 
-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; }
 
 var mapStateToProps$o = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
@@ -52369,7 +52723,7 @@ var mapStateToProps$o = function mapStateToProps(state) {
 };
 
 var mergeProps$n = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$N(_objectSpread$N(_objectSpread$N({}, propsFromState), ownProps), {}, {
+  return _objectSpread$O(_objectSpread$O(_objectSpread$O({}, propsFromState), ownProps), {}, {
     onViewPortCellClick: function onViewPortCellClick() {
       propsFromDispatch.setSurgeryActiveIndex.apply(propsFromDispatch, arguments);
     },
@@ -52392,17 +52746,17 @@ var ConnectedSurgeryLayout = reactRedux.connect(mapStateToProps$o, {
   setSurgeryActiveIndex: setSurgeryActiveIndex
 }, mergeProps$n)(SurgeryLayout);
 
-var css_248z$A = ".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$A);
+var css_248z$B = ".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$B);
 
-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 CPRLayout = /*#__PURE__*/function (_Component) {
   inherits(CPRLayout, _Component);
 
-  var _super = _createSuper$1w(CPRLayout);
+  var _super = _createSuper$1x(CPRLayout);
 
   function CPRLayout(props) {
     var _this;
@@ -52690,9 +53044,9 @@ var CPRLayout = /*#__PURE__*/function (_Component) {
 
 defineProperty(CPRLayout, "propTypes", {});
 
-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; }
 
 var mapStateToProps$p = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
@@ -52709,7 +53063,7 @@ var mapStateToProps$p = function mapStateToProps(state) {
 };
 
 var mergeProps$o = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$O(_objectSpread$O(_objectSpread$O({}, propsFromState), ownProps), {}, {
+  return _objectSpread$P(_objectSpread$P(_objectSpread$P({}, propsFromState), ownProps), {}, {
     onViewPortCellClick: function onViewPortCellClick() {
       propsFromDispatch.setSurgeryActiveIndex.apply(propsFromDispatch, arguments);
     },
@@ -52726,20 +53080,20 @@ var ConnectedCPRLayout = reactRedux.connect(mapStateToProps$p, {
   setSurgeryActiveIndex: setSurgeryActiveIndex
 }, mergeProps$o)(CPRLayout);
 
-var css_248z$B = ".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$B);
-
-var css_248z$C = ".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$C = ".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$C);
 
-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); }; }
+var css_248z$D = ".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$D);
 
-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 _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$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 ThreeDLayout = /*#__PURE__*/function (_Component) {
   inherits(ThreeDLayout, _Component);
 
-  var _super = _createSuper$1x(ThreeDLayout);
+  var _super = _createSuper$1y(ThreeDLayout);
 
   function ThreeDLayout(props) {
     var _this;
@@ -53148,9 +53502,9 @@ var ThreeDLayout = /*#__PURE__*/function (_Component) {
 
 defineProperty(ThreeDLayout, "propTypes", {});
 
-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 mapStateToProps$q = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
@@ -53169,7 +53523,7 @@ var mapStateToProps$q = function mapStateToProps(state) {
 };
 
 var mergeProps$p = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$P(_objectSpread$P(_objectSpread$P({}, propsFromState), ownProps), {}, {
+  return _objectSpread$Q(_objectSpread$Q(_objectSpread$Q({}, propsFromState), ownProps), {}, {
     onViewPortCellClick: function onViewPortCellClick() {
       propsFromDispatch.setMprActiveIndex.apply(propsFromDispatch, arguments);
     },
@@ -53195,14 +53549,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$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 ThreeDLayout$1 = /*#__PURE__*/function (_Component) {
   inherits(ThreeDLayout, _Component);
 
-  var _super = _createSuper$1y(ThreeDLayout);
+  var _super = _createSuper$1z(ThreeDLayout);
 
   function ThreeDLayout(props) {
     var _this;
@@ -53472,9 +53826,9 @@ var ThreeDLayout$1 = /*#__PURE__*/function (_Component) {
 
 defineProperty(ThreeDLayout$1, "propTypes", {});
 
-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$r = function mapStateToProps(state) {
   var currentSeries = state.paladin.viewport.currentSeries;
@@ -53484,19 +53838,19 @@ var mapStateToProps$r = function mapStateToProps(state) {
 };
 
 var mergeProps$q = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$Q(_objectSpread$Q({}, propsFromState), ownProps);
+  return _objectSpread$R(_objectSpread$R({}, propsFromState), ownProps);
 };
 
 var ConnectedVR = reactRedux.connect(mapStateToProps$r, {}, mergeProps$q)(ThreeDLayout$1);
 
-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 MIPLayout = /*#__PURE__*/function (_Component) {
   inherits(MIPLayout, _Component);
 
-  var _super = _createSuper$1z(MIPLayout);
+  var _super = _createSuper$1A(MIPLayout);
 
   function MIPLayout(props) {
     var _this;
@@ -53714,9 +54068,9 @@ var MIPLayout = /*#__PURE__*/function (_Component) {
 
 defineProperty(MIPLayout, "propTypes", {});
 
-function ownKeys$Q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$R(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$R(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$Q(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$Q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$S(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$R(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var mapStateToProps$s = function mapStateToProps(state) {
   var currentSeries = state.paladin.viewport.currentSeries;
@@ -53726,7 +54080,7 @@ var mapStateToProps$s = function mapStateToProps(state) {
 };
 
 var mergeProps$r = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$R(_objectSpread$R(_objectSpread$R({}, propsFromState), propsFromDispatch), ownProps);
+  return _objectSpread$S(_objectSpread$S(_objectSpread$S({}, propsFromState), propsFromDispatch), ownProps);
 };
 
 var ConnectedMIP = reactRedux.connect(mapStateToProps$s, {
@@ -53746,9 +54100,9 @@ function colorMapFix(viewportData) {
   return viewportData;
 }
 
-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; }
 /**
  * 全部模式
  *
@@ -53852,7 +54206,7 @@ var mergeProps$s = function mergeProps(propsFromState, propsFromDispatch, ownPro
   var endIndex = startIndex + onePageCount;
   var series = allSeries.slice(startIndex, endIndex);
   var showVerticalScroll = series && series.length / col > row;
-  return _objectSpread$S(_objectSpread$S(_objectSpread$S(_objectSpread$S({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$T(_objectSpread$T(_objectSpread$T(_objectSpread$T({}, ownProps), propsFromState), propsFromDispatch), {}, {
     currentScrollLine: currentScrollLineImage,
     series: series,
     activeIndex: imageActiveIndex,
@@ -53968,9 +54322,9 @@ var mergeProps$s = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
 var ConnectedDicomAllImageModeLayout = reactRedux.connect(mapStateToProps$t, mapDispatchToProps$5, mergeProps$s)(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; }
 /**
  * 一些情况下传入paladin的numberOfSeriesRelatedInstances不是实际的序列图像数量
  * 所以在study传入的时候需进行修正
@@ -53981,9 +54335,9 @@ function studySeriesDataCheck (studies) {
     if (study.checked) {
       return study;
     } else {
-      return _objectSpread$T(_objectSpread$T({}, study), {}, {
+      return _objectSpread$U(_objectSpread$U({}, study), {}, {
         series: lodash$1.map(study.series, function (series) {
-          return _objectSpread$T(_objectSpread$T({}, series), {}, {
+          return _objectSpread$U(_objectSpread$U({}, series), {}, {
             numberOfSeriesRelatedInstances: series.imageIds.length || 0
           });
         }),
@@ -53999,9 +54353,9 @@ 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 _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 DicomLayoutContainerWrap = function DicomLayoutContainerWrap(props) {
   return /*#__PURE__*/React__default.createElement("div", {
@@ -54042,14 +54396,25 @@ index$2.configure({
     107: 'key-add',
     187: 'key-add',
     109: 'key-minus',
-    189: 'key-minus'
+    189: 'key-minus',
+    84: 'key-t',
+    76: 'key-l',
+    83: 'key-s',
+    89: 'key-y',
+    70: 'key-f',
+    90: 'key-z',
+    74: 'key-j',
+    67: 'key-c',
+    65: 'key-a',
+    68: 'key-d',
+    78: 'key-x'
   }
 });
 
 var DicomView = /*#__PURE__*/function (_Component) {
   inherits(DicomView, _Component);
 
-  var _super = _createSuper$1A(DicomView);
+  var _super = _createSuper$1B(DicomView);
 
   function DicomView(props) {
     var _this;
@@ -54144,7 +54509,9 @@ var DicomView = /*#__PURE__*/function (_Component) {
         }
       }); // 自定义窗值设置
 
-      this.props.windowSetting && saveWwwcCustomDic(this.props.windowSetting);
+      this.props.windowSetting && saveWwwcCustomDic(this.props.windowSetting); // 自定义的功能设置初始值
+
+      this.props.dicomSetting && saveCustomDicomSetting(this.props.dicomSetting);
     }
   }, {
     key: "componentWillReceiveProps",
@@ -54545,7 +54912,8 @@ var DicomView = /*#__PURE__*/function (_Component) {
         study: originStudy,
         windowLayoutType: this.state.windowLayoutType,
         setCustomWindowLayoutType: this.setCustomWindowLayoutType,
-        operateKeyImages: this.props.operateKeyImages
+        operateKeyImages: this.props.operateKeyImages,
+        dicomSettingChange: this.props.dicomSettingChange
       }));
       var DicomLayout = /*#__PURE__*/React__default.createElement(DicomLayoutContainerWrap, null, viewMode === '2D' && this.props.mode === 'seriesMode' && /*#__PURE__*/React__default.createElement(ConnectedDicomLayout, {
         series: this.props.series,
@@ -54632,9 +55000,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$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 throttle$9 = cornerstoneTools.importInternal('util/throttle');
 var NO_CHECK_MULTI_FRAME_MODALITIES = ['DR', 'CR', 'DX', 'MG'];
 
@@ -54795,6 +55163,7 @@ var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
   var throttleForwardFunc = throttle$9(forwardFunc, stepTime);
   var throttleBackFunc = throttle$9(backFunc, stepTime);
+  var hotKeyIsOpen = customDicomSetting.hotKeyIsOpen === 'open';
   /**
    *
    * Key values:
@@ -54803,7 +55172,7 @@ var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownPro
    *
    */
 
-  return _objectSpread$U(_objectSpread$U(_objectSpread$U({}, ownProps), propsFromState), {}, {
+  return _objectSpread$V(_objectSpread$V(_objectSpread$V({}, ownProps), propsFromState), {}, {
     showDicomThumbnail: showDicomThumbnail,
     viewMode: viewMode,
     keyMap: {
@@ -54827,7 +55196,18 @@ var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownPro
       WWWC8: ['key-8'],
       WWWC9: ['key-9'],
       PAUSE: "space",
-      ESC: "esc"
+      ESC: "esc",
+      KEYT: ['key-t'],
+      KEYL: ['key-l'],
+      KEYS: ['key-s'],
+      KEYY: ['key-y'],
+      KEYF: ['key-f'],
+      KEYZ: ['key-z'],
+      KEYJ: ['key-j'],
+      KEYC: ['key-c'],
+      KEYA: ['key-a'],
+      KEYD: ['key-d'],
+      KEYX: ['key-x']
     },
     handlers: {
       PAUSE: function PAUSE() {
@@ -55100,6 +55480,92 @@ var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownPro
         var activeElement = getCurrentElement();
         if (!activeElement) return;
         setWwwc(activeElement, wwwcCustomDic[9].ww, wwwcCustomDic[9].wc);
+      },
+      KEYT: function KEYT() {
+        if (!hotKeyIsOpen) {
+          return;
+        }
+
+        propsFromDispatch.setActiveTool('Wwwc');
+      },
+      KEYL: function KEYL() {
+        if (!hotKeyIsOpen) {
+          return;
+        }
+
+        propsFromDispatch.setActiveTool('StackScroll');
+      },
+      KEYS: function KEYS() {
+        if (!hotKeyIsOpen) {
+          return;
+        }
+
+        propsFromDispatch.setActiveTool('Zoom');
+      },
+      KEYY: function KEYY() {
+        if (!hotKeyIsOpen) {
+          return;
+        }
+
+        propsFromDispatch.setActiveTool('Pan');
+      },
+      KEYF: function KEYF() {
+        if (!hotKeyIsOpen) {
+          return;
+        } // 反色
+
+
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setInvert(activeElement);
+      },
+      KEYZ: function KEYZ() {
+        if (!hotKeyIsOpen) {
+          return;
+        } // 直线测量
+
+
+        propsFromDispatch.setActiveTool('Length');
+      },
+      KEYJ: function KEYJ() {
+        if (!hotKeyIsOpen) {
+          return;
+        } // 矩形测量
+
+
+        propsFromDispatch.setActiveTool('RectangleRoi');
+      },
+      KEYC: function KEYC() {
+        if (!hotKeyIsOpen) {
+          return;
+        } // CT值测量
+
+
+        propsFromDispatch.setActiveTool('Probe');
+      },
+      KEYA: function KEYA() {
+        if (!hotKeyIsOpen) {
+          return;
+        } // 连续测量切换
+
+
+        propsFromDispatch.toggleMeasure();
+      },
+      KEYD: function KEYD() {
+        if (!hotKeyIsOpen) {
+          return;
+        } // 扫描定位线
+
+
+        propsFromDispatch.activeDicomFunction('ReferenceLines');
+      },
+      KEYX: function KEYX() {
+        if (!hotKeyIsOpen) {
+          return;
+        } // 显示隐藏图像信息
+
+
+        propsFromDispatch.toggleOverlayText();
       }
     },
     getCurrentElement: getCurrentElement,
@@ -55148,7 +55614,7 @@ var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownPro
     },
     initSeries: function () {
       var _initSeries2 = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(changeStudy, callback) {
-        var data, 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;
+        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;
 
         return regenerator.wrap(function _callee$(_context) {
           while (1) {
@@ -55202,7 +55668,16 @@ var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
                 propsFromDispatch.resetViewPort(); // 4.重置工具栏状态
 
-                propsFromDispatch.resetToolsState(); // 5.重置loaded（预加载关联进度条的数据）
+                resetToolMergeState = {};
+
+                if (ownProps.dicomSetting && ownProps.dicomSetting.leftMouseTool) {
+                  if (lodash$1.includes(dicomSettingLeftMouseTools, ownProps.dicomSetting.leftMouseTool)) {
+                    resetToolMergeState.activeTool = ownProps.dicomSetting.leftMouseTool;
+                    resetToolMergeState.originActiveTool = ownProps.dicomSetting.leftMouseTool;
+                  }
+                }
+
+                propsFromDispatch.resetToolsState(resetToolMergeState); // 5.重置loaded（预加载关联进度条的数据）
 
                 propsFromDispatch.clearSeriesLoaded(); // 6.重置所有sync element
 
@@ -55254,32 +55729,32 @@ var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownPro
                 });
 
                 if (!needCheckMultiFrame) {
-                  _context.next = 45;
+                  _context.next = 47;
                   break;
                 }
 
                 i = 0;
 
-              case 29:
+              case 31:
                 if (!(i < series.length)) {
-                  _context.next = 45;
+                  _context.next = 47;
                   break;
                 }
 
                 item = series[i];
 
                 if (!(item.numberOfSeriesRelatedInstances && item.numberOfSeriesRelatedInstances === 1)) {
-                  _context.next = 42;
+                  _context.next = 44;
                   break;
                 }
 
                 wado = lodash$1.cloneDeep(item.imageIds[0].split(':'));
                 wado.shift();
                 url = wado.join(':');
-                _context.next = 37;
+                _context.next = 39;
                 return cornerstoneWADOImageLoader.wadouri.dataSetCacheManager.load(url, cornerstoneWADOImageLoader.internal.xhrRequest);
 
-              case 37:
+              case 39:
                 dataSet = _context.sent;
                 // 这边如果加载了的话 进度条也需要匹配上
                 propsFromDispatch.setSeriesLoaded(item.seriesInstanceUID);
@@ -55294,7 +55769,7 @@ var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownPro
                     imageIds.push(imageId);
                   }
 
-                  series[i] = _objectSpread$U(_objectSpread$U({}, item), {}, {
+                  series[i] = _objectSpread$V(_objectSpread$V({}, item), {}, {
                     imageIds: imageIds,
                     numberOfSeriesRelatedInstances: numFrames,
                     isMultiFrame: true
@@ -55303,12 +55778,12 @@ var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
                 cornerstoneWADOImageLoader.wadouri.dataSetCacheManager.purge();
 
-              case 42:
+              case 44:
                 i++;
-                _context.next = 29;
+                _context.next = 31;
                 break;
 
-              case 45:
+              case 47:
                 // 初始化seriesCurrentIndex
                 seriesCurrentIndex = Array.apply(null, Array(series.length)).map(function () {
                   return 0;
@@ -55359,15 +55834,15 @@ var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
                 callback && callback({
                   hasChange: hasMultiFrame,
-                  study: [_objectSpread$U(_objectSpread$U({}, _study[0]), {}, {
+                  study: [_objectSpread$V(_objectSpread$V({}, _study[0]), {}, {
                     series: series
                   })]
                 }); // 如果有frameTime的话设置fps
 
-                _context.next = 60;
+                _context.next = 62;
                 return loadAndCacheDicom(series[0].imageIds[0]);
 
-              case 60:
+              case 62:
                 dicom = _context.sent;
 
                 if (dicom && dicom.FrameTime && dicom.FrameTime.value) {
@@ -55401,7 +55876,7 @@ var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownPro
                   propsFromDispatch.setMeasure(false);
                 }
 
-              case 66:
+              case 68:
               case "end":
                 return _context.stop();
             }
@@ -55504,7 +55979,9 @@ var ConnectedDicomView = reactRedux.connect(mapStateToProps$u, {
   setSeriesCurrentIndex: setSeriesCurrentIndex,
   setSeries: setSeries,
   setLinkSeries: setLinkSeries,
-  setMeasure: setMeasure
+  setMeasure: setMeasure,
+  toggleMeasure: toggleMeasure,
+  toggleOverlayText: toggleOverlayText
 }, mergeProps$t, withRef())(DicomView);
 
 function withRef() {