hellfire 0.21.0 → 0.21.3

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 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.21.3](http://10.16.100.57/diffusion/115/paladin/compare/v0.21.2...v0.21.3) (2022-06-28)
+
+
+
+## [0.21.2](http://10.16.100.57/diffusion/115/paladin/compare/v0.21.1...v0.21.2) (2022-06-24)
+
+
+
+## [0.21.1](http://10.16.100.57/diffusion/115/paladin/compare/v0.21.0...v0.21.1) (2022-06-22)
+
+
+
 # [0.21.0](http://10.16.100.57/diffusion/115/paladin/compare/v0.20.7...v0.21.0) (2022-06-21)
 
 

package/dist/index.js

@@ -859,7 +859,12 @@ var MessagerKeys = {
    * 完成裁剪操作
    * 消息参数类型: null
    */
-  MipFinishClipPathExport: "2001"
+  MipFinishClipPathExport: "2001",
+
+  /**
+   * 调窗操作
+   */
+  MipWwwcChange: "2002"
 };
 var _default$1 = {
   MessagerKeys: MessagerKeys
@@ -14184,7 +14189,7 @@ var ImageProcessorWorkerBase = /*#__PURE__*/function () {
         if (param.images.length <= 3) throw new LoadImageException("序列影像数不能少于3张");
         var logger = new RuntimeLogger(this.loadImages.name);
         this.init(param);
-        this.loadImagesInternal(ImageProcessorWorkerBase.converToImageModel(param.images));
+        this.loadImagesInternal(ImageProcessorWorkerBase.converToImageModel(param.images), param);
         logger.dispose();
       } catch (err) {
         if (err instanceof ImageProcessExceptionBase) console.log(err.message);
@@ -14303,7 +14308,7 @@ var ImageProcessorWorkerBase = /*#__PURE__*/function () {
 
   }, {
     key: "loadImagesInternal",
-    value: function loadImagesInternal(images) {// 子集需要各自实现的方法
+    value: function loadImagesInternal(images, param) {// 子集需要各自实现的方法
     }
   }, {
     key: "rocessInternal",
@@ -20574,7 +20579,7 @@ var MipImageProcessorWorkerImpl = /*#__PURE__*/function (_ImageProcessorWorker)
       _this.actionParameter = new MipActionParameterImpl({
         messageGroupId: _this.messageGroupId,
         reconstructMethodType: reconstructMethodType,
-        sampleDistance: 0.5,
+        sampleDistance: 0.35,
         mouseActionMode: InteractorStyleActionMode.WindowLevel
       });
     } else {
@@ -20704,7 +20709,7 @@ var MipImageProcessorWorkerImpl = /*#__PURE__*/function (_ImageProcessorWorker)
   }, {
     key: "loadImagesInternal",
     value: function () {
-      var _loadImagesInternal = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(images) {
+      var _loadImagesInternal = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(images, param) {
         var imagesT, lastImage;
         return regenerator.wrap(function _callee2$(_context2) {
           while (1) {
@@ -20733,7 +20738,11 @@ var MipImageProcessorWorkerImpl = /*#__PURE__*/function (_ImageProcessorWorker)
                   this.renderer.getActiveCameraAndResetIfCreated();
                   this.activeCamera = this.renderer.getActiveCamera(); //this.renderer.createLight();
 
-                  this.activeCamera.setParallelProjection(true); //this.activeCamera.zoom(0.85); // todo
+                  this.activeCamera.setParallelProjection(true);
+
+                  if (param.viewportSize) {
+                    this.activeCamera.zoom(param.viewportSize);
+                  }
 
                   this.renderer.updateLightsGeometryToFollowCamera();
                   this.imageViewDirectionParam = computeImageViewDirection(this.firstImageMatrix);
@@ -20756,7 +20765,7 @@ var MipImageProcessorWorkerImpl = /*#__PURE__*/function (_ImageProcessorWorker)
         }, _callee2, this);
       }));
 
-      function loadImagesInternal(_x) {
+      function loadImagesInternal(_x, _x2) {
         return _loadImagesInternal.apply(this, arguments);
       }
 
@@ -20796,7 +20805,7 @@ var MipImageProcessorWorkerImpl = /*#__PURE__*/function (_ImageProcessorWorker)
         }, _callee3, this);
       }));
 
-      function processInternal(_x2) {
+      function processInternal(_x3) {
         return _processInternal.apply(this, arguments);
       }
 
@@ -21224,8 +21233,6 @@ var MipImageProcessorWorkerImpl = /*#__PURE__*/function (_ImageProcessorWorker)
 
         last = aSegment.endPixel;
       });
-      this.opacityTransformFunction.addPoint(ImageProcessorWorkerBase.ctValueToImageValue(last + 0.5, this.rescaleSlop, this.rescaleIntercept), //last+0.5,
-      1);
       if (this._canRender) this.renderWindow.render();
     }
   }, {
@@ -21412,8 +21419,14 @@ var MipImageProcessorWorkerImpl = /*#__PURE__*/function (_ImageProcessorWorker)
         var maxValue = this.windowMaxPixel; //  mip 在窗宽范围内线性变化
 
         if (this.actionParameter.reconstructMethodType === ReconstructMethodType.MIP) {
-          colorSegments = [new MipPixelSegment(minValue, 0x5A5A5A, maxValue, 0xFFFFFF)];
-          opacitySegments = [new MipPixelSegment(minValue, 0.02, maxValue, 0.99)];
+          colorSegments = [new MipPixelSegment(minValue, 0xFFFFFF, maxValue, 0xFFFFFF)];
+          var range = maxValue - minValue;
+          opacitySegments = [new MipPixelSegment(Math.floor(minValue), 0.01, Math.floor(minValue + range * 0.15), 0.1), new MipPixelSegment(Math.floor(minValue + range * 0.15), 0.25, Math.floor(minValue + range * 0.75), 0.97), new MipPixelSegment(Math.floor(minValue + range * 0.75), 0.97, Math.floor(maxValue), 1)]; // colorSegments = [
+          //     new MipPixelSegment(minValue, 0x5A5A5A, maxValue, 0xFFFFFF),
+          // ];
+          // opacitySegments = [
+          //     new MipPixelSegment(minValue, 0.02, maxValue, 0.99),
+          // ];
         } else {
           colorSegments = [new MipPixelSegment(minValue, 0x555555, minValue + (maxValue - minValue) * 0.3, 0x888888), new MipPixelSegment(minValue + (maxValue - minValue) * 0.3, 0xBFAE96, minValue + (maxValue - minValue) * 2, 0xBFAE96), new MipPixelSegment(minValue + (maxValue - minValue) * 2, 0xBFAE96, minValue + (maxValue - minValue) * 100, 0xffffff)];
           opacitySegments = [new MipPixelSegment(minValue, 0, minValue + (maxValue - minValue) * 0.3, 0.1), new MipPixelSegment(minValue + (maxValue - minValue) * 2, 0.6, minValue + (maxValue - minValue) * 100, 0.99)];
@@ -21425,7 +21438,10 @@ var MipImageProcessorWorkerImpl = /*#__PURE__*/function (_ImageProcessorWorker)
         this.actionParameter.addTailOpacityTransformSegments(opacitySegments);
         this.updateColorFunction();
         this.updateOpacityTransform();
-      }
+      } // 窗宽窗值
+
+
+      Messager.Instance.call(_default$1.MessagerKeys.MipWwwcChange, this.messageGroupId, this.volumeWindowLevel);
     }
   }, {
     key: "releaseVTKComponent",
@@ -44197,47 +44213,18 @@ var SvgMpr = function SvgMpr(props) {
 
 function _extends$18() { _extends$18 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$18.apply(this, arguments); }
 
-var _ref$16 = /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", {
-  id: "mip_svg__a"
-}, /*#__PURE__*/React__default.createElement("path", {
-  "data-name": "\\u8DEF\\u5F84 1657",
-  d: "M136.15 83.17l-.65-37.27 6.439 4.683.65 37.27z",
-  transform: "translate(-135.5 -45.9)"
-})));
-
-var _ref2$e = /*#__PURE__*/React__default.createElement("path", {
-  "data-name": "\\u51CF\\u53BB 8",
-  d: "M51.964 113.499a12.506 12.506 0 01-6.435-1.853L6.508 89.662a9.941 9.941 0 01-4.768-4.077 12.315 12.315 0 01-1.742-6.462v-44.75a11.358 11.358 0 011.742-5.91 14.368 14.368 0 014.764-4.691L45.532 1.855a9.449 9.449 0 015.8-1.853 12.477 12.477 0 016.431 1.853l39.028 21.917c4.011 1.621 6.5 5.683 6.5 10.6v44.75c0 4.041-2.493 8.079-6.506 10.539L57.76 111.645a9.461 9.461 0 01-5.796 1.854zm-8.643-30.406l8.322 4.814a25.6 25.6 0 0012.742 3.84 19.773 19.773 0 009.368-2.409l1.27-.741c2.689-1.7 4.034-3.5 4-5.337-.048-2.312-2.277-4.754-6.626-7.26l-13.984-8.062-33.435 19.449 5.532 3.186 12.813-7.479zM55.287 9.139v45.526c.679.434 1.012.631 2 1.216l.144.085L94.314 76.65V34.372a4.29 4.29 0 00-2.473-4.029l-36.553-21.2zM16.526 28.466l-5.857 3.371.13 35.122 5.008-2.925-.063-24.129.13-.13 9.041 18.992 2.2-1.25 2.164-1.253 8.9-29.369.131-.063.063 24.165 5.012-2.9-.067-35.059-5.851 3.383-10.279 33.5-.193.067-10.468-21.519zm46.77 58.938c-.191 0-.391-.006-.593-.019a17.276 17.276 0 01-6.7-2.342l-8-4.684 11.253-6.505 8 4.617c2.454 1.418 3.774 2.675 4.034 3.84s-.594 2.348-2.535 3.513a10.843 10.843 0 01-5.455 1.581z"
+var _ref$16 = /*#__PURE__*/React__default.createElement("path", {
+  "data-name": "\\u51CF\\u53BB 6",
+  d: "M128 85H9a9.01 9.01 0 01-9-9V9a9.01 9.01 0 019-9h119a9.01 9.01 0 019 9v67a9.01 9.01 0 01-9 9zM93.259 17.92v49.157h7.706V51.143h5.351a25.3 25.3 0 007.142-.887 10.88 10.88 0 004.882-2.9 12.193 12.193 0 002.794-5.206 30.158 30.158 0 00.88-7.863 31.849 31.849 0 00-.764-7.439 11.483 11.483 0 00-2.587-5.1 10.638 10.638 0 00-4.852-2.9 26.27 26.27 0 00-7.5-.922zm-22.094 0v49.157h7.7V17.92zm-22.606 9.067v40.09h7.586V17.92H44.034L35.8 46.961h-.354l-8-29.041h-12.46v49.157h7.526v-40.09h.354l8.7 30.176h7.879l8.763-30.176h.349zm56.813 16.645h-4.407V25.43h4.407c3.241 0 5.536.667 6.822 1.982s1.94 3.677 1.94 7.014a18.955 18.955 0 01-.44 4.46 6.186 6.186 0 01-1.47 2.835 5.6 5.6 0 01-2.7 1.486 17.364 17.364 0 01-4.152.426z"
 });
 
-var _ref3$4 = /*#__PURE__*/React__default.createElement("g", {
-  "data-name": "\\u7EC4 3241"
-}, /*#__PURE__*/React__default.createElement("g", {
-  "data-name": "\\u7EC4 3240"
-}, /*#__PURE__*/React__default.createElement("g", {
-  "data-name": "\\u7EC4 3239"
-}, /*#__PURE__*/React__default.createElement("g", {
-  "data-name": "\\u7EC4 3238",
-  clipPath: "url(#mip_svg__a)",
-  transform: "translate(71.873 21.951)"
-}, /*#__PURE__*/React__default.createElement("g", {
-  "data-name": "\\u7EC4 3237"
-}, /*#__PURE__*/React__default.createElement("g", {
-  "data-name": "\\u7EC4 3236"
-}, /*#__PURE__*/React__default.createElement("g", {
-  "data-name": "\\u7EC4 3235"
-}, /*#__PURE__*/React__default.createElement("path", {
-  "data-name": "\\u8DEF\\u5F84 1656",
-  d: "M6.439 4.683L0 0l.65 37.27 6.439 4.683-.65-37.27"
-}))))))));
-
 var SvgMip = function SvgMip(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends$18({
-    width: 103.291,
-    height: 113.498,
-    viewBox: "0 0 103.291 113.498",
+    width: 137,
+    height: 85,
+    viewBox: "0 0 137 85",
     fill: "currentColor"
-  }, props), _ref$16, _ref2$e, _ref3$4);
+  }, props), _ref$16);
 };
 
 function _extends$19() { _extends$19 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$19.apply(this, arguments); }
@@ -44246,11 +44233,11 @@ var _ref$17 = /*#__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$f = /*#__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$5 = /*#__PURE__*/React__default.createElement("path", {
+var _ref3$4 = /*#__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"
 });
 
@@ -44260,7 +44247,7 @@ var SvgVr = function SvgVr(props) {
     height: 28.346,
     viewBox: "0 0 28.346 28.346",
     fill: "currentColor"
-  }, props), _ref$17, _ref2$f, _ref3$5);
+  }, props), _ref$17, _ref2$e, _ref3$4);
 };
 
 function _extends$1a() { _extends$1a = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1a.apply(this, arguments); }
@@ -44517,7 +44504,7 @@ var _ref$19 = /*#__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$g = /*#__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"
 });
@@ -44528,7 +44515,7 @@ var SvgCentesis = function SvgCentesis(props) {
     height: 141.73,
     viewBox: "0 0 141.73 141.73",
     fill: "currentColor"
-  }, props), _ref$19, _ref2$g);
+  }, props), _ref$19, _ref2$f);
 };
 
 (function () {
@@ -53437,7 +53424,7 @@ var _default$16 = ConnectedSurgeryLayout;
 var css_248z$r = ".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-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";
 styleInject$1(css_248z$r);
 
-var css_248z$s = ".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-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";
+var css_248z$s = ".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-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$s);
 
 (function () {
@@ -54343,7 +54330,9 @@ var MIPLayout = /*#__PURE__*/function (_Component) {
 
     _this.state = {
       processing: true,
-      error: null
+      error: null,
+      windowWidth: 0,
+      windowCenter: 0
     };
     _this.vr = '';
     return _this;
@@ -54353,6 +54342,9 @@ var MIPLayout = /*#__PURE__*/function (_Component) {
     key: "initVR",
     value: function () {
       var _initVR = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(currentSeries, instanceImages) {
+        var _this2 = this;
+
+        var volumeWindowLevel;
         return regenerator.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -54362,19 +54354,35 @@ var MIPLayout = /*#__PURE__*/function (_Component) {
                 return _default$s.getAndCacheWorker(currentSeries.seriesInstanceUID, ImageProcessType.MIP, {
                   images: instanceImages,
                   container: document.getElementById('mipContainer'),
-                  reconstructMethodType: ReconstructMethodType.MIP
+                  reconstructMethodType: ReconstructMethodType.MIP,
+                  viewportSize: 1.5
                 });
 
               case 3:
                 this.vr = _context.sent;
                 // mip左键默认工具是调窗
                 this.vr.ActionParameter.mouseActionMode = InteractorStyleActionMode.WindowLevel;
-                this.props.set3DActiveTool('MipWWWc');
-                _context.next = 13;
+                this.props.set3DActiveTool('MipWWWc'); // 窗值初始值
+
+                volumeWindowLevel = this.vr.volumeWindowLevel;
+                this.setState({
+                  windowWidth: Math.floor(volumeWindowLevel.level),
+                  windowCenter: Math.floor(volumeWindowLevel.center)
+                }); // 调窗监听
+
+                Messager.Instance.regist(_default$1.MessagerKeys.MipWwwcChange, this.vr.messageGroupId, function (param) {
+                  if (param) {
+                    _this2.setState({
+                      windowWidth: param.level,
+                      windowCenter: param.center
+                    });
+                  }
+                });
+                _context.next = 16;
                 break;
 
-              case 8:
-                _context.prev = 8;
+              case 11:
+                _context.prev = 11;
                 _context.t0 = _context["catch"](0);
                 console.error(_context.t0);
                 this.setState({
@@ -54383,19 +54391,19 @@ var MIPLayout = /*#__PURE__*/function (_Component) {
                 });
                 return _context.abrupt("return");
 
-              case 13:
+              case 16:
                 this.setState({
                   processingMessage: null,
                   processing: false,
                   error: null
                 });
 
-              case 14:
+              case 17:
               case "end":
                 return _context.stop();
             }
           }
-        }, _callee, this, [[0, 8]]);
+        }, _callee, this, [[0, 11]]);
       }));
 
       function initVR(_x, _x2) {
@@ -54408,7 +54416,7 @@ var MIPLayout = /*#__PURE__*/function (_Component) {
     key: "componentDidMount",
     value: function () {
       var _componentDidMount = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
-        var _this2 = this;
+        var _this3 = this;
 
         var currentSeries, instanceImages, i;
         return regenerator.wrap(function _callee2$(_context2) {
@@ -54439,7 +54447,7 @@ var MIPLayout = /*#__PURE__*/function (_Component) {
                     error: null
                   }, function () {
                     setTimeout(function () {
-                      _this2.initVR(currentSeries, instanceImages);
+                      _this3.initVR(currentSeries, instanceImages);
                     }, 50);
                   });
                 }
@@ -54491,7 +54499,9 @@ var MIPLayout = /*#__PURE__*/function (_Component) {
       var _this$state = this.state,
           processing = _this$state.processing,
           processingMessage = _this$state.processingMessage,
-          error = _this$state.error;
+          error = _this$state.error,
+          windowWidth = _this$state.windowWidth,
+          windowCenter = _this$state.windowCenter;
       return /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-three-wrapper",
         style: {
@@ -54510,7 +54520,9 @@ var MIPLayout = /*#__PURE__*/function (_Component) {
           height: '100%'
         },
         id: 'mipContainer'
-      })));
+      }), /*#__PURE__*/React__default.createElement("div", {
+        className: "mip-wwwc"
+      }, /*#__PURE__*/React__default.createElement("p", null, "W:", windowWidth), /*#__PURE__*/React__default.createElement("p", null, "C:", windowCenter))));
     }
   }, {
     key: "__reactstandin__regenerateByEval",
@@ -55744,6 +55756,7 @@ var mergeProps$l = function mergeProps(propsFromState, propsFromDispatch, ownPro
       },
       FORWARD: function FORWARD() {
         var activeElement = getCurrentElement();
+        if (!activeElement) return;
 
         if (threeDMode) {
           changeMprPositionWithElement(activeElement, -1, threeScrollType);
@@ -55753,6 +55766,7 @@ var mergeProps$l = function mergeProps(propsFromState, propsFromDispatch, ownPro
       },
       BACKWARD: function BACKWARD() {
         var activeElement = getCurrentElement();
+        if (!activeElement) return;
 
         if (threeDMode) {
           changeMprPositionWithElement(activeElement, 1, threeScrollType);
@@ -55792,12 +55806,15 @@ var mergeProps$l = function mergeProps(propsFromState, propsFromDispatch, ownPro
         });
       },
       SCROLL_START: function SCROLL_START() {
-        _default$E.scrollToIndex(getCurrentElement(), 0, true, {
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        _default$E.scrollToIndex(activeElement, 0, true, {
           backToStart: true
         });
       },
       SCROLL_END: function SCROLL_END() {
         var activeElement = getCurrentElement();
+        if (!activeElement) return;
         var max = _default$E.getImagesLength(activeElement) - 1;
         _default$E.scrollToIndex(activeElement, max, tement, max, true, {
           backToEnd: true
@@ -55814,43 +55831,63 @@ var mergeProps$l = function mergeProps(propsFromState, propsFromDispatch, ownPro
       },
       WWWC1: function WWWC1() {
         if (!wwwcCustomDic[0]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[0].ww, wwwcCustomDic[0].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[0].ww, wwwcCustomDic[0].wc);
       },
       WWWC2: function WWWC2() {
         if (!wwwcCustomDic[1]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[1].ww, wwwcCustomDic[1].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[1].ww, wwwcCustomDic[1].wc);
       },
       WWWC3: function WWWC3() {
         if (!wwwcCustomDic[2]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[2].ww, wwwcCustomDic[2].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[2].ww, wwwcCustomDic[2].wc);
       },
       WWWC4: function WWWC4() {
         if (!wwwcCustomDic[3]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[3].ww, wwwcCustomDic[3].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[3].ww, wwwcCustomDic[3].wc);
       },
       WWWC5: function WWWC5() {
         if (!wwwcCustomDic[4]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[4].ww, wwwcCustomDic[4].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[4].ww, wwwcCustomDic[4].wc);
       },
       WWWC6: function WWWC6() {
         if (!wwwcCustomDic[5]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[5].ww, wwwcCustomDic[5].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[5].ww, wwwcCustomDic[5].wc);
       },
       WWWC7: function WWWC7() {
         if (!wwwcCustomDic[6]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[6].ww, wwwcCustomDic[6].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[6].ww, wwwcCustomDic[6].wc);
       },
       WWWC8: function WWWC8() {
         if (!wwwcCustomDic[7]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[7].ww, wwwcCustomDic[7].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[7].ww, wwwcCustomDic[7].wc);
       },
       WWWC9: function WWWC9() {
         if (!wwwcCustomDic[8]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[8].ww, wwwcCustomDic[8].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[8].ww, wwwcCustomDic[8].wc);
       },
       WWWC0: function WWWC0() {
         if (!wwwcCustomDic[9]) return;
-        setWwwc(getCurrentElement(), wwwcCustomDic[9].ww, wwwcCustomDic[9].wc);
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setWwwc(activeElement, wwwcCustomDic[9].ww, wwwcCustomDic[9].wc);
       }
     },
     getCurrentElement: getCurrentElement,