hellfire 0.32.9 → 0.33.1

package/dist/index.js

@@ -12718,7 +12718,8 @@ var resources = {
       series: 'Series',
       preview: 'Preview',
       preview_error: 'Preview Error',
-      del: 'Del'
+      del: 'Del',
+      edit: 'Edit'
     },
     mip: {
       direction: 'Direction',
@@ -12949,7 +12950,8 @@ var resources = {
       series: '序列号',
       preview: '预览',
       preview_error: '预览错误',
-      del: '删除'
+      del: '删除',
+      edit: '编辑'
     },
     mip: {
       direction: '方向',
@@ -25821,6 +25823,15 @@ var dicomSettingRightMouseToolsDic = [{
   label_en: 'Pan',
   value: 'Pan'
 }];
+var dicomSettingKeyBoardToolsDic = [{
+  label: '左右方向键',
+  label_en: 'Left and right arrow keys',
+  value: 'LeftAndRight'
+}, {
+  label: '上下方向键',
+  label_en: 'Up and down arrow keys',
+  value: 'UpAndDown'
+}];
 var dicomSettingHotKeyDic = [{
   label: '调窗',
   label_en: 'Window Level',
@@ -25878,10 +25889,12 @@ var hotKeyIsOpen = window.localStorage.getItem('hellfire-hotkey-open') || 'open'
 var dicomBasicInfoFrom = window.localStorage.getItem('hellfire-dicom-basic-info-from') || 'dicom';
 var cacheMaxSize = window.localStorage.getItem('hellfire-image-cache-max-size') || '2';
 var loopViewMode = window.localStorage.getItem('hellfire-loop-view-mode') || 'loop';
+var keyBoardTool = window.localStorage.getItem('hellfire-keyboard-tool') || 'LeftAndRight';
 var customDicomSetting = {
   leftMouseTool: 'Wwwc',
   rightMouseTool: 'Zoom',
   middleMouseTool: 'Pan',
+  keyBoardTool: keyBoardTool,
   hotKeyIsOpen: hotKeyIsOpen,
   dicomBasicInfoFrom: dicomBasicInfoFrom,
   cacheMaxSize: cacheMaxSize,
@@ -33765,7 +33778,7 @@ defineProperty(Col, "propTypes", {
   sm: PropTypes$1.number
 });
 
-var css_248z$5 = ".paladin-modal {\n  position: fixed;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 100vw;\n  height: 100vh;\n  overflow: visible;\n  z-index: 99;\n}\n.paladin-modal svg {\n  width: 100%;\n  height: 100%;\n}\n.paladin-modal-backdrop {\n  position: absolute;\n  z-index: 1000;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.7);\n}\n.paladin-modal-wrapper {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  overflow-x: visible;\n  overflow-y: scroll;\n  z-index: 1001;\n}\n.paladin-modal-container {\n  position: absolute;\n  width: auto;\n  background: #ffffff;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border-radius: 6px;\n  box-sizing: border-box;\n  z-index: 1001;\n  max-height: 100%;\n  overflow: hidden;\n  overflow-y: scroll;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n@media (min-width: 768px) {\n  .paladin-modal-container {\n    width: 600px;\n  }\n}\n@media screen and (min-width: 992px) {\n  .paladin-modal-container {\n    width: 83.3333333%;\n  }\n}\n@media (max-width: 768px) {\n  .paladin-modal-container {\n    width: 95%;\n  }\n}\n.paladin-modal-container::-webkit-scrollbar {\n  display: none;\n}\n.paladin-modal-header {\n  padding: 15px;\n  border-bottom: 1px solid #e5e5e5;\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 1.42857;\n  margin: 0;\n  color: #727882;\n  position: relative;\n}\n.paladin-modal-close {\n  position: absolute;\n  right: 20px;\n  display: inline-block;\n  width: 15px;\n  height: 15px;\n  cursor: pointer;\n}\n.paladin-modal-body {\n  padding: 15px;\n  box-sizing: border-box;\n}\n.paladin-modal-footer {\n  padding: 15px;\n  text-align: right;\n  border-top: 1px solid #e5e5e5;\n}\n.paladin-modal-footer button {\n  margin-left: 4px;\n}\n";
+var css_248z$5 = ".paladin-modal {\n  position: fixed;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 100vw;\n  height: 100vh;\n  overflow: visible;\n  z-index: 99;\n}\n.paladin-modal svg {\n  width: 100%;\n  height: 100%;\n}\n.paladin-modal-backdrop {\n  position: absolute;\n  z-index: 1000;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.7);\n}\n.paladin-modal-wrapper {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  overflow-x: visible;\n  overflow-y: scroll;\n  z-index: 1001;\n}\n.paladin-modal-container {\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  width: auto;\n  background: #ffffff;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border-radius: 6px;\n  box-sizing: border-box;\n  z-index: 1001;\n  max-height: 100%;\n  overflow: hidden;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n@media (min-width: 768px) {\n  .paladin-modal-container {\n    width: 600px;\n  }\n}\n@media screen and (min-width: 992px) {\n  .paladin-modal-container {\n    width: 83.3333333%;\n  }\n}\n@media (max-width: 768px) {\n  .paladin-modal-container {\n    width: 95%;\n  }\n}\n.paladin-modal-container::-webkit-scrollbar {\n  display: none;\n}\n.paladin-modal-header {\n  padding: 15px;\n  border-bottom: 1px solid #e5e5e5;\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 1.42857;\n  margin: 0;\n  color: #727882;\n  position: relative;\n}\n.paladin-modal-close {\n  position: absolute;\n  right: 20px;\n  display: inline-block;\n  width: 15px;\n  height: 15px;\n  cursor: pointer;\n}\n.paladin-modal-body {\n  flex: 1 1 auto;\n  min-height: 0;\n  padding: 15px;\n  box-sizing: border-box;\n  overflow-y: auto;\n}\n.paladin-modal-footer {\n  padding: 15px;\n  text-align: right;\n  border-top: 1px solid #e5e5e5;\n}\n.paladin-modal-footer button {\n  margin-left: 4px;\n}\n";
 styleInject$1(css_248z$5);
 
 var css_248z$6 = ".paladin-btn {\n  margin: 0;\n  display: inline-block;\n  font-weight: 400;\n  text-align: center;\n  vertical-align: middle;\n  touch-action: manipulation;\n  cursor: pointer;\n  background-image: none;\n  border: 1px solid transparent;\n  white-space: nowrap;\n  font-size: 14px;\n  line-height: 1.42857;\n  border-radius: 4px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.paladin-btn-size-md {\n  padding: 6px 12px;\n}\n.paladin-btn-size-xs {\n  padding: 3px 6px;\n}\n.paladin-btn-active {\n  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n}\n.paladin-primary {\n  color: #fff;\n  background-color: #337ab7;\n  border-color: #2e6da4;\n}\n.paladin-success {\n  color: #fff;\n  background-color: #008b8b;\n  border-color: #007272;\n}\n.paladin-default {\n  color: #333;\n  background-color: #fff;\n  border-color: #ccc;\n}\n.paladin-default.paladin-btn-active {\n  color: #333;\n  background-color: #e6e6e6;\n  border-color: #adadad;\n}\n.paladin-info {\n  color: #fff;\n  background-color: #659bd2;\n  border-color: #518ecc;\n}\n.paladin-warning {\n  color: #fff;\n  background-color: #f0ad4e;\n  border-color: #eea236;\n}\n.paladin-danger {\n  color: #fff;\n  background-color: #d9534f;\n  border-color: #d43f3a;\n}\n";
@@ -44294,7 +44307,7 @@ var DicomToolLineMode = /*#__PURE__*/function (_Component) {
   return DicomToolLineMode;
 }(React.Component);
 
-var css_248z$h = ".paladin-tool-item-plus {\n  width: 46px;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid #252525;\n  margin: 2px;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-label {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  white-space: nowrap;\n  color: #c0c0c0;\n  margin-top: 5px;\n  overflow: hidden;\n  text-align: center;\n  word-break: break-all;\n  justify-content: center;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-icon {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-icon svg {\n  width: 22px;\n  height: 22px;\n  color: #c0c0c0;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-text {\n  color: #fff;\n  text-align: center;\n  font-size: 14px;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-more {\n  padding: 0 4px 0 3px;\n  height: 100%;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-more svg {\n  width: 7px;\n  color: #c0c0c0;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-more:hover {\n  background: #0d5075;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-main {\n  height: 100%;\n  padding: 6px 0 4px 0;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-main:hover {\n  background: #0d5075;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-main:hover .paladin-tool-item-plus-label {\n  color: #fff;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-main:hover .paladin-tool-item-plus-icon svg {\n  color: #fff;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-main-active {\n  background: #0d5075;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-main-active .paladin-tool-item-plus-label {\n  color: #fff;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-main-active .paladin-tool-item-plus-icon svg {\n  color: #fff;\n}\n.paladin-tool-item-plus .paladin-overlay-badge {\n  position: absolute;\n  right: -10px;\n  top: -10px;\n  color: #fff;\n  background: #faa80a;\n  padding: 0 6px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: bold;\n}\n";
+var css_248z$h = ".paladin-tool-item-plus {\n  height: 46px;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid #252525;\n  margin: 2px;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-label {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  white-space: nowrap;\n  color: #c0c0c0;\n  margin-top: 5px;\n  overflow: hidden;\n  text-align: center;\n  word-break: break-all;\n  justify-content: center;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-icon {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-icon svg {\n  width: 22px;\n  height: 22px;\n  color: #c0c0c0;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-text {\n  color: #fff;\n  text-align: center;\n  font-size: 14px;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-more {\n  padding: 0 4px 0 3px;\n  height: 100%;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-more svg {\n  width: 7px;\n  color: #c0c0c0;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-more:hover {\n  background: #0d5075;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-main {\n  height: 100%;\n  padding: 6px 0 4px 0;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-main:hover {\n  background: #0d5075;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-main:hover .paladin-tool-item-plus-label {\n  color: #fff;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-main:hover .paladin-tool-item-plus-icon svg {\n  color: #fff;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-main-active {\n  background: #0d5075;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-main-active .paladin-tool-item-plus-label {\n  color: #fff;\n}\n.paladin-tool-item-plus .paladin-tool-item-plus-main-active .paladin-tool-item-plus-icon svg {\n  color: #fff;\n}\n.paladin-tool-item-plus .paladin-overlay-badge {\n  position: absolute;\n  right: -10px;\n  top: -10px;\n  color: #fff;\n  background: #faa80a;\n  padding: 0 6px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: bold;\n}\n";
 styleInject$1(css_248z$h);
 
 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); }; }
@@ -44371,6 +44384,12 @@ var DicomToolItemPlus = /*#__PURE__*/function (_Component) {
         var _currentImageIdIndex = seriesCurrentIndex[realSeriesIndex];
         var SOPInstanceUID = currentSeries.SOPInstanceUIDs[_currentImageIdIndex];
         var seriesInstanceUID = currentSeries.seriesInstanceUID;
+
+        if (name === 'keyImages' && this.props.MPR) {
+          // 特殊情况处理 mpr中关键图按钮不做匹配
+          return '';
+        }
+
         return this.props[name] && lodash$1.find(this.props[name], {
           SOPInstanceUID: SOPInstanceUID,
           seriesInstanceUID: seriesInstanceUID
@@ -46006,6 +46025,10 @@ var DicomToolFlattenMode = /*#__PURE__*/function (_Component) {
 
       if (isThree) {
         commonTools = ['StackScroll', 'Wwwc', 'Zoom', 'Pan', 'Reset', 'RotateFree', 'ReverseColor', 'FalseColor'];
+
+        if (MPR && !VR && operateKeyImages) {
+          commonTools = ['StackScroll', 'Wwwc', 'Zoom', 'Pan', 'Reset', 'RotateFree', 'ReverseColor', 'FalseColor', 'KeyImages'];
+        }
       } // 三维工具
 
 
@@ -48039,7 +48062,7 @@ var mergeProps$j = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
 var ConnectedVRClip = reactRedux.connect(mapStateToProps$j, {}, mergeProps$j)(VRClip);
 
-var css_248z$s = ".paladin-key-image-box {\n  background: #fff;\n  border-radius: 3px;\n}\n.paladin-key-image-box .paladin-key-image-header {\n  font-size: 15px;\n  font-weight: bold;\n  color: #000;\n  padding: 16px 18px;\n}\n.paladin-key-image-box .paladin-key-image-item {\n  min-width: 320px;\n  font-size: 13px;\n  color: #333;\n  padding: 14px 18px;\n}\n.paladin-key-image-box .paladin-key-image-item:nth-child(2n) {\n  background: #f9f9f9;\n}\n.paladin-key-image-box .paladin-key-image-item .paladin-key-image-item-action {\n  text-align: right;\n}\n.paladin-key-image-box .paladin-key-image-item .paladin-key-image-item-action span {\n  display: inline-block;\n  color: #2D78C4;\n}\n.paladin-key-image-box .paladin-key-image-item .paladin-key-image-item-action span:first-child {\n  margin-right: 20px;\n}\n.paladin-key-image-preview img {\n  max-width: 50vw;\n  max-height: 50vh;\n}\n";
+var css_248z$s = ".paladin-key-image-box {\n  background: #fff;\n  border-radius: 3px;\n}\n.paladin-key-image-box .paladin-key-image-header {\n  font-size: 15px;\n  font-weight: bold;\n  color: #000;\n  padding: 16px 18px;\n}\n.paladin-key-image-box .paladin-key-image-subtitle {\n  font-size: 12px;\n  font-weight: normal;\n  color: #0d5075;\n  margin: 5px 0 5px 8px;\n}\n.paladin-key-image-box .paladin-key-image-empty {\n  padding: 5px 18px;\n  font-size: 13px;\n  color: #333;\n}\n.paladin-key-image-box .paladin-key-image-item {\n  min-width: 360px;\n  font-size: 13px;\n  color: #333;\n  padding: 14px 18px;\n}\n.paladin-key-image-box .paladin-key-image-item .paladin-col {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paladin-key-image-box .paladin-key-image-item:nth-child(2n) {\n  background: #f9f9f9;\n}\n.paladin-key-image-box .paladin-key-image-item .paladin-key-image-item-action {\n  text-align: right;\n}\n.paladin-key-image-box .paladin-key-image-item .paladin-key-image-item-action span {\n  display: inline-block;\n  color: #2D78C4;\n  margin-right: 10px;\n}\n.paladin-key-image-box .paladin-key-image-item .paladin-key-image-item-action span:last-child {\n  margin-right: 0;\n}\n.paladin-key-image-preview img {\n  max-width: 50vw;\n  max-height: 50vh;\n}\n";
 styleInject$1(css_248z$s);
 
 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); }; }
@@ -48052,12 +48075,57 @@ var KeyImagesTool = /*#__PURE__*/function (_Component) {
   var _super = _createSuper$1q(KeyImagesTool);
 
   function KeyImagesTool(props) {
+    var _this;
+
     classCallCheck(this, KeyImagesTool);
 
-    return _super.call(this, props);
+    _this = _super.call(this, props);
+
+    defineProperty(assertThisInitialized(_this), "formatDirection", function (v) {
+      if (v === ImagePlanDirection.Transverse) return 'Axial';
+      if (v === ImagePlanDirection.Coronal) return 'Coronal';
+      if (v === ImagePlanDirection.Sagittal) return 'Sagittal';
+    });
+
+    _this.state = {
+      normalKeyImage: [],
+      mprKeyImage: []
+    };
+    return _this;
   }
 
   createClass(KeyImagesTool, [{
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(nextProps, nextContext) {
+      if (JSON.stringify(nextProps.keyImages) !== JSON.stringify(this.props.keyImages)) {
+        this.splitImages(nextProps.keyImages);
+      }
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.splitImages(this.props.keyImages);
+    }
+  }, {
+    key: "splitImages",
+    value: function splitImages(keyImages) {
+      var _normalKeyImage = [];
+      var _mprKeyImage = [];
+      lodash$1.forEach(keyImages, function (image) {
+        var uid = image.SOPInstanceUID;
+
+        if (uid.startsWith('mpr')) {
+          _mprKeyImage.push(image);
+        } else {
+          _normalKeyImage.push(image);
+        }
+      });
+      this.setState({
+        normalKeyImage: _normalKeyImage,
+        mprKeyImage: _mprKeyImage
+      });
+    }
+  }, {
     key: "handlePreview",
     value: function handlePreview(data) {
       Modal.create( /*#__PURE__*/React__default.createElement("div", {
@@ -48065,7 +48133,11 @@ var KeyImagesTool = /*#__PURE__*/function (_Component) {
       }, data.url ? /*#__PURE__*/React__default.createElement("img", {
         src: data.url,
         alt: "preview"
-      }) : getI18nMessage('key_image_modal', 'preview_error')), {
+      }) : getI18nMessage('key_image_modal', 'preview_error'), data.description && /*#__PURE__*/React__default.createElement("div", {
+        style: {
+          margin: '10px 0'
+        }
+      }, "\u5907\u6CE8: ", data.description)), {
         title: getI18nMessage('key_image_modal', 'preview'),
         okText: getI18nMessage('modal', 'text_close'),
         cancelButtonProps: {
@@ -48077,31 +48149,119 @@ var KeyImagesTool = /*#__PURE__*/function (_Component) {
         }
       });
     }
+  }, {
+    key: "handleEdit",
+    value: function handleEdit(data) {
+      var _this2 = this;
+
+      Modal.create( /*#__PURE__*/React__default.createElement(Row, {
+        style: {
+          marginBottom: '15px'
+        }
+      }, /*#__PURE__*/React__default.createElement(Col, {
+        xs: 3,
+        style: {
+          color: '#727882'
+        }
+      }, "\u5907\u6CE8"), /*#__PURE__*/React__default.createElement(Col, {
+        xs: 9
+      }, /*#__PURE__*/React__default.createElement(Input$1, {
+        id: "descriptionText",
+        onChange: function onChange() {},
+        placeholder: "\u8BF7\u8F93\u5165\u5907\u6CE8",
+        defaultValue: data && data.description || ''
+      }))), {
+        style: {
+          width: '350px'
+        },
+        maskClosable: false,
+        title: '编辑备注',
+        okButtonProps: {
+          type: 'success'
+        },
+        cancelButtonProps: {
+          show: data && data !== ''
+        },
+        cancelText: '取消',
+        onOk: function onOk() {
+          return new Promise(function (resolve, reject) {
+            var _value = document.getElementById('descriptionText').value || '';
+
+            _this2.props.handleEdit(data, _value);
+
+            resolve();
+          });
+        },
+        onCancelButton: function onCancelButton() {}
+      });
+    }
   }, {
     key: "render",
     value: function render() {
-      var _this = this;
+      var _this3 = this;
 
       var _this$props = this.props,
           keyImages = _this$props.keyImages,
           handleRemove = _this$props.handleRemove;
+      var _this$state = this.state,
+          normalKeyImage = _this$state.normalKeyImage,
+          mprKeyImage = _this$state.mprKeyImage;
       return /*#__PURE__*/React__default.createElement("div", {
         className: 'paladin-key-image-box'
       }, /*#__PURE__*/React__default.createElement("div", {
         className: 'paladin-key-image-header'
-      }, getI18nMessage('key_image_modal', 'title'), "\uFF08", keyImages && keyImages.length || 0, "\uFF09"), keyImages && keyImages.map(function (item, i) {
+      }, getI18nMessage('key_image_modal', 'title'), "\uFF08", keyImages && keyImages.length || 0, "\uFF09"), /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-key-image-subtitle'
+      }, "\u4E8C\u7EF4\u533A"), !normalKeyImage || normalKeyImage.length === 0 && /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-key-image-empty'
+      }, "(\u65E0)"), normalKeyImage && normalKeyImage.map(function (item, i) {
         return /*#__PURE__*/React__default.createElement(Row, {
           className: 'paladin-key-image-item',
           key: 'key-image-' + i
         }, /*#__PURE__*/React__default.createElement(Col, {
-          xs: 8
+          xs: 5
         }, "".concat(getI18nMessage('key_image_modal', 'series'), " (Se:").concat(item.seriesNumber, ", Im:").concat(item.instanceNumber, ")")), /*#__PURE__*/React__default.createElement(Col, {
-          xs: 4
+          xs: 2
+        }, item.description), /*#__PURE__*/React__default.createElement(Col, {
+          xs: 5
         }, /*#__PURE__*/React__default.createElement("div", {
           className: 'paladin-key-image-item-action'
         }, /*#__PURE__*/React__default.createElement("span", {
           onClick: function onClick() {
-            _this.handlePreview(item);
+            _this3.handleEdit(item);
+          }
+        }, getI18nMessage('key_image_modal', 'edit')), /*#__PURE__*/React__default.createElement("span", {
+          onClick: function onClick() {
+            _this3.handlePreview(item);
+          }
+        }, getI18nMessage('key_image_modal', 'preview')), /*#__PURE__*/React__default.createElement("span", {
+          onClick: function onClick() {
+            handleRemove(item);
+          }
+        }, getI18nMessage('key_image_modal', 'del')))));
+      }), /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-key-image-subtitle'
+      }, "MPR\u533A"), !mprKeyImage || mprKeyImage.length === 0 && /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-key-image-empty'
+      }, "(\u65E0)"), mprKeyImage && mprKeyImage.map(function (item, i) {
+        return /*#__PURE__*/React__default.createElement(Row, {
+          className: 'paladin-key-image-item',
+          key: 'key-image-mpr-' + i
+        }, /*#__PURE__*/React__default.createElement(Col, {
+          xs: 5
+        }, "".concat(_this3.formatDirection(item.seriesNumber), " (Im:").concat(item.instanceNumber, ")")), /*#__PURE__*/React__default.createElement(Col, {
+          xs: 2
+        }, item.description), /*#__PURE__*/React__default.createElement(Col, {
+          xs: 5
+        }, /*#__PURE__*/React__default.createElement("div", {
+          className: 'paladin-key-image-item-action'
+        }, /*#__PURE__*/React__default.createElement("span", {
+          onClick: function onClick() {
+            _this3.handleEdit(item);
+          }
+        }, getI18nMessage('key_image_modal', 'edit')), /*#__PURE__*/React__default.createElement("span", {
+          onClick: function onClick() {
+            _this3.handlePreview(item);
           }
         }, getI18nMessage('key_image_modal', 'preview')), /*#__PURE__*/React__default.createElement("span", {
           onClick: function onClick() {
@@ -48134,6 +48294,13 @@ var mergeProps$k = function mergeProps(propsFromState, propsFromDispatch, ownPro
       if (ownProps.operateKeyImages) {
         ownProps.operateKeyImages('remove', data);
       }
+    },
+    handleEdit: function handleEdit(data, value) {
+      if (ownProps.operateKeyImages) {
+        ownProps.operateKeyImages('edit', _objectSpread$L(_objectSpread$L({}, data), {}, {
+          description: value
+        }));
+      }
     }
   });
 };
@@ -49686,7 +49853,7 @@ function calcTargetIndex(sourceImageLength, targetElement, currentImageIdIndex)
   }
 }
 
-var css_248z$w = ".paladin-user-setting {\n  padding: 0 20px;\n  margin-bottom: 30px;\n  font-size: 15px;\n}\n.paladin-user-setting p {\n  font-size: 16px;\n}\n.paladin-user-setting p svg {\n  width: 10px;\n  margin-right: 2px;\n}\n.paladin-user-setting .paladin-user-setting-remark {\n  color: #d43f3a;\n  margin: 10px 0 0 0;\n}\n.paladin-user-setting .paladin-user-setting-footer {\n  margin-top: 15px;\n  text-align: right;\n}\n.paladin-user-setting .paladin-user-setting-footer button {\n  margin-left: 10px;\n}\n.paladin-user-setting .paladin-setting-radio {\n  display: flex;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-label {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item {\n  display: flex;\n  flex-direction: row;\n  margin-right: 10px;\n  align-items: center;\n  justify-content: center;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item .paladin-ipt {\n  padding: 0 !important;\n  margin: 0 3px 0 0 !important;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item input {\n  display: flex;\n  flex-direction: column;\n  width: 20px;\n  height: 20px;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item span {\n  display: flex;\n  flex-direction: column;\n}\n.paladin-user-setting .paladin-setting-hotkey {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.paladin-user-setting .paladin-setting-hotkey .paladin-setting-hotkey-item {\n  display: flex;\n  flex-direction: column;\n  flex: none;\n  padding: 5px 10px;\n  border: 1px solid #666;\n  border-radius: 3px;\n  margin-right: 10px;\n  margin-bottom: 10px;\n}\n.paladin-user-setting .paladin-setting-cache .paladin-ipt {\n  width: 70px;\n  display: inline-block;\n  text-align: center;\n}\n.paladin-user-setting .paladin-setting-cache .paladin-setting-cache-unit {\n  font-weight: bold;\n  margin-left: 2px;\n}\n.paladin-user-setting .paladin-setting-cache-info {\n  margin-top: 4px;\n  font-size: 13px;\n}\n";
+var css_248z$w = ".paladin-user-setting-modal-wrapper .paladin-modal-body {\n  padding: 0;\n}\n.paladin-user-setting {\n  font-size: 15px;\n}\n.paladin-user-setting .paladin-user-setting-content {\n  padding: 0 20px 20px;\n}\n.paladin-user-setting p {\n  font-size: 16px;\n}\n.paladin-user-setting p svg {\n  width: 10px;\n  margin-right: 2px;\n}\n.paladin-user-setting .paladin-user-setting-remark {\n  color: #d43f3a;\n  margin: 10px 0 0 0;\n}\n.paladin-user-setting .paladin-user-setting-footer {\n  position: sticky;\n  bottom: 0;\n  z-index: 1;\n  margin-top: 15px;\n  padding: 12px 20px 16px;\n  text-align: right;\n  border-top: 1px solid #e5e5e5;\n  background: #fff;\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.paladin-user-setting .paladin-setting-cache .paladin-ipt {\n  width: 70px;\n  display: inline-block;\n  text-align: center;\n}\n.paladin-user-setting .paladin-setting-cache .paladin-setting-cache-unit {\n  font-weight: bold;\n  margin-left: 2px;\n}\n.paladin-user-setting .paladin-setting-cache-info {\n  margin-top: 4px;\n  font-size: 13px;\n}\n";
 styleInject$1(css_248z$w);
 
 function _extends$1s() { _extends$1s = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1s.apply(this, arguments); }
@@ -49733,12 +49900,14 @@ var UserSettingModal = /*#__PURE__*/function (_Component) {
       window.localStorage.setItem('hellfire-dicom-basic-info-from', _this.state.dicomBasicInfoFrom);
       window.localStorage.setItem('hellfire-image-cache-max-size', _this.state.cacheMaxSize);
       window.localStorage.setItem('hellfire-loop-view-mode', _this.state.loopViewMode);
+      window.localStorage.setItem('hellfire-keyboard-tool', _this.state.keyBoardTool);
 
       if (dicomSettingChange) {
         dicomSettingChange && dicomSettingChange({
           leftMouseTool: _this.state.leftMouseTool,
           rightMouseTool: _this.state.rightMouseTool,
-          middleMouseTool: _this.state.middleMouseTool
+          middleMouseTool: _this.state.middleMouseTool,
+          keyBoardTool: _this.state.keyBoardTool
         });
       } else {
         // 没有接口层面的记忆，就直接本地存储
@@ -49762,6 +49931,7 @@ var UserSettingModal = /*#__PURE__*/function (_Component) {
           leftMouseTool = _this$state.leftMouseTool,
           rightMouseTool = _this$state.rightMouseTool,
           middleMouseTool = _this$state.middleMouseTool,
+          keyBoardTool = _this$state.keyBoardTool,
           hotKeyIsOpen = _this$state.hotKeyIsOpen,
           dicomBasicInfoFrom = _this$state.dicomBasicInfoFrom,
           cacheMaxSize = _this$state.cacheMaxSize,
@@ -49769,6 +49939,8 @@ var UserSettingModal = /*#__PURE__*/function (_Component) {
       var close = this.props.close;
       return /*#__PURE__*/React__default.createElement("div", {
         className: 'paladin-user-setting'
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-user-setting-content'
       }, /*#__PURE__*/React__default.createElement("p", null, /*#__PURE__*/React__default.createElement(SvgCertificate, null), "\u770B\u56FE\u6A21\u5F0F\uFF1A"), /*#__PURE__*/React__default.createElement("div", {
         className: 'paladin-setting-radio'
       }, /*#__PURE__*/React__default.createElement("div", {
@@ -49850,6 +50022,23 @@ var UserSettingModal = /*#__PURE__*/function (_Component) {
             });
           }
         }), /*#__PURE__*/React__default.createElement("span", null, item.label));
+      })), /*#__PURE__*/React__default.createElement("p", null, /*#__PURE__*/React__default.createElement(SvgCertificate, null), "\u952E\u76D8\u8BBE\u7F6E\uFF1A"), /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-setting-radio'
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-setting-radio-label'
+      }, "\u56FE\u50CF\u7FFB\u5C42\uFF1A"), dicomSettingKeyBoardToolsDic && dicomSettingKeyBoardToolsDic.map(function (item, index) {
+        return /*#__PURE__*/React__default.createElement("div", {
+          className: 'paladin-setting-radio-item',
+          key: "setting-key-board-".concat(index)
+        }, /*#__PURE__*/React__default.createElement(Input$1, {
+          type: "radio",
+          checked: keyBoardTool === item.value,
+          onChange: function onChange(e) {
+            _this2.setState({
+              keyBoardTool: item.value
+            });
+          }
+        }), /*#__PURE__*/React__default.createElement("span", null, item.label));
       })), /*#__PURE__*/React__default.createElement("p", {
         style: {
           marginTop: '20px'
@@ -49937,7 +50126,7 @@ var UserSettingModal = /*#__PURE__*/function (_Component) {
         className: 'paladin-setting-cache-info'
       }, "\u7535\u8111\u5185\u5B5816G\u63A8\u8350\u8BBE\u7F6E2G\uFF1B8G\u63A8\u8350\u8BBE\u7F6E1G\uFF1B4G\u63A8\u8350\u8BBE\u7F6E0.5G"), /*#__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", {
+      }, "\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
@@ -50063,6 +50252,8 @@ var UserSettingModalEn = /*#__PURE__*/function (_Component) {
       var close = this.props.close;
       return /*#__PURE__*/React__default.createElement("div", {
         className: 'paladin-user-setting'
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-user-setting-content'
       }, /*#__PURE__*/React__default.createElement("p", null, /*#__PURE__*/React__default.createElement(SvgCertificate, null), "Mouse Settings\uFF1A"), /*#__PURE__*/React__default.createElement("div", {
         className: 'paladin-setting-radio'
       }, /*#__PURE__*/React__default.createElement("div", {
@@ -50209,7 +50400,7 @@ var UserSettingModalEn = /*#__PURE__*/function (_Component) {
         className: 'paladin-user-setting-remark'
       }, "Note: The page will refresh automatically after saving."), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Button, {
         onClick: this.props.toggleFilmPrinterEntrance
-      }, "Display/Hide Film Print Tools")), /*#__PURE__*/React__default.createElement("div", {
+      }, "Display/Hide Film Print Tools"))), /*#__PURE__*/React__default.createElement("div", {
         className: 'paladin-user-setting-footer'
       }, /*#__PURE__*/React__default.createElement(Button, {
         onClick: close
@@ -76270,7 +76461,8 @@ var mapStateToProps$p = function mapStateToProps(state) {
       imageActiveIndex = _state$paladin$viewpo.imageActiveIndex,
       currentSeries = _state$paladin$viewpo.currentSeries,
       lastActiveIndex = _state$paladin$viewpo.lastActiveIndex,
-      surgeryActiveIndex = _state$paladin$viewpo.surgeryActiveIndex;
+      surgeryActiveIndex = _state$paladin$viewpo.surgeryActiveIndex,
+      mprPerspective = _state$paladin$viewpo.mprPerspective;
   var films = state.paladin.tools.film.films;
   var _state$paladin$tools$4 = state.paladin.tools.fusion,
       fusionPetOpacity = _state$paladin$tools$4.fusionPetOpacity,
@@ -76382,7 +76574,8 @@ var mapStateToProps$p = function mapStateToProps(state) {
     fusionPetSUV: fusionPetSUV,
     showFilmPrinterEntrance: showFilmPrinterEntrance,
     language: language,
-    originNo3DActiveTool: originNo3DActiveTool
+    originNo3DActiveTool: originNo3DActiveTool,
+    mprPerspective: mprPerspective
   };
 };
 
@@ -77365,95 +77558,133 @@ var mergeProps$p = function mergeProps(propsFromState, propsFromDispatch, ownPro
     },
     toggleKeyImages: function toggleKeyImages() {
       // 关键图像添加/移除
-      var realSeriesIndex = col * currentScrollLine + activeIndex;
-      var currentSeriesIndex = seriesCurrentIndex[realSeriesIndex];
-      var SOPInstanceUID = currentSeries.SOPInstanceUIDs[currentSeriesIndex];
-      var keyImages = propsFromState.keyImages;
-      var selectImage = lodash$1.find(keyImages, {
-        SOPInstanceUID: SOPInstanceUID
-      });
+      if (MPR) {
+        // MPR中快捷键只做添加功能，删除在列表中手动删除
+        var mprPerspective = propsFromState.mprPerspective;
+        var seriesNumber;
 
-      function handleAddKeyImage() {
-        return _handleAddKeyImage.apply(this, arguments);
-      }
+        if (mprPerspective === ImagePlanDirection.Transverse) {
+          seriesNumber = realActiveIndex === 0 ? ImagePlanDirection.Transverse : realActiveIndex === 1 ? ImagePlanDirection.Sagittal : ImagePlanDirection.Coronal;
+        }
 
-      function _handleAddKeyImage() {
-        _handleAddKeyImage = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee11() {
-          var activeElement, enabled, dicom, instanceNumber, imageInfo, dataUrl;
-          return regenerator.wrap(function _callee11$(_context11) {
-            while (1) {
-              switch (_context11.prev = _context11.next) {
-                case 0:
-                  activeElement = getElement(realActiveIndex);
-                  enabled = cornerstone.getEnabledElement(activeElement);
-                  _context11.next = 4;
-                  return loadAndCacheDicom(enabled.image.imageId);
+        if (mprPerspective === ImagePlanDirection.Sagittal) {
+          seriesNumber = realActiveIndex === 0 ? ImagePlanDirection.Sagittal : realActiveIndex === 1 ? ImagePlanDirection.Transverse : ImagePlanDirection.Coronal;
+        }
 
-                case 4:
-                  dicom = _context11.sent;
+        if (mprPerspective === ImagePlanDirection.Coronal) {
+          seriesNumber = realActiveIndex === 0 ? ImagePlanDirection.Coronal : realActiveIndex === 1 ? ImagePlanDirection.Sagittal : ImagePlanDirection.Transverse;
+        }
 
-                  if (dicom) {
-                    _context11.next = 7;
-                    break;
-                  }
+        var _activeElement = getElement(realActiveIndex);
 
-                  return _context11.abrupt("return");
-
-                case 7:
-                  instanceNumber = dicom.InstanceNumber.toString() || 1;
-                  imageInfo = {
-                    studyInstanceUID: currentSeries.studyInstanceUID,
-                    seriesInstanceUID: currentSeries.seriesInstanceUID,
-                    SOPInstanceUID: SOPInstanceUID,
-                    seriesNumber: currentSeries.seriesNumber,
-                    numberOfSeries: currentSeries.seriesCount,
-                    numberOfInstances: currentSeries.imageIds.length,
-                    instanceNumber: instanceNumber
-                  };
-                  dataUrl = getScaledCanvasDat(enabled.canvas);
-                  ownProps.operateKeyImages('add', {
-                    dataUrl: dataUrl,
-                    imageInfo: imageInfo
-                  });
+        var enabled = cornerstone.getEnabledElement(_activeElement);
+        var imageId = enabled.image.imageId;
+        var instanceNumber = imageId.split(':')[3];
+        var imageInfo = {
+          studyInstanceUID: currentSeries.studyInstanceUID,
+          seriesInstanceUID: currentSeries.seriesInstanceUID,
+          SOPInstanceUID: imageId,
+          seriesNumber: seriesNumber,
+          numberOfSeries: 1,
+          numberOfInstances: 1,
+          instanceNumber: instanceNumber && Number(instanceNumber) || 1
+        };
+        var dataUrl = getScaledCanvasDat(enabled.canvas);
+        ownProps.operateKeyImages('add', {
+          dataUrl: dataUrl,
+          imageInfo: imageInfo
+        });
+      } else {
+        var realSeriesIndex = col * currentScrollLine + activeIndex;
+        var _currentSeriesIndex = seriesCurrentIndex[realSeriesIndex];
+        var SOPInstanceUID = currentSeries.SOPInstanceUIDs[_currentSeriesIndex];
+        var keyImages = propsFromState.keyImages;
+        var selectImage = lodash$1.find(keyImages, {
+          SOPInstanceUID: SOPInstanceUID
+        });
 
-                case 11:
-                case "end":
-                  return _context11.stop();
+        function handleAddKeyImage() {
+          return _handleAddKeyImage.apply(this, arguments);
+        }
+
+        function _handleAddKeyImage() {
+          _handleAddKeyImage = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee11() {
+            var activeElement, enabled, dicom, instanceNumber, imageInfo, dataUrl;
+            return regenerator.wrap(function _callee11$(_context11) {
+              while (1) {
+                switch (_context11.prev = _context11.next) {
+                  case 0:
+                    activeElement = getElement(realActiveIndex);
+                    enabled = cornerstone.getEnabledElement(activeElement);
+                    _context11.next = 4;
+                    return loadAndCacheDicom(enabled.image.imageId);
+
+                  case 4:
+                    dicom = _context11.sent;
+
+                    if (dicom) {
+                      _context11.next = 7;
+                      break;
+                    }
+
+                    return _context11.abrupt("return");
+
+                  case 7:
+                    instanceNumber = dicom.InstanceNumber.toString() || 1;
+                    imageInfo = {
+                      studyInstanceUID: currentSeries.studyInstanceUID,
+                      seriesInstanceUID: currentSeries.seriesInstanceUID,
+                      SOPInstanceUID: SOPInstanceUID,
+                      seriesNumber: currentSeries.seriesNumber,
+                      numberOfSeries: currentSeries.seriesCount,
+                      numberOfInstances: currentSeries.imageIds.length,
+                      instanceNumber: instanceNumber
+                    };
+                    dataUrl = getScaledCanvasDat(enabled.canvas);
+                    ownProps.operateKeyImages('add', {
+                      dataUrl: dataUrl,
+                      imageInfo: imageInfo
+                    });
+
+                  case 11:
+                  case "end":
+                    return _context11.stop();
+                }
               }
-            }
-          }, _callee11);
-        }));
-        return _handleAddKeyImage.apply(this, arguments);
-      }
+            }, _callee11);
+          }));
+          return _handleAddKeyImage.apply(this, arguments);
+        }
 
-      if (selectImage) {
-        ownProps.operateKeyImages('remove', selectImage);
-      } else {
-        // 手机端添加关键图时需要二次确认
-        if (isMobile) {
-          Modal.create( /*#__PURE__*/React__default.createElement("div", {
-            style: {
-              color: '#ccc',
-              padding: '10px'
-            }
-          }, "\u662F\u5426\u786E\u8BA4\u6DFB\u52A0\u5173\u952E\u56FE?"), {
-            style: {
-              width: '350px',
-              background: '#333',
-              overflowY: 'hidden'
-            },
-            maskClosable: false,
-            title: getI18nMessage('modal', 'title'),
-            okButtonProps: {
-              type: 'success'
-            },
-            cancelText: getI18nMessage('modal', 'text_cancel'),
-            onOk: function onOk() {
-              handleAddKeyImage();
-            }
-          });
+        if (selectImage) {
+          ownProps.operateKeyImages('remove', selectImage);
         } else {
-          handleAddKeyImage();
+          // 手机端添加关键图时需要二次确认
+          if (isMobile) {
+            Modal.create( /*#__PURE__*/React__default.createElement("div", {
+              style: {
+                color: '#ccc',
+                padding: '10px'
+              }
+            }, "\u662F\u5426\u786E\u8BA4\u6DFB\u52A0\u5173\u952E\u56FE?"), {
+              style: {
+                width: '350px',
+                background: '#333',
+                overflowY: 'hidden'
+              },
+              maskClosable: false,
+              title: getI18nMessage('modal', 'title'),
+              okButtonProps: {
+                type: 'success'
+              },
+              cancelText: getI18nMessage('modal', 'text_cancel'),
+              onOk: function onOk() {
+                handleAddKeyImage();
+              }
+            });
+          } else {
+            handleAddKeyImage();
+          }
         }
       }
     },
@@ -77480,10 +77711,11 @@ var mergeProps$p = function mergeProps(propsFromState, propsFromDispatch, ownPro
       Modal.create(modalComponent, {
         title: getI18nMessage('setting', 'title'),
         footer: false,
+        wrapperClassName: 'paladin-user-setting-modal-wrapper',
         style: {
           width: '580px',
-          top: '10%',
-          transform: 'translate(-50%,0)'
+          maxWidth: 'calc(100vw - 40px)',
+          maxHeight: 'calc(100vh - 40px)'
         }
       });
     },
@@ -80058,6 +80290,203 @@ function getCustomAvailableTools(data) {
 function ownKeys$W(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$W(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$W(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$W(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var orientation$2 = cornerstoneTools.orientation;
+
+function rotateOrientationClockwise(labels) {
+  return {
+    top: labels.left,
+    right: labels.top,
+    bottom: labels.right,
+    left: labels.bottom
+  };
+}
+
+function flipOrientationHorizontally(labels) {
+  return _objectSpread$W(_objectSpread$W({}, labels), {}, {
+    left: labels.right,
+    right: labels.left
+  });
+}
+
+function flipOrientationVertically(labels) {
+  return _objectSpread$W(_objectSpread$W({}, labels), {}, {
+    top: labels.bottom,
+    bottom: labels.top
+  });
+}
+
+function getOrientationLabels(row, column, oppositeRow, oppositeColumn) {
+  return {
+    top: oppositeColumn[0],
+    bottom: column[0],
+    left: oppositeRow[0],
+    right: row[0]
+  };
+}
+
+function resolveViewportTransform(labels) {
+  var targetLabels = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    left: 'R',
+    right: 'L'
+  };
+  var rotations = [0, 90, 180, 270];
+
+  var getRotateOrientation = function getRotateOrientation(rotation, _label) {
+    for (var i = 0; i < rotation / 90; i++) {
+      _label = rotateOrientationClockwise(_label);
+    }
+
+    return _label;
+  };
+
+  for (var _i = 0, _rotations = rotations; _i < _rotations.length; _i++) {
+    var rotation = _rotations[_i];
+    var candidates = [{
+      rotation: rotation,
+      hflip: false,
+      vflip: false,
+      labels: getRotateOrientation(rotation, lodash$1.cloneDeep(labels))
+    }, {
+      rotation: rotation,
+      hflip: true,
+      vflip: false,
+      labels: getRotateOrientation(rotation, flipOrientationHorizontally(lodash$1.cloneDeep(labels)))
+    }, {
+      rotation: rotation,
+      hflip: false,
+      vflip: true,
+      labels: getRotateOrientation(rotation, flipOrientationVertically(lodash$1.cloneDeep(labels)))
+    }, {
+      rotation: rotation,
+      hflip: true,
+      vflip: true,
+      labels: getRotateOrientation(rotation, flipOrientationVertically(flipOrientationVertically(lodash$1.cloneDeep(labels))))
+    }];
+    var matchedCandidate = candidates.find(function (_ref) {
+      var candidateLabels = _ref.labels;
+      return candidateLabels.left === targetLabels.left && candidateLabels.right === targetLabels.right;
+    });
+
+    if (matchedCandidate) {
+      return {
+        rotation: matchedCandidate.rotation,
+        hflip: matchedCandidate.hflip,
+        vflip: matchedCandidate.vflip
+      };
+    }
+  }
+
+  return null;
+}
+/**
+ * 特殊体位 侧卧 初始化时处理方位问题
+ *
+ * 1.控制范围InstitutionName 先做单个医院的
+ * 2.初始化方位先算出来默认视角 左右是RL的 不处理
+ * 3.viewport有值的不处理
+ *
+ */
+
+
+function checkImageOrientationMark(_x, _x2, _x3) {
+  return _checkImageOrientationMark.apply(this, arguments);
+}
+
+function _checkImageOrientationMark() {
+  _checkImageOrientationMark = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(imageId, element, originDicomInfo) {
+    var imagePlane, dicom, institutionName, patientPosition, viewport, row, column, oppositeRow, oppositeColumn, originLabels, transform;
+    return regenerator.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            imagePlane = cornerstone.metaData.get('imagePlaneModule', imageId);
+            _context.t0 = originDicomInfo;
+
+            if (_context.t0) {
+              _context.next = 6;
+              break;
+            }
+
+            _context.next = 5;
+            return loadAndCacheDicom(imageId);
+
+          case 5:
+            _context.t0 = _context.sent;
+
+          case 6:
+            dicom = _context.t0;
+            institutionName = dicom.InstitutionName && dicom.InstitutionName.toString();
+            patientPosition = dicom.PatientPosition && dicom.PatientPosition.toString();
+
+            if (!(institutionName !== '重庆新里程二郎医院')) {
+              _context.next = 11;
+              break;
+            }
+
+            return _context.abrupt("return");
+
+          case 11:
+            if (!(patientPosition !== 'HFDL')) {
+              _context.next = 13;
+              break;
+            }
+
+            return _context.abrupt("return");
+
+          case 13:
+            // 有过变化说明不是首次加载 不需要往下执行调整步骤
+            viewport = cornerstone.getViewport(element);
+
+            if (!(viewport.rotation !== 0 || viewport.hflip || viewport.vflip)) {
+              _context.next = 16;
+              break;
+            }
+
+            return _context.abrupt("return");
+
+          case 16:
+            row = orientation$2.getOrientationString(imagePlane.rowCosines);
+            column = orientation$2.getOrientationString(imagePlane.columnCosines);
+            oppositeRow = orientation$2.invertOrientationString(row);
+            oppositeColumn = orientation$2.invertOrientationString(column);
+            originLabels = getOrientationLabels(row, column, oppositeRow, oppositeColumn);
+
+            if (!(originLabels.left === 'R' && originLabels.right === 'L')) {
+              _context.next = 23;
+              break;
+            }
+
+            return _context.abrupt("return");
+
+          case 23:
+            transform = resolveViewportTransform(originLabels);
+
+            if (transform) {
+              _context.next = 26;
+              break;
+            }
+
+            return _context.abrupt("return");
+
+          case 26:
+            viewport.rotation = transform.rotation;
+            viewport.hflip = transform.hflip;
+            viewport.vflip = transform.vflip;
+            cornerstone.setViewport(element, viewport);
+
+          case 30:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _checkImageOrientationMark.apply(this, arguments);
+}
+
+function ownKeys$X(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$X(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$X(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$X(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createSuper$1G(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1H(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
@@ -80679,140 +81108,167 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
       cornerstoneTools.addStackStateManager(_this.element, ['stack']);
       cornerstoneTools.addToolState(_this.element, 'stack', stack); // Load the first image in the stack
 
-      imagePromise.then(function (image) {
-        _this.firstLoaded = true; // Display the first image
-        // 注：display image之前校验image的正确性 避免快速滚动图像加载堆积 导致显示的图像并非当前图像
+      imagePromise.then( /*#__PURE__*/function () {
+        var _ref3 = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(image) {
+          var checkResult, seriesModule, initSuvToWindowWidth, viewport, aiResult;
+          return regenerator.wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  _this.firstLoaded = true; // Display the first image
+                  // 注：display image之前校验image的正确性 避免快速滚动图像加载堆积 导致显示的图像并非当前图像
 
-        var checkResult = _this.checkImageBeforeDisplay(imageId);
+                  checkResult = _this.checkImageBeforeDisplay(imageId);
 
-        if (!checkResult) {
-          return;
-        }
+                  if (checkResult) {
+                    _context.next = 4;
+                    break;
+                  }
 
-        cornerstone.displayImage(_this.element, image); // PET图像 反相+SUV计算默认窗值
+                  return _context.abrupt("return");
 
-        var seriesModule = cornerstone.metaData.get('generalSeriesModule', image.imageId);
+                case 4:
+                  cornerstone.displayImage(_this.element, image); // PET图像 反相+SUV计算默认窗值
 
-        if (seriesModule && seriesModule.modality && seriesModule.modality === 'PT') {
-          var initSuvToWindowWidth = calcSUVToPixelData(5, image);
-          var viewport = cornerstone.getViewport(_this.element);
-          viewport.invert = true;
-          viewport.voi.windowWidth = lodash$1.round(initSuvToWindowWidth);
-          viewport.voi.windowCenter = lodash$1.round(initSuvToWindowWidth / 2);
-          cornerstone.setViewport(_this.element, viewport);
-        } // 扫描定位线处理 May be we can remove it, 防丢失
+                  seriesModule = cornerstone.metaData.get('generalSeriesModule', image.imageId);
 
+                  if (seriesModule && seriesModule.modality && seriesModule.modality === 'PT') {
+                    initSuvToWindowWidth = calcSUVToPixelData(5, image);
+                    viewport = cornerstone.getViewport(_this.element);
+                    viewport.invert = true;
+                    viewport.voi.windowWidth = lodash$1.round(initSuvToWindowWidth);
+                    viewport.voi.windowCenter = lodash$1.round(initSuvToWindowWidth / 2);
+                    cornerstone.setViewport(_this.element, viewport);
+                  } // 特殊体位 初始化时处理方位问题
 
-        _this.initReferenceLine(); // 二维定位处理
 
+                  _context.next = 9;
+                  return checkImageOrientationMark(imageId, _this.element, _this.props.originDicomInfo);
 
-        _this.initReferencePosition(); // 处理sync的初始化
+                case 9:
+                  // 扫描定位线处理 May be we can remove it, 防丢失
+                  _this.initReferenceLine(); // 二维定位处理
 
 
-        _this.initSync(); // 遮罩
+                  _this.initReferencePosition(); // 处理sync的初始化
 
 
-        if (_this.props.displayShutter) {
-          cornerstoneTools.setToolActiveForElement(_this.element, 'ShutterShape');
-        } // 开启方位
+                  _this.initSync(); // 遮罩
 
 
-        cornerstoneTools.setToolActiveForElement(_this.element, 'OrientationMarkers');
-        cornerstoneTools.setToolActiveForElement(_this.element, 'Overlay'); // 除去mpr情况 默认开启标尺
+                  if (_this.props.displayShutter) {
+                    cornerstoneTools.setToolActiveForElement(_this.element, 'ShutterShape');
+                  } // 开启方位
 
-        if (!_this.props.mpr) {
-          cornerstoneTools.setToolActiveForElement(_this.element, 'RulerOverlay');
-        } // 对一些工具的特殊处理
 
+                  cornerstoneTools.setToolActiveForElement(_this.element, 'OrientationMarkers');
+                  cornerstoneTools.setToolActiveForElement(_this.element, 'Overlay'); // 除去mpr情况 默认开启标尺
 
-        if (_this.props.mpr && !_this.props.Surgery && !_this.props.CPR) {
-          // 只在mpr中触发的
-          cornerstoneTools.setToolActiveForElement(_this.element, 'CrosshairsMPR', {
-            mouseButtonMask: 1,
-            isTouchActive: true,
-            mode: _this.props.mprCrosshairMode
-          });
-          cornerstoneTools.addToolState(_this.element, 'CrosshairsMPR', {
-            active: true
-          });
-        } else {
-          cornerstoneTools.setToolDisabledForElement(_this.element, 'CrosshairsMPR', {
-            mouseButtonMask: 1,
-            isTouchActive: true
-          }); // 如果有ai分析数据则显示ai结果
+                  if (!_this.props.mpr) {
+                    cornerstoneTools.setToolActiveForElement(_this.element, 'RulerOverlay');
+                  } // 对一些工具的特殊处理
 
-          var aiResult = get$1('aiResult');
 
-          if (aiResult) {
-            cornerstoneTools.setToolEnabledForElement(_this.element, 'AIAnalysisOverlay', {
-              simpleMode: _this.props.showSimpleAIResult
-            });
-            cornerstoneTools.setToolActiveForElement(_this.element, 'AIAnalysisOverlay', {
-              mouseButtonMask: 1,
-              isTouchActive: true,
-              simpleMode: _this.props.showSimpleAIResult
-            });
-          }
-        } // 只在手术路径规划中触发的
+                  if (_this.props.mpr && !_this.props.Surgery && !_this.props.CPR) {
+                    // 只在mpr中触发的
+                    cornerstoneTools.setToolActiveForElement(_this.element, 'CrosshairsMPR', {
+                      mouseButtonMask: 1,
+                      isTouchActive: true,
+                      mode: _this.props.mprCrosshairMode
+                    });
+                    cornerstoneTools.addToolState(_this.element, 'CrosshairsMPR', {
+                      active: true
+                    });
+                  } else {
+                    cornerstoneTools.setToolDisabledForElement(_this.element, 'CrosshairsMPR', {
+                      mouseButtonMask: 1,
+                      isTouchActive: true
+                    }); // 如果有ai分析数据则显示ai结果
 
+                    aiResult = get$1('aiResult');
 
-        if (_this.props.Surgery) {
-          if (_this.props.index === 0) {
-            cornerstoneTools.setToolActiveForElement(_this.element, 'Centesis', {
-              mouseButtonMask: 1,
-              isTouchActive: true
-            });
-          }
+                    if (aiResult) {
+                      cornerstoneTools.setToolEnabledForElement(_this.element, 'AIAnalysisOverlay', {
+                        simpleMode: _this.props.showSimpleAIResult
+                      });
+                      cornerstoneTools.setToolActiveForElement(_this.element, 'AIAnalysisOverlay', {
+                        mouseButtonMask: 1,
+                        isTouchActive: true,
+                        simpleMode: _this.props.showSimpleAIResult
+                      });
+                    }
+                  } // 只在手术路径规划中触发的
 
-          cornerstoneTools.setToolActiveForElement(_this.element, 'CentesisPath', {});
-        } // 只在CPR中触发 鼠标默认为路径点选择
 
+                  if (_this.props.Surgery) {
+                    if (_this.props.index === 0) {
+                      cornerstoneTools.setToolActiveForElement(_this.element, 'Centesis', {
+                        mouseButtonMask: 1,
+                        isTouchActive: true
+                      });
+                    }
 
-        if (_this.props.CPR) {
-          if (_this.props.index === 0) {
-            cornerstoneTools.setToolEnabledForElement(_this.element, 'CPRPoint');
-            cornerstoneTools.setToolActiveForElement(_this.element, 'CPRPoint', {
-              mouseButtonMask: 1,
-              isTouchActive: true
-            });
-          }
-        }
+                    cornerstoneTools.setToolActiveForElement(_this.element, 'CentesisPath', {});
+                  } // 只在CPR中触发 鼠标默认为路径点选择
 
-        _this.setActiveTool(_this.props.activeTool); //开启滚轮滚
-        // TODO awesome code: 如果添加了mouse wheel且在外面实施滚动的时候, 会出现二次触发image render的情况, 当图片为一张的时候, 不注册此事件
 
+                  if (_this.props.CPR) {
+                    if (_this.props.index === 0) {
+                      cornerstoneTools.setToolEnabledForElement(_this.element, 'CPRPoint');
+                      cornerstoneTools.setToolActiveForElement(_this.element, 'CPRPoint', {
+                        mouseButtonMask: 1,
+                        isTouchActive: true
+                      });
+                    }
+                  }
+
+                  _this.setActiveTool(_this.props.activeTool); //开启滚轮滚
+                  // TODO awesome code: 如果添加了mouse wheel且在外面实施滚动的时候, 会出现二次触发image render的情况, 当图片为一张的时候, 不注册此事件
 
-        if (stack.imageIds && stack.imageIds.length > 1 && !_this.props.disableScroll) {
-          cornerstoneTools.setToolActiveForElement(_this.element, 'StackScrollMouseWheel', {});
-        }
-        /* For touch devices, by default we activate:
-         - Pinch to zoom
-         - Two-finger Pan
-         - Three (or more) finger Stack Scroll
-         */
 
+                  if (stack.imageIds && stack.imageIds.length > 1 && !_this.props.disableScroll) {
+                    cornerstoneTools.setToolActiveForElement(_this.element, 'StackScrollMouseWheel', {});
+                  }
+                  /* For touch devices, by default we activate:
+                   - Pinch to zoom
+                   - Two-finger Pan
+                   - Three (or more) finger Stack Scroll
+                   */
 
-        cornerstoneTools.setToolActiveForElement(_this.element, 'PanMultiTouch', {
-          mouseButtonMask: 0,
-          isTouchActive: true
-        });
-        cornerstoneTools.setToolActiveForElement(_this.element, 'ZoomTouchPinch', {
-          mouseButtonMask: 0,
-          isTouchActive: true
-        });
-        cornerstoneTools.setToolActiveForElement(_this.element, 'StackScrollMultiTouch', {
-          mouseButtonMask: 0,
-          isTouchActive: true
-        });
-        _this.props.onImageFirstRender && _this.props.onImageFirstRender(_this.props.index);
 
-        _this.clearFirstLoadingHandler();
+                  cornerstoneTools.setToolActiveForElement(_this.element, 'PanMultiTouch', {
+                    mouseButtonMask: 0,
+                    isTouchActive: true
+                  });
+                  cornerstoneTools.setToolActiveForElement(_this.element, 'ZoomTouchPinch', {
+                    mouseButtonMask: 0,
+                    isTouchActive: true
+                  });
+                  cornerstoneTools.setToolActiveForElement(_this.element, 'StackScrollMultiTouch', {
+                    mouseButtonMask: 0,
+                    isTouchActive: true
+                  });
+                  _this.props.onImageFirstRender && _this.props.onImageFirstRender(_this.props.index);
 
-        _this.setState({
-          isLoading: false,
-          error: null
-        });
-      }, function (error) {
+                  _this.clearFirstLoadingHandler();
+
+                  _this.setState({
+                    isLoading: false,
+                    error: null
+                  });
+
+                case 27:
+                case "end":
+                  return _context.stop();
+              }
+            }
+          }, _callee);
+        }));
+
+        return function (_x) {
+          return _ref3.apply(this, arguments);
+        };
+      }(), function (error) {
         var checkResult = _this.checkImageBeforeDisplay(imageId);
 
         if (!checkResult) {
@@ -81285,7 +81741,7 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
           nextViewport.colormap = undefined;
         }
 
-        cornerstone.setViewport(this.element, _objectSpread$W(_objectSpread$W({}, nextViewport), {}, {
+        cornerstone.setViewport(this.element, _objectSpread$X(_objectSpread$X({}, nextViewport), {}, {
           displayedArea: defaultViewport.displayedArea
         }));
         this.setState({
@@ -82220,9 +82676,9 @@ function pointToLineDistance(point, lineStart, lineEnd) {
   return Math.sqrt(perpendicularVec.x * perpendicularVec.x + perpendicularVec.y * perpendicularVec.y);
 }
 
-function ownKeys$X(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$Y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$X(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$X(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$X(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$Y(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$Y(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$Y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createForOfIteratorHelper$f(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$h(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; } } }; }
 
@@ -82485,7 +82941,7 @@ var DicomLayout = /*#__PURE__*/function (_Component) {
 
               if (activeResult.active) {
                 checkToolDataActive = true;
-                activeToolData.push(_objectSpread$X(_objectSpread$X({}, activeResult), {}, {
+                activeToolData.push(_objectSpread$Y(_objectSpread$Y({}, activeResult), {}, {
                   handler: handler,
                   elementIndex: index
                 }));
@@ -82766,9 +83222,9 @@ defineProperty(DicomLayout, "propTypes", {
 
 });
 
-function ownKeys$Y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$Z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$Y(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$Y(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$Y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$Z(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$Z(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$Z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 /**
  * 序列模式
  *
@@ -82838,7 +83294,7 @@ var mergeProps$r = function mergeProps(propsFromState, propsFromDispatch, ownPro
   var startIndex = col * currentScrollLine;
   var endIndex = startIndex + col * row;
   var currentLayoutSeries = series.slice(startIndex, endIndex);
-  return _objectSpread$Y(_objectSpread$Y(_objectSpread$Y(_objectSpread$Y({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$Z(_objectSpread$Z(_objectSpread$Z(_objectSpread$Z({}, ownProps), propsFromState), propsFromDispatch), {}, {
     series: currentLayoutSeries,
     seriesTotalCount: series.length,
     row: row,
@@ -83125,9 +83581,9 @@ var ConnectedDicomLayout = reactRedux.connect(mapStateToProps$s, {
   setCineFps: setCineFps
 }, mergeProps$r)(DicomLayout);
 
-function ownKeys$Z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$_(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$Z(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$Z(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$Z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$_(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$_(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$_(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 /**
  * 图像模式
  *
@@ -83233,7 +83689,7 @@ var mergeProps$s = function mergeProps(propsFromState, propsFromDispatch, ownPro
     };
   });
   var showVerticalScroll = series && series.length / col > row;
-  return _objectSpread$Z(_objectSpread$Z(_objectSpread$Z(_objectSpread$Z({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$_(_objectSpread$_(_objectSpread$_(_objectSpread$_({}, ownProps), propsFromState), propsFromDispatch), {}, {
     currentScrollLine: currentScrollLineImage,
     series: series,
     activeIndex: imageActiveIndex,
@@ -84032,9 +84488,9 @@ var SurgeryLayout = /*#__PURE__*/function (_Component) {
 
 defineProperty(SurgeryLayout, "propTypes", {});
 
-function ownKeys$_(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$$(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$_(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$_(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$_(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$$(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$$(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$$(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var mapStateToProps$u = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
@@ -84053,7 +84509,7 @@ var mapStateToProps$u = function mapStateToProps(state) {
 };
 
 var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$_(_objectSpread$_(_objectSpread$_({}, propsFromState), ownProps), {}, {
+  return _objectSpread$$(_objectSpread$$(_objectSpread$$({}, propsFromState), ownProps), {}, {
     onViewPortCellClick: function onViewPortCellClick() {
       propsFromDispatch.setSurgeryActiveIndex.apply(propsFromDispatch, arguments);
     },
@@ -84380,9 +84836,9 @@ var CPRLayout = /*#__PURE__*/function (_Component) {
 
 defineProperty(CPRLayout, "propTypes", {});
 
-function ownKeys$$(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$10(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$$(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$$(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$$(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$10(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$10(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$10(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var mapStateToProps$v = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
@@ -84399,7 +84855,7 @@ var mapStateToProps$v = function mapStateToProps(state) {
 };
 
 var mergeProps$u = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$$(_objectSpread$$(_objectSpread$$({}, propsFromState), ownProps), {}, {
+  return _objectSpread$10(_objectSpread$10(_objectSpread$10({}, propsFromState), ownProps), {}, {
     onViewPortCellClick: function onViewPortCellClick() {
       propsFromDispatch.setSurgeryActiveIndex.apply(propsFromDispatch, arguments);
     },
@@ -84422,9 +84878,9 @@ styleInject$1(css_248z$I);
 var css_248z$J = ".image-processing-container {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  background: black;\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  flex-direction: column;\n  z-index: 999;\n}\n.image-processing-container-content {\n  cursor: pointer;\n}\n.image-processing-container-content svg {\n  width: 50px;\n  height: 50px;\n  display: block;\n  margin: 15px auto 0 auto;\n  color: #999;\n}\n.paladin-three-wrapper {\n  width: 100%;\n  height: 100%;\n  color: white;\n  display: flex;\n}\n.paladin-three-horizontal-left {\n  width: 66.6%;\n  height: 100%;\n}\n.paladin-three-horizontal-right {\n  width: 33.4%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.paladin-three-horizontal-middle {\n  width: 50%;\n  height: 100%;\n}\n.paladin-three-vertical-top {\n  width: 100%;\n  height: 66.6%;\n  flex-direction: row;\n}\n.paladin-three-vertical-bottom {\n  width: 100%;\n  height: 33.4%;\n  display: flex;\n  flex-direction: row;\n}\n.paladin-three-vertical-middle {\n  height: 50%;\n}\n.paladin-three-height-55 {\n  width: 100%;\n  height: 55%;\n}\n.paladin-three-height-45 {\n  width: 100%;\n  height: 45%;\n}\n.paladin-three-height-50 {\n  width: 100%;\n  height: 50%;\n}\n.paladin-three-width-50 {\n  width: 50%;\n  height: 100%;\n}\n.paladin-three-height-33 {\n  width: 100%;\n  height: 33.333%;\n}\n.paladin-three-width-33 {\n  height: 100%;\n  width: 33.333%;\n}\n.paladin-three-relative {\n  position: relative;\n}\n.mip-wwwc {\n  position: absolute;\n  bottom: 15px;\n  left: 15px;\n}\n.mip-wwwc p {\n  color: #ffffff;\n  margin: 0;\n  text-align: right;\n}\n";
 styleInject$1(css_248z$J);
 
-function ownKeys$10(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$11(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$10(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$10(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$10(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$11(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$11(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$11(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createSuper$1K(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1L(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
@@ -84707,7 +85163,7 @@ var ThreeDLayout = /*#__PURE__*/function (_Component) {
 
               if (activeResult.active) {
                 checkToolDataActive = true;
-                activeToolData.push(_objectSpread$10(_objectSpread$10({}, activeResult), {}, {
+                activeToolData.push(_objectSpread$11(_objectSpread$11({}, activeResult), {}, {
                   handler: handler,
                   elementIndex: index
                 }));
@@ -85249,9 +85705,9 @@ var ThreeDLayout = /*#__PURE__*/function (_Component) {
 
 defineProperty(ThreeDLayout, "propTypes", {});
 
-function ownKeys$11(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$12(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$11(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$11(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$11(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$12(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$12(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$12(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var mapStateToProps$w = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
@@ -85275,7 +85731,7 @@ var mapStateToProps$w = function mapStateToProps(state) {
 };
 
 var mergeProps$v = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$11(_objectSpread$11(_objectSpread$11({}, propsFromState), ownProps), {}, {
+  return _objectSpread$12(_objectSpread$12(_objectSpread$12({}, propsFromState), ownProps), {}, {
     onViewPortCellClick: function onViewPortCellClick() {
       propsFromDispatch.setMprActiveIndex.apply(propsFromDispatch, arguments);
     },
@@ -85582,9 +86038,9 @@ var ThreeDLayout$1 = /*#__PURE__*/function (_Component) {
 
 defineProperty(ThreeDLayout$1, "propTypes", {});
 
-function ownKeys$12(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$13(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$12(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$12(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$12(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$13(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$13(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$13(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var mapStateToProps$x = function mapStateToProps(state) {
   var currentSeries = state.paladin.viewport.currentSeries;
@@ -85594,7 +86050,7 @@ var mapStateToProps$x = function mapStateToProps(state) {
 };
 
 var mergeProps$w = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$12(_objectSpread$12({}, propsFromState), ownProps);
+  return _objectSpread$13(_objectSpread$13({}, propsFromState), ownProps);
 };
 
 var ConnectedVR = reactRedux.connect(mapStateToProps$x, {}, mergeProps$w)(ThreeDLayout$1);
@@ -85824,9 +86280,9 @@ var MIPLayout = /*#__PURE__*/function (_Component) {
 
 defineProperty(MIPLayout, "propTypes", {});
 
-function ownKeys$13(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$14(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$13(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$13(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$13(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$14(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$14(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$14(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var mapStateToProps$y = function mapStateToProps(state) {
   var currentSeries = state.paladin.viewport.currentSeries;
@@ -85836,7 +86292,7 @@ var mapStateToProps$y = function mapStateToProps(state) {
 };
 
 var mergeProps$x = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$13(_objectSpread$13(_objectSpread$13({}, propsFromState), propsFromDispatch), ownProps);
+  return _objectSpread$14(_objectSpread$14(_objectSpread$14({}, propsFromState), propsFromDispatch), ownProps);
 };
 
 var ConnectedMIP = reactRedux.connect(mapStateToProps$y, {
@@ -85856,9 +86312,9 @@ function colorMapFix(viewportData) {
   return viewportData;
 }
 
-function ownKeys$14(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$15(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$14(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$14(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$14(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$15(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$15(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$15(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 /**
  * 全部模式
  *
@@ -85962,7 +86418,7 @@ var mergeProps$y = function mergeProps(propsFromState, propsFromDispatch, ownPro
   var endIndex = startIndex + onePageCount;
   var series = allSeries.slice(startIndex, endIndex);
   var showVerticalScroll = series && series.length / col > row;
-  return _objectSpread$14(_objectSpread$14(_objectSpread$14(_objectSpread$14({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$15(_objectSpread$15(_objectSpread$15(_objectSpread$15({}, ownProps), propsFromState), propsFromDispatch), {}, {
     currentScrollLine: currentScrollLineImage,
     series: series,
     activeIndex: imageActiveIndex,
@@ -86078,9 +86534,9 @@ var mergeProps$y = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
 var ConnectedDicomAllImageModeLayout = reactRedux.connect(mapStateToProps$z, mapDispatchToProps$5, mergeProps$y)(DicomLayout);
 
-function ownKeys$15(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$16(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$15(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$15(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$15(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$16(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$16(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$16(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 /**
  * 一些情况下传入paladin的numberOfSeriesRelatedInstances不是实际的序列图像数量
  * 所以在study传入的时候需进行修正
@@ -86091,9 +86547,9 @@ function studySeriesDataCheck (studies) {
     if (study.checked) {
       return study;
     } else {
-      return _objectSpread$15(_objectSpread$15({}, study), {}, {
+      return _objectSpread$16(_objectSpread$16({}, study), {}, {
         series: lodash$1.map(study.series, function (series) {
-          return _objectSpread$15(_objectSpread$15({}, series), {}, {
+          return _objectSpread$16(_objectSpread$16({}, series), {}, {
             numberOfSeriesRelatedInstances: series.imageIds.length || 0
           });
         }),
@@ -86228,9 +86684,9 @@ function _unsupportedIterableToArray$j(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$j(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function ownKeys$16(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$17(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$16(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$16(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$16(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$17(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$17(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$17(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var mapStateToProps$A = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.film,
@@ -86243,7 +86699,7 @@ var mapStateToProps$A = function mapStateToProps(state) {
 };
 
 var mergeProps$z = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$16(_objectSpread$16(_objectSpread$16({}, ownProps), propsFromState), {}, {
+  return _objectSpread$17(_objectSpread$17(_objectSpread$17({}, ownProps), propsFromState), {}, {
     onLayoutChange: function onLayoutChange(row, col) {
       propsFromDispatch.setFilmLayout(row, col);
       setTimeout(function () {
@@ -91530,7 +91986,7 @@ function _defineProperty$4(obj, key, value) {
   return obj;
 }
 
-function ownKeys$17(object, enumerableOnly) {
+function ownKeys$18(object, enumerableOnly) {
   var keys = Object.keys(object);
 
   if (Object.getOwnPropertySymbols) {
@@ -91549,13 +92005,13 @@ function _objectSpread2$1(target) {
     var source = arguments[i] != null ? arguments[i] : {};
 
     if (i % 2) {
-      ownKeys$17(source, true).forEach(function (key) {
+      ownKeys$18(source, true).forEach(function (key) {
         _defineProperty$4(target, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$17(source).forEach(function (key) {
+      ownKeys$18(source).forEach(function (key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -96615,9 +97071,9 @@ const SvgOk = props => /*#__PURE__*/React__default.createElement("svg", _extends
   fill: "currentColor"
 }, props), _ref$1D);
 
-function ownKeys$18(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$19(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$17(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$18(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$18(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$18(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$19(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$19(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createSuper$1S(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); }; }
 
@@ -96684,7 +97140,7 @@ var FilmPrintModal = /*#__PURE__*/function (_Component) {
 
     defineProperty(assertThisInitialized(_this), "setFormData", function (key, value) {
       _this.setState({
-        formData: _objectSpread$17(_objectSpread$17({}, _this.state.formData), {}, defineProperty({}, key, value))
+        formData: _objectSpread$18(_objectSpread$18({}, _this.state.formData), {}, defineProperty({}, key, value))
       });
     });
 
@@ -97118,9 +97574,9 @@ function _unsupportedIterableToArray$k(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$k(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function ownKeys$19(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$18(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$19(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$19(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$19(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1a(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var domId = "paladinFilmOutputMock";
 var devicePixelRatio$4 = getDevicePixelRatio();
 var currentImageLoad = null;
@@ -97293,7 +97749,7 @@ var getFilmPrintImageData = /*#__PURE__*/function () {
             lodash$1.forEach(films, function (film) {
               var _data = lodash$1.pick(film, ['id', 'seriesNumber', 'seriesCount', 'instanceNumber', 'instanceCount', 'viewport']);
 
-              currentFilms[film.imageIds[0]] = _objectSpread$18(_objectSpread$18({}, _data), {}, {
+              currentFilms[film.imageIds[0]] = _objectSpread$19(_objectSpread$19({}, _data), {}, {
                 realWidth: filmItemWidth,
                 widthInView: viewFilmItemWidth
               });
@@ -97343,7 +97799,7 @@ var getFilmPrintImageData = /*#__PURE__*/function () {
             bitmap = _context.sent;
 
           case 38:
-            filmPrintOriginImageData.push(_objectSpread$18(_objectSpread$18({}, film), {}, {
+            filmPrintOriginImageData.push(_objectSpread$19(_objectSpread$19({}, film), {}, {
               bitmap: bitmap
             }));
 
@@ -97831,9 +98287,9 @@ const SvgDown = props => /*#__PURE__*/React__default.createElement("svg", _exten
   fill: "currentColor"
 }, props), _ref$1E);
 
-function ownKeys$1a(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$1b(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$19(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1a(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$1a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1b(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createSuper$1U(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); }; }
 
@@ -97912,7 +98368,7 @@ var FilmPrintModal$1 = /*#__PURE__*/function (_Component) {
         return;
       }
 
-      var printOptions = _objectSpread$19(_objectSpread$19({}, currentPrinter), {}, {
+      var printOptions = _objectSpread$1a(_objectSpread$1a({}, currentPrinter), {}, {
         filmMedium: filmMedium,
         filmSize: filmSize,
         filmPageType: filmPageType,
@@ -98146,9 +98602,9 @@ function _unsupportedIterableToArray$l(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$l(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$1b(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$1c(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$1a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1b(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$1b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1c(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var mapStateToProps$B = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.film,
@@ -98222,7 +98678,7 @@ var mergeProps$A = function mergeProps(propsFromState, propsFromDispatch, ownPro
                 viewFilmItemWidth: viewFilmItemWidth,
                 orientation: options.filmOrientation
               };
-              printerOptions = _objectSpread$1a(_objectSpread$1a({}, options), {}, {
+              printerOptions = _objectSpread$1b(_objectSpread$1b({}, options), {}, {
                 filmSize: filmSizeId
               }); // 打印的预检查
 
@@ -98262,7 +98718,7 @@ var mergeProps$A = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
                         case 11:
                           result = _context.sent;
-                          ownProps.filmPrinterMethods('print', _objectSpread$1a(_objectSpread$1a({}, result), {}, {
+                          ownProps.filmPrinterMethods('print', _objectSpread$1b(_objectSpread$1b({}, result), {}, {
                             totalPage: 1,
                             currentPage: 1,
                             options: printerOptions
@@ -98309,7 +98765,7 @@ var mergeProps$A = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
             case 4:
               result = _context4.sent;
-              ownProps.filmPrinterMethods('print', _objectSpread$1a(_objectSpread$1a({}, result), {}, {
+              ownProps.filmPrinterMethods('print', _objectSpread$1b(_objectSpread$1b({}, result), {}, {
                 totalPage: totalPage,
                 currentPage: pageIndex + 1,
                 options: printerOptions
@@ -98358,7 +98814,7 @@ var mergeProps$A = function mergeProps(propsFromState, propsFromDispatch, ownPro
     };
   }();
 
-  return _objectSpread$1a(_objectSpread$1a(_objectSpread$1a(_objectSpread$1a({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$1b(_objectSpread$1b(_objectSpread$1b(_objectSpread$1b({}, ownProps), propsFromState), propsFromDispatch), {}, {
     back: function back() {
       propsFromDispatch.activeDicomFunction('Film', false);
     },
@@ -99607,9 +100063,9 @@ var FilmView = /*#__PURE__*/function (_Component) {
   return FilmView;
 }(React.Component);
 
-function ownKeys$1c(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$1d(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$1b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1c(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$1c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1d(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var mapStateToProps$D = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.film,
@@ -99638,7 +100094,7 @@ var mapStateToProps$D = function mapStateToProps(state) {
 };
 
 var mergeProps$B = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$1b(_objectSpread$1b(_objectSpread$1b(_objectSpread$1b({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$1c(_objectSpread$1c(_objectSpread$1c(_objectSpread$1c({}, ownProps), propsFromState), propsFromDispatch), {}, {
     dragFilmLocation: function dragFilmLocation(origin, target) {
       if (origin !== target) {
         propsFromDispatch.exchangeFilm(origin, target);
@@ -100852,9 +101308,9 @@ var FusionViewport = /*#__PURE__*/function (_Component) {
 
 defineProperty(FusionViewport, "defaultProps", dicomToolDefaultProps$1);
 
-function ownKeys$1d(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$1e(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$1c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1d(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$1d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1e(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var mapStateToProps$E = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.action,
@@ -100894,7 +101350,7 @@ var mergeProps$C = function mergeProps(propsFromState, propsFromDispatch, ownPro
     _showOverlayText = false;
   }
 
-  return _objectSpread$1c(_objectSpread$1c(_objectSpread$1c({}, ownProps), propsFromState), {}, {
+  return _objectSpread$1d(_objectSpread$1d(_objectSpread$1d({}, ownProps), propsFromState), {}, {
     showOverlayText: _showOverlayText
   });
 };
@@ -101966,9 +102422,9 @@ var FusionViewport$1 = /*#__PURE__*/function (_Component) {
 
 defineProperty(FusionViewport$1, "defaultProps", dicomToolDefaultProps$1);
 
-function ownKeys$1e(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$1f(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$1d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1e(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$1e(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1f(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var mapStateToProps$F = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.action,
@@ -102008,7 +102464,7 @@ var mergeProps$D = function mergeProps(propsFromState, propsFromDispatch, ownPro
     _showOverlayText = false;
   }
 
-  return _objectSpread$1d(_objectSpread$1d(_objectSpread$1d({}, ownProps), propsFromState), {}, {
+  return _objectSpread$1e(_objectSpread$1e(_objectSpread$1e({}, ownProps), propsFromState), {}, {
     showOverlayText: _showOverlayText
   });
 };
@@ -102159,12 +102615,12 @@ var PETLayout = /*#__PURE__*/function (_Component) {
 
 defineProperty(PETLayout, "propTypes", {});
 
-function ownKeys$1f(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$1g(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$1e(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1f(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$1f(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1g(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var mapStateToProps$G = function mapStateToProps(state) {
-  return _objectSpread$1e({}, state.paladin.tools.fusion);
+  return _objectSpread$1f({}, state.paladin.tools.fusion);
 };
 
 var mergeProps$E = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
@@ -102172,7 +102628,7 @@ var mergeProps$E = function mergeProps(propsFromState, propsFromDispatch, ownPro
       fusionSynchronizer = propsFromState.fusionSynchronizer,
       fusionCTWWWCSynchronizer = propsFromState.fusionCTWWWCSynchronizer,
       fusionPETWWWCSynchronizer = propsFromState.fusionPETWWWCSynchronizer;
-  return _objectSpread$1e(_objectSpread$1e(_objectSpread$1e({}, propsFromState), ownProps), {}, {
+  return _objectSpread$1f(_objectSpread$1f(_objectSpread$1f({}, propsFromState), ownProps), {}, {
     onViewPortCellClick: function onViewPortCellClick(value) {
       propsFromDispatch.setFusionActiveIndex(value);
     },
@@ -102869,9 +103325,9 @@ function _unsupportedIterableToArray$n(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$n(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$1g(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$1h(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$1f(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1g(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$1g(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1h(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1h(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'];
 
@@ -103052,12 +103508,13 @@ var mergeProps$F = function mergeProps(propsFromState, propsFromDispatch, ownPro
   var throttleForwardFunc = throttle$9(forwardFunc, stepTime);
   var throttleBackFunc = throttle$9(backFunc, stepTime);
   var hotKeyIsOpen = customDicomSetting.hotKeyIsOpen === 'open';
+  var keyBoardTool = customDicomSetting.keyBoardTool || 'LeftAndRight';
   /**
    * Key values:
    * https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values
    */
 
-  return _objectSpread$1f(_objectSpread$1f(_objectSpread$1f({}, ownProps), propsFromState), {}, {
+  return _objectSpread$1g(_objectSpread$1g(_objectSpread$1g({}, ownProps), propsFromState), {}, {
     showDicomThumbnail: showDicomThumbnail,
     viewMode: viewMode,
     keyMap: {
@@ -103189,6 +103646,10 @@ var mergeProps$F = function mergeProps(propsFromState, propsFromDispatch, ownPro
         }
 
         if (threeDMode) {
+          if (keyBoardTool === 'UpAndDown') {
+            throttleForwardFunc();
+          }
+
           return;
         }
 
@@ -103197,46 +103658,53 @@ var mergeProps$F = function mergeProps(propsFromState, propsFromDispatch, ownPro
             var resultScrollLine = currentScrollLineImage - 1;
             propsFromDispatch.setImageScrollLine(resultScrollLine);
           }
-        } else {
-          if (onePickMode || col === 1 && row === 1) {
-            var originStudy = propsFromState.originStudy;
-            var matchSeries = null;
-            var matchSeriesIndex = 0;
-            lodash$1.forEach(originStudy, function (item) {
-              if (item.studyInstanceUID === propsFromState.currentSeries.studyInstanceUID) {
-                matchSeries = item.series;
-                matchSeriesIndex = lodash$1.findIndex(matchSeries, function (v) {
-                  return v.seriesInstanceUID === propsFromState.currentSeriesUID;
-                });
-              }
-            });
 
-            if (!matchSeries || matchSeries.length === 0) {
-              return;
-            }
-
-            var nextSeriesIndex = matchSeriesIndex - 1;
+          return;
+        }
 
-            if (nextSeriesIndex < 0) {
-              nextSeriesIndex = matchSeries.length - 1;
+        if (onePickMode || col === 1 && row === 1) {
+          var originStudy = propsFromState.originStudy;
+          var matchSeries = null;
+          var matchSeriesIndex = 0;
+          lodash$1.forEach(originStudy, function (item) {
+            if (item.studyInstanceUID === propsFromState.currentSeries.studyInstanceUID) {
+              matchSeries = item.series;
+              matchSeriesIndex = lodash$1.findIndex(matchSeries, function (v) {
+                return v.seriesInstanceUID === propsFromState.currentSeriesUID;
+              });
             }
+          });
 
-            var selectSeries = matchSeries[nextSeriesIndex];
-            var realIndex = col * currentScrollLine + activeIndex;
-            reset$2('series')(realIndex, selectSeries);
-            setSeriesCurrentIndex(realIndex, selectSeries.currentImageIdIndex);
-            setSeries(realIndex, selectSeries);
-            setCurrentSeries(selectSeries);
+          if (!matchSeries || matchSeries.length === 0) {
             return;
           }
 
-          if (currentScrollLine > 0) {
-            var _resultScrollLine = currentScrollLine - 1;
+          var nextSeriesIndex = matchSeriesIndex - 1;
 
-            propsFromDispatch.setScrollLine(_resultScrollLine);
-            var realActiveIndex = col * _resultScrollLine + activeIndex;
-            setCurrentSeries(series[realActiveIndex]);
+          if (nextSeriesIndex < 0) {
+            nextSeriesIndex = matchSeries.length - 1;
           }
+
+          var selectSeries = matchSeries[nextSeriesIndex];
+          var realIndex = col * currentScrollLine + activeIndex;
+          reset$2('series')(realIndex, selectSeries);
+          setSeriesCurrentIndex(realIndex, selectSeries.currentImageIdIndex);
+          setSeries(realIndex, selectSeries);
+          setCurrentSeries(selectSeries);
+          return;
+        }
+
+        if (keyBoardTool === 'UpAndDown') {
+          throttleForwardFunc();
+          return;
+        }
+
+        if (currentScrollLine > 0) {
+          var _resultScrollLine = currentScrollLine - 1;
+
+          propsFromDispatch.setScrollLine(_resultScrollLine);
+          var realActiveIndex = col * _resultScrollLine + activeIndex;
+          setCurrentSeries(series[realActiveIndex]);
         }
       },
       IMAGE_MODE_DOWN: function IMAGE_MODE_DOWN() {
@@ -103246,6 +103714,10 @@ var mergeProps$F = function mergeProps(propsFromState, propsFromDispatch, ownPro
         }
 
         if (threeDMode) {
+          if (keyBoardTool === 'UpAndDown') {
+            throttleBackFunc();
+          }
+
           return;
         }
 
@@ -103271,65 +103743,77 @@ var mergeProps$F = function mergeProps(propsFromState, propsFromDispatch, ownPro
               propsFromDispatch.setImageActiveIndex(lastIndex);
             }
           }
-        } else {
-          if (onePickMode || col === 1 && row === 1) {
-            var originStudy = propsFromState.originStudy;
-            var matchSeries = null;
-            var matchSeriesIndex = 0;
-            lodash$1.forEach(originStudy, function (item) {
-              if (item.studyInstanceUID === propsFromState.currentSeries.studyInstanceUID) {
-                matchSeries = item.series;
-                matchSeriesIndex = lodash$1.findIndex(matchSeries, function (v) {
-                  return v.seriesInstanceUID === propsFromState.currentSeriesUID;
-                });
-              }
-            });
 
-            if (!matchSeries || matchSeries.length === 0) {
-              return;
-            }
-
-            var nextSeriesIndex = matchSeriesIndex + 1;
+          return;
+        }
 
-            if (nextSeriesIndex === matchSeries.length) {
-              nextSeriesIndex = 0;
+        if (onePickMode || col === 1 && row === 1) {
+          var originStudy = propsFromState.originStudy;
+          var matchSeries = null;
+          var matchSeriesIndex = 0;
+          lodash$1.forEach(originStudy, function (item) {
+            if (item.studyInstanceUID === propsFromState.currentSeries.studyInstanceUID) {
+              matchSeries = item.series;
+              matchSeriesIndex = lodash$1.findIndex(matchSeries, function (v) {
+                return v.seriesInstanceUID === propsFromState.currentSeriesUID;
+              });
             }
+          });
 
-            var selectSeries = matchSeries[nextSeriesIndex];
-            var realIndex = col * currentScrollLine + activeIndex;
-            reset$2('series')(realIndex, selectSeries);
-            setSeriesCurrentIndex(realIndex, selectSeries.currentImageIdIndex);
-            setSeries(realIndex, selectSeries);
-            setCurrentSeries(selectSeries);
+          if (!matchSeries || matchSeries.length === 0) {
             return;
-          } // 序列模式
+          }
 
+          var nextSeriesIndex = matchSeriesIndex + 1;
 
-          if (totalRow - currentScrollLine - row > 0) {
-            var _resultScrollLine2 = currentScrollLine + 1;
+          if (nextSeriesIndex === matchSeries.length) {
+            nextSeriesIndex = 0;
+          }
 
-            propsFromDispatch.setScrollLine(_resultScrollLine2);
+          var selectSeries = matchSeries[nextSeriesIndex];
+          var realIndex = col * currentScrollLine + activeIndex;
+          reset$2('series')(realIndex, selectSeries);
+          setSeriesCurrentIndex(realIndex, selectSeries.currentImageIdIndex);
+          setSeries(realIndex, selectSeries);
+          setCurrentSeries(selectSeries);
+          return;
+        }
 
-            var _realActiveIndex = col * _resultScrollLine2 + activeIndex;
+        if (keyBoardTool === 'UpAndDown') {
+          throttleBackFunc();
+          return;
+        } // 序列模式
 
-            var nextCurrentSeries = series[_realActiveIndex];
 
-            if (_realActiveIndex > totalCount - 1) {
-              var _lastIndex = totalCount - col * _resultScrollLine2 - 1;
+        if (totalRow - currentScrollLine - row > 0) {
+          var _resultScrollLine2 = currentScrollLine + 1;
 
-              nextCurrentSeries = series[series.length - 1];
-              propsFromDispatch.setActiveIndex(_lastIndex);
-            }
+          propsFromDispatch.setScrollLine(_resultScrollLine2);
 
-            setCurrentSeries(nextCurrentSeries);
+          var _realActiveIndex = col * _resultScrollLine2 + activeIndex;
+
+          var nextCurrentSeries = series[_realActiveIndex];
+
+          if (_realActiveIndex > totalCount - 1) {
+            var _lastIndex = totalCount - col * _resultScrollLine2 - 1;
+
+            nextCurrentSeries = series[series.length - 1];
+            propsFromDispatch.setActiveIndex(_lastIndex);
           }
+
+          setCurrentSeries(nextCurrentSeries);
         }
       },
       FORWARD: function FORWARD() {
-        throttleForwardFunc();
+        // 图像翻层选择上下方向键 && 是onePickMode则需要左右键翻页
+        if (keyBoardTool === 'LeftAndRight' || keyBoardTool === 'UpAndDown' && (onePickMode || col === 1 && row === 1)) {
+          throttleForwardFunc();
+        }
       },
       BACKWARD: function BACKWARD() {
-        throttleBackFunc();
+        if (keyBoardTool === 'LeftAndRight' || keyBoardTool === 'UpAndDown' && (onePickMode || col === 1 && row === 1)) {
+          throttleBackFunc();
+        }
       },
       SCALE_ADD: function SCALE_ADD() {
         setScaleRelative(getCurrentElement(), 1.1);
@@ -103675,7 +104159,7 @@ var mergeProps$F = function mergeProps(propsFromState, propsFromDispatch, ownPro
     },
     initSeries: function () {
       var _initSeries2 = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(changeStudy, callback) {
-        var data, resetToolMergeState, synchronizer, linkSynchronizer, linkImageModeSynchronizer, linkScrollSynchronizer, options, _study, series, needCheckMultiFrame, hasMultiFrame, modalitiesInStudy, i, item, wado, url, dataSet, numFrames, imageIds, _i, imageId, seriesCurrentIndex, firstReady, maxRequest, retry, clearCacheEveryLoad, initTaskPoolSeries, size, dicom, frameTime, linkToolLocalDefaultState, realActiveIndex, continuousMeasureLocalDefaultState, referenceLineLocalDefaultState, shutterLocalDefaultState, autoLinkSyncWindowLevelDefaultState, autoLinkSyncOtherDefaultState, autoLinkSyncAbsoluteDefaultState, mprCrossModeDefaultState, mprVertLayout, mprHozLayout;
+        var data, resetToolMergeState, isMobileDevice, synchronizer, linkSynchronizer, linkImageModeSynchronizer, linkScrollSynchronizer, options, _study, series, needCheckMultiFrame, hasMultiFrame, modalitiesInStudy, i, item, wado, url, dataSet, numFrames, imageIds, _i, imageId, seriesCurrentIndex, firstReady, maxRequest, retry, clearCacheEveryLoad, initTaskPoolSeries, size, dicom, frameTime, linkToolLocalDefaultState, realActiveIndex, continuousMeasureLocalDefaultState, referenceLineLocalDefaultState, shutterLocalDefaultState, autoLinkSyncWindowLevelDefaultState, autoLinkSyncOtherDefaultState, autoLinkSyncAbsoluteDefaultState, mprCrossModeDefaultState, mprVertLayout, mprHozLayout;
 
         return regenerator.wrap(function _callee2$(_context2) {
           while (1) {
@@ -103733,8 +104217,12 @@ var mergeProps$F = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
                 if (ownProps.dicomSetting && ownProps.dicomSetting.leftMouseTool) {
                   if (lodash$1.includes(dicomSettingLeftMouseTools, ownProps.dicomSetting.leftMouseTool)) {
-                    resetToolMergeState.activeTool = ownProps.dicomSetting.leftMouseTool;
-                    resetToolMergeState.originActiveTool = ownProps.dicomSetting.leftMouseTool;
+                    isMobileDevice = ua.isDeviceTypeMobile();
+
+                    if (!isMobileDevice) {
+                      resetToolMergeState.activeTool = ownProps.dicomSetting.leftMouseTool;
+                      resetToolMergeState.originActiveTool = ownProps.dicomSetting.leftMouseTool;
+                    }
                   }
                 }
 
@@ -103830,7 +104318,7 @@ var mergeProps$F = function mergeProps(propsFromState, propsFromDispatch, ownPro
                     imageIds.push(imageId);
                   }
 
-                  series[i] = _objectSpread$1f(_objectSpread$1f({}, item), {}, {
+                  series[i] = _objectSpread$1g(_objectSpread$1g({}, item), {}, {
                     imageIds: imageIds,
                     numberOfSeriesRelatedInstances: numFrames,
                     isMultiFrame: true
@@ -103907,7 +104395,7 @@ var mergeProps$F = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
                 callback && callback({
                   hasChange: hasMultiFrame,
-                  study: [_objectSpread$1f(_objectSpread$1f({}, _study[0]), {}, {
+                  study: [_objectSpread$1g(_objectSpread$1g({}, _study[0]), {}, {
                     series: series
                   })]
                 }); // 如果有frameTime的话设置fps