@lm_fe/components_m 0.1.201 → 0.2.5

package/dist/a_chunks/src.BusinessComponents.NoenateRecord.js

@@ -0,0 +1,658 @@
+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";
+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; })(); }
+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 { LazyAntd, DatePicker_L, MyIcon } from '@lm_fe/components';
+import InputWithLabel from './src.ConfigComponents.InputWithLabel.js';
+import NormalCheckboxWithInput from './src.ConfigComponents.NormalCheckboxWithInput.js';
+import { safe_json_parse } from '@lm_fe/utils';
+import { SMchc_FormDescriptions } from '@lm_fe/service';
+import '@lm_fe/provoke';
+import 'classnames';
+import '@lm_fe/env';
+import 'reconnecting-websocket';
+import 'store';
+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 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 FoetalAppendageFormSection = /*#__PURE__*/function (_React$Component) {
+  function FoetalAppendageFormSection() {
+    var _this;
+    _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, "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));
+          }
+          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 {
+            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));
+        }
+      });
+      if (!isEmpty(tempArr)) {
+        formArray.push(_this.renderRowAndCol(tempArr));
+      }
+      return formArray;
+    });
+    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(_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(_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(_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 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
+        }
+      }, 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 _data = [{
+      key: '0'
+    }];
+    _this2.state = {
+      data: _data
+    };
+    _this2.index = 0;
+    _this2.nativeFormDescriptions = {};
+    return _this2;
+  }
+  _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();
+          }
+        }, _callee, this);
+      }));
+      function componentDidMount() {
+        return _componentDidMount.apply(this, arguments);
+      }
+      return componentDidMount;
+    }()
+  }, {
+    key: "render",
+    value: function render() {
+      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", {
+        style: {
+          display: 'flex',
+          flexDirection: 'row-reverse'
+        }
+      }, /*#__PURE__*/React.createElement(Button, {
+        type: "primary",
+        onClick: this.handleAddFetus
+      }, "\u6DFB\u52A0", TAB_TITLE)), map(data, function (item, index) {
+        return _this4.renderContent(item, index);
+      }));
+    }
+  }]);
+}(DynamicForm);
+export { NoenateRecord as default };