@lm_fe/components_m 0.1.201 → 0.2.2

package/dist/a_chunks/.root35.js

@@ -1,288 +1,121 @@
+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";
-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 { b as styleInject, i as BaseFormComponent, _ as _extends } from './index.js';
-import _set from 'lodash/set';
-import _map from 'lodash/map';
-import _isEmpty from 'lodash/isEmpty';
-import _get from 'lodash/get';
-import _cloneDeep from 'lodash/cloneDeep';
-import { LazyAntd } from '@lm_fe/components';
-import { formatDate } from '@lm_fe/utils';
-import dayjs from 'dayjs';
-import React, { useState, useEffect } from 'react';
-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 'antd/es/input-number/style';
-import 'antd/es/input-number';
-import 'lodash/indexOf';
-import 'lodash/compact';
+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 React, { Component } from 'react';
+import { Tabs } from 'antd';
+import { I as Inner } from './index.js';
+import '@lm_fe/provoke';
+import '@lm_fe/components';
+import '@lm_fe/utils';
 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/button/style';
-import 'antd/es/button';
-import 'antd/es/switch/style';
-import 'antd/es/switch';
-import 'antd/es/form/style';
-import 'antd/es/form';
-import 'lodash/join';
-import 'lodash/isEqual';
-import 'lodash/isArray';
-import 'lodash/identity';
+import 'dayjs';
+import 'lodash';
+import '@lm_fe/env';
 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 'lodash/filter';
-import 'react-to-print';
-import 'antd/es/row/style';
-import 'antd/es/row';
-import 'antd/es/col/style';
-import 'antd/es/col';
-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 '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 css_248z = ".blood-and-thalassemia .ant-select,\n.blood-and-thalassemia .ant-input-number,\n.blood-and-thalassemia .ant-select-selector,\n.blood-and-thalassemia .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 cols = [{
-  dataIndex: 'name',
-  title: '',
-  align: 'center',
-  editable: false,
-  width: 120
-}, {
-  dataIndex: 'checkDate',
-  title: '日期',
-  align: 'center',
-  editable: true,
-  inputType: 'single_date_picker',
-  width: 120
-}, {
-  dataIndex: 'ua',
-  title: 'UA',
-  align: 'center',
-  children: [{
-    dataIndex: 'uaEdf',
-    title: 'EDF',
-    align: 'center',
-    editable: true,
-    width: 80
-  }, {
-    dataIndex: 'uaPi',
-    title: 'PI',
-    align: 'center',
-    editable: true,
-    width: 80
-  }, {
-    dataIndex: 'uaRi',
-    title: 'RI',
-    align: 'center',
-    editable: true,
-    width: 80
-  }, {
-    dataIndex: 'uaSdratio',
-    title: 'S/D',
-    align: 'center',
-    editable: true,
-    width: 80
-  }]
-}, {
-  dataIndex: 'dv',
-  title: 'DV',
-  align: 'center',
-  editable: true,
-  width: 80
-}, {
-  dataIndex: 'mca',
-  title: 'MCA',
-  align: 'center',
-  width: 80,
-  children: [{
-    dataIndex: 'mcaPsv',
-    title: 'PSV(cm/s)',
-    align: 'center',
-    inputType: 'input',
-    editable: true,
-    width: 80
-  }, {
-    dataIndex: 'mcaPi',
-    title: 'PI',
-    align: 'center',
-    inputType: 'input',
-    editable: true,
-    width: 80
-  }, {
-    dataIndex: 'mcaRi',
-    title: 'RI',
-    align: 'center',
-    editable: true,
-    inputType: 'input',
-    width: 80
-  }, {
-    dataIndex: 'mcaSdratio',
-    title: 'S/D',
-    align: 'center',
-    editable: true,
-    width: 200
-  }]
-}];
-var index = function index(props) {
-  var onChange = props.onChange;
-  var _useState = useState(cols),
-    _useState2 = _slicedToArray(_useState, 2),
-    columns = _useState2[0],
-    setColumns = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    datasource = _useState4[0],
-    setDatasource = _useState4[1];
-  useEffect(function () {
-    var newDatasource = [{
-      key: 'pdPreBloodFlows',
-      name: '术前血流',
-      checkDate: _get(props.value, 'pdPreBloodFlows.0.checkDate'),
-      uaEdf: _get(props.value, 'pdPreBloodFlows.0.uaEdf'),
-      uaPi: _get(props.value, 'pdPreBloodFlows.0.uaPi'),
-      uaRi: _get(props.value, 'pdPreBloodFlows.0.uaRi'),
-      uaSdratio: _get(props.value, 'pdPreBloodFlows.0.uaSdratio'),
-      dv: _get(props.value, 'pdPreBloodFlows.0.dv'),
-      mcaPsv: _get(props.value, 'pdPreBloodFlows.0.mcaPsv'),
-      mcaPi: _get(props.value, 'pdPreBloodFlows.0.mcaPi'),
-      mcaRi: _get(props.value, 'pdPreBloodFlows.0.mcaRi'),
-      mcaSdratio: _get(props.value, 'pdPreBloodFlows.0.mcaSdratio')
-    }, {
-      key: 'pdPostBloodFlows',
-      name: '术后血流',
-      uaEdf: _get(props.value, 'pdPostBloodFlows.0.uaEdf'),
-      checkDate: _get(props.value, 'pdPostBloodFlows.0.checkDate'),
-      uaPi: _get(props.value, 'pdPostBloodFlows.0.uaPi'),
-      uaRi: _get(props.value, 'pdPostBloodFlows.0.uaRi'),
-      uaSdratio: _get(props.value, 'pdPostBloodFlows.0.uaSdratio'),
-      dv: _get(props.value, 'pdPostBloodFlows.0.dv'),
-      mcaPsv: _get(props.value, 'pdPostBloodFlows.0.mcaPsv'),
-      mcaPi: _get(props.value, 'pdPostBloodFlows.0.mcaPi'),
-      mcaRi: _get(props.value, 'pdPostBloodFlows.0.mcaRi'),
-      mcaSdratio: _get(props.value, 'pdPostBloodFlows.0.mcaSdratio')
-    }];
-    setDatasource(newDatasource);
-    setColumns(_updateColumns(columns));
-  }, [props.value]);
-  var _updateColumns = function updateColumns(data) {
-    return _map(data, function (column, index) {
-      var editable = column.editable,
-        inputType = column.inputType,
-        dataIndex = column.dataIndex,
-        inputProps = column.inputProps,
-        children = column.children;
-      if (!_isEmpty(children)) {
-        return _objectSpread(_objectSpread({}, column), {}, {
-          dataIndex: dataIndex,
-          children: _updateColumns(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 editable ? /*#__PURE__*/React.createElement(BaseFormComponent, _extends({}, inputProps, {
-            key: rowIndex,
-            size: "small",
-            inputType: inputType,
-            value: renderValue,
-            onChange: handleChange({
-              dataIndex: dataIndex,
-              inputType: inputType,
-              rowIndex: rowIndex
-            })
-          })) : value;
-        }
+var ArrayCustomTab = /*#__PURE__*/function (_Component) {
+  function ArrayCustomTab(props) {
+    var _this;
+    _classCallCheck(this, ArrayCustomTab);
+    _this = _callSuper(this, ArrayCustomTab, [props]);
+    _defineProperty(_this, "mapPropsToState", function () {
+      var _this$props = _this.props,
+        value = _this$props.value,
+        error = _this$props.error;
+      _this.setState({
+        value: value,
+        error: error
       });
     });
-  };
-  var handleChange = function handleChange(_ref) {
-    var dataIndex = _ref.dataIndex,
-      inputType = _ref.inputType,
-      rowIndex = _ref.rowIndex;
-    return function (event) {
-      var value = _get(event, 'target.value');
-      switch (inputType) {
-        case 'input_number':
-          value = event;
-          break;
-        case 'date':
-        case 'single_date_picker':
-          value = formatDate(event);
-          break;
+    _defineProperty(_this, "handleChange", function (val, index) {
+      var _this$props2 = _this.props,
+        _this$props2$value = _this$props2.value,
+        value = _this$props2$value === void 0 ? [] : _this$props2$value,
+        onChange = _this$props2.onChange;
+      var newValue = JSON.parse(JSON.stringify(value));
+      newValue[index] = val;
+      onChange(newValue);
+    });
+    _defineProperty(_this, "handleEdit", function (targetKey, action) {
+      if (action === 'add') {
+        var _this$props3 = _this.props,
+          value = _this$props3.value,
+          onChange = _this$props3.onChange;
+        value.push({});
+        onChange(value);
+      } else if (action === 'remove') {
+        var _this$props4 = _this.props,
+          _value = _this$props4.value,
+          _onChange = _this$props4.onChange;
+        _value.splice(targetKey, 1);
+        _onChange(_value);
       }
-      var outData = _cloneDeep(props.value);
-      if (rowIndex === 0) {
-        _set(outData, "pdPreBloodFlows.0.".concat(dataIndex), value);
-      } else if (rowIndex === 1) {
-        _set(outData, "pdPostBloodFlows.0.".concat(dataIndex), value);
+      // console.log(targetKey);
+      // console.log(action);
+    });
+    _defineProperty(_this, "renderArrayCustomTabForm", function () {
+      var _this$props5 = _this.props,
+        dispatch = _this$props5.dispatch,
+        _this$props5$error = _this$props5.error,
+        error = _this$props5$error === void 0 ? [] : _this$props5$error,
+        _this$props5$input_pr = _this$props5.input_props,
+        input_props = _this$props5$input_pr === void 0 ? {} : _this$props5$input_pr;
+      var value = _this.props.value;
+      var _input_props$config = input_props.config,
+        config = _input_props$config === void 0 ? [] : _input_props$config,
+        _input_props$array_ti = input_props.array_title,
+        array_title = _input_props$array_ti === void 0 ? '' : _input_props$array_ti;
+      if (!value || value.length === 0 || value === null) {
+        // 初始化一个值
+        value = [];
+        value.push({});
       }
-      onChange && onChange(outData);
+      if (config.length === 0 || !config) {
+        return /*#__PURE__*/React.createElement("span", null, "arrayCustom\u914D\u7F6E\u4E3A\u7A7A\u6216\u975E\u6CD5");
+      }
+      return /*#__PURE__*/React.createElement(Tabs, {
+        type: "editable-card",
+        onEdit: _this.handleEdit
+      }, value.map(function (val, index) {
+        return /*#__PURE__*/React.createElement(Tabs.TabPane, {
+          tab: "".concat(array_title).concat(index + 1),
+          key: index
+        }, /*#__PURE__*/React.createElement(Inner, {
+          onChange: function onChange(singleValue) {
+            return _this.handleChange(singleValue, index);
+          },
+          dispatch: dispatch,
+          input_props: input_props,
+          error: null,
+          value: val,
+          getValidFun: function getValidFun() {},
+          subscribe: function subscribe() {}
+        }));
+      }));
+    });
+    _this.state = {
+      value: [],
+      error: []
     };
-  };
-  return /*#__PURE__*/React.createElement(Table, {
-    size: "small",
-    className: "blood-and-thalassemia",
-    bordered: true,
-    columns: columns,
-    dataSource: datasource,
-    pagination: false
-  });
-};
-export { index as default };
-//# sourceMappingURL=.root35.js.map
+    return _this;
+  }
+  _inherits(ArrayCustomTab, _Component);
+  return _createClass(ArrayCustomTab, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.mapPropsToState();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement("div", null, this.renderArrayCustomTabForm());
+    }
+  }]);
+}(Component);
+export { ArrayCustomTab as default };