@lm_fe/pages 0.1.201 → 0.2.5

package/dist/a_chunks/curve.components.Pregnogram.js

@@ -0,0 +1,166 @@
+import { MyIcon } from '@lm_fe/components';
+import { use_provoke } from '@lm_fe/provoke';
+import { Button } from 'antd';
+import { get, cloneDeep, forEach } from 'lodash';
+import React, { useRef, useEffect } from 'react';
+import ReactToPrint from 'react-to-print';
+import { g as get_line_color, a as get_text_color, j as judgeAreas, b as get_fetus_color, c as get_abnormal_color, d as get_canvas_el, e as draw_info, s as setVerRules, f as setHorRules, p as printCanvas } from './func.js';
+import { h as fundalHeightData } from './data.js';
+import { s as styleInject, g as curve_api } from './index.js';
+import '@lm_fe/utils';
+import 'classnames';
+import '@lm_fe/components_m';
+import '@lm_fe/env';
+import '@lm_fe/service';
+var css_248z = ".pregnogram-wrapper {\n  width: 700px;\n  position: relative;\n}\n.pregnogram-wrapper .print-btn {\n  position: absolute;\n  top: 102px;\n  right: 100px;\n}\n";
+styleInject(css_248z);
+function Pregnogram(props) {
+  var sys_theme = use_provoke(function (s) {
+    return s.sys_theme;
+  });
+  var headerInfo = props.headerInfo,
+    id = props.id;
+  props.isAllPregnancies;
+  var pregnancyId = get(headerInfo, 'id') || id;
+  var line_color = get_line_color(sys_theme);
+  var font_color = get_text_color(sys_theme);
+  var fundalHeightList = useRef([]);
+  var imageRef = useRef();
+  useEffect(function () {
+    curve_api.curve.getFundalHeight(pregnancyId).then(function (res) {
+      fundalHeightList.current = get(res, 'items');
+      drawPregnogramCanvas();
+    });
+    return function () {};
+  }, []);
+  function drawPregnogramCanvas() {
+    var cloneList = cloneDeep(fundalHeightList.current);
+    cloneList.map(function (item) {
+      if (!item.fundalHeight || !item.week) {
+        item.fundalHeight = 0;
+        item.week = -1;
+      } else {
+        item.fundalHeight = Number(item.fundalHeight) - 12;
+        if (item.week.indexOf('+') !== -1) {
+          var arr = item.week.split('+');
+          item.week = Number(arr[0]) + Number(arr[1]) / 7;
+        }
+        item.week = item.week - 15;
+      }
+    });
+    cloneList = cloneList.filter(function (i) {
+      return i.week >= 0 && i.week <= 27 && i.fundalHeight >= 0 && i.fundalHeight <= 30;
+    });
+    cloneList.length > 0 && cloneList.map(function (item) {
+      item.x = item.week;
+      item.y = item.fundalHeight;
+    });
+    var unusualColor = cloneList.length > 0 && judgeAreas(cloneList[cloneList.length - 1], get(fundalHeightData, 'lineArea')) ? get_fetus_color(sys_theme, 0) : get_abnormal_color(sys_theme);
+    var canvas = get_canvas_el('pregnogram-canvas', sys_theme);
+    var context = canvas.getContext('2d');
+    if (!context) return;
+    canvas.width = 700;
+    canvas.height = 710;
+    var baseLeft = 60;
+    var baseTop = 190;
+    var xStep = 16;
+    var yStep = 20;
+    var xCount = 31;
+    var yCount = 28;
+    context.fillStyle = font_color;
+    context.font = 'bold 16px normal';
+    context.textAlign = 'center';
+    context.fillText("".concat(draw_info(headerInfo)), canvas.width / 2, baseTop - 120);
+    context.fillText('妊娠图', canvas.width / 2, baseTop - 80);
+    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);
+    drawScaleLine(canvas, context, [baseLeft, baseTop + (xCount - 1) * xStep], [yStep, xStep], cloneList, [true, unusualColor], unusualColor, [], 2);
+    var solidLineArr = [get(fundalHeightData, 'topSolidLine'), get(fundalHeightData, 'bottomSolidLine')];
+    forEach(solidLineArr, function (line) {
+      drawScaleLine(canvas, context, [baseLeft, baseTop + (xCount - 1) * xStep], [yStep, xStep], line, [true, '#787878'], '#787878', [], 2);
+    });
+    var dashLineArr = [get(fundalHeightData, 'topDashLine'), get(fundalHeightData, 'bottomDashLine')];
+    forEach(dashLineArr, function (line) {
+      drawScaleLine(canvas, context, [baseLeft, baseTop + (xCount - 1) * xStep], [yStep, xStep], line, [true, '#787878'], '#787878', [8], 2);
+    });
+    imageRef.current = canvas === null || canvas === void 0 ? void 0 : canvas.toDataURL('image/jpg');
+    props.onLoad && props.onLoad();
+  }
+  function drawScaleLine(canvas, ctx, oringin, steps, data, point, color, shape, lineWidth) {
+    for (var i = 0; i < data.length; 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);
+        ctx.fillStyle = point[1];
+        ctx.fill();
+      }
+    }
+  }
+  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 consolas';
+      if (i % 2 !== 0) {
+        context.fillText(i + 12, baseLeft - 20, (xCount - 1) * xStep + baseTop - i * xStep);
+      }
+      context.stroke();
+    }
+    context.font = 'bold 12px normal';
+    context.fillText('宫高(cm)', baseLeft - 20, baseTop - 20);
+  }
+  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 consolas';
+      if (i % 2 !== 0) {
+        context.fillText(i + 15, baseLeft + i * yStep, xStep * xCount + baseTop);
+      }
+      context.stroke();
+    }
+    context.font = 'bold 12px normal';
+    context.fillText('孕周(周)', yStep * yCount + baseLeft + 15, (xCount - 1) * xStep + baseTop);
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pregnogram-wrapper"
+  }, !get(props, 'hidePrintBtn') && (/*#__PURE__*/React.createElement(ReactToPrint, {
+    trigger: function trigger() {
+      return /*#__PURE__*/React.createElement(Button, {
+        size: "small",
+        type: "primary",
+        className: "print-btn"
+      }, /*#__PURE__*/React.createElement(MyIcon, {
+        value: 'PrinterOutlined'
+      }), "\u6253\u5370");
+    },
+    content: function content() {
+      return printCanvas('pregnogram-canvas');
+    }
+  })), /*#__PURE__*/React.createElement("canvas", {
+    id: "pregnogram-canvas",
+    className: "pregnogram-canvas"
+  }, "\u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301canvas\uFF0C\u8BF7\u66F4\u6362\u6D4F\u89C8\u5668."));
+}
+export { Pregnogram as default };

package/dist/a_chunks/data.js

@@ -0,0 +1,572 @@
+import { set, get } from 'lodash';
+import { h as getLineArea } from './func.js';
+var bmiData1 = {
+  bmiIntro: '体重过轻,建议孕期体重增长目标:12.5-18kg',
+  bmiBottomLine: [{
+    x: 0,
+    y: 0
+  }, {
+    x: 12,
+    y: 1.5
+  }, {
+    x: 39,
+    y: 12.5
+  }],
+  bmiTopLine: [{
+    x: 0,
+    y: 0
+  }, {
+    x: 12,
+    y: 3
+  }, {
+    x: 39,
+    y: 18
+  }],
+  bmiLinesPoints: [{
+    x: 0,
+    y: 0
+  }, {
+    x: 12,
+    y: 1.5
+  }, {
+    x: 39,
+    y: 12.5
+  }, {
+    x: 39,
+    y: 18
+  }, {
+    x: 12,
+    y: 3
+  }, {
+    x: 0,
+    y: 0
+  }]
+};
+var bmiData2 = {
+  bmiIntro: '体重正常，建议增长体重增长目标11.5-16kg',
+  bmiBottomLine: [{
+    x: 0,
+    y: 0
+  }, {
+    x: 12,
+    y: 1.5
+  }, {
+    x: 39,
+    y: 11.5
+  }],
+  bmiTopLine: [{
+    x: 0,
+    y: 0
+  }, {
+    x: 12,
+    y: 3
+  }, {
+    x: 39,
+    y: 16
+  }],
+  bmiLinesPoints: [{
+    x: 0,
+    y: 0
+  }, {
+    x: 12,
+    y: 1.5
+  }, {
+    x: 39,
+    y: 11.5
+  }, {
+    x: 39,
+    y: 16
+  }, {
+    x: 12,
+    y: 3
+  }, {
+    x: 0,
+    y: 0
+  }]
+};
+var bmiData3 = {
+  bmiIntro: '体重超重，建议增长体重增长目标7-11.5kg',
+  bmiBottomLine: [{
+    x: 0,
+    y: 0
+  }, {
+    x: 12,
+    y: 1.5
+  }, {
+    x: 39,
+    y: 7
+  }],
+  bmiTopLine: [{
+    x: 0,
+    y: 0
+  }, {
+    x: 12,
+    y: 3
+  }, {
+    x: 39,
+    y: 11.5
+  }],
+  bmiLinesPoints: [{
+    x: 0,
+    y: 0
+  }, {
+    x: 12,
+    y: 1.5
+  }, {
+    x: 39,
+    y: 7
+  }, {
+    x: 39,
+    y: 11.5
+  }, {
+    x: 12,
+    y: 3
+  }, {
+    x: 0,
+    y: 0
+  }]
+};
+var bmiData4 = {
+  bmiIntro: '体重肥胖，建议增长体重增长目标5-9kg',
+  bmiBottomLine: [{
+    x: 0,
+    y: 0
+  }, {
+    x: 12,
+    y: 1.5
+  }, {
+    x: 39,
+    y: 5
+  }],
+  bmiTopLine: [{
+    x: 0,
+    y: 0
+  }, {
+    x: 12,
+    y: 3
+  }, {
+    x: 39,
+    y: 9
+  }],
+  bmiLinesPoints: [{
+    x: 0,
+    y: 0
+  }, {
+    x: 12,
+    y: 1.5
+  }, {
+    x: 39,
+    y: 5
+  }, {
+    x: 39,
+    y: 9
+  }, {
+    x: 12,
+    y: 3
+  }, {
+    x: 0,
+    y: 0
+  }]
+};
+var acData = {
+  lineArea: [],
+  bottomLine: [{
+    x: 5.5,
+    y: 8
+  }, {
+    x: 10,
+    y: 12.8
+  }, {
+    x: 15,
+    y: 18
+  }, {
+    x: 20,
+    y: 22.8
+  }, {
+    x: 25,
+    y: 27.2
+  }, {
+    x: 30,
+    y: 31
+  }],
+  middleLine: [{
+    x: 5.5,
+    y: 9.3
+  }, {
+    x: 10,
+    y: 14.4
+  }, {
+    x: 15,
+    y: 20
+  }, {
+    x: 20,
+    y: 25.2
+  }, {
+    x: 25,
+    y: 30
+  }, {
+    x: 30,
+    y: 34
+  }],
+  topLine: [{
+    x: 5.5,
+    y: 10.5
+  }, {
+    x: 10,
+    y: 15.8
+  }, {
+    x: 15,
+    y: 22
+  }, {
+    x: 20,
+    y: 27.7
+  }, {
+    x: 25,
+    y: 32.8
+  }, {
+    x: 30,
+    y: 37
+  }]
+};
+set(acData, 'lineArea', getLineArea(get(acData, 'bottomLine'), get(acData, 'topLine')));
+var flData = {
+  lineArea: [],
+  bottomLine: [{
+    x: 2,
+    y: 2.5
+  }, {
+    x: 5.5,
+    y: 13.3
+  }, {
+    x: 10,
+    y: 26.4
+  }, {
+    x: 15,
+    y: 38.6
+  }, {
+    x: 20,
+    y: 49.5
+  }, {
+    x: 25,
+    y: 59.2
+  }, {
+    x: 30,
+    y: 67
+  }],
+  middleLine: [{
+    x: 2,
+    y: 6
+  }, {
+    x: 5.5,
+    y: 17.4
+  }, {
+    x: 10,
+    y: 30.7
+  }, {
+    x: 15,
+    y: 43
+  }, {
+    x: 20,
+    y: 54
+  }, {
+    x: 25,
+    y: 63.5
+  }, {
+    x: 30,
+    y: 72
+  }],
+  topLine: [{
+    x: 2,
+    y: 9
+  }, {
+    x: 5.5,
+    y: 20.7
+  }, {
+    x: 10,
+    y: 34
+  }, {
+    x: 15,
+    y: 47.5
+  }, {
+    x: 20,
+    y: 58.5
+  }, {
+    x: 25,
+    y: 68.8
+  }, {
+    x: 30,
+    y: 77
+  }]
+};
+set(flData, 'lineArea', getLineArea(get(flData, 'bottomLine'), get(flData, 'topLine')));
+var bpdData = {
+  lineArea: [],
+  bottomLine: [{
+    x: 2,
+    y: 14.8
+  }, {
+    x: 5.5,
+    y: 26.7
+  }, {
+    x: 10,
+    y: 41.5
+  }, {
+    x: 15,
+    y: 56.5
+  }, {
+    x: 20,
+    y: 70
+  }, {
+    x: 25,
+    y: 80.8
+  }, {
+    x: 27.5,
+    y: 84.7
+  }, {
+    x: 30,
+    y: 87
+  }],
+  middleLine: [{
+    x: 2,
+    y: 20.5
+  }, {
+    x: 5.5,
+    y: 32.7
+  }, {
+    x: 10,
+    y: 47.5
+  }, {
+    x: 15,
+    y: 63
+  }, {
+    x: 20,
+    y: 76.7
+  }, {
+    x: 25,
+    y: 87.5
+  }, {
+    x: 27.5,
+    y: 91.7
+  }, {
+    x: 30,
+    y: 94
+  }],
+  topLine: [{
+    x: 2,
+    y: 25
+  }, {
+    x: 5.5,
+    y: 38
+  }, {
+    x: 10,
+    y: 53.5
+  }, {
+    x: 15,
+    y: 69.2
+  }, {
+    x: 20,
+    y: 82.5
+  }, {
+    x: 25,
+    y: 93.4
+  }, {
+    x: 27.5,
+    y: 97.6
+  }, {
+    x: 30,
+    y: 100.8
+  }]
+};
+set(bpdData, 'lineArea', getLineArea(get(bpdData, 'bottomLine'), get(bpdData, 'topLine')));
+var fundalHeightData = {
+  lineArea: [],
+  topSolidLine: [{
+    x: 1,
+    y: 7
+  }, {
+    x: 2,
+    y: 8
+  }, {
+    x: 3,
+    y: 8
+  }, {
+    x: 5,
+    y: 10
+  }, {
+    x: 7,
+    y: 11.5
+  }, {
+    x: 9,
+    y: 13.5
+  }, {
+    x: 11,
+    y: 15
+  }, {
+    x: 13,
+    y: 16.5
+  }, {
+    x: 15,
+    y: 18
+  }, {
+    x: 17,
+    y: 19.5
+  }, {
+    x: 19,
+    y: 20.5
+  }, {
+    x: 21,
+    y: 21.5
+  }, {
+    x: 23,
+    y: 22.5
+  }, {
+    x: 25,
+    y: 23.5
+  }, {
+    x: 26,
+    y: 23
+  }, {
+    x: 27,
+    y: 23
+  }],
+  bottomSolidLine: [{
+    x: 1,
+    y: 0
+  }, {
+    x: 3,
+    y: 1
+  }, {
+    x: 5,
+    y: 3
+  }, {
+    x: 7,
+    y: 4.5
+  }, {
+    x: 9,
+    y: 6
+  }, {
+    x: 11,
+    y: 7
+  }, {
+    x: 13,
+    y: 8.5
+  }, {
+    x: 15,
+    y: 10.5
+  }, {
+    x: 17,
+    y: 12.5
+  }, {
+    x: 19,
+    y: 13.5
+  }, {
+    x: 21,
+    y: 15
+  }, {
+    x: 23,
+    y: 16
+  }, {
+    x: 25,
+    y: 17.5
+  }, {
+    x: 27,
+    y: 17
+  }],
+  topDashLine: [{
+    x: 1,
+    y: 5.5
+  }, {
+    x: 2,
+    y: 7
+  }, {
+    x: 3,
+    y: 7
+  }, {
+    x: 5,
+    y: 8.5
+  }, {
+    x: 7,
+    y: 10
+  }, {
+    x: 9,
+    y: 12
+  }, {
+    x: 11,
+    y: 13.5
+  }, {
+    x: 13,
+    y: 15
+  }, {
+    x: 15,
+    y: 16.5
+  }, {
+    x: 17,
+    y: 18.5
+  }, {
+    x: 19,
+    y: 19
+  }, {
+    x: 21,
+    y: 20.5
+  }, {
+    x: 23,
+    y: 21
+  }, {
+    x: 25,
+    y: 22.5
+  }, {
+    x: 26,
+    y: 22
+  }, {
+    x: 27,
+    y: 22
+  }],
+  bottomDashLine: [{
+    x: 1,
+    y: 1.5
+  }, {
+    x: 3,
+    y: 2.5
+  }, {
+    x: 5,
+    y: 4.5
+  }, {
+    x: 7,
+    y: 6
+  }, {
+    x: 9,
+    y: 7.5
+  }, {
+    x: 11,
+    y: 8.5
+  }, {
+    x: 13,
+    y: 10
+  }, {
+    x: 15,
+    y: 12.5
+  }, {
+    x: 17,
+    y: 14.5
+  }, {
+    x: 19,
+    y: 14.5
+  }, {
+    x: 21,
+    y: 16
+  }, {
+    x: 23,
+    y: 17.5
+  }, {
+    x: 25,
+    y: 18.5
+  }, {
+    x: 26,
+    y: 18
+  }, {
+    x: 27,
+    y: 17.5
+  }]
+};
+set(fundalHeightData, 'lineArea', getLineArea(get(fundalHeightData, 'bottomSolidLine'), get(fundalHeightData, 'topSolidLine')));
+export { bmiData2 as a, bmiData1 as b, bmiData3 as c, bmiData4 as d, bpdData as e, flData as f, acData as g, fundalHeightData as h };