hellfire 0.22.0 → 0.22.1

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [0.22.1](http://10.16.100.57/diffusion/115/paladin/compare/v0.22.0...v0.22.1) (2022-07-07)
+
+
+
 # [0.22.0](http://10.16.100.57/diffusion/115/paladin/compare/v0.21.4...v0.22.0) (2022-07-06)
 
 

package/dist/index.js

@@ -114,7 +114,7 @@ var vrPhoneTools = ["MprExit", "VRMode", "VRPresentColor", "VRCenterPointShow",
 var surgeryTools = ["SurgeryExit", "CentesisStart", "CentesisEnd", "CentesisSave", "PrevNext", "StackScroll", "Wwwc", "Zoom", "Pan", "Reset", "Rotate", "Tool", "Length", "Fullscreen"];
 var surgeryPhoneTools = ["SurgeryExit", "CentesisStart", "CentesisEnd", "CentesisSave", "Prev", "Next", "StackScroll", "Wwwc", "Zoom", "Pan", "Reset", "Rotate", "Tool", "Length"]; // MIP 允许使用的工具, 及其排序
 
-var mipTools = ["MprExit", "MipWWWc", "MipRotate", "MipZoom", "VRDirection", "VRRefresh"]; // 初始化时工具栏平铺or单列
+var mipTools = ["MprExit", "MipWWWc", "MipRotate", "MipZoom", "VRDirection", "VRCine", "VRRefresh"]; // 初始化时工具栏平铺or单列
 
 var initToolMode = 'flatten';
 var localToolMode = window.localStorage.getItem('hellfire-custom-toolMode');
@@ -42138,7 +42138,7 @@ var _default$X = ConnectedVRMode;
   leaveModule && leaveModule(module);
 })();
 
-var css_248z$d = ".paladin-tool-go-flatten {\n  cursor: pointer;\n  font-size: 12px;\n  height: 32px;\n  text-align: center;\n  border-bottom: 1px solid #fff;\n  background: #353535;\n  position: relative;\n  z-index: 999;\n  color: #fff;\n}\n.paladin-tool-go-flatten svg {\n  width: 7px !important;\n  color: #fff;\n}\n.paladin-tool-go-flatten:hover {\n  background: #d4d4d4;\n}\n.paladin-tool-go-flatten:hover svg {\n  color: #333;\n}\n.paladin-tool-go-line {\n  cursor: pointer;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  right: 0;\n  margin-top: 6px;\n  height: 34px;\n}\n.paladin-tool-go-line .paladin-full-content {\n  width: 24px;\n}\n.paladin-tool-go-line svg {\n  width: 8px !important;\n  color: #fff;\n}\n.paladin-tool-go-line:hover {\n  background: #d4d4d4;\n}\n.paladin-tool-go-line:hover svg {\n  color: #333;\n}\n.paladin-tool-item {\n  background: #fff;\n  padding: 5px 0;\n  min-width: 160px;\n  max-width: 280px;\n}\n.paladin-tool-lg-content {\n  border-bottom: 1px solid #5b5b5b;\n}\n.paladin-tool-lg-content .paladin-tool-lg-item {\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  flex: 1;\n  border-top: 1px solid #5b5b5b;\n  color: #b0b0b0;\n  font-size: 12px;\n  text-align: center;\n  padding: 8px 10px;\n  cursor: pointer;\n}\n.paladin-tool-lg-content .paladin-tool-lg-item:last-child {\n  border-left: 1px solid #5b5b5b;\n}\n.paladin-tool-lg-content .paladin-tool-lg-item:hover {\n  color: #fff;\n}\n.paladin-tool-lg-content .paladin-tool-lg-item-active {\n  background: #0d5075;\n  color: #fff;\n}\n.paladin-tool-flatten-vertical-wrapper {\n  width: 228px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.paladin-tool-flatten-vertical-wrapper .paladin-tool-nav-wrapper {\n  margin: 6px 2px;\n}\n.paladin-tool-flatten-vertical-wrapper .paladin-tool-nav {\n  cursor: pointer;\n  font-size: 13px;\n  color: #e2e2e2;\n  padding: 8px 10px;\n  border-top: 1px solid #5b5b5b;\n  border-bottom: 1px solid #5b5b5b;\n  border-left: 1px solid #5b5b5b;\n}\n.paladin-tool-flatten-vertical-wrapper .paladin-tool-qa {\n  cursor: pointer;\n  margin-left: 15px;\n  color: #e2e2e2;\n}\n.paladin-tool-flatten-vertical-wrapper .paladin-tool-qa svg {\n  width: 22px;\n}\n.paladin-tool-flatten-vertical-wrapper .paladin-tool-nav-active {\n  color: #c8c8c8;\n  background-color: #5b5b5b;\n}\n.paladin-tool-flatten-vertical-wrapper .paladin-tool-space-line {\n  border-top: 1px solid gray;\n  margin-top: 6px;\n  padding-top: 6px;\n}\n.paladin-tool-flatten-hor-wrapper {\n  position: relative;\n  z-index: 100;\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-flatten-hor-go-line {\n  display: flex;\n  flex-direction: column;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-flatten-hor-go-line .paladin-flatten-hor-go-line-content {\n  width: 24px;\n  height: 100%;\n  text-align: center;\n  line-height: 100%;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-flatten-hor-go-line .paladin-flatten-hor-go-line-content svg {\n  width: 10px !important;\n  color: #fff;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-flatten-hor-go-line .paladin-flatten-hor-go-line-content:hover {\n  background: #d4d4d4;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-flatten-hor-go-line .paladin-flatten-hor-go-line-content:hover svg {\n  color: #333;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-tool-nav-wrapper {\n  padding: 5px;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-tool-nav {\n  cursor: pointer;\n  font-size: 13px;\n  color: #e2e2e2;\n  padding: 8px 10px;\n  border: 1px solid #5b5b5b;\n  margin-bottom: 5px;\n  text-align: center;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-tool-qa {\n  cursor: pointer;\n  margin: 5px auto;\n  color: #e2e2e2;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-tool-qa svg {\n  width: 20px;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-tool-nav-active {\n  color: #c8c8c8;\n  background-color: #5b5b5b;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-tool-lg-item {\n  border: 1px solid #5b5b5b;\n}\n.paladin-tool-space-line-3d {\n  border-top: 1px solid gray;\n  margin-top: 6px;\n}\n.paladin-tool-space-line-mip {\n  margin-top: 6px;\n  padding-top: 6px;\n}\n.paladin-tool-subtitle {\n  font-size: 12px;\n  color: gray;\n  padding: 4px 2px 3px 2px;\n}\n.paladin-hor-border {\n  border-right: 1px solid #666;\n  margin-right: 6px;\n}\n.paladin-hor-three-content {\n  position: relative;\n  padding-left: 13px;\n}\n.paladin-hor-three-content .paladin-hor-three-title {\n  position: absolute;\n  left: 0;\n  top: 2px;\n  width: 12px;\n  font-size: 12px;\n  word-break: break-all;\n  color: gray;\n}\n";
+var css_248z$d = ".paladin-tool-go-flatten {\n  cursor: pointer;\n  font-size: 12px;\n  height: 32px;\n  text-align: center;\n  border-bottom: 1px solid #fff;\n  background: #353535;\n  position: relative;\n  z-index: 999;\n  color: #fff;\n}\n.paladin-tool-go-flatten svg {\n  width: 7px !important;\n  color: #fff;\n}\n.paladin-tool-go-flatten:hover {\n  background: #d4d4d4;\n}\n.paladin-tool-go-flatten:hover svg {\n  color: #333;\n}\n.paladin-tool-go-line {\n  cursor: pointer;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  right: 0;\n  margin-top: 6px;\n  height: 34px;\n}\n.paladin-tool-go-line .paladin-full-content {\n  width: 24px;\n}\n.paladin-tool-go-line svg {\n  width: 8px !important;\n  color: #fff;\n}\n.paladin-tool-go-line:hover {\n  background: #d4d4d4;\n}\n.paladin-tool-go-line:hover svg {\n  color: #333;\n}\n.paladin-tool-item {\n  background: #fff;\n  padding: 5px 0;\n  min-width: 160px;\n  max-width: 280px;\n}\n.paladin-tool-lg-content {\n  border-bottom: 1px solid #5b5b5b;\n}\n.paladin-tool-lg-content .paladin-tool-lg-item {\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  flex: 1;\n  border-top: 1px solid #5b5b5b;\n  color: #b0b0b0;\n  font-size: 12px;\n  text-align: center;\n  padding: 8px 10px;\n  cursor: pointer;\n}\n.paladin-tool-lg-content .paladin-tool-lg-item:last-child {\n  border-left: 1px solid #5b5b5b;\n}\n.paladin-tool-lg-content .paladin-tool-lg-item:hover {\n  color: #fff;\n}\n.paladin-tool-lg-content .paladin-tool-lg-item-active {\n  background: #0d5075;\n  color: #fff;\n}\n.paladin-tool-flatten-vertical-wrapper {\n  width: 228px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.paladin-tool-flatten-vertical-wrapper .paladin-tool-nav-wrapper {\n  margin: 6px 2px;\n}\n.paladin-tool-flatten-vertical-wrapper .paladin-tool-nav {\n  cursor: pointer;\n  font-size: 13px;\n  color: #e2e2e2;\n  padding: 8px 10px;\n  border-top: 1px solid #5b5b5b;\n  border-bottom: 1px solid #5b5b5b;\n  border-left: 1px solid #5b5b5b;\n}\n.paladin-tool-flatten-vertical-wrapper .paladin-tool-qa {\n  cursor: pointer;\n  margin-left: 15px;\n  color: #e2e2e2;\n}\n.paladin-tool-flatten-vertical-wrapper .paladin-tool-qa svg {\n  width: 22px;\n}\n.paladin-tool-flatten-vertical-wrapper .paladin-tool-nav-active {\n  color: #c8c8c8;\n  background-color: #5b5b5b;\n}\n.paladin-tool-flatten-vertical-wrapper .paladin-tool-space-line {\n  border-top: 1px solid gray;\n  margin-top: 6px;\n  padding-top: 6px;\n}\n.paladin-tool-flatten-hor-wrapper {\n  position: relative;\n  z-index: 100;\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-flatten-hor-go-line {\n  display: flex;\n  flex-direction: column;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-flatten-hor-go-line .paladin-flatten-hor-go-line-content {\n  width: 24px;\n  height: 100%;\n  text-align: center;\n  line-height: 100%;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-flatten-hor-go-line .paladin-flatten-hor-go-line-content svg {\n  width: 10px !important;\n  color: #fff;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-flatten-hor-go-line .paladin-flatten-hor-go-line-content:hover {\n  background: #d4d4d4;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-flatten-hor-go-line .paladin-flatten-hor-go-line-content:hover svg {\n  color: #333;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-tool-nav-wrapper {\n  padding: 5px;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-tool-nav {\n  cursor: pointer;\n  font-size: 13px;\n  color: #e2e2e2;\n  padding: 8px 10px;\n  border: 1px solid #5b5b5b;\n  margin-bottom: 5px;\n  text-align: center;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-tool-qa {\n  cursor: pointer;\n  margin: 5px auto;\n  color: #e2e2e2;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-tool-qa svg {\n  width: 20px;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-tool-nav-active {\n  color: #c8c8c8;\n  background-color: #5b5b5b;\n}\n.paladin-tool-flatten-hor-wrapper .paladin-tool-lg-item {\n  border: 1px solid #5b5b5b;\n}\n.paladin-tool-space-line-3d {\n  border-top: 1px solid gray;\n  margin-top: 6px;\n}\n.paladin-tool-space-line-mip {\n  margin-top: 6px;\n  padding-top: 6px;\n}\n.paladin-tool-subtitle {\n  font-size: 12px;\n  color: gray;\n  padding: 4px 2px 3px 2px;\n}\n.paladin-hor-border {\n  border-right: 1px solid #666;\n  margin-right: 6px;\n}\n.paladin-hor-three-content {\n  position: relative;\n  padding-left: 13px;\n}\n.paladin-hor-three-content .paladin-hor-three-title {\n  position: absolute;\n  left: 0;\n  top: 2px;\n  width: 12px;\n  font-size: 12px;\n  word-break: break-all;\n  color: gray;\n}\n.paladin-hor-three-content .paladin-hor-three-title-bottom {\n  position: absolute;\n  top: 2px;\n  width: 12px;\n  font-size: 12px;\n  word-break: break-all;\n  color: gray;\n  left: 0;\n  top: 80px;\n}\n";
 styleInject$1(css_248z$d);
 
 (function () {
@@ -45125,7 +45125,7 @@ var SvgCaretLeft = function SvgCaretLeft(props) {
   }, props), _ref$1a);
 };
 
-var css_248z$h = ".paladin-vr-cine {\n  font-size: 14px;\n  color: #c0c0c0;\n}\n.paladin-vr-cine .paladin-vr-cine-click {\n  cursor: pointer;\n}\n.paladin-vr-cine .paladin-vr-cine-active {\n  cursor: pointer;\n  background: #0d5075;\n  color: #fff;\n}\n.paladin-vr-cine .paladin-vr-cine-active svg {\n  fill: #fff;\n}\n.paladin-vr-cine svg {\n  width: 12px !important;\n  height: 12px !important;\n  fill: #c0c0c0;\n}\n.paladin-vr-cine .paladin-vr-cine-row {\n  padding: 3px 0;\n  width: 100%;\n  height: 40px;\n}\n.paladin-vr-cine .paladin-vr-cine-speed {\n  padding-left: 12px;\n}\n.paladin-vr-cine .paladin-vr-cine-speed .paladin-cine-label {\n  font-size: 12px;\n  justify-content: center;\n  white-space: nowrap;\n}\n.paladin-vr-cine .paladin-vr-cine-speed .paladin-cine-input {\n  justify-content: center;\n  align-items: center;\n}\n.paladin-vr-cine .paladin-vr-cine-speed .paladin-cine-input input {\n  height: 20px;\n  padding: 0;\n  width: 80%;\n  border-color: #c0c0c0;\n  color: #c0c0c0;\n}\n.paladin-vr-cine .paladin-vr-cine-angle {\n  font-size: 12px;\n  padding-left: 12px;\n  padding-right: 5px;\n  margin: 5px 0;\n}\n.paladin-vr-cine .paladin-vr-cine-angle .paladin-vr-cine-angle-item {\n  border: 1px solid #666;\n  margin-left: 5px;\n  justify-content: center;\n  align-items: center;\n}\n.paladin-vr-cine .paladin-vr-cine-angle .paladin-vr-cine-angle-item-active {\n  background: #7f7f7f;\n  color: #333;\n}\n";
+var css_248z$h = ".paladin-vr-cine {\n  min-width: 220px;\n  font-size: 14px;\n  color: #c0c0c0;\n  background: #353535;\n  padding-bottom: 8px;\n}\n.paladin-vr-cine .paladin-vr-cine-click {\n  cursor: pointer;\n}\n.paladin-vr-cine .paladin-vr-cine-active {\n  cursor: pointer;\n  background: #0d5075;\n  color: #fff;\n}\n.paladin-vr-cine .paladin-vr-cine-active svg {\n  fill: #fff;\n}\n.paladin-vr-cine svg {\n  width: 12px !important;\n  height: 12px !important;\n  fill: #c0c0c0;\n}\n.paladin-vr-cine .paladin-vr-cine-row {\n  padding: 3px 0;\n  width: 100%;\n  height: 40px;\n}\n.paladin-vr-cine .paladin-vr-cine-speed {\n  padding-left: 12px;\n}\n.paladin-vr-cine .paladin-vr-cine-speed .paladin-cine-label {\n  font-size: 12px;\n  justify-content: center;\n  white-space: nowrap;\n}\n.paladin-vr-cine .paladin-vr-cine-speed .paladin-cine-input {\n  justify-content: center;\n  align-items: center;\n}\n.paladin-vr-cine .paladin-vr-cine-speed .paladin-cine-input input {\n  height: 20px;\n  padding: 0;\n  width: 80%;\n  border-color: #c0c0c0;\n  color: #c0c0c0;\n}\n.paladin-vr-cine .paladin-vr-cine-angle {\n  font-size: 12px;\n  padding-left: 12px;\n  padding-right: 5px;\n  margin: 5px 0;\n}\n.paladin-vr-cine .paladin-vr-cine-angle .paladin-vr-cine-angle-item {\n  border: 1px solid #666;\n  margin-left: 5px;\n  justify-content: center;\n  align-items: center;\n}\n.paladin-vr-cine .paladin-vr-cine-angle .paladin-vr-cine-angle-item-active {\n  background: #7f7f7f;\n  color: #333;\n}\n";
 styleInject$1(css_248z$h);
 
 (function () {
@@ -45435,19 +45435,37 @@ var mergeProps$b = function mergeProps(propsFromState, propsFromDispatch, ownPro
     onRowClick: function onRowClick(key, value) {
       switch (key) {
         case 'startHorizontal':
-          startHorizontal();
-          setActionStateByKey({
-            key: 'VRCine',
-            value: 'horizontal'
-          });
+          if (VRCine && VRCine === 'horizontal') {
+            stopCameraAutoPlay();
+            setActionStateByKey({
+              key: 'VRCine',
+              value: null
+            });
+          } else {
+            startHorizontal();
+            setActionStateByKey({
+              key: 'VRCine',
+              value: 'horizontal'
+            });
+          }
+
           break;
 
         case 'startVertical':
-          startVertical();
-          setActionStateByKey({
-            key: 'VRCine',
-            value: 'vertical'
-          });
+          if (VRCine && VRCine === 'vertical') {
+            stopCameraAutoPlay();
+            setActionStateByKey({
+              key: 'VRCine',
+              value: null
+            });
+          } else {
+            startVertical();
+            setActionStateByKey({
+              key: 'VRCine',
+              value: 'vertical'
+            });
+          }
+
           break;
 
         case 'pause':
@@ -45499,9 +45517,6 @@ var mergeProps$b = function mergeProps(propsFromState, propsFromDispatch, ownPro
 };
 
 var ConnectedVRCine = reactRedux.connect(mapStateToProps$b, {
-  setCineFps: setCineFps,
-  activeDicomFunction: activeDicomFunction,
-  setCineDireaction: setCineDireaction,
   setActionStateByKey: setActionStateByKey
 }, mergeProps$b)(Cine$1);
 var _default$Y = ConnectedVRCine;
@@ -46122,7 +46137,9 @@ var DicomToolFlattenMode$1 = /*#__PURE__*/function (_Component) {
           key: "tool-mip2-".concat(i),
           data: toolsMap[item]
         }));
-      }))), /*#__PURE__*/React__default.createElement("div", {
+      })), /*#__PURE__*/React__default.createElement("div", {
+        className: "paladin-hor-three-title-bottom"
+      }, "\u64AD\u653E"), /*#__PURE__*/React__default.createElement(_default$Y, null)), /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-flex-col paladin-flex-1 paladin-tool-lg-content",
         style: {
           flex: 2
@@ -47021,9 +47038,11 @@ var DicomTool = /*#__PURE__*/function (_Component) {
         }
       },
       VRCine: {
-        name: 'VRCine',
-        component: _default$Y,
-        inActive: true
+        label: "播放",
+        name: "VRCine",
+        tooltip: "自动播放",
+        component: /*#__PURE__*/React__default.createElement(SvgVideo, null),
+        popover: _default$Y
       }
     };
     return _this;
@@ -54901,11 +54920,9 @@ var __signature__$3j = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoa
 };
 
 var mapStateToProps$k = function mapStateToProps(state) {
-  var _state$paladin$viewpo = state.paladin.viewport,
-      series = _state$paladin$viewpo.series,
-      activeIndex = _state$paladin$viewpo.activeIndex;
+  var currentSeries = state.paladin.viewport.currentSeries;
   return {
-    currentSeries: series[activeIndex]
+    currentSeries: currentSeries
   };
 };
 
@@ -55204,11 +55221,9 @@ var __signature__$3l = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoa
 };
 
 var mapStateToProps$l = function mapStateToProps(state) {
-  var _state$paladin$viewpo = state.paladin.viewport,
-      series = _state$paladin$viewpo.series,
-      activeIndex = _state$paladin$viewpo.activeIndex;
+  var currentSeries = state.paladin.viewport.currentSeries;
   return {
-    currentSeries: series[activeIndex]
+    currentSeries: currentSeries
   };
 };