@lm_fe/pages 0.1.201 → 0.2.2

package/dist/a_chunks/.root12.js

@@ -1,200 +1,259 @@
-import 'antd/es/modal/style';
-import _Modal from 'antd/es/modal';
-import 'antd/es/button/style';
-import _Button from 'antd/es/button';
-import { _ as _extends } from './extends.js';
-import 'antd/es/message/style';
-import _message from 'antd/es/message';
-import { s as styleInject, d as __rest, _ as __awaiter, a as __generator } from './index.js';
-import { FullscreenOutlined, CloseOutlined, ExportOutlined } from '@ant-design/icons';
-import { MyLazyComponent } from '@lm_fe/components_m';
-import { mchcLogger, mchcEnv, mchcRouterContainer__ } from '@lm_fe/env';
-import { getHappyConfig, sleep } from '@lm_fe/utils';
-import React, { useState, useRef, useEffect } from 'react';
-import 'antd/es/row/style';
-import 'antd/es/row';
-import 'antd/es/col/style';
-import 'antd/es/col';
-import 'antd/es/list/style';
-import 'antd/es/list';
-import 'antd/es/tooltip/style';
-import 'antd/es/tooltip';
-import 'lodash/get';
-import 'classnames';
-import 'antd/es/spin/style';
-import 'antd/es/spin';
-import '@lm_fe/components';
-import 'antd/es/form/style';
-import 'antd/es/form';
-import 'antd/es/result/style';
-import 'antd/es/result';
-import 'antd/es/menu/style';
-import 'antd/es/menu';
+import { MyIcon } from '@lm_fe/components';
+import { Space, Button, Modal } from 'antd';
+import { get, forEach, set } from 'lodash';
+import React, { useEffect } from 'react';
+import ReactToPrint from 'react-to-print';
+import { d as get_canvas_el, e as draw_info, s as setVerRules, f as setHorRules, p as printCanvas, j as judgeAreas, b as get_fetus_color, c as get_abnormal_color } from './func.js';
+import { e as bpdData, f as flData, g as acData } from './data.js';
+import { u as use_fetus, F as FetuGrowsEdit } from './use_fetus.js';
+import { s as styleInject } from './index.js';
+import '@lm_fe/components_m';
+import '@lm_fe/env';
 import '@lm_fe/service';
-import 'antd/es/space/style';
-import 'antd/es/space';
-import 'lodash/keys';
-import 'antd/es/divider/style';
-import 'antd/es/divider';
-var css_248z = ".index-module_modal-page__qXgnT .ant-modal-header {\n  display: none;\n}\n.index-module_modal-page__qXgnT .ant-modal-close {\n  display: none;\n  transition: all 0.6s;\n  right: -40px;\n  top: -40px;\n  color: #fff;\n  background: rgba(128, 128, 128, 0.8);\n  border-radius: 50%;\n}\n.index-module_modal-page__qXgnT .ant-modal-close:hover {\n  background: rgba(1, 1, 1, 0.9);\n}\n.index-module_modal-page__qXgnT .ant-modal-close-x {\n  width: 36px;\n  height: 36px;\n  line-height: 36px;\n}\n.index-module_modal-page__qXgnT .index-module_btn-containner__ITl7O {\n  position: fixed;\n  right: 20px;\n  top: 20px;\n}\n";
-var styles = {
-  "modal-page": "index-module_modal-page__qXgnT",
-  "btn-containner": "index-module_btn-containner__ITl7O"
-};
+import '@lm_fe/utils';
+import '@lm_fe/provoke';
+import 'classnames';
+var css_248z = ".fetus-wrapper {\n  width: 660px;\n  position: relative;\n}\n.fetus-wrapper .btn-wrapper {\n  position: absolute;\n  top: 80px;\n  right: 50px;\n}\n.point-modal {\n  width: 360px !important;\n}\n.point-modal .info-item {\n  margin-right: 18px;\n}\n.point-modal .ant-modal-close-x {\n  line-height: 40px;\n}\n.table-modal {\n  width: 1000px !important;\n}\n.table-modal .ant-modal-body {\n  padding: 0;\n}\n";
 styleInject(css_248z);
-function Modal_Page(_a) {
-  var _this = this;
-  var modal_data = _a.modal_data,
-    close = _a.close,
-    others = __rest(_a, ["modal_data", "close"]);
-  var content = modal_data.content,
-    iframe_url = modal_data.iframe_url,
-    route_conf = modal_data.route_conf;
-  var _b = useState(false);
-  _b[0];
-  var setVisible = _b[1];
-  var el = useRef(null);
+function FetusCanvas(props) {
+  var headerInfo = props.headerInfo;
+  props.id;
+  var isAllPregnancies = props.isAllPregnancies;
+  var _a = use_fetus(props),
+    sys_theme = _a.sys_theme,
+    line_color = _a.line_color,
+    font_color = _a.font_color,
+    imageRef = _a.imageRef,
+    pointData = _a.pointData,
+    isShowPointModal = _a.isShowPointModal,
+    set_isShowPointModal = _a.set_isShowPointModal,
+    getFetusData = _a.getFetusData,
+    formData = _a.formData;
   useEffect(function () {
-    (function () {
-      return __awaiter(_this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-          switch (_a.label) {
-            case 0:
-              return [4, sleep(.8)];
-            case 1:
-              _a.sent();
-              setVisible(true);
-              return [2];
-          }
-        });
-      });
-    })();
+    if (formData) drawFetusCanvas();
     return function () {};
-  }, []);
-  useEffect(function () {
-    mchcLogger.log('moda_page', modal_data);
-    if (route_conf === null || route_conf === void 0 ? void 0 : route_conf.url) {
-      var happy_conf = getHappyConfig(route_conf.url);
-      mchcEnv.push_global_cache('happy_conf', happy_conf || {
-        usr1: 'unset'
-      });
-    }
-    return function () {
-      if (route_conf === null || route_conf === void 0 ? void 0 : route_conf.url) {
-        mchcEnv.pop_global_cache('happy_conf');
+  }, [formData]);
+  function drawScaleLine(canvas, ctx, oringin, steps, data, point, color, shape, lineWidth) {
+    var _loop_1 = function _loop_1(i) {
+      ctx.beginPath();
+      ctx.setLineDash(shape);
+      ctx.lineWidth = lineWidth;
+      if (i < data.length - 1) {
+        ctx.moveTo(oringin[0] + steps[0] * data[i].x, oringin[1] - steps[1] * data[i].y);
+        ctx.lineTo(oringin[0] + steps[0] * data[i + 1].x, oringin[1] - steps[1] * data[i + 1].y);
+      }
+      ctx.strokeStyle = color;
+      ctx.stroke();
+      if (point[0]) {
+        ctx.beginPath();
+        ctx.setLineDash([]);
+        ctx.arc(oringin[0] + steps[0] * data[i].x, oringin[1] - steps[1] * data[i].y, 3, 0, 2 * Math.PI);
+        point[1] && (ctx.fillStyle = point[1]);
+        ctx.fill();
+        var that_1 = this_1;
+        canvas && canvas.addEventListener('click', function (e) {
+          var X = oringin[0] + steps[0] * data[i].x;
+          var Y = oringin[1] - steps[1] * data[i].y;
+          var obj = {
+            x: X,
+            y: Y,
+            r: 5
+          };
+          var x = e.pageX - canvas.getBoundingClientRect().left;
+          var y = e.pageY - canvas.getBoundingClientRect().top;
+          if (x > obj.x - obj.r && x < obj.x + obj.r && y > obj.y - obj.r && y < obj.y + obj.r) {
+            var obj_1 = {
+              x: data[i].gestationalWeek,
+              y: data[i].value,
+              line: point[2],
+              fetus: data[i].sort,
+              style: {
+                position: 'fixed',
+                top: e.pageY,
+                left: e.pageX
+              }
+            };
+            that_1.setState({
+              pointData: obj_1,
+              isShowPointModal: true
+            });
+          }
+        }, false);
       }
     };
-  }, []);
-  function fullscreen() {
-    return __awaiter(this, void 0, void 0, function () {
-      var _a, _b;
-      return __generator(this, function (_c) {
-        switch (_c.label) {
-          case 0:
-            _message.info('按 Esc 退出全屏');
-            return [4, sleep(.6)];
-          case 1:
-            _c.sent();
-            (_b = (_a = el.current) === null || _a === void 0 ? void 0 : _a.requestFullscreen) === null || _b === void 0 ? void 0 : _b.call(_a);
-            return [2];
-        }
-      });
-    });
+    var this_1 = this;
+    for (var i = 0; i < data.length; i++) {
+      _loop_1(i);
+    }
   }
-  function render_content() {
-    if (content) return content;
-    if (route_conf) {
-      var params = route_conf.params || {};
-      var C = mchcRouterContainer__.get_addon_component(route_conf.url);
-      if (!C) return /*#__PURE__*/React.createElement("div", {
-        style: {
-          textAlign: 'center',
-          lineHeight: '48px',
-          height: 48
-        }
-      }, route_conf.url, " \u8BE5\u9875\u9762\u4E0D\u652F\u6301\u5F39\u7A97\u8BBF\u95EE\uFF0C\u8BF7\u8FD4\u56DE\uFF01 ");
-      return /*#__PURE__*/React.createElement(C, _extends({}, params, {
-        is_modal: true
-      }));
+  function setVertical(context, xCount, yCount, xStep, yStep, baseLeft, baseTop) {
+    context.strokeStyle = line_color;
+    for (var i = 0; i < xCount; i++) {
+      context.beginPath();
+      context.lineWidth = 1;
+      context.moveTo(baseLeft, baseTop + xStep * i);
+      context.lineTo(baseLeft + (yCount - 1) * yStep, baseTop + xStep * i);
+      context.textBaseline = 'middle';
+      context.fillStyle = font_color;
+      context.font = 'bold 12px normal';
+      if (i * 2 % 10 === 0) {
+        context.lineWidth = 2;
+        context.fillText(i * 2, baseLeft - 20, (xCount - 1) * xStep + baseTop - i * xStep);
+      }
+      context.stroke();
     }
-    if (iframe_url) {
-      return /*#__PURE__*/React.createElement("div", {
-        style: {
-          width: '100%',
-          height: '100%',
-          position: 'relative'
-        }
-      }, /*#__PURE__*/React.createElement("iframe", {
-        width: "100%",
-        height: "100%",
-        style: {
-          border: 'none',
-          padding: 0,
-          margin: 0
-        },
-        src: iframe_url
-      }), /*#__PURE__*/React.createElement(_Button, {
-        style: {
-          position: 'absolute',
-          right: 24,
-          bottom: 24,
-          boxShadow: '#444 4px 4px 12px 2px'
-        },
-        size: "large",
-        type: "primary",
-        shape: "circle",
-        icon: /*#__PURE__*/React.createElement(ExportOutlined, null),
-        onClick: function onClick() {
-          return mchcEnv.open(iframe_url);
+  }
+  function setHorizontal(context, xCount, yCount, xStep, yStep, baseLeft, baseTop) {
+    for (var i = 0; i < yCount; i++) {
+      context.beginPath();
+      context.lineWidth = 1;
+      context.moveTo(yStep * i + baseLeft, baseTop);
+      context.lineTo(yStep * i + baseLeft, baseTop + xStep * (xCount - 1));
+      context.textAlign = 'center';
+      context.fillStyle = font_color;
+      context.font = 'bold 12px normal';
+      if (i % 5 === 0) {
+        context.lineWidth = 2;
+        context.fillText(i + 10, baseLeft + i * yStep, xStep * xCount + baseTop + 5);
+      }
+      context.stroke();
+    }
+  }
+  function drawFetusCanvas() {
+    var mlUltrasounds = get(formData, 'mlUltrasounds') || [];
+    var allBpdArr = [];
+    var allFlArr = [];
+    var allAcArr = [];
+    if (mlUltrasounds.length > 0) {
+      forEach(mlUltrasounds, function (item) {
+        var yunWeek = item.gestationalWeek;
+        if (yunWeek && yunWeek.indexOf('+') !== -1) {
+          var arr = yunWeek.split('+');
+          yunWeek = Number(arr[0]) + Number(arr[1]) / 7;
         }
-      }));
+        var setData = function setData(param, arr) {
+          var obj = {};
+          var sort = +item.fetal - 1;
+          obj.x = yunWeek - 10;
+          if (param === 'ac') {
+            obj.y = Number(item[param]) / 10;
+          } else {
+            obj.y = Number(item[param]);
+          }
+          obj.value = Number(item[param]);
+          obj.gestationalWeek = item.gestationalWeek;
+          obj.sort = item.fetal;
+          if (yunWeek && item[param] && yunWeek >= 10 && yunWeek <= 40 && obj.y <= 110) {
+            var arrItem = get(arr, sort) || [];
+            arrItem.push(obj);
+            set(arr, sort, arrItem);
+          }
+        };
+        setData('bpd', allBpdArr);
+        setData('fl', allFlArr);
+        setData('ac', allAcArr);
+      });
     }
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        textAlign: 'center',
-        lineHeight: '48px',
-        height: 48
-      }
-    }, "\u8BF7\u8BBE\u7F6E content\u3001route_conf \u6216\u8005 iframe_url");
+    var canvas = get_canvas_el('fetus-canvas', sys_theme);
+    var context = canvas.getContext('2d');
+    if (!context) return;
+    canvas.width = 660;
+    canvas.height = 710;
+    var baseLeft = 50;
+    var baseTop = 120;
+    var xStep = 10;
+    var yStep = 17;
+    var xCount = 56;
+    var yCount = 31;
+    context.fillStyle = font_color;
+    context.font = 'bold 16px normal';
+    context.textAlign = 'center';
+    context.fillText("".concat(draw_info(headerInfo)), canvas.width / 2, baseTop - 60);
+    context.fillText('胎儿生长曲线', canvas.width / 2, baseTop - 25);
+    setVertical(context, xCount, yCount, xStep, yStep, baseLeft, baseTop);
+    setHorizontal(context, xCount, yCount, xStep, yStep, baseLeft, baseTop);
+    setVerRules(context, [baseLeft, baseTop + (xCount - 1) * xStep], (yCount - 1) * yStep, line_color, 1, yStep, 5);
+    setHorRules(context, [baseLeft, baseTop + (xCount - 1) * xStep], (xCount - 1) * xStep, line_color, 1, xStep, 5);
+    context.fillText('+2SD', baseLeft + yCount * yStep, baseTop + 4.2 * xStep);
+    context.fillText('Mean', baseLeft + yCount * yStep, baseTop + 8 * xStep);
+    context.fillText('-2SD', baseLeft + yCount * yStep, baseTop + 11.5 * xStep);
+    context.fillText('+2SD', baseLeft + yCount * yStep, baseTop + 16.5 * xStep);
+    context.fillText('Mean', baseLeft + yCount * yStep, baseTop + 19 * xStep);
+    context.fillText('-2SD', baseLeft + yCount * yStep, baseTop + 21.5 * xStep);
+    context.fillText('37', baseLeft + yCount * yStep, baseTop + 36.5 * xStep);
+    context.fillText('34', baseLeft + yCount * yStep, baseTop + 38 * xStep);
+    context.fillText('31', baseLeft + yCount * yStep, baseTop + 39.5 * xStep);
+    context.font = 'bold 18px normal';
+    context.textAlign = 'center';
+    context.fillText('BPD', baseLeft + (yCount - 6) * yStep, baseTop + 6 * xStep);
+    context.fillText('FL', baseLeft + (yCount - 6) * yStep, baseTop + 28 * xStep);
+    context.fillText('AC', baseLeft + (yCount - 6) * yStep, baseTop + 44 * xStep);
+    var middleLineArr = [get(bpdData, 'middleLine'), get(flData, 'middleLine'), get(acData, 'middleLine')];
+    var endLineArr = [get(bpdData, 'bottomLine'), get(bpdData, 'topLine'), get(flData, 'bottomLine'), get(flData, 'topLine'), get(acData, 'bottomLine'), get(acData, 'topLine')];
+    forEach(middleLineArr, function (line) {
+      drawScaleLine(null, context, [baseLeft, baseTop + (xCount - 1) * xStep], [yStep, xStep / 2], line, [false], '#787878', [], 2);
+    });
+    forEach(endLineArr, function (line) {
+      drawScaleLine(null, context, [baseLeft, baseTop + (xCount - 1) * xStep], [yStep, xStep / 2], line, [false], '#787878', [8], 2);
+    });
+    var drawItemLine = function drawItemLine(itemArr, itemData, itemName) {
+      itemArr.forEach(function (child_data, child_idx) {
+        console.log('aax item', {
+          item: child_data,
+          itemName: itemName,
+          itemData: itemData,
+          child_idx: child_idx
+        });
+        if (child_data.length > 0) {
+          var color = judgeAreas(child_data[child_data.length - 1], get(itemData, 'lineArea')) ? get_fetus_color(sys_theme, child_idx) : get_abnormal_color(sys_theme);
+          drawScaleLine(canvas, context, [baseLeft, baseTop + (xCount - 1) * xStep], [yStep, xStep / 2], child_data, [true, color, itemName], color, [], 2);
+        }
+      });
+    };
+    drawItemLine(allBpdArr, bpdData, 'BPD');
+    drawItemLine(allFlArr, flData, 'FL');
+    drawItemLine(allAcArr, acData, 'AC');
+    imageRef.current = canvas === null || canvas === void 0 ? void 0 : canvas.toDataURL('image/jpg');
+    props.onLoad && props.onLoad();
   }
-  var node = render_content();
-  return /*#__PURE__*/React.createElement(_Modal, _extends({
-    wrapClassName: styles['modal-page'],
-    title: "\u9875\u97621",
-    width: '90vw',
-    footer: null,
-    style: {
-      top: '4px'
+  function renderPointModal() {
+    var handleCancel = function handleCancel() {
+      set_isShowPointModal(false);
+    };
+    return isShowPointModal && pointData ? (/*#__PURE__*/React.createElement(Modal, {
+      style: pointData.style,
+      className: "point-modal",
+      visible: isShowPointModal,
+      footer: null,
+      onCancel: handleCancel
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "info-item"
+    }, "\u5B55\u5468\uFF1A", pointData.x), /*#__PURE__*/React.createElement("span", {
+      className: "info-item"
+    }, pointData.line, "\uFF1A", pointData.y), /*#__PURE__*/React.createElement("span", null, "\u80CE\u513F\u4FE1\u606F\uFF1A\u80CE\u513F", pointData.fetus))) : null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "fetus-wrapper"
+  }, !get(props, 'hidePrintBtn') && (/*#__PURE__*/React.createElement(Space, {
+    className: "btn-wrapper"
+  }, /*#__PURE__*/React.createElement(ReactToPrint, {
+    trigger: function trigger() {
+      return /*#__PURE__*/React.createElement(Button, {
+        type: "primary",
+        size: "small"
+      }, /*#__PURE__*/React.createElement(MyIcon, {
+        value: 'PrinterOutlined'
+      }), "\u6253\u5370");
     },
-    destroyOnClose: true,
-    bodyStyle: {
-      height: '88vh',
-      background: '#fff',
-      padding: 0
-    }
-  }, others, {
-    maskClosable: true
-  }), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Button.Group, {
-    size: "large",
-    className: styles['btn-containner']
-  }, /*#__PURE__*/React.createElement(_Button, {
-    title: "\u5168\u5C4F",
-    icon: /*#__PURE__*/React.createElement(FullscreenOutlined, null),
-    onClick: fullscreen
-  }), /*#__PURE__*/React.createElement(_Button, {
-    title: "\u5173\u95ED",
-    icon: /*#__PURE__*/React.createElement(CloseOutlined, null),
-    onClick: function onClick(e) {
-      return close === null || close === void 0 ? void 0 : close(true);
-    }
-  })), /*#__PURE__*/React.createElement(MyLazyComponent, null, /*#__PURE__*/React.createElement("div", {
-    ref: el,
-    style: {
-      background: '#fff',
-      height: '100%',
-      padding: 8
+    content: function content() {
+      return printCanvas('fetus-canvas');
     }
-  }, node))));
+  }), !isAllPregnancies && (/*#__PURE__*/React.createElement(FetuGrowsEdit, {
+    value: formData,
+    onSubmit: getFetusData
+  })))), /*#__PURE__*/React.createElement("canvas", {
+    id: "fetus-canvas",
+    className: "fetus-canvas"
+  }, "\u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301canvas\uFF0C\u8BF7\u66F4\u6362\u6D4F\u89C8\u5668."), renderPointModal());
 }
-export { Modal_Page as default };
-//# sourceMappingURL=.root12.js.map
+export { FetusCanvas as default };