@lm_fe/components_m 0.1.201 → 0.2.2

package/dist/a_chunks/.root75.js

@@ -1,578 +1,658 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-import 'antd/es/button/style';
-import _Button from 'antd/es/button';
-import 'antd/es/row/style';
-import _Row from 'antd/es/row';
-import 'antd/es/input-number/style';
-import _InputNumber from 'antd/es/input-number';
-import 'antd/es/col/style';
-import _Col from 'antd/es/col';
-import 'antd/es/form/style';
-import _Form from 'antd/es/form';
-import { i as BaseFormComponent, _ as _extends } from './index.js';
-import _set from 'lodash/set';
-import _map from 'lodash/map';
-import _join from 'lodash/join';
-import _isEqual from 'lodash/isEqual';
-import _isEmpty from 'lodash/isEmpty';
-import _isArray from 'lodash/isArray';
-import _indexOf from 'lodash/indexOf';
-import _get from 'lodash/get';
-import _filter from 'lodash/filter';
-import _cloneDeep from 'lodash/cloneDeep';
-import { TimePicker_L, LazyAntd } from '@lm_fe/components';
-import { formatDate } from '@lm_fe/utils';
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import React, { useState, useEffect } from 'react';
+import { Row, Col, Input, InputNumber, Radio, Form, Divider, Button } from 'antd';
+import { map, get, set, isEmpty, compact, split, indexOf, join, isNil, filter, cloneDeep } from 'lodash';
+import { af as MultipleInputWithLabel, a as styleInject, ag as DynamicForm, a8 as formDescriptionsWithoutSectionApi } from './index.js';
 import dayjs from 'dayjs';
-import React, { Component } from 'react';
-import { C as CELL_WIDTH_SMALL } from './common-table-item.js';
-import { c as columnsConfig, b as bloodFlowsColumns, h as hemogramExamColumns } from './index3.js';
-import '@lm_fe/env';
-import 'lodash/isFunction';
-import '@ant-design/icons';
-import 'antd/es/space/style';
-import 'antd/es/space';
-import 'antd/es/input/style';
-import 'antd/es/input';
-import 'lodash/compact';
+import { LazyAntd, DatePicker_L, MyIcon } from '@lm_fe/components';
+import InputWithLabel from './.root76.js';
+import NormalCheckboxWithInput from './.root77.js';
+import { safe_json_parse } from '@lm_fe/utils';
+import { SMchc_FormDescriptions } from '@lm_fe/service';
+import '@lm_fe/provoke';
 import 'classnames';
-import 'antd/es/checkbox/style';
-import 'antd/es/checkbox';
-import 'lodash/isString';
-import 'lodash/isNumber';
-import 'lodash/isBoolean';
-import 'antd/es/divider/style';
-import 'antd/es/divider';
-import 'antd/es/switch/style';
-import 'antd/es/switch';
-import 'lodash/identity';
-import '@lm_fe/service';
-import 'lodash/isObject';
-import 'lodash/keys';
-import 'lodash/keyBy';
-import 'lodash/isNil';
-import 'antd/es/tooltip/style';
-import 'antd/es/tooltip';
-import 'antd/es/spin/style';
-import 'antd/es/spin';
-import 'antd/es/message/style';
-import 'antd/es/message';
-import 'lodash/has';
-import 'antd/es/modal/style';
-import 'antd/es/modal';
-import 'lodash/size';
-import 'lodash/includes';
-import 'lodash/forEach';
-import 'react-to-print';
-import 'lodash/concat';
-import 'lodash/reduce';
-import 'lodash/debounce';
-import 'lodash/pickBy';
-import 'antd/es/auto-complete/style';
-import 'antd/es/auto-complete';
-import 'lodash/nth';
-import 'lodash/assign';
-import 'antd/es/popover/style';
-import 'antd/es/popover';
-import 'antd/es/menu/style';
-import 'antd/es/menu';
+import '@lm_fe/env';
+import 'reconnecting-websocket';
 import 'store';
-import 'antd/es/popconfirm/style';
-import 'antd/es/popconfirm';
-import 'antd/es/radio/style';
-import 'antd/es/radio';
-import 'lodash/last';
-import 'lodash/toUpper';
+var fromApi = function fromApi(data, nativeFormDescriptions) {
+  var resultArray = map(data, function (item) {
+    var result = _objectSpread({}, item);
+    map(nativeFormDescriptions, function (desctiption, key) {
+      var tranferRules = desctiption.tranfer_rules;
+      var type = 'default';
+      var path = key;
+      if (tranferRules && JSON.parse(tranferRules)) {
+        var tranferRulesJson = JSON.parse(tranferRules);
+        type = get(tranferRulesJson, 'type') ? get(tranferRulesJson, 'type') : 'default';
+        path = get(tranferRulesJson, 'path') ? get(tranferRulesJson, 'path') : key;
+      }
+      switch (type) {
+        case 'key_and_keyNote':
+          set(result, "".concat(key, ".key"), get(item, path));
+          set(result, "".concat(key, ".keyNote"), get(item, "".concat(path, "Note")));
+          break;
+        case 'moment':
+          set(result, key, dayjs(get(item, path)));
+          break;
+        case 'default':
+        default:
+          set(result, key, get(item, path));
+          break;
+      }
+    });
+    return result;
+  });
+  // console.log(resultArray);
+  return resultArray;
+};
+var toApi = function toApi(data, nativeFormDescriptions) {
+  var resultArray = map(data, function (item) {
+    var result = _objectSpread({}, item);
+    map(nativeFormDescriptions, function (desctiption, key) {
+      var tranferRules = desctiption.tranfer_rules;
+      var type = 'default';
+      var path = key;
+      if (tranferRules && JSON.parse(tranferRules)) {
+        var tranferRulesJson = JSON.parse(tranferRules);
+        type = get(tranferRulesJson, 'type') ? get(tranferRulesJson, 'type') : 'default';
+        path = get(tranferRulesJson, 'path') ? get(tranferRulesJson, 'path') : key;
+      }
+      switch (type) {
+        case 'key_and_keyNote':
+          set(result, path, get(item, "".concat(key, ".key")));
+          set(result, "".concat(path, "Note"), get(item, "".concat(key, ".keyNote")));
+          break;
+        case 'default':
+        default:
+          set(result, path, get(item, key));
+          break;
+      }
+    });
+    return result;
+  });
+  // console.log(resultArray);
+  return resultArray;
+};
+var Tree$1 = LazyAntd.Tree,
+  TreeSelect$1 = LazyAntd.TreeSelect,
+  Select$1 = LazyAntd.Select,
+  Table$1 = LazyAntd.Table,
+  Dropdown$1 = LazyAntd.Dropdown,
+  Pagination$1 = LazyAntd.Pagination;
+var SelectWithInput = function SelectWithInput(props) {
+  var _props$inputType = props.inputType,
+    inputType = _props$inputType === void 0 ? 'string' : _props$inputType,
+    selectOptions = props.options,
+    value = props.value,
+    selectedValueShowInput = props.selectedValueShowInput,
+    _props$getPopupContai = props.getPopupContainer,
+    getPopupContainer = _props$getPopupContai === void 0 ? function () {
+      return document.body;
+    } : _props$getPopupContai;
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    data = _useState2[0],
+    setData = _useState2[1];
+  useEffect(function () {
+    !isEmpty(value) && setData(value);
+  }, [props.value]);
+  var handleChange = function handleChange(type) {
+    return function (e) {
+      var onChange = props.onChange;
+      if (type === 'string') {
+        set(data, 'input', get(e, 'target.value'));
+      }
+      if (type === 'number') {
+        set(data, 'input', e);
+      }
+      if (type === 'select') {
+        set(data, 'select', e);
+        set(data, 'input', '');
+      }
+      setData(data);
+      onChange && onChange(data);
+    };
+  };
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
+    span: 11
+  }, /*#__PURE__*/React.createElement(Select$1, {
+    onChange: handleChange('select'),
+    placeholder: "\u8BF7\u9009\u62E9...",
+    value: get(data, 'select'),
+    getPopupContainer: getPopupContainer
+  }, map(selectOptions, function (option) {
+    return /*#__PURE__*/React.createElement(Select$1.Option, {
+      key: option.key || option.value,
+      value: option.value
+    }, option.label);
+  }))), get(data, 'select') === selectedValueShowInput && (/*#__PURE__*/React.createElement(Col, {
+    span: 11,
+    offset: 1
+  }, inputType === 'string' ? (/*#__PURE__*/React.createElement(Input, {
+    onChange: handleChange(inputType),
+    value: get(data, 'input'),
+    placeholder: "\u8BF7\u8F93\u5165..."
+  })) : (/*#__PURE__*/React.createElement(InputNumber, {
+    onChange: handleChange(inputType),
+    placeholder: "\u8BF7\u8F93\u5165...",
+    value: get(data, 'input')
+  }))))));
+};
+var NormalSelectWithInput = function NormalSelectWithInput(props) {
+  var _get;
+  var config = get(props, 'config');
+  var specialConfig = (_get = get(config, 'specialConfig')) !== null && _get !== void 0 ? _get : safe_json_parse(get(config, 'special_config'));
+  var options = get(specialConfig, 'options');
+  var inputType = get(specialConfig, 'inputType');
+  var selectedValueShowInput = get(specialConfig, 'selectedValueShowInput');
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    data = _useState4[0],
+    setData = _useState4[1];
+  useEffect(function () {
+    var value = props.value;
+    if (!isEmpty(value)) {
+      setData({
+        select: get(value, 'key'),
+        input: get(value, 'keyNote')
+      });
+    }
+  }, [props.value]);
+  var handleChange = function handleChange(callbackData) {
+    var onChange = props.onChange;
+    var newData = {
+      key: get(callbackData, 'select'),
+      keyNote: get(callbackData, 'input')
+    };
+    onChange && onChange(newData);
+  };
+  return /*#__PURE__*/React.createElement(SelectWithInput, {
+    inputType: inputType,
+    options: options,
+    value: data,
+    selectedValueShowInput: selectedValueShowInput,
+    onChange: handleChange
+  });
+};
 var Tree = LazyAntd.Tree,
   TreeSelect = LazyAntd.TreeSelect,
   Select = LazyAntd.Select,
   Table = LazyAntd.Table,
   Dropdown = LazyAntd.Dropdown,
   Pagination = LazyAntd.Pagination;
-var layout = {
-  labelCol: {
-    span: 12
-  },
-  wrapperCol: {
-    span: 12
-  }
+var SelectWithOptions = function SelectWithOptions(props) {
+  var _get2;
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    data = _useState6[0],
+    setData = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    showOther = _useState8[0],
+    setShowOther = _useState8[1];
+  var _useState9 = useState(''),
+    _useState10 = _slicedToArray(_useState9, 2),
+    otherNote = _useState10[0],
+    setOtherNote = _useState10[1];
+  var _useState11 = useState({}),
+    _useState12 = _slicedToArray(_useState11, 2),
+    dataResponse = _useState12[0],
+    setDataResponse = _useState12[1];
+  var config = (_get2 = get(props, 'config.specialConfig')) !== null && _get2 !== void 0 ? _get2 : safe_json_parse(get(props, 'config.special_config'));
+  var options = get(config, 'options') || [];
+  useEffect(function () {
+    var value = props.value;
+    // 字符串形式，如丈夫疾病史
+    if (get(config, 'type') === 'string') {
+      setData(compact(split(value, ',')));
+      // 对象形式，如孕妇疾病史
+    } else if (get(config, 'type') === 'object') {
+      var selectedArray = map(options, function (option) {
+        if (get(value, option.value)) {
+          return option.value;
+        }
+      });
+      if (get(config, 'needShowOther') && indexOf(selectedArray, 'other') > -1) {
+        setShowOther(true);
+        setOtherNote(get(value, 'otherNote'));
+      }
+      setData(compact(selectedArray));
+      // 数组形式，如分娩方式、不良生育史
+    } else if (get(config, 'type') === 'array') {
+      setData(value);
+    }
+  }, [props.value]);
+  var handleChange = function handleChange(selectedArray) {
+    var onChange = props.onChange;
+    // eslint-disable-next-line no-shadow
+    var dataResponse = null;
+    if (get(config, 'type') === 'string') {
+      dataResponse = join(selectedArray, ',');
+    } else if (get(config, 'type') === 'object') {
+      dataResponse = {};
+      if (get(config, 'mode') === 'single') {
+        set(dataResponse, selectedArray, true);
+      } else {
+        map(selectedArray, function (selectedDisease) {
+          set(dataResponse, selectedDisease, true);
+        });
+      }
+      if (get(config, 'needShowOther') && indexOf(selectedArray, 'other') > -1) {
+        setShowOther(true);
+        setDataResponse(dataResponse);
+      } else {
+        setShowOther(false);
+        setOtherNote('');
+      }
+    } else if (get(config, 'type') === 'array') {
+      dataResponse = selectedArray;
+    }
+    setData(selectedArray);
+    onChange && onChange(dataResponse);
+  };
+  var handleInputChange = function handleInputChange(e) {
+    var onChange = props.onChange;
+    setOtherNote(e.target.value);
+    if (get(config, 'type') === 'object') {
+      onChange && onChange(_objectSpread(_objectSpread({}, dataResponse), {}, {
+        otherNote: otherNote
+      }));
+    }
+  };
+  return /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Select, _objectSpread({
+    allowClear: true,
+    mode: get(config, 'mode'),
+    value: data,
+    onChange: handleChange
+  }, get(props, 'config.inputProps')), map(options, function (option) {
+    return /*#__PURE__*/React.createElement(Select.Option, {
+      key: get(option, 'value'),
+      value: get(option, 'value')
+    }, get(option, 'label') || get(option, 'value'));
+  })), showOther && /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u5176\u5B83",
+    value: otherNote,
+    onChange: handleInputChange
+  }));
 };
-var IntrauterineBloodTransfusion = /*#__PURE__*/function (_Component) {
-  function IntrauterineBloodTransfusion(props) {
+var FoetalAppendageFormSection = /*#__PURE__*/function (_React$Component) {
+  function FoetalAppendageFormSection() {
     var _this;
-    _classCallCheck(this, IntrauterineBloodTransfusion);
-    _this = _callSuper(this, IntrauterineBloodTransfusion, [props]);
-    _defineProperty(_this, "columns", void 0);
-    _defineProperty(_this, "value", void 0);
-    _defineProperty(_this, "formatColumns", function (tableName) {
-      return function (columns) {
-        var _this$state = _this.state,
-          editingCol = _this$state.editingCol,
-          editingRow = _this$state.editingRow,
-          editingTable = _this$state.editingTable;
-        return _map(columns, function (column) {
-          var editable = column.editable,
-            inputType = column.inputType,
-            dataIndex = column.dataIndex,
-            inputProps = column.inputProps,
-            children = column.children,
-            width = column.width;
-          if (!_isEmpty(children)) {
-            return _objectSpread(_objectSpread({}, column), {}, {
-              width: width || CELL_WIDTH_SMALL,
-              children: _this.formatColumns(tableName)(children)
-            });
-          }
-          if (!editable) {
-            return column;
-          }
-          return _objectSpread(_objectSpread({}, column), {}, {
-            render: function render(value, rowData, rowIndex) {
-              var renderValue = value;
-              if (['single_date_picker'].indexOf(inputType) > -1) {
-                renderValue = value ? dayjs(value, 'YYYY-MM-DD') : dayjs();
-              }
-              return editingTable === tableName && editingCol === dataIndex && editingRow === rowIndex && editable ? /*#__PURE__*/React.createElement(BaseFormComponent, _extends({}, inputProps, {
-                inputProps: inputProps,
-                key: rowIndex,
-                size: "small",
-                inputType: inputType,
-                defaultValue: renderValue,
-                autoFocus: true,
-                defaultOpen: true,
-                onBlur: _this.handleBlur({
-                  tableName: tableName,
-                  dataIndex: dataIndex,
-                  inputType: inputType,
-                  rowIndex: rowIndex
-                }),
-                onChange: _this.handleItemChange({
-                  tableName: tableName,
-                  dataIndex: dataIndex,
-                  inputType: inputType,
-                  rowIndex: rowIndex
-                })
-              })) : /*#__PURE__*/React.createElement("span", {
-                className: "custom-table-cell",
-                onClick: function onClick() {
-                  _this.setState({
-                    editingRow: rowIndex,
-                    editingCol: dataIndex,
-                    editingValue: value,
-                    editingTable: tableName
-                  });
-                }
-              }, value);
+    _classCallCheck(this, FoetalAppendageFormSection);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, FoetalAppendageFormSection, [].concat(args));
+    _defineProperty(_this, "renderRowAndCol", function () {
+      var formDescriptionArr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      return /*#__PURE__*/React.createElement(Row, null, map(formDescriptionArr, function (formDescription, index) {
+        return /*#__PURE__*/React.createElement(Col, {
+          key: index,
+          span: get(formDescription, 'span'),
+          offset: get(formDescription, 'offset')
+        }, _this.renderItem(formDescription));
+      }));
+    });
+    _defineProperty(_this, "renderItem", function (formDescription) {
+      var _this$props = _this.props,
+        renderEditItem = _this$props.renderEditItem,
+        data = _this$props.data,
+        _onChange = _this$props.onChange;
+      var formDescriptionKey = get(formDescription, 'key');
+      switch (get(formDescription, 'inputType')) {
+        case 'input':
+          return renderEditItem(formDescriptionKey, /*#__PURE__*/React.createElement(Input, _objectSpread(_objectSpread({}, get(formDescription, 'inputProps')), {}, {
+            value: get(data, formDescriptionKey),
+            onChange: function onChange(e) {
+              _onChange(formDescriptionKey, get(e, 'target.value'));
             }
+          })), {
+            customFormItemLayout: get(formDescription, 'formItemLayout') || {}
           });
-        });
-      };
+        case 'select_with_options':
+          return renderEditItem(formDescriptionKey, /*#__PURE__*/React.createElement(SelectWithOptions, {
+            config: formDescription,
+            value: get(data, formDescriptionKey),
+            onChange: function onChange(e) {
+              _onChange(formDescriptionKey, e);
+            }
+          }), {
+            customFormItemLayout: get(formDescription, 'formItemLayout') || {}
+          });
+        case 'pregnant_radio':
+          return renderEditItem(get(formDescription, 'key'), /*#__PURE__*/React.createElement(Radio.Group, {
+            value: get(data, formDescriptionKey),
+            onChange: function onChange(e) {
+              _onChange(formDescriptionKey, get(e, 'target.value'));
+            }
+          }, /*#__PURE__*/React.createElement(Radio, {
+            value: false
+          }, "\u5426"), /*#__PURE__*/React.createElement(Radio, {
+            value: true
+          }, "\u662F")), {
+            customFormItemLayout: get(formDescription, 'formItemLayout') || {},
+            styles: get(formDescription, 'styles')
+          });
+        case 'single_date_picker':
+          return renderEditItem(formDescriptionKey, /*#__PURE__*/React.createElement(DatePicker_L, _objectSpread(_objectSpread({
+            value: get(data, formDescriptionKey)
+          }, get(formDescription, 'inputProps')), {}, {
+            onChange: function onChange(e) {
+              _onChange(formDescriptionKey, e);
+            }
+          })), {
+            customFormItemLayout: get(formDescription, 'formItemLayout') || {}
+          });
+        case 'select_with_input':
+          return renderEditItem(formDescriptionKey, /*#__PURE__*/React.createElement(NormalSelectWithInput, {
+            config: formDescription,
+            value: get(data, formDescriptionKey),
+            onChange: function onChange(e) {
+              _onChange(formDescriptionKey, e);
+            }
+          }), {
+            customFormItemLayout: get(formDescription, 'formItemLayout') || {}
+          });
+        case 'input_number':
+          return renderEditItem(formDescriptionKey, /*#__PURE__*/React.createElement(InputNumber, _objectSpread(_objectSpread({
+            value: get(data, formDescriptionKey),
+            min: 0
+          }, get(formDescription, 'inputProps')), {}, {
+            onChange: function onChange(e) {
+              _onChange(formDescriptionKey, e);
+            },
+            controls: false
+          })), {
+            customFormItemLayout: get(formDescription, 'formItemLayout') || {}
+          });
+        case 'normal_checkbox_with_input':
+          return renderEditItem(formDescriptionKey, /*#__PURE__*/React.createElement(NormalCheckboxWithInput, {
+            value: get(data, formDescriptionKey),
+            config: formDescription,
+            onChange: function onChange(e) {
+              _onChange(formDescriptionKey, e);
+            }
+          }), {
+            customFormItemLayout: get(formDescription, 'formItemLayout') || {}
+          });
+        case 'multiple_input_with_label':
+          return renderEditItem(get(formDescription, 'key'), /*#__PURE__*/React.createElement(MultipleInputWithLabel, {
+            config: formDescription,
+            value: get(data, formDescriptionKey),
+            onChange: function onChange(e) {
+              _onChange(formDescriptionKey, e);
+            }
+          }), {
+            customFormItemLayout: get(formDescription, 'formItemLayout') || {},
+            styles: get(formDescription, 'styles')
+          });
+        case 'input_with_label':
+          return renderEditItem(get(formDescription, 'key'), /*#__PURE__*/React.createElement(InputWithLabel, {
+            config: formDescription,
+            value: get(data, formDescriptionKey),
+            onChange: function onChange(e) {
+              _onChange(formDescriptionKey, e);
+            }
+          }), {
+            customFormItemLayout: get(formDescription, 'formItemLayout') || {},
+            styles: get(formDescription, 'styles')
+          });
+        default:
+          return renderEditItem(formDescriptionKey, /*#__PURE__*/React.createElement(Input, _objectSpread(_objectSpread({
+            value: get(data, formDescriptionKey)
+          }, get(formDescription, 'inputProps')), {}, {
+            onChange: function onChange(e) {
+              _onChange(formDescriptionKey, get(e, 'target.value'));
+            }
+          })), {
+            customFormItemLayout: get(formDescription, 'formItemLayout') || {},
+            styles: get(formDescription, 'styles')
+          });
+      }
     });
-    _defineProperty(_this, "handleBlur", function (_ref) {
-      var tableName = _ref.tableName,
-        dataIndex = _ref.dataIndex,
-        inputType = _ref.inputType,
-        rowIndex = _ref.rowIndex;
-      return function () {
-        var onChange = _this.props.onChange;
-        var _this$state2 = _this.state,
-          editingCol = _this$state2.editingCol,
-          editingRow = _this$state2.editingRow,
-          editingValue = _this$state2.editingValue,
-          editingTable = _this$state2.editingTable;
-        _this.setState({
-          editingRow: undefined,
-          editingCol: undefined,
-          editingValue: undefined,
-          editingTable: undefined
-        });
-        var path = dataIndex;
-        if (_isArray(dataIndex)) {
-          path = _join(dataIndex, '.');
-        }
-        var data = _cloneDeep(_this.value);
-        _set(data, "".concat(rowIndex, ".").concat(path), editingValue);
-        if (tableName === 'procedure') {
-          _set(data, "pdProcedures.".concat(rowIndex, ".").concat(path), editingValue);
-          if (dataIndex === 'actualbtvolume' || dataIndex === 'btDuration') {
-            var actualbtvolume = Number(_get(data, "pdProcedures.".concat(rowIndex, ".actualbtvolume")) || 0);
-            var btDuration = Number(_get(data, "pdProcedures.".concat(rowIndex, ".btDuration")) || 1);
-            _set(data, "pdProcedures.".concat(rowIndex, ".btspeed"), (actualbtvolume / btDuration).toFixed(3));
+    _defineProperty(_this, "renderContent", function () {
+      var _this$props2 = _this.props,
+        _this$props2$formDesc = _this$props2.formDescriptions,
+        formDescriptions = _this$props2$formDesc === void 0 ? [] : _this$props2$formDesc,
+        formData = _this$props2.formData,
+        tabIndex = _this$props2.tabIndex;
+      var tempArr = [];
+      var tempSpan = 0;
+      var formArray = [];
+      map(formDescriptions, function (formDescription, index) {
+        if (!isNil(get(formDescription, 'span')) && !isNil(get(formDescription, 'offset'))) {
+          if (get(formDescription, 'isNewRow')) {
+            var renderArr = tempArr;
+            tempSpan = 0;
+            tempArr = [];
+            formArray.push(_this.renderRowAndCol(renderArr));
           }
-        } else if (tableName === 'bloodFlows') {
-          if (rowIndex % 2 === 0) {
-            _set(data, "pdPreBloodFlows.".concat(Math.floor(rowIndex / 2), ".").concat(path), editingValue);
+          if (tempSpan < 25 && tempSpan + get(formDescription, 'span') + get(formDescription, 'offset') < 25) {
+            tempSpan = tempSpan + get(formDescription, 'span') + get(formDescription, 'offset');
+            tempArr.push(formDescription);
+            if (Number(index) === formDescriptions.length - 1) {
+              formArray.push(_this.renderRowAndCol(tempArr));
+              tempArr = [];
+            }
           } else {
-            _set(data, "pdPostBloodFlows.".concat(Math.floor(rowIndex / 2), ".").concat(path), editingValue);
-          }
-        } else if (tableName === 'hemogramExam') {
-          if (rowIndex % 3 === 0) {
-            _set(data, "pdPreHemograms.".concat(Math.floor(rowIndex / 3), ".").concat(path), editingValue);
-          } else if (rowIndex % 3 === 1) {
-            _set(data, "pdPreHemogramBanks.".concat(Math.floor(rowIndex / 3), ".").concat(path), editingValue);
-          } else if (rowIndex % 3 === 2) {
-            _set(data, "pdPostHemograms.".concat(Math.floor(rowIndex / 3), ".").concat(path), editingValue);
+            var _renderArr = tempArr;
+            tempArr = [];
+            formArray.push(_this.renderRowAndCol(_renderArr));
+            tempSpan = get(formDescription, 'span') + get(formDescription, 'offset');
+            tempArr.push(formDescription);
           }
+        } else {
+          formArray.push(_this.renderItem(formDescription));
         }
-        // console.log(data);
-        onChange && onChange(data);
-      };
+      });
+      if (!isEmpty(tempArr)) {
+        formArray.push(_this.renderRowAndCol(tempArr));
+      }
+      return formArray;
     });
-    _defineProperty(_this, "handleItemChange", function (_ref2) {
-      var tableName = _ref2.tableName,
-        dataIndex = _ref2.dataIndex,
-        inputType = _ref2.inputType,
-        rowIndex = _ref2.rowIndex;
-      return function (event) {
-        var value = _get(event, 'target.value');
-        switch (inputType) {
-          case 'select_tag_with_options':
-          case 'normal_select':
-          case 'tree_select':
-          case 'select_with_no':
-          case 'select_with_options_or_input':
-            value = event;
-            break;
-          case 'date':
-          case 'single_date_picker':
-            value = formatDate(event);
-            break;
-        }
-        _this.setState({
-          editingValue: value,
-          editingTable: tableName
+    return _this;
+  }
+  _inherits(FoetalAppendageFormSection, _React$Component);
+  return _createClass(FoetalAppendageFormSection, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, this.renderContent());
+    }
+  }]);
+}(React.Component);
+var css_248z = ".foetal-panel {\n  display: flex;\n  align-items: center;\n}\n.foetal-panel:hover .foetal-panel-delete {\n  visibility: visible;\n}\n.foetal-panel-content {\n  width: 100%;\n}\n.foetal-panel-delete {\n  cursor: pointer;\n  visibility: hidden;\n}\n";
+styleInject(css_248z);
+var TAB_TITLE = '新生儿';
+// 新生儿信息
+var NoenateRecord = /*#__PURE__*/function (_DynamicForm) {
+  function NoenateRecord(props) {
+    var _this2;
+    _classCallCheck(this, NoenateRecord);
+    _this2 = _callSuper(this, NoenateRecord, [props]);
+    _defineProperty(_this2, "index", void 0);
+    _defineProperty(_this2, "nativeFormDescriptions", void 0);
+    _defineProperty(_this2, "handleAddFetus", function () {
+      var data = _this2.state.data;
+      _this2.index += 1;
+      data.push({
+        key: "".concat(_this2.index)
+      });
+      _this2.setState({
+        data: data
+      });
+    });
+    _defineProperty(_this2, "handleRemoveFetus", function (_ref) {
+      var key = _ref.key;
+      return function () {
+        var data = _this2.state.data;
+        var newData = filter(data, function (item) {
+          return item.key !== key;
         });
+        _this2.setState({
+          data: newData
+        });
+        _this2.throwDataByOnChange(newData);
       };
     });
-    _defineProperty(_this, "handleAdd", function () {
-      var onChange = _this.props.onChange;
-      var _this$state3 = _this.state,
-        dataSource = _this$state3.dataSource,
-        bloodFlowsDataSource = _this$state3.bloodFlowsDataSource,
-        hemogramExamDataSource = _this$state3.hemogramExamDataSource;
-      var value = _this.value;
-      var newPdProcedure = {
-        key: Math.random()
-      };
-      var pdPreBloodFlow = {
-        key: Math.random(),
-        name: '术前血流',
-        checkDate: dayjs().format('YYYY-MM-DD')
-      };
-      var pdPostBloodFlow = {
-        key: Math.random(),
-        name: '术后血流',
-        checkDate: dayjs().format('YYYY-MM-DD')
-      };
-      var pdPreHemogram = {
-        key: Math.random(),
-        name: '术前血象(胎)'
-      };
-      var pdPreHemogramBank = {
-        key: Math.random(),
-        name: '术前血象(库血)'
-      };
-      var pdPostHemogram = {
-        key: Math.random(),
-        name: '术后血象(胎)'
-      };
-      _this.setState({
-        dataSource: [].concat(_toConsumableArray(dataSource), [newPdProcedure]),
-        bloodFlowsDataSource: [].concat(_toConsumableArray(bloodFlowsDataSource), [pdPreBloodFlow, pdPostBloodFlow]),
-        hemogramExamDataSource: [].concat(_toConsumableArray(hemogramExamDataSource), [pdPreHemogram, pdPreHemogramBank, pdPostHemogram])
-      });
-      onChange && onChange({
-        pdProcedures: [].concat(_toConsumableArray(_get(value, 'pdProcedures') || []), [newPdProcedure]),
-        pdPreBloodFlows: [].concat(_toConsumableArray(_get(value, 'pdPreBloodFlows') || []), [pdPreBloodFlow]),
-        pdPostBloodFlows: [].concat(_toConsumableArray(_get(value, 'pdPostBloodFlows') || []), [pdPostBloodFlow]),
-        pdPreHemograms: [].concat(_toConsumableArray(_get(value, 'pdPreHemograms') || []), [pdPreHemogram]),
-        pdPreHemogramBanks: [].concat(_toConsumableArray(_get(value, 'pdPreHemogramBanks') || []), [pdPreHemogramBank]),
-        pdPostHemograms: [].concat(_toConsumableArray(_get(value, 'pdPostHemograms') || []), [pdPostHemogram])
+    // 获取表单数据
+    _defineProperty(_this2, "handleFieldsChange", function (formDescriptionKey, callbackData) {
+      var data = _this2.state.data;
+      var names = split(formDescriptionKey, '_');
+      set(data, "".concat(get(names, '1'), ".").concat(formDescriptionKey), callbackData);
+      _this2.throwDataByOnChange(data);
+      _this2.setState({
+        data: data
       });
     });
-    _defineProperty(_this, "handleRowSelectChange", function (selectedRowKeys) {
-      _this.setState({
-        selectedRowKeys: selectedRowKeys
+    _defineProperty(_this2, "throwDataByOnChange", function (data) {
+      var onChange = _this2.props.onChange;
+      var tempData = map(data, function (item) {
+        var tempItem = {};
+        map(item, function (itemValue, key) {
+          var names = split(key, '_');
+          set(tempItem, get(names, 0), itemValue);
+        });
+        return tempItem;
       });
+      onChange && onChange(toApi(tempData, _this2.nativeFormDescriptions));
+      return data;
+    });
+    _defineProperty(_this2, "generateRenderEditItem", function (formDescriptions) {
+      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var formItemLayout = options.formItemLayout;
+      return function (key, ReactNode) {
+        var others = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+        var config = get(formDescriptions, key) || {};
+        var label = config.label,
+          rules = config.rules;
+        return /*#__PURE__*/React.createElement(Form.Item, _objectSpread(_objectSpread(_objectSpread({}, formItemLayout), get(others, 'customFormItemLayout')), {}, {
+          style: _objectSpread({}, get(others, 'styles')),
+          key: key,
+          label: label,
+          rules: rules
+        }), ReactNode);
+      };
     });
-    _defineProperty(_this, "handlePatchDelete", function () {
-      var onChange = _this.props.onChange;
-      var _this$state4 = _this.state,
-        selectedRowKeys = _this$state4.selectedRowKeys,
-        dataSource = _this$state4.dataSource,
-        bloodFlowsDataSource = _this$state4.bloodFlowsDataSource,
-        hemogramExamDataSource = _this$state4.hemogramExamDataSource;
-      var pdProcedures = _filter(dataSource, function (data) {
-        return _indexOf(selectedRowKeys, data.key) === -1;
+    _defineProperty(_this2, "renderContent", function (item, index) {
+      var data = _this2.state.data;
+      var newFormDescriptions = {};
+      map(cloneDeep(_this2.nativeFormDescriptions), function (formDescription, formDescriptionKey) {
+        set(formDescription, 'key', "".concat(formDescriptionKey, "_").concat(item.key));
+        set(formDescription, 'native_key', formDescriptionKey);
+        set(newFormDescriptions, "".concat(formDescriptionKey, "_").concat(item.key), formDescription);
       });
-      var newBloodFlowsDataSource = [];
-      var newHemogramExamDataSource = [];
-      _map(dataSource, function (pdProcedure, rowIndex) {
-        if (selectedRowKeys.indexOf(_get(pdProcedure, 'key')) === -1) {
-          newBloodFlowsDataSource.push(bloodFlowsDataSource[rowIndex]);
-          newBloodFlowsDataSource.push(bloodFlowsDataSource[rowIndex + 1]);
-          newHemogramExamDataSource.push(bloodFlowsDataSource[rowIndex]);
-          newHemogramExamDataSource.push(bloodFlowsDataSource[rowIndex + 1]);
-          newHemogramExamDataSource.push(bloodFlowsDataSource[rowIndex + 2]);
+      var renderEditItem = _this2.generateRenderEditItem(newFormDescriptions);
+      return /*#__PURE__*/React.createElement("div", {
+        className: css_248z["foetal-panel"]
+      }, /*#__PURE__*/React.createElement("div", {
+        className: css_248z["foetal-panel-content"]
+      }, /*#__PURE__*/React.createElement(Divider, {
+        orientation: "left"
+      }, /*#__PURE__*/React.createElement("span", {
+        style: {
+          fontSize: 12
         }
-      });
-      var pdPreBloodFlows = _filter(newBloodFlowsDataSource, function (data, key) {
-        return Number(key) % 2 === 0;
-      });
-      var pdPostBloodFlows = _filter(newBloodFlowsDataSource, function (data, key) {
-        return Number(key) % 2 === 1;
-      });
-      var pdPreHemograms = _filter(newHemogramExamDataSource, function (data, key) {
-        return Number(key) % 3 === 0;
-      });
-      var pdPostHemograms = _filter(newHemogramExamDataSource, function (data, key) {
-        return Number(key) % 3 === 1;
-      });
-      var pdPreHemogramBanks = _filter(newHemogramExamDataSource, function (data, key) {
-        return Number(key) % 3 === 2;
-      });
-      _this.setState({
-        dataSource: pdProcedures,
-        bloodFlowsDataSource: newBloodFlowsDataSource,
-        hemogramExamDataSource: newHemogramExamDataSource
-      });
-      onChange && onChange({
-        pdProcedures: pdProcedures,
-        pdPreBloodFlows: pdPreBloodFlows,
-        pdPostBloodFlows: pdPostBloodFlows,
-        pdPreHemograms: pdPreHemograms,
-        pdPreHemogramBanks: pdPreHemogramBanks,
-        pdPostHemograms: pdPostHemograms
-      });
+      }, TAB_TITLE, index + 1)), /*#__PURE__*/React.createElement(FoetalAppendageFormSection, {
+        formDescriptions: newFormDescriptions,
+        renderEditItem: renderEditItem,
+        onChange: _this2.handleFieldsChange,
+        data: get(data, index)
+      })), /*#__PURE__*/React.createElement("div", {
+        className: css_248z["foetal-panel-delete"],
+        title: "\u5220\u9664",
+        onClick: _this2.handleRemoveFetus(item)
+      }, /*#__PURE__*/React.createElement(MyIcon, {
+        value: 'MinusCircleOutlined'
+      })));
     });
-    var tableColumnName = _get(props, 'input_props.tableColumnName');
-    _this.state = {
-      dataSource: [],
-      bloodFlowsDataSource: [],
-      hemogramExamDataSource: [],
-      selectedRowKeys: [],
-      editingCol: undefined,
-      editingRow: undefined,
-      editingValue: undefined,
-      editingTable: undefined
+    var _data = [{
+      key: '0'
+    }];
+    _this2.state = {
+      data: _data
     };
-    _this.columns = columnsConfig[tableColumnName];
-    _this.value = _get(props, 'value') || {};
-    return _this;
+    _this2.index = 0;
+    _this2.nativeFormDescriptions = {};
+    return _this2;
   }
-  _inherits(IntrauterineBloodTransfusion, _Component);
-  return _createClass(IntrauterineBloodTransfusion, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      var value = this.props.value;
-      var bloodFlowsDataSource = [];
-      var hemogramExamDataSource = [];
-      if (!_isEqual(prevProps.value, value)) {
-        this.value = value;
-        for (var i = 0; i < _get(value, 'pdPreBloodFlows.length'); i++) {
-          if (i > _get(value, 'pdPreBloodFlows.length') - 1) {
-            break;
-          }
-          bloodFlowsDataSource.push(_objectSpread(_objectSpread({}, _get(value, "pdPreBloodFlows.".concat(i))), {}, {
-            name: "".concat(_get(value, "pdProcedures.".concat(i, ".object")) || '', "\u672F\u524D\u8840\u6D41"),
-            key: _get(value, "pdPreBloodFlows.".concat(i, ".key")) || 'pdPreBloodFlows' + _get(value, "pdPreBloodFlows.".concat(i, ".id"))
-          }));
-          bloodFlowsDataSource.push(_objectSpread(_objectSpread({}, _get(value, "pdPostBloodFlows.".concat(i))), {}, {
-            name: "".concat(_get(value, "pdProcedures.".concat(i, ".object")) || '', "\u672F\u540E\u8840\u6D41"),
-            key: _get(value, "pdPostBloodFlows.".concat(i, ".key")) || 'pdPostBloodFlows' + _get(value, "pdPostBloodFlows.".concat(i, ".id"))
-          }));
-        }
-        for (var _i = 0; _i < _get(value, 'pdPreHemograms.length'); _i++) {
-          if (_i > _get(value, 'pdPreHemograms.length') - 1) {
-            break;
+  _inherits(NoenateRecord, _DynamicForm);
+  return _createClass(NoenateRecord, [{
+    key: "componentDidMount",
+    value: function () {
+      var _componentDidMount = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var _this3 = this;
+        var _this$props3, value, system, data, formField, result;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _this$props3 = this.props, value = _this$props3.value, system = _this$props3.system;
+              data = [];
+              _context.next = 4;
+              return SMchc_FormDescriptions.getModuleParseCache('neonate-record-config');
+            case 4:
+              formField = _context.sent;
+              this.nativeFormDescriptions = formDescriptionsWithoutSectionApi(formField);
+              result = [{}];
+              if (!isEmpty(value)) {
+                result = fromApi(value, this.nativeFormDescriptions);
+              }
+              map(result, function (item, index) {
+                _this3.index = index;
+                var tempValue = {};
+                map(item, function (itemValue, key) {
+                  key !== 'key' && set(tempValue, "".concat(key, "_").concat(index), itemValue);
+                });
+                data.push(_objectSpread({
+                  key: "".concat(index)
+                }, tempValue));
+              });
+              this.setState({
+                data: data
+              });
+            case 10:
+            case "end":
+              return _context.stop();
           }
-          hemogramExamDataSource.push(_objectSpread(_objectSpread({}, _get(value, "pdPreHemograms.".concat(_i))), {}, {
-            name: "".concat(_get(value, "pdProcedures.".concat(_i, ".object")) || '', "\u672F\u524D\u8840\u8C61\uFF08\u80CE\uFF09"),
-            key: _get(value, "pdPreHemograms.".concat(_i, ".key")) || 'pdPreHemograms' + _get(value, "pdPreHemograms.".concat(_i, ".id"))
-          }));
-          hemogramExamDataSource.push(_objectSpread(_objectSpread({}, _get(value, "pdPreHemogramBanks.".concat(_i))), {}, {
-            name: "".concat(_get(value, "pdProcedures.".concat(_i, ".object")) || '', "\u672F\u524D\u8840\u8C61\uFF08\u5E93\u8840\uFF09"),
-            key: _get(value, "pdPreHemogramBanks.".concat(_i, ".key")) || 'pdPreHemogramBanks' + _get(value, "pdPreHemogramBanks.".concat(_i, ".id"))
-          }));
-          hemogramExamDataSource.push(_objectSpread(_objectSpread({}, _get(value, "pdPostHemograms.".concat(_i))), {}, {
-            name: "".concat(_get(value, "pdProcedures.".concat(_i, ".object")) || '', "\u672F\u540E\u8840\u8C61\uFF08\u80CE\uFF09"),
-            key: _get(value, "pdPostHemograms.".concat(_i, ".key")) || 'pdPostHemograms' + _get(value, "pdPostHemograms.".concat(_i, ".id"))
-          }));
-        }
-        this.setState({
-          dataSource: _map(_get(value, 'pdProcedures'), function (item) {
-            return _objectSpread(_objectSpread({}, item), {}, {
-              key: _get(item, 'key') || _get(item, 'id')
-            });
-          }),
-          bloodFlowsDataSource: bloodFlowsDataSource,
-          hemogramExamDataSource: hemogramExamDataSource
-        });
+        }, _callee, this);
+      }));
+      function componentDidMount() {
+        return _componentDidMount.apply(this, arguments);
       }
-    }
+      return componentDidMount;
+    }()
   }, {
     key: "render",
     value: function render() {
-      var _this2 = this;
-      var _onChange = this.props.onChange;
-      var _this$state5 = this.state,
-        dataSource = _this$state5.dataSource,
-        selectedRowKeys = _this$state5.selectedRowKeys,
-        bloodFlowsDataSource = _this$state5.bloodFlowsDataSource,
-        hemogramExamDataSource = _this$state5.hemogramExamDataSource;
-      var newProcedureColumns = this.formatColumns('procedure')(this.columns);
-      var newBloodFlowsColumns = this.formatColumns('bloodFlows')(bloodFlowsColumns);
-      var newHemogramExamColumns = this.formatColumns('hemogramExam')(hemogramExamColumns);
-      return /*#__PURE__*/React.createElement("div", {
-        className: "pd-procedure"
+      var _this4 = this;
+      var data = this.state.data;
+      return /*#__PURE__*/React.createElement(Form, {
+        autoComplete: "off",
+        ref: this.formRef,
+        onFieldsChange: this.handleFieldsChange
       }, /*#__PURE__*/React.createElement("div", {
-        className: "pd-procedure-normal"
-      }, /*#__PURE__*/React.createElement(_Row, null, /*#__PURE__*/React.createElement(_Col, {
-        span: 6
-      }, /*#__PURE__*/React.createElement(_Form.Item, _extends({
-        label: "\u5F00\u59CB\u65F6\u95F4"
-      }, layout), /*#__PURE__*/React.createElement(TimePicker_L, {
-        size: "small",
-        format: "HH:mm",
-        value: _get(dataSource, '0.startTime') ? dayjs(_get(dataSource, '0.startTime'), 'HH:mm') : null,
-        onChange: function onChange(value) {
-          var startTime = dayjs(value).format('HH:mm').toString();
-          var result = _cloneDeep(_this2.value);
-          _set(result, 'pdProcedures.0.startTime', startTime);
-          var pdPreBloodFlow = {
-            key: Math.random(),
-            name: '术前血流',
-            checkDate: dayjs().format('YYYY-MM-DD')
-          };
-          var pdPostBloodFlow = {
-            key: Math.random(),
-            name: '术后血流',
-            checkDate: dayjs().format('YYYY-MM-DD')
-          };
-          var pdPreHemogram = {
-            key: Math.random(),
-            name: '术前血象(胎)'
-          };
-          var pdPreHemogramBank = {
-            key: Math.random(),
-            name: '术前血象(库血)'
-          };
-          var pdPostHemogram = {
-            key: Math.random(),
-            name: '术后血象(胎)'
-          };
-          _onChange && _onChange(_objectSpread(_objectSpread({}, result), {}, {
-            pdPreBloodFlows: [].concat(_toConsumableArray(_get(value, 'pdPreBloodFlows') || []), [pdPreBloodFlow]),
-            pdPostBloodFlows: [].concat(_toConsumableArray(_get(value, 'pdPostBloodFlows') || []), [pdPostBloodFlow]),
-            pdPreHemograms: [].concat(_toConsumableArray(_get(value, 'pdPreHemograms') || []), [pdPreHemogram]),
-            pdPreHemogramBanks: [].concat(_toConsumableArray(_get(value, 'pdPreHemogramBanks') || []), [pdPreHemogramBank]),
-            pdPostHemograms: [].concat(_toConsumableArray(_get(value, 'pdPostHemograms') || []), [pdPostHemogram])
-          }));
-        }
-      }))), /*#__PURE__*/React.createElement(_Col, {
-        span: 6
-      }, /*#__PURE__*/React.createElement(_Form.Item, _extends({
-        label: "\u7ED3\u675F\u65F6\u95F4"
-      }, layout), /*#__PURE__*/React.createElement(DatePicker_L, {
-        size: "small",
-        format: "HH:mm",
-        value: _get(dataSource, '0.endTime') ? dayjs(_get(dataSource, '0.endTime'), 'HH:mm') : null,
-        onChange: function onChange(value) {
-          var minutes = dayjs(value, 'HH:mm').diff(dayjs(_get(dataSource, '0.startTime'), 'HH:mm'), 'minutes');
-          var endTime = dayjs(value).format('HH:mm').toString();
-          var result = _cloneDeep(_this2.value);
-          _set(result, 'pdProcedures.0.endTime', endTime);
-          _set(result, 'pdProcedures.0.duration', minutes);
-          var pdPreBloodFlow = {
-            key: Math.random(),
-            name: '术前血流',
-            checkDate: dayjs().format('YYYY-MM-DD')
-          };
-          var pdPostBloodFlow = {
-            key: Math.random(),
-            name: '术后血流',
-            checkDate: dayjs().format('YYYY-MM-DD')
-          };
-          var pdPreHemogram = {
-            key: Math.random(),
-            name: '术前血象(胎)'
-          };
-          var pdPreHemogramBank = {
-            key: Math.random(),
-            name: '术前血象(库血)'
-          };
-          var pdPostHemogram = {
-            key: Math.random(),
-            name: '术后血象(胎)'
-          };
-          _onChange && _onChange(_objectSpread(_objectSpread({}, result), {}, {
-            pdPreBloodFlows: [].concat(_toConsumableArray(_get(value, 'pdPreBloodFlows') || []), [pdPreBloodFlow]),
-            pdPostBloodFlows: [].concat(_toConsumableArray(_get(value, 'pdPostBloodFlows') || []), [pdPostBloodFlow]),
-            pdPreHemograms: [].concat(_toConsumableArray(_get(value, 'pdPreHemograms') || []), [pdPreHemogram]),
-            pdPreHemogramBanks: [].concat(_toConsumableArray(_get(value, 'pdPreHemogramBanks') || []), [pdPreHemogramBank]),
-            pdPostHemograms: [].concat(_toConsumableArray(_get(value, 'pdPostHemograms') || []), [pdPostHemogram])
-          }));
-        }
-      }))), /*#__PURE__*/React.createElement(_Col, {
-        span: 6
-      }, /*#__PURE__*/React.createElement(_Form.Item, _extends({
-        label: "\u6301\u7EED\u65F6\u95F4"
-      }, layout), /*#__PURE__*/React.createElement(_InputNumber, {
-        size: "small",
-        value: _get(dataSource, '0.duration'),
-        onChange: function onChange(value) {
-          var result = _cloneDeep(_this2.value);
-          _set(result, 'pdProcedures.0.duration', value);
-          _onChange && _onChange(result);
+        style: {
+          display: 'flex',
+          flexDirection: 'row-reverse'
         }
-      }))))), /*#__PURE__*/React.createElement("div", {
-        className: "pd-procedure-table"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "pd-procedure-table__header"
-      }, /*#__PURE__*/React.createElement(_Button, {
-        onClick: this.handleAdd
-      }, "\u65B0\u589E"), /*#__PURE__*/React.createElement(_Button, {
-        disabled: _isEmpty(selectedRowKeys),
-        onClick: this.handlePatchDelete
-      }, "\u5220\u9664")), /*#__PURE__*/React.createElement(Table, {
-        rowSelection: {
-          selectedRowKeys: selectedRowKeys,
-          onChange: this.handleRowSelectChange
-        },
-        size: "small",
-        bordered: true,
-        columns: newProcedureColumns,
-        dataSource: dataSource,
-        pagination: false,
-        scroll: {
-          x: 3000
-        }
-      }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Table, {
-        size: "small",
-        className: "blood-and-thalassemia",
-        bordered: true,
-        columns: newBloodFlowsColumns,
-        dataSource: bloodFlowsDataSource,
-        pagination: false
-      }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Table, {
-        size: "small",
-        className: "blood-and-thalassemia",
-        bordered: true,
-        columns: newHemogramExamColumns,
-        dataSource: hemogramExamDataSource,
-        pagination: false
-      })));
+      }, /*#__PURE__*/React.createElement(Button, {
+        type: "primary",
+        onClick: this.handleAddFetus
+      }, "\u6DFB\u52A0", TAB_TITLE)), map(data, function (item, index) {
+        return _this4.renderContent(item, index);
+      }));
     }
   }]);
-}(Component);
-export { IntrauterineBloodTransfusion as default };
-//# sourceMappingURL=.root75.js.map
+}(DynamicForm);
+export { NoenateRecord as default };