@lm_fe/components_m 0.1.201 → 0.2.2

package/dist/a_chunks/.root127.js

@@ -1,798 +1,91 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-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 _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-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; }
-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/style';
-import _Input from 'antd/es/input';
-import 'antd/es/col/style';
-import _Col from 'antd/es/col';
-import 'antd/es/form/style';
-import _Form from 'antd/es/form';
-import { ay as APP_CONFIG, b as styleInject, at as getDictionariesEnumerations, i as BaseFormComponent, _ as _extends, aA as TimePickerAutoaccept } from './index.js';
-import _set from 'lodash/set';
-import _map from 'lodash/map';
-import _join from 'lodash/join';
-import _isNil from 'lodash/isNil';
-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 { LazyAntd } from '@lm_fe/components';
-import { formatDate } from '@lm_fe/utils';
-import dayjs from 'dayjs';
-import React, { Component } from 'react';
-import { HOURS, MINUTES } from './.root128.js';
-import '@lm_fe/env';
-import 'antd/es/divider/style';
-import 'antd/es/divider';
-import 'lodash/isBoolean';
-import '@ant-design/icons';
-import 'lodash/isFunction';
-import 'antd/es/space/style';
-import 'antd/es/space';
-import 'antd/es/input-number/style';
-import 'antd/es/input-number';
-import 'lodash/compact';
-import 'classnames';
-import 'antd/es/checkbox/style';
-import 'antd/es/checkbox';
-import 'lodash/isString';
-import 'lodash/isNumber';
-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 '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 '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 cystocentesisColumns = [{
-  dataIndex: 'name',
-  title: '测量值',
-  align: 'center',
-  editable: false,
-  width: APP_CONFIG.CELL_WIDTH_MIDDLE
-}, {
-  dataIndex: 'leftPleuralEffusion',
-  title: '左胸腔积液(mm)',
-  align: 'center',
-  editable: true,
-  inputType: 'input',
-  width: APP_CONFIG.CELL_WIDTH_MIDDLE
-}, {
-  dataIndex: 'rightPleuralEffusion',
-  title: '右胸腔积液(mm)',
-  align: 'center',
-  editable: true,
-  inputType: 'input',
-  width: APP_CONFIG.CELL_WIDTH_MIDDLE
-}, {
-  dataIndex: 'ascites',
-  title: '腹水(mm)',
-  align: 'center',
-  editable: true,
-  inputType: 'input',
-  width: APP_CONFIG.CELL_WIDTH_MIDDLE
-}, {
-  dataIndex: 'hygromata',
-  title: '囊肿',
-  align: 'center',
-  editable: true,
-  inputType: 'input',
-  width: APP_CONFIG.CELL_WIDTH_MIDDLE
-}, {
-  dataIndex: 'note',
-  title: '备注',
-  align: 'center',
-  editable: true,
-  inputType: 'input',
-  width: 300
-}];
-var tableColumns = [{
-  dataIndex: 'name',
-  editable: true,
-  align: 'center',
-  inputType: 'input',
-  title: '手术名称',
-  width: APP_CONFIG.CELL_WIDTH_LARGE
-}, {
-  dataIndex: 'object',
-  editable: true,
-  align: 'center',
-  inputType: 'select_with_options_or_input',
-  inputProps: {
-    options: [{
-      label: '单胎',
-      value: '单胎'
-    }, {
-      label: 'F1',
-      value: 'F1'
-    }, {
-      label: 'F2',
-      value: 'F2'
-    }, {
-      label: 'F3',
-      value: 'F3'
-    }, {
-      label: 'F4',
-      value: 'F4'
-    }]
-  },
-  title: '穿刺对象',
-  width: APP_CONFIG.CELL_WIDTH_LARGE
-}, {
-  dataIndex: 'punctureTarget',
-  editable: true,
-  align: 'center',
-  inputType: 'select_with_options_or_input',
-  inputProps: {
-    options: [{
-      label: '经脐静脉游离段',
-      value: '经脐静脉游离段'
-    }, {
-      label: '胸腔',
-      value: '胸腔'
-    }]
-  },
-  title: '穿刺部位',
-  width: APP_CONFIG.CELL_WIDTH_LARGE
-}, {
-  dataIndex: 'punctureAmount',
-  editable: true,
-  align: 'center',
-  inputType: 'input',
-  title: '穿刺次数',
-  width: APP_CONFIG.CELL_WIDTH_LARGE
-}, {
-  dataIndex: 'placentaEntryNote',
-  editable: true,
-  align: 'center',
-  // inputType: 'input',
-  inputType: 'dictionary_select_in_table',
-  inputProps: {
-    type: 'select',
-    mode: 'single',
-    boxSpan: 6,
-    uniqueKey: 'prenatalDiagnosis.placentaEntry'
-  },
-  title: '经否胎盘',
-  width: APP_CONFIG.CELL_WIDTH_LARGE
-}, {
-  dataIndex: 'placentaHemorrhageNote',
-  editable: true,
-  align: 'center',
-  inputType: 'select_with_options_or_input',
-  inputProps: {
-    options: [{
-      label: '无',
-      value: '无'
-    }, {
-      label: '有',
-      value: '有'
-    }]
-  },
-  title: '胎盘出血',
-  width: APP_CONFIG.CELL_WIDTH_LARGE
-}, {
-  dataIndex: ['invasiveNote', 'liquidvolume'],
-  editable: true,
-  inputType: 'input',
-  align: 'center',
-  title: '液体量(ml)',
-  width: APP_CONFIG.CELL_WIDTH_MIDDLE
-}, {
-  dataIndex: ['invasiveNote', 'liquidcharacter'],
-  editable: true,
-  align: 'center',
-  inputType: 'select_with_options_or_input',
-  inputProps: {
-    options: [{
-      label: '清亮，金黄色',
-      value: '清亮，金黄色'
-    }, {
-      label: '血型，浅黄色',
-      value: '血型，浅黄色'
-    }, {
-      label: '浑浊',
-      value: '浑浊'
-    }]
-  },
-  title: '液体性质',
-  width: APP_CONFIG.CELL_WIDTH_MIDDLE
-}, {
-  dataIndex: 'medication',
-  editable: true,
-  align: 'center',
-  inputType: 'select_with_options_or_input',
-  inputProps: {
-    options: [{
-      label: '无',
-      value: '无'
-    }, {
-      label: '有',
-      value: '有'
-    }]
-  },
-  title: '用药',
-  width: APP_CONFIG.CELL_WIDTH_MIDDLE
-}, {
-  dataIndex: 'fhr',
-  editable: true,
-  align: 'center',
-  inputType: 'input',
-  title: '术前胎心率',
-  width: APP_CONFIG.CELL_WIDTH_MIDDLE
-}, {
-  dataIndex: 'postFhr',
-  editable: true,
-  align: 'center',
-  inputType: 'input',
-  title: '术后胎心率(bpm)',
-  width: APP_CONFIG.CELL_WIDTH_MIDDLE
-}, {
-  dataIndex: 'fhrdecNote',
-  editable: true,
-  align: 'center',
-  inputType: 'select_with_options_or_input',
-  inputProps: {
-    options: [{
-      label: '无',
-      value: '无'
-    }, {
-      label: '有',
-      value: '有'
-    }]
-  },
-  title: '胎心减慢',
-  width: APP_CONFIG.CELL_WIDTH_MIDDLE
-}, {
-  dataIndex: 'processEvaluationNote',
-  editable: true,
-  align: 'center',
-  // inputType: 'input',
-  inputType: 'dictionary_select_in_table',
-  inputProps: {
-    type: 'select',
-    mode: 'single',
-    boxSpan: 6,
-    uniqueKey: 'prenatalDiagnosis.processEvaluationNote'
-  },
-  title: '过程评估',
-  width: APP_CONFIG.CELL_WIDTH_MIDDLE
-}, {
-  dataIndex: 'otherNote',
-  editable: true,
-  align: 'center',
-  inputType: 'input',
-  title: '备注',
-  width: APP_CONFIG.CELL_WIDTH_MIDDLE
-}];
-var css_248z = ".pd-procedure-table__header {\n  display: flex;\n  margin-bottom: 4px;\n}\n.pd-procedure-table__header .ant-btn:first-child {\n  margin-right: 8px;\n}\n.pd-procedure-table .ant-select,\n.pd-procedure-table .ant-input-number,\n.pd-procedure-table .ant-select-selector,\n.pd-procedure-table .ant-input {\n  border: none !important;\n}\n";
-styleInject(css_248z);
-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 Cystocentesis = /*#__PURE__*/function (_Component) {
-  function Cystocentesis(props) {
-    var _this;
-    _classCallCheck(this, Cystocentesis);
-    _this = _callSuper(this, Cystocentesis, [props]);
-    _defineProperty(_this, "columns", void 0);
-    _defineProperty(_this, "value", void 0);
-    _defineProperty(_this, "initData", function () {
-      var value = _this.props.value;
-      var bloodFlowsDataSource = [];
-      var hemogramExamDataSource = [];
-      _this.value = value;
-      for (var i = 0; i < _get(value, 'pdPreMeasurements.length'); i++) {
-        if (i > _get(value, 'pdPreMeasurements.length') - 1) {
-          break;
-        }
-        bloodFlowsDataSource.push(_objectSpread(_objectSpread({}, _get(value, "pdPreMeasurements.".concat(i))), {}, {
-          name: "".concat(_get(value, "pdProcedures.".concat(i, ".object")) || '', "\u672F\u524D"),
-          key: _get(value, "pdPreMeasurements.".concat(i, ".key")) || 'pdPreMeasurements' + _get(value, "pdPreMeasurements.".concat(i, ".id"))
-        }));
-        bloodFlowsDataSource.push(_objectSpread(_objectSpread({}, _get(value, "pdPostMeasurements.".concat(i))), {}, {
-          name: "".concat(_get(value, "pdProcedures.".concat(i, ".object")) || '', "\u672F\u540E"),
-          key: _get(value, "pdPostMeasurements.".concat(i, ".key")) || 'pdPostMeasurements' + _get(value, "pdPostMeasurements.".concat(i, ".id"))
-        }));
-      }
-      for (var _i = 0; _i < _get(value, 'pdPreHemograms.length'); _i++) {
-        if (_i > _get(value, 'pdPreHemograms.length') - 1) {
-          break;
-        }
-        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
-      });
-    });
-    _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,
-              children: _this.formatColumns(tableName)(children)
-            });
-          }
-          if (!editable) {
-            return column;
-          }
-          return _objectSpread(_objectSpread({}, column), {}, {
-            render: function render(value, rowData, rowIndex) {
-              var renderValue = value;
-              var tableValue = value;
-              if (['single_date_picker'].indexOf(inputType) > -1) {
-                renderValue = value ? dayjs(value, 'YYYY-MM-DD') : dayjs();
-              }
-              if (inputType === 'dictionary_select_in_table') {
-                var options = getDictionariesEnumerations(_get(inputProps, 'uniqueKey'));
-                _map(options, function (item) {
-                  if (_get(item, 'value') == value) tableValue = _get(item, 'label');
-                });
-              }
-              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
-                  });
-                }
-              }, tableValue);
+import React, { useState } from 'react';
+import { Upload } from 'antd';
+import ImgCrop from 'antd-img-crop';
+import { get } from 'lodash';
+import { mchcEnv } from '@lm_fe/env';
+var Inner = function Inner(_ref) {
+  var onChange = _ref.onChange,
+    value = _ref.value,
+    disabled = _ref.disabled,
+    _ref$actionApi = _ref.actionApi,
+    actionApi = _ref$actionApi === void 0 ? '/api/uploadImage' : _ref$actionApi;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    fileList = _useState2[0],
+    setFileList = _useState2[1];
+  React.useEffect(function () {
+    // let imgUrl = value;
+    // if (value && value.includes('?')) {
+    //   const arr = value.split('?');
+    //   console.log('----789----', arr);
+    //   imgUrl = arr[0];
+    // }
+    if (value) {
+      setFileList([{
+        uid: -new Date().getTime(),
+        name: 'image.png',
+        status: 'done',
+        url: value
+      }]);
+    }
+  }, [value]);
+  var handleChange = function handleChange(_ref2) {
+    var newFileList = _ref2.fileList;
+    setFileList(newFileList);
+    onChange && onChange(get(newFileList, '0.response.url'));
+  };
+  var onPreview = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
+      var src, image, imgWindow;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            src = file.url;
+            if (src) {
+              _context.next = 5;
+              break;
             }
-          });
-        });
-      };
-    });
-    _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, `${rowIndex}.${path}`, editingValue);
-        if (tableName === 'procedure') {
-          _set(data, "pdProcedures.".concat(rowIndex, ".").concat(path), editingValue);
-        } else if (tableName === 'bloodFlows') {
-          if (rowIndex % 2 === 0) {
-            _set(data, "pdPreMeasurements.".concat(Math.floor(rowIndex / 2), ".").concat(path), editingValue);
-          } else {
-            _set(data, "pdPostMeasurements.".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);
-          }
-        }
-        // console.log(data);
-        onChange && onChange(data);
-      };
-    });
-    _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':
-          case 'dictionary_select_in_table':
-            value = event;
-            break;
-          case 'date':
-          case 'single_date_picker':
-            value = formatDate(event);
-            break;
-        }
-        _this.setState({
-          editingValue: value,
-          editingTable: tableName
-        });
-      };
-    });
-    _defineProperty(_this, "handleAdd", function () {
-      var onChange = _this.props.onChange;
-      var _this$state3 = _this.state,
-        dataSource = _this$state3.dataSource,
-        bloodFlowsDataSource = _this$state3.bloodFlowsDataSource;
-      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')
-      };
-      _this.setState({
-        dataSource: [].concat(_toConsumableArray(dataSource), [newPdProcedure]),
-        bloodFlowsDataSource: [].concat(_toConsumableArray(bloodFlowsDataSource), [pdPreBloodFlow, pdPostBloodFlow])
-      });
-      var outData = {
-        pdProcedures: [].concat(_toConsumableArray(_get(value, 'pdProcedures') || []), [newPdProcedure]),
-        pdPreMeasurements: [].concat(_toConsumableArray(_get(value, 'pdPreMeasurements') || []), [pdPreBloodFlow]),
-        pdPostMeasurements: [].concat(_toConsumableArray(_get(value, 'pdPostMeasurements') || []), [pdPostBloodFlow])
-      };
-      onChange && onChange(outData);
-      return outData;
-    });
-    _defineProperty(_this, "handleRowSelectChange", function (selectedRowKeys) {
-      _this.setState({
-        selectedRowKeys: selectedRowKeys
-      });
-    });
-    _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;
-      });
-      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]);
+            _context.next = 4;
+            return new Promise(function (resolve) {
+              var reader = new FileReader();
+              reader.readAsDataURL(file.originFileObj);
+              reader.onload = function () {
+                return resolve(reader.result);
+              };
+            });
+          case 4:
+            src = _context.sent;
+          case 5:
+            image = new Image();
+            image.src = src;
+            imgWindow = window.open(src);
+            imgWindow === null || imgWindow === void 0 || imgWindow.document.write(image.outerHTML);
+          case 9:
+          case "end":
+            return _context.stop();
         }
-      });
-      var pdPreMeasurements = _filter(newBloodFlowsDataSource, function (data, key) {
-        return Number(key) % 2 === 0;
-      });
-      var pdPostMeasurements = _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,
-        pdPreMeasurements: pdPreMeasurements,
-        pdPostMeasurements: pdPostMeasurements,
-        pdPreHemograms: pdPreHemograms,
-        pdPreHemogramBanks: pdPreHemogramBanks,
-        pdPostHemograms: pdPostHemograms
-      });
-    });
-    _defineProperty(_this, "handleOutBaseData", /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(keys, values) {
-        var onChange, dataSource, outData, newDataSource;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              onChange = _this.props.onChange;
-              dataSource = _this.state.dataSource;
-              outData = _this.value;
-              newDataSource = dataSource;
-              if (!(_isEmpty(dataSource) || _isNil(dataSource))) {
-                _context.next = 9;
-                break;
-              }
-              _context.next = 7;
-              return _this.handleAdd();
-            case 7:
-              outData = _context.sent;
-              newDataSource = [{
-                key: Math.random()
-              }];
-            case 9:
-              _map(keys, function (key, index) {
-                _set(outData, "pdProcedures.0.".concat(key), values[index]);
-                _set(newDataSource[0], key, values[index]);
-              });
-              _this.setState({
-                dataSource: newDataSource
-              });
-              onChange && onChange(outData);
-              _this.forceUpdate();
-            case 13:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function (_x, _x2) {
-        return _ref3.apply(this, arguments);
-      };
-    }());
-    _this.state = {
-      dataSource: [],
-      bloodFlowsDataSource: [],
-      hemogramExamDataSource: [],
-      selectedRowKeys: [],
-      editingCol: undefined,
-      editingRow: undefined,
-      editingValue: undefined,
-      editingTable: undefined
+      }, _callee);
+    }));
+    return function onPreview(_x) {
+      return _ref3.apply(this, arguments);
     };
-    _this.columns = tableColumns;
-    _this.value = _get(props, 'value') || {};
-    return _this;
-  }
-  _inherits(Cystocentesis, _Component);
-  return _createClass(Cystocentesis, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.initData();
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      var value = this.props.value;
-      if (!_isEqual(prevProps.value, value)) {
-        this.initData();
-      }
+  }();
+  return /*#__PURE__*/React.createElement(ImgCrop, {
+    rotate: true,
+    aspect: 1.5
+  }, /*#__PURE__*/React.createElement(Upload, {
+    disabled: disabled,
+    action: actionApi,
+    listType: "picture-card",
+    fileList: fileList,
+    onChange: handleChange,
+    onPreview: onPreview,
+    headers: {
+      Authorization: mchcEnv.token
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$state5 = this.state,
-        dataSource = _this$state5.dataSource,
-        selectedRowKeys = _this$state5.selectedRowKeys,
-        bloodFlowsDataSource = _this$state5.bloodFlowsDataSource;
-      var newProcedureColumns = this.formatColumns('procedure')(this.columns);
-      var newCystocentesisColumns = this.formatColumns('bloodFlows')(cystocentesisColumns);
-      return /*#__PURE__*/React.createElement("div", {
-        className: "pd-procedure"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "pd-procedure-normal"
-      }, /*#__PURE__*/React.createElement(_Row, null, /*#__PURE__*/React.createElement(_Col, {
-        span: 8
-      }, /*#__PURE__*/React.createElement(_Form.Item, _extends({
-        label: "\u5F00\u59CB\u65F6\u95F4"
-      }, layout), /*#__PURE__*/React.createElement(TimePickerAutoaccept, {
-        format: "HH:mm",
-        disabledHours: function disabledHours() {
-          var endTime = _get(dataSource, '0.endTime') ? dayjs(_get(dataSource, '0.endTime'), 'HH:mm') : null;
-          if (endTime) {
-            var h = endTime.hour();
-            return HOURS.slice(h + 1, HOURS.length);
-          }
-          return [];
-        },
-        disabledMinutes: function disabledMinutes(selectedHour) {
-          var endTime = _get(dataSource, '0.endTime') ? dayjs(_get(dataSource, '0.endTime'), 'HH:mm') : null;
-          if (endTime) {
-            if (selectedHour < endTime.hour()) return [];
-            var m = endTime.minute();
-            return MINUTES.slice(m + 1, MINUTES.length);
-          }
-          return [];
-        },
-        value: _get(dataSource, '0.startTime') ? dayjs(_get(dataSource, '0.startTime'), 'HH:mm') : null,
-        onChange: function onChange(value) {
-          var duration = _get(dataSource, '0.endTime') ? dayjs(_get(dataSource, '0.endTime'), 'HH:mm').diff(dayjs(value, 'HH:mm'), 'minutes') : 0;
-          var startTime = value ? dayjs(value).format('HH:mm').toString() : null;
-          _this2.handleOutBaseData(['startTime', 'duration'], [startTime, duration]);
-        }
-      }))), /*#__PURE__*/React.createElement(_Col, {
-        span: 8
-      }, /*#__PURE__*/React.createElement(_Form.Item, _extends({
-        label: "\u7ED3\u675F\u65F6\u95F4"
-      }, layout), /*#__PURE__*/React.createElement(TimePickerAutoaccept, {
-        format: "HH:mm",
-        disabledHours: function disabledHours() {
-          var startTime = _get(dataSource, '0.startTime') ? dayjs(_get(dataSource, '0.startTime'), 'HH:mm') : null;
-          if (startTime) {
-            var h = startTime.hour();
-            return HOURS.slice(0, h);
-          }
-          return [];
-        },
-        disabledMinutes: function disabledMinutes(selectedHour) {
-          var startTime = _get(dataSource, '0.startTime') ? dayjs(_get(dataSource, '0.startTime'), 'HH:mm') : null;
-          if (startTime) {
-            if (selectedHour > startTime.hour()) return [];
-            var m = startTime.minute();
-            return MINUTES.slice(0, m + 1);
-          }
-          return [];
-        },
-        value: _get(dataSource, '0.endTime') ? dayjs(_get(dataSource, '0.endTime'), 'HH:mm') : null,
-        onChange: function onChange(value) {
-          var duration = _get(dataSource, '0.startTime') ? dayjs(value, 'HH:mm').diff(dayjs(_get(dataSource, '0.startTime'), 'HH:mm'), 'minutes') : 0;
-          var endTime = value ? dayjs(value).format('HH:mm').toString() : null;
-          _this2.handleOutBaseData(['endTime', 'duration'], [endTime, duration]);
-        }
-      }))), /*#__PURE__*/React.createElement(_Col, {
-        span: 8
-      }, /*#__PURE__*/React.createElement(_Form.Item, _extends({
-        label: "\u6301\u7EED\u65F6\u95F4(\u5206)"
-      }, layout), /*#__PURE__*/React.createElement(_Input, {
-        disabled: true,
-        value: _get(dataSource, '0.duration') || 0
-      }))))), /*#__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: 1500
-        }
-      }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Table, {
-        size: "small",
-        className: "blood-and-thalassemia",
-        bordered: true,
-        columns: newCystocentesisColumns,
-        dataSource: bloodFlowsDataSource,
-        pagination: false
-      })));
-    }
-  }]);
-}(Component);
-export { Cystocentesis as default };
-//# sourceMappingURL=.root127.js.map
+  }, fileList.length < 1 && '+ 点击上传'));
+};
+export { Inner as default };