hellfire 0.26.9 → 0.27.0

package/dist/index.js

@@ -1223,17 +1223,23 @@ var OPEN_OP_LAYOUT = 'OPEN_OP_LAYOUT';
 var SET_CURRENT_SCROLL_LINE_IMAGE = 'SET_CURRENT_SCROLL_LINE_IMAGE';
 var SET_LAST_LAYOUT = 'SET_LAST_LAYOUT'; // ---------- Reducers ----------
 
+var isMobile$1 = ua.isDeviceTypeMobile();
+
+var _row = isMobile$1 ? 1 : 2;
+
+var _col = isMobile$1 ? 1 : 2;
+
 var initialState$2 = {
-  row: 2,
-  col: 2,
+  row: _row,
+  col: _col,
   currentScrollLine: 0,
   // 当前滚过几行了 序列模式下
   currentScrollLineImage: 0,
   // 当前滚过几行了 图像模式下
   lastScrollLine: 0,
-  lastCustomRow: 2,
+  lastCustomRow: _row,
   // 存下自定义的布局，便于双击切换布局功能
-  lastCustomCol: 2,
+  lastCustomCol: _col,
   onePickMode: false // 双击进入1*1布局
 
 };
@@ -29301,16 +29307,69 @@ const SvgMeasurement = props => /*#__PURE__*/React__default.createElement("svg",
 
 function _extends$3() { _extends$3 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
 
-var _ref$3 = /*#__PURE__*/React__default.createElement("path", {
-  d: "M3535.678 23.26h28.585v9.529h-28.585zM3535.678 47.083h-14.293V8.967h14.293v9.529h-4.764v19.058h4.764zM3578.558 47.083h-14.294v-9.529h4.765V18.496h-4.765V8.967h14.294z"
+var _ref$3 = /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", {
+  id: "reference-line-v2_svg__a"
+}, /*#__PURE__*/React__default.createElement("path", {
+  "data-name": "\\u77E9\\u5F62 1633",
+  fill: "#f5f5f5",
+  stroke: "#707070",
+  d: "M0 0h20.966v13.921H0z"
+})));
+
+var _ref2$1 = /*#__PURE__*/React__default.createElement("path", {
+  d: "M10.357 2.65a5.148 5.148 0 012.008.413 2.882 2.882 0 011.791 3.24 4.729 4.729 0 01-.311.94l-.008.017-.026.048c-.117.2-.237.363-.342.509a1.553 1.553 0 00-.408 1.316 3.263 3.263 0 00.545 1.424 4.635 4.635 0 00.356.534 4.288 4.288 0 01.941 2 10.551 10.551 0 01-.279 5l-.1.112H6.347a.387.387 0 01-.36-.266c-.239-.625.333-3.342 3.037-5.759a1.061 1.061 0 00.163-.814 2.172 2.172 0 00-.244-.762c-.185 0-.375.005-.546.005-.338 0-.6-.006-.669-.007l-.655-.016V8.648a.614.614 0 00-.334-.129.718.718 0 01-.512-.365.686.686 0 01-.01-.634c.2-.395.483-1.113.6-1.4a3.033 3.033 0 011.808-3.174 5.524 5.524 0 011.732-.296z",
+  fill: "#f5f5f5",
+  "data-name": "\\u7EC4 4590"
 });
 
-const SvgReferenceLine = props => /*#__PURE__*/React__default.createElement("svg", _extends$3({
-  width: 60,
-  height: 56,
-  viewBox: "3520 0 60 56",
+var _ref3 = /*#__PURE__*/React__default.createElement("path", {
+  "data-name": "\\u8DEF\\u5F84 780",
+  d: "M16.116 0v1.955h2.933v2.933h1.955V0zM.016 4.888h1.955V1.955h2.933V0H.016zm1.955 11.084H.016v4.888h4.888V18.9H1.971zM19.045 18.9h-2.929v1.96h4.888v-4.888h-1.959z",
+  fill: "#f5f5f5"
+});
+
+var _ref4 = /*#__PURE__*/React__default.createElement("g", {
+  "data-name": "\\u8499\\u7248\\u7EC4 15",
+  transform: "translate(0 3.505)",
+  clipPath: "url(#reference-line-v2_svg__a)"
+}, /*#__PURE__*/React__default.createElement("g", {
+  "data-name": "\\u7EC4 4589",
+  fill: "#f5f5f5"
+}, /*#__PURE__*/React__default.createElement("path", {
+  "data-name": "\\u8DEF\\u5F84 844",
+  d: "M-5.89-2.776L32.096 4.02l-.176.442-37.985-6.798z"
+}), /*#__PURE__*/React__default.createElement("path", {
+  "data-name": "\\u8DEF\\u5F84 845",
+  d: "M-6.505-1.244l37.984 6.796-.176.442L-6.682-.804z"
+}), /*#__PURE__*/React__default.createElement("path", {
+  "data-name": "\\u8DEF\\u5F84 846",
+  d: "M-7.12.288l37.984 6.796-.177.442L-7.298.728z"
+}), /*#__PURE__*/React__default.createElement("path", {
+  "data-name": "\\u8DEF\\u5F84 847",
+  d: "M-7.737 1.82l37.985 6.796-.177.442L-7.914 2.26z"
+}), /*#__PURE__*/React__default.createElement("path", {
+  "data-name": "\\u8DEF\\u5F84 848",
+  d: "M-8.352 3.352l37.984 6.796-.176.442L-8.53 3.792z"
+}), /*#__PURE__*/React__default.createElement("path", {
+  "data-name": "\\u8DEF\\u5F84 849",
+  d: "M-8.968 4.884l37.984 6.796-.176.442-37.985-6.798z"
+}), /*#__PURE__*/React__default.createElement("path", {
+  "data-name": "\\u8DEF\\u5F84 850",
+  d: "M-9.584 6.416l37.985 6.796-.177.442L-9.76 6.856z"
+}), /*#__PURE__*/React__default.createElement("path", {
+  "data-name": "\\u8DEF\\u5F84 851",
+  d: "M-10.2 7.948l37.985 6.796-.177.442-37.985-6.798z"
+}), /*#__PURE__*/React__default.createElement("path", {
+  "data-name": "\\u8DEF\\u5F84 852",
+  d: "M-10.815 9.48l37.984 6.796-.176.442-37.985-6.798z"
+})));
+
+const SvgReferenceLineV2 = props => /*#__PURE__*/React__default.createElement("svg", _extends$3({
+  width: 21,
+  height: 20.86,
+  viewBox: "0 0 21 20.86",
   fill: "currentColor"
-}, props), _ref$3);
+}, props), _ref$3, _ref2$1, _ref3, _ref4);
 
 function _extends$4() { _extends$4 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
 
@@ -29320,7 +29379,7 @@ var _ref$4 = /*#__PURE__*/React__default.createElement("circle", {
   r: 11.605
 });
 
-var _ref2$1 = /*#__PURE__*/React__default.createElement("path", {
+var _ref2$2 = /*#__PURE__*/React__default.createElement("path", {
   d: "M1924.766 29.682l-7.049-.018c-1.019 0-1.762-.618-1.762-1.636 0-1.021.817-1.727 1.836-1.727h6.975c1.019 0 1.812.709 1.812 1.729 0 1.018-.792 1.652-1.812 1.652zM1918.701 11.675l-4.997 4.972c-.721.721-1.683.809-2.403.089-.722-.722-.644-1.798.077-2.519l4.932-4.932c.721-.721 1.782-.78 2.504-.059.72.72.607 1.729-.113 2.449zM1901.678 3.233l-.017 7.049c0 1.019-.618 1.762-1.636 1.763-1.021 0-1.727-.816-1.727-1.836l-.001-6.975c0-1.019.708-1.812 1.729-1.812 1.018-.001 1.652.792 1.652 1.811zM1883.672 9.302l4.973 4.996c.721.721.809 1.683.09 2.403-.722.722-1.798.644-2.519-.077l-4.933-4.931c-.721-.721-.781-1.782-.059-2.504.719-.72 1.727-.607 2.448.113zM1875.233 26.326l7.049.016c1.019 0 1.763.618 1.763 1.636 0 1.021-.816 1.727-1.835 1.727l-6.975.002c-1.019 0-1.812-.708-1.813-1.729-.001-1.018.792-1.652 1.811-1.652zM1881.305 44.331l4.995-4.973c.72-.721 1.683-.81 2.403-.09.722.722.644 1.798-.076 2.519l-4.93 4.934c-.721.721-1.782.781-2.504.059-.721-.719-.609-1.728.112-2.449zM1898.33 52.767l.015-7.049c0-1.019.618-1.763 1.635-1.763 1.021-.001 1.727.816 1.727 1.835l.004 6.975c0 1.019-.708 1.812-1.729 1.813-1.017.001-1.651-.791-1.652-1.811zM1916.334 46.692l-4.974-4.994c-.721-.72-.81-1.683-.091-2.403.721-.722 1.798-.644 2.519.076l4.935 4.929c.721.72.781 1.782.06 2.504-.719.721-1.728.609-2.449-.112z"
 });
 
@@ -29329,7 +29388,7 @@ const SvgBrightness = props => /*#__PURE__*/React__default.createElement("svg",
   height: 56,
   viewBox: "1870 0 60 56",
   fill: "currentColor"
-}, props), _ref$4, _ref2$1);
+}, props), _ref$4, _ref2$2);
 
 function _extends$5() { _extends$5 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
 
@@ -29337,7 +29396,7 @@ var _ref$5 = /*#__PURE__*/React__default.createElement("path", {
   d: "M2587.222 50.325l-8.109-8.11c6.95-10.076 6.017-24.118-2.815-33.119-4.808-4.897-11.202-7.595-18.006-7.595-6.806 0-13.201 2.698-18.006 7.595-9.885 10.074-9.885 26.467 0 36.541 4.805 4.897 11.2 7.595 18.006 7.595 6.279 0 12.206-2.303 16.863-6.506l7.832 7.833 4.235-4.234zm-28.93-3.081c-5.186 0-10.06-2.061-13.733-5.802-7.615-7.761-7.615-20.389 0-28.15 3.673-3.741 8.547-5.802 13.733-5.802 5.182 0 10.06 2.061 13.729 5.802 7.619 7.761 7.619 20.389 0 28.15-3.669 3.741-8.547 5.802-13.729 5.802z"
 });
 
-var _ref2$2 = /*#__PURE__*/React__default.createElement("path", {
+var _ref2$3 = /*#__PURE__*/React__default.createElement("path", {
   d: "M2546.817 24.471h3.993v-3.993h3.991v-3.992h-7.984zM2550.81 30.46h-3.993v7.986h7.984v-3.993h-3.991zM2566.779 34.453h-3.993v3.993h7.985V30.46h-3.992zM2562.786 20.478h3.993v3.993h3.992v-7.985h-7.985z"
 });
 
@@ -29346,7 +29405,7 @@ const SvgZoomScale = props => /*#__PURE__*/React__default.createElement("svg", _
   height: 56,
   viewBox: "2530 0 60 56",
   fill: "currentColor"
-}, props), _ref$5, _ref2$2);
+}, props), _ref$5, _ref2$3);
 
 function _extends$6() { _extends$6 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
 
@@ -29380,7 +29439,7 @@ var _ref$8 = /*#__PURE__*/React__default.createElement("path", {
   d: "M313.378 211.899H151.166l38.864-38.748c6.635-6.633 6.635-17.391 0-24.026-6.635-6.633-17.391-6.633-24.026 0l-67.68 67.682a16.913 16.913 0 000 24.026l67.68 67.679c6.635 6.635 17.391 6.635 24.026 0 6.635-6.635 6.635-17.391 0-24.026l-38.866-38.748h162.214c9.344 0 16.919-7.575 16.919-16.919-.001-9.345-7.576-16.92-16.919-16.92zM494.592 352.1l-67.682-67.681c-6.633-6.635-17.391-6.635-24.026 0-6.633 6.635-6.633 17.391 0 24.026l38.864 38.748h-162.21c-9.346 0-16.921 7.575-16.921 16.921 0 9.343 7.575 16.918 16.921 16.918H441.75l-38.867 38.748c-6.633 6.635-6.633 17.391 0 24.026 6.635 6.635 17.394 6.635 24.026 0l67.682-67.679a16.919 16.919 0 005.003-12.013 16.905 16.905 0 00-5.002-12.014z"
 });
 
-var _ref2$3 = /*#__PURE__*/React__default.createElement("path", {
+var _ref2$4 = /*#__PURE__*/React__default.createElement("path", {
   d: "M550.772 0H42.16C19.057 0 0 18.867 0 42.141v508.613c0 23.103 18.867 42.16 42.14 42.18h508.613c23.103 0 42.16-18.867 42.16-42.16V42.16c0-23.103-18.867-42.16-42.141-42.16zm-.209 529.386c0 11.694-9.483 21.177-21.177 21.177H63.527a21.184 21.184 0 01-21.177-21.218V63.527c0-11.696 9.48-21.176 21.177-21.176h465.859c11.694 0 21.177 9.48 21.177 21.176v465.859z"
 });
 
@@ -29389,7 +29448,7 @@ const SvgViewMode = props => /*#__PURE__*/React__default.createElement("svg", _e
   height: 595.276,
   viewBox: "0 0 595.28 595.276",
   fill: "currentColor"
-}, props), _ref$8, _ref2$3);
+}, props), _ref$8, _ref2$4);
 
 function _extends$9() { _extends$9 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
 
@@ -29646,7 +29705,7 @@ var _ref$q = /*#__PURE__*/React__default.createElement("linearGradient", {
   stopColor: "#efefef"
 }));
 
-var _ref2$4 = /*#__PURE__*/React__default.createElement("path", {
+var _ref2$5 = /*#__PURE__*/React__default.createElement("path", {
   fill: "url(#vr-color_svg__a)",
   stroke: "#FFF",
   strokeMiterlimit: 10,
@@ -29658,7 +29717,7 @@ const SvgVrColor = props => /*#__PURE__*/React__default.createElement("svg", _ex
   height: 283.46,
   viewBox: "0 0 283.46 283.46",
   fill: "currentColor"
-}, props), _ref$q, _ref2$4);
+}, props), _ref$q, _ref2$5);
 
 function _extends$r() { _extends$r = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$r.apply(this, arguments); }
 
@@ -29666,7 +29725,7 @@ var _ref$r = /*#__PURE__*/React__default.createElement("path", {
   d: "M133.502 0h16.453v92.611h-16.453zM133.197 190.251h16.453v92.595h-16.453zM190.251 133.197h92.595v16.453h-92.595zM0 133.197h92.611v16.453H0z"
 });
 
-var _ref2$5 = /*#__PURE__*/React__default.createElement("circle", {
+var _ref2$6 = /*#__PURE__*/React__default.createElement("circle", {
   cx: 141.425,
   cy: 141.428,
   r: 20.674
@@ -29677,7 +29736,7 @@ const SvgVrCenter = props => /*#__PURE__*/React__default.createElement("svg", _e
   height: 283.46,
   viewBox: "0 0 283.46 283.46",
   fill: "currentColor"
-}, props), _ref$r, _ref2$5);
+}, props), _ref$r, _ref2$6);
 
 function _extends$s() { _extends$s = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$s.apply(this, arguments); }
 
@@ -29843,11 +29902,11 @@ var _ref$E = /*#__PURE__*/React__default.createElement("g", {
   d: "M99.399 127.359a3.315 3.315 0 01-.299-6.617c7.633-.705 12.489-1.345 12.521-1.35a3.304 3.304 0 013.723 2.851 3.32 3.32 0 01-2.851 3.723s-4.966.657-12.785 1.38a3.99 3.99 0 01-.309.013zM62.074 129.212c-4.903 0-9.61-.12-13.99-.354a3.313 3.313 0 01-3.133-3.486c.097-1.83 1.649-3.3 3.486-3.133 7.78.413 16.897.423 25.296.137 1.783-.127 3.367 1.367 3.427 3.198a3.312 3.312 0 01-3.198 3.427c-3.871.134-7.866.211-11.888.211zm-39.129-3.827c-.279 0-.563-.037-.844-.11-12.9-3.384-20.288-9.082-21.964-16.931a3.315 3.315 0 116.485-1.385c1.111 5.202 6.883 9.207 17.163 11.901a3.319 3.319 0 012.366 4.049 3.322 3.322 0 01-3.206 2.476zm-7.855-34.81a3.315 3.315 0 01-1.459-6.295c6.129-3.001 14.374-4.943 25.944-6.111 1.815-.217 3.447 1.141 3.631 2.963s-1.143 3.449-2.963 3.631c-10.766 1.088-18.294 2.829-23.698 5.474a3.313 3.313 0 01-1.455.338zm50.406-7.436a3.315 3.315 0 01-.179-6.624c10.036-.548 18.129-1.2 25.003-2.602a3.291 3.291 0 013.91 2.585 3.315 3.315 0 01-2.585 3.91c-7.269 1.484-15.637 2.164-25.964 2.727-.063.004-.125.004-.185.004zm45.714-15.945a3.28 3.28 0 01-.969-.147 3.314 3.314 0 01-2.201-4.139c.361-1.178.543-2.49.543-3.902l-.017-.752c-.244-5.713-2.886-10.208-8.074-13.731a3.315 3.315 0 113.726-5.484c6.945 4.717 10.636 11.089 10.972 18.936l.022 1.031c0 2.069-.279 4.034-.832 5.84a3.315 3.315 0 01-3.17 2.348zM78.246 37.193c-.152 0-.306-.01-.458-.03-5.967-.827-12.765-1.245-20.206-1.245-1.574.002-3.217.02-4.809.055-1.895-.085-3.347-1.414-3.387-3.242a3.316 3.316 0 013.242-3.387c1.636-.035 3.344-.017 4.953-.055 7.742 0 14.847.438 21.113 1.305a3.314 3.314 0 01-.448 6.599zM14.062 39.614a3.317 3.317 0 01-3.262-2.739 3.313 3.313 0 012.687-3.84c.207-.037 5.132-.901 12.815-1.798 1.795-.222 3.462 1.088 3.676 2.906a3.312 3.312 0 01-2.909 3.678c-7.471.874-12.379 1.733-12.429 1.743-.195.035-.389.05-.578.05z"
 }));
 
-var _ref2$6 = /*#__PURE__*/React__default.createElement("path", {
+var _ref2$7 = /*#__PURE__*/React__default.createElement("path", {
   d: "M113.532 52.018c-14.885 0-27.065 11.908-27.065 26.794 0 5.142 1.624 10.014 4.06 14.073 0 .271.27.271.27.541 2.977 4.872 9.473 10.555 13.803 15.968 5.413 7.037 8.39 12.991 8.39 12.991s.271.271.541.271c.271 0 .541 0 .541-.271 0 0 2.436-5.684 7.578-11.909 4.601-5.683 11.909-11.908 14.615-16.78 0-.271.271-.271.271-.271 2.706-4.059 4.059-8.931 4.059-14.073.002-15.425-12.177-27.334-27.063-27.334zm-2.997 43.214v-6.43l3.562 1.837-3.562 4.593zm11.573-5.511l-11.573-3.674 11.573-13.777-15.133 13.777-8.903-3.674 28.486-15.614-4.45 22.962z"
 });
 
-var _ref3 = /*#__PURE__*/React__default.createElement("path", {
+var _ref3$1 = /*#__PURE__*/React__default.createElement("path", {
   opacity: 0.7,
   d: "M14.139 0C6.363 0 0 6.221 0 13.997c0 2.687.848 5.231 2.121 7.352 0 .142.141.142.141.283 1.555 2.545 4.949 5.514 7.211 8.342 2.828 3.676 4.383 6.787 4.383 6.787s.141.141.283.141.283 0 .283-.141c0 0 1.272-2.969 3.959-6.221 2.404-2.969 6.221-6.221 7.635-8.766 0-.142.141-.142.141-.142 1.414-2.12 2.121-4.666 2.121-7.352C28.278 6.221 21.915 0 14.139 0zm7.239 15.527c-.169.328-.513.518-.946.518h-9.514v5.034a.661.661 0 01-1.322 0V7.869a1.32 1.32 0 011.322-1.316h9.514c.431 0 .774.19.943.518.167.33.118.718-.133 1.064L18.947 11.3l2.294 3.164c.254.349.302.737.137 1.063z"
 });
@@ -29857,7 +29916,7 @@ const SvgCentesisStart = props => /*#__PURE__*/React__default.createElement("svg
   height: 141.73,
   viewBox: "0 0 141.73 141.73",
   fill: "currentColor"
-}, props), _ref$E, _ref2$6, _ref3);
+}, props), _ref$E, _ref2$7, _ref3$1);
 
 function _extends$F() { _extends$F = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$F.apply(this, arguments); }
 
@@ -29867,12 +29926,12 @@ var _ref$F = /*#__PURE__*/React__default.createElement("g", {
   d: "M92.757 138.338a2.696 2.696 0 01-.243-5.38c6.205-.573 10.151-1.093 10.177-1.097a2.686 2.686 0 013.027 2.318 2.7 2.7 0 01-2.318 3.027s-4.035.534-10.392 1.122a3.51 3.51 0 01-.251.01zM62.413 139.844c-3.986 0-7.813-.097-11.374-.287a2.693 2.693 0 01-2.547-2.834c.079-1.488 1.371-2.683 2.834-2.547 6.325.336 13.737.344 20.565.111 1.522-.103 2.735 1.111 2.786 2.6a2.692 2.692 0 01-2.6 2.786c-3.147.108-6.394.171-9.664.171zm-31.812-3.112c-.227 0-.458-.03-.686-.089-10.487-2.751-16.494-7.384-17.856-13.765a2.696 2.696 0 012.073-3.199 2.7 2.7 0 013.199 2.073c.903 4.229 5.596 7.485 13.953 9.675a2.698 2.698 0 01-.683 5.305zm-6.385-28.299a2.696 2.696 0 01-1.186-5.118c4.982-2.44 11.686-4.019 21.092-4.968 1.482-.176 2.804.927 2.952 2.409a2.692 2.692 0 01-2.409 2.952c-8.752.885-14.872 2.3-19.266 4.45a2.695 2.695 0 01-1.183.275zm40.981-6.043a2.695 2.695 0 01-.146-5.385c8.161-.445 14.739-.978 20.324-2.118a2.695 2.695 0 111.078 5.28c-5.906 1.207-12.708 1.761-21.106 2.219-.051.004-.102.004-.15.004zm37.16-12.965a2.696 2.696 0 01-2.578-3.484c.294-.958.441-2.025.441-3.172l-.012-.634c-.198-4.622-2.346-8.274-6.566-11.141a2.695 2.695 0 013.028-4.458c5.648 3.837 8.649 9.015 8.922 15.395l.016.838c0 1.682-.227 3.28-.676 4.748a2.692 2.692 0 01-2.575 1.908zm-26.799-24.39c-.123 0-.249-.008-.373-.024-4.851-.672-10.378-1.012-16.427-1.012-1.324.002-2.614.016-3.909.045-1.486-.069-2.721-1.15-2.753-2.636a2.695 2.695 0 012.636-2.753c1.33-.028 2.638-.014 4.027-.045 6.294 0 12.07.356 17.164 1.061a2.697 2.697 0 012.302 3.039 2.698 2.698 0 01-2.667 2.325zM23.38 67.003a2.696 2.696 0 01-.468-5.349c.168-.03 4.173-.733 10.418-1.462 1.45-.18 2.816.885 2.988 2.363a2.693 2.693 0 01-2.365 2.99c-6.074.711-10.064 1.409-10.105 1.417a2.575 2.575 0 01-.468.041z"
 }));
 
-var _ref2$7 = /*#__PURE__*/React__default.createElement("path", {
+var _ref2$8 = /*#__PURE__*/React__default.createElement("path", {
   opacity: 0.7,
   d: "M103.737 102.514c-6.322 0-11.495 5.058-11.495 11.38 0 2.184.69 4.253 1.724 5.977 0 .115.115.115.115.23 1.264 2.069 4.023 4.483 5.862 6.782 2.299 2.989 3.563 5.518 3.563 5.518s.115.115.23.115.23 0 .23-.115c0 0 1.034-2.414 3.218-5.058 1.954-2.414 5.058-5.058 6.207-7.127 0-.115.115-.115.115-.115 1.149-1.724 1.724-3.793 1.724-5.977.002-6.552-5.17-11.61-11.493-11.61zm-1.273 18.354v-2.731l1.513.78-1.513 1.951zm4.916-2.341l-4.915-1.56 4.915-5.851-6.427 5.851-3.781-1.56 12.098-6.631-1.89 9.751z"
 });
 
-var _ref3$1 = /*#__PURE__*/React__default.createElement("path", {
+var _ref3$2 = /*#__PURE__*/React__default.createElement("path", {
   d: "M24.27 0C10.921 0 0 10.679 0 24.027c0 4.611 1.456 8.98 3.641 12.62 0 .243.243.243.243.485 2.67 4.369 8.494 9.465 12.378 14.319 4.854 6.31 7.524 11.65 7.524 11.65s.243.243.485.243c.243 0 .485 0 .485-.243 0 0 2.184-5.097 6.796-10.679 4.126-5.097 10.678-10.678 13.106-15.047 0-.243.243-.243.243-.243 2.427-3.64 3.64-8.009 3.64-12.62C48.539 10.679 37.618 0 24.27 0zm12.424 26.653c-.289.563-.881.888-1.623.888H18.74v8.642a1.134 1.134 0 11-2.268 0V13.507a2.265 2.265 0 012.269-2.259h16.332c.74 0 1.329.325 1.618.888.287.566.202 1.232-.228 1.826l-3.938 5.433 3.938 5.431c.434.6.516 1.266.231 1.827z"
 });
 
@@ -29881,17 +29940,17 @@ const SvgCentesisEnd = props => /*#__PURE__*/React__default.createElement("svg",
   height: 141.73,
   viewBox: "0 0 141.73 141.73",
   fill: "currentColor"
-}, props), _ref$F, _ref2$7, _ref3$1);
+}, props), _ref$F, _ref2$8, _ref3$2);
 
 function _extends$G() { _extends$G = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$G.apply(this, arguments); }
 
 var _ref$G = /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("style", null));
 
-var _ref2$8 = /*#__PURE__*/React__default.createElement("path", {
+var _ref2$9 = /*#__PURE__*/React__default.createElement("path", {
   d: "M512 365.714c-80.786 0-146.286 65.5-146.286 146.286S431.214 658.286 512 658.286 658.286 592.786 658.286 512 592.786 365.714 512 365.714zm0 219.429c-40.322 0-73.143-32.821-73.143-73.143s32.821-73.143 73.143-73.143 73.143 32.821 73.143 73.143-32.821 73.143-73.143 73.143z"
 });
 
-var _ref3$2 = /*#__PURE__*/React__default.createElement("path", {
+var _ref3$3 = /*#__PURE__*/React__default.createElement("path", {
   d: "M1024 475.429h-75C931.391 262.32 761.678 92.608 548.57 75V0H475.43v75C262.358 92.609 92.643 262.322 75 475.43H0v73.142h75C92.644 761.68 262.359 931.392 475.43 949V1024h73.142v-75C761.68 931.391 931.392 761.678 949 548.57H1024V475.43zM548.571 875.856v-71.285H475.43v71.285c-172.5-17.214-310.071-154.784-327.285-327.285h71.285V475.43h-71.285c17.214-172.5 154.784-310.071 327.285-327.285v71.285h73.142v-71.285c172.5 17.214 310.071 154.784 327.285 327.285h-71.285v73.142h71.285c-17.214 172.5-154.784 310.071-327.285 327.285z"
 });
 
@@ -29901,13 +29960,13 @@ const SvgReferencePosition = props => /*#__PURE__*/React__default.createElement(
   width: 200,
   height: 200,
   fill: "currentColor"
-}, props), _ref$G, _ref2$8, _ref3$2);
+}, props), _ref$G, _ref2$9, _ref3$3);
 
 function _extends$H() { _extends$H = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$H.apply(this, arguments); }
 
 var _ref$H = /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("style", null, "@font-face{font-family:feedback-iconfont;src:url(//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944) format(&quot;woff2&quot;),url(//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944) format(&quot;woff&quot;),url(//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944) format(&quot;truetype&quot;)}"));
 
-var _ref2$9 = /*#__PURE__*/React__default.createElement("path", {
+var _ref2$a = /*#__PURE__*/React__default.createElement("path", {
   d: "M904.704 651.776l-2.048-229.888c52.224-10.752 91.648-56.832 91.648-112.128 0-62.976-51.2-114.688-114.688-114.688-46.08 0-86.016 27.648-103.936 66.56L230.4 129.024v-5.12c0-62.976-51.2-114.176-114.688-114.176S1.536 60.928 1.536 123.904s51.2 114.688 114.688 114.688h.512l101.888 513.024c-40.448 17.408-69.12 57.856-69.12 104.96 0 62.976 51.2 114.688 114.688 114.688 58.368 0 106.496-44.032 113.664-100.352l399.872-66.56c16.384 43.52 58.368 74.24 107.008 74.24 62.976 0 114.688-51.2 114.688-114.688-1.024-55.808-41.472-102.4-94.72-112.128zm-24.576-413.184c38.912 0 70.656 31.744 70.656 70.656 0 31.232-20.48 57.856-48.64 67.072-7.168 2.56-14.336 3.584-22.528 3.584-7.168 0-14.336-1.024-20.992-3.072-27.136-8.704-47.104-32.768-49.664-62.464 0-1.536-.512-3.584-.512-5.12 0-13.824 4.096-26.112 10.752-36.864 12.8-20.48 35.328-33.792 60.928-33.792zm-764.416-43.52c-2.56 0-5.632 0-8.192-.512-35.328-4.096-62.464-34.304-62.464-70.144 0-38.912 31.744-70.656 70.656-70.656 37.376 0 68.096 29.184 70.656 65.536 0 1.536.512 3.584.512 5.12 0 13.824-4.096 26.112-10.752 36.864-6.144 10.24-15.36 18.944-25.6 25.088-10.24 5.12-22.016 8.704-34.816 8.704zm43.52 34.816c27.136-11.264 48.64-31.744 60.928-58.368l545.792 132.608v5.12c0 55.808 40.448 102.912 93.696 112.64l2.048 229.888c-51.2 10.24-90.112 55.296-91.648 109.056L374.784 826.88c-13.824-48.64-58.368-84.48-111.104-84.48h-2.56L159.232 229.888zM263.68 927.744c-38.912 0-70.656-31.744-70.656-70.656 0-25.6 13.824-48.128 34.304-60.928 10.752-6.656 23.04-10.24 36.352-10.24 2.048 0 4.096 0 6.144.512 28.672 2.56 52.736 22.016 61.44 48.128 2.56 7.168 3.584 14.336 3.584 22.528 0 7.68-1.024 14.848-3.584 22.016-9.216 27.648-36.352 48.64-67.584 48.64zm620.544-92.672c-27.136 0-51.2-15.36-62.976-38.4-5.12-9.728-8.192-20.992-8.192-32.768 0-3.584.512-7.168 1.024-10.24 4.096-26.624 22.528-48.64 47.616-56.832 7.168-2.56 14.336-3.584 22.528-3.584 7.168 0 14.336 1.024 20.992 3.072 28.672 9.216 49.664 35.84 49.664 67.584 0 39.424-31.744 71.168-70.656 71.168z"
 });
 
@@ -29917,7 +29976,7 @@ const SvgPolygon = props => /*#__PURE__*/React__default.createElement("svg", _ex
   width: 200,
   height: 200,
   fill: "currentColor"
-}, props), _ref$H, _ref2$9);
+}, props), _ref$H, _ref2$a);
 
 function _extends$I() { _extends$I = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$I.apply(this, arguments); }
 
@@ -30658,13 +30717,15 @@ var Layout = /*#__PURE__*/function (_Component) {
       var _this$props = this.props,
           row = _this$props.row,
           col = _this$props.col;
+      var isMobile = ua.isDeviceTypeMobile();
+      var init = isMobile ? 2 : 4;
 
       var Layout = function Layout() {
         return /*#__PURE__*/React__default.createElement(dist, {
           row: row,
           col: col,
-          tableRow: 4,
-          tableCol: 4,
+          tableRow: init,
+          tableCol: init,
           callback: function callback(row, col) {
             _this.props.onChange(row, col);
           }
@@ -32183,7 +32244,7 @@ var _ref$U = /*#__PURE__*/React__default.createElement("path", {
   d: "M0 162.517l98.977-82.481v164.961L0 162.517zm17.756 0l69.854 58.211V104.306l-69.854 58.211zM182.945 244.998V80.036l98.979 82.481zM190.486 20.714c-26.433-26.432-68.313-27.806-93.373-2.747L80.636 34.444l6.866 6.866 16.477-16.477c21.284-21.284 56.985-19.911 79.642 2.746L169.889 41.31l48.06 13.731-13.732-48.059-13.731 13.732zm0 0"
 });
 
-var _ref2$a = /*#__PURE__*/React__default.createElement("g", {
+var _ref2$b = /*#__PURE__*/React__default.createElement("g", {
   fill: "#040000"
 }, /*#__PURE__*/React__default.createElement("path", {
   d: "M134.714 224.502h12.496v37.062a6.247 6.247 0 01-12.495 0v-37.062zM134.714 161.948h12.496v48.121h-12.496zM140.962 44.864a6.247 6.247 0 016.249 6.248v32.251h-12.496V51.124a6.25 6.25 0 016.248-6.248v-.012zM134.714 97.796h12.496v48.109h-12.496z"
@@ -32194,7 +32255,7 @@ const SvgFlipHorizontal = props => /*#__PURE__*/React__default.createElement("sv
   height: 283.46,
   viewBox: "0 0 283.46 283.46",
   fill: "currentColor"
-}, props), _ref$U, _ref2$a);
+}, props), _ref$U, _ref2$b);
 
 function _extends$V() { _extends$V = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$V.apply(this, arguments); }
 
@@ -32203,7 +32264,7 @@ var _ref$V = /*#__PURE__*/React__default.createElement("path", {
   d: "M105.294 0l82.481 98.977H22.813L105.294 0zm0 17.756L47.083 87.61h116.422l-58.211-69.854zM22.813 182.945h164.962l-82.481 98.979zM247.097 190.486c26.432-26.433 27.806-68.313 2.747-93.373l-16.477-16.477-6.866 6.866 16.477 16.477c21.284 21.284 19.911 56.985-2.746 79.642L226.5 169.889l-13.731 48.06 48.059-13.732-13.731-13.731zm0 0"
 });
 
-var _ref2$b = /*#__PURE__*/React__default.createElement("g", {
+var _ref2$c = /*#__PURE__*/React__default.createElement("g", {
   fill: "#040000"
 }, /*#__PURE__*/React__default.createElement("path", {
   d: "M43.309 134.714v12.496H6.247a6.247 6.247 0 010-12.495h37.062zM57.742 134.714h48.121v12.496H57.742zM222.947 140.962a6.247 6.247 0 01-6.248 6.249h-32.251v-12.496h32.239a6.25 6.25 0 016.248 6.248h.012zM121.907 134.714h48.109v12.496h-48.109z"
@@ -32214,7 +32275,7 @@ const SvgFlipVertical = props => /*#__PURE__*/React__default.createElement("svg"
   height: 283.46,
   viewBox: "0 0 283.46 283.46",
   fill: "currentColor"
-}, props), _ref$V, _ref2$b);
+}, props), _ref$V, _ref2$c);
 
 function _createSuper$S(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$S(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
@@ -40784,11 +40845,11 @@ var _ref$18 = /*#__PURE__*/React__default.createElement("path", {
   d: "M59.661.336L0 34.781v68.357l59.661-33.913V.336zm-8.165 60.185l-8.928 4.966s.123-30.196.373-33.682l-.186.103c-.497 3.378-.993 5.946-1.488 7.709l-7.624 30.836-7.811 4.345-7.625-23.096a215.946 215.946 0 01-1.488-5.495l-.186.104c0 .744.061 1.764.186 3.058.123 3.651.186 30.396.186 30.396l-8.74 4.863V43.713l13.761-7.656 7.253 22.745c.122.676.308 2.061.557 4.153 0-.371.062-.899.186-1.59 0-1.61.122-2.672.372-3.183l7.253-30.815 13.948-7.76v40.914zm0 0M92.144 37.107l-6.632-3.974v13.466l6.632 3.973c5.225 2.999 7.905 2.325 8.039-2.017-.134-4.367-2.814-8.183-8.039-11.448zm0 0"
 });
 
-var _ref2$c = /*#__PURE__*/React__default.createElement("path", {
+var _ref2$d = /*#__PURE__*/React__default.createElement("path", {
   d: "M63.219.336v68.892l59.661 34.671V34.781L63.219.336zm29.729 58.356l-7.436-4.455v15.476l-10.05-6.021V19.475l18.491 11.078c10.718 6.691 16.28 14.646 16.682 23.862.132 10.128-5.763 11.556-17.687 4.277zm0 0M66.81 100.098c.111-3.502-2.093-5.199-6.613-5.087h-7.29v10.003h7.29c4.52 0 6.724-1.637 6.613-4.916zm0 0"
 });
 
-var _ref3$3 = /*#__PURE__*/React__default.createElement("path", {
+var _ref3$4 = /*#__PURE__*/React__default.createElement("path", {
   d: "M1.249 106.95l60.127 34.714 59.466-34.332-59.469-34.558L1.249 106.95zm74.547-7.361c.112 6.218-2.94 10.004-9.156 11.36l11.021 14.921H66.98l-9.156-14.582h-4.917v14.582h-8.478V88.568h17.125c9.157.227 13.904 3.9 14.242 11.021zm0 0"
 });
 
@@ -40797,7 +40858,7 @@ const SvgMpr = props => /*#__PURE__*/React__default.createElement("svg", _extend
   height: 142,
   viewBox: "0 0 142 142",
   fill: "currentColor"
-}, props), _ref$18, _ref2$c, _ref3$3);
+}, props), _ref$18, _ref2$d, _ref3$4);
 
 function _extends$1b() { _extends$1b = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1b.apply(this, arguments); }
 
@@ -40819,11 +40880,11 @@ var _ref$1a = /*#__PURE__*/React__default.createElement("path", {
   d: "M11.217 10.354l1.672 4.76 1.698-4.76h1.366l-2.49 6.326h-1.212l-2.398-6.326zM21.513 15.722a4.73 4.73 0 00-.073-.617 2.253 2.253 0 00-.149-.436 1.319 1.319 0 00-.308-.432 1.8 1.8 0 00-.503-.28c.278-.102.503-.249.674-.446.273-.33.41-.795.41-1.395a1.91 1.91 0 00-.176-.821 1.521 1.521 0 00-.5-.602c-.313-.228-.868-.341-1.665-.341h-2.775v6.328h1.212v-2.4h.972c.42-.007.74.057.963.19.176.114.308.268.396.465.088.197.147.477.176.844.045.455.088.757.128.901h1.357c-.058-.182-.105-.502-.139-.958zm-1.558-2.713c-.119.095-.32.142-.607.142H17.65v-1.67h1.698c.216 0 .372.019.47.057.273.109.41.353.41.74 0 .349-.09.591-.273.731z"
 });
 
-var _ref2$d = /*#__PURE__*/React__default.createElement("path", {
+var _ref2$e = /*#__PURE__*/React__default.createElement("path", {
   d: "M18.632 20.558a.544.544 0 00-.676.347c-1.013 3.168-2.586 5.059-4.21 5.059-.645 0-1.283-.294-1.893-.872-.641-.609-1.222-1.488-1.722-2.613-1.068-2.384-1.654-5.565-1.654-8.958 0-3.394.587-6.576 1.654-8.96.498-1.122 1.077-2 1.722-2.612.614-.578 1.25-.872 1.893-.872 1.158 0 2.082.932 2.711 1.846l-1.634 1.03 4.315 2.226-.155-4.849-1.622 1.022C16.312.818 15.073 0 13.748 0c-1.775 0-3.408 1.465-4.595 4.124-1.126 2.513-1.746 5.849-1.746 9.396 0 3.543.62 6.88 1.746 9.396 1.19 2.655 2.821 4.117 4.595 4.117 1.099 0 2.17-.576 3.1-1.667.847-.993 1.583-2.422 2.131-4.135a.537.537 0 00-.347-.673z"
 });
 
-var _ref3$4 = /*#__PURE__*/React__default.createElement("path", {
+var _ref3$5 = /*#__PURE__*/React__default.createElement("path", {
   d: "M25.938 10.351c-1.25-.931-3.022-1.704-5.13-2.237-.277-.057-.577.109-.649.39a.531.531 0 00.389.65c3.958.998 6.419 2.789 6.419 4.674 0 .663-.306 1.32-.913 1.954-.626.659-1.54 1.257-2.718 1.779-2.478 1.099-5.787 1.703-9.317 1.703-3.53 0-6.839-.604-9.319-1.703-1.176-.523-2.09-1.122-2.718-1.779-.604-.63-.911-1.287-.911-1.954 0-.856.526-1.712 1.515-2.494l1.097 1.589 2.048-4.4-4.842.354 1.089 1.577C.688 11.456 0 12.616 0 13.828c0 1.821 1.515 3.495 4.268 4.714 2.614 1.158 6.076 1.795 9.753 1.795s7.137-.638 9.745-1.798c2.753-1.219 4.268-2.893 4.268-4.714 0-1.249-.724-2.452-2.096-3.474z"
 });
 
@@ -40832,7 +40893,7 @@ const SvgVr = props => /*#__PURE__*/React__default.createElement("svg", _extends
   height: 28.346,
   viewBox: "0 0 28.346 28.346",
   fill: "currentColor"
-}, props), _ref$1a, _ref2$d, _ref3$4);
+}, props), _ref$1a, _ref2$e, _ref3$5);
 
 function _extends$1d() { _extends$1d = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1d.apply(this, arguments); }
 
@@ -41055,7 +41116,7 @@ var _ref$1c = /*#__PURE__*/React__default.createElement("g", {
   d: "M69.932 69.61a2.333 2.333 0 01-.21-4.659c5.374-.496 8.79-.947 8.813-.95a2.326 2.326 0 012.621 2.007 2.337 2.337 0 01-2.007 2.621s-3.494.463-8.999.971a2.67 2.67 0 01-.218.01zM43.655 70.914c-3.452 0-6.767-.084-9.851-.249a2.332 2.332 0 01-2.206-2.454c.068-1.289 1.185-2.323 2.454-2.206 5.473.291 11.89.298 17.809.096 1.276-.089 2.37.962 2.412 2.251a2.33 2.33 0 01-2.251 2.412c-2.725.096-5.534.15-8.367.15zm-27.55-2.694c-.196 0-.396-.026-.594-.077C6.428 65.759 1.228 61.747.051 56.22a2.333 2.333 0 011.797-2.768 2.33 2.33 0 012.768 1.797c.778 3.661 4.842 6.48 12.079 8.378a2.336 2.336 0 01-.59 4.593zm-5.524-24.506a2.336 2.336 0 01-1.028-4.432c4.313-2.111 10.118-3.477 18.265-4.301 1.297-.154 2.426.803 2.556 2.086s-.805 2.426-2.086 2.556c-7.581.768-12.881 1.992-16.683 3.852-.33.161-.68.239-1.024.239zm35.488-5.234a2.333 2.333 0 01-.126-4.664c7.067-.386 12.765-.847 17.6-1.834a2.324 2.324 0 012.754 1.82 2.332 2.332 0 01-1.818 2.752c-5.116 1.045-11.008 1.525-18.28 1.921-.044.005-.088.005-.13.005zm32.18-11.231a2.334 2.334 0 01-2.232-3.017c.254-.829.382-1.753.38-2.742l-.012-.531c-.172-4.024-2.032-7.186-5.687-9.669a2.334 2.334 0 012.623-3.861c4.891 3.321 7.491 7.807 7.728 13.333l.016.724c.002 1.452-.195 2.835-.584 4.109a2.335 2.335 0 01-2.232 1.654zM55.035 6.132c-.107 0-.214-.007-.323-.021-5.108-.708-11.329-.981-17.61-.838-1.346-.06-2.356-.996-2.384-2.283A2.333 2.333 0 0137 .606c6.515-.133 12.995.142 18.351.88a2.335 2.335 0 01-.316 4.646zM9.854 7.836a2.335 2.335 0 01-2.297-1.929 2.332 2.332 0 011.892-2.702c.146-.026 3.613-.635 9.022-1.266 1.248-.156 2.439.766 2.588 2.046a2.33 2.33 0 01-2.048 2.589c-5.26.615-8.715 1.22-8.75 1.227a2.269 2.269 0 01-.407.035z"
 }));
 
-var _ref2$e = /*#__PURE__*/React__default.createElement("path", {
+var _ref2$f = /*#__PURE__*/React__default.createElement("path", {
   fill: "#FFF",
   d: "M128.104.646l11.434 11.096a2.36 2.36 0 01.732 1.702c0 .638-.264 1.252-.732 1.703a2.536 2.536 0 01-3.508 0l-3.824-3.712-6.22 6.179 13.402 13.026c.468.45.732 1.063.732 1.702 0 .64-.264 1.252-.732 1.703a2.545 2.545 0 01-1.754.674 2.538 2.538 0 01-1.754-.707l-5.182-5.029-25.38 25.303a9.602 9.602 0 01-6.839 2.834 9.604 9.604 0 01-6.84-2.832l-1.047-1.048-8.739 8.742a2.53 2.53 0 01-1.778.739 2.536 2.536 0 01-2.524-2.519c0-.669.269-1.31.744-1.781l8.739-8.743-1.053-1.055a9.717 9.717 0 010-13.709l25.02-25.046-5.846-5.673a2.363 2.363 0 01-.637-2.333A2.452 2.452 0 01106.28.159a2.537 2.537 0 012.4.631l13.907 13.518L128.77 8.1l-4.173-4.049a2.358 2.358 0 01.062-3.345 2.534 2.534 0 013.445-.06zM94.112 33.519a2.144 2.144 0 00-.582 2.823l.101.153 6.922 6.792a2.29 2.29 0 003.061-.453 2.158 2.158 0 00.568-2.838l-.101-.153-6.906-6.776a2.292 2.292 0 00-3.063.452zm7.072-6.888a2.142 2.142 0 00-.599 2.82l.101.155 4.276 4.285a2.293 2.293 0 003.061-.403 2.176 2.176 0 00.598-2.837l-.098-.155-4.276-4.285c-.718-.76-2.081-.518-3.063.42zm0 0"
 });
@@ -41065,7 +41126,7 @@ const SvgCentesis = props => /*#__PURE__*/React__default.createElement("svg", _e
   height: 141.73,
   viewBox: "0 0 141.73 141.73",
   fill: "currentColor"
-}, props), _ref$1c, _ref2$e);
+}, props), _ref$1c, _ref2$f);
 
 function ownKeys$v(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
@@ -43183,11 +43244,17 @@ var DicomToolItemMobile = /*#__PURE__*/function (_Component) {
     value: function checkMainButtonActive(tool) {
       var _this$props2 = this.props,
           activeTool = _this$props2.activeTool,
-          mipActiveTool = _this$props2.mipActiveTool;
+          mipActiveTool = _this$props2.mipActiveTool,
+          col = _this$props2.col,
+          currentScrollLine = _this$props2.currentScrollLine,
+          seriesCurrentIndex = _this$props2.seriesCurrentIndex,
+          activeIndex = _this$props2.activeIndex,
+          currentSeries = _this$props2.currentSeries;
       var buttonActive = this.state.buttonActive;
       var name = tool.name,
           match = tool.match,
-          is3DMouseActionTool = tool.is3DMouseActionTool;
+          is3DMouseActionTool = tool.is3DMouseActionTool,
+          activeWithImageId = tool.activeWithImageId;
       /**
        * 高亮：
        * 1.activeTool匹配 （比如 窗宽窗位、缩放）
@@ -43196,6 +43263,18 @@ var DicomToolItemMobile = /*#__PURE__*/function (_Component) {
        * 4.开关式的工具 （比如自动联动 播放 定位线 同步）
        */
 
+      var realSeriesIndex = col * currentScrollLine + activeIndex;
+
+      if (activeWithImageId) {
+        var _currentImageIdIndex = seriesCurrentIndex[realSeriesIndex];
+        var SOPInstanceUID = currentSeries.SOPInstanceUIDs[_currentImageIdIndex];
+        var seriesInstanceUID = currentSeries.seriesInstanceUID;
+        return this.props[name] && lodash$1.find(this.props[name], {
+          SOPInstanceUID: SOPInstanceUID,
+          seriesInstanceUID: seriesInstanceUID
+        }) ? ' paladin-tool-mobile-active' : '';
+      }
+
       return activeTool === name || match && match.indexOf(activeTool) > -1 || !tool.moreComponent && buttonActive || is3DMouseActionTool && mipActiveTool === name || this.props[name] ? ' paladin-tool-mobile-active' : '';
     }
   }, {
@@ -44022,7 +44101,7 @@ var DicomToolMobileThreeModeBottom = /*#__PURE__*/function (_Component) {
       });
 
       var phoneToolsFixed = ["StackScroll", "Wwwc", "Zoom"];
-      var phoneTools = ["Pan", "Rotate", "Length", "Reset", "Tool", "MPR", "VR", "MIP", "Settings"];
+      var phoneTools = ["Layout", "Pan", "Rotate", "Length", "Reset", "Tool", "ReferenceLine", "KeyImages", "MPR", "VR", "MIP", "Settings"];
 
       if (MPR) {
         phoneTools = ["Rotate", "Length", "Reset", "Tool"];
@@ -44379,7 +44458,7 @@ var mergeProps$g = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
 var ConnectedVRClip = reactRedux.connect(mapStateToProps$g, {}, mergeProps$g)(VRClip);
 
-var css_248z$p = ".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";
+var css_248z$p = ".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: 100%;\n}\n";
 styleInject$1(css_248z$p);
 
 function _createSuper$1j(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1j(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
@@ -44400,7 +44479,9 @@ var KeyImagesTool = /*#__PURE__*/function (_Component) {
   createClass(KeyImagesTool, [{
     key: "handlePreview",
     value: function handlePreview(data) {
-      Modal.create( /*#__PURE__*/React__default.createElement("div", null, data.url ? /*#__PURE__*/React__default.createElement("img", {
+      Modal.create( /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-key-image-preview'
+      }, data.url ? /*#__PURE__*/React__default.createElement("img", {
         src: data.url,
         alt: "preview"
       }) : '预览错误'), {
@@ -44477,14 +44558,96 @@ var mergeProps$h = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
 var ConnectedKeyImagesTool = reactRedux.connect(mapStateToProps$h, {}, mergeProps$h)(KeyImagesTool);
 
+var css_248z$q = ".paladin-reference-tool-menu {\n  background: #fff;\n}\n.paladin-reference-tool-menu div {\n  padding: 3px 25px;\n  font-size: 14px;\n  color: #53585f;\n  cursor: pointer;\n  white-space: nowrap;\n}\n.paladin-reference-tool-menu div:hover {\n  color: #fff;\n  background: #777777;\n}\n.paladin-reference-tool-menu .paladin-reference-tool-menu-match {\n  color: #fff;\n  background: #7f8592;\n}\n";
+styleInject$1(css_248z$q);
+
 function _createSuper$1k(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1k(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct$1k() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
+var ReferenceLineTool$1 = /*#__PURE__*/function (_Component) {
+  inherits(ReferenceLineTool, _Component);
+
+  var _super = _createSuper$1k(ReferenceLineTool);
+
+  function ReferenceLineTool(props) {
+    classCallCheck(this, ReferenceLineTool);
+
+    return _super.call(this, props);
+  }
+
+  createClass(ReferenceLineTool, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          ReferenceLines = _this$props.ReferenceLines,
+          referenceLineType = _this$props.referenceLineType,
+          onClose = _this$props.onClose,
+          onSelect = _this$props.onSelect;
+      return /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-reference-tool-menu'
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: ReferenceLines && referenceLineType === 'image' && 'paladin-reference-tool-menu-match',
+        onClick: function onClick() {
+          onSelect('image');
+          onClose();
+        }
+      }, "\u56FE\u50CF"), /*#__PURE__*/React__default.createElement("div", {
+        className: ReferenceLines && referenceLineType === 'series' && 'paladin-reference-tool-menu-match',
+        onClick: function onClick() {
+          onSelect('series');
+          onClose();
+        }
+      }, "\u5E8F\u5217"));
+    }
+  }]);
+
+  return ReferenceLineTool;
+}(React.Component);
+
+function ownKeys$G(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$H(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$G(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var mapStateToProps$i = function mapStateToProps(state) {
+  var _state$paladin$tools$ = state.paladin.tools.action,
+      referenceLineType = _state$paladin$tools$.referenceLineType,
+      ReferenceLines = _state$paladin$tools$.ReferenceLines;
+  return {
+    referenceLineType: referenceLineType,
+    ReferenceLines: ReferenceLines
+  };
+};
+
+var mergeProps$i = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$H(_objectSpread$H(_objectSpread$H({}, ownProps), propsFromState), {}, {
+    onSelect: function onSelect(value) {
+      propsFromDispatch.setActionStateByKey({
+        key: 'referenceLineType',
+        value: value
+      });
+      setTimeout(function () {
+        if (!propsFromState.ReferenceLines) {
+          propsFromDispatch.activeDicomFunction('ReferenceLines');
+        }
+      }, 100);
+    }
+  });
+};
+
+var ConnectedReferenceLineMobileTool = reactRedux.connect(mapStateToProps$i, {
+  setActionStateByKey: setActionStateByKey,
+  activeDicomFunction: activeDicomFunction
+}, mergeProps$i)(ReferenceLineTool$1);
+
+function _createSuper$1l(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1l(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$1l() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 var DicomTool = /*#__PURE__*/function (_Component) {
   inherits(DicomTool, _Component);
 
-  var _super = _createSuper$1k(DicomTool);
+  var _super = _createSuper$1l(DicomTool);
 
   function DicomTool(props) {
     var _this;
@@ -44734,8 +44897,9 @@ var DicomTool = /*#__PURE__*/function (_Component) {
       ReferenceLine: {
         name: "ReferenceLines",
         tooltip: "扫描定位线",
-        component: /*#__PURE__*/React__default.createElement(SvgReferenceLine, null),
-        singleActive: true
+        component: /*#__PURE__*/React__default.createElement(SvgReferenceLineV2, null),
+        singleActive: true,
+        moreComponent: ConnectedReferenceLineMobileTool
       },
       Sync: {
         name: "Sync",
@@ -45294,12 +45458,12 @@ function _unsupportedIterableToArray$b(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$b(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function ownKeys$G(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$H(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$H(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$G(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$I(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$H(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var scrollToIndex$3 = cornerstoneTools.scrollToIndex;
 
-var mapStateToProps$i = function mapStateToProps(state) {
+var mapStateToProps$j = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.customization,
       tools = _state$paladin$tools$.tools,
       imageModeTools = _state$paladin$tools$.imageModeTools,
@@ -45463,7 +45627,7 @@ var mapStateToProps$i = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$i = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$j = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   // 数据
   var series = propsFromState.series,
       activeIndex = propsFromState.activeIndex,
@@ -45489,6 +45653,7 @@ var mergeProps$i = function mergeProps(propsFromState, propsFromDispatch, ownPro
       CPR = propsFromState.CPR,
       Sharpen = propsFromState.Sharpen;
   var maxIndex = currentSeries && currentSeries.imageIds.length - 1;
+  var isMobile = ua.isDeviceTypeMobile();
 
   var sharpenSeries = function sharpenSeries() {
     var realSeriesIndex = col * currentScrollLine + activeIndex;
@@ -45546,7 +45711,7 @@ var mergeProps$i = function mergeProps(propsFromState, propsFromDispatch, ownPro
   };
 
   var isThree = MPR || VR || MIP || CPR;
-  return _objectSpread$H(_objectSpread$H(_objectSpread$H(_objectSpread$H({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$I(_objectSpread$I(_objectSpread$I(_objectSpread$I({}, ownProps), propsFromState), propsFromDispatch), {}, {
     isThree: isThree,
     reset: function reset() {
       // 重置
@@ -46461,12 +46626,9 @@ var mergeProps$i = function mergeProps(propsFromState, propsFromDispatch, ownPro
         SOPInstanceUID: SOPInstanceUID
       });
 
-      if (selectImage) {
-        ownProps.operateKeyImages('remove', selectImage);
-      } else {
-        var _activeElement = getElement(realActiveIndex);
-
-        var enabled = cornerstone.getEnabledElement(_activeElement);
+      function handleAddKeyImage() {
+        var activeElement = getElement(realActiveIndex);
+        var enabled = cornerstone.getEnabledElement(activeElement);
         var imageInfo = {
           studyInstanceUID: currentSeries.studyInstanceUID,
           seriesInstanceUID: currentSeries.seriesInstanceUID,
@@ -46482,11 +46644,42 @@ var mergeProps$i = function mergeProps(propsFromState, propsFromDispatch, ownPro
           imageInfo: imageInfo
         });
       }
+
+      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: '提示',
+            okButtonProps: {
+              type: 'success'
+            },
+            cancelText: '取消',
+            onOk: function onOk() {
+              handleAddKeyImage();
+            }
+          });
+        } else {
+          handleAddKeyImage();
+        }
+      }
     }
   });
 };
 
-var ConnectedDicomTool = reactRedux.connect(mapStateToProps$i, {
+var ConnectedDicomTool = reactRedux.connect(mapStateToProps$j, {
   setActiveTool: setActiveTool,
   setTools: setTools,
   refreshTools: refreshTools,
@@ -46510,10 +46703,10 @@ var ConnectedDicomTool = reactRedux.connect(mapStateToProps$i, {
   setLastLayout: setLastLayout,
   openGlobalLoading: openGlobalLoading,
   closeGlobalLoading: closeGlobalLoading
-}, mergeProps$i)(DicomTool);
+}, mergeProps$j)(DicomTool);
 
-var css_248z$q = ".paladin-thumb-content {\n  position: relative;\n  height: 66px;\n  width: 66px;\n  border-width: 1px;\n  border-style: solid;\n  cursor: pointer;\n}\n.paladin-thumb-content .paladin-thumb-bottom {\n  white-space: nowrap;\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  color: #faa80a;\n  text-align: center;\n  font-size: 14px;\n  z-index: 2;\n}\n.paladin-thumb-content .paladin-thumb-bottom-mobile {\n  font-size: 10px;\n}\n.paladin-thumb-content .paladin-thumb-mask {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n.paladin-thumb-content .paladin-thumb-process {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  height: 4px;\n  width: 100%;\n  background: #ffffff;\n  overflow: hidden;\n}\n.paladin-thumb-content .paladin-thumb-process .paladin-thumb-process-inner {\n  background: #faa80a;\n  height: 100%;\n}\n.mobile-thumb {\n  width: 50px;\n  height: 50px;\n}\n.paladin-thumb-svg {\n  cursor: pointer;\n  justify-content: center;\n}\n.paladin-thumb-svg svg {\n  fill: #fff;\n}\n.paladin-thumb-svg:hover {\n  background-color: #616772;\n}\n.paladin-thumb-button {\n  cursor: pointer;\n  justify-content: center;\n  padding: 0 15px;\n}\n.paladin-thumb-button svg {\n  fill: #fff;\n}\n.paladin-thumb-button:hover {\n  background-color: #616772;\n}\n.paladin-thumb-button svg {\n  width: 11px !important;\n}\n.paladin-fresh-button {\n  cursor: pointer;\n  justify-content: center;\n  padding: 0 25px;\n}\n.paladin-fresh-button svg {\n  fill: #fff;\n}\n.paladin-fresh-button:hover {\n  background-color: #616772;\n}\n.paladin-fresh-button svg {\n  width: 15px !important;\n}\n.paladin-thumb-study {\n  cursor: pointer;\n  font-size: 14px;\n  line-height: 40px;\n  padding: 0 12px;\n  color: #ffffff;\n}\n.paladin-thumb-viewport {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n}\n.paladin-thumb-viewport h4,\n.paladin-thumb-viewport p {\n  font-size: 10px;\n}\n.paladin-thumb-study-wrapper {\n  border-bottom: 1px solid #727882;\n}\n.paladin-thumb-context-wrapper {\n  padding: 4px 2px;\n}\n";
-styleInject$1(css_248z$q);
+var css_248z$r = ".paladin-thumb-content {\n  position: relative;\n  height: 66px;\n  width: 66px;\n  border-width: 1px;\n  border-style: solid;\n  cursor: pointer;\n}\n.paladin-thumb-content .paladin-thumb-bottom {\n  white-space: nowrap;\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  color: #faa80a;\n  text-align: center;\n  font-size: 14px;\n  z-index: 2;\n}\n.paladin-thumb-content .paladin-thumb-bottom-mobile {\n  font-size: 10px;\n}\n.paladin-thumb-content .paladin-thumb-mask {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n.paladin-thumb-content .paladin-thumb-process {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  height: 4px;\n  width: 100%;\n  background: #ffffff;\n  overflow: hidden;\n}\n.paladin-thumb-content .paladin-thumb-process .paladin-thumb-process-inner {\n  background: #faa80a;\n  height: 100%;\n}\n.mobile-thumb {\n  width: 50px;\n  height: 50px;\n}\n.paladin-thumb-svg {\n  cursor: pointer;\n  justify-content: center;\n}\n.paladin-thumb-svg svg {\n  fill: #fff;\n}\n.paladin-thumb-svg:hover {\n  background-color: #616772;\n}\n.paladin-thumb-button {\n  cursor: pointer;\n  justify-content: center;\n  padding: 0 15px;\n}\n.paladin-thumb-button svg {\n  fill: #fff;\n}\n.paladin-thumb-button:hover {\n  background-color: #616772;\n}\n.paladin-thumb-button svg {\n  width: 11px !important;\n}\n.paladin-fresh-button {\n  cursor: pointer;\n  justify-content: center;\n  padding: 0 25px;\n}\n.paladin-fresh-button svg {\n  fill: #fff;\n}\n.paladin-fresh-button:hover {\n  background-color: #616772;\n}\n.paladin-fresh-button svg {\n  width: 15px !important;\n}\n.paladin-thumb-study {\n  cursor: pointer;\n  font-size: 14px;\n  line-height: 40px;\n  padding: 0 12px;\n  color: #ffffff;\n}\n.paladin-thumb-viewport {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n}\n.paladin-thumb-viewport h4,\n.paladin-thumb-viewport p {\n  font-size: 10px;\n}\n.paladin-thumb-study-wrapper {\n  border-bottom: 1px solid #727882;\n}\n.paladin-thumb-context-wrapper {\n  padding: 4px 2px;\n}\n";
+styleInject$1(css_248z$r);
 
 function _extends$1o() { _extends$1o = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1o.apply(this, arguments); }
 
@@ -46528,17 +46721,17 @@ const SvgRefresh$1 = props => /*#__PURE__*/React__default.createElement("svg", _
   fill: "currentColor"
 }, props), _ref$1m);
 
-var css_248z$r = ".loadingIndicator {\n  position: absolute;\n  top: 0;\n  background: black;\n  opacity: 1;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.loadingIndicator .lds-ring {\n  color: #999;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  width: 40px;\n  height: 40px;\n  margin: auto;\n}\n.loadingIndicator .lds-ring div {\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  width: 40px;\n  height: 40px;\n  border: 4px solid silver;\n  border-radius: 50%;\n  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: silver transparent transparent transparent;\n}\n.loadingIndicator .lds-ring div:nth-child(1) {\n  animation-delay: -0.45s;\n}\n.loadingIndicator .lds-ring div:nth-child(2) {\n  animation-delay: -0.3s;\n}\n.loadingIndicator .lds-ring div:nth-child(3) {\n  animation-delay: -0.15s;\n}\n@keyframes lds-ring {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.loadingIndicator .loadingIndicator-retry {\n  width: 40px;\n  color: #999;\n  margin: 0 auto;\n  font-size: 14px;\n}\n.loadingIndicator .indicatorContents h4 {\n  font-size: 18px;\n  margin: 0 auto 10px 0;\n}\n.loadingIndicator .indicatorContents h5 {\n  font-size: 16px;\n  margin: 0 auto 10px 0;\n}\n.loadingIndicator .indicatorContents p {\n  margin: 4px auto;\n  color: #999;\n  font-size: 14px;\n}\n.loadingIndicator .indicatorContents .loadingIndicator-retry {\n  width: 40px;\n  margin: 20px auto 0 auto;\n}\n.loadingIndicator .indicatorContents-mini h4 {\n  color: #fff;\n  font-size: 12px;\n  margin: 5px 0 5px 0;\n}\n.loadingIndicator .indicatorContents-mini .loadingIndicator-retry {\n  width: 20px;\n  font-size: 12px;\n}\n";
-styleInject$1(css_248z$r);
+var css_248z$s = ".loadingIndicator {\n  position: absolute;\n  top: 0;\n  background: black;\n  opacity: 1;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.loadingIndicator .lds-ring {\n  color: #999;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  width: 40px;\n  height: 40px;\n  margin: auto;\n}\n.loadingIndicator .lds-ring div {\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  width: 40px;\n  height: 40px;\n  border: 4px solid silver;\n  border-radius: 50%;\n  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: silver transparent transparent transparent;\n}\n.loadingIndicator .lds-ring div:nth-child(1) {\n  animation-delay: -0.45s;\n}\n.loadingIndicator .lds-ring div:nth-child(2) {\n  animation-delay: -0.3s;\n}\n.loadingIndicator .lds-ring div:nth-child(3) {\n  animation-delay: -0.15s;\n}\n@keyframes lds-ring {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.loadingIndicator .loadingIndicator-retry {\n  width: 40px;\n  color: #999;\n  margin: 0 auto;\n  font-size: 14px;\n}\n.loadingIndicator .indicatorContents h4 {\n  font-size: 18px;\n  margin: 0 auto 10px 0;\n}\n.loadingIndicator .indicatorContents h5 {\n  font-size: 16px;\n  margin: 0 auto 10px 0;\n}\n.loadingIndicator .indicatorContents p {\n  margin: 4px auto;\n  color: #999;\n  font-size: 14px;\n}\n.loadingIndicator .indicatorContents .loadingIndicator-retry {\n  width: 40px;\n  margin: 20px auto 0 auto;\n}\n.loadingIndicator .indicatorContents-mini h4 {\n  color: #fff;\n  font-size: 12px;\n  margin: 5px 0 5px 0;\n}\n.loadingIndicator .indicatorContents-mini .loadingIndicator-retry {\n  width: 20px;\n  font-size: 12px;\n}\n";
+styleInject$1(css_248z$s);
 
-function _createSuper$1l(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1l(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1m(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1m(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1l() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1m() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var LoadingIndicator = /*#__PURE__*/function (_PureComponent) {
   inherits(LoadingIndicator, _PureComponent);
 
-  var _super = _createSuper$1l(LoadingIndicator);
+  var _super = _createSuper$1m(LoadingIndicator);
 
   function LoadingIndicator() {
     classCallCheck(this, LoadingIndicator);
@@ -46604,11 +46797,11 @@ defineProperty(LoadingIndicator, "defaultProps", {
   error: null
 });
 
-function _createSuper$1m(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1m(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1n(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1n(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1m() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1n() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 var loadIndicatorDelay = 300;
-var isMobile$1 = ua.isDeviceTypeMobile();
+var isMobile$2 = ua.isDeviceTypeMobile();
 
 function capitalizeFirstLetter(string) {
   return string.charAt(0).toUpperCase() + string.slice(1);
@@ -46633,7 +46826,7 @@ function initializeTools(cornerstoneTools, tools, element) {
 var ThumbnailViewport = /*#__PURE__*/function (_Component) {
   inherits(ThumbnailViewport, _Component);
 
-  var _super = _createSuper$1m(ThumbnailViewport);
+  var _super = _createSuper$1n(ThumbnailViewport);
 
   function ThumbnailViewport(props) {
     var _this;
@@ -46708,7 +46901,7 @@ var ThumbnailViewport = /*#__PURE__*/function (_Component) {
     value: function componentDidMount() {
       this.element = global.document.createElement('div');
       cornerstone.enable(this.element, {});
-      var size = isMobile$1 ? 50 : 66;
+      var size = isMobile$2 ? 50 : 66;
       cornerstone.getEnabledElement(this.element).canvas.width = size;
       cornerstone.getEnabledElement(this.element).canvas.height = size;
       this.addEventListener();
@@ -46779,19 +46972,19 @@ defineProperty(ThumbnailViewport, "defaultProps", {
     name: 'OrientationMarkers',
     props: {
       color: "yellow",
-      paddingRight: isMobile$1 ? 5 : 3,
-      paddingLeft: isMobile$1 ? 2 : 1,
-      paddingBottom: isMobile$1 ? 6 : 2,
+      paddingRight: isMobile$2 ? 5 : 3,
+      paddingLeft: isMobile$2 ? 2 : 1,
+      paddingBottom: isMobile$2 ? 6 : 2,
       paddingTop: 0,
-      fontSize: isMobile$1 ? 9 : 11
+      fontSize: isMobile$2 ? 9 : 11
     }
   }]
 });
 
-function _createSuper$1n(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1n(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1o(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1o(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1n() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-var isMobile$2 = ua.isDeviceTypeMobile();
+function _isNativeReflectConstruct$1o() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+var isMobile$3 = ua.isDeviceTypeMobile();
 
 var ThumbContent = function ThumbContent(props) {
   var series = props.series,
@@ -46810,7 +47003,7 @@ var ThumbContent = function ThumbContent(props) {
   }
 
   return /*#__PURE__*/React__default.createElement("div", {
-    className: isMobile$2 ? "paladin-thumb-content mobile-thumb" : "paladin-thumb-content",
+    className: isMobile$3 ? "paladin-thumb-content mobile-thumb" : "paladin-thumb-content",
     style: {
       borderColor: props.currentSeriesUID === props.series.seriesInstanceUID ? '#00FF83' : 'grey'
     }
@@ -46826,14 +47019,14 @@ var ThumbContent = function ThumbContent(props) {
   })), /*#__PURE__*/React__default.createElement(ThumbnailViewport, {
     imageId: series.imageIds[0]
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: isMobile$2 ? "paladin-thumb-bottom paladin-thumb-bottom-mobile" : "paladin-thumb-bottom"
+    className: isMobile$3 ? "paladin-thumb-bottom paladin-thumb-bottom-mobile" : "paladin-thumb-bottom"
   }, totalCount ? "Im: ".concat(totalCount) : ''));
 };
 
 var DicomThumbnailLayout = /*#__PURE__*/function (_Component) {
   inherits(DicomThumbnailLayout, _Component);
 
-  var _super = _createSuper$1n(DicomThumbnailLayout);
+  var _super = _createSuper$1o(DicomThumbnailLayout);
 
   function DicomThumbnailLayout(props) {
     var _this;
@@ -46936,7 +47129,7 @@ var DicomThumbnailLayout = /*#__PURE__*/function (_Component) {
           style: {
             display: currentStudy === studyIdx ? 'flex' : 'none'
           }
-        }, /*#__PURE__*/React__default.createElement("div", {
+        }, !isMobile$3 && /*#__PURE__*/React__default.createElement("div", {
           className: "paladin-thumb-button paladin-flex-col",
           onClick: _this2.handlePrev
         }, /*#__PURE__*/React__default.createElement(SvgChevronLeft, null)), /*#__PURE__*/React__default.createElement("div", {
@@ -46948,7 +47141,7 @@ var DicomThumbnailLayout = /*#__PURE__*/function (_Component) {
           className: "paladin-flex-col"
         }, /*#__PURE__*/React__default.createElement(Scrollable, {
           wheelDirection: 'Horizontal',
-          disabled: !isMobile$2,
+          disabled: !isMobile$3,
           ref: function ref(el) {
             _this2.scrollRef = el;
           }
@@ -46979,7 +47172,7 @@ var DicomThumbnailLayout = /*#__PURE__*/function (_Component) {
         })))), /*#__PURE__*/React__default.createElement("div", {
           className: "paladin-fresh-button paladin-flex-col",
           onClick: _this2.handleRefresh
-        }, /*#__PURE__*/React__default.createElement(SvgRefresh, null)), /*#__PURE__*/React__default.createElement("div", {
+        }, /*#__PURE__*/React__default.createElement(SvgRefresh, null)), !isMobile$3 && /*#__PURE__*/React__default.createElement("div", {
           className: "paladin-thumb-button paladin-flex-col",
           onClick: _this2.handleNext
         }, /*#__PURE__*/React__default.createElement(SvgChevronRight, null)));
@@ -46990,11 +47183,11 @@ var DicomThumbnailLayout = /*#__PURE__*/function (_Component) {
   return DicomThumbnailLayout;
 }(React.Component);
 
-function ownKeys$H(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$I(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$I(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$H(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$J(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$I(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$j = function mapStateToProps(state) {
+var mapStateToProps$k = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       activeIndex = _state$paladin$viewpo.activeIndex,
       currentSeriesUID = _state$paladin$viewpo.currentSeriesUID,
@@ -47015,8 +47208,8 @@ var mapStateToProps$j = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$j = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$I(_objectSpread$I(_objectSpread$I({}, ownProps), propsFromState), {}, {
+var mergeProps$k = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$J(_objectSpread$J(_objectSpread$J({}, ownProps), propsFromState), {}, {
     selectThumb: function selectThumb(selectSeriesIndex, currentStudy) {
       /**
        * 选择了缩略图时
@@ -47072,7 +47265,7 @@ var mergeProps$j = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomThumbnail = reactRedux.connect(mapStateToProps$j, {
+var ConnectedDicomThumbnail = reactRedux.connect(mapStateToProps$k, {
   setSeries: setSeries,
   setCurrentSeries: setCurrentSeries,
   setSeriesCurrentIndex: setSeriesCurrentIndex,
@@ -47080,10 +47273,10 @@ var ConnectedDicomThumbnail = reactRedux.connect(mapStateToProps$j, {
   setImageActiveIndex: setImageActiveIndex,
   setScrollLine: setScrollLine,
   setActiveIndex: setActiveIndex
-}, mergeProps$j)(DicomThumbnailLayout);
+}, mergeProps$k)(DicomThumbnailLayout);
 
-var css_248z$s = ".paladin-dicom-layout {\n  display: flex;\n  flex-wrap: wrap;\n  height: 100%;\n  flex: 1;\n}\n.paladin-dicom-layout-warp {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n";
-styleInject$1(css_248z$s);
+var css_248z$t = ".paladin-dicom-layout {\n  display: flex;\n  flex-wrap: wrap;\n  height: 100%;\n  flex: 1;\n}\n.paladin-dicom-layout-warp {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n";
+styleInject$1(css_248z$t);
 
 function combineDateAndTimeToMoment(dicom, tag) {
   var date = dicom[tag + 'Date'].toString();
@@ -47136,9 +47329,9 @@ function getPixelSpacing$9(imageId) {
   };
 }
 
-function _createSuper$1o(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1o(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1p(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1p(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1o() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1p() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var getCompression = function getCompression(dicom) {
   var lossyImageCompression = dicom.LossyImageCompression.toString(),
@@ -47262,7 +47455,7 @@ var formatDicomInfo = function formatDicomInfo(label, value) {
 var ViewportOverlay = /*#__PURE__*/function (_PureComponent) {
   inherits(ViewportOverlay, _PureComponent);
 
-  var _super = _createSuper$1o(ViewportOverlay);
+  var _super = _createSuper$1p(ViewportOverlay);
 
   function ViewportOverlay(props) {
     var _this;
@@ -47492,8 +47685,8 @@ defineProperty(ViewportOverlay, "propTypes", {
   hide: PropTypes$1.bool
 });
 
-var css_248z$t = ".paladin-custom-scroll {\n  cursor: pointer;\n  background: #333333;\n  position: relative;\n  border-color: #727882;\n  border-style: solid;\n  border-width: 0;\n  box-sizing: border-box;\n}\n.paladin-custom-scroll .paladin-custom-scroll-controller {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.paladin-custom-scroll .paladin-custom-scroll-controller .paladin-custom-scroll-box {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 16px;\n  width: 16px;\n  background: rgba(91, 91, 91, 0.8);\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-up {\n  width: 16px;\n  height: 20px;\n  background: #5b5b5b;\n  position: absolute;\n  top: 0;\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-up svg {\n  color: #ccc;\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-down {\n  width: 16px;\n  height: 20px;\n  background: #5b5b5b;\n  position: absolute;\n  bottom: 0;\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-down svg {\n  color: #ccc;\n}\n";
-styleInject$1(css_248z$t);
+var css_248z$u = ".paladin-custom-scroll {\n  cursor: pointer;\n  background: #333333;\n  position: relative;\n  border-color: #727882;\n  border-style: solid;\n  border-width: 0;\n  box-sizing: border-box;\n}\n.paladin-custom-scroll .paladin-custom-scroll-controller {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.paladin-custom-scroll .paladin-custom-scroll-controller .paladin-custom-scroll-box {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 16px;\n  width: 16px;\n  background: rgba(91, 91, 91, 0.8);\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-up {\n  width: 16px;\n  height: 20px;\n  background: #5b5b5b;\n  position: absolute;\n  top: 0;\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-up svg {\n  color: #ccc;\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-down {\n  width: 16px;\n  height: 20px;\n  background: #5b5b5b;\n  position: absolute;\n  bottom: 0;\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-down svg {\n  color: #ccc;\n}\n";
+styleInject$1(css_248z$u);
 
 function _extends$1p() { _extends$1p = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1p.apply(this, arguments); }
 
@@ -47521,17 +47714,17 @@ const SvgChevronDown = props => /*#__PURE__*/React__default.createElement("svg",
   fill: "currentColor"
 }, props), _ref$1o);
 
-var css_248z$u = ".paladin-aiTips-wrapper {\n  width: 100%;\n  height: 100%;\n}\n.paladin-aiTips-content {\n  width: 1px;\n  height: 100%;\n  background: #ffff00;\n  position: absolute;\n  top: 0;\n}\n";
-styleInject$1(css_248z$u);
+var css_248z$v = ".paladin-aiTips-wrapper {\n  width: 100%;\n  height: 100%;\n}\n.paladin-aiTips-content {\n  width: 1px;\n  height: 100%;\n  background: #ffff00;\n  position: absolute;\n  top: 0;\n}\n";
+styleInject$1(css_248z$v);
 
-function _createSuper$1p(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1p(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1q(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1p() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1q() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var AITips = /*#__PURE__*/function (_Component) {
   inherits(AITips, _Component);
 
-  var _super = _createSuper$1p(AITips);
+  var _super = _createSuper$1q(AITips);
 
   function AITips() {
     classCallCheck(this, AITips);
@@ -47568,14 +47761,14 @@ defineProperty(AITips, "propTypes", {
   data: PropTypes$1.any
 });
 
-function _createSuper$1q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1q(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1r(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1r(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1q() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1r() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var CustomScroll = /*#__PURE__*/function (_Component) {
   inherits(CustomScroll, _Component);
 
-  var _super = _createSuper$1q(CustomScroll);
+  var _super = _createSuper$1r(CustomScroll);
 
   function CustomScroll(props) {
     var _this;
@@ -47955,8 +48148,8 @@ defineProperty(CustomScroll, "propTypes", {
 
 });
 
-var css_248z$v = ".paladin-mpr-direaction-tip {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  width: 10px;\n  height: 10px;\n}\n.paladin-mpr-direaction-toggle-box {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  cursor: pointer;\n}\n.paladin-mpr-direaction-toggle-box span {\n  display: inline-block;\n  padding: 3px;\n  font-size: 12px;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle {\n  border: 1px solid #999;\n  background: #000;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle:last-child {\n  border-left: none;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle-active {\n  background: #0d5075;\n}\n.rc-slider {\n  background-color: transparent !important;\n}\n.paladin-viewport-wrapper {\n  overflow: hidden;\n  color: white;\n  height: 100%;\n  position: relative;\n}\n.cornerstone-canvas-container {\n  box-sizing: border-box;\n  width: 100%;\n  position: relative;\n}\n.paladin-viewport-scroll-wrappper {\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n}\n.paladin-viewport-scroll-inner {\n  width: 40%;\n  margin: 5px auto auto;\n}\n.paladin-viewport-scroll-mpr-wrappper {\n  width: 100%;\n  position: relative;\n  z-index: 1;\n}\n.paladin-key-image-tip {\n  position: absolute;\n  top: 9px;\n  left: 50%;\n  font-size: 12px;\n  transform: translateX(20px);\n}\n.paladin-key-image-tip svg {\n  display: inline-block;\n  width: 12px !important;\n  height: 12px !important;\n  margin-right: 3px;\n}\n";
-styleInject$1(css_248z$v);
+var css_248z$w = ".paladin-mpr-direaction-tip {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  width: 10px;\n  height: 10px;\n}\n.paladin-mpr-direaction-toggle-box {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  cursor: pointer;\n}\n.paladin-mpr-direaction-toggle-box span {\n  display: inline-block;\n  padding: 3px;\n  font-size: 12px;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle {\n  border: 1px solid #999;\n  background: #000;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle:last-child {\n  border-left: none;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle-active {\n  background: #0d5075;\n}\n.rc-slider {\n  background-color: transparent !important;\n}\n.paladin-viewport-wrapper {\n  overflow: hidden;\n  color: white;\n  height: 100%;\n  position: relative;\n}\n.cornerstone-canvas-container {\n  box-sizing: border-box;\n  width: 100%;\n  position: relative;\n}\n.paladin-viewport-scroll-wrappper {\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n}\n.paladin-viewport-scroll-inner {\n  width: 40%;\n  margin: 5px auto auto;\n}\n.paladin-viewport-scroll-mpr-wrappper {\n  width: 100%;\n  position: relative;\n  z-index: 1;\n}\n.paladin-key-image-tip {\n  position: absolute;\n  top: 9px;\n  left: 50%;\n  font-size: 12px;\n  transform: translateX(20px);\n}\n.paladin-key-image-tip svg {\n  display: inline-block;\n  width: 12px !important;\n  height: 12px !important;\n  margin-right: 3px;\n}\n";
+styleInject$1(css_248z$w);
 
 function _createForOfIteratorHelper$a(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$c(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
@@ -48203,17 +48396,17 @@ function processCentesisPath(imageId) {
   }
 }
 
-var css_248z$w = ".paladin-thickness-container {\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 90px;\n  height: 16px;\n  background-color: #505050;\n  color: #888;\n  font-size: 13px;\n}\n.paladin-thickness-selecter {\n  padding: 5px 0;\n  background-color: #333;\n  color: #c8c8c8;\n  font-size: 12px;\n}\n.paladin-thickness-selecter .paladin-thickness-select-item {\n  padding: 3px 20px;\n  cursor: pointer;\n}\n.paladin-thickness-selecter .paladin-thickness-select-item:hover {\n  background-color: #fff;\n  color: #000;\n}\n.paladin-thickness-selecter .paladin-thickness-select-mpr {\n  border-bottom: 1px solid #ffffff;\n  padding: 3px 20px 8px 20px;\n}\n";
-styleInject$1(css_248z$w);
+var css_248z$x = ".paladin-thickness-container {\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 90px;\n  height: 16px;\n  background-color: #505050;\n  color: #888;\n  font-size: 13px;\n}\n.paladin-thickness-selecter {\n  padding: 5px 0;\n  background-color: #333;\n  color: #c8c8c8;\n  font-size: 12px;\n}\n.paladin-thickness-selecter .paladin-thickness-select-item {\n  padding: 3px 20px;\n  cursor: pointer;\n}\n.paladin-thickness-selecter .paladin-thickness-select-item:hover {\n  background-color: #fff;\n  color: #000;\n}\n.paladin-thickness-selecter .paladin-thickness-select-mpr {\n  border-bottom: 1px solid #ffffff;\n  padding: 3px 20px 8px 20px;\n}\n";
+styleInject$1(css_248z$x);
 
-function _createSuper$1r(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1r(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1s(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1s(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1r() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1s() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var ThicknessSelectMain = /*#__PURE__*/function (_Component) {
   inherits(ThicknessSelectMain, _Component);
 
-  var _super = _createSuper$1r(ThicknessSelectMain);
+  var _super = _createSuper$1s(ThicknessSelectMain);
 
   function ThicknessSelectMain(props) {
     var _this;
@@ -48433,13 +48626,13 @@ function newImageIdSpecificToolStateManager() {
 
 var seriesInstanceUidStateManager = newImageIdSpecificToolStateManager();
 
-function ownKeys$I(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$J(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$J(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$I(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$K(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$J(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$J(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$1s(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1s(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1t(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1t(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1s() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1t() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 var EVENT_RESIZE = 'resize';
 var loadIndicatorDelay$1 = 300;
 var loadHandlerManager$1 = cornerstoneTools.loadHandlerManager;
@@ -48479,7 +48672,7 @@ function initializeTools$1(cornerstoneTools, tools, element) {
 var DicomViewport = /*#__PURE__*/function (_Component) {
   inherits(DicomViewport, _Component);
 
-  var _super = _createSuper$1s(DicomViewport);
+  var _super = _createSuper$1t(DicomViewport);
 
   function DicomViewport(_props) {
     var _this;
@@ -49564,7 +49757,7 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
           nextViewport.colormap = undefined;
         }
 
-        cornerstone.setViewport(this.element, _objectSpread$J(_objectSpread$J({}, nextViewport), {}, {
+        cornerstone.setViewport(this.element, _objectSpread$K(_objectSpread$K({}, nextViewport), {}, {
           displayedArea: defaultViewport.displayedArea
         }));
         this.setState({
@@ -50232,7 +50425,7 @@ defineProperty(DicomViewport, "defaultProps", {
   }]
 });
 
-var mapStateToProps$k = function mapStateToProps(state) {
+var mapStateToProps$l = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.action,
       activeTool = _state$paladin$tools$.activeTool,
       ReferenceLines = _state$paladin$tools$.ReferenceLines,
@@ -50284,13 +50477,13 @@ var mapStateToProps$k = function mapStateToProps(state) {
   };
 };
 
-var ConnectedDicomViewport = reactRedux.connect(mapStateToProps$k, {
+var ConnectedDicomViewport = reactRedux.connect(mapStateToProps$l, {
   setActiveTool: setActiveTool,
   setSeriesCurrentIndex: setSeriesCurrentIndex
 })(DicomViewport);
 
-var css_248z$x = ".paladin-dicom-scroll {\n  display: flex;\n  width: 16px;\n  height: 100%;\n  flex-shrink: 0;\n  background: #333333;\n}\n";
-styleInject$1(css_248z$x);
+var css_248z$y = ".paladin-dicom-scroll {\n  display: flex;\n  width: 16px;\n  height: 100%;\n  flex-shrink: 0;\n  background: #333333;\n}\n";
+styleInject$1(css_248z$y);
 
 var DicomLayoutContainer = function DicomLayoutContainer(props) {
   return /*#__PURE__*/React__default.createElement("div", {
@@ -50305,9 +50498,9 @@ function _unsupportedIterableToArray$e(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$e(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _createSuper$1t(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1t(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1u(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1u(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1t() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1u() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var EmptyElement = function EmptyElement(_ref) {
   var col = _ref.col;
@@ -50319,10 +50512,12 @@ var EmptyElement = function EmptyElement(_ref) {
   });
 };
 
+var isMobile$4 = ua.isDeviceTypeMobile();
+
 var DicomLayout = /*#__PURE__*/function (_Component) {
   inherits(DicomLayout, _Component);
 
-  var _super = _createSuper$1t(DicomLayout);
+  var _super = _createSuper$1u(DicomLayout);
 
   function DicomLayout(props) {
     var _this;
@@ -50408,42 +50603,47 @@ var DicomLayout = /*#__PURE__*/function (_Component) {
       _this.clientX = clientX;
       _this.clientY = clientY;
       setTimeout(function () {
-        if (_this.clickCount === 1) {
-          // 单击
-          if (!ctrlKey) {
-            if (_this.checkClickArea(5, _this.mouseDownclientX, _this.mouseDownclientY, clientX, clientY)) {
-              _this.props.onViewPortCellClick && _this.props.onViewPortCellClick($event, index, series[index]);
+        if (isMobile$4) {
+          // 手机端不分情况
+          _this.props.onViewPortCellClick && _this.props.onViewPortCellClick($event, index, series[index]);
+        } else {
+          if (_this.clickCount === 1) {
+            // 单击
+            if (!ctrlKey) {
+              if (_this.checkClickArea(5, _this.mouseDownclientX, _this.mouseDownclientY, clientX, clientY)) {
+                _this.props.onViewPortCellClick && _this.props.onViewPortCellClick($event, index, series[index]);
+              }
             }
-          }
-        } else if (_this.clickCount === 2) {
-          // 双击时如果有激活态的箭头则不触发此处的双击
-          var selectEle = getElement(index);
-          var toolData = cornerstoneTools.getToolState(selectEle, 'ArrowAnnotate');
-          var active = false;
+          } else if (_this.clickCount === 2) {
+            // 双击时如果有激活态的箭头则不触发onSyncClose此处的双击
+            var selectEle = getElement(index);
+            var toolData = cornerstoneTools.getToolState(selectEle, 'ArrowAnnotate');
+            var active = false;
 
-          if (toolData && toolData.data && toolData.data.length > 0) {
-            var _iterator = _createForOfIteratorHelper$c(toolData.data),
-                _step;
+            if (toolData && toolData.data && toolData.data.length > 0) {
+              var _iterator = _createForOfIteratorHelper$c(toolData.data),
+                  _step;
 
-            try {
-              for (_iterator.s(); !(_step = _iterator.n()).done;) {
-                var handler = _step.value;
+              try {
+                for (_iterator.s(); !(_step = _iterator.n()).done;) {
+                  var handler = _step.value;
 
-                if (handler && handler.active) {
-                  active = true;
-                  return;
+                  if (handler && handler.active) {
+                    active = true;
+                    return;
+                  }
                 }
+              } catch (err) {
+                _iterator.e(err);
+              } finally {
+                _iterator.f();
               }
-            } catch (err) {
-              _iterator.e(err);
-            } finally {
-              _iterator.f();
             }
-          }
 
-          if (!active) {
-            // 双击 序列模式的双击是选中+进入图像 图像模式下双击只是退出
-            _this.props.onViewPortDoubleClick && _this.props.onViewPortDoubleClick(index, series[index]);
+            if (!active) {
+              // 双击 序列模式的双击是选中+进入图像 图像模式下双击只是退出
+              _this.props.onViewPortDoubleClick && _this.props.onViewPortDoubleClick(index, series[index]);
+            }
           }
         }
 
@@ -50616,15 +50816,15 @@ defineProperty(DicomLayout, "propTypes", {
 
 });
 
-function ownKeys$J(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$K(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$K(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$J(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$J(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$L(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$K(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 /**
  * 序列模式
  *
  */
 
-var mapStateToProps$l = function mapStateToProps(state) {
+var mapStateToProps$m = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       activeIndex = _state$paladin$viewpo.activeIndex,
       linkSeriesIndex = _state$paladin$viewpo.linkSeriesIndex,
@@ -50658,7 +50858,7 @@ var mapStateToProps$l = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$k = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$l = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var linkSeriesIndex = propsFromState.linkSeriesIndex,
       linkSynchronizer = propsFromState.linkSynchronizer,
       linkScrollSynchronizer = propsFromState.linkScrollSynchronizer,
@@ -50673,8 +50873,6 @@ var mergeProps$k = function mergeProps(propsFromState, propsFromDispatch, ownPro
   var isMobile = ua.isDeviceTypeMobile(); // 手机端 Rule 一次只显示一张
 
   if (isMobile) {
-    row = 1;
-    col = 1;
     scrollType = 'rc';
   } else {
     scrollWidth = '50%';
@@ -50690,7 +50888,7 @@ var mergeProps$k = function mergeProps(propsFromState, propsFromDispatch, ownPro
   var startIndex = col * currentScrollLine;
   var endIndex = startIndex + col * row;
   var currentLayoutSeries = series.slice(startIndex, endIndex);
-  return _objectSpread$K(_objectSpread$K(_objectSpread$K(_objectSpread$K({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$L(_objectSpread$L(_objectSpread$L(_objectSpread$L({}, ownProps), propsFromState), propsFromDispatch), {}, {
     series: currentLayoutSeries,
     seriesTotalCount: series.length,
     row: row,
@@ -50700,14 +50898,20 @@ var mergeProps$k = function mergeProps(propsFromState, propsFromDispatch, ownPro
     showVerticalScroll: showVerticalScroll,
     linkedIndexArr: linkSeriesIndex,
     showCustomScroll: !isMobile,
-
-    /** 切换 自定义布局 / 1*1布局 */
     onViewPortDoubleClick: function onViewPortDoubleClick(index, series) {
-      // 测量工具下不响应双击操作
-      if (lodash$1.includes(LengthTools, propsFromState.activeTool)) {
+      /** 双击
+       *  - 切换 自定义布局 or 1*1布局
+       *  - 移动端不响应
+       *  - 测量工具下不响应双击操作
+       *  - 有绘制的toolData被激活时 也不响应（双点击的会偶发T10283）
+       */
+      if (isMobile) {
         return;
-      } // 有绘制的toolData被激活时 也不响应（双点击的会偶发T10283）
+      }
 
+      if (lodash$1.includes(LengthTools, propsFromState.activeTool)) {
+        return;
+      }
 
       var element = getElement(index);
       var checkToolDataActive = false;
@@ -50857,7 +51061,7 @@ var mergeProps$k = function mergeProps(propsFromState, propsFromDispatch, ownPro
               case 0:
                 activeIndex = propsFromState.activeIndex, Sync = propsFromState.Sync;
 
-                if (!(!Sync && !e.ctrlKey && e.button === 0)) {
+                if (!(!Sync && !e.ctrlKey && (e.button === 0 || isMobile))) {
                   _context.next = 14;
                   break;
                 }
@@ -50954,7 +51158,7 @@ var mergeProps$k = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomLayout = reactRedux.connect(mapStateToProps$l, {
+var ConnectedDicomLayout = reactRedux.connect(mapStateToProps$m, {
   setActiveIndex: setActiveIndex,
   setCurrentSeries: setCurrentSeries,
   setSeries: setSeries,
@@ -50965,17 +51169,17 @@ var ConnectedDicomLayout = reactRedux.connect(mapStateToProps$l, {
   openOnePickLayout: openOnePickLayout,
   closeOnePickLayout: closeOnePickLayout,
   setCineFps: setCineFps
-}, mergeProps$k)(DicomLayout);
+}, mergeProps$l)(DicomLayout);
 
-function ownKeys$K(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$L(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$L(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$K(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$M(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$L(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$L(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 /**
  * 图像模式
  *
  */
 
-var mapStateToProps$m = function mapStateToProps(state) {
+var mapStateToProps$n = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       imageActiveIndex = _state$paladin$viewpo.imageActiveIndex,
       currentSeries = _state$paladin$viewpo.currentSeries,
@@ -51040,7 +51244,7 @@ var mapDispatchToProps$4 = function mapDispatchToProps(dispatch) {
   };
 };
 
-var mergeProps$l = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$m = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var currentSeries = propsFromState.currentSeries,
       imageActiveIndex = propsFromState.imageActiveIndex,
       linkImageIndex = propsFromState.linkImageIndex,
@@ -51075,7 +51279,7 @@ var mergeProps$l = function mergeProps(propsFromState, propsFromDispatch, ownPro
     };
   });
   var showVerticalScroll = series && series.length / col > row;
-  return _objectSpread$L(_objectSpread$L(_objectSpread$L(_objectSpread$L({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$M(_objectSpread$M(_objectSpread$M(_objectSpread$M({}, ownProps), propsFromState), propsFromDispatch), {}, {
     currentScrollLine: currentScrollLineImage,
     series: series,
     activeIndex: imageActiveIndex,
@@ -51205,19 +51409,19 @@ var mergeProps$l = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomImageModeLayout = reactRedux.connect(mapStateToProps$m, mapDispatchToProps$4, mergeProps$l)(DicomLayout);
+var ConnectedDicomImageModeLayout = reactRedux.connect(mapStateToProps$n, mapDispatchToProps$4, mergeProps$m)(DicomLayout);
 
-var css_248z$y = ".paladin-dicom-layout {\n  display: flex;\n  flex-wrap: wrap;\n  height: 100%;\n  flex: 1;\n}\n.paladin-dicom-layout-warp {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n";
-styleInject$1(css_248z$y);
+var css_248z$z = ".paladin-dicom-layout {\n  display: flex;\n  flex-wrap: wrap;\n  height: 100%;\n  flex: 1;\n}\n.paladin-dicom-layout-warp {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n";
+styleInject$1(css_248z$z);
 
-function _createSuper$1u(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1u(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1v(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1v(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1u() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1v() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var SurgeryLayout = /*#__PURE__*/function (_Component) {
   inherits(SurgeryLayout, _Component);
 
-  var _super = _createSuper$1u(SurgeryLayout);
+  var _super = _createSuper$1v(SurgeryLayout);
 
   function SurgeryLayout(props) {
     var _this;
@@ -51874,11 +52078,11 @@ var SurgeryLayout = /*#__PURE__*/function (_Component) {
 
 defineProperty(SurgeryLayout, "propTypes", {});
 
-function ownKeys$L(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$M(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$M(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$L(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$L(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$N(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$M(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$M(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$n = function mapStateToProps(state) {
+var mapStateToProps$o = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       currentSeries = _state$paladin$viewpo.currentSeries,
       surgeryActiveIndex = _state$paladin$viewpo.surgeryActiveIndex,
@@ -51894,8 +52098,8 @@ var mapStateToProps$n = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$m = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$M(_objectSpread$M(_objectSpread$M({}, propsFromState), ownProps), {}, {
+var mergeProps$n = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$N(_objectSpread$N(_objectSpread$N({}, propsFromState), ownProps), {}, {
     onViewPortCellClick: function onViewPortCellClick() {
       propsFromDispatch.setSurgeryActiveIndex.apply(propsFromDispatch, arguments);
     },
@@ -51914,21 +52118,21 @@ var mergeProps$m = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedSurgeryLayout = reactRedux.connect(mapStateToProps$n, {
+var ConnectedSurgeryLayout = reactRedux.connect(mapStateToProps$o, {
   setSurgeryActiveIndex: setSurgeryActiveIndex
-}, mergeProps$m)(SurgeryLayout);
+}, mergeProps$n)(SurgeryLayout);
 
-var css_248z$z = ".paladin-dicom-layout {\n  display: flex;\n  flex-wrap: wrap;\n  height: 100%;\n  flex: 1;\n}\n.paladin-dicom-layout-warp {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n";
-styleInject$1(css_248z$z);
+var css_248z$A = ".paladin-dicom-layout {\n  display: flex;\n  flex-wrap: wrap;\n  height: 100%;\n  flex: 1;\n}\n.paladin-dicom-layout-warp {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n";
+styleInject$1(css_248z$A);
 
-function _createSuper$1v(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1v(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1w(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1w(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1v() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1w() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var CPRLayout = /*#__PURE__*/function (_Component) {
   inherits(CPRLayout, _Component);
 
-  var _super = _createSuper$1v(CPRLayout);
+  var _super = _createSuper$1w(CPRLayout);
 
   function CPRLayout(props) {
     var _this;
@@ -52216,11 +52420,11 @@ var CPRLayout = /*#__PURE__*/function (_Component) {
 
 defineProperty(CPRLayout, "propTypes", {});
 
-function ownKeys$M(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$N(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$N(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$M(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$M(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$O(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$N(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$N(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$o = function mapStateToProps(state) {
+var mapStateToProps$p = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       currentSeries = _state$paladin$viewpo.currentSeries,
       surgeryActiveIndex = _state$paladin$viewpo.surgeryActiveIndex,
@@ -52234,8 +52438,8 @@ var mapStateToProps$o = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$n = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$N(_objectSpread$N(_objectSpread$N({}, propsFromState), ownProps), {}, {
+var mergeProps$o = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$O(_objectSpread$O(_objectSpread$O({}, propsFromState), ownProps), {}, {
     onViewPortCellClick: function onViewPortCellClick() {
       propsFromDispatch.setSurgeryActiveIndex.apply(propsFromDispatch, arguments);
     },
@@ -52248,24 +52452,24 @@ var mergeProps$n = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedCPRLayout = reactRedux.connect(mapStateToProps$o, {
+var ConnectedCPRLayout = reactRedux.connect(mapStateToProps$p, {
   setSurgeryActiveIndex: setSurgeryActiveIndex
-}, mergeProps$n)(CPRLayout);
+}, mergeProps$o)(CPRLayout);
 
-var css_248z$A = ".paladin-main-wrapper svg {\n  width: 100%;\n  height: 100%;\n}\n.paladin-main-wrapper span,\n.paladin-main-wrapper div {\n  user-select: none;\n}\n.paladin-main-wrapper .paladin-dicomView-dicomToolWrapper {\n  background-color: #353535;\n  z-index: 2;\n}\n.paladin-main-wrapper .paladin-dicomView-dicomThumbnailWrapper {\n  background-color: #353535;\n  border: 1px solid #727882;\n}\n.paladin-main-wrapper .paladin-dicomView-mobileWrapper {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  width: 0;\n  background: #1D1D1D;\n  padding-bottom: env(safe-area-inset-bottom);\n}\n.paladin-main-wrapper .paladin-dicomView-pcmobileWrapper {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  width: 0;\n}\nbutton:focus {\n  outline: none;\n}\n.paladin-flex {\n  display: flex;\n}\n.paladin-flex-row {\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: row;\n  flex-wrap: wrap;\n  flex: 0 1 auto;\n}\n.paladin-flex-col {\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  flex: 0 0 auto;\n}\n.paladin-flex-center {\n  justify-content: center;\n  align-items: center;\n}\n.paladin-flex-end {\n  justify-content: flex-end;\n}\n.paladin-flex-1 {\n  flex: 1;\n}\n.paladin-full-content {\n  width: 100%;\n  height: 100%;\n}\n.paladin-full-height {\n  height: 100%;\n}\n.paladin-full-width {\n  width: 100%;\n}\n.paladin-text-center {\n  text-align: center;\n}\n.paladin-global-loading {\n  position: absolute;\n  z-index: 9999;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.55);\n  color: #fff;\n  text-align: center;\n  font-size: 20px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paladin-global-loading .paladin-global-loading-close {\n  position: absolute;\n  z-index: 19999;\n  top: 10px;\n  right: 10px;\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n}\n.paladin-global-loading .paladin-global-loading-text {\n  margin-bottom: 100px;\n}\n";
-styleInject$1(css_248z$A);
-
-var css_248z$B = ".image-processing-container {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  background: black;\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  flex-direction: column;\n  z-index: 999;\n}\n.image-processing-container-content {\n  cursor: pointer;\n}\n.image-processing-container-content svg {\n  width: 50px;\n  height: 50px;\n  display: block;\n  margin: 15px auto 0 auto;\n  color: #999;\n}\n.paladin-three-wrapper {\n  width: 100%;\n  height: 100%;\n  color: white;\n  display: flex;\n}\n.paladin-three-horizontal-left {\n  width: 66.6%;\n  height: 100%;\n}\n.paladin-three-horizontal-right {\n  width: 33.4%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.paladin-three-vertical-top {\n  width: 100%;\n  height: 66.6%;\n  flex-direction: row;\n}\n.paladin-three-vertical-bottom {\n  width: 100%;\n  height: 33.4%;\n  display: flex;\n  flex-direction: row;\n}\n.paladin-three-height-55 {\n  width: 100%;\n  height: 55%;\n}\n.paladin-three-height-45 {\n  width: 100%;\n  height: 45%;\n}\n.paladin-three-height-50 {\n  width: 100%;\n  height: 50%;\n}\n.paladin-three-width-50 {\n  width: 50%;\n  height: 100%;\n}\n.paladin-three-height-33 {\n  width: 100%;\n  height: 33.333%;\n}\n.paladin-three-width-33 {\n  height: 100%;\n  width: 33.333%;\n}\n.paladin-three-relative {\n  position: relative;\n}\n.mip-wwwc {\n  position: absolute;\n  bottom: 15px;\n  left: 15px;\n}\n.mip-wwwc p {\n  color: #ffffff;\n  margin: 0;\n  text-align: right;\n}\n";
+var css_248z$B = ".paladin-main-wrapper svg {\n  width: 100%;\n  height: 100%;\n}\n.paladin-main-wrapper span,\n.paladin-main-wrapper div {\n  user-select: none;\n}\n.paladin-main-wrapper .paladin-dicomView-dicomToolWrapper {\n  background-color: #353535;\n  z-index: 2;\n}\n.paladin-main-wrapper .paladin-dicomView-dicomThumbnailWrapper {\n  background-color: #353535;\n  border: 1px solid #727882;\n}\n.paladin-main-wrapper .paladin-dicomView-mobileWrapper {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  width: 0;\n  background: #1D1D1D;\n  padding-bottom: env(safe-area-inset-bottom);\n}\n.paladin-main-wrapper .paladin-dicomView-pcmobileWrapper {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  width: 0;\n}\nbutton:focus {\n  outline: none;\n}\n.paladin-flex {\n  display: flex;\n}\n.paladin-flex-row {\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: row;\n  flex-wrap: wrap;\n  flex: 0 1 auto;\n}\n.paladin-flex-col {\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  flex: 0 0 auto;\n}\n.paladin-flex-center {\n  justify-content: center;\n  align-items: center;\n}\n.paladin-flex-end {\n  justify-content: flex-end;\n}\n.paladin-flex-1 {\n  flex: 1;\n}\n.paladin-full-content {\n  width: 100%;\n  height: 100%;\n}\n.paladin-full-height {\n  height: 100%;\n}\n.paladin-full-width {\n  width: 100%;\n}\n.paladin-text-center {\n  text-align: center;\n}\n.paladin-global-loading {\n  position: absolute;\n  z-index: 9999;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.55);\n  color: #fff;\n  text-align: center;\n  font-size: 20px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paladin-global-loading .paladin-global-loading-close {\n  position: absolute;\n  z-index: 19999;\n  top: 10px;\n  right: 10px;\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n}\n.paladin-global-loading .paladin-global-loading-text {\n  margin-bottom: 100px;\n}\n";
 styleInject$1(css_248z$B);
 
-function _createSuper$1w(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1w(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+var css_248z$C = ".image-processing-container {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  background: black;\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  flex-direction: column;\n  z-index: 999;\n}\n.image-processing-container-content {\n  cursor: pointer;\n}\n.image-processing-container-content svg {\n  width: 50px;\n  height: 50px;\n  display: block;\n  margin: 15px auto 0 auto;\n  color: #999;\n}\n.paladin-three-wrapper {\n  width: 100%;\n  height: 100%;\n  color: white;\n  display: flex;\n}\n.paladin-three-horizontal-left {\n  width: 66.6%;\n  height: 100%;\n}\n.paladin-three-horizontal-right {\n  width: 33.4%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.paladin-three-vertical-top {\n  width: 100%;\n  height: 66.6%;\n  flex-direction: row;\n}\n.paladin-three-vertical-bottom {\n  width: 100%;\n  height: 33.4%;\n  display: flex;\n  flex-direction: row;\n}\n.paladin-three-height-55 {\n  width: 100%;\n  height: 55%;\n}\n.paladin-three-height-45 {\n  width: 100%;\n  height: 45%;\n}\n.paladin-three-height-50 {\n  width: 100%;\n  height: 50%;\n}\n.paladin-three-width-50 {\n  width: 50%;\n  height: 100%;\n}\n.paladin-three-height-33 {\n  width: 100%;\n  height: 33.333%;\n}\n.paladin-three-width-33 {\n  height: 100%;\n  width: 33.333%;\n}\n.paladin-three-relative {\n  position: relative;\n}\n.mip-wwwc {\n  position: absolute;\n  bottom: 15px;\n  left: 15px;\n}\n.mip-wwwc p {\n  color: #ffffff;\n  margin: 0;\n  text-align: right;\n}\n";
+styleInject$1(css_248z$C);
 
-function _isNativeReflectConstruct$1w() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _createSuper$1x(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1x(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$1x() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var ThreeDLayout = /*#__PURE__*/function (_Component) {
   inherits(ThreeDLayout, _Component);
 
-  var _super = _createSuper$1w(ThreeDLayout);
+  var _super = _createSuper$1x(ThreeDLayout);
 
   function ThreeDLayout(props) {
     var _this;
@@ -52674,11 +52878,11 @@ var ThreeDLayout = /*#__PURE__*/function (_Component) {
 
 defineProperty(ThreeDLayout, "propTypes", {});
 
-function ownKeys$N(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$O(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$O(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$N(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$N(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$P(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$O(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$O(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$p = function mapStateToProps(state) {
+var mapStateToProps$q = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       currentSeries = _state$paladin$viewpo.currentSeries,
       mprActiveIndex = _state$paladin$viewpo.mprActiveIndex,
@@ -52694,8 +52898,8 @@ var mapStateToProps$p = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$o = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$O(_objectSpread$O(_objectSpread$O({}, propsFromState), ownProps), {}, {
+var mergeProps$p = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$P(_objectSpread$P(_objectSpread$P({}, propsFromState), ownProps), {}, {
     onViewPortCellClick: function onViewPortCellClick() {
       propsFromDispatch.setMprActiveIndex.apply(propsFromDispatch, arguments);
     },
@@ -52711,9 +52915,9 @@ var mergeProps$o = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedMPRLayout = reactRedux.connect(mapStateToProps$p, {
+var ConnectedMPRLayout = reactRedux.connect(mapStateToProps$q, {
   setMprActiveIndex: setMprActiveIndex
-}, mergeProps$o)(ThreeDLayout);
+}, mergeProps$p)(ThreeDLayout);
 
 function _createForOfIteratorHelper$d(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$f(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
@@ -52721,14 +52925,14 @@ function _unsupportedIterableToArray$f(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$f(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _createSuper$1x(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1x(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1y(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1y(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1x() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1y() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var ThreeDLayout$1 = /*#__PURE__*/function (_Component) {
   inherits(ThreeDLayout, _Component);
 
-  var _super = _createSuper$1x(ThreeDLayout);
+  var _super = _createSuper$1y(ThreeDLayout);
 
   function ThreeDLayout(props) {
     var _this;
@@ -52998,31 +53202,31 @@ var ThreeDLayout$1 = /*#__PURE__*/function (_Component) {
 
 defineProperty(ThreeDLayout$1, "propTypes", {});
 
-function ownKeys$O(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$P(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$P(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$O(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$O(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$Q(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$P(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$q = function mapStateToProps(state) {
+var mapStateToProps$r = function mapStateToProps(state) {
   var currentSeries = state.paladin.viewport.currentSeries;
   return {
     currentSeries: currentSeries
   };
 };
 
-var mergeProps$p = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$P(_objectSpread$P({}, propsFromState), ownProps);
+var mergeProps$q = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$Q(_objectSpread$Q({}, propsFromState), ownProps);
 };
 
-var ConnectedVR = reactRedux.connect(mapStateToProps$q, {}, mergeProps$p)(ThreeDLayout$1);
+var ConnectedVR = reactRedux.connect(mapStateToProps$r, {}, mergeProps$q)(ThreeDLayout$1);
 
-function _createSuper$1y(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1y(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1z(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1z(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1y() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1z() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var MIPLayout = /*#__PURE__*/function (_Component) {
   inherits(MIPLayout, _Component);
 
-  var _super = _createSuper$1y(MIPLayout);
+  var _super = _createSuper$1z(MIPLayout);
 
   function MIPLayout(props) {
     var _this;
@@ -53240,24 +53444,24 @@ var MIPLayout = /*#__PURE__*/function (_Component) {
 
 defineProperty(MIPLayout, "propTypes", {});
 
-function ownKeys$P(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$Q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$Q(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$P(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$R(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$Q(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$Q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var mapStateToProps$r = function mapStateToProps(state) {
+var mapStateToProps$s = function mapStateToProps(state) {
   var currentSeries = state.paladin.viewport.currentSeries;
   return {
     currentSeries: currentSeries
   };
 };
 
-var mergeProps$q = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$Q(_objectSpread$Q(_objectSpread$Q({}, propsFromState), propsFromDispatch), ownProps);
+var mergeProps$r = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+  return _objectSpread$R(_objectSpread$R(_objectSpread$R({}, propsFromState), propsFromDispatch), ownProps);
 };
 
-var ConnectedMIP = reactRedux.connect(mapStateToProps$r, {
+var ConnectedMIP = reactRedux.connect(mapStateToProps$s, {
   set3DActiveTool: set3DActiveTool
-}, mergeProps$q)(MIPLayout);
+}, mergeProps$r)(MIPLayout);
 
 function colorMapFix(viewportData) {
   viewportData.imageViewports = lodash$1.map(viewportData.imageViewports, function (seriesViewportArr) {
@@ -53272,15 +53476,15 @@ function colorMapFix(viewportData) {
   return viewportData;
 }
 
-function ownKeys$Q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$R(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$R(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$Q(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$Q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$S(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$R(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 /**
  * 全部模式
  *
  */
 
-var mapStateToProps$s = function mapStateToProps(state) {
+var mapStateToProps$t = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       imageActiveIndex = _state$paladin$viewpo.imageActiveIndex,
       linkImageIndex = _state$paladin$viewpo.linkImageIndex,
@@ -53343,7 +53547,7 @@ var mapDispatchToProps$5 = function mapDispatchToProps(dispatch) {
   };
 };
 
-var mergeProps$r = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$s = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var imageActiveIndex = propsFromState.imageActiveIndex,
       linkImageIndex = propsFromState.linkImageIndex,
       activeIndex = propsFromState.activeIndex,
@@ -53379,7 +53583,7 @@ var mergeProps$r = function mergeProps(propsFromState, propsFromDispatch, ownPro
   var endIndex = startIndex + onePageCount;
   var series = allSeries.slice(startIndex, endIndex);
   var showVerticalScroll = series && series.length / col > row;
-  return _objectSpread$R(_objectSpread$R(_objectSpread$R(_objectSpread$R({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$S(_objectSpread$S(_objectSpread$S(_objectSpread$S({}, ownProps), propsFromState), propsFromDispatch), {}, {
     currentScrollLine: currentScrollLineImage,
     series: series,
     activeIndex: imageActiveIndex,
@@ -53493,7 +53697,7 @@ var mergeProps$r = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomAllImageModeLayout = reactRedux.connect(mapStateToProps$s, mapDispatchToProps$5, mergeProps$r)(DicomLayout);
+var ConnectedDicomAllImageModeLayout = reactRedux.connect(mapStateToProps$t, mapDispatchToProps$5, mergeProps$s)(DicomLayout);
 
 function _createForOfIteratorHelper$e(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$g(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; } } }; }
 
@@ -53501,9 +53705,9 @@ function _unsupportedIterableToArray$g(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$g(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _createSuper$1z(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1z(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
+function _createSuper$1A(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1A(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct$1z() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$1A() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var DicomLayoutContainerWrap = function DicomLayoutContainerWrap(props) {
   return /*#__PURE__*/React__default.createElement("div", {
@@ -53551,7 +53755,7 @@ index$2.configure({
 var DicomView = /*#__PURE__*/function (_Component) {
   inherits(DicomView, _Component);
 
-  var _super = _createSuper$1z(DicomView);
+  var _super = _createSuper$1A(DicomView);
 
   function DicomView(props) {
     var _this;
@@ -54061,7 +54265,6 @@ var DicomView = /*#__PURE__*/function (_Component) {
       var DicomThumbnail = /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-dicomView-dicomThumbnailWrapper"
       }, /*#__PURE__*/React__default.createElement(ConnectedDicomThumbnail, {
-        isMobile: isMobile,
         study: this.state.study,
         onRefresh: onRefresh
       }));
@@ -54146,13 +54349,13 @@ function _unsupportedIterableToArray$h(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$h(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function ownKeys$R(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$S(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$S(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$R(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$T(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$S(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$S(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var scroll$1 = cornerstoneTools.importInternal('util/scroll');
 var throttle$9 = cornerstoneTools.importInternal('util/throttle');
 
-var mapStateToProps$t = function mapStateToProps(state) {
+var mapStateToProps$u = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
       activeIndex = _state$paladin$viewpo.activeIndex,
       imageActiveIndex = _state$paladin$viewpo.imageActiveIndex,
@@ -54219,7 +54422,7 @@ var mapStateToProps$t = function mapStateToProps(state) {
   };
 };
 
-var mergeProps$s = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
+var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
   var activeIndex = propsFromState.activeIndex,
       imageActiveIndex = propsFromState.imageActiveIndex,
       MPR = propsFromState.MPR,
@@ -54309,7 +54512,7 @@ var mergeProps$s = function mergeProps(propsFromState, propsFromDispatch, ownPro
    *
    */
 
-  return _objectSpread$S(_objectSpread$S(_objectSpread$S({}, ownProps), propsFromState), {}, {
+  return _objectSpread$T(_objectSpread$T(_objectSpread$T({}, ownProps), propsFromState), {}, {
     showDicomThumbnail: showDicomThumbnail,
     viewMode: viewMode,
     keyMap: {
@@ -54729,7 +54932,7 @@ var mergeProps$s = function mergeProps(propsFromState, propsFromDispatch, ownPro
                     imageIds.push(imageId);
                   }
 
-                  series[i] = _objectSpread$S(_objectSpread$S({}, item), {}, {
+                  series[i] = _objectSpread$T(_objectSpread$T({}, item), {}, {
                     imageIds: imageIds,
                     numberOfSeriesRelatedInstances: numFrames,
                     isMultiFrame: true
@@ -54794,7 +54997,7 @@ var mergeProps$s = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
                 callback && callback({
                   hasChange: hasMultiFrame,
-                  study: [_objectSpread$S(_objectSpread$S({}, ownProps.study[0]), {}, {
+                  study: [_objectSpread$T(_objectSpread$T({}, ownProps.study[0]), {}, {
                     series: series
                   })]
                 }); // 如果有frameTime的话设置fps
@@ -54872,7 +55075,7 @@ var mergeProps$s = function mergeProps(propsFromState, propsFromDispatch, ownPro
   });
 };
 
-var ConnectedDicomView = reactRedux.connect(mapStateToProps$t, {
+var ConnectedDicomView = reactRedux.connect(mapStateToProps$u, {
   initSeries: initSeries,
   addSeries: addSeries,
   setCurrentSeries: setCurrentSeries,
@@ -54895,7 +55098,7 @@ var ConnectedDicomView = reactRedux.connect(mapStateToProps$t, {
   setCineFps: setCineFps,
   closeGlobalLoading: closeGlobalLoading,
   setKeyImage: setKeyImage
-}, mergeProps$s, withRef())(DicomView);
+}, mergeProps$t, withRef())(DicomView);
 
 function withRef() {
   var reactReduxVersion = package_json.version.split('.')[0];